#wrapper{
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.content{
	width: 100%;
	padding-top:130px;
}

.main-image{
	position:relative;
	overflow:hidden;
}

.main-caption{
	position:absolute;
	right:40px;
	bottom:40px;
	color:#fff;
	width:60%;
	font-size:34px;
	line-height:48px;
	text-align:right;
}

.main-full-width{
	margin:80px -5px 0 -5px;
}


/*
Header
=========================== */
.navbar{
	position:relative;
	background:#333;
	position:fixed;
	width:100%;
	z-index:9999;
	border-bottom:1px solid #ececec;
	-webkit-transition: background .8s ease-in-out,padding .8s ease-in-out;
	-moz-transition: background .8s ease-in-out,padding .8s ease-in-out;
	transition: background .8s ease-in-out,padding .8s ease-in-out;
	padding:20px 0 20px 0;
}

.top-nav-collapse{
	padding:10px 0 10px 0;
}

.logo{
	display:inline-block;
	padding:0 0 5px 0;
}


/*
Search
=========================== */
.search-wrapper{
	display:block;
	position:relative;
	width:205px;
	background:#fff;
	margin:10px 0 30px 0;
}

fieldset.search-form{
	position:relative;
}

fieldset.search-form  input.search{
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  font-weight:400;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .035);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .035);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

fieldset.search-form  button.search-button{
	right:3px;
	top:3px;
	border:none;
	position:absolute;
	background:none;
	color: #fff;
	height: 34px;
	width:34px;
}

/*
Navigations
=========================== */
.menu-bar,
.menu-bar:focus,
.menu-bar:active {
	float:left;
	background:none;
	position: relative;
	z-index: 1000;
	margin: 8px 0 0 0;
	padding:0;
	border: none;
	font-size: 28px;
	color: #424242;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	display:block;
	text-align:center;
	outline:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu-wrap{
	position:fixed;
	width:300px;
	height:100%;
	background:#fff;
	color:#fff;
	padding:100px 40px 30px 40px;
	border-right:1px solid #ececec;
}

ul.link-list{
	background:#fff;
	display:block;
	margin:0;
	padding:0 0 5px 0;
	border-left:1px solid #ececec;
}

ul.link-list li{
	display:block;
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}

ul.link-list li a{
	display:block;
	color:#424242;
	padding:8px 0 8px 20px;
	font-weight:400;
}

ul.link-list li a:focus,
ul.link-list li a:active{
	color:#424242;
	text-decoration:none;
}

ul.link-list li a:hover{
	text-decoration:underline;
}

ul.link-list li.dropdown ul.dropdown-menu{
	background:#fff;
	float:none;
	position:relative;
	margin:0 0 0 15px;
	padding:0;
	border:none;
	border-radius:0;
	border-left:1px solid #ececec;
  -webkit-box-shadow: none;
          box-shadow: none;
}

ul.link-list li.dropdown ul.dropdown-menu li{
	display:block;
	list-style:none;
	border:none;
	margin:0;
}

ul.link-list li.dropdown ul.dropdown-menu li a{
	display:block;
	color:#424242;
	padding:8px 0 8px 20px;
	font-weight:400;
	font-size:13px;
	line-height:24px;
}

ul.link-list li.dropdown ul.dropdown-menu li a:hover{
	background:none;
}

/*
Column
=========================== */
.row-column{
	float:left;
	width:100%;
	position:relative;
}

.half-column{
	float:left;
	width:50%;
}

/*
Featured
=========================== */
.slider-wrapper{
	position:relative;
	margin:0;
	padding:0;
}

.featured-box{
	float:left;
	width:100%;
}

#features{
	position:relative;
	padding:80px 60px 66px 60px;
}

/*
Box grid
=========================== */
.box{
	position:ralative;
	padding:30px 30px 50px 30px;
}

.box-gray{
	background-color:#fbfbfb;
}

.box .btn{
	position:absolute;
	right:0;
	bottom:0;
}

.box h5 a{
	color:#424242;
}

.testimoni{
	width: 100%;
	display: block;
	height:155px;
}

.testimoni:after {
    clear:both;
}

/*
Intro
=========================== */
.intro{
	display:block;
	font-size:18px;
	line-height:28px;
}

/*
Gallery
=========================== */
.gallery{
	position:relative;
	overflow:hidden;

}

.img-caption{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:24px;
}

.img-caption h4{
	background:url(../img/img-caption-line.png) no-repeat top center;
	color:#fff;
	margin-bottom:5px;
	padding-top:20px;
}

.img-caption h4 a{
	color:#fff;
}

.img-caption div{
	background:url(../img/img-caption-line.png) no-repeat bottom center;
	position:absolute;
	width:100%;
	top:50%;
	margin-top:-52.5px;
	padding-bottom:10px;
}

.img-gallery{
    width: 100%;
    display: block;
}

.img-gallery:after {
    clear:both;
}

/*
Blog
=========================== */
.blog-wrapper{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

article {
	float:left;
	width:100%;
	border-bottom:1px solid #ececec;
}
 
 article h5 a{
	color:#424242;
 }
 
.blog-post{
	background:#fff;
	float:left;
	width: 70%;
}

.blog-article-post{
	position:relative;
	padding:30px;
}

.blog-article-post .btn{
	position:absolute;
	right:0;
	bottom:0;
}

aside{
	float:left;
	width: 30%;
}

aside.right-sidebar{
	padding-left:30px;
}

aside.left-sidebar{
	padding-right:30px;
}

.aside-wrapper{
	background:#fff;
	float:left;
	width:100%;
	padding:30px 20px 10px 20px;
}

.aside-wrapper .widget{
	float:left;
}

.meta-post{
	display:block;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ececec;
}

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

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

.meta-post li a{
	color:#646464;
}

.meta-post li a:hover{
	text-decoration:underline;
}

/*
Comments
=========================== */
.comment-wrapper{
	float:left;
	width:100%;
	padding:30px;
}

.comment-wrapper .media {
	float:left;
	position:relative;
	background:#fff;
	position:relative;
	margin:0 0 30px 5%;
	padding:30px 30px 10px 70px;
	border:1px solid #ececec;
	border-radius:0;
	width:95%;
	overflow:visible;
}

.media-avatar img{
	position:absolute;
	float:left;
	background:#fff;
	border:1px solid #ececec;
	padding:5px;
	width:80px;
	height:80px;
	left:-5%;
	top:30px;
	z-index:1px;
}

.comment-wrapper .media h5 a{
	color:#1e202c;
}

/*
Widget
=========================== */
.widget{
	margin-bottom:30px;
}

.widget .form-group{
	margin-bottom:20px;
}

.cat{
	float:left;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}

.cat li{
	float:left;
	width:100%;
	list-style:none;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #dfdfdf;
}

.cat li i{
	margin-right:4px;
}

.cat li a{
	display:block;
	color:#646464;
}

.tags{
	float:left;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}

.tags li{
	float:left;
	list-style:none;
	margin:0;
	padding:0 10px 10px 0;
}

.tags li a{
	padding:5px 10px 5px 10px;
	display:inline-block;
	border:1px dotted #dfdfdf;
}

.recent{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.recent li{
	float:left;
	width:100%;
	list-style:none;
	border-bottom:1px dotted #d2d2d2;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
}

aside .recent li{
	border-bottom:1px dotted #dfdfdf;
}

.recent li blockquote{
	margin:0;
}

.recent li blockquote a{
	color:#646464;
}

.recent li .thumb{
	float:left;
	width:40px;
	height:75px;
	margin:5px 15px 15px 0;
	clear:both;
}

.recent li h6{
	font-weight:400;
}

.recent li h6 a{
	color:#424242;
}

.comment-author{
	margin-left:30px;
	margin-bottom:10px;
}

/*
Team
=========================== */
.team-wrapper{
	position:relative;
	overflow:hidden;
}

.team-caption{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	background:rgba(255, 255, 255, 0.9);
	padding-top:100px;
}

.team-caption h5{
	background:url(../img/team-caption-line.png) no-repeat top center;
	padding-top:15px;
	margin-bottom:5px;
}

.team-caption p{
	background:url(../img/team-caption-line.png) no-repeat bottom center;
	padding-bottom:15px;
}

.team-social{
	display:block;
	text-align:center;
	font-size:16px;
	color:#424242;
}

.team-social a{
	display:inline-block;
	color:#424242;
	margin:0 5px 0 5px;
}

.team-social a:hover{
	text-decoration:none;
}

/*
Pricing box
=========================== */
.pricing-box{
	background:#fff;
	position:relative;
	text-align:center;
	border:1px solid #ececec;
	margin-bottom:20px;
}

.pricing-head{
	border-bottom:1px solid #ececec;
	padding:10px 0 15px 0;
}

.pricing-head h4{
	margin:0 0 5px 0;
}

.pricing-head .price{
	margin:0;
	font-size:18px;
	line-height:18px;
	font-weight:700;
}

.pricing-head .price em{
	margin:0;
	font-size:14px;
	line-height:14px;
	font-weight:400;
}

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

.pricing-box ul li{
	list-style:none;
	margin:0;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #ececec;
}

.pricing-bottom{
	padding:10px 20px 20px 20px;
}

.pricing-box.popular,
.pricing-box.popular strong,
.pricing-box.popular h4{
	color:#fff;
}

/*
Contact
=========================== */
.contact-location{
	position:absolute;
	color:#fff;
	background:rgba(34, 34, 34, 0.8);
	font-size:16px;
	line-height:30px;
	padding:25px 30px 15px 30px;
	width:300px;
	bottom:15px;
	right:0;
	z-index:5;	
}

.contact-location strong{
	color:#fff;
}

ul.listForm{
	width:100%;
	padding:0;
	margin:0 -10px 0 -10px;	
	list-style:none;
}

ul.listForm li {
	position:relative;
	float:left;
	width:50%;
	padding:0 10px 0 10px;
	margin:0 0 10px 0;	
	list-style:none;	
}

ul.listForm li.full{
	width:100%;
}

ul.listForm li textarea.form-control{
	height:140px;
}

ul.listForm li label{
	font-weight:400;
	color:#646464;
	font-size:14px;
}

#sendmessage{
	display:none;
}

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

.validation{
	margin-top:10px;
	font-style:italic;
}

/*
Login
=========================== */
.login-wrapper{
	float:left;
	width:100%;
	background:#fff;
	padding:40px 30px 20px 30px;
	border:1px solid #ececec;
	border-radius:4px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(33, 33, 33, 0.6);
	   -moz-box-shadow: 0 8px 6px -6px rgba(33, 33, 33, 0.6);
	        box-shadow: 0 8px 6px -6px rgba(33, 33, 33, 0.6);
}

.login-wrapper h4{
	border-bottom:1px solid #ececec;
	padding-bottom:20px;
	margin-bottom:30px;
}

.login-wrapper label{
	font-size:16px;
	line-height:20px;
	margin-bottom:10px;
}

/*
Error
=========================== */
.error-page{
	float:left;
	width:100%;
	margin:20px 0 120px 0;
}

.error-page h3{
	font-size:32px;
	line-height:40px;
	color:#646464;
	font-weight:400;
}

.error-page .fa{
	font-size:180px;
	color:#cdcdcd;
}

/*
Footer
=========================== */
footer{
	float:left;
	width:100%;
	background-color:#eaeaea;
	padding:60px 0 0 0;
	margin-top:-20px;
}

.subfooter{
	float:left;
	width:100%;
	background-color:#d2d2d2;
	text-align:center;
	margin-top:10px;
	padding:30px 0 15px 0;
}

footer .form-control {
	background:#f9f9f9;
}

.social-network{
	display:block;
}

.social-network a,
.social-network a:focus,
.social-network a:active,
.social-network a:hover{
	display:inline-block;
	color:#fff;
	font-size:16px;
	line-height:30px;
	width:30px;
	height:30px;
	text-align:center;
}

/*
Clients
=========================== */

#clients{ margin:40px 0 40px 0; padding-bottom:40px; }

.client-link{ position:relative; width:180px; text-align:center; display:inline-block; margin:0; }

.logo-hover{ position:absolute; left:50%; top:0; margin-left:-68px; }

/*
Section page
=========================== */
.section-page{
	position:relative;
	float:left;
	width:100%;
	padding:30px;
	margin-bottom:-1px;
	border-bottom:1px solid #ececec;
}

.section-page .btn{
	position:absolute;
	right:0;
	bottom:0;
}

.headline{
	float:left;
	width:35%;
	font-size:18px;
	line-height:30px;
	color:#424242;
	font-weight:700;
	border-right:1px solid #ececec;
	padding-right:30px;
}

.section-page h5{
	margin-bottom:5px;
}

.section-page-containt{
	float:left;
	width:65%;
	padding-left:30px;
}

/*
Divider
=========================== */
.divider{
	background:#ececec;
	float:left;
	width:100%;
	height:1px;
	margin:40px 0 40px 0;
}

.divider.nomargin{
	margin:0;
}

/*
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;
}

/*
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;
}

/*
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: 768px) and (max-width: 990px){
	.container{
		width: 600px;
	}
	.col1, .col2, .col3, .col4{
		width: 300px;
	}
	.half-column{
		width:100%;
	}
	#features{
		padding:40px 60px 40px 60px;
	}
	#features .owl-controls .owl-buttons div.owl-prev{
		left:100%;
		margin-top:-40px;
		margin-left:-80px;
		top:100%;
	}
	#features .owl-controls .owl-buttons div.owl-next{
		right:0;
		margin-top:-40px;
		margin-left:0;
		top:100%;
	}
	.blog-post,
	aside{
		width:100%;
	}
	aside.right-sidebar,
	aside.left-sidebar{
		padding:40px 0 0 0;
	}
	ul.listForm{
		margin-bottom:40px;
	}
}
@media (max-width: 767px){

   .fakeTest{}


   #mob-menu{
      display:block !important;
   }

   #normal-menu{
     display:none !important;
   }


  .container{
		width: 460px;
		padding:0;
	}
	.col1, .col2, .col3, .col4{
		width: 460px;
	}
	.box{
		border-bottom:1px solid #ececec;
	}
	.half-column{
		width:100%;
	}
	.headline{
		width:100%;
		border:none;
		border-bottom:1px solid #ececec;
		padding-bottom:20px;
	}
	.section-page-containt{
		width:100%;
		padding:30px 0 0 0;
	}
	#features{
		padding:40px 60px 40px 60px;
	}
	#features .owl-controls .owl-buttons div.owl-prev{
		left:100%;
		margin-top:-40px;
		margin-left:-80px;
		top:100%;
	}
	#features .owl-controls .owl-buttons div.owl-next{
		right:0;
		margin-top:-40px;
		margin-left:0;
		top:100%;
	}
	.main-caption{
		font-size:18px;
		line-height:30px;
		right:20px;
		bottom:0;
	}
	.blog-post,
	aside{
		width:100%;
	}
	aside.right-sidebar,
	aside.left-sidebar{
		padding:40px 0 0 0;
	}
	ul.listForm{
		margin-bottom:40px;
	}
}

@media (max-width: 567px){
	.container{
		width: 300px;
	}
	.col1, .col2, .col3, .col4{
		width: 300px;
	}
	.box{
		border-bottom:1px solid #ececec;
	}
	.half-column{
		width:100%;
	}
	#features{
		padding:40px 60px 40px 60px;
	}
	#features .owl-controls .owl-buttons div.owl-prev{
		left:100%;
		margin-top:-40px;
		margin-left:-80px;
		top:100%;
	}
	#features .owl-controls .owl-buttons div.owl-next{
		right:0;
		margin-top:-40px;
		margin-left:0;
		top:100%;
	}
}





#wrapper{background:#f8f8f8;}





a, a:focus, a:hover, a:active, .btn-primary.btn-bordered, .btn-primary.btn-bordered:focus, .btn-primary.btn-bordered:active, ul.link-list li.dropdown a:hover, ul.link-list li.dropdown ul.dropdown-menu li a:hover, .menu-bar:hover, ul.link-list li a.active, ul.link-list li.dropdown ul.dropdown-menu li a.active, .box h5 a:hover, .recent li h6 a:hover, .featured-box .fa, .pe-feature, .headline h5, .cbp-l-filters-buttonCenter .cbp-filter-item-active.cbp-filter-item, .cbp-containt h5 a:hover, .meta-post li a:hover, article h5 a:hover, .cat li a:hover, .recent li blockquote a:hover, .comment-author, .pagination > li > a{
	color:#3d97d1; 
}

.close-button:hover::before, .close-button:hover::after, .owl-theme .owl-controls .owl-buttons div.owl-next, .flex-direction-nav .flex-next, .btn-bordered:hover, .btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary.btn-bordered:hover, .img-caption, .social-network a, .cbp-l-filters-buttonCenter .cbp-filter-counter, .cbp-l-grid-masonry-projects .cbp-caption-activeWrap, .pricing-box.popular, .btn-search, .btn-search:active, fieldset.search-form button.search-button{
	background-color:#3d97d1;  
}

.owl-theme .owl-controls .owl-buttons div.owl-prev, .flex-direction-nav .flex-prev, .textline-1{
	background-color:#3d97d1;
}

.btn-bordered:hover, .btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .btn-primary.btn-bordered, .btn-primary.btn-bordered:focus, .btn-primary.btn-bordered:active, .btn-primary.btn-bordered:hover, .open > .dropdown-toggle.btn-primary, .form-control:focus, .cbp-l-filters-buttonCenter .cbp-filter-item-active.cbp-filter-item, fieldset.search-form input.search:focus{
	border-color:#3d97d1;  
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:before{
	border-top-color:#3d97d1;   
}

.btn-primary:hover, .owl-theme .owl-controls .owl-buttons div.owl-prev:hover, .owl-theme .owl-controls .owl-buttons div.owl-next:hover, .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .social-network a:hover, fieldset.search-form button.search-button:hover {
	background-color:#166fa6;  
}

.btn-primary:hover{
	border-color:#166fa6; 
}
.blue-bullet{
  color:#3da4e2;
}

#normal-menu{ margin-top:18px; }
#normal-menu a{ text-decoration:none !important;  font-size:15px;color:#fff;padding:8px;padding-top:2px;padding-bottom:2px;background-color:#166fa6;border-radius:3px;font-weight:400;}
#normal-menu a:hover{ color:#fff; background-color:#3d97d1; }
#normal-menu a.active{ color:#fff; background-color:#3d97d1; }