/* ==============================================================

Template name : Babatox - One page landing page template v1.0.0
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 02 April 2015
Last update : 10 April 2015

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Header
02. Containt
03. Home
04. Services
05. Features
06. Gallery
07. Pricing
08. Team
09. Contact
10. Inner page
11. Footer
12. Parallax
13. Media responsive
14. Heading
15. Clear spacer
16. Custom min top spacer
17. Custom top spacer
18. Custom bottom spacer
19. Custom left spacer
20. Custom right spacer
21. Custom responsive
	
============================================================== */

/*
Header
=========================== */
header .container{
	position:relative;
	padding-left:40px;
	padding-right:40px;
}

.register-wrapp{
	position:relative;
	float:right;
	margin-top:10px;
	margin-right:-30px;
}

.register-wrapp .btn-pull-left{
	padding-right:30px;
}

.register-wrapp .btn-pull-right{
	padding-left:30px;
}

.register-wrapp i{
	position:absolute;
	background:#222438;
	width:44px;
	height:44px;
	text-align:center;
	font-size:20px;
	line-height:37px;
	border:2px solid #fff;
	border-radius:50%;
	left:50%;
	top:-6px;
	margin-left:-22px;
}

/*
Containt
=========================== */
.primary-bg,
.secondary-bg,
.dark-bg,
.tertiary-bg{
	position:relative;
	color:#fff;
	padding-bottom:140px;
}

.secondary-bg{
	background-color:#662e2d;
	padding-bottom:80px;
}

.tertiary-bg{
	background-color:#ffffff;
	color: #444444;
}

.dark-bg{
	background-color:#707a57;
}

.default-bg{
	padding-bottom:80px;
}

.could-top,
.could-bottom{
	position:absolute;
	display:block;
	width:100%;
	height:125px;
	margin-top:-125px;
	z-index:10;
}
.could-bottom-service{
	position:absolute;
	display:block;
	width:100%;
	height:125px;
	margin-top:-125px;
	z-index:10;
}
.could-bottom{
	position:absolute;
	margin-top:0;
	margin-bottom:0;
	left:0;
	bottom:0;
}

.primary-bg .could-top{
	background:url(../img/could-home.png) no-repeat top center;
}
#our-team{
margin-bottom: 30px;
}
.primary-bg .could-bottom,
#inner-head .could-bottom{
	background:url(../img/could-light.png) no-repeat top center;
}

.secondary-bg .could-top{
	background:url(../img/could-secondary.png) no-repeat top center;
}

.secondary-bg .could-bottom{
	background:url(../img/could-secondary-bottom.png) no-repeat top center;
}

.tertiary-bg .could-top{
	background:url(../img/could-expert.png) no-repeat top center;
}

.tertiary-bg .could-bottom{
	background:#bfe1e3 url(../img/could-gallery-top.png) no-repeat top center;
}

/*
Home
=========================== */
#home{
	color:#fff;
}

.static-headline{
	padding: 100px 0 180px;
	font-family: 'roboto';
	font-weight:300;
	font-size:24px;
	line-height:30px;
	text-transform:uppercase;
}

.static-headline h3{
	font-size:56px;
	line-height:64px;
	margin-bottom:30px;
}

.linner-divider{
	background:url(../img/line.png) no-repeat center center;
	float:left;
	width:100%;
	height:5px;
	margin:20px 0 40px 0;
}

.scrolltop ul{
	margin:0;
	padding:0;
}

.scrolltop ul li{
	list-style:none;
	margin:0;
	padding:0;
}

.secondary-home{
	overflow:hidden;
	padding:100px 0 0 0;
	font-family: 'roboto';
	font-weight:300;
	font-size:26px;
	line-height:36px;
	text-transform:uppercase;
}

.secondary-home h3{
	font-size:56px;
	line-height:64px;
	margin-bottom:30px;
}

.secondary-home .img-responsive{
	display:inline-block;
}

.fixed-slide{
	position:relative;
}

.fixed-slider{
	position:absolute;
	width:218px;
	top:143px;
	left:162px;
	z-index:99;
}

.containt-text{
	font-family:'roboto';
	font-size:14px;
	line-height:28px;
	font-weight:400;
	text-transform:none;
	margin-bottom:220px;
}

.containt-text ul{
	margin:0 0 30px 0;
	padding:0;
}

.containt-text ul li{
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
	font-size:16px;
	line-height:24px;
}

.containt-text ul li i{
	font-size:20px;
	line-height:26px;
	color:#4eb625;
	margin-right:5px;
}

.slider-wrapp{
	display:block;
	position:relative;
	margin:0;
	padding:0 25px 0 25px;
}

.fleximac{
	border:20px solid #e9eaec;
	border-radius:8px;
	margin-bottom:10px;
	box-shadow:1px 1px rgba(0, 0, 0, 0.25);
}

.imac-bottom{
	background:#e9eaec;
	display:block;
	width:100%;
	height:30px;
	border-radius:0  0 20px 20px;
	box-shadow:1px 1px rgba(0, 0, 0, 0.25);
}

.form-wrapp{
	position:relative;
	padding-left:50px;
	font-family:'roboto';
	font-size:14px;
	line-height:28px;
	color:#444444;
	margin-bottom:220px;
}

#home .form-wrapp h4{
	color:#333333;
	font-size:36px;
	line-height:44px;
	border-bottom:3px solid #333;
	padding-bottom:30px;
	margin-bottom:30px;
}

#home .form-wrapp h4 span{
	font-weight:300;
}

.form-image{
	position:absolute;
	width:184px;
	height:383px;
	top:30px;
	right:0;
	z-index:2;
}

.form-wrapp .form-horizontal{
	background:rgba(255, 255, 255, 1);
	padding:30px;
	border-radius:10px;
}

.form-wrapp .form-horizontal  .form-control::-moz-placeholder {
  color: #444;
}

.form-wrapp .form-horizontal  .form-control:-ms-input-placeholder {
  color: #444;
}

.form-wrapp .form-horizontal  .form-control::-webkit-input-placeholder {
  color: #444;
}

.form-wrapp .form-horizontal .form-control{
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 3px solid #acacac;
  border-radius:5px;
  font-weight:400;
}

/*
Services
=========================== */
#dop .could-bottom-service{
	background:url(../img/could-gallery.png) no-repeat top center;
}

.services-wrapper{
	float:left;
	position:relative;
	width:100%;
	margin:0;
	padding:50px 0 50px 0;
}

.top-sparator{
	background:url(../img/green-top.png) no-repeat 0 0;
	position:absolute;
	width:15px;
	height:1900px;
	left:50%;
	top:0;
	margin-left:-7.5px;
}

.bottom-sparator{
	background:url(../img/red-bottom.png) no-repeat 0 0;
	position:absolute;
	width:15px;
	height:45px;
	left:50%;
	bottom:0;
	margin-left:-7.5px;
}

.services-contain{
	width:50%;	
}

.services-contain.on-left{
	float:left;
}

.services-contain.on-right{
	float:right;
}

.icon-services{
	position:relative;
	display:inline-block;
	text-align:center;
	padding:10px;
	border:10px solid;
	border-radius:50%;
}

.services-contain.on-left .icon-services{
	float:right;
	margin-right:-70px;
}

.services-contain.on-right .icon-services{
	float:left;
	margin-left:-70px;
}

.icon-services i{
	background:#fff;
	width:100px;
	height:100px;
	color:#2d2d32;
	border-radius:50%;
	font-size:42px;
	line-height:78px;
	border:10px solid;
}

.icon-services .linner{
	position:absolute;
	width:27px;
	height:3px;
	top:50%;
	margin-top:-1.5px;
}

.services-contain.on-left .linner{
	left:-47px;
}

.services-contain.on-right .linner{
	right:-47px;
}

.services-desc{
	text-align: center;
    width: 100%;
	line-height: 20px;
}

.services-contain.on-right .services-desc{
	float:right;
	text-align:left;
	padding-left:38px;
}

.services-contain.on-left .services-desc{
	float:left;
	text-align:right;
	padding-right:38px;
}

.v-linner{
	clear:both;
	width:3px;
	height:30px;
	margin:5px auto;
}

.v-linner.line-yellow{
	background:#f7a70d;
}

.v-linner.line-red{
	background:#be2929;
}

.v-linner.line-green{
	background: #b3df6e;
}

.h-linner-f{
	position: absolute;
	width: 60px;
	height: 3px;
	top: 8%;
	margin-top: -1.5px;
}

.h-linner-s{
	position: absolute;
	width: 60px;
	height: 3px;
	top: 46%;
	margin-top: -1.5px;
}

.h-linner-b{
	position: absolute;
	width: 60px;
	height: 3px;
	top: 83%;
	margin-top: -1.5px;
}

.h-linner-p{
	position: absolute;
	width: 60px;
	height: 3px;
	top: 27%;
	margin-top: -1.5px;
}

.h-linner-f.line-green{
    background:#b3df6e; 
}

.h-linner-s.line-green{
    background:#b3df6e; 
}

.h-linner-b.line-green{
    background:#b3df6e; 
}

.h-linner-p.line-green{
    background:#b3df6e; 
}

.icon-services.icon-green{
	background-color:#61d134;
	border-color:#b1ef99;
}

.icon-services.icon-green i{
	border-color:#4eb625;
}

.icon-services.icon-green .linner{
	background-color:#4eb625;
}

.icon-services.icon-yellow{
	background-color:#fcc74b;
	border-color:#fee2a1;
}

.icon-services.icon-yellow i{
	border-color:#f4b828;
}

.icon-services.icon-yellow .linner{
	background-color:#f7a70d;
}

.icon-services.icon-red{
	background-color:#d13434;
	border-color:#ef9999;
}

.icon-services.icon-red i{
	border-color:#be2929;
}

.icon-services.icon-red .linner{
	background-color:#be2929;
}

/*
Features
=========================== */
.features-box{
	margin-bottom:40px;
}

.feature-icon{
	float:left;
	background:#fff;
	width:100px;
	height:100px;
	color:#2d2d32;
	border-radius:50%;
	font-size:42px;
	line-height:78px;
	border:10px solid #25aed0;
	text-align:center;
	margin:5px 20px 30px 0;
}

/*
Gallery
=========================== */
#gallery{
	width:100%;
	float:left;
}

.filter{
	display:block;
	text-align:center;
	margin:0;
	padding:0;
}

.filter li{
	display:inline-block;
	list-style:none;
	margin:0;
	padding:0;
}

.filter li a{
	font-family: 'roboto';
	color:#f8f8fa;
	text-transform:uppercase;
	font-weight:400;
	font-size:18px;
	border:3px solid #f8f8fa;
	padding:5px 30px 5px 30px;
	margin:0 5px 5px 5px;
	border-radius:40px;
}

.filter li.active a,
.filter li a:focus,
.filter li a:active,
.filter li a:hover{
	text-decoration:none;
	background-color: #f33434;
	border-color: #f33434;
}

.gallery-wrapper{
	width:80%;
	margin:0 auto;
	padding:0;
	min-height:250px;
}

.gallery-item{
	margin-bottom:30px;
	width:322px;
}

.img-wrapper{
	position:relative;
	overflow:hidden;
	border-radius:10px;
	box-shadow:8px 8px 0 rgba(0, 0, 0, 0.33);
}

.img-caption{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(34, 36, 56, 0.55);
	text-align:center;
}

.img-caption span{	
	position:absolute;
	display:inline-block;
	background:rgba(255, 255, 255, 0.6);
	width:2px;
	height:100px;
	left:50%;
	top:50%;
	margin:-50px 0 0 -1px;
}

.img-zoom,
.img-link{
	position:absolute;
	color:rgba(255, 255, 255, 0.6);
	font-size:56px;
	top:50%;
	left:-100%;
	margin:-26px 0 0 -72px;
}

.img-link{
	left:100%;
	margin:-24px 0 0 20px;
}

.img-zoom:hover,
.img-link:hover{
	color:rgba(255, 255, 255, 1);
}

/*
Pricing
=========================== */
.pricing-wrapper{
	display:block;
	border:0px solid #cad0d1;
	border-radius:10px;
	overflow:hidden;
	margin:0 0 40px 0;
	padding:0 0 120px 0;
	
}
.white{
background: #fff ;
padding:0 0 30px 0;
}
.pricing-wrapper .pricing-head{
	position:relative;
	text-align:center;
	font-family: 'roboto';
	font-weight:300;
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
	padding:30px 0px 10px 0px;
	margin-bottom:30px;
}

.pricing-wrapper .pricing-head h3{
	font-size:30px;
	margin:0 0 10px 0;
	color:#fff;
}

.pricing-price{
	position:absolute;
	width:100px;
	height:100px;
	background:#fff;
	border:10px solid;
	border-radius:50%;
	color:#333333;
	font-size:36px;
	line-height:40px;
	padding-top:20px;
	left:50%;
	bottom:-50px;
	margin-left:-50px;
}

.pricing-price sup{
	font-size:24px;
	line-height:24px;
}

.pricing-wrapper ul{
	margin:0 0 20px 0;
	padding:0;
}

.pricing-wrapper ul li{
	list-style:none;
	margin:0;
	padding:10px 0 10px 0;
	text-transform:uppercase;
	font-size:18px;
	line-height:24px;
}

.pricing-wrapper.pricing-green .pricing-head{
	background:#9bc559;
}

.pricing-wrapper.pricing-green .pricing-head .pricing-price{
	border-color:#317f12;
}

.pricing-wrapper.pricing-yellow .pricing-head{
	background:#f69e25;
}

.pricing-wrapper.pricing-yellow .pricing-head .pricing-price{
	border-color:#c77b12;
}

/*
Team
=========================== */
.team-wrapper{
	float:left;
	width:100%;
	margin:40px 0 0 0;
	padding:0;
}

.team-contain,
.team-avatar{
	float:left;
	width:50%;
}

.team-contain span{
	font-family: 'roboto';
	font-size:26px;
	font-weight:300;
	text-transform:uppercase;
	color:#6b8fd1;
}

.follow-team{
	display:block;
	width:100%;
	text-align:right;
}

.follow-link{
	display:inline-block;
	width:45px;
	height:45px;
	border:2px solid #6b8fd1;
	border-radius:50%;
	font-size:24px;
	line-height:42px;
	color:#6b8fd1;
	text-align:center;
	margin-left:5px;
}

/*
Contact
=========================== */
ul.listForm{
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

ul.listForm li {
	float:left;
	width:100%;
	padding:0;
	margin:0 0 20px 0;	
	list-style:none;	
}

#sendmessage{
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}

.validation{
	font-style:italic;
	color:#fff;
}

/*
Inner page
=========================== */
#inner-head{
	position:relative;
	color:#fff;
	padding-top:60px;
}

.inner-container{
	position:relative;
	background:#fff;
	border:1px solid #dedede;
	padding:0 0 60px 0;
	margin-top:-75px;
}

.inner-could{
	background:url(../img/inner-could.png) no-repeat top center;
	position:absolute;
	display:block;
	width:100%;
	height:125px;
	z-index:10;
	left:0;
	bottom:-125px;
}

.inner-icon{
	background:url(../img/icon-line.png) repeat-y top center;
	position:relative;
	display:inline-block;
	text-align:center;
	padding-top:120px;
	z-index:2;
}

.inner-icon-border{
	background:#ef9999;
	border-radius:50%;
	padding:10px;
	border:10px solid #f2f5f5;
}

.inner-icon-body{
	background:#be2929;
	border-radius:50%;
	padding:10px;
	border:10px solid #d13434;
}

.inner-icon i{
	background:#fff;
	width:80px;
	height:80px;
	border-radius:50%;
	font-size:42px;
	line-height:78px;
}

.portfolio-detail{
	padding:80px 30px 0 30px;
}

.item-detail{
	color:#fff;
	padding:40px 30px 40px 30px;
	border-radius:5px;
}

.item-detail h4{
	color:#fff;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
}

.item-detail ul{
	margin:0 0 0 10px;
	padding:0;
}

.article-head{
	float:left;
	width:100%;
	border-bottom:1px solid #cdd6d9;
	margin-bottom:30px;
}

.article-head h3{
	margin-bottom:10px;
}

.date-post{
	float:left;
	background:#ebecee;
	width:70px;
	height:auto;
	margin:0 20px 40px 0;
	text-align:center;
}

.date{
	display:block;
	font-size:36px;
	line-height:36px;
	font-weight:700;
	padding:10px 0 10px 0;
}

.mo-year{
	display:block;
	color:#fff;
	font-size:12px;
	line-height:12px;
	padding:4px 0 4px 0;
}

.meta-post{
	margin:0;
	padding:0;
}

.meta-post li{
	list-style:none;
	display:inline;
	margin:0 5px 0 0;
	padding:0;
}

.meta-post li i{
	margin-right:5px;
}

.comment-wrapper{
	float:left;
	width:100%;
	border-top:1px solid #cdd6d9;
	border-bottom:1px solid #cdd6d9;
	padding:30px 0 40px 0;
	margin:10px 0 40px 0;
}

.comment-wrapper h4{
	margin-bottom:20px;
}

.comments .media {
	background:#fff;
	position:relative;
	margin:0 0 30px 0;
	padding:30px 30px 10px 30px;
	border:1px solid #cdd6d9;
	border-radius:2px;
}
.comments .media .media{
	margin:0 0 20px 0;
}

.comments .media label{
	color:#2c323a;
}

.media-body{
	margin:0;
	padding:0;
}

.media-heading{
	font-size:18px;
	width:100%;
	margin:0 0 10px 0;
}
.media-heading h6{
	color:#2c323a;
	margin:0;
}

.media-heading h6 a{
	color:#2c323a;
}

.media-avatar{
	float:left;
	text-align:center;
	width:50px;
	margin:0 20px 20px 0;
	padding:0;
}

/*
Footer
=========================== */
footer{
	float:left;
	width:100%;
	background:#222438;
	color:#fff;
	padding-top:65px;
}

.social-media{
	display:block;
	width:100%;
	text-align:center;
}

.socila-icon,
.socila-icon:focus,
.socila-icon:active{
	display:inline-block;
	margin:0 10px 20px 10px;
	padding:10px;
	color:#2d2d32;
	background:#1c1f2f;
	border:10px solid #272b3e;
	border-radius:50%;
}

.socila-icon i{
	background:#fff;
	border:10px solid #161927;
	border-radius:50%;
	width:100px;
	height:100px;
	font-size:42px;
	line-height:78px;
}

.socila-icon:hover{
	color:#fff;
	text-decoration:none;
}

.copyright{
	float:left;
	width:100%;
	background:#141623;
	color:#4f516d;
	text-align:center;
	padding:35px 0 10px 0;
	margin-top:60px;
}

/*
Parallax
=========================== */
.parallax{
	position:relative;
	margin: 0 auto;
	overflow: auto;
	overflow-y: hidden;
	width: 100%;
	z-index:3;
}

.parallax-bg1{
	background:#bfe1e3;
}

.parallax-bg2,
.parallax-bg3{
	background:#9bc559;
}

.parallax-bg3{
background:#bfe1e3;
}

.parallax-bg4{
background:#222438;
}

/*
Media responsive
=========================== */
.video-container,.map-container,.embed-container{
	position:relative;
	margin:0 0 15px 0;
	padding-bottom:58%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:none;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,  
.video-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

iframe {
	border:none;
}

/*
Heading
=========================== */
.heading{
	background:url(../img/heading-dark.png) no-repeat bottom center;
	font-family: 'roboto';
	font-weight:300;
	font-size:30px;
	line-height:40px;
	text-transform:uppercase;
	padding-bottom:30px;
	margin-bottom:40px;
	text-align:center;
	margin-top:50px;
}

.heading h3{
	font-size:48px;
	line-height:50px;
	margin-bottom:10px;
}

.primary-bg .heading,
.secondary-bg .heading,
.tertiary-bg .heading,
.dark-bg .heading,
#inner-head .heading{
	background:url(../img/heading-white.png) no-repeat bottom center;
}

.icon-wrapper{
	position:relative;
	height:265px;
	display:inline-block;
	margin-bottom:32px;
	padding-top:80px;
	color:#2d2d32;
	margin-top:0;
}


.icon-wrapper .icon-border{
	border-radius:50%;
	padding:10px;
	border:5px solid;
}

.icon-wrapper .icon-body{
	border-radius:50%;
	padding:10px;
}

.icon-wrapper i{
	background:#fff;
	width:80px;
	height:80px;
	border-radius:50%;
	font-size:42px;
	line-height:78px;
}

.primary-bg .icon-wrapper{
	background:url(../img/icon-wrapp-primary.png) no-repeat top center;
}

.primary-bg .icon-wrapper .icon-border{
	background:#687851;
}

.primary-bg .icon-wrapper .icon-body{
	background:#42542a;
	border:10px solid #506039;
}

.default-bg .icon-wrapper{
	background:url(../img/icon-wrapp-default.png) no-repeat top center;
}

.default-bg .icon-wrapper .icon-border{
	background:#b3df6e;
	border-color: #9bc559;
}

.default-bg .icon-wrapper .icon-body{
	background:#72a71f;
	border:10px solid #85b539;
}

.secondary-bg .icon-wrapper{
	background:url(../img/icon-wrapp-secondary.png) no-repeat top center;
}

.secondary-bg .icon-wrapper .icon-border{
	background:#934747;
	border-color: #662e2d;
}

.secondary-bg .icon-wrapper .icon-body{
	background:#4f2527;
	border:10px solid #652d2c;
}

.dark-bg .icon-wrapper{
	background:url(../img/icon-wrapp-dark.png) no-repeat top center;
}

.dark-bg .icon-wrapper .icon-border{
	background:#4a4c66;
	border-color: #222438;
}

.dark-bg .icon-wrapper .icon-body{
	background:#282b49;
	border:10px solid #383b54;
}

.tertiary-bg .icon-wrapper{
	background:url(../img/icon-wrapp-tertiary.png) no-repeat top center;
}

.tertiary-bg .icon-wrapper .icon-border{
	background:#dcdcdc;
	border-color: #ffffff;
}

.tertiary-bg .icon-wrapper .icon-body{
	background:#898a8a;
	border:10px solid #bbbbbb;
}
.price-bg{
margin:0 0 120px 0;
}
.price-bg .icon-wrapper{
	background:url(../img/icon-wrapp-price.png) no-repeat top center;
}

.price-bg .icon-wrapper .icon-border{
	background:#a9d8db;
	border-color: #bfe1e3;
}

.price-bg .icon-wrapper .icon-body{
	background:#4d8488;
	border:10px solid #8dc2c5;
}

/*
Clear spacer
=========================== */
div.loading-invisible{
    display:none;
}

div.loading-visible{
	background:#222438;
    position:fixed;
	z-index:9999999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    padding-top:20%;
	font-size:24px;
	line-height:36px;
	color:#fff;
	font-weight:300;
}

div.loading-visible i{
	display:inline-block;
	margin-bottom:20px;
}

div.loading-visible .loader{
	margin-bottom:20px;
}

/*
Clear spacer
=========================== */
.margin-clear{
	margin:0;
}

.padding-clear{
	padding:0;
}

.margintop-clear{
	margin-top:0;
}

.paddingtop-clear{
	padding-top:0;
}

.marginbot-clear{
	margin-bottom:0;
}

.paddingbot-clear{
	padding-bottom:0;
}

.marginleft-clear{
	margin-left:0;
}

.paddingleft-clear{
	padding-left:0;
}

.marginright-clear{
	margin-right:0;
}

.paddingright-clear{
	padding-right:0;
}


/*
Custom min top spacer
=========================== */
.margintop-min5{
	margin-top:-5px;
}

.margintop-min10{
	margin-top:-10px;
}

.margintop-min15{
	margin-top:-15px;
}

.margintop-min20{
	margin-top:-20px;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px;
}

.margintop10{
	margin-top:10px;
}

.margintop15{
	margin-top:15px;
}

.margintop20{
	margin-top:20px;
}

.margintop25{
	margin-top:25px;
}

.margintop30{
	margin-top:30px;
}

.margintop35{
	margin-top:35px;
}

.margintop40{
	margin-top:40px;
}

.margintop45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.margintop55{
	margin-top:55px;
}

.margintop60{
	margin-top:60px;
}

.margintop80{
	margin-top:80px;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px;
}

.marginbot10{
	margin-bottom:10px;
}

.marginbot15{
	margin-bottom:15px;
}

.marginbot20{
	margin-bottom:20px;
}

.marginbot25{
	margin-bottom:25px;
}

.marginbot30{
	margin-bottom:30px;
}

.marginbot35{
	margin-bottom:35px;
}

.marginbot40{
	margin-bottom:40px;
}

.marginbot45{
	margin-bottom:45px;
}

.marginbot50{
	margin-bottom:50px;
}

.marginbot55{
	margin-bottom:55px;
}

.marginbot60{
	margin-bottom:60px;
}

.marginbot80{
	margin-bottom:80px;
}

/*
Custom left spacer
=========================== */
.marginleft5{
	margin-left:1px;
}

.marginleft10{
	margin-left:10px;
}

.marginleft15{
	margin-left:15px;
}

.marginleft20{
	margin-left:20px;
}

/*
Custom right spacer
=========================== */
.marginright5{
	margin-right:1px;
}

.marginright10{
	margin-right:10px;
}

.marginright15{
	margin-right:15px;
}

.marginright20{
	margin-right:20px;
}


/*
Custom responsive
=========================== */
@media (min-width: 1200px){
	header .container{
		padding-left:0;
		padding-right:0;
	}
	.navbar-inverse .navbar-nav > li > a,
	.navbar-inverse .navbar-nav > li > a:focus,
	.navbar-inverse .navbar-nav > li > a:active{
		font-size:14px;
		line-height:18px;
		padding:6px 16px 6px 16px;
	}
	.static-headline{
		font-size:30px;
		line-height:5px;;
	}
	.static-headline h3{
		font-size:40px;
		line-height:50px;
	}
	.services-contain.on-right .services-desc{
		padding-left:25px;
	}

	.services-contain.on-left .services-desc{
		padding-right:25px;
	}
	.gallery-item{
		width:300px;
	}
	.fixed-slider{
		width:244px;
		top:153px;
		left:203px;
	}
}

@media (min-width: 768px) and (max-width: 990px) {
	header .container{
		padding-left:0;
		padding-right:0;
	}
	.navbar-brand{
		padding-right:15px;
	}
	.navbar-nav{
		margin-left:15px;
	}
	.navbar-inverse .navbar-nav > li > a,
	.navbar-inverse .navbar-nav > li > a:focus,
	.navbar-inverse .navbar-nav > li > a:active{
		font-size:14px;
		line-height:18px;
		color:#eff3f4;
		padding:6px 5px 6px 5px;
		margin:0;
		outline:none;
		border:none;
	}
	.navbar-inverse .navbar-nav > li.active > a,
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav li a.selected{
		border:none;
	}
	.register-wrapp{
		margin-top:8px;
	}
	.register-wrapp .btn-pull-left,
	.register-wrapp .btn-pull-right{
		padding:6px 10px 6px 10px;
		font-size:12px;
	}
	.register-wrapp .btn-pull-left:hover,
	.register-wrapp .btn-pull-right:hover{
		background:none;
		color:#f33434;
	}
	.register-wrapp i{
		display:none;
	}
	.services-contain{
		width:100%;	
		position:relative;
		padding-top:160px;
	}
	.services-contain.on-left,
	.services-contain.on-right{
		float:left;
		width:100%;
	}
	.services-desc,
	.services-contain.on-left .services-desc,
	.services-contain.on-right .services-desc{
		float:left;
		width: 100%;
		text-align:center;
		padding:0;
	}
	.icon-services,
	.services-contain.on-left .icon-services,
	.services-contain.on-right .icon-services{
		position:absolute;
		float:none;
		left:50%;
		top:0;
		margin:0;
		margin-left:-70px;
	}
	.icon-services .linner,
	.services-contain.on-left .linner,
	.services-contain.on-right .linner,
    .h-linner
	{
		display:none;
	}
	.gallery-item{
		float:left;
		width:360px;
	}
	.features-box{
		float:left;
		width:100%;
		margin-bottom:20px;
	}
	.fixed-slider{
		width:244px;
		top:93px;
		left:285px;
	}
	.containt-text{
		margin-bottom:40px;
		padding-left:30px;
		padding-right:30px;
	}
	.imac-bottom{
		margin-bottom:220px;
	}
	.form-wrapp{
		padding-left:0;
	}
}

@media (max-width: 767px) {	
	.register-wrapp{
		float:left;
	}
	.navbar-nav{
		margin:0;
	}
	.navbar-inverse .navbar-collapse{
		float::left;
		width:100%;
		overflow-x:hidden;
		margin:15px 0 0 0;
		padding:10px 0 0 0;
	}
	.navbar-inverse .navbar-nav > li > a,
	.navbar-inverse .navbar-nav > li > a:focus,
	.navbar-inverse .navbar-nav > li > a:active{
		font-size:14px;
		line-height:18px;
		padding:6px 16px 6px 16px;
		margin-bottom:2px;
		border:2px solid rgba(255, 255, 255, 0.3);
	}
	.navbar-inverse .navbar-nav > li.active > a,
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav li a.selected{
		background:#fff;
	}
	.static-headline{
		font-size:18px;
		line-height:24px;
		padding:80px 0 180px 0;
	}
	.static-headline h3{
		font-size:40px;
		line-height:36px;
		margin-bottom:20px;
	}
	.services-contain{
		width:100%;	
		position:relative;
		padding-top:160px;
	}
	.services-contain.on-left,
	.services-contain.on-right{
		float:left;
		width:100%;
	}
	.services-desc,
	.services-contain.on-left .services-desc,
	.services-contain.on-right .services-desc{
		float:left;
		width: 100%;
		text-align:center;
		padding:0;
	}
	.icon-services,
	.services-contain.on-left .icon-services,
	.services-contain.on-right .icon-services{
		position:absolute;
		float:none;
		left:50%;
		top:0;
		margin:0;
		margin-left:-70px;
	}
	.icon-services .linner,
	.services-contain.on-left .linner,
	.services-contain.on-right .linner,
    .h-linner 
	{
		display:none;
	}
	.gallery-wrapper{
		text-align:center;
	}
	.gallery-item{
		float:none;
		display:inline-block;
		width:300px;
	}
	.filter li{
		margin-bottom:20px;
	}
	.features-box{
		float:left;
		width:100%;
		margin-bottom:20px;
	}
	.secondary-home .img-responsive{
		width:100%;
	}
	.fixed-slider{
		width:45.7%;
		top:17.3%;
		left:33.2%;
	}
	.containt-text{
		margin-bottom:40px;
		padding-left:30px;
		padding-right:30px;
	}
	.imac-bottom{
		margin-bottom:220px;
	}
	.form-wrapp{
		padding-left:0;
	}
}

@media only screen and (max-width: 550px) {
	.static-headline{
		font-size:14px;
		line-height:18px;;
	}
	.static-headline h3{
		font-size:30px;
		line-height:30px;
	}
	.team-contain,
	.team-avatar{
		width:100%;
		margin-bottom:30px;
	}
}