@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}
.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fas { font-family: "Font Awesome 5 Free"; font-weight: 900;padding: 0 0 0 6px;}
.fa-chevron-right:before{content:"\f054"}

.circles-wrp .circles-text{top: 32px !important;}

.column2_section img { width:60px; }
.column2_section img.imagewidth1{width:48px; }
.column2_section .row{align-items: center; margin:  20px 0;}
.column2_section h2{margin-bottom:4px;}
.column2{display:flex; margin:0 0 25px 0; align-items: center;}
.column2 .font-size--body-copy-small{line-height:25px !important;}
.statsCounter { font-size:24px;  }
.section_2 .font-size--header-level-2{line-height:20px;}

.section_1
{
    background-image:url(../img/hero_banner.jpg);
}
.section_3
{
    background-image:url(../img/section_3_bg.jpg); background-position: right bottom; position: relative;
}
#abovefooter{background-image:url(../img/ready-for-next-step.jpg); background-position: right center; position: relative; background-size:80%; padding:3vw 0; background-repeat: no-repeat; }
.quoteblock:before{position:absolute; left:-32px; top:6px; width:30px; height:30px; content:" "; background:url(../img/quote-start.png) no-repeat 0px 0px; background-size:24px;}
.quoteblock:after{display: inline-block; width:30px; height:20px; content:" "; background:url(../img/quote-end.png) no-repeat 0px 0px; background-size:24px;}

#output
{
    float: right;
}
.rangeslider, input[type=range] {
    max-width: 100% !important;
}
/* #progress_bar
{
    position: absolute;
    height: 16px;
    background-color:#007DB8;
    border-radius: 10px;
    left: 0px;
    right: 0;
   top: 5px;
  bottom: 0;
} */

#anual_revenue, #business
{
    width: 100%;
    font-size: 25px;
    text-align: center;
    padding: 10px 20px;
}

.input_range
{
    position: relative;
    -webkit-appearance: none;
    height: 16px;
    width: 100%;
    background-color:#dddddd;
    border-radius: 10px;
  
}

.input_range::-webkit-slider-thumb
{

    -webkit-appearance: none;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background-color:#007DB8;
    border:0px solid #007DB8;
    cursor: pointer;

  

}
#reset-calculation{font-size:17px;}

.owl-prev {
    background: url("../img/left_arrow.png") left center no-repeat; 
    height: 106px;
    position: absolute;
    top: 30%;
    transform: translate(-50%,);
    width: 36px;
    z-index: 1000;
    left: 0%;
    cursor: pointer;
    color: transparent;
  }
  
  .owl-next {
    background: url("../img/right_arrow.png") right center no-repeat; 
    height: 106px;
    position: absolute;
    top: 30%;
    width: 36px;
    z-index: 1000;
    right: 0%;
    cursor: pointer;
    color: transparent;
  }
  
  .owl-prev:hover,
  .owl-next:hover {
    opacity: 1;
  }
  .owl-prev.disabled, .owl-next.disabled{  opacity: 0.5;  cursor: default  !important;}
  
.owl-carousel .read_now {
    width: 13vw !important; display:block; margin:0 auto;
  }
  .owl-carousel .item .text-center {    padding: 0 2vw;}
  #owl-carousel3 .item .text-center {    padding: 0vw;}
  #owl-carousel2 .item .text-center, #owl-carousel3 .item .text-center { padding: 0 46px;}
  #owl-carousel2 .owl-prev,  #owl-carousel2 .owl-next{top:18%;}
  #owl-carousel3 .item a:hover::before{display:none;}
  .padding-section {
    padding: 4vw 0;
  }

.owl-stage
{
    height:325px;
}

.card {
    height:340px;
    position: relative;
    flex-direction: column;
    min-width: 0;
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important;
    box-shadow:0px 0px 4px #ccc;
    height: 15vw; overflow: hidden; margin: 1vw 0 0 0; padding:2vw 1vw; font-size:1vw; text-align:center;
}
.item {
    position: relative;
}
.item .card a:hover:before{display:none;}

.card {height:290px;font-size: 12px; line-height: 1.4;  align-items: center; justify-content: center; padding:50px;}
.card img { height: 45px;margin: 0 auto 14px auto; }
.card .cheight img { height: 30px; margin: 0 auto 14px auto;}
.card .overlay-content{padding:10px;}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.card img {
    height: 60px;
    width: auto !important;
    display: block;
    margin: 0 auto 10px auto;
}

/* .card:hover .overlay-content {
    transform: translatey(-100%);
} */

.card .overlay-content {
    width: 100%;
    height: 100%;
    background-color: white;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;flex-direction: column;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    transition: 0.6s;
    top: 100%;
    left: 0;
    opacity: 1; padding:1.5vw 1vw;
}

.bg_white .card,
.bg_fff .card {
  background-color: #FFFFFF;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  transform: translateZ(0);
}

header .navbar .navbar-brand {
    height: 50px;}

header .navbar > .bg_black {
        padding: 10px 0 6px 0px;   
    }

    .result_circle
    {
        width: 300px;
    }
    
    .cost_icon
    {
        width: 100%;
       

    }
.img-fluid 
{
    height: 38px;
}
.circles-wrp .circles-text { font-size: 52px !important;line-height: 37px !important; padding-top: 30%; }
.circles-wrp .circles-text span { font-size: 30px !important;line-height: 35px !important; padding-top: 16px; display: block; padding-left: 35px; padding-right: 35px; }
#teconsent a{display:none;}
.footer_sec {
    background: #000;
    color: #fff;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 7px 0;
    font-size: 12px;
    z-index: 1111111;
}
.footer_socialshare img {
    width: 20px;
    margin: 0px;
    vertical-align: middle;
}
.footer_socialshare a {  margin-right: 2px; }
.bdr_btm {
    border-bottom: 1px solid #676767;
}
.footer {
    padding-top: 8px;
    padding-bottom: 3px;
}

#reset-calculation:hover{text-decoration:underline; color:var(--blue);}

.calculate_size{width:36.1vw !important; /*height:37.3vw !important;*/}


.section_2 .column2_section{flex-direction:column !important;}
.show-section-second .d-flex{ flex-direction :column;}

.simple-text-link:hover
{color:#007db8}

.error { display: none; color: #ff0000; font-size: 15px; }

@media (min-width: 200px) and (max-width: 768px) {
.p-hero br{display:none;}
.column2_section .col-2 { flex: 0 0 20.66667%; max-width: 20.66667%;}
.column2_section .row{    align-items: start;}
.column2_section .font-size--header-level-2{  line-height: 28px !important;}
	body{font-size:14px;}
	.container .font-size--header-level-1 {
    font-size: 38px;
    line-height: 48px;
}
	.container .font-size--header-level-2, .paragraph--type--hero-slider .slide-title, .paragraph--type--hero-slider .slide-gold-title {
    font-size: 27px;
    line-height: 36px;
}
	.container .font-size--header-level-3 {
    font-size: 19px;
    line-height: 23px;
}
	.container .font-size--header-level-4 {
    font-size: 15px;
    line-height: 20px;  margin-bottom:5px;
}
	.container .font-size--header-level-5 {
    font-size: 15px;
    line-height: 20px;  }	
.container .font-size--body-copy-small { 	font-size: 13px; line-height: 17px;}
	.container .font-size--body-copy-large { font-size: 16px; line-height: 26px; }
	.container .font-size--small-banner-text, .paragraph--type--hero-slider .slide-subheader { font-size: 12px; line-height: 18px; }
.m-dir { flex-direction: column; }
.calculate_size { width: 100% !important;}
#anual_revenue, #business { font-size: 17px !important;}
#section_3:before{position:absolute; content:" "; left:0;top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6);}
#section_3 .quoteblock, #section_3 .font-size--body-copy-medium{margin-left: 30px;}
#section_3 .quoteblock:before { left: -2px;}
#section_6 .container .font-size--header-level-2{font-size: 27px; line-height: 36px;}
#section_6 .container .mr-2.d-flex{text-align:left !important; padding-bottom:10px;}
.calculate_size.p-5 { padding: 2rem !important; }
.section_1 { background-position: 62% 0% !important;    position: relative;}
.section_1:before{position:absolute; content:" "; left:0;top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.mpadding{padding-left:15px; padding-right:15px;} 
}