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



/* --- Portolio  --- */


.work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work-nav #filters li {
	margin: 0 10px 30px 0;
	padding: 0;
	float:left;
}

.work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	display: block;	
}

.work-nav #filters li a:hover {

}

.work-nav #filters li a.selected {
	color: #DE5E60;
}

#thumbs {
	margin: 0;
	padding: 0;	
}

#thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a + img {
	width: 100%;	
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #d02200;
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #a6a4a4;
	font-size: 32px;
	line-height: 1em;	
	opacity: 1;
	filter: alpha(opacity=100);
}





/* --- Portolio filter --- */

ul.portfolio-categ{
	margin:10px 0 30px 0;
	padding:0;
	float:left;
	list-style:none;
}

ul.portfolio-categ li{
	margin:0;
	padding:0 40px 0 0;
	float:left;
	list-style:none;
	font-size:13px;
	font-weight:600;
}

ul.portfolio-categ li a{
	display:block;
	padding:35x 0 35x 0;
	color:#817c7c;
}

ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.portfolio-categ li a:focus,ul.portfolio-categ li a:active {
	text-decoration:none;
	outline:0;
}
    


/* --- portfolio detail --- */
.top-wrapper {
	margin-bottom:20px;
}

/* portfolio */
.item-thumbs .hover-wrap .overlay-img-thumb {
	background: #FFF;	
}

/* fontawesome icons */
.icon-square:hover,
.icon-rounded:hover,
.icon-circled:hover {
    background-color: #d02200;
}
[class^="icon-"].active,
[class*=" icon-"].active {
    background-color: #d02200;
}

/* fancybox */
.fancybox-close:hover {
	background-color:#d02200;
}
.fancybox-nav:hover span {
	background-color:#d02200;
}

/* parallax c slider */
.da-slide .da-link:hover{
	background: #d02200;
	border: 4px solid #d02200;
}

.da-dots span{
	background: #d02200;
}






/* --- Heading style --- */

h4.heading {
	font-weight:700;
}

.heading { margin-bottom: 30px; }

.heading {
	position: relative;
	
}


.widgetheading {
	width:100%;

	padding:0;
}

#bottom .widgetheading {
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px;
}

aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}

footer .widgetheading {
	position: relative;
}

footer .widget .social-network {
	position:relative;
}


#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {	
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right:0;

}


.solidline {
    border-top: 1px solid rgb(245, 245, 245);
    margin: 0px 0px 0px;
}

.navbar-nav {
    float: right;
    margin: 0;
}












/* --- footer --- */

footer{
	
	background-color:#484848;
	padding-top:40px;
	padding-bottom:40px;
}


	

.widget_heading{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
}

.widget_p{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#d7d5d5;
	line-height:24px;
	font-weight:normal;
}

.widget_p2{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#d7d5d5;
	line-height:30px;
	font-weight:normal;
}


.social{
	list-style:none;
	display:inline;
}

.social li{
	list-style:none;
	float:left;
	padding-left:10px;
	
}

a {
    color: #FFF;
    text-decoration: none;
}

.fa {
  
  color:#CCC;
}


.copyrigh_bar{
	padding-top:20px;
	padding-bottom:10px;
	background-color:#d02200;
}

.copy {
    float: left;
}

.copy p {
    font-size: 12px;
    color: #f5f5f5;
}
p {
    margin: 0;
}


.copy p a {
    color: #fff;
	text-decoration:none;
}

.copy p a:hover {
    color: #CCC;
	text-decoration:none;
}








.fancybox-close i {
    left: 25px;
    top: 25px;
}

.active > a:focus, .validation {
    color:#7b781f;
}

/* --- About Page  --- */

.subpage_title_bar{
	background-color:#484848;
	padding-bottom:15px;
	padding-top:38px;
}


.subpage_title{
	width:100%;
	text-align:center;
	background-color:#817c7c;
	padding-top:16px;
	padding-bottom:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	
}

.content_area{
	padding-top:48px;
	padding-bottom:48px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	line-height:24px;
}




.member_name{
	
	padding-top:21px;
	padding-bottom:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#484848;
	text-align:center;

}



.team_desig{
	width:268px;
	padding-top:21px;
	padding-bottom:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	background-color:#484848;
	text-align:center;

}

.team_desig:hover{
	width:268px;
	padding-top:21px;
	padding-bottom:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	background-color:#d02200;
	text-align:center;

}


.pic{ 
	width:268px;
	height:281px;
	background: url(../img/team_pic.png) no-repeat;
	
	}


.pic2{ 
	width:268px;
	height:281px;
	background: url(../img/team_sik.png) no-repeat;
	
	}



.pic3{ 
	width:268px;
	height:281px;
	background: url(../img/team_jam.png) no-repeat;
	
	}

.pic4{ 
	width:268px;
	height:281px;
	background: url(../img/team_asa.png) no-repeat;
	
	}



.text{ 
	width:268px;
	height:281px;
	background:#817c7c; 
	opacity:0;
	
	} 
	
.pic:hover .text {
	opacity:1;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#FFF;
	}



.pic2:hover .text {
	opacity:1;
	<p>You can use the mark tag to <mark>highlight</mark> text.</p>
adding-top:35px;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#FFF;
	}

.pic3:hover .text {
	opacity:1;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#FFF;
	}


.pic4:hover .text {
	opacity:1;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:25px;
	padding-right:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#FFF;
	}


/*services page*/


.services_row{
	width:100%;
	margin-top:60px;
}

.head_text1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#484848;
	
}

.head_text1_a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#d02200;
}

#content {
	position:relative;
	background:#fff;
	padding:50px 0 40px 0;
}


a, a:hover, a:focus, a:active, footer a.text-link:hover, strike, .post-meta span a:hover, footer a.text-link, ul.meta-post li a:hover, ul.cat li a:hover, ul.recent li h6 a:hover, ul.portfolio-categ li.active a, ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover, ul.related-post li h4 a:hover, span.highlight, article .post-heading h3 a:hover, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus, .navbar .nav > .active > a:focus, .validation {
    color: #d02200;
}
	

.view_project_btn{
	background-color:#FFF;
	color:#d02200;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:38px;
	padding-right:38px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#d02200;
}
	
	
/* ===============================
14. Blog & article
================================ */

article{
	margin-bottom:40px;
	padding-bottom:20px;
	border-bottom:#CCC 1px dashed;
}

article .post-heading h3 {
	margin-bottom:20px;
}

article .post-heading h3 a {
	font-weight:700;
	color:#353535;
}

article .post-heading h3 a:hover {
	text-decoration:none;
}


/* --- post meta --- */
.post-meta {
	background:#fcfcfc;
	border:1px solid #e6e6e6;
	border-top:none;
	text-align:center;
}

.post-meta .format {
	border-bottom:1px solid #e6e6e6;
	padding:10px 0 10px;
}

.post-meta i{
	margin:0;
}

.post-meta .date {
	border-bottom:1px solid #e6e6e6;
	padding:10px 0 10px;
}

.post-meta .date span {
	text-align:center;
	color:#999;
	font-size:12px;
	font-weight:600;
}

.post-meta .comments {
	padding:10px 0 10px;
}

.post-meta .comments a {
	color:#999;
	font-size:12px;
	font-weight:700;
}

.post-meta .comments a:hover {
	text-decoration:none;
}

/* --- post format --- */

.post-image {
	margin-bottom:20px;
}

.post-quote {
	margin-bottom:20px;
}

.post-video {
	margin-bottom:20px;
}

.post-audio {
	margin-bottom:20px;
}

.post-link {
	margin-bottom:20px;
}

.post-slider {
	margin-bottom:20px;
}


.post-quote blockquote {
	font-size:16px;
	color:#999;
	font-family:'Noto Serif', serif;
	font-style:italic;
	line-height:1.6em;
}


.post-image img:hover {
  -webkit-box-shadow: 0 0 2px #979797;
     -moz-box-shadow: 0 0 2px #979797;
          box-shadow: 0 0 2px #979797;	
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

ul.meta-post{
	float:left;
	margin: 0;
	padding:0;
	list-style:none;
}

ul.meta-post li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	border-right:1px dotted #e9e9e9;
	padding-right:10px;
}

ul.meta-post li i {
	float:left;
	font-size:12px;
	margin:2px 5px 0 0;
}

ul.meta-post li a{
	color:#999;
	float:left;
	font-size:12px;
	font-weight:600;
}

/* --- single post --- */
.bottom-article{
	overflow: hidden;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	padding:10px 0 10px 0;
	margin-top:20px;
}

/* --- author info --- */

.about-author {
	border:1px solid #f5f5f5;
	padding:20px;
	float:left;
	margin-bottom:5px;
}

.about-author h5 {
	margin-bottom:10px;
}



/* --- Comment --- */

.comment-area {
	float:left;
	width:100%;
	margin-top:30px;	
}


.media-content{
	overflow:hidden;
	margin-left:12px;
	border-bottom:1px dotted #d5d5d5;
	padding-bottom:20px;
}

.media-content h6 {
	font-size:14px;
	font-weight:700;
}

.media-content span{
	color:#a9a9a9;
	font-size:14px;
	font-weight:300;
}

.comment-area .thumbnail > img {
  display: block;
	width:60px;
	height:60px;
}
.filter-list{
	margin-top:20px;
}

/* --- pagination --- */

#pagination a,
#pagination span {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    padding: 7px 10px 6px 10px;
    font-size: 12px;
    line-height:12px;
    color: #888;
	font-weight:600;
}

#pagination a:hover {
    color: #fff;
	text-decoration:none;
}

#pagination span.current {
    background: #333;
    color: #fff;
    font-weight: bold;
}


/* ===============================
15. Aside, sidebar
================================ */

aside{
	position:relative;
	margin-bottom:40px;
}

.sidebar-nav{
	float:left;
	width:100%;
}

.right-sidebar{
	border-left:1px solid #f5f5f5;
	padding:0 0 0 30px;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);

}


.left-sidebar{
	border-right:1px solid #f5f5f5;
	padding:0 30px 0 0;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
}


.left-sidebar .widget h3, .left-sidebar .widget .widget-content{
	padding-right:20px;
}



aside .widget {
	margin-bottom:40px;
}


ul.cat, ul.recent, ul.folio-detail, ul.contact-info{
	margin:0;
	padding:0;
	list-style:none;
}

ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li{
	margin:0 0 15px 0;
	list-style:none;
}

ul.cat li a, ul.folio-detail li a{
	color:#656565;
}

ul.folio-detail li label{
	display:inline;
	cursor:default;
	color:#353535;
	font-weight:bold;
}

.widget ul.recent li {
	margin-bottom:20px;
}

ul.recent li h6 {
	margin:0 0 10px 0;
}

ul.recent li h6 a{
	color:#353535;
	font-size:16px;
	font-weight:600;
}


.widget ul.tags {
	list-style:none;
	margin:0;
	margin-left: 0;
	padding-left:0;
}

.widget ul.tags li {
	margin:0 5px 15px 0;
	display:inline-block;
}


.widget ul.tags li a {
	background:#e6e6e6;
	color:#333;
	padding:5px 10px;
}

.widget ul.tags li a:hover {
	text-decoration:none;
	color:#fff;
}



/* --- Map --- */
.map{
	position:relative;
	margin-top:-50px;
	margin-bottom:40px;
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}

.contact_page_head{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#484848;
	
	}

.field_text{
	width:100%;
	height:47px;
	background-color:#e9ebec;
	padding:10px;
	border:none;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.field_msg{
	width:100%;
	height:200px;
	background-color:#e9ebec;
	padding:10px;
	border:none;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.submit_btn{
	background-color:#d02200;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:44px;
	padding-right:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	border:none;
	border-radius: 7px;
	margin-left:15px;
}

.submit_btn:hover{
	background-color:#484848;
	color:#FFF;
	
}


	

.comments_title{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:16px;
	color:#d02200;
	margin-bottom:15px;
}

.comments_reply_row{
	padding-left:100px;
	border-bottom:#CCC 1px dashed;
	padding-bottom:20px;
	
}


.cmts_field_text{
	width:100%;
	height:47px;
	padding:10px;
	border:#CCC 1px solid;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.cmts_field_msg{
	width:100%;
	border: 1px solid #D5D5D5;
	padding:10px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}


.cmts_submit_btn{
	background-color:#d02200;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:44px;
	padding-right:44px;
	margin-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	border:none;
	margin-left:15px;
}

.cmts_submit_btn:hover{
	background-color:#484848;
	color:#FFF;
	
}

.form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-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;
}
	

/* ===================================
3. Responsive media
==================================== */

.video-container,.map-container,.embed-container 		{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; 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;
}

img.img-polaroid {
	margin:0 0 20px 0;
}
.img-box {
	max-width:100%;
}


/* scroll to top */
.scrollup{
    position:fixed;
	width:32px;
	height:32px;
    bottom:0px;
    right:20px;
	background:#CCC;
	
}

a.scrollup {
	outline:0;
	text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	margin-top: 10px;
	color: #333;
}
a.scrollup i:hover {
	text-decoration:none;
}


.callaction {
    padding-top: 40px;
    padding-bottom: 20px;
}

@media (max-width: 480px){
.fancybox-nav span, .fancybox-nav:hover span, .fancybox-close, .fancybox-close:hover {
    background:#d02200;
	color:#999;
	
}

.fancybox-close i {
       color: #484848;
}

.navbar-nav {
	float:left;    
    margin-top:20px;
}



/*responsive team members*/
.member_name{
	
	padding-top:21px;
	padding-bottom:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#484848;
	text-align:center;

}



.team_desig{
	margin-left:auto;
	margin-right:auto;

}

.team_desig:hover{
	margin-left:auto;
	margin-right:auto;

}


.pic{ 
	margin-left:auto;
	margin-right:auto;
	
	}

.text{ 
	margin-left:auto;
	margin-right:auto;
	
	} 
	
.pic:hover .text {
	margin-left:auto;
	margin-right:auto;
	}


.services_row{
	width:100%;
	margin-top:60px;
	padding-bottom:20px;
	border-bottom:#c4c9cc 1px dashed;
}
.form-control {
   
    margin-top: 80px;
  
}


}

@media (max-width: 768px){
	
	
	/*responsive team members*/
.member_name{
	
	padding-top:21px;
	padding-bottom:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#484848;
	text-align:center;

}



.team_desig{
	margin-left:auto;
	margin-right:auto;

}

.team_desig:hover{
	margin-left:auto;
	margin-right:auto;

}


.pic{ 
	margin-left:auto;
	margin-right:auto;
	
	}

.text{ 
	margin-left:auto;
	margin-right:auto;
	
	} 
	
.pic:hover .text {
	margin-left:auto;
	margin-right:auto;
	}


.services_row{
	width:100%;
	margin-top:60px;
	border-bottom:#c4c9cc 1px dashed
}
	
.right-sidebar{
	
	padding:0 0 0 0px;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);

}	

.form-control {
   
    margin-top: 80px;
  
}
	
}