@charset "utf-8";
/* CSS Document */

body{font-family: 'Open Sans', sans-serif;}
.logo{display:table; background: url(../images/logo.bmp) no-repeat left center; width:200px; height:90px; }
.support{ background:#fff;}
.support a{margin:30px 20px; float:right; text-align:left; color:#656565; font-size:17px;}
.support .reach-us-font{color:#0156a7;}
.support .fa, .reach .fa {color:#7ADF4E; }
.no-padding{padding:0;}
.bread-crumb {	display:table;	clear:both;	font:normal 12px Arial, Helvetica, sans-serif;padding:15px 0;}
/* animation button style */
.ani-btn{padding:0; line-height:1.35; margin-right:5px; background-color: #ec1a2f; border-color: #ec1a2f;}
.ani-btn-reverse{padding:0; line-height:1.35; margin-right:5px; background-color: #fff; border-color: #757575; color:#ec1a2f}
.ani-btn-reverse .front{color:#222;}
.btn-slider-container { cursor: pointer; display: inline-block; height: 33px; position: relative;  width: 70px; z-index: 4;}
.btn-slider-container:hover .btn-slider .top { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.btn-slider-container:hover .btn-slider .front { transform: rotateX(-90deg) translateZ(24px); -webkit-transform: rotateX(-90deg) translateZ(24px); -moz-transform: rotateX(-90deg) translateZ(24px);}
.btn-slider { display: inline-block; height: 30px; transform: translateZ(-22px); -webkit-transform: translateZ(-22px); -moz-transform: translateZ(-22px); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; width: 100%; display:inline-block}
.btn-slider .btn-3d { backface-visibility: hidden; box-sizing: border-box; display: inline-block; height: 34px; position: absolute; transition: transform 0.3s ease 0s; -webkit-transition: transform 0.3s ease 0s; -o-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s; -ms-transition: transform 0.3s ease 0s; width: 100%;}
.btn-slider .top { border:none; transform: rotateX(90deg) translateZ(15px); -webkit-transform: rotateX(90deg) translateZ(15px); -moz-transform: rotateX(90deg) translateZ(15px);}
.btn-slider .front { border: none; transform: rotateX(0deg) translateZ(15px); -webkit-transform: rotateX(0deg) translateZ(15px); -moz-transform: rotateX(0deg) translateZ(15px);}
.btn-3d { backface-visibility: hidden; box-sizing: border-box; color: #ffffff; cursor: pointer; display: inline-block; height: 30px; border-radius: 3px; left: 0; line-height: 31px; position: absolute; top: 0; font-style: normal; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; width: 100%;}
.btn-3d.top { transform: rotateX(90deg) translateZ(15px); -webkit-transform: rotateX(90deg) translateZ(15px); -moz-transform: rotateX(90deg) translateZ(15px);}
.btn-3d.front { transform: rotateX(0deg) translateZ(15px); -webkit-transform: rotateX(0deg) translateZ(15px); -moz-transform: rotateX(0deg) translateZ(15px);}
.btn-3d.white { background-color: #ffffff; color: #1e2129;}
.pad-border-rgt, .pad-border-lft { margin-top: 20px;}

.text-area{ margin:20px auto; }
/*Addrss*/
.address{text-align:left;padding:0 30px 20px 30px; min-height:200px; background:#ffffff;}
.address:hover{ background:#ffffff;}
/*features*/
.features{text-align:center;padding:0 30px 20px 30px; min-height:510px; background:#fdfdfd;}
.features:nth-of-type(3){background:#fff;}
.features h3, .features span, .features p, .features a{padding:20px 0;}
.features p{line-height:26px; margin-bottom:0;}
.features a{padding:10px 0;}
.features a span{padding:0;}
.features:hover{ background:#f5f5f5;}
.features .icon{font-size:75px; -webkit-border-radius:110px; -moz-border-radius:110px; border-radius:110px; color:#fff; width:135px; height:135px; padding:35px 30px}
.features .orange{background:#fa9500; font-size:70px; padding:35px;}
.features .pink{background:#ec1b30;  padding:33px;}
.features .blue{background:#0156a7}

.features h3.orange-color{color:#fa9500;}
.features h3.pink-color{color:#ec1b30;}
.features h3.blue-color{color:#0156a7}


/* promo-banner */
.promo-banner{background: url(../images/uploadbanner-2.png) no-repeat right top #0156a7; margin:0; padding:37px 0; width:100%; height:263px;}
.promo-banner p{color:#fff; font-size:24px; font-weight:lighter }
.promo-banner p i, .promo-banner a {color:#8ec8ff; font-size:16px; }

.ads {background:#f5f5f5; padding-bottom:40px;}
.ads h3{padding:20px 0;  text-align:center; color:#0156a7 }

/*footer*/
footer{background:#f3f3f3 }
.footer-sep{background:#404040; padding:20px 0; font-size:13px; color:#b5b5b5;}
.footer-sep a:hover{color:#e5e5e5;}
.footer-menu .input-lg{font-size:14px;}

.footer-menu{ margin:30px 0 40px; }
.footer-menu h4{color:#ec1b30}
.footer-menu ul{margin:0; padding:0 ;  border-right:1px solid #ddd; height:100px;}
.footer-menu li{list-style:none; padding:6px 0;}
.footer-menu li a{color:#0156a7}
.footer-menu li strong{color:#ec1b30}

.gotop {	background: #66c43c ; z-index:1; color:#fff; padding:0 8px;	display:inline;	position:fixed;	bottom:10px; right:10px; cursor:pointer;}
.gotop:hover {	background:#66c43c ;}

.nav.navbar-nav.navbar-right.sign-in li a{display:inline-block}
.nav.navbar-nav.navbar-right.sign-in li:first-child:after{content:"/"}
.navbar {background:transparent; border:none; margin-bottom:0; min-height:auto}
.navbar-cont, .pricing-trial{background:background-color:#7ADF4E;background:-webkit-linear-gradient(#7ADF4E,#7ADF4E);background:linear-gradient(#78e845,#529a32);position:relative ; margin-bottom:0; border:none; box-shadow:-1px 4px 5px 0px rgba(0, 0, 0, 0.5);  position:absolute; z-index:1; width:100% }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#ffffff; background: url(../images/Active.png) no-repeat bottom -2px center ; border-bottom:2px solid #ffffff}
.navbar-default .navbar-nav > li > a {font-size:16px; padding:20px; color:#353535}
.carousel-indicators{bottom:10px}
.carousel-indicators .active{width:20px; height:20px;}
.carousel-indicators li{width:18px; height:18px; box-shadow: 0 0 3px #343434}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {width: 100%; }
.carousel-indicators .active  {background:#66c43c}


/* features page */
.features-menu .panel-body { padding:0px;}
.features-menu .panel-body table tr td{padding:0; background:#e0efd9;  border-color:#fff;}
.features-menu .panel-body table tr td a { padding: 8px; display:block; color:#333}
.features-menu .panel-body table tr td a:focus {background:#fff; color:#333}
.features-menu .panel-body .table {margin-bottom: 0px; }
.panel-default > .panel-heading {background-color: #66c43c; border-color: #fff; color: #fff;}
.panel-group .panel-heading a{font-weight:bold}

/* social-network*/
.social-network, .header-social-network{margin:0 }
.social-network li, .header-social-network li{padding:20px 0 0 0; float:left; list-style:none}
.social-network li a{ padding:10px;}

.header-social-network{display: inline-block; float: right;}
.header-social-network li{padding:0;}
.header-social-network li a{ padding:5px 10px 0 10px; margin:0; }
.header-social-network li a > i{ color:#0156a7 !important}
.header-social-network li a > i:hover{color:#7ADF4E!important}

/* common css*/
a:focus, a:hover{outline:none; text-decoration:none; cursor:pointer}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, b, strong {color:#0156a7;}
p{line-height:26px; margin:20px 0;}
li{line-height:26px;}
.btn-danger{background:#ec1b30; vertical-align: top;}
.btn-success{background:#31b71b;}
.btn-warning{background-color:#7ADF4E}

.error-info, .footer-menu .error-info{color:#fff; font-size:12px; text-align:right; text-transform:capitalize}
.footer-menu .error-info{color:#dc0016}
.error-danger{border:1px solid #ec1b30; background:#ffeeee}
.error-success{border:1px solid #31b71b; background:#cbffc3}

/* pricing page */
.pricing{text-align:center; width:100%; background:url(../images/doodle-sketch.png) repeat;}
.pricing-bg{background:#0156a7; padding:25px; margin:25px; display:inline-block; color:#fff !important;}
.pricing h1{text-transform:uppercase}
.font-bold{font-weight:bold;}
.pricing h1, .pricing h2,  .pricing h4, .pricing h5, .pricing p {color:#fff;}
.pricing a {margin:20px 0;}
.ext-price{font-size:90px; word-spacing: -18px; margin:35px 0; }
.ext-price i{font-size:75px; font-weight:lighter; color:#7ADF4E}
.pricing-table th{ background:#fceaa5; border-color:#fceaa5; }
.pricing-trial{border-radius:120px; width: 210px; height: 210px; padding:17px 30px; position:static; margin: 30px auto 0 auto;}
.pricing-trial h1{line-height:48px;  color: #000; font-size:32px; font-weight:bold; margin:40px 0;}


.inner-pages{margin-top:80px;}
.demo-text  {text-align:center}
.demo-text .fa{font-size:80px; color:#0156a7; display:table; padding:10px 0; text-shadow: rgb(224, 224, 224) 1px 1px 0px;; margin:0 auto}
.demo-features .row{padding:10px; margin:10px 0; background:#fff;  text-align:center;}
.demo-features .row:nth-child(even){padding:40px; margin:40px 0;background:#f5f5f5; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd}


/* Icon Forward */
.hvr-icon-forward { -webkit-transform: translateZ(0); transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em;  -webkit-transition-duration: 0.1s; transition-duration: 0.1s;}
.hvr-icon-forward:before {content: "\f101";  position: absolute;  right: 1.3em;  padding: 1px;  font-family: FontAwesome;  -webkit-transform: translateZ(0);  transform: translateZ(0);  -webkit-transition-duration: 0.1s; transition-duration: 0.1s;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {  -webkit-transform: translateX(4px);  transform: translateX(4px);}
.features .hvr-icon-forward:before {right:-0.75em; padding:0;} 

/* Sign-up */
.wizard .fa-asterisk {color:#ec1b30; font-size:9px;} 
.wizard label{font-weight:normal}
.wizard .form-group{margin-bottom:25px;}
.wizard { margin: 20px auto; background: #fff;}
.wizard .nav-tabs {position: relative;   margin: 0;   border-bottom-color: #e0e0e0; background:#f2f3f3}
.wizard > div.wizard-inner {   position: relative;}
.connecting-line { height: 2px; background: #e0e0e0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; top: 50%; z-index: 1;}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { color: #555555; cursor: default; border: 0; border-bottom-color: transparent;}
span.round-tab { width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 100px; background: #fff; border: 2px solid #e0e0e0; z-index: 2; position: absolute; left: 0; text-align: center; font-size: 25px;}
 span.round-tab i{ color:#555555;}
.wizard li.active span.round-tab { background: #fff; border: 2px solid #0156a7; }
.wizard li.active span.round-tab i{ color: #0156a7;}
span.round-tab:hover { color: #333; border: 2px solid #333;}
.wizard .nav-tabs > li { width: 25%;}
.wizard li:after { content: " "; position: absolute; left: 46%; opacity: 0; margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: #0156a7; transition: 0.1s ease-in-out;}
.wizard li.active:after { content: " "; position: absolute; left: 46%; opacity: 1; margin: 0 auto; bottom: 0px; border: 10px solid transparent; border-bottom-color: #0156a7;}
.wizard .nav-tabs > li a { width: 70px; height: 70px; margin: 20px auto; border-radius: 100%; padding: 0;}
.wizard .nav-tabs > li a:hover {   background: transparent;}
.wizard .tab-pane { position: relative; padding: 20px;}
.wizard h4 { margin:0 0 30px 0;}
.tab-content > .active {border:1px solid #e0e0e0; border-top: none; width:100%; display:inline-block}
.sign-up-features{margin:0; padding:0;}
.sign-up-features li{list-style:none; font-size:13px; padding:5px 0; line-height:24px;}
.sign-up-features li i{color:#ec1b30; padding-right:5px; }

.contact address, .contact p, .contact, .refer p {line-height:26px;}
.contact address img{margin-bottom:15px;}
.faq h3{margin-bottom:25px}
.min-height{min-height:600px;}


/*Login page*/
.login{margin:100px auto 80px auto}
.login .ext-space{margin:25px 0}
.modal-body p {margin:0}

/*carousel-caption*/
main .slider {margin-top:50px; min-height: 400px;}
.carousel-caption.leftn{text-align:left; left:5%; bottom:90px}
.carousel-caption.righten{text-align:right; right:5%; bottom:90px}
.carousel-caption h2{font-size:65px; color:#fff; text-transform:uppercase;  line-height:45px;}
.carousel-caption h3{font-size:40px; color:#fff; line-height:40px;}
.carousel-caption h3.spl{text-transform:uppercase; font-weight:bold; }
.carousel-caption h4{font-size:25px; color:#fff; font-weight:600}
.carousel-caption h5{font-size:18px; color:#fff;  line-height:30px; font-weight:400}
.carousel-caption h3 i{color:#7ADF4E;}

/* FAQ */
.panel-heading [data-toggle="collapse"]:after {content: "-"; float: right; font-size:24px; font-weight:bold}
.panel-heading [data-toggle="collapse"].collapsed:after { content: "+ "; }
.panel-primary {border-color: #4483a4 ;}
.panel-primary .panel-body{ line-height:28px;}
.panel-heading h4 {line-height: 30px;}


@media( max-width : 585px ) {
	.wizard {   width: 90%;   height: auto !important;}
	span.round-tab {   font-size: 16px;   width: 50px;   height: 50px;   line-height: 50px;}
	.wizard .nav-tabs > li a {   width: 50px;   height: 50px;   line-height: 50px;}
	.wizard li.active:after {   content: " ";   position: absolute;   left: 35%;}
}


@media screen and (max-width: 1200px){
	.slider{height:auto;}
	.navbar-default .navbar-nav > li > a {padding:15px 20px;/* font-size:12px;*/}
	main .slider {min-height:inherit}
}

@media screen and (max-width: 980px){
	.testimonial{ 	background-image: url(../img/double-quotes.html); background-size: 60px 60px; background-repeat: no-repeat; }
	.refer img{width:50%;}
}
	
@media screen and (max-width: 768px){
	.logo{    text-align: center;}
	.reach-us{padding:15px 0; text-align:center}
	.reach-us p {float:none; text-align:left; display:inline-block}
	.carousel-caption{ padding-bottom:35px;}
	.carousel-indicators{bottom:0px}
	.carousel-indicators .active{width:15px; height:15px;}
	.carousel-indicators li{width:13px; height:13px;}
	.white-box h3{text-align:center}
}

@media screen and (max-width: 767px){
	.request-mail{text-align:left !important;}
	.carousel-caption h2, .carousel-caption{ font-size:16px;}
	.carousel-caption{display:none}
	.testimonial{ 	background-image: url(../img/double-quotes.html); background-size: 50px 50px; background-repeat: no-repeat; }
	.testimonial p{ padding:3% 8%;}
	.features-menu{display:none}
	
	.logo {margin:0 auto; background-position:bottom center}
	.support{text-align:center; margin:10px 5px;}
	.support a{ float:none}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:#0156a7;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff }
	.text-area h1{font-size:24px;}
	.footer-menu {margin: 10px 0;}
	.footer-menu ul {height:auto; border:none}
	.footer-menu li {padding:2px 0;}
	.promo-banner {background-image: none; display:table}
	.promo-banner p {margin:0;}
	.refer img{width: auto;}
}
@media screen and (max-width: 479px){
	.reach-us img { display:none}
	.social-content, .footer-sep div{padding:0;}
	.social-content li {padding:0 8px;}
	.social-content li a {font-size:18px;}
	.services-space-home li {float:none; width:100%}
	.carousel-caption h3{font-size:16px;}
	.request-quote h2 {font-size:24px;}
	.request-quote .form-group {margin-bottom:20px;}
	.contact-address h4 {line-height:40px; font-size:16px;}
	.welcome-content {margin:25px 0;}
	.testimonial{background: #083c75 ;}
	.testimonial p{padding: 10% }
	.demo-features .row{padding:10px;}
	.product-features .row{padding:5px;}
	.promo-banner p {font-size:18px;}
}
@media screen and (max-width: 360px){
	.reach-us{ display:none}
	.support a{font-size:13px;  margin:10px 5px;}
	.pricing-bg {padding:10px;}
}

.nav.navbar-nav.navbar-right.sign-in a{padding:20px 10px;}