@charset "utf-8";
/* CSS Document */
/*----------------------
	1. Body
------------------------*/
*{margin:0;padding:0;visibility: visible;}
html {
	overflow-x:hidden;
}
 
@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('../../font/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('../../font/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face{font-family:'museo-sans';src:url(../../font/MuseoSans_300-webfont.eot);src:url(../../font/MuseoSans_300-webfont.eot?#iefix) format("embedded-opentype"),url(../../font/MuseoSans_300-webfont.woff) format("woff"),url(../../font/MuseoSans_300-webfont.ttf) format("truetype"),url(../../font/MuseoSans_300-webfont.svg#MuseoSans300Regular) format("svg")}

@font-face{font-family:'museo-sans';src:url(../../font/MuseoSans_300-webfont.eot);src:url(../../font/MuseoSans_300-webfont.eot?#iefix) format("embedded-opentype"),url(../../font/MuseoSans_300-webfont.woff) format("woff"),url(../../font/MuseoSans_300-webfont.ttf) format("truetype"),url(../../font/MuseoSans_300-webfont.svg#MuseoSans300Regular) format("svg")}

@font-face{font-family:'Museo Sans';src:url(../../font/MuseoSans_300-webfont.eot);src:url(../../font/MuseoSans_300-webfont.eot?#iefix) format("embedded-opentype"),url(../../font/MuseoSans_300-webfont.woff) format("woff"),url(../../font/MuseoSans_300-webfont.ttf) format("truetype"),url(../../font/MuseoSans_300-webfont.svg#MuseoSans300Regular) format("svg")}

@font-face{font-family:'Museo Sans 100';src:url(../../font/MuseoSans_100-webfont.eot);src:url(../../font/MuseoSans_100-webfont.eot?#iefix) format("embedded-opentype"),url(../../font/MuseoSans_100-webfont.woff) format("woff"),url(../../font/MuseoSans_100-webfont.ttf) format("truetype"),url(../../font/MuseoSans_100-webfont.svg#MuseoSans100Regular) format("svg")}

@font-face{font-family:'Museo Sans 300';src:url(../../font/MuseoSans_300-webfont.eot);src:url(../../font/MuseoSans_300-webfont.eot?#iefix) format("embedded-opentype"),url(../../font/MuseoSans_300-webfont.woff) format("woff"),url(../../font/MuseoSans_300-webfont.ttf) format("truetype"),url(../../font/MuseoSans_300-webfont.svg#MuseoSans300Regular) format("svg")}

@font-face{font-family:'Museo Sans 500';src:url(../../font/MuseoSans_500-webfont.eot);src:url(../../font/MuseoSans_500-webfont.eot?#iefix) format("embedded-opentype"),url(../../font/MuseoSans_500-webfont.woff) format("woff"),url(../../font/MuseoSans_500-webfont.ttf) format("truetype"),url(../../font/MuseoSans_500-webfont.svg#MuseoSans500Regular) format("svg")}

@font-face{font-family:'Museo Sans 700';src:url(../../font/MuseoSans_700-webfont.eot);src:url(../../font/MuseoSans_700-webfont.eot?#iefix) format("embedded-opentype"),url(../../font/MuseoSans_700-webfont.woff) format("woff"),url(../../font/MuseoSans_700-webfont.ttf) format("truetype"),url(../../font/MuseoSans_700-webfont.svg#MuseoSans700Regular) format("svg")}

@font-face{font-family:'Museo Sans 900';src:url(../../font/MuseoSans_900-webfont.eot);src:url(../../font/MuseoSans_900-webfont.eot?#iefix) format("embedded-opentype"),url(../../font/MuseoSans_900-webfont.woff) format("woff"),url(../../font/MuseoSans_900-webfont.ttf) format("truetype"),url(../../font/MuseoSans_900-webfont.svg#MuseoSans900Regular) format("svg")}



body {
  background: #fff;
  color: #333;
  font-family:"Museo Sans",sans-serif;
  font-size:16px;
  font-weight: 400;
  position: relative;
}
html, body {
	min-height:100%;
	height:100%;
	box-sizing:border-box;
}
h1, h2, h3, h4, h5, h6 {
  margin:0;
}
p {
  line-height:1.2 !important;
  font-weight:normal;
  font-size:16px;
  font-family: "Museo Sans 300";
}
h1, h2, h3, h4, h5, h6 {
  color:#333333;
  font-family:"Museo Sans",sans-serif;
}
h1 {
	font-size:42px;
	font-family: "Museo Sans 500";
}
h2 {
	font-size:36px;
	font-family: "Museo Sans 500";
}
h4 {
	font-size:22px;
	font-weight:700;
	margin-bottom:10px;
	text-transform:none;
}
h5 {
	font-size:18px;
	font-weight:700;
	margin-bottom:10px;
	text-transform:none;
}
.container-fluid{ /*max-width:1400px; width:100%;*/ margin:0 auto;}
a:hover, a:focus{ outline:0;}



img{ max-width:100%; height:auto;}

/*Banner*/ 
body{ font-family: "museo-sans";}
	.sectionHead{ font-size:40px; color: #000; margin-bottom: 20px;font-family: "Museo Sans 500";}
.subHeading{ font-size: 18px; color: #666; margin-bottom:50px;}
#banner{  padding-bottom: 120px; padding-top: 25px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c3c3c3+39,ffffff+100 */
background: #c3c3c3; /* Old browsers */
background: -moz-linear-gradient(left,  #c3c3c3 39%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c3c3c3 39%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c3c3c3 39%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ position:relative;}
#banner::before{ content: "";
    width: 100%;
    height: 245px;
    
    bottom:-1px;
    left: 0px;
    position: absolute; 
	background:url(../../v_19/images/hero-banner-bg.png) no-repeat left bottom;
}
    #banner h1{font-size:42px;font-family: "Museo Sans 500";}
    #banner h1 span{color:#348c35;}
    #banner p.logo{ margin-bottom: 70px;}
    #banner .col-lg-6 p{ margin-top: 20px; font-size: 18px; color: #333;}
    #feature-glance .col-md-4 div{background:#fff;
/*-webkit-box-shadow: 2px 2px 50px 5px rgba(204,204,204,1);
-moz-box-shadow: 2px 2px 50px 5px rgba(204,204,204,1);
box-shadow: 2px 2px 50px 5px rgba(204,204,204,1);*/ -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    0px 0px 26px 0px rgba(0, 0, 0, 0.25);
box-shadow:         0px 0px 26px 0px rgba(0, 0, 0, 0.25);  padding:30px; margin-bottom:30px;min-height: 245px; height:auto; border-radius:5px;}
#feature-glance .col-md-4 div:hover{-webkit-box-shadow: 0px 0px 55px -14px rgba(54,139,56,1);
-moz-box-shadow: 0px 0px 55px -14px rgba(54,139,56,1);
box-shadow: 0px 0px 55px -14px rgba(54,139,56,1); cursor:pointer;}

#feature-glance .col-md-4 div:hover h4{ color:#348c35;}
#feature-glance .col-md-4 div:hover img{ transform:scale(1.1,1.1);}
    
    #statistics{background:url(../../v_19/images/stat-bg.png) no-repeat; padding-top: 100px; padding-bottom: 100px; margin-bottom:150px; background-size:100% 100%;}
     #contactInfo{background:#ececec45 url(../../v_19/images/pattern-bg.png) repeat; }  
    #banner p a{}
    .solidButton{ background:#348c35; padding: 10px 25px; color: #fff;display: inline-block;text-transform: uppercase; font-size: 15px; border-radius:30px; position: relative; z-index: 1; font-family:"Museo Sans 700"; border: 2px solid #348c35;}
	
	.solidButton:hover, .solidButton:focus{ color: #348c35; text-decoration: none; background:none; }
    .borderedButton{ border: 2px solid #348c35; padding:10px 25px;  color: #348c35;display: inline-block;text-transform: uppercase; font-size: 15px; border-radius:30px; position: relative; z-index: 1; font-family:"Museo Sans 700";}
	.borderedButton:hover, .borderedButton:focus{ color: #ffffff;text-decoration: none;background:#348c35; }
	.margin100Top{ margin-top: 85px}
	.padding100Btm{ padding-bottom:100px;}
#Advantages h2.sectionHead span{ display:block;}	

#feature-glance h4{ font-size:20px; margin-top:20px; margin-bottom:15px; font-family:"Museo Sans 700";}
#feature-glance .col-md-4 p{ font-size:16px; color:#666;}
#statistics { color:#fff;}
#statistics .sectionHead, #statistics .subHeading{ color:#fff;}
#statistics h4{ font-size:18px; font-weight:normal;}
#statistics h5{ font-size:60px;font-family:'Museo Sans 700';}
#statistics h5 span{ font-size:36px;}
#statistics h6,#statistics p{ font-size:16px;}
#statistics h6{ font-weight:600;}
#statistics .col-md-4 p{ margin-top:20px;}
#statistics ul{ margin-bottom:0;}
#statistics ul li{ display:inline-block; border-right:1px solid #9bce9c; padding-right:5px;}
#statistics ul li:last-child{ border:0; padding-left:0px; padding-right:0;}
.new span{ background: #f26522;	padding: 3px 7px; color: #ffffff; border-radius: 10px; display: inline-block; font-size: 9px; text-transform: uppercase; margin-top: -7px; position: absolute;
margin-left: 5px;}
.headP{ font-family:'Museo Sans 100'; font-size:17px; line-height:1.4 !important; color:#666666;}
.smarterProtection h2{ font-size:46px;font-family:'Museo Sans 700';}
.smarterProtection h2 span{ font-size:36px; color:#fcaf17; display:block;font-family:'Museo Sans 500'; }
.smarterProtection.privacy h2 span{color:#84b42c;}
.smarterProtection.superior h2 span{color:#50afe3;}
.smarterProtection p{font-size:18px;}
.smarterProtection h5{ font-weight:700; font-size:15px; position:relative;}
.smarterProtection ul li p{font-weight:300; font-size:15px; margin-bottom:0px;}
.smarterProtection.superior img{ float:left; margin-right:10px;}
.smarterProtection img{ margin-bottom:10px;}
.smarterProtection li{ border-right:1px solid #cccccc; padding-right:10px; padding-bottom:0px; margin-top:20px; margin-bottom:15px;}
.smarterProtection li.noBorder{border-right:0; padding-right:0; margin-right:0;}
.smarterProtection .col-lg-6.order-lg-2 div::after{ content:""; position:absolute; background: 
url(../../v_19/images/section-divider-bg-right.png) no-repeat left top; width:720px; height:186px; right:54%; bottom:-32%;}
.smarterProtection.superior .col-lg-6 div::after{ content:""; position:absolute; background: url(../../v_19/images/section-divider-bg-left.png) no-repeat left top; width:720px; height:186px; left:32%; bottom:-38%;}
#footer p, #footer a{ color:#666666; font-size:15px; margin-bottom:10px;}
#footer{ padding-top:30px; padding-bottom:20px; border-top:1px solid #cccccc;}

#contactInfo{ padding-bottom:36px;}
#contactInfo h2{ font-size:42px; margin-bottom:25px;font-family:'Museo Sans 500'; }
#contactInfo p.col-lg-8{ font-size:18px; color:#666666; margin-bottom:25px;}
#contactInfo .col-lg-4 { margin-top:80px;}
#contactInfo .col-lg-4 img{ float:left; margin-right:15px;}
#contactInfo .col-lg-4 p{ display:inline-block; color:#000000; font-weight:700; font-size:20px;}
#contactInfo .col-lg-4 p a{color:#000000;}
#contactInfo .col-lg-4 p.call{ margin-right:24px;}
#contactInfo .col-lg-4 p span{ display:block; color:#666666; font-size:15px; font-weight:700;}
.carousel-indicators li {
    text-indent:0 !important; width:auto !important; height:auto !important; background:none !important; display:block !important;
}
.carousel-indicators{ display:block !important; left:-57%!important; top:33%!important; margin-right:0!important; margin-left:0!important; width:50% !important;}
.carousel-indicators li{font-family:'Museo Sans 300'; font-size:18px; }
.carousel-indicators li span{font-family:'Museo Sans 700';}
.carousel-inner{background: url(../../v_19/images/3p-bg.png) no-repeat left top;  width:518px !important; height:432px;}
.carousel-item{ left:20px !important; top:24px !important; z-index:-1;}
.carousel-indicators li::before, .carousel-indicators li::after{ width:auto !important;}
.carousel-indicators li#smarter-protection, .carousel-indicators li#superior-performance, .carousel-indicators li#privacy-simplified{padding-left:55px !important; height:36px !important; margin-bottom:10px;}

.carousel-indicators li#smarter-protection:hover, .carousel-indicators li#superior-performance:hover, .carousel-indicators li#privacy-simplified:hover{ cursor:pointer;}

.carousel-indicators li#smarter-protection{background: url(../../v_19/images/smarter-protection-icon.png) no-repeat left top !important; }

.carousel-indicators li#smarter-protection.active{background: url(../../v_19/images/smarter-protection-icon-hover.png) no-repeat left top !important; color:#eda20d;}

.carousel-indicators li#superior-performance{background: url(../../v_19/images/superior-performance-icon.png) no-repeat left top !important;}

.carousel-indicators li#superior-performance.active{background: url(../../v_19/images/superior-performance-icon-hover.png) no-repeat left top !important;color:#50afe3; }

.carousel-indicators li#privacy-simplified{background: url(../../v_19/images/privacy-simplified-icon.png) no-repeat left top !important;}

.carousel-indicators li#privacy-simplified.active{background: url(../../v_19/images/privacy-simplified-icon-hover.png) no-repeat left top !important;color:#84b42c; }

.carousel-control-next, .carousel-control-prev{ display:inline-block !important; position:relative !important; border:2px solid #9c9c9c; border-radius:30px; width:6% !important;}

.carousel-control-prev-icon{background: url(../../v_19/images/prev-icon.png) no-repeat left top !important; margin-top:4px; margin-left:3px;}

.carousel-control-next-icon{background: url(../../v_19/images/next-icon.png) no-repeat left top !important; margin-top:4px; margin-left:5px;}
#navigation{ margin-top:30px; text-align:center; margin-left:-6%;}

.advImage{float:left;}
.advPoints{ float:left; list-style-type:none; margin-top:20px;}
.advPoints li { padding-left:40px; padding-bottom:25px;}
.advPoints li#smarter-protection{background: url(../../v_19/images/smarter-protection-icon-hover.png) no-repeat left top !important; /*color:#eda20d; */}


.advPoints li#superior-performance{background: url(../../v_19/images/superior-performance-icon-hover.png) no-repeat left top !important;/*color:#50afe3;*/}


.advPoints li#privacy-simplified{background: url(../../v_19/images/privacy-simplified-icon-hover.png) no-repeat left top !important;/*color:#84b42c;*/ }

.advPoints li{font-family:'Museo Sans 300'; font-size:18px;}
.advPoints li span{font-family:'Museo Sans 700';}

@media only screen and (min-width:1200px){
.container{ max-width:1170px !important;}
}
@media only screen and (min-width:1401px){
	#banner::before{ display:none;}
}
@media only screen and (max-width:1200px){
	#contactInfo .col-lg-4 p.call{ margin-right:5px;}
	#contactInfo .col-lg-4 p{ font-size:16px;}
}
@media only screen and (max-width:1135px){
	.smarterProtection .col-lg-6.order-lg-2 div::after{right:39%; bottom:-21%;}
}
@media only screen and (max-width:1100px){
	.smarterProtection .col-lg-6.order-lg-2 div::after,.smarterProtection.superior .col-lg-6 div::after{ display:none;}
	.carousel-inner{ background-size:100% 100%;}
	#statistics ul li{ border-right:0;}
}
@media only screen and (max-width:1024px){
	.carousel-indicators{ left:-53%!important; width:54% !important;}
}
@media only screen and (max-width:991px){
	#statistics ul li{ border-right:1px solid #9bce9c;}

	.carousel-inner{ background-size:auto; background-position:center; width:531px !important; margin:0 auto;}
	#contactInfo .col-lg-4 img{ float:none; margin-right:0px; margin-bottom:20px;}
	#contactInfo .col-lg-4{ text-align:center;}
	#contactInfo .col-lg-4 p{ font-size:20px;}
	#Advantages h2.sectionHead span{ display:inline;}
	#Advantages .col-lg-6{ text-align:center;}
	.carousel-item{ left:0 !important;}
	.carousel-indicators{ left:0% !important; width:100% !important; top:0 !important; position:relative !important;}
	.carousel-indicators li{ display:inline-block !important; width: auto !important;}
	.carousel-control-next, .carousel-control-prev{ width:35px !important; height:35px !important;}
	#navigation{ margin-left:0;}
	.carousel-indicators li#smarter-protection, .carousel-indicators li#superior-performance, .carousel-indicators li#privacy-simplified{padding-left:36px !important;}
	.padding100Btm{ padding-bottom:50px;}
	.advImage, .advPoints{ float:none;}
	.advPoints li{ display:inline-block; margin-right:10px; padding-left:35px;}
	.advPoints li:last-child{ margin-right:0;}
}
@media only screen and (max-width:767px){
	.smarterProtection li{ border-right:0;}
	.smarterProtection li img{ float:left; margin-right:10px;}
	#banner h1, .sectionHead, #contactInfo h2{ font-size:32px;}
	.smarterProtection h2 span{ font-size:28px;}
	.smarterProtection h2{ font-size:36px;}
}
@media only screen and (max-width:550px){
	.carousel-inner{ background-size:100% 100%; width:auto !important;}
}
/*@media only screen and (max-width:500px){
	.carousel-inner{ background:none; height:auto;}
}*/
@media only screen and (max-width:420px){
	#statistics ul li{ border-right:0;}
}