body { margin:0px; padding:0px; background:#f7f3eb; font-family: Arial, Helvetica, sans-serif; }

.clear { clear: both; height: 1px; }

img { border: 0; }

.main { width: 1050px; margin: 0 auto;}

/* wrapper */
#mainWrapper { width: 100%; float: left; overflow:hidden;}

/* header contr */
#headerContr { width: 100%; float: left; background: #ef672f;  }
#headerContr .mobBtn { display:none;}

	/* header top */	
	.headerTop { width:100%; float: left; background: #ef672f; border-bottom: 1px solid #fff; }
	.headerTop .left { padding: 0 0; width: 40%; float: left; }
	.headerTop .left  h1 { padding:0px; margin: 0px; }
	.headerTop .left h1 a { width:211px; height:45px;  display:block; text-indent:-9999px; background: url('../images/logo.png') no-repeat;}
		
	.headerTop .right { padding-top:10px; width: 50%; float:right; }
	.headerTop .right p{ margin: 0px; font-size:18px; float: left; padding:3px 30px;color:#fff; background: url('../images/phone-icon.png') left no-repeat; }
	.headerTop .right a { text-decoration: none; padding: 5px 15px; }
	.headerTop .right a.login {font-size: 18px; color:#fff; border-radius: 5px; border:1px solid #fff; }
	.headerTop .right a.works {  margin: 0 15px 0 0;  font-size: 17px; color:#fff; border-radius: 5px; border:1px solid #fff; }
	.headerTop .right a.pricing {  margin: 0 15px 0 0;  font-size: 17px; color:#fff; border-radius: 5px; border:1px solid #fff; }
	.headerTop .right a.works:hover { background: #fff; color: #000;}
	.headerTop .right a.login:hover { background: #fff; color: #000;}
	.headerTop .right a.pricing:hover { background: #fff; color: #000;}
	
	.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;}
	
	/* menu bottom */	
	.menuBottom { width: 100%; float: left; background:#31302b; border-bottom: 1px solid #999;  position:relative; }
	.menuBottom ul { list-style: none; padding:0px; margin: 0px; }
	.menuBottom li { padding:10px 26px 10px 0; float: left; font-size: 16px; color: #fff; position:relative;  }
	.menuBottom li a { font-size: 16px!important; color: #fff; text-decoration: none; }
	.menuBottom li a:hover { color: #CCC; }
	.menuBottom .freeTrail { width:100px; height:25px; float:left; border:1px solid #FFF; border-radius:3px; margin-top:6px; }
	
	.menuBottom li ul { display: none; }
	.menuBottom li:hover ul {  width: 180px; display: block; position: absolute; top: 38px; left: 0px; z-index: 9999; background:#333; }
	.menuBottom li:hover ul li { padding: 10px 15px; background:#333; width: 100%;  }
	.menuBottom li:hover ul li a { font-size:14px; color:#fff; display: block; }
	.menuBottom li:hover ul li:hover { background:#000; color:#fff;}
	.menuBottom li:hover ul li:hover a { text-decoration: none;  color:#fff;}
	
	
/* banner contr */
#bannerContr { width: 100%; float: left; position:relative; }

/* contr wrapper */
#contrWrapper { width: 100%; float: left; }


	/* content area */
	.contantArea { padding: 20px 0; width:100%; float: left; margin-bottom:3px; box-shadow:0px 1px 1px #d2bd99;}
	.contantArea h1 {margin:0px; padding:0 0 10px 0; color:#000; text-transform: uppercase; font-size: 28px; font-weight:normal; }
	.contantArea h2 { margin:0px; padding-bottom: 10px; font-size: 18px; color:#e75d24;  font-weight: normal; }
	.contantArea p { margin:0px; padding:0 0 10px 0; font-size: 15px; line-height:22px; color: #666; text-align:justify; }
	.contantArea p a { text-decoration:none; color:#2a5cd0; font-weight:bold;}
	.contantArea p a:hover {color:#000; }
	
	.contantArea .supportText { padding:0 0 20px 0; width:40%; float:left; }
	.contantArea ul { list-style:none; margin:0 0 0 0; padding:0px; }
	.contantArea li { font-size:14px; color: #333; padding-bottom:10px; line-height:20px; padding-left:30px; background: url('../images/arw.png') left top 2px no-repeat; }
	.contantArea li.text { margin-top:30px;}
	.contantArea li a { color:#3564a1; text-decoration:none; font-weight:bold;}
	.contantArea li a:hover { text-decoration:underline;}
	.contantArea li strong {color: #000;}
	
	.contantArea .leftChat { padding-top:20px; width:55%; float:left; }
	.contantArea .leftChat2 {padding-top:20px; width:45%; float: right; }
	.contantArea .leftChat2 img { margin:10px 0; border-radius:10px; }
	.contantArea .blogleft {padding-top:20px; width:45%; float:left; }
	.contantArea .blogleft img { margin:10px 0; border-radius:10px; }
	
	.contantArea .feature { margin-right: 20px; width:30%; float: left;  border-radius:5px; }
	.contantArea .feature h2 { padding: 15px 10px; font-size: 22px; color:#fff; line-height:18px; background:#0c3956; border-radius:5px 5px 0 0; }
	.contantArea .feature p { padding: 10px; font-size: 14px; color:#fff; background:#1b6798; min-height:155px;  border-radius: 0 0 5px 5px;  }
	
	.contantArea .featureBollet { width: 100%; float: left; padding-top:20px; }
	.contantArea .featureBollet h2 { font-size:19px; color:#fff; background:#ef672f;}
	.contantArea .featureBollet ul { list-style:none; margin:0; padding:5px 0; }
	.contantArea .featureBollet li {  font-size:14px; color: #000; line-height:18px;  }
	.contantArea .featureBollet li a { color:#000; text-decoration:none;}
	.contantArea .featureBollet li a:hover { text-decoration:underline;}
	
	.contantArea .services { padding:5px 0 5px 12px; margin: 10px 35px 0 0; width:28%; float: left; border:1px solid #CCC; border-radius:5px; }
	.contantArea .services h3 { margin:0px; padding:0px; font-size:18px; color: #333; }
	.contantArea .services img { padding:5px 0; border-radius:5px; display:block;}
	.contantArea .services p { margin:0px; padding:0 0 0 0; font-size: 14px;}
	.contantArea .services a.readmore { padding:5px 30px; float: right; display:block; color:#333; text-decoration:none; }
	.contantArea .services a.readmore:hover { color:#000; text-decoration: underline;}
	
	.contantArea .contact { width:100%; float:left; padding-top:10px; }
	.contantArea .contact span { width:40%; float:left; margin-bottom:20px; height:40px; }
	.contantArea .contact span.captha { width:100%; float:left; }
	.contantArea .contact span input.text { padding:8px 12px; width:80%; font-size:14px; border:1px solid #CCC; color:#666; border-radius:3px; }
	.contantArea .contact span input.text2 { padding:8px 5px; font-size:14px; border:1px solid #CCC; color:#666; border-radius:3px; }
	.contantArea .contact select { padding:8px 12px; width:86%; font-size:14px; border:1px solid #CCC; color:#666; border-radius:3px; }
	.contantArea .contact textarea.text  { padding:8px 12px; width:80%; height:80px; font-size:14px; border:1px solid #CCC; color:#666; border-radius:3px; }
	.contantArea .contact span.textwidth { width:90%; float:left;}
	.contantArea .contact span.textform { width:25%; float:left; margin:0px; height:auto; padding-top:50px;}
	.contantArea .contact input.sumbit { padding:10px 20px; cursor:pointer; font-size:14px; border:none; background:#ef672f; color:#fff; border-radius:3px; }
	.contantArea .contact input.sumbit:hover { background:#31302b;} 
	.contantArea .contact span .image { width:12%; float:left;}
	
	/* our services */
	.ourService { margin-top:-3px; width: 100%; float: left;height:550px; background: url('../images/service-img.jpg') no-repeat; background-size:cover;}
	.ourService h2 {font-size: 22px; color:#000; text-align: center;}
	.ourService h2.text { font-size:35px; color: #fff;}
	.ourService p { margin:0px; font-size: 16px; color:#fff; text-align: center; line-height:23px;}
	.whyus_item { background:#ffffff; margin:50px 25px 0 0; border-bottom:#609ddb solid 5px; padding:0 15px 20px 15px; width:28%; float: left;}
	.whyus_item i { background:#609ddb url('../images/thumb1.png') no-repeat; width:53px; height:51px; border-radius:30px; display:block;  margin-top:-20px; margin-left:120px;}
	.whyus_item em { background:#609ddb url('../images/thumb2.png') no-repeat; width:53px; height:51px; border-radius:30px; display:block;  margin-top:-20px; margin-left:120px; }
	.whyus_item strong { background:#609ddb url('../images/thumb3.png') no-repeat; width:53px; height:51px; border-radius:30px; display:block;  margin-top:-20px; margin-left:120px; }
	.whyus_item:hover i { background:#ffffff url(../images/thumb1-hover.png) no-repeat; color:#609ddb; }
	.whyus_item:hover em { background:#ffffff url('../images/thumb2-hover.png') no-repeat; }
	.whyus_item:hover strong { background:#ffffff url('../images/thumb3-hover.png') no-repeat; }
	.whyus_item p { color:#000; font-size:14px; }
	.whyus_item:hover p, .whyus_item:hover h2 {color:#fff;}
	.cz_helpsection p {color:#fff;}
	.whyus_item:hover { background:#609ddb; border-bottom:#ffffff solid 5px; }
	
	/* our client */
	.ourClient { padding:20px 0 30px 0; width:100%; float: left; text-align:center; background:#fff; }
	.ourClient h1 { margin:0px;  padding: 0 0 22px 0; font-size: 40px; color:#ef672f; font-family: "Century Gothic"; font-weight: normal; background: url('../images/shadow-img.png') bottom center no-repeat; }
	.ourClient p { margin:0 0 10px 0; color: #4d4d4d; font-size:20px; }
	
/* footer contr */
#footerContr { width: 100%; float: left;  }

	/* footer area */
	.footerArea { width:100%; float: left; color:#d5d5d5; background: url('../images/footer-bg.png') repeat-x; height:175px;}
	.footerArea h2 { margin:0px; padding-bottom:15px; font-size:20px; font-family: "Century Gothic"; font-weight: bold; padding-top:5px;  }
	.footerArea .overlayText { padding-top:0; width: 27%; float: left; }
	.footerArea .overlayText ul { list-style: none; margin: 0px; padding: 0px;}
	.footerArea .overlayText li { padding:0 0 10px 0; color:#d5d5d5; font-size:15px; }
	.footerArea .overlayText li.website { padding-left:25px; background:url('../images/website-icon.png') no-repeat; }
	.footerArea .overlayText li.call { padding-left:25px; background: url('../images/call-img.png') left top no-repeat; }
	.footerArea .overlayText li a { color:#d5d5d5; text-decoration: none; }
	.footerArea .overlayText li a:hover { color:#fff;}
	
	.footerArea .followus { width: 18%; float: left; }
	.footerArea .followus ul { list-style: none; margin: 0px; padding: 0px;}
	.footerArea .followus li { padding:0 50px; float: none; margin:0 auto;}
	.footerArea .followus li a { width:28px; height:28px; display:block;}
	.footerArea .followus li a.social1 { background:url('../img/socialicon/social-icon1.png') no-repeat; }
	.footerArea .followus li a.social2 { background:url('../img/socialicon/social-icon2.png') no-repeat; }
	.footerArea .followus li a.social3 { background:url('../img/socialicon/social-icon3.png') no-repeat; }
	.footerArea .followus li a.social4 { background:url('../img/socialicon/social-icon4.png') no-repeat; }

	.footerArea .followus li a.social1:hover { background:url('../img/socialicon/social-icon1-hover.png') no-repeat; }
	.footerArea .followus li a.social2:hover { background:url('../img/socialicon/social-icon2-hover.png') no-repeat; }
	.footerArea .followus li a.social3:hover { background:url('../img/socialicon/social-icon3-hover.png') no-repeat; }
	.footerArea .followus li a.social4:hover { background:url('../img/socialicon/social-icon4-hover.png') no-repeat; }
	
	/* copyright area */
	.copyrightArea { padding: 5px 0; width:100%; float: left; text-align: center; border-top:1px solid #fff; background:#ef672f; }
	.copyrightArea p { margin:0px; padding:0px; color: #fff; font-size: 16px; }
	.copyrightArea p a { color:#fff; text-decoration: none;}
	.copyrightArea p a:hover { color:#000; text-decoration: underline;}
	
	/* how it works */
	.howitworks { width: 100%; float: left; background:#e77d6b url('../images/how-it-works.png') center no-repeat; height:450px; }
	
	.back-to-top { position: fixed; bottom: 2.5em;  left: 0px; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.80); font-size: 12px; padding: 1em; display: none; border-radius:3px 0 0 3px; }
	.back-to-top:hover { background-color: rgba(135, 135, 135, 0.50);}

    .clearForm { clear:both; height:1px;}
    a.crmlink { color:#fff!important;}
        a.crmlink:hover { text-decoration:none;}