body{
	margin: 0;
	padding: 0;
	color: #666;
	font-family: 'Montserrat', 'Helvetica Neue', helvetica, arial, tahoma, verdana, sans-serif;
	font-size: 16px;
	line-height: 22px;
	background: #fff;
	height:100%;
	overflow-x: hidden !important; 
	padding-top: 60px;
	margin-bottom: 108px;
}

img{
	transition-duration: 0.3s;
}
body.page-template-page-sitemap-plugin{
	margin-bottom: 110px !important;
}

#header{
	background-color: #37b5e9; 
}

/* headline */
.headline  h1{
	padding: 3px 0 0 0;
}

/* sitemap */
.sitemap-plugin{
	background-color: #fff;
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	float: left;
}
.sitemap-plugin p{
	color: #000000;
	font-size: 18px;
	line-height: 29px;
}
.sitemap-plugin h3{
	color: #2e353a;
	font-size: 27px;
	font-weight: 500;
}


/* section */ 
.section-sm{
	float: left;
	width: 100%;
	padding: 30px 0;
}
.section-sm .wrap{
	width: 1180px; 
	margin: 0 auto;
}

.section-sm.reviews .wrap{
	width: 100%; 
}
.owl-carousel .owl-item{
	/* width: 480px !important; */ 
}

h1, h2, h3{
	letter-spacing: -1px;
}
h2{
	margin: 0;
}
h3{
	padding: 14px 0 10px 0;
	margin: 0;
}
p{
   font-weight: 300;	
}


/* hero */
.hero-sm{
	background-color: #37b5e9;
	color: #fff;
	padding: 125px 0 60px; 
} 
.hero-sm h1{
	color:#fff;	
	font-size: 80px;
	font-weight: 600;
	line-height: 0.75;
}
.hero-sm h2{
	color: #fff;
	font-size: 45px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0;
}
.hero-sm h3 { 
	color:#fff;	
	font-size: 32px;
	font-weight: 300;
	font-style: italic;
}

/* proud */
#proud{
	background-color: #f7fafb;
	text-align: center;
}
#proud h4{
	color: #5f6971;
	font-weight: 400;
	font-size: 17px;
}
#proud a{
	margin: 30px 23px 15px;
	display: inline-block;
	filter: grayscale(0.94);
	opacity: 0.5;
	transition-duration: 0.4s;
}
#proud a img{
	height: 40px;
}
#proud a:hover{
	opacity: 1;
	filter: grayscale(0);
}
/* about */
.about-sm{ 
	padding: 60px 0 100px;
}
.about-sm .col-first{
	width: 45%;
	float: left;
}
.about-sm .col-last{
	width: 55%;
	float: right;
}
.about-sm h3{
	font-size: 25px;
	font-weight: 400;
	color: #2e353a;
	margin-bottom: 10px;
} 

.about-sm img{
	margin-top: -170px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.14);
	margin-left: 60px;
}

/* buttons */
.buttons{
	margin-top: 20px;
}
.buttons a{
	background-color: #37b5e9;
	font-size: 17px;
	font-weight: 500;
	padding: 17px 0px; 
	width: 210px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	display: inline-block;
	letter-spacing: -0.5px;
	border:1px solid #37b5e9;
}
.buttons a:hover{
	background-color: #fff;
	color: #37b5e9;
}
.buttons a.black{
	background-color: #2e353a;
	border:1px solid #2e353a;	
}
.buttons a.black:hover{
	background-color: #fff;
	color: #2e353a;
}
.buttons a.white{
	background-color: #fff;
	border:1px solid #fff;	
	color: #000;
}
.buttons a.white:hover{
	background-color: rgba(255,255,255,0);
	color: #fff; 
}


/* why-sm */
.why-sm{ 
	background-attachment: fixed;
	background-image: url('../images/sitemap/bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 160px 0 120px;
	text-align: center;
}
.why-sm h2{
	color: #fff;
	font-size: 54px;
	line-height: 65px;
	font-weight: 500;
}
.why-sm h4{
	text-transform: uppercase;
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	font-weight: 300;
	letter-spacing: 2px;
}
.why-sm .arrow{
	width: 60px;
	height: 40px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../images/sitemap/arr.png");
}

/* process */
.process{
	padding: 70px 0;
	/* background-image: url('../images/sitemap/linie.png'); */
	background-position: center center;
	background-repeat: no-repeat;
	
}
.process .wrap{
	width: 1280px;
	margin: 0 auto;
}

.process .item{
	width: 100%;
	float: left;
	padding: 70px 0;
	clear: both;
}
.process .item .col{
	width: 50%; 
	float: left;
}
.process .item .col-left{
	float: left;
}
.process .item .col-right{
	float: right;
}
.process .item .col .in{
	margin-left: 30px;
	width: 400px;
}

.process img{
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.14);
	height: auto;
}
.process .item .col-txt h3{
	margin-top: 105px;
}
.process .item .col-txt h3:after{
	width: 45px;
	height: 5px;
	background-color: #37b5e9;
	content: "";
	display: block;
	border-radius: 3px;
	margin-top: 10px;
}
.process .item .col-txt p{
	color: #888;
	font-size: 17px;
	line-height: 28px;
}


/* 3banners  */
.banners3{
	
	padding: 120px 0; 
}
.banners3 .col{
	width: 33.33%;
	float: left;
	text-align: center;
	margin-top: 70px;
}
.banners3 .icon{
	width: 100%;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.banners3 .col-1 .icon{ background-image: url('../images/sitemap/ik4.png'); }
.banners3 .col-2 .icon{ background-image: url('../images/sitemap/ik1.png'); }
.banners3 .col-3 .icon{ background-image: url('../images/sitemap/ik6.png'); background-size: 62px auto;   }

.banners3 .col-4 .icon{ background-image: url('../images/sitemap/ik2.png');  }
.banners3 .col-5 .icon{ background-image: url('../images/sitemap/ik5.png'); }
.banners3 .col-6 .icon{ background-image: url('../images/sitemap/ik3.png'); }

.banners3 .col-7 .icon{ background-image: url('../images/sitemap/icon-7.png');  }
.banners3 .col-8 .icon{ background-image: url('../images/sitemap/icon-8.png'); }
.banners3 .col-9 .icon{ background-image: url('../images/sitemap/icon-9.png'); }


.banners3 h3{
	font-size: 21px;
}
.banners3 p{
	color: #555;
	font-size: 16px;
	line-height: 24px;
	font-weight: 200;
}


/* get-started */
.get-started{
	background-color: #37b5e9;
	padding: 90px 0;
	text-align: center;
}
.get-started h2{
	color: #fff;
	font-size: 37px;
	font-weight: 400;
	text-align: center;
}
.get-started p{
	color: #fff;
	font-weight: 200;
	font-size: 20px;
}
.get-started .buttons a{
	width: 315px;
	font-size: 18px;
}
.get-started .buttons a.black:hover{
	background-color: rgba(0,0,0,0);
	color: #fff; 
	border: 1px solid #fff;
}

/* join */ 
.join{
	background-color: #e0e8ee;
}
.join .col{
	width: 48%;
}
.join .col-photo{
	float: right;
	background-image: url("../images/sitemap/join.jpg");
	width: 60%;
	height: 520px;
	margin-right: -12%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: -100px;
}
.join .col-txt{
	margin-bottom: 50px;
}

.join h2{
	font-size: 35px;
	font-weight: 600;
	line-height: 45px;
	letter-spacing: -1px;
	margin-top: 60px;
	margin-bottom: 30px;
	color: #000;
}
.join .item{
	float: left;
	margin: 15px 15px 0px 0;
	background-color: #fff;
	border-radius: 3px;
	width: calc( 50% - 15px );
}
.join .item .icon{
	width: 80px;
	height: 100px;
	background-image: url("../images/sitemap/join-ik-1.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px auto;
	float: left;
}
.join .item.i1 .icon{ background-image: url("../images/sitemap/join-ik-4.png"); }
.join .item.i2 .icon{ background-image: url("../images/sitemap/join-ik-1.png"); }
.join .item.i3 .icon{ background-image: url("../images/sitemap/join-ik-2.png"); }
.join .item.i4 .icon{ background-image: url("../images/sitemap/join-ik-3.png"); }

.join .item .txt{
	width: calc( 100% - 80px );
	float: left;
}
.join .item .txt h3{
	font-size: 18px;
	color: #121212;
	font-weight: 500;
	margin: 0;
	padding: 0;
	line-height: 24px;
	margin-top: 30px;
}
.join .item .txt p{
	color:#666666;
	font-size: 15px;
	font-weight: 300;
	margin: 0;
	padding: 0;
	line-height: 20px;
}	

/* reviews */
.reviews{
	background: none;
	padding: 90px 0 70px; 
	background-color: #f6f9fa;
}
.reviews h2{
	font-size: 34px;
	line-height: 44px;
	color: #2e353a;
	font-weight: 400;
	text-align: center;
}
.reviews p{
	font-size: 16px;
	color:#666666;
	line-height: 25px;
	text-align: left;
}
.reviews .owl-item .item{
	margin: 20px;
	padding: 50px 60px 60px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 20px rgba(0,0,0,0.04);
	height: 280px !important;
	background-image: url('../images/sitemap/q.png');
	background-position:60px 46px;
	background-repeat: no-repeat;
	position: relative;
}
.reviews .owl-item .item p{
	text-indent: 40px;
	font-style: italic;
}
.reviews .owl-item .item .sign{
	color:#afafaf;
	font-weight: 200;
	font-size: 14px;
	position: absolute;
	bottom: 30px;
	width: calc( 100% - 120px );
	line-height: 20px;
}
.reviews .owl-item .item .sign .sleft{
	width: 68%;
	float: left;
}
.reviews .owl-item .item .sign .stars{
	float: right;
	width: 32%;
	text-align: right;
}
.reviews .owl-item .item .sign span{
	display: block;
	font-size: 13.5px;
}
.reviews .owl-item .item .sign .stars i{
	color:#eec626;
}	
.reviews .owl-item .item .sign strong{
	color:#000;
	font-weight: 400;
}

.owl-dots{
	margin-top: 30px !important; 
}

.owl-theme .owl-dots .owl-dot span{
	border: 1px solid #999;
	width: 8px;
	height: 8px;
	background: none !important;
}

.owl-theme .owl-dots .owl-dot.active span{
	background-color: #999 !important;
}



/* section-faq */
.section-faq{
	background-color: #f6fafc;
}
.section-sm .wrap{
	width: 1320px;
}
.section-faq h2{
	font-size: 34px;
	line-height: 44px;
	color: #2e353a;
	font-weight: 500;
	text-align: center;
	margin-top: 30px;
}
.section-faq .section-head p{
	color: #666666;
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	margin-bottom: 20px;
}
.section-faq .section-head p a{
	font-weight: 500;
	color: #01abe8;
	text-decoration: underline;
}
.section-faq .faq-box{
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.section-faq .faq-box .col{
	width: 50%;
	float: left;
}
.section-faq .item{
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.02);
	border-radius: 3px;
	display: block;
	float: left;
	width: 98%;
	padding: 13px 30px;
	margin: 1%;
	transition-duration: 0.3s;
}
.section-faq .item.openitem{
	padding-bottom: 30px;
}
.section-faq .item h3{
	font-size: 17px;
	color: #000;
	font-weight: 300;
	cursor: pointer;
}
.section-faq .item.openitem h3{
	font-weight: 400;
}
.section-faq .item .txt{
	display: none;
	height: 0;
	transition-duration: 0.3s;
	overflow: hidden;
}
.section-faq .item p{
	color:#6f6f6f;
	font-size: 16px;
	font-weight: 300;
	transition-duration: 0.3s;
	opacity: 1;
	line-height: 1.5;
}	
.section-faq .item.openitem .txt{
	display: block;
	height: auto;
}
.section-faq .item.openitem p{
	display: block;
	opacity: 1;
	padding-top: 10px;
	padding-bottom: 10px;
}
.section-faq .item ol {
	padding-left: 40px;
	padding-right: 0;
}
.section-faq .item ul {
	padding-left: 20px;
}
.section-faq .item ul li,
.section-faq .item ol li{
	
	padding-left: 5px;
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 1.5;
}
.section-faq .item ol li{
	background: none;
}
.section-faq .item ul li{
	padding-left: 12px;
}
.section-faq .item h3 span{
	float: right;
	font-size: 19px;
	font-weight: 600;
}
.section-faq .item h3 span.open{
	display: none;
	color: #01abe8;
}
.section-faq .item h3 span.close{
	line-height: 34px;
}
.section-faq .item.openitem span.open{
	display: block;
}
.section-faq .item.openitem span.close{
	display: none;
}




/* section-plugins */
.section-plugins{
	background-color: #fff;
}
.section-plugins .col-right{
	padding-left: 10px;
}
.section-plugins .col-left{
	padding-right: 10px;
}

.section-plugins .plugin-boxex{
	padding-top: 30px;
}
.section-plugins .col img{
	width: 100%;
}
.section-plugins .col .photo{ 
	width: 110%; 
	display: block;
	overflow: hidden;
	border-radius: 5px;
	transition-duration: 0.3s;
}	
.section-plugins .col .photo:hover{
	opacity: 0.75;
} 
.section-plugins .col-left .photo{ 
	margin-left: -10%;
}
.section-plugins .col-right .photo{ 
	margin-right: -10%;
}	

.section-plugins .col .txt{
	background-color: #fff;
	padding: 26px 40px;
	margin-top: -40px;
	position: relative;
	border-radius: 4px;
	width: 97%;
}
.section-plugins .col-right .txt{
	margin-left: 3%;
}
.section-plugins .col .txt h3{
	font-weight: 600;
	transition-duration: 0.3s;
}
.section-plugins .col .txt h3:hover{
	opacity: 0.75;
}
.section-plugins .col .txt h3 a{
	color: #2e353a;
}
.section-plugins .col .txt .more a i{
	transition-duration: 0.3s;
}
.section-plugins .col .txt .more a:hover i{
	margin-left: 5px;
}






/* section video */
.section-video{
	background-color: #f6f9fa;
	position: relative;
	z-index: 100;
}
.section-video .wrap{
	width: 90%;
}
.section-video .video-box{ 
	float: left;
	height: 440px;
	width: 100%;
	background-image: url("../images/sitemap/bg-video.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	box-shadow: 0 7px 42px rgba(0,0,0,0.2);
	position: relative;
	height: 390px;
	
}
.video-box-in{
	margin: 128px 120px 0 120px;
}
.video-box .col{
	float: left;
	width: 33.33%;
}
.video-box .col-left{
	margin-top: -30px;
}
.video-box .col-left h3{
	color: #fff;
	font-size: 60px;
	opacity: 0.96;
	line-height: 0.8;
}
.video-box .col-left h3 span{
	font-size: 35px;
	display: block;
	line-height: 60px;
	font-style: italic;
}
.video-box .col-left p{
	color: #fff;
	opacity: 0.65;
	font-size: 25px;
	line-height: 33px;
}



.video-box .col-play{
	text-align: center; 
	position: relative;
	z-index: 10;
}
.video-box .col-play .icon{
	display: block;
	width: 150px;
	height: 150px;
	background-image: url("../images/sitemap/play.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	border-radius: 1000px;
	box-shadow: 0 7px 42px rgba(0,0,0,0.05);
	margin: 0 auto;
	transition-duration: 0.3s;
}
.video-box .col-play:hover .icon{
	box-shadow: 0 10px 65px rgba(0,0,0,0.24);
	transform: scale(1.05);
}

.video-box .col-play p{
	text-align: center;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: underline;
	line-height: 30px;
	margin-top: 10px;
}


.video-box .col-right{
	background-image: url("../images/sitemap/video-men.png?v=4");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	opacity: 1;
	margin-top: -52px;
	margin-right: -45px;
	float: right;
	
	height: 382px;
	width: 480px;
	position: absolute;
	right: 110px;
	bottom: 0;
	
	background-size: auto 100%;
	opacity: 1;
	margin-top: -92px;
	margin-right: auto;
	float: right;
}


/* crm */
#crm{
	background-color: #f9fafc;
	position: relative;
	padding-bottom: 100px;
}
#crm .crm-in{
	position: relative;
	z-index: 1;
}
#crm .wrap{
	position: relative;
}
#crm .white-bg{
	float: left;
	width: 100%;
	height: 325px;
	background-color: #fff;
	position: absolute;
	top:0;
	z-index: 0;
}
#crm .col{
	float: left;
	width: 36%;
	margin-top: 160px;
	
}
#crm .col h4{
	font-size: 14px; 
	text-transform: uppercase;
	color: #b8c2cd;
}
#crm .col p{
	color:#2e353a;
	font-size: 22px;
	line-height: 30px;
	margin-top: 90px;
	letter-spacing: -0.3px;
	font-weight: 300; 
}	
#crm .col .button{
	background-color: #3db97d;
	border:1px solid #3db97d;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	padding: 15px 0 13px 0;
	width: 320px;
	text-align: center;
	display: block;
	margin-top: 35px;
	transition-duration: 0.3s;
}
#crm .col .button:hover{
	background: rgba(255,255,255,0);
	color: #3db97d;
}
#crm .col .free{
	text-align: center;
	width: 320px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	margin-top: 20px;
}
#crm .col .free span{
	font-weight: 300;
	display: block;
	font-size: 13px;
}
#crm .apple{
	float: right;
	position: absolute;
	top:102px;
	right: -180px;
	width: 85%;
}


.modal{
	width: 100%;
	height: 100vh;
	float: left;
	background-color:rgba(0,0,0,0.75);
	position: fixed;
	z-index: 1000;
	top:0;
	display: none;
}
.modal .modal-form{
	background-color: #fff;
	width: 700px;
	display: block;
	height: 520px;
	margin: 0 auto;
	margin-top: calc( 50vh - 250px );
	padding: 30px 65px;
	position: relative;
}
.modal .wpcf7-not-valid{
	border: 1px solid #cd0000 !important; 
}
.modal .modal-form form{
	margin: 0; 
} 
.modal .modal-form h3{
	font-size: 28px;
	font-weight: 600;
	margin: 10px 0 15px;
}
.modal .row{
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}
.modal .row .pole{
	width: 48%;
	margin: 0 1%;
	float: left;
}
.modal .row .pole-full{
	width: 98%;
	margin: 0 1%;
}
.modal .row .pole input, .modal .row .pole textarea{
	border:1px solid #e9e9e9;
	padding: 15px 15px;
	background-color: #fff;
	width: 100%;
	font-size: 16px;
	color: #000;
	font-weight: 300;
	font-family: 'Montserrat', 'Helvetica Neue', helvetica, arial, tahoma, verdana, sans-serif;
}
.modal .row .pole textarea{
	height: 160px;
}
.modal .row .pole.pole-button input{
	width: 100%;
	background-color: #37b5e9;
	color: #fff;
	font-weight: 600;
	border: none;
	margin-top: 10px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.sent .wpcf7-response-output{
	border: none !important;
	font-size: 15px !important; 
	text-align: center !important;
	padding: 0 !important;
	margin: 0 !important;
	
	margin-top: -10px !important;
	float: left;
	width: 100%;
}
.modal .modal-form .close{
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 16px;
	font-weight: 300;
	color: #000;
	transform: scaleX( 1.3);
	cursor: pointer;
}
.openModal{
	cursor: pointer;
}

#features{
	width: 100%;
	float: left;
	
}

.footer-bottom{
	position: fixed;
	bottom: 0;
	z-index: 0;
	width: 100%;
}
.footer-bottom{
	padding-bottom: 0px;
}

#footer{
	text-align: center;
}
#footer a{
	font-size: 15px;
	
}
#footer span{ 
	color: #bababa;
}