@charset "utf-8";
/* --------------------------------------------------------------- 
   Google Fonts #181818 
-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Smokum:100,200,400,500,600,700,800');

#bdy.dark section.background-white a:not(.btn):not(.badge):hover, #bdy.dark section.background-white a:not(.btn):not(.badge):focus, 
#bdy.dark section.background-white a:not(.btn):not(.badge):active {
    color: #fff;
}

#footer a:not(.btn):not(.badge):hover, #footer a:not(.btn):not(.badge):focus, #footer a:not(.btn):not(.badge):active {
       color: #fff;
}

/* jquery slideshow */

      @keyframes right {
      from {
      transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
      -ms-transform: translateX(-4%);
      }
      to {
      transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
      -ms-transform: translateX(4%);
      }
      }
      @keyframes left {
      from {
      transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
      -ms-transform: translateX(4%);
      }
      to {
      transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
      -ms-transform: translateX(-4%);
      }
      }
      @keyframes down {
      from {
      transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
      -ms-transform: translateY(-4%);
      }
      to {
      transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
      -ms-transform: translateY(4%);
      }
      }
      @keyframes up {
      from {
      transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
      -ms-transform: translateY(4%);
      }
      to {
      transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
      -ms-transform: translateY(-4%);
      }
      }
      @keyframes out {
      from {
      transform: scale(1.15);
      }
      to {
      transform: scale(1);
      }
      }
      @keyframes in {
      from {
      transform: scale(1);
      }
      to {
      transform: scale(1.15);
      }
      }
      #slides {
      position: fixed;
      width: 1px;
      height: 1px;
      left: -9999px;
      }
      #slideshow {
      position: relative;
      overflow: hidden;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 650px;
      }
      #slideshow .slide, #slideshow span, #slideshow .static-content {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      }
      #slideshow .slide span {
      background-size: cover;
      background-position: center;
      }
      #slideshow .slide span.animate.right, #slideshow .slide span.animate.left {
      left: calc((-4vw + -4vh + -4%)/3);
      right: calc((-4vw + -4vh + -4%)/3);
      }
      #slideshow .slide span.animate.up, #slideshow .slide span.animate.down {
      top: calc((-4vw + -4vh + -4%)/3);
      bottom: calc((-4vw + -4vh + -4%)/3);
      }
      #slideshow span.animate {
      animation-fill-mode: forwards;
      animation-timing-function: linear;
      }
      #slideshow span.animate.right {
      animation-name: right;
      }
      #slideshow span.animate.left {
      animation-name: left;
      }
      #slideshow span.animate.up {
      animation-name: up;
      }
      #slideshow span.animate.down {
      animation-name: down;
      }
      #slideshow span.animate.in {
      animation-name: in;
      }
      #slideshow span.animate.out {
      animation-name: out;
      }
      #slideshow span.animate.paused {
      animation-play-state: paused;
      }
      .static-content {
      padding: 0px;
      margin: 0 5%;
      }
      #containerz h1 {
      font-family: sans-serif;
      margin: 0;
      position: absolute;
      /* bottom: 20px; */
      color: white;
      text-align: center;
      text-shadow: 0 2px 4px rgba(0, 0, 0, .4);
      top: 35%;
      width: 100%;
      }
      #containerz h2 {
      font-family: sans-serif;
      margin: 0;
      position: absolute;
      /* bottom: 20px; */
      color: white;
      text-align: center;
      text-shadow: 0 2px 4px rgba(0, 0, 0, .4);
      top: 45%;
      width: 100%;
      }
      .herodiv {
      position: absolute;
      text-align: center;
      top: 80%;
      width: 100%;
      }
      .herobutton {
      font-family: "Poppins", sans-serif;
      border-radius: 5px 5px 5px 5px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .5px;
      text-decoration: none;
      outline: none;
      padding: 12px 18px;
      text-transform: uppercase;
      background-color: #005ae7;
      border-color: #fff;
      border-width: 1px;
      border-style: solid;
      color: #ffffff;
      transition: all 0.3s;
      margin-bottom: 6px;
      outline: none;
      line-height: 14px;
      cursor: pointer;
      }




/* section .rdpolo reddot grid fix */

.rdpolo p { 
	font-size: 18px;
    font-weight: 300;
}

/* anijs delay animations mod */

.animated.slow {
 -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.animated.slower {
 -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.slowest {
 -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}
.animated.fast {
 -webkit-animation-duration: .90s;
    animation-duration: .90s;
}
.animated.faster {
 -webkit-animation-duration: .80s;
    animation-duration: .80s;
}
.animated.fastest {
 -webkit-animation-duration: .70s;
    animation-duration: .70s;
}
/* overrides dark only */

.reddotgrid .hr {
position: absolute;
top: 10px;
left: 10px;

}
.reddotgrid .cnt-nav.lockfixed div.hr > ul > li:not(:last-child) {
    border-right: 0;
}

.reddotgrid .fa, .reddotgrid .fas {
    text-shadow: black 0.1em 0.1em 0.2em;
}
@media (max-width: 1024px) {
.dark #header[data-transparent="true"]:not(.sticky-active) .header-inner, .dark #header[data-transparent="true"]:not(.sticky-active) #header-wrap, #header.dark[data-transparent="true"]:not(.sticky-active) .header-inner, #header.dark[data-transparent="true"]:not(.sticky-active) #header-wrap {
     background-color: #181818 !important;
  border-bottom: 1px solid #ff0000 !important;
}
}
/*  background-white add dark text overwrite  */
section.background-white {
	color: #181818 !important; 
}
section.background-white h1, section.background-white h2, section.background-white h3, section.background-white h4, section.background-white h5, section.background-white h6,
 section.background-white p {
    color: #181818 !important;
}
/*  end change to light overwrite  */

.text-light .table {
    
    color: #fff;
}
.text-light table tr:hover:not(.h1):not(.label) td:not(.active):not(.inactive):not(.label) {
    background: #fff  !important;
}

.text-light table.dataTable thead th, .text-light table.dataTable thead td {
 
    background-color: #3F3F3F;
}
.cnt-div {background-color: #181818;}

/*  scheme-dark dark bg with light text */

body.scheme-blue {background-color: #181818;}
body.scheme-blue {background-color: #181818;}



#bdy.dark {background-color: #181818;} 

.scheme-dark #bdy {
    background: #181818;
}

/* #bdy.dark h1 a, #bdy.dark h2 a, #bdy.dark h3 a, #bdy.dark h4 a, #bdy.dark h5 a, #bdy.dark h6 a, #bdy.dark h1, 
#bdy.dark h2, #bdy.dark h3, #bdy.dark h4, #bdy.dark h5, #bdy.dark h6, #bdy.dark p {
    color: #fff;
} */

#bdy.dark section {
   color:#fff;
background-color: #181818;
}

#bdy.dark section .slick-dots li button::before {
    color: #fff; 
}

#bdy.dark section a:not(.btn):not(.badge):hover, #bdy.dark section a:not(.btn):not(.badge):focus, #bdy.dark section a:not(.btn):not(.badge):active {
    color: #181818;
}

/* pricing-table */
#bdy.dark section .pricing-table .plan .plan-header {
       background-color: #292929;  
}
#bdy.dark section .pricing-table .plan-list {
    background-color: #a80000;
}
/* end pricing-table */
/* nav */
body.scheme-blue #navsm .social-icons.social-icons-large li a {
    background-color: transparent !important;
}
body.scheme-blue #navsm .social-icons.social-icons-colored a, body.scheme-blue #navsm .social-icons.social-icons-colored-hover a:hover {
    color: #fff !important;
}
body.scheme-blue #nav ul li a { 
    color: #fff;   
}
/* end nav dark */
body.scheme-blue section #ext-cat-tags a {
    color: #fff;
}
/* footer */
body.scheme-blue .dark #footer a:not(.btn):not(:hover), body.scheme-blue #footer.inverted a:not(.btn):not(:hover), body.scheme-blue #footer.dark a:not(.btn):not(:hover) {
    color: #fff;
}
/* end footer */
/* blog */
.auto-more-cID_20 {
    background: linear-gradient(0deg,rgb(168, 0, 0) 0%,rgba(168, 0, 0, 0) 100%) !important;
 }
#bdy.dark section .vr ul li a:hover, #bdy.dark section .vr ul li span:hover {
    background: #a80000;
    transition: all 0.2s linear;
}
#bdy.dark section .post-item .post-item-wrap {
    background-color: #a80000;
}
#bdy.dark section .post-item .post-item-description > h2, #bdy.dark section .post-item .post-item-description > h2 > a {
    color: #fff;
}
#bdy.dark section .post-item .post-item-description {
     color: #fff;
}
#bdy.dark section .hr ul li span:hover {
    background: #333 !important;
}
#bdy.dark section .cnt-nav.lockfixed div.hr > ul > li:not(:last-child) {
    border: none;
}
#bdy.dark section .label {
    color: #fff;
}
/* pricing-table */
#bdy.dark section .btn.btn-light {
	background-color: #292929 !important;
	border-color: #fff !important;
}
/* end pricing-table */


/* captcha dark */

#bdy.dark  .captcha-basic, #bdy.dark  .captcha-check, #bdy.dark  .captcha-questions {
    color: #fff;
}

#bdy.dark  .form-group label:not(.error) {
    color: #fff;
}
/* end captcha dark */
/* heading-section */
#bdy.dark section .heading-text.heading-section h2::before {
    background-color: #a80000;
}
/* end heading-section */
#ext-cat-tags a {
    color: #fff;
}
#ext-cat-index h1, #ext-cat-popular h1, #ext-cat-tags h1 {
    font-size: revert;
}
#ext-cat-index .vr > ul li > a, #ext-cat-index .vr > ul li > span, #ext-cat-popular .vr > ul li > a, #ext-cat-popular .vr > ul li > span {
    color: #fff!important;
}
#ext-cat-tags a {
    color: #fff!important;
}
#ext-cat-tags a {
    border: 2px solid #e6e8eb;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    outline: none;
    padding: 5px 14px;
    margin: 0 2px 5px 0;
    background-color: transparent;
    color: #fff;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
#ext-cat-tags a::first-letter {
    text-transform: uppercase;
}
#ext-cat-tags a:hover, #ext-cat-tags a:focus, #ext-cat-tags a:active, #ext-cat-tags a.active {
    background-color: 5#2250fc;
    border-color: #2250fc;
    color: #fff !important;
}

/* end blog */

.text-box:hover {
    background: #ffffff22 !important;
}

.content {
    padding-right: 0 !important;
    margin-bottom: 0 !important; 
}

/* div.cnt-nav {
  margin: 20px 0 10px
}
div.cnt-nav ul {
  padding: 2px;
  margin: 0 0 10px;
}

.dark #header .header-inner, .dark #header #header-wrap, #header.dark .header-inner, #header.dark #header-wrap {
  background-color: #0668b1 !important;
} */
/* end overrides dark only */




.fa-window-close::before {
    font-size: x-large;
}

/* list-icon */

.list-icon {
    list-style: none;
    padding-left: 0;
    margin-right: 12px;
}

.list-icon li {
   margin-left: 26px;
   line-height: 40px; 
   font-size: 18px;
   font-weight: 300; 
}

ul.list-icon li i {
    margin-right: 12px;
}

/* social media icons custom stuff for using cloudflare font awesome */

.social-icons {
  line-height: 0;
}

.social-icons ul {
  padding: 0;
  margin: 0;
}

.text-center.social-icons ul {
  display: inline-block;
}

.social-icons li {
  float: left;
  list-style: none;
}

.social-icons li a {
  float: left;
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  margin: 0 4px 4px 0;
  border-radius: 4px;
  border: 0;
  background: transparent;
  color: #333;
  overflow: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.dark .social-icons li a {
  color: #ffffff;
}

.dark .social-icons.social-icons-border li a {
  border: 1px solid #333 !important;
}

.dark .social-icons li a .social-icons.social-icons-dark li a {
  background: #888;
  color: #fff;
}

.dark .social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
  background-color: #1f1f1f;
}
.social-icons.social-icons-colored a,
.social-icons.social-icons-colored-hover a:hover {
  color: #ffffff !important;
  border: 0;
}

.social-icons.social-icons-colored .social-rss a,
.social-icons.social-icons-colored-hover .social-rss a:hover,
.social-icons.social-icons-colored .social-snapchat a,
.social-icons.social-icons-colored-hover .social-snapchat a:hover {
  background-color: #faa33d;
}

.social-icons.social-icons-colored .social-facebook a,
.social-icons.social-icons-colored-hover .social-facebook a:hover {
  background-color: #5d82d1;
}

.social-icons.social-icons-colored .social-twitter a,
.social-icons.social-icons-colored-hover .social-twitter a:hover {
  background-color: #40bff5;
}

.social-icons.social-icons-colored .social-vimeo a,
.social-icons.social-icons-colored-hover .social-vimeo a:hover {
  background-color: #35c6ea;
}

.social-icons.social-icons-colored .social-myspace a,
.social-icons.social-icons-colored-hover .social-myspace a:hover {
  background-color: #008dde;
}

.social-icons.social-icons-colored .social-youtube a,
.social-icons.social-icons-colored-hover .social-youtube a:hover {
  background-color: #ef4e41;
}

.social-icons.social-icons-colored .social-instagram a,
.social-icons.social-icons-colored-hover .social-instagram a:hover {
  background-color: #e53d00;
}

.social-icons.social-icons-colored .social-gplus a,
.social-icons.social-icons-colored-hover .social-gplus a:hover {
  background-color: #d68400;
}

.social-icons.social-icons-colored .social-stumbleupon a,
.social-icons.social-icons-colored-hover .social-stumbleupon a:hover {
  background-color: #ff5c30;
}

.social-icons.social-icons-colored .social-lastfm a,
.social-icons.social-icons-colored-hover .social-lastfm a:hover {
  background-color: #f34320;
}

.social-icons.social-icons-colored .social-pinterest a,
.social-icons.social-icons-colored-hover .social-pinterest a:hover {
  background-color: #e13138;
}

.social-icons.social-icons-colored .social-google a,
.social-icons.social-icons-colored-hover .social-google a:hover {
  background-color: #eb5e4c;
}

.social-icons.social-icons-colored .social-evernote a,
.social-icons.social-icons-colored-hover .social-evernote a:hover {
  background-color: #9acf4f;
}

.social-icons.social-icons-colored .social-dribbble a,
.social-icons.social-icons-colored-hover .social-dribbble a:hover {
  background-color: #f7659c;
}

.social-icons.social-icons-colored .social-skype a,
.social-icons.social-icons-colored-hover .social-skype a:hover {
  background-color: #13c1f3;
}

.social-icons.social-icons-colored .social-forrst a,
.social-icons.social-icons-colored-hover .social-forrst a:hover {
  background-color: #45ad76;
}

.social-icons.social-icons-colored .social-linkedin a,
.social-icons.social-icons-colored-hover .social-linkedin a:hover {
  background-color: #238cc8;
}

.social-icons.social-icons-colored .social-wordpress a,
.social-icons.social-icons-colored-hover .social-wordpress a:hover {
  background-color: #2592c3;
}

.social-icons.social-icons-colored .social-grooveshark a,
.social-icons.social-icons-colored-hover .social-grooveshark a:hover {
  background-color: #ffb21d;
}

.social-icons.social-icons-colored .social-delicious a,
.social-icons.social-icons-colored-hover .social-delicious a:hover {
  background-color: #377bda;
}

.social-icons.social-icons-colored .social-behance a,
.social-icons.social-icons-colored-hover .social-behance a:hover {
  background-color: #1879fd;
}

.social-icons.social-icons-colored .social-dropbox a,
.social-icons.social-icons-colored-hover .social-dropbox a:hover {
  background-color: #17a3eb;
}

.social-icons.social-icons-colored .social-soundcloud a,
.social-icons.social-icons-colored-hover .social-soundcloud a:hover {
  background-color: #ff7e30;
}

.social-icons.social-icons-colored .social-deviantart a,
.social-icons.social-icons-colored-hover .social-deviantart a:hover {
  background-color: #6a8a7b;
}

.social-icons.social-icons-colored .social-yahoo a,
.social-icons.social-icons-colored-hover .social-yahoo a:hover {
  background-color: #ab47ac;
}

.social-icons.social-icons-colored .social-flickr a,
.social-icons.social-icons-colored-hover .social-flickr a:hover {
  background-color: #ff48a3;
}

.social-icons.social-icons-colored .social-digg a,
.social-icons.social-icons-colored-hover .social-digg a:hover {
  background-color: #75788d;
}

.social-icons.social-icons-colored .social-blogger a,
.social-icons.social-icons-colored-hover .social-blogger a:hover {
  background-color: #ff9233;
}

.social-icons.social-icons-colored .social-tumblr a,
.social-icons.social-icons-colored-hover .social-tumblr a:hover {
  background-color: #426d9b;
}

.social-icons.social-icons-colored .social-quora a,
.social-icons.social-icons-colored-hover .social-quora a:hover {
  background-color: #ea3d23;
}

.social-icons.social-icons-colored .social-github a,
.social-icons.social-icons-colored-hover .social-github a:hover {
  background-color: #3f91cb;
}

.social-icons.social-icons-colored .social-amazon a,
.social-icons.social-icons-colored-hover .social-amazon a:hover {
  background-color: #ff8e2e;
}

.social-icons.social-icons-colored .social-xing a,
.social-icons.social-icons-colored-hover .social-xing a:hover {
  background-color: #1a8e8c;
}

.social-icons.social-icons-colored .social-wikipedia a,
.social-icons.social-icons-colored-hover .social-wikipedia a:hover {
  background-color: #b3b5b8;
}

.social-icons.social-icons-colored .social-reddit a, 
.social-icons.social-icons-colored-hover .social-reddit a:hover {
  background-color: #434343;
}	

.social-icons.social-icons-colored .social-photobucket a, 
.social-icons.social-icons-colored-hover .social-photobucket a:hover {
  background-color: #ffffff;
}	
.social-icons.social-icons-colored .social-sonos a, 
.social-icons.social-icons-colored-hover .social-sonos a:hover {
  background-color: #ffffff;
}	
.social-icons.social-icons-colored .social-youtubemusic a, 
.social-icons.social-icons-colored-hover .social-youtubemusic a:hover {
  background-color: #ffffff;
}	

.social-icons.social-icons-colored .social-cdbaby a, 
.social-icons.social-icons-colored-hover .social-cdbaby a:hover {
  background-color: #434343;
}	  
.social-icons.social-icons-colored .social-deezer a, 
.social-icons.social-icons-colored-hover .social-deezer a:hover {
  background-color: #ffffff;
}
	  
.social-icons.social-icons-colored .social-reverbnation a, 
.social-icons.social-icons-colored-hover .social-reverbnation a:hover {
  background-color: #434343;
}

.social-icons.social-icons-colored .social-bandcamp a,
.social-icons.social-icons-colored-hover .social-bandcamp a:hover {
  background-color: #629aa9;
}
.social-icons.social-icons-colored .social-spotify a,
.social-icons.social-icons-colored-hover .social-spotify a:hover {
  background-color: #9ed910;
}
.social-icons.social-icons-colored .social-itunes-note a,
.social-icons.social-icons-colored-hover .social-itunes-note a:hover {
  background-color: #ea4bc0;
}

.social-icons.social-icons-border li a {
  border: 1px solid #d7d7d7;
  background: transparent;
  color: #333;
}


.social-icons.social-icons-light li a {
  background: #fff;
  color: #333;
  border: 1px solid #eee;
}

.social-icons.social-icons-rounded li a {
  border-radius: 50%;
}

.social-icons.social-icons-medium li a {
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-size: 18px;
}

.social-icons.social-icons-large li a {
  height: 48px;
  width: 48px;
  line-height: 48px;
  font-size: 18px;
}

.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
  background-color: #eee;
}

.social-icons li:hover i {
  -webkit-animation: toTopFromBottom 0.3s forwards;
  -moz-animation: toTopFromBottom 0.3s forwards;
  animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@font-face {
  font-family: 'inspiro-icons';
  src: url("../webfonts/inspiro-icons.ttf?ijzgpf") format("truetype"), url("../webfonts/inspiro-icons.woff?ijzgpf") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i:not(.fa):not(.fab):not(.far):not(.fas) {
  font-family: inspiro-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

 .social-icons li:hover img {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

.social-icon-override .social-icons.social-icons-large li a {
    font-size: 18px !important;
}

.social-icon-override .social-icons.social-icons-large li a {
    background-color: #252525 !important;
}

.social-icon-override .social-photobucket img {
-webkit-filter: invert(100%);
filter: invert(100%);
}

.social-icons.social-icons-large li a {
    line-height: 48px !important;
    font-size: 35px !important;
}

/* end social media icons */

/* navsm social media - Settings */
#navsm .social-icons.social-icons-colored a, #navsm .social-icons.social-icons-colored-hover a:hover {
    color: #777777 !important;
    border: 0;
}
#navsm .social-icons.social-icons-large li a {
    height: 40px;
    width: 34px;
    line-height: 48px;
    font-size: 18px;
    border-radius: 0px;
    font-size: 28px !important;
    height: 40px;
    line-height: 48px;
    text-align: center;
    width: 35px;
    overflow: hidden;
    margin: 0;
    background-color: #ffffff !important;
}
/* End nav social media */

    
/* ------- squish used in my contact ext checkboxes ------------- */
.squish > * {
     margin: 0;
}
/* ------- form-group used in my contact ext checkboxes ------------- */
.form-group {
    margin-bottom: 1rem;
}
#form_mod_search input:focus, #form_usr_signin input:focus, #form_ext_contact textarea:focus, #form_ext_contact input:focus, #form_ext_contact textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)!important;
}
/* --------------------------------------------------------------- 
   Change Reddot Core CSS

.overwritewpr {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
@media (max-width:1280px) {
  .overwritewpr {
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
}

----------------------------------------------------------------- */

 /* p.fadein {
  opacity: 0;
  transform: scale(10);
  transition: all 0.3s ease-in-out 0.2s;
}
. p.fadein:hover {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease-in-out 0.1s;
} */


/* Image Hover */

p.img-hover {
position: absolute;
top: 63%;
text-align: center;
margin: 0 auto;
width: 263px;
color: white;
font-size: 20px;
text-shadow: black 0.2em 0.2em 0.2em;
font-weight: bold;
transition: transform .5s ease;
}


.img-hover-zoom {
      /* background: #222f3e; */
      height: auto;
      overflow: hidden;
      /* filter: grayscale(100%); */
      /* border-radius: .5em;  */
      /* border: 5px solid rgba(255, 255, 255, .05); */
    }

    .img-hover-zoom--empty {
      background-color: rgba(255, 255, 255, .1);
      border-width: 0;
    }

    .img-hover-zoom:not(.img-hover-zoom--empty):hover {
      filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
    }

    .img-hover-zoom:not(.img-hover-zoom--empty):hover p.img-hover {
      top: 79%;
      transition-property: all;
    }

    .img-hover-zoom-title {
      text-align: center;
    }

    .img-hover-zoom--basic img {
      transition: transform .5s ease;
    }

    .img-hover-zoom--basic:hover img {
      transform: scale(1.1);
    }

    .img-hover-zoom--quick-zoom img {
      transform-origin: 0 0;
      transition: transform .25s, visibility .25s ease-in;
    }

    .img-hover-zoom--quick-zoom:hover img {
      transform: scale(2);
    }

    .img-hover-zoom--point-zoom img {
      transform-origin: 65% 75%;
      transition: transform 1s, filter .5s ease-out;
    }

    .img-hover-zoom--point-zoom:hover img {
      transform: scale(5);
    }

    .img-hover-zoom--zoom-n-rotate img {
      transition: transform .5s ease-in-out;
    }

    .img-hover-zoom--zoom-n-rotate:hover img {
      transform: scale(2) rotate(25deg);
    }

    .img-hover-zoom--slowmo img {
      transform-origin: 50% 65%;
      transition: transform 5s, filter 3s ease-in-out;
      filter: brightness(150%);
    }

    .img-hover-zoom--slowmo:hover img {
      filter: brightness(100%);
      transform: scale(3);
    }

    .img-hover-zoom--brightness img {
      transition: transform 2s, filter 1.5s ease-in-out;
      transform-origin: center center;
      filter: brightness(50%);
    }

    .img-hover-zoom--brightness:hover img {
      filter: brightness(100%);
      transform: scale(1.3);
    }

    .img-hover-zoom--zoom-n-pan-h img {
      transition: transform .5s ease-in-out;
      transform: scale(1.4);
      transform-origin: 100% 0;
    }

    .img-hover-zoom--zoom-n-pan-h:hover img {
      transform: scale(1.5) translateX(30%);
    }

    .img-hover-zoom--zoom-n-pan-v img {
      transition: transform .5s ease-in-out;
      transform: scale(1.4);
      transform-origin: 0 0;
    }

    .img-hover-zoom--zoom-n-pan-v:hover img {
      transform: scale(1.25) translateY(-30%);
    }

    .img-hover-zoom--blur img {
      transition: transform 1s, filter 2s ease-in-out;
      filter: blur(2px);
      transform: scale(1.2);
    }

    .img-hover-zoom--blur:hover img {
      filter: blur(0);
      transform: scale(1);
    }

    .img-hover-zoom--colorize img {
      transition: transform .5s, filter 1.5s ease-in-out;
      filter: grayscale(100%);
    }

    .img-hover-zoom--colorize:hover img {
      filter: grayscale(0);
      transform: scale(1.1);
    }
 
/* End Image Hover 


/* Responsive Classes */

@media (max-width: 1024px) {
  .carousel .flickity-button {
    width: 40px;
  }
  .carousel .flickity-button.next, .carousel .flickity-button.next:hover {
    right: 10px !important;
    opacity: 1;
  }
  .carousel .flickity-button.previous, .carousel .flickity-button.previous:hover {
    left: 10px !important;
    opacity: 1;
  }
}
/* End Carousel - Settings */

.slidenav-ico {
    font-size: 14pt !important;
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
/* needed for checkbox hack */



/*  my flex menu - Settings */

.flex-end { 
  justify-content: flex-end; 
}  
.flex-start { 
  justify-content: flex-start; 
}
.space-between { 
  justify-content: space-between; 
}  
.space-around { 
  justify-content: space-around; 
}
.space-evenly { 
  justify-content: space-evenly; 
}
#nav {
  position: relative;
  margin-top: 10px;
}
#nav ul {
  display: none;
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#nav ul li.nav-item-img a:hover {
  background: transparent;
}
#nav ul li a {
  display: block;
  padding: 1.6em 1em;
  /* background: #0F9962; */
  /* color: #777777; */
  text-decoration: none;
  /* border-right: 1px solid #0a6b44; */
  font-size: 9pt;
  transition: transform .5s ease;
}
#nav ul li a:hover {
  /* background: #ffae00; */
  color:#ffae00;
  box-shadow: 0 -2px 0 0 rgb(2, 122, 232) inset;
  transition-property: all;
}
#nav ul li.nav-item-img a:hover {
  box-shadow: none;
}
#nav > ul > li.active > a, #nav ul li.active a {
    box-shadow: 0 -2px 0 0 rgb(255, 174, 0) inset;
    color: #fff;
}
#nav ul li:last-of-type a {
  border-right: 0px;
}
#nav ul li ul li a {
   margin-top: 0px;
}
#nav ul li ul li a {
  padding-left: 1.5em;
}
#nav ul li ul li ul li a {
  padding-left: 3.125em;
}
#nav input.trigger {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#nav input.trigger:checked ~ ul, #nav input.trigger:checked ~ ul li ul {
  display: block !important;
}
@media (min-width: 48em) {
  #nav input.trigger:checked ~ ul, #nav input.trigger:checked ~ ul li ul {
    /* older flexbox */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    /* newer flexbox */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
#nav label {
  position: relative;
  display: block;
  min-height: 2em;
  padding: .45em;
  font-size: 1.1em;
  margin: 0;
  cursor: pointer;
  background: #005292;
  line-height: 2em;
  color: #bfe1fb;
}
#nav label:after {
  position: absolute;
  right: 1em;
  top: .2em;
  content: "\2261";
  font-size: 1.8em;
  color: white;
}
@media (min-width: 48em) {
  #nav ul li.nav-item-img a {
    display: block;
    padding: 1em;
    background: transparent;
    border-right: 0px;
    margin-top: -8px;
}
  #navsm ul {
    /* older flexbox */
    display: -ms-flexbox;
    flex-direction: -ms-row;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    /* newer flexbox */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #nav ul {
    /* older flexbox */
    display: -ms-flexbox;
    flex-direction: -ms-row;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    /* newer flexbox */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #nav ul li {
    position: relative;
    text-align: center;
    /* older flexbox */
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    /* newer flexbox */
    /* flex: 1; original */
    flex:auto;
  }
  #nav ul li ul {
    display: none !important;
    position: absolute;
    top: 3.0625em;
    left: 0;
    display: block;
    width: 12.5em;
    z-index: 200;
  }
  #nav ul li ul li {
    text-align: left;
  }
  #nav ul li ul li ul {
    z-index: 300;
    top: 0px;
    left: 12.4em;
  }
  #nav ul li ul li ul li a {
    padding-left: 30px !important;
  }
  #nav ul li:hover > ul {
    display: block !important;
    background-color:#fff;

  }
  #nav label {
    display: none;
  }
}

@media (max-width:800px) {
  #nav ul, #navsm ul {
    /* display: block; */
  }
  #nav ul li, #navsm ul li {
    /* float:left; */
  }
}
/* end my flex menu */

body {
  font-size: 1rem;
  line-height: 1.65714286em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins", sans-serif;
  color: #484848;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
}

body, div, form, iframe, input, select, table, textarea {
  box-sizing: border-box;
  margin: 0;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.wpr {
    margin: 0 auto;
     /* width: 100%; */
     max-width: 1024px;
}
div.wpr.drk {
    max-width: 1024px;
    margin: 0 auto;
}

.slide-captions h1, .slide-captions h3 {
text-shadow: black 0.075em 0.075em 0.1em;
}
#hdr-nav {
    background: #fff;
    border-bottom: 5px solid #202020;
}
#hdr-nav a {
    color: #202020;
}

li.mega-menu-content {
    padding:10px;
}
.content {
  text-align: left;
}
.cnt-title {
    max-width: 1024px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}
h1, h2, h3, h4, h5, h6 {
  border: none !important;
}

.cnt-nav .hr ul li a:hover, .cnt-nav .hr ul li span:hover {
    color: #005ae7;
    transition: all 0.2s linear;
    background: transparent !important;
}
.text-center {
    text-align: center !important;
}
.lockfixed {
    /* position: revert; */
    z-index: 9 !important;
    background: transparent;
}

/* POLO CSS */

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
section {
  padding: 80px 0;
  padding-bottom: 80px;
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  background-color: #ffffff;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1140px;
}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
@media (min-width:576px) {
  .container, .container-sm {
    max-width: 540px
  }
}
@media (min-width:768px) {
  .container, .container-md, .container-sm {
    max-width: 720px
  }
}
@media (min-width:992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
  }
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
*, ::after, ::before {
 /* box-sizing: border-box */
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important
}
img {
  vertical-align: middle;
  border-style: none
}
svg {
  overflow: hidden;
  vertical-align: middle
}
table {
  border-collapse: collapse
}
caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom
}
th {
  text-align: inherit
}
#form_mod_contact input:not([type="checkbox"]):not([type="radio"]), #form_mod_search input:not([type="checkbox"]):not([type="radio"]), #form_usr_signin input:not([type="checkbox"]):not([type="radio"]), #form_ext_contact input:not([type="checkbox"]):not([type="radio"]), #form_ext_contact select, #form_mod_contact select {
  min-height: 40px;
  /* display: block; */
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#form_mod_search input[type="submit"], #form_usr_signin input[type="submit"], #form_ext_contact input[type="submit"], #form_mod_contact input[type="submit"] {
  background-color: #005ae7 !important;
  border-color: #fff !important;
  color: #ffffff !important;
  width: auto !important;
}
/* p input[type="submit"] {float: left; margin-right: 10px;} */
select#captcha {
  margin-left: 10px;
}
label {
  display: inline-block;
  margin-bottom: .5rem
}

select {
  word-wrap: normal
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
  -webkit-appearance: listbox
}
textarea {
  overflow: auto;
  resize: vertical
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}
progress {
  vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}
output {
  display: inline-block
}
summary {
  display: list-item;
  cursor: pointer
}
template {
  display: none
}
[hidden] {
  display: none !important
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}
.h1, h1 {
  font-size: 2.5rem
}
.h2, h2 {
  font-size: 2rem
}
.h3, h3 {
  font-size: 1.75rem
}
.h4, h4 {
  font-size: 1.5rem
}
.h5, h5 {
  font-size: 1.25rem
}
.h6, h6 {
  font-size: 1rem
}
.lead {
  font-size: 1.25rem;
  font-weight: 300
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}
.small, small {
  font-size: 80%;
  font-weight: 400
}
.mark, mark {
  padding: .2em;
  background-color: #fcf8e3
}
.list-unstyled {
  padding-left: 0;
  list-style: none
}
.list-inline {
  padding-left: 0;
  list-style: none
}
.list-inline-item {
  display: inline-block
}
.list-inline-item:not(:last-child) {
  margin-right: .5rem
}
.initialism {
  font-size: 90%;
  text-transform: uppercase
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d
}
.blockquote-footer::before {
  content: "\2014\00A0"
}
.img-fluid {
  max-width: 100%;
  height: auto
}
.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  max-width: 100%;
  height: auto
}
.figure {
  display: inline-block
}
.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}
.figure-caption {
  font-size: 90%;
  color: #6c757d
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word
}
a > code {
  color: inherit
}
kbd {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: .2rem
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
@media (min-width:576px) {
  .container {
    max-width: 540px
  }
}
@media (min-width:768px) {
  .container {
    max-width: 720px
  }
}
@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container {
    max-width: 1024px
  }
}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
@media (min-width:576px) {
  .container, .container-sm {
    max-width: 540px
  }
}
@media (min-width:768px) {
  .container, .container-md, .container-sm {
    max-width: 720px
  }
}
@media (min-width:992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1024px
  }
}
/* make flex work from polo */
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}
.no-gutters {
  margin-right: 0;
  margin-left: 0
}
.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}
.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}
.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}
.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%
}
.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}
.offset-1 {
  margin-left: 8.333333%
}
.offset-2 {
  margin-left: 16.666667%
}
.offset-3 {
  margin-left: 25%
}
.offset-4 {
  margin-left: 33.333333%
}
.offset-5 {
  margin-left: 41.666667%
}
.offset-6 {
  margin-left: 50%
}
.offset-7 {
  margin-left: 58.333333%
}
.offset-8 {
  margin-left: 66.666667%
}
.offset-9 {
  margin-left: 75%
}
.offset-10 {
  margin-left: 83.333333%
}
.offset-11 {
  margin-left: 91.666667%
}
@media (max-width:800px) {
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
  }

  .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11 {
    margin-left: 0
  }
}

@media (min-width:576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}


@media (min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}
@media (min-width:992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}
@media (min-width:1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}
/* end make flex work from polo */

/* ----------------------------------------------------------------
	Typography : Heading Text
-----------------------------------------------------------------*/
.heading-text.heading-section.text-center h1::before, .heading-text.heading-section.text-center h2::before, .heading-text.heading-section.text-center h3::before, .heading-text.heading-section.text-center h4::before, .heading-text.heading-section.text-center h5::before, .heading-text.heading-section.text-center h6::before {
    margin: 0 auto;
}
.heading-text {
  margin-bottom: 30px;
}
.heading-text.heading-section p {
  font-size: 18px;
  font-weight: 500;
}
.heading-text p {
  font-size: 18px;
  margin-bottom: 30px;
}
.lead {
  font-weight: 400;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.heading-text.heading-section h2::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100px;
  background-color: #2250fc;
  bottom: -30px;
  left: 0;
  right: 0;
}
.heading-text.heading-section h2 {
  position: relative;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 60px;
}
.heading-text h2 {
  font-size: 60px;
  margin-bottom: 30px;
  letter-spacing: -.7px;
  line-height: 66px;
}
/* ----------------------------------------------------------------
	Typography : Font size
-----------------------------------------------------------------*/
*, h1, h2, h3, h4, h5, h6, a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

@media all and (max-width: 768px) {
  html {
    font-size: 81.25%;
  }
}
html {
  font-size: 88%;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem
}
p {
  margin-top: 0;
  margin-bottom: 1rem
}
abbr[data-original-title], abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}
dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem
}
ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0
}
dt {
  font-weight: 700
}
dd {
  margin-bottom: .5rem;
  margin-left: 0
}
blockquote {
  margin: 0 0 1rem
}
b, strong {
  font-weight: bolder
}
small {
  font-size: 80%
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}

code, kbd, pre, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto
}
figure {
  margin: 0 0 1rem
}
.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
    font-weight: 200;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Smokum", sans-serif;
   margin: 0;
  letter-spacing: 0.5px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  font-weight: 100;
}
h1, .h1 {
  font-size: 3.14285714em;
  line-height: 1.31818182em;
}
h1:not(:last-child), .h1:not(:last-child) {
  margin-bottom: 20px;
}
h2, .h2 {
  font-size: 2.35714286em;
  line-height: 1.36363636em;
  font-weight: 500;
}
h2:not(:last-child), .h2:not(:last-child) {
  margin-bottom: 16px;
}
h3, .h3 {
  font-size: 1.78571429em;
  line-height: 1.5em;
  font-weight: 500;
}
h3:not(:last-child), .h3:not(:last-child) {
  margin-bottom: 12px;
}
h4, .h4 {
  font-size: 1.35714286em;
  line-height: 1.68421053em;
  font-weight: 600;
}
h4:not(:last-child), .h4:not(:last-child) {
  margin-bottom: 8px;
}
h5, .h5 {
  font-size: 1em;
  line-height: 1.85714286em;
  font-weight: 500;
}
h5:not(:last-child), .h5:not(:last-child) {
  margin-bottom: 6px;
}
h6, .h6 {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
  font-weight: 500;
}
h6:not(:last-child), .h6:not(:last-child) {
  margin-bottom: 6px;
}
.lead {
  font-weight: 400;
}
@media all and (max-width: 767px) {
  h1, .h1 {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
  }
  h2, .h2 {
    font-size: 1.78571429em;
    line-height: 1.5em;
  }
  h3, .h3 {
    font-size: 1.35714286em;
    line-height: 1.85714286em;
  }
  .lead {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
  }
}
.display-4 {
  font-weight: 400;
}
p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 1.7;
  letter-spacing: 0;
  /* color: #777777; */
  font-family: "Poppins", sans-serif;
}
ul.bullets {
  list-style: inside;
}
strong {
  font-weight: 600;
}
del {
  text-decoration-line: line-through;
}
/* ----------------------------------------------------------------
	a
-----------------------------------------------------------------*/
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent
}
a:hover {
  color: #0056b3;
  text-decoration: underline
}
a:not([href]) {
  color: inherit;
  text-decoration: none
}
a:not([href]):hover {
  color: inherit;
  text-decoration: none
}
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
  text-decoration: none;
  outline: none;
  /* color: #ffae00; */
color:#000;
}
a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) {
  color: #484848;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6 {
  color: #999999;
}

/* ----------------------------------------------------------------------
	Pricing Table
-------------------------------------------------------------------------*/
.pricing-table {
  padding-top: 50px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.pricing-table .plan {
  margin-bottom: 60px;
  transition: all .3s ease;
}
.pricing-table .plan:hover {
  margin-top: -10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.pricing-table .plan .plan-header {
  position: relative;
  background-color: #ffffff;
  padding: 40px 22px 22px 22px;
  text-align: center;
}
.pricing-table .plan .plan-header {
  border-width: 1px;
  position: relative;
  text-align: center;
}
.pricing-table .plan .plan-header .plan-price {
  font-size: 70px;
  font-weight: 600;
  position: relative;
  text-align: center;
  padding: 20px 0;
}
.pricing-table .plan .plan-header .plan-price sup {
  font-size: 24px;
  position: relative;
  top: -30px;
  color: #bdc3c7;
}
.pricing-table .plan .plan-header .plan-price span {
  font-size: 16px;
  color: #bdc3c7;
}
.pricing-table .plan-header > h4 {
  margin-bottom: 0;
}
.pricing-table .plan-list {
  background-color: #ffffff;
  border-width: 0 1px 1px;
  padding: 20px 0 40px;
}
.pricing-table .plan-list ul {
  display: table;
  margin: 0 auto;
  padding: 0 40px;
}
.pricing-table .plan-list ul li {
  list-style: none;
  border-bottom: 1px solid #EAECEB;
  line-height: 42px;
}
.pricing-table .plan-list ul li:last-child {
  border: none;
}
.pricing-table .plan-list ul li i {
  margin-right: 12px;
}
.pricing-table .plan-list ul li span {
  color: #34495e;
}
.pricing-table .plan-list .plan-button {
  margin-top: 20px !important;
  text-align: center;
}
.pricing-table .plan.featured {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin-top: -30px;
  padding-bottom: 0;
}
.pricing-table .plan.featured .plan-list {
  padding: 20px 0 40px;
}
.pricing-table .plan .plan-featured-item {
  background-color: #f8f8f8;
  border: 1px solid #e3e3e3 !important;
  font-weight: 600;
  margin-top: 21px;
  padding: 0 20px;
}

.pricing-table .plan .btn,
.plan .button {
  margin: 0;
}

.pricing-table.colored .plan-header {
  background-color: #2250fc;
  border-color: rgba(0, 0, 0, 0.05);
  color: #fff;
}
.pricing-table.colored .text-muted {
  color: #fff !important;
}
.pricing-table.colored .plan-header h4,
.pricing-table.colored .plan-header .plan-price sup,
.pricing-table.colored .plan-header .plan-price span {
  color: #fff;
}
.pricing-table.transparent .plan-header,
.pricing-table.transparent .plan-list {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.6);
}
.pricing-table.transparent .plan-list ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.pricing-table .plan .plan-featured-item {
  background-color: transparent;
}

.section-grey .pricing-table .plan-list {
  background-color: #f8f8f8;
}

section .pricing-table.full-width {
  padding-left: 30px;
  padding-right: 30px;
}

body.breakpoint-xl .pricing-table .col-lg-2, body.breakpoint-lg .pricing-table .col-lg-2 {
  width: 20%;
}
body.breakpoint-xl .pricing-table .col-lg-2 .plan-list ul li, body.breakpoint-lg .pricing-table .col-lg-2 .plan-list ul li {
  font-size: 13px;
}

.dark .table,
.table.dark {
  color: #999999;
}

/* ----------------------------------------------------------------
	button
-----------------------------------------------------------------*/
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
button {
  border-radius: 0
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}
button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
button.btn::after, .btn:not(.close):not(.mfp-close)::after, a.btn:not([href]):not([tabindex])::after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
element {}
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
  font-family: "Poppins", sans-serif;
  border-radius: 5px 5px 5px 5px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .5px;
  text-decoration: none;
  outline: none;
  padding: 12px 18px;
  position: relative;
  text-transform: uppercase;
  background-color: #005ae7 ;
  border-color: #fff;
  border-width: 1px;
  border-style: solid;
  color: #ffffff;
  transition: all 0.3s;
  margin-bottom: 6px;
  outline: none;
  line-height: 14px;
  cursor: pointer;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
[type="button"], [type="reset"], [type="submit"], button {
  -webkit-appearance: button;
}

/* ----------------------------------------------------------------
	root
-----------------------------------------------------------------*/
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* ----------------------------------------------------------------------
Forms
-------------------------------------------------------------------------*/

.telephone {
  margin-left: -15px;
}
.telephone input[type="text"], .telephone select {
  display: unset !important;
  width: 100px !important;
}
#form_ext_contact .telephone label {
  margin: 0 10px .5rem 0;
}
#form_mod_search input:not([type="checkbox"]):not([type="radio"]), #form_usr_signin input:not([type="checkbox"]):not([type="radio"]), #form_ext_contact input:not([type="checkbox"]):not([type="radio"]), #form_ext_contact select {
    min-height: 40px;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.form-control {
  border: 1px solid #e6e8eb;
  border-radius: 5px;
}

form .btn {
  padding: 12px 14px;
}

input:not([type="checkbox"]):not([type="radio"]),
select {
  line-height: 18px;
  padding: 10px 16px;
  min-height: 40px;
  font-size: .9rem;
}

.input-group-append {
  margin-left: -4px;
}
.input-group-append .btn,
.input-group-append button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  height: 40px;
}
.input-group-append .btn i,
.input-group-append button i {
  margin-right: 0px;
}

.input-group-prepend .btn,
.input-group-prepend button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.input-group-prepend .btn i,
.input-group-prepend button i {
  margin-right: 0px;
}
.input-group-prepend + input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-group .input-group-btn {
  margin-left: -4px;
}
.input-group .input-group-btn .btn,
.input-group .input-group-btn button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-group-lg .btn {
  padding: 16px 20px;
  font-size: 14px;
}

.input-group-text {
  border: 0;
}

.input-group-text i {
  margin-left: 4px;
  margin-right: 4px;
  font-size: 1.2rem;
}

.form-group label:not(.error) {
  font-size: 13px;
  letter-spacing: 0.04em;
  font-weight: 400;
  margin-bottom: 4px;
  color: #777777;
}

.form-inline button {
  margin: 0px;
}

.form-group > label {
  display: block;
}

.has-feedback label ~ .form-control-feedback {
  top: 44px;
}

.is-invalid:not(.form-control) {
  font-size: .8rem;
  color: #CE041C;
}

.is-invalid,
.is-valid {
  display: block;
  clear: both;
  width: 100%;
}

input[type="checkbox"].form-control {
  float: left;
  width: auto;
  margin-right: 13px;
  height: 24px;
  cursor: pointer;
}

input[type="color"] {
  width: 100%;
  height: 100%;
  min-height: 3px;
  padding: 0;
  border: 0px;
  cursor: pointer;
}
input[type="color"]:focus {
  box-shadow: none;
}

/*form select*/
select.form-control:not([size]):not([multiple]) {
  height: 40px;
}

select {
  width: 100%;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url(/reddot/uploads/img/content/cID_0/dropdown-arrow.png) !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  border: 1px solid #e6e8eb;
  border-radius: 5px;
}

select[multiple] {
  background-image: none !important;
}

.order-select > h6 {
  margin-bottom: 0;
}
.order-select p {
  font-size: 13px;
}

.button-search {
  background-color: #fff;
  border-color: #e6e8eb #e6e8eb #e6e8eb;
  border-style: solid;
  border-width: 1px 1px 1px 0 !important;
  box-shadow: none;
  margin-left: -6px !important;
  z-index: 2 !important;
}
/* ----------------------------------------------------------------
	Margin
-----------------------------------------------------------------*/
.no-margin {
  margin: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}
.m-b-70 {
  margin-bottom: 70px !important;
}
.m-b-80 {
  margin-bottom: 80px !important;
}
.m-b-90 {
  margin-bottom: 90px !important;
}
.m-b-100 {
  margin-bottom: 100px !important;
}
.m-b-150 {
  margin-bottom: 150px !important;
}
.m-b-200 {
  margin-bottom: 200px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-t-35 {
  margin-top: 35px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-t-60 {
  margin-top: 60px !important;
}
.m-t-70 {
  margin-top: 70px !important;
}
.m-t-80 {
  margin-top: 80px !important;
}
.m-t-90 {
  margin-top: 90px !important;
}
.m-t-100 {
  margin-top: 100px !important;
}

.m-0 {
  margin: 0px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-50 {
  margin: 50px !important;
}
.m-60 {
  margin: 60px !important;
}
.m-70 {
  margin: 70px !important;
}
.m-80 {
  margin: 80px !important;
}
.m-90 {
  margin: 90px !important;
}
.m-100 {
  margin: 100px !important;
}
/*Margins*/
.col-no-margin {
  padding: 0 !important;
}
.col-no-margin [class^="col-"] {
  margin: 0 !important;
  padding: 0 !important;
}
.row.col-no-margin {
  margin: 0 !important;
  padding: 0 !important;
}
.row.col-mdall-margins [class^="col-"] {
  margin: 0 0 20px 0 !important;
}
/* ----------------------------------------------------------------
	Padding
-----------------------------------------------------------------*/
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.p-0 {
  padding: 0px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-35 {
  padding: 35px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.p-60 {
  padding: 60px !important;
}
.p-70 {
  padding: 70px !important;
}
.p-80 {
  padding: 80px !important;
}
.p-90 {
  padding: 90px !important;
}
.p-100 {
  padding: 100px !important;
}
.p-150 {
  padding: 150px !important;
}
.p-200 {
  padding: 200px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-b-100 {
  padding-bottom: 100px !important;
}
.p-b-150 {
  padding-bottom: 150px !important;
}
.p-b-200 {
  padding-bottom: 200px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-t-100 {
  padding-top: 100px !important;
}
.p-t-150 {
  padding-top: 150px !important;
}
.p-t-200 {
  padding-top: 200px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}
.p-r-100 {
  padding-right: 100px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.p-l-100 {
  padding-left: 100px !important;
}
.b-r-10 {
  border-radius: 10px !important;
}
.b-radius {
  border-radius: 50% !important;
}

/* floats */
.float-right {
  float: right !important;
}
.float-left {
  float: left !important;
}
.float-none {
  float: none !important;
}
.fullwidth {
  width: 100% !important;
}

/*Line height*/
.lh80 {
  line-height: 80px !important;
}

.line {
  clear: both;
  position: relative;
  width: 100%;
  margin: 50px 0;
  border-top: 1px solid #e3e3e3;
}

/*Resposnive settings*/
@media (max-width: 1024px) {
  .text-lg,
  .text-lg span {
    font-size: 80px !important;
    line-height: 60px !important;
  }

  .text-lg-x2,
  .text-lg-x2 span,
  .text-lg-x3,
  .text-lg-x3 span {
    font-size: 70px !important;
    line-height: 70px !important;
  }

  .p-t-200 {
    padding-top: 80px !important;
  }

  .p-b-200 {
    padding-bottom: 80px !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/
.post-item {
  float: left;
  width: 100%;
  height: auto;
  padding: 0 0 20px 0;
  /*Styles*/
  /*Types*/
}
.post-item .post-item-wrap {
  background-color: #ffffff;
  position: relative;
}
.post-item img {
  width: 100%;
  height: auto;
}
.post-item .post-image,
.post-item .post-slider,
.post-item .post-video,
.post-item .post-audio,
.post-item .post-quote-img {
  margin: 0;
  position: relative;
  padding: 0;
}
.post-item .post-image .post-meta-category,
.post-item .post-slider .post-meta-category,
.post-item .post-video .post-meta-category,
.post-item .post-audio .post-meta-category,
.post-item .post-quote-img .post-meta-category {
  background-color: #2250fc;
  color: #ffffff;
  font-size: 13px;
  padding: 2px 16px;
  border-radius: 50px;
  position: absolute;
  right: 10px;
  top: 11px;
  z-index: 3;
  margin-right: 0;
}
.post-item .post-image .post-meta-category i,
.post-item .post-slider .post-meta-category i,
.post-item .post-video .post-meta-category i,
.post-item .post-audio .post-meta-category i,
.post-item .post-quote-img .post-meta-category i {
  margin-right: 4px;
}
.post-item .post-image .post-meta-category a,
.post-item .post-slider .post-meta-category a,
.post-item .post-video .post-meta-category a,
.post-item .post-audio .post-meta-category a,
.post-item .post-quote-img .post-meta-category a {
  color: #ffffff;
}
.post-item .post-quote-img .post-meta-category {
  background-color: #ffffff;
  color: #2250fc;
}
.post-item .post-quote-img .post-meta-category a {
  color: #2250fc;
}
.post-item .post-video video,
.post-item .post-video iframe {
  width: 100%;
  background-color: #000000;
}
.post-item .post-audio > a > img {
  margin-bottom: -28px;
}
.post-item .post-audio audio,
.post-item .post-audio iframe {
  width: 100%;
}
.post-item .post-audio audio {
  margin-bottom: -6px;
}
.post-item .post-item-description {
  padding: 24px;
  line-height: 28px;
  color: #676767;
}
.post-item .post-item-description > h2,
.post-item .post-item-description > h2 > a {
  font-size: 18px;
  letter-spacing: -0.1px;
  line-height: 23px;
  margin-bottom: 16px;
  color: #444;
  font-weight: 600;
}
.post-item .post-item-description .post-meta-date,
.post-item .post-item-description .post-meta-comments,
.post-item .post-item-description .post-meta-category {
  color: #C2C2C2;
  position: relative;
  top: -4px;
  font-size: 12px;
  margin-right: 8px;
}
.post-item .post-item-description .post-meta-date i,
.post-item .post-item-description .post-meta-comments i,
.post-item .post-item-description .post-meta-category i {
  margin-right: 4px !important;
}
.post-item .post-item-description .post-meta-date a,
.post-item .post-item-description .post-meta-comments a,
.post-item .post-item-description .post-meta-category a {
  color: #C2C2C2;
}
.post-item .post-item-description .post-post-likes {
  float: right;
  font-size: 14px;
  color: #aaa;
}
.post-item .post-item-description .post-post-likes i {
  margin-right: 8px;
  color: #aaa;
}
.post-item.shadow {
  box-shadow: none;
}
.post-item.shadow .post-item-wrap {
  box-shadow: 0 1px 10px #efefef !important;
}
.post-item.grey-bg .post-item-wrap {
  background-color: #f7f7f7;
}
.post-item.border {
  border: none !important;
}
.post-item.border .post-item-wrap {
  border: 1px solid #f2f2f2;
}
.post-item.border > .post-item-wrap > .post-item-description {
  padding: 24px !important;
  width: 100% !important;
}
.post-item.quote .post-item-wrap {
  background-color: #2250fc;
  border-radius: 4px;
  border-width: 0;
}
.post-item.quote .post-quote-img img {
  width: auto;
  margin-left: 40px;
  margin-top: 40px;
}
.post-item.quote .post-item-description {
  padding: 40px;
}
.post-item.quote .post-item-description .post-meta-date,
.post-item.quote .post-item-description .post-meta-comments,
.post-item.quote .post-item-description .post-meta-category {
  color: #ffffff;
  opacity: 0.8;
}
.post-item.quote .post-item-description .post-meta-date a,
.post-item.quote .post-item-description .post-meta-date p,
.post-item.quote .post-item-description .post-meta-comments a,
.post-item.quote .post-item-description .post-meta-comments p,
.post-item.quote .post-item-description .post-meta-category a,
.post-item.quote .post-item-description .post-meta-category p {
  color: #ffffff;
}
.post-item.quote .post-item-description > h3,
.post-item.quote .post-item-description > h3 > a,
.post-item.quote .post-item-description a,
.post-item.quote .post-item-description p,
.post-item.quote .post-item-description .item-link {
  color: #ffffff;
}
.post-item.quote .post-item-description .post-author {
  font-size: 14px;
  height: 40px;
}
.post-item.quote .post-item-description .post-author > img {
  height: 28px;
  margin-right: 8px;
  width: 28px;
}

.post-items-transparent .post-item .post-item-wrap {
  border: 0;
  background-color: transparent;
}
.post-items-transparent .post-item .post-item-wrap .post-item-description > p,
.post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-date,
.post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-comments,
.post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-category {
  opacity: .7;
}

/*Single Post*/
.single-post .post-item {
  /*padding: 0 0 20px 0;*/
}
.single-post .post-item img {
  width: 100%;
  height: auto;
}
.single-post .post-item .post-item-description {
  padding: 22px 0;
  line-height: 28px;
  color: #676767;
}
.single-post .post-item .post-item-description p {
  font-size: 16px;
}
.single-post .post-item .post-item-description > h2,
.single-post .post-item .post-item-description > h2 > a {
  font-size: 34px;
  letter-spacing: 0;
  line-height: 38px;
  margin-bottom: 12px;
  margin-top: 8px;
  color: #1f1f1f;
}
.single-post .post-item .post-item-description .post-meta-date,
.single-post .post-item .post-item-description .post-meta-comments,
.single-post .post-item .post-item-description .post-meta-category {
  color: #777;
  font-size: 13px;
  margin-right: 16px;
}
.single-post .post-item .post-item-description .post-meta-date a,
.single-post .post-item .post-item-description .post-meta-comments a,
.single-post .post-item .post-item-description .post-meta-category a {
  color: #777;
}
.single-post .post-item .post-item-description .post-meta-share {
  float: right;
}
.single-post .post-item .post-item-description .post-meta-share .btn {
  display: inline-block;
  margin-right: 0;
}
.single-post .post-item .post-item-description .post-meta {
  border-bottom: 1px solid #f3f3f3;
  clear: both;
  display: block;
  margin-bottom: 26px;
  padding: 12px 0;
  position: relative;
  width: 100%;
}
.single-post .post-item .post-tags {
  display: block;
  margin-bottom: 40px;
  position: relative;
  width: 100%;
}
.single-post .post-item .post-tags a {
  font-weight: 400;
  color: #484848;
  border: 1px solid #e6e8eb;
  border-radius: 4px;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 3px 10px;
  background-color: #f8f9fa;
}

/*Thumbnail Version*/
.post-thumbnails a {
  color: #484848;
}
.post-thumbnails .post-item {
  width: 100%;
  padding: 0 0 20px 0;
}
.post-thumbnails .post-item .post-image,
.post-thumbnails .post-item .post-slider,
.post-thumbnails .post-item .post-video,
.post-thumbnails .post-item .post-audio {
  float: left;
  width: 46%;
}
.post-thumbnails .post-item:not(.quote) .post-item-description {
  float: left;
  padding-top: 0;
  width: 54% !important;
}

#blog .blog .post-item {
  width: 25%;
  padding: 0 20px 20px 0;
}

/*Single Page*/
.post-post-title h1 {
  font-size: 48px;
  letter-spacing: -.03em;
  line-height: 1;
  font-weight: 700;
}

.post-image {
  margin-bottom: 20px;
}
.post-image img {
  width: 100%;
}

.post-metaa {
  margin-bottom: 20px;
  min-height: 60px;
}
.post-metaa div {
  border-right: 1px solid #f6f6f6;
  float: left;
  margin-right: 18px;
  padding: 8px 18px 8px 0;
}
.post-metaa :last-child {
  border-right: 0;
}
.post-metaa .social-icons {
  margin-top: 8px;
}
.post-metaa .post-comments i,
.post-metaa .post-shares i {
  margin-right: 4px;
  font-size: 20px;
  float: left;
}
.post-metaa .post-comments .post-shares-number,
.post-metaa .post-comments .post-comments-number,
.post-metaa .post-shares .post-shares-number,
.post-metaa .post-shares .post-comments-number {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  display: block;
}
.post-metaa .post-comments .post-shares-label,
.post-metaa .post-comments .post-comments-label,
.post-metaa .post-shares .post-shares-label,
.post-metaa .post-shares .post-comments-label {
  color: #aaa;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
}

.post-author {
  border-top: 1px solid #eee;
  font-size: 14px;
  height: 40px;
  margin-top: 15px;
  padding-bottom: 0;
  padding-top: 16px;
}
.post-author a {
  color: #484848;
}
.post-author p {
  position: relative;
}
.post-author > img {
  border-radius: 50%;
  height: 28px;
  float: left;
  margin-right: 8px;
  width: 28px;
}

.post-content {
  clear: both;
  display: block;
  padding: 0 40px 0 0;
}

.sidebar > h3:nth-of-type(2) {
  margin-top: 17px;
}

/*  Widgets */

.widget {
  margin-bottom: 30px;
  position: relative;
}
.widget .widget-title,
.widget > h4 {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.widget:after, .widget:before {
  clear: both;
  content: " ";
  display: table;
}
.widget .flickity-page-dots {
  margin-bottom: 20px;
}
.widget a {
  
}
.widget p {
  margin-bottom: 20px;
  padding: 0;
  
}

.sidebar .widget {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.sidebar .widget:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sidebar .widget #testimonials .testimonial-item > img {
  border-radius: 50%;
  display: block;
  float: none;
  height: 50px !important;
  margin: 0 auto 20px;
  width: 50px !important;
}

.tags a {
  border: 2px solid #e6e8eb;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  outline: none;
  padding: 5px 14px;
  margin: 0 2px 5px 0;
  background-color: transparent;
  color: #484848;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.tags a:hover, .tags a:focus, .tags a:active, .tags a.active {
  background-color: #2250fc;
  border-color: #2250fc;
  color: #ffffff !important;
}

.widget-archive ul {
  padding-left: 0;
}

.flickr-widget,
.widget-instagram {
  opacity: 0;
  min-height: 225px;
  transition: opacity .3s ease;
  margin-bottom: 20px;
}
.flickr-widget.widget-instagram-loaded, .flickr-widget.flickr-widget-loaded,
.widget-instagram.widget-instagram-loaded,
.widget-instagram.flickr-widget-loaded {
  opacity: 1;
}
.flickr-widget a img,
.widget-instagram a img {
  width: 25%;
  height: auto;
  padding: 3px;
  border-radius: 6px;
}
.flickr-widget .col-lg-3 > a img,
.widget-instagram .col-lg-3 > a img {
  padding: 2px;
  width: 25%;
}
.flickr-widget .col-lg-4 > a > img,
.widget-instagram .col-lg-4 > a > img {
  width: 25%;
}

body.breakpoint-sm .col-3 .flickr-widget img .widget-instagram img {
  width: 16.666%;
}

.widget .footer-widget .social-icon {
  background-color: rgba(0, 0, 0, 0.2);
}

.widget.widget-newsletter button {
  margin-left: -1px;
}
.widget.widget-newsletter button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.widget.widget-newsletter .btn {
  text-transform: none;
}
.widget.widget-newsletter .form-control {
  height: 40px;
}
.widget.widget-newsletter .btn {
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  padding: 8px 16px;
}
.widget.widget-newsletter label.error {
  color: #e42c3e;
  display: none !important;
  font-weight: 400;
  margin-top: 5px;
}

.background-dark .widget.widget-newsletter .input-group-prepend {
  background-color: #ffffff;
  color: #ffffff;
}
.background-dark .widget.widget-newsletter .form-transparent-fields .form-control {
  border-left: 0;
  padding-left: 0;
}

.form-control.error,
.sm-form-control.error {
  border-color: #e42c3e;
}

.widget-newsletter small {
  display: block;
}

.widget.widget-search button {
  margin-left: -1px;
}
.widget.widget-search button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.widget.widget-search .btn {
  text-transform: none;
}
.widget.widget-search .btn {
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  padding: 8px 16px;
}

.background-dark .widget.widget-search .input-group-prepend {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.25);
  color: #999;
}

#widget-contact-form {
  clear: left;
}

.widget .form-inline .custom-select,
.widget .form-inline .input-group {
  width: 100%;
}

.widget-tweeter,
.widget-twitter {
  min-height: 248px;
}

.widget-tweeter:not([data-avatar="true"]) li {
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.widget-tweeter:not([data-avatar="true"]) li:before,
.widget-twitter:not([data-avatar="true"]) li:before {
  margin-left: -22px;
  position: absolute;
  font-family: "Font Awesome 5 Brands";
  content: "\f099";
}

.widget-tweeter[data-avatar="true"] li img,
.widget-twitter[data-avatar="true"] li img {
  border-radius: 50%;
  left: -4px;
  position: absolute;
  width: 26px;
  z-index: 3;
}

.widget-tweeter[data-avatar="true"] li,
.widget-twitter[data-avatar="true"] li {
  padding-left: 10px;
}

.widget-tweeter li,
.widget-twitter li {
  line-height: 1.66;
  margin-bottom: 20px;
}

.widget-tweeter li:last-child,
.widget-twitter li:last-child {
  margin-bottom: 0px;
}

.widget-tweeter ul,
.widget-twitter ul {
  list-style: none;
  padding-left: 22px;
  margin-bottom: 0;
}

.widget-tweeter small,
.widget-twitter small {
  display: block;
  color: #9896a6 !important;
  width: 100%;
  margin-top: 10px;
}

.widget-newsletter .input-group-prepend i {
  color: #555 !important;
}

/*Widget: Contact us*/
.widget-gallery a > img {
  float: left;
  height: auto;
  width: 33.3333333%;
  padding: 3px;
}

.p-dropdown-content .widget-myaccount {
  min-width: 220px;
}


.p-dropdown-content .widget-notification {
  min-width: 246px;
}

.widget-notification {
  width: 100%;
  position: relative;
}
.widget-notification .notification-item {
  display: flex;
  align-items: flex-start;
  margin-top: 12px;
  width: 100%;
  position: relative;
}
.widget-notification .notification-item.notification-new::before {
  content: " ";
  background-color: #CE041C;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  right: 0;
  top: 5px;
}
.widget-notification .notification-item .notification-image {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
}
.widget-notification .notification-item .notification-image img {
  width: 100%;
}
.widget-notification .notification-item .notification-meta {
  flex: 1px;
  padding-left: 12px;
}
.widget-notification .notification-item .notification-meta > a {
  font-weight: 500;
  display: block;
}
.widget-notification .notification-item .notification-meta span {
  opacity: .6;
  font-size: 11px;
}

/*Widget Tabs*/
.widget .tabs-content {
  margin-bottom: 0;
  padding-bottom: 0;
}

.sidebar .widget .tabs li > a {
  /*font-size: 11px;*/
  padding: 10px;
}

.sidebar .widget .tabs .tabs-navigation li {
  float: left;
  display: inherit;
}

.widget .post-thumbnail-content a {
  font-size: 13px;
  line-height: 20px;
  display: block;
}

.sidebar .widget .post-thumbnail-list .post-thumbnail-entry > img {
  height: 48px;
  margin-right: 10px;
  width: 64px;
}

.sidebar .widget .post-thumbnail-list .post-thumbnail-entry img + .post-thumbnail-content {
  padding-left: 72px;
}

.sidebar .widget .post-thumbnail-entry .post-thumbnail-content .post-date,
.post-thumbnail-entry .post-thumbnail-content .post-category {
  font-size: 11px;
}

.sidebar .widget .post-thumbnail-entry:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*Dark*/
.dark .widget .widget-title,
.dark .widget > h4 {
  color: #ffffff;
}

@media (max-width: 1024px) {
  .widget {
    float: left;
    width: 100%;
  }
}

/* ----------------------------------------------------------------
Image Block
-----------------------------------------------------------------*/
.image-block {
  background-color: #f4f4f4;
}

.image-block .col-lg-6 {
  padding: 60px;
}

.image-block-content {
  margin-bottom: 30px;
  padding: 0 50px;
}

.image-block-content .feature-icon {
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 60px;
  background-color: #eee;
}

.image-block-content .feature-icon i {
  font-size: 28px;
  margin-top: 16px;
}

.image-block-content .feature-content {
  padding-left: 85px;
}

.image-block-content .feature-content h3 {
  margin-bottom: 0;
}

.image-absolute {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 426px;
  height: 556px;
}
/* ----------------------------------------------------------------
Helpers
-----------------------------------------------------------------*/
.background-theme {
  background-color: #2250fc !important;
}

.align-items-bottom {
  align-items: flex-end !important;
  height: 100%;
}

.rounded {
  overflow: hidden;
}

.hidden {
  display: none;
}

.visible {
  opacity: 1;
}

.text-center {
  text-align: center;
}

.text-left.nav-tabs .nav-item {
  text-align: left !important;
}

.text-right.nav-tabs .nav-item {
  text-align: right !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.center {
  float: none !important;
  margin: 0 auto;
}

.block {
  display: block;
}

.align-center {
  display: inline-flex;
  text-align: center;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.text-bottom {
  display: table-cell;
  vertical-align: bottom;
  margin: auto;
  z-index: 3;
  position: relative;
}

.bg-light {
  background-color: #f8f9fa;
}

.text-background-light {
  background-color: #fff;
  padding: 0 4px;
}

.text-background-dark {
  background-color: #444;
  padding: 0 4px;
}

.text-shadow-light {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.53);
}

.text-shadow-dark {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
}

.background-primary {
  background-color: #2250fc !important;
}

.background-secondary {
  background-color: #5A6268 !important;
}

.background-success {
  background-color: #81c868 !important;
}

.background-info {
  background-color: #53b0f8 !important;
}

.background-warning {
  background-color: #ffb20e !important;
}

.background-danger {
  background-color: #CE041C !important;
}

.background-white {
  background-color: #fff !important;
}

.background-light {
  background-color: #f8f9fa !important;
}

.background-grey {
  background-color: #F7F9FB !important;
}

.background-dark {
  background-color: #181818 !important;
}

.background-black {
  background-color: #000 !important;
}

.background-pattern {
  background-image: url(/images/overlay-pattern/gplay.png);
}

.background-pattern-1 {
  background-image: url(/images/overlay-pattern/3px-tile.png);
}

.background-pattern-2 {
  background-image: url(/images/overlay-pattern/asfalt-dark.png);
}

.background-pattern-3 {
  background-image: url(/images/overlay-pattern/axiom-pattern.png);
}

.shadow {
  box-shadow: 0 4px 16px #e2e2e2;
}

.post-shadow {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.shadow-bottom {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}

.shadow-inside {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}

.shadow-inside-top {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}

.shadow-inside-bottom {
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.08);
}

.text-xs,
.text-xs span {
  font-size: 30px;
  line-height: 30px;
}

.text-medium-light {
  font-size: 50px !important;
  font-weight: 100;
  line-height: 1.1;
}

.text-medium {
  font-size: 50px !important;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 20px;
}

.text-md,
.text-md span,
.text-md span span {
  font-size: 74px !important;
  line-height: 86px !important;
}

.text-lg-light,
.text-lg-light span,
.text-lg-light span span {
  font-size: 90px !important;
  line-height: 100px !important;
  font-weight: 120 !important;
}

.text-lg,
.text-lg span,
.text-lg span span {
  font-size: 90px;
  line-height: 100px;
  letter-spacing: -.02em;
  font-weight: 700;
}

.text-lg-x2,
.text-lg-x2 span {
  color: #ffffff;
  font-size: 120px;
  line-height: 140px;
  margin-bottom: 10px;
}

.text-lg-x3,
.text-lg-x3 span {
  color: #ffffff;
  font-size: 200px;
  line-height: 220px;
}

.text-xl,
.text-xl span {
  font-size: 100px;
  line-height: 110px;
}

.text-small {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
}

.text-light,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light .lead,
.text-light p,
.text-light a:not(.btn),
.text-light a:not(.btn):hover:not(.btn-light),
.text-light i,
.text-light li,
.text-light label,
.text-light div:not(.alert),
.text-light span:not(.btn-label) {
  color: #fff !important;
}

.text-dark,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark p,
.text-dark .lead,
.text-dark a:not(.btn),
.text-dark a:not(.btn-danger),
.text-dark a:not(.btn):hover:not(.btn-light),
.text-dark i,
.text-dark li,
.text-dark label,
.text-dark div:not(.alert),
.text-dark span:not(.btn-label) {
  color: #111 !important;
}

.text-grey,
.text-grey h1,
.text-grey h2,
.text-grey h3,
.text-grey h4,
.text-grey h5,
.text-grey h6,
.text-grey .lead,
.text-grey p,
.text-grey a:not(.button),
.text-grey a:not(.btn-light):hover,
.text-grey i,
.text-grey li,
.text-grey label,
.text-grey div:not(.alert),
.text-grey span:not(.btn-label) {
  color: #ccc;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white a,
.text-white i {
  color: #fff !important;
}

.with-errors li {
  color: #981a1a !important;
}

.text-bold {
  font-weight: bold !important;
}

.text-azure {
  color: #0095C8 !important;
}

.text-orange {
  color: #FF6600 !important;
}

.text-theme {
  color: #2250fc !important;
}

.text-blue {
  color: #5F8295 !important;
}

.text-pink {
  color: #DD5A82 !important;
}

.text-purple {
  color: #DD5A82 !important;
}

.text-bricky {
  color: #894550 !important;
}

.text-yellow {
  color: #FFB848 !important;
}

.text-red {
  color: #CA0027 !important;
}

/*font weight*/
.font-weight-100 {
  font-weight: 100 !important;
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-weight-800 {
  font-weight: 800 !important;
}

.border-box {
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 30px;
}

.border-left {
  border-left: 1px solid #eee;
}

.border-top {
  border-top: 1px solid #eee;
}

.border-right {
  border-width: 0 1px 0 0;
  border-color: #eee;
  border-style: solid;
}

.border-bottom {
  border-bottom: 1px solid #eee;
}

.border-dotted {
  border-style: dotted;
}

.slider-size-half {
  max-height: 560px;
}

.no-margin {
  margin: 0px !important;
}
/* ----------------------------------------------------------------
    FOOTER
-----------------------------------------------------------------*/
#footer {
  display: block;
  position: relative;
  background-color: #f8f9fa;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
#footer a:not(.btn):not(:hover) {
  color: #484848;
}
#footer p {
  font-family: "Poppins", sans-serif;
}
#footer a:not(.btn) {
  font-weight: 400;
}
#footer .footer-content {
  padding: 60px 0 40px 0;
}
#footer .widget .widget-title,
#footer .widget h4 {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
}
#footer .widget .widget-title ul li a,
#footer .widget h4 ul li a {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 32px;
  color: #999;
}
#footer .copyright-content {
  min-height: 80px;
  padding: 5px 0;
  background-color: #eff1f4;
  font-size: 13px;
}
#footer .logo {
  margin-bottom: 54px;
  margin-top: 12px;
  max-width: 80px;
}
#footer .footer-logo {
  border-right: 1px solid #333;
  margin-bottom: 20px;
  margin-right: 18px;
  padding-right: 16px;
}

#footer.inverted
{
  background-color: #181818;
}
#footer.inverted p {
  color: #999;
}
#footer.inverted a:not(.btn) {
  font-weight: 400;
}
#footer.inverted a:not(.btn):not(:hover) {
  color: #999;
}
#footer.inverted h1,
#footer.inverted h2,
#footer.inverted h3,
#footer.inverted h4,
#footer.inverted h5,
#footer.inverted h6,
#footer.dark h1,
#footer.dark h2,
#footer.dark h3,
#footer.dark h4,
#footer.dark h5,
#footer.dark h6 {
  color: #fff;
}
#footer.inverted .widget .widget-title,
#footer.inverted .widget h4 {
  color: #fff;
}

#footer.inverted .copyright-content {
  background-color: #1E1E1E;
}

#footer ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none; 
}

/* Footer Cookies */
#ftr-cookies {
    background: transparent;
}
#ftr-cookies * {
    color: inherit;
} 
  /* GRAPHIK CONDENSED */
@font-face {
  font-display: swap;
  font-family: 'Graphik Condensed';
  src: url('../../fonts/GraphikCondensed-Semibold-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik Condensed';
  font-weight: 200;
  src: url('../../fonts/GraphikCondensed-Semibold-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik Condensed';
  font-weight: 300;
  src: url('../../fonts/GraphikCondensed-Light-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik Condensed';
  font-weight: 400;
  src: url('../../fonts/GraphikCondensed-Regular-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik Condensed';
  font-weight: 500;
  src: url('../../fonts/GraphikCondensed-Medium-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik Condensed';
  font-weight: 600;
  src: url('../../fonts/GraphikCondensed-Semibold-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik Condensed';
  font-weight: 700;
  src: url('../../fonts/GraphikCondensed-Bold-Web.woff2') format('woff2');
}
  
/* @font-face {
  font-display: swap;
  font-family: 'Graphik';
  src: url('reddot/xtemplates/rdpolo/common/fonts/Graphik-Regular-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik';
  font-weight: 400;
  src: url('reddot/xtemplates/rdpolo/common/fonts/Graphik-Regular-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik';
  font-weight: 700;
  src: url('reddot/xtemplates/rdpolo/common/fonts/Graphik-Bold-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik';
  font-weight: 500;
  src: url('reddot/xtemplates/rdpolo/common/fonts/Graphik-Medium-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik Compact';
  font-weight: 500;
  src: url('reddot/xtemplates/rdpolo/common/fonts/GraphikCompact-Medium-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik Compact';
  font-weight: 700;
  src: url('reddot/xtemplates/rdpolo/common/fonts/GraphikCompact-Semibold-Web.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Graphik Compact';
  src: url('reddot/xtemplates/rdpolo/common/fonts/GraphikCompact-Regular-Web.woff2') format('woff2');
}
*/  

.modal-container {
    /*background-color: rgba(255,255,255, 0);*/
    width: 100vw;
    height: 410px;
    overflow: auto;
}
.upsell-modal {
    background-color: #000000;
    width: 100vw;
    height: 320px;
    display: flex;
    position: absolute;
    bottom: 0;
}

.close {
    color: #000000;
  position: absolute;
    right: 32px;
    z-index: 1;
    border: none;
    background: rgba(255,255,255,0);
}
.close-mobile {
  display: none;
}

.headers {
  width: 60%;
  padding: 48px;
color: #FFFFFF !important;
}
.headers h1 {
  color: #FFFFFF;
  font-family: 'Graphik Condensed';
    font-size: 46px;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: left;
  margin: auto;
  line-height: 46px;
    text-transform: uppercase;
}
.headers h2 {
  color: #FFFFFF;
    font-family: 'Graphik Condensed';
    font-size: 36px;
    font-weight: 300;
    line-height: 45.5px;
    text-align: left;
  margin: 24px auto;
}

.subscribe-button {
    background-color: #ED1C24;
    height: 56px;
    width: 174px;
    font-family: 'Graphik Condensed';
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: center;
    border: none;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    -webkit-transition-duration: 0.4s; /* Safari */
    -moz-transition-duration: 0.4s; 
    -o-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}
.subscribe-button span {
    margin: auto;
}
.subscribe-button:hover {
    background-color: #0668B1;
    color: #ED1C24;
    border: 1px solid #000;
}
.button-mobile {
  display: none;
}
.tier {
background-color: #F00;
border: 1px solid #000000;
width: 35%;
height: 320px;
padding: 24px;
position: relative;
top: -48px;
background-image: url("../../../../../../reddot/uploads/img/content/cID_33/2.jpg");
background-size: cover;
background-blend-mode: multiply;
color:#fff !important;
}
.tier-header {
    color: #000000;
    font-family: 'Graphik Condensed';
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 48px;
    border-bottom: 1px solid #000000;
    padding-bottom: 16px;
    text-transform: uppercase;
  margin-top: 0;
}
.prices {
    margin: 16px 0;
}
.price {
    color: #000000;
    font-family: 'Graphik Condensed';
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 48px;
    text-align: left;
    margin: 0;
}
.true-price {
    color: #000000;
    font-family: 'Graphik Condensed';
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 14px;
    margin: 4px 0 16px 0;
}
.annual-price {
    font-family: 'Graphik Condensed';
    font-weight: 600;
}
.month {
    color: #231E1F;
    font-family: 'Graphik Condensed';
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: left;
}
.upsell-modal ul {
    list-style-type: disc;
}
.upsell-modal li {
    color: #000000;
    font-family: 'Graphik Condensed';
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-left: 16px;
}
.fine-print {
  color: #dbdbdb;
    font-family: 'Graphik Condensed';
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 12px;
}
.best-value {
    color: #008AAF;
    font-family: 'Graphik Condensed';
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 30px;
}

@media screen and (max-width: 1220px){
    .modal-container {
        height: 400px;
    }
    .upsell-modal {
        height: 312px;
    }
  .headers h1 {
      font-size: 48px;
        line-height: 48px;
    }
    .headers h2 {
      font-size: 32px;
        line-height: 32px;
    }
    .tier-header {
        font-size: 34px;
        line-height: 34px;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
    .best-value {
        font-size: 16px;
        line-height: 24px;
  }
    .price {
        font-size: 34px;
        line-height: 34px;
    }
   .upsell-modal  li {
      font-size: 14px;
        line-height: 20px;
    }
}
@media screen and (max-width: 1024px) {
    .modal-container {
        height: 375px;
    }
    .upsell-modal {
      height: 290px;
    }
   .headers {
        padding: 24px;
    }
    .headers h1 {
      font-size: 42px;
        line-height: 42px;
    }
    .headers h2 {
      margin: 24px auto;
    }
}

@media screen and (max-width: 768px){
    .modal-container {
      height: 428px;
    }
  .upsell-modal {
        height: 350px;
    }
    .headers {
        padding: 24px;
    }
  .headers h1 {
      font-size: 40px;
        line-height: 40px;
    }
    .headers h2 {
      font-size: 30px;
        line-height: 30px;
    }
  .tier {
        padding: 8px;
        height: auto;
    }
    .tier-header {
        font-size: 34px;
        line-height: 34px;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
    .price {
        font-size: 34px;
        line-height: 34px;
    }
    .best-value {
        font-size: 16px;
        line-height: 24px;
  }
   .upsell-modal li {
      font-size: 14px;
        line-height: 21px;
    }
}

@media screen and (max-width: 475px){
  .modal-container {
        max-height: 682px;
        height: auto;
    }
    .upsell-modal {
        height: auto;
        position: unset;
    }
  .close {
      right: 0;
        margin: 16px;
        color: #ffffff
    }
    .close-desktop {
      display: none;
    }
    .close-mobile {
      display: block;
    }
    .headers {
        width: 100%;
        padding: 16px;
    }
  .headers h1 {
      font-size: 35px;
        line-height: 34px;
    }
    .headers h2 {
      font-size: 24px;
        line-height: 26px;
        margin: 8px 0;
    }
  .tier {
        display: none;
    }
    .button-mobile { 
        display: block;
    }
    .button-desktop { 
        display: none;
    }
    .tier-header {
        font-size: 24px;
        line-height: 24px;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
    .price {
        font-size: 34px;
        line-height: 34px;
    }
    .best-value {
        font-size: 14px;
        line-height: 21px;
  }
    .upsell-modal li {
      font-size: 14px;
        line-height: 21px;
    }
    .fine-print {
        display: none;
    }
    .subscribe-button {
      width: 100%;
    }
}

/* slick rock */ 
.jq-masonry_c:after, .jq-masonry:after {
  clear: both;
  content: '';
  display: block;
}
.jq-masonry_c .masonry_c-item, .jq-masonry_c .masonry_c-sizer {
  width: 475px;
}
.jq-masonry_c .masonry_c-item {
  background: #ffffff;
  float: left;
  min-width: 475px;
}
.jq-masonry_c .masonry_c-item img {
  display: block;
  max-width: 100%;
}
.jq-masonry .masonry-item, .jq-masonry .masonry-sizer {
  width: 330px;
}
.jq-masonry .masonry-item {
  float: left;
  min-width: 330px;
}
.jq-masonry .masonry-item img {
  display: block;
  max-width: 100%;
}
.jq-masonry p {
  font-size: 9pt;
  text-align: left;
}
.jq-masonry .masonry-item {
  height: auto;
  margin-bottom: 50px;
  background: #eee;
  border: 3px solid #ddd;
  border-color: #fff;
  border-radius: 12px;
  padding: 10px;
}
 @media screen and (max-width:1044px), (max-device-width:1044px) {
.evn {
  padding: 10vh 7vh 20vh 7vh;
}
.makeanicebox {
  border-radius: 5px;
  background: rgba(240, 230, 220, 0.7) none repeat scroll 0% 0%;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.odd {
  padding: 10vh 7vh 20vh 7vh;
}
}
/* ---------- core (classes: active, inactive, content, descr, featured, more, no_results, pagination, signin, & signout) */



.make-a-button a, a.make-a-button {
 font-family: "Poppins", sans-serif;
border-radius: 5px 5px 5px 5px;
font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
text-decoration: none;
outline: none;
padding: 12px 18px;
position: relative;
text-transform: uppercase;
background-color: #005ae7;
border-color: #fff;
border-width: 1px;
border-style: solid;
color: #fff;
transition: all 0.3s;
margin-bottom: 6px;
outline: none;
line-height: 14px;
cursor: pointer;
color: #fff;
}
.make-it-full-width img {
  width: 100%;
}
img.keep-in-view {
  max-height: 95vh;
}
img.thumbs {
  height: 100px;
  width: 100px;
}
.embed-container {
  position: relative;
  height: 0;
  overflow: hidden;
  background-color: black;
}
.ratio-16-9 {
  padding-bottom: 56.25%; /* 9/16*100 */
}
.ratio-4-3 {
  padding-bottom: 75%; /* 3/4*100 */
}
.ratio-1-1 {
  padding-bottom: 100%; /* … */
}
.embed-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.polaroid {
  position: relative;
  float: left;
  padding: 10px;
}
.polaroid img {
  max-width: 470px;
  border: 10px solid #fff;
  border-bottom: 20px solid #fff;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.31);
  -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.31);
  box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.31);
}
.polaroid span {
  font: 9px Arial, Helvetica, sans-serif;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 15px;
  margin-left: -13px;
  color: #000;
}
/* ---------- wrapper */

#wrapper {
  background: #ffffff;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%;
  border: 1px solid transparent;
}
.containit {
  margin: 0px auto;
  max-width: 1024px;
  padding: 10px;
}
.bgcover {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  transform: translateZ(-1px) scale(1.2);
  -webkit-transform: translateZ(-1px) scale(1.2);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.stopscroll {
  margin: 50px;
  transform: translateZ(-1px) scale(1.2);
  -webkit-transform: scale(1.2);
}
.evn {
  padding: 10vh 5% 20vh;
  overflow: hidden;
  transform-style: inherit;
  -webkit-transform-style: inherit;
}
.odd {
  padding: 10vh 5% 20vh;
  overflow: hidden;
  transform-style: inherit;
  -webkit-transform-style: inherit;
}
.fixbulletsdot {
  list-style: outside none disc;
  color: #000000;
  margin: 0px 0px 0px 25px;
}
ul.fixbulletsdot, ul.fixbulletsdot li {
  list-style: outside none disc;
}
ul.fixbulletsdot li {
  font: normal 17px Arial, Helvetica, sans-serif;
  white-space: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.25px;
  margin-bottom: 10px;
}
a.colorbox img {
  max-width: 290px;
}
.makeanicebox {
  border-radius: 5px;
  background: rgba(240, 230, 220, 0.7) none repeat scroll 0% 0%;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
}
.getridofthisdesktop {
  display: none;
}
.getridofthismobile {
  display: inline;
}
.homepage-display-banners {
  display: inline;
}
.do-not-display-banners {
  display: none;
}

.footerbg {
  background: transparent url("../../../common/img/solidbrown.jpg") no-repeat fixed center center / cover;
}
.footerbg a {
  color: #fff;
}
.footerbg p {
  color: #fff!important;
}
/**/
.h1, .h2, .h3, .h4, .h5, .h6 {
  border-bottom: 1px solid #d5d5d5;
  color: #606060;
}
.h1 {
  font: normal 11pt Arial, Helvetica, sans-serif;
}
.h2 {
  font: normal 10pt Arial, Helvetica, sans-serif;
}
.h3, .h4, .h5, .h6 {
  font: normal 9pt Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre {
  margin: 0;
  padding: 5px;
}
/* ---------- navigation (li classes: active, subcats, & subcont) */
.hr > ul.make-it-look-good {
  height: 43px;
  margin-top: 10px;
}
ul.make-it-look-good, ul.make-it-look-good li {
  list-style: outside none none;
  margin: 0px;
  padding: 0px;
}
.hr > ul.make-it-look-good li {
  float: left;
  min-height: 30px;
  position: relative;
  width: auto;
}
ul.make-it-look-good li {
  white-space: nowrap;
}
.hr > ul.make-it-look-good li a, .hr > ul.make-it-look-good li > span {
  display: block;
  height: 23px;
  margin: 0px;
  padding: 12px 5px 0px;
  font-size: 12px;
}
/* level 1+ */
.hr > ul.make-it-look-good li .fr {
  color: #808080 !important;
}
.hr > ul.make-it-look-good li .subcont {
  color: #bfbfbf;
}
/**/
.hr > ul.make-it-look-good > li:not(:last-child) {
  border-right: 1px solid transparent;
}
/**/
.hr > ul.make-it-look-good li:hover, .hr > ul.make-it-look-good li.active {
  background: transparent;
}
.hr > ul.make-it-look-good li a, .hr > ul.make-it-look-good li > span {
  display: block;
  margin: 0px;
  padding: 10px 10px;
  font-size: 17px;
  color: #fea632;
}
.hr > ul.make-it-look-good li:hover a, .hr > ul.make-it-look-good li.active a {
  color: #eaeaea;
}
.hr > ul.make-it-look-good li:hover span {
  color: #bfbfbf;
}
.hr > ul.make-it-look-good li:hover > ul {
  background: transparent;
  filter: alpha(opacity=95);
  opacity: 0.95;
}
/* level 2+ */

.hr > ul.make-it-look-good ul {
  display: none;
  padding: 0px;
  position: absolute;
  top: 43px;
  visibility: hidden;
  z-index: 999;
}
.hr > ul.make-it-look-good ul li {
  min-width: 330px;
  background: #d80000;
}
.hr > ul.make-it-look-good ul li:not(:last-child) {
  border-bottom: 1px solid transparent;
}
/**/
.hr > ul.make-it-look-good ul li:hover {
  background: #609df8;
}
.hr > ul.make-it-look-good ul li:hover > ul {
  background: #d80000;
}
/* level 3+ */
.hr > ul.make-it-look-good ul ul {
  position: absolute;
  top: 43px;
  left: 100px;
}
.hr > ul.make-it-look-good ul ul li {
  background: #1454b2;
}
.hr > ul.make-it-look-good ul ul li:hover {
  background: #2565c3;
}
/* ---------- info, notices, warnings, & errors */

#messages {
  filter: alpha(opacity=95);
  opacity: 0.95;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#info, #notices, #warnings, #errors {
  font: normal 7pt Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
/* ---------- signin & signout */
.signin, .signout {
  background: #fff8ea;
  border-bottom: 1px solid #eadcbf;
}
.signin p, .signout p {
  color: #a07d35;
  font: normal 7pt Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
/* ---------- table (tr classes: clr5 & h1; td classes: active & inactive) */

/* table link */
table a {
  text-decoration: none;
}
/* table border */
table tr td {
  border-right: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
}
table tr.h1 td, table tr.label td {
  border-right: 1px solid #f4f4f4;
  border-top: 1px solid #f4f4f4;
}
/* table border reset */
table tr:first-child td {
  border-top: 0;
}
table tr td:last-child {
  border-right: 0;
}
/* table background */
table tr:hover:not(.h1):not(.label) td:not(.active):not(.inactive) {
  background: #f4f4f4;
}
/* ---------- form */

form {
  margin: 0;
  padding: 0;
}
input, select, textarea {
  background: #f4f4f4;
  border: 1px solid #ffffff;
  border-radius: 5px;
  border-top: 1px solid #dfdfdf;
  color: #353535;
  font: normal 8pt Arial, Helvetica, sans-serif;
  padding: 5px;
  text-transform: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* focus */
input:focus, select:focus, textarea:focus {
  border: 1px solid #ffffff;
  border-top: 1px solid #bfbfbf;
}
/* input attribute- disabled */
input[disabled], select[disabled], textarea[disabled] {
  background: #ffffff;
  border: 0;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
/* input attribute- readonly */
input[readonly], select[readonly], textarea[readonly] {
  background: #ffffff;
  border: 0;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
/* input type- checkbox */
input[type=checkbox] {
  background: TRANSPARENT;
  border: 0;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
/* input type- file */
input[type=file] {
  overflow: hidden;
}
/* input type- submit */
input[type=button], input[type=image], input[type=submit] {
  background: #2a2a2a;
  border: 1px solid #2a2a2a;
  color: #eaeaea;
  cursor: pointer;
  font: normal 7pt Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
input[type=submit]:hover {
  color: #ffffff;
}
/* ----- select */
select {
  font: normal 8pt Arial, Helvetica, sans-serif;
}
/* select attribute- multiple */
select[multiple] {
  width: 100%;
}
/* select attribute- selected */
select option[selected] {
  color: #606060;
}
/* ----- textarea */
textarea {
  font: normal 9pt "Courier New", Courier, monospace;
  white-space: pre;
  width: 100%;
}
/* ----- input placeholder */
::-webkit-input-placeholder {
color: #606060;
}
     :-ms-input-placeholder {
color: #606060;
}
         ::-moz-placeholder {
color: #606060;
}
          :-moz-placeholder {
color: #606060;
}
/* ----- label */
label {
  color: #808080;
  display: block;
  font: normal 7pt Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}