/*
Table of contents:
	1. Helper Classes
	2. Header
	3. Footer
	4. Different Home Layouts
	5. Slider Custom Styles
	6. 404 page
	7. Pagination section
	8. Profile page
	9. Work page
*/

/* 1. Helper Classes */
.clearfix:after{
	display:block;
	content:"";
	clear:both;
}
.container_m{
	margin:0 auto;
	width:100%;
	max-width:1280px;
	position:relative;
}
.delimiter{
	width:10px;
	background:url(../img/menuX.png) center center no-repeat;
}
.col{
	overflow:hidden;
	margin-top:0;
	margin-bottom:0;
}
.container_m2{
	margin:0 auto;
	width:100%;
	max-width:900px;
}
.section{
	border-bottom:1px solid #464646;
	
	
}
.has_hover{
	position:relative
}
.work .has_hover{
	width:100%
}
.is_hover{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(246,249,253,0.95);
	top:0;
	left:0;
	transition:none;
	padding:25px;
	text-decoration:none;
}
.is_hover .hover_title{
	color:#1a1c1f;
	font-size:16px;
	text-align:left;
	display:block;
	margin-bottom:5px;
}
.is_hover .hover_description{
	font-size:12px;
	color:#b5b5b5;
	display:block;
	text-align:left;
}
.has_hover > a:first-child{
	display:block;
}
.fake_action_button{
	position:absolute;
	opacity:0;
	transition:all 0.3s;
	display:block;
	padding:13px 20px;
	border:1px solid #f0f0f0;
	border-radius:5px;
	-moz-border-radius:5px;
	 font-family: 'Open Sans';
  src: url('fonts/Light/OpenSans-Light.eot');
  src: url('fonts/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Light/OpenSans-Light.woff') format('woff'),
       url('fonts/Light/OpenSans-Light.ttf') format('truetype'),
       url('fonts/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
  font-weight: 300;
  font-style: normal;
	text-transform:uppercase;
	font-size:10px;
	right:0;
}
.has_fake:hover .fake_action_button{
	opacity:1;
}

/* 2. Header */
#menuMobileToggle.toggled{
	background:url(../img/close-menu.png) center center no-repeat;
}
nav > ul > li{
	margin-bottom:0px;
}
nav > ul > li:last-child a{
	padding-right:0px;
}
header, footer{
	width:100%;
	max-width:100%;

}
header{
	border-top:0px solid #000;
	-webkit-box-shadow: 0 0 9px -7px #000;
	box-shadow: 0 0 9px -7px #000;
	height:55px;
	background:#ffffff;
	z-index: 100;
	transition: box-shaodw 0.4s;
	-webkit-transition: -webkit-box-shadow 0.4s;
}
#logo{
	display:block;
	float:left;
	margin-top:6px;
}

	
nav ul{
	float:right;
	margin-bottom:0;
	list-style:none;
}
nav ul li{
	float:left;
	height:50px;
	position:relative;
}
nav ul li a{
	display:block;
	 font-family: 'Open Sans';
  src: url('fonts/Light/OpenSans-Light.eot');
  src: url('fonts/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Light/OpenSans-Light.woff') format('woff'),
       url('fonts/Light/OpenSans-Light.ttf') format('truetype'),
       url('fonts/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
 
  font-style:normal;
  letter-spacing:1px;
	color:#000;
	height:100%;
	line-height:50px;
	padding-left:15px;
	padding-right:15px;
	line-height:50px;
}
nav > ul > li > a{
	font-size:14px;
	
}
#active a { 
color:#000;
font-weight:bold; }

	

nav ul li a:hover{
	color:#b1b3b7;
	
}

/* 3. Footer */
footer.section{
	border-bottom:0;
}
.expand_submenu{
	display:none;
}
footer{
	background:#464646;
	height:100px;
	overflow: hidden;
}
footer p{
	color:#FFF;
	float:left;
	font-size:11px;
	line-height:100px;
	margin-bottom:0;
}
footer p a{
	color:#929599 !important;
}
footer p a:hover{
	color:#c4c7cc !important
}
#footer_social_media{
	float:right;
	margin-right:10px;
	list-style:none;
}
#footer_social_media li{
	float:left;
}
#footer_social_media ul{
	height:100px;
}
.social_media{
	margin-bottom:0;
}
.social_media li{
	height:100%;
	margin-left:16px;
	width:32px;
	padding:34px 0px;
}
.social_media li a{
	width:32px;
	height:32px;
	display:block;	
	border:2px solid #303134;
	border-radius:21px;
}
.social_media li a:hover{
	border-color:#ccc;
}
.social_media li a.facebook{
	background:url(../img/social_media.png) 10px center no-repeat;
}
.social_media li a.twitter{
	background:url(../img/social_media.png) -40px center no-repeat;
}
.social_media li a.instagram{
	background:url(../img/social_media.png) -90px center no-repeat;
}
#contact_f_c .subtitle{
	color:#898a8c;
	font-size:16px;
	margin-bottom:10px;
}
#contact_info{
	width:100%;
	display:block;
	margin-top:0px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:0;
	list-style:none;
	height:130px;
}
#contact_info > li{
	width:33.2%;
	float:left;
	border-left:1px solid #e5e5e5;
	height:100%;
}
#contact_info > li:first-child{
	border-left:none;
}
#contact_info h5{
	margin-top:25px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:25px;
	font-size:13px;
	line-height:13px;
	text-align:center;
}
#contact_info a{
	text-decoration:underline;
	color:#38393b;
	font-size:16px;
	font-weight:bold;
	display:block;
}
#contact_social .social_media{
	list-style:none;
	width:180px;
	margin:0 auto;
	margin-top:10px;	
	height:auto;
	padding:0;
}
#contact_social .social_media li{
	float:left;
	margin:0;
	width:60px;
	padding:10px 0 0 0;
}
#contact_info a, #contact_info p{
	margin-bottom:10px;
}
#contact_contact, #contact_location{
	text-align:center;
}
#contact_contact p{
	color:#898a8c;
}
#contact_location p{
	color:#898a8c;
}
#contact_social .social_media li a{
	border:2px solid #ebebeb;
	margin:0 auto;
}
#contact_social .social_media li a:hover{
	border-color:#1a1c1f;
}
#contact_social .social_media li a.facebook{
	background:url(../img/socialDark.png) 10px center no-repeat;
}
#contact_social .social_media li a.twitter{
	background:url(../img/socialDark.png) -40px center no-repeat;
}
#contact_social .social_media li a.instagram{
	background:url(../img/socialDark.png) -90px center no-repeat;
}
nav > ul > li{
	
	padding-right:4px;
	padding-top:20px;
}
nav > ul > li:last-child{
	padding-right:0;
	background:none;
}
.sm{
	background:url(../img/submenu_marker.png) right center no-repeat;
	margin-right:10px;	
}
.has_submenu:hover .l1_submenu{
	display:block;
}
.l1_submenu{
	display:none;
	background:#f2f2f2;
	position:absolute;
	width:200px;
	z-index: 200;
	top: 51px;
	left: 15px;
}
.has_submenu .l1_submenu li a{
	text-align:left;
	font-size:11px;
	color:#727477 !important;
}
.has_submenu .l1_submenu li{
	width:100%;
	display:block;
}
nav a{
	text-decoration:none;
}
.l1_submenu{
	padding:20px;
}
.l1_submenu li{
	margin-bottom:25px;
}
.has_submenu .l1_submenu li{
	height:auto;
}
.l1_submenu li:last-child{
	margin-bottom:0;
}
.l1_submenu a{
	line-height:13px !important;
	padding:0;
	transition: color 0.3s;
	height: 13px;
}
.has_submenu .l1_submenu li a:hover{
	color:#1a1c1f !important;
	background:url(../img/hover_arrow.png) right center no-repeat;
}
#company_contact_text.isOpened .container_m > p {
	margin-top: 10px;
}
#company_contact_text.isOpened .container_m > p:first-child {
	opacity: 1 !important;
}
#company_contact_text.isOpened .container_m > p:first-child span{
	font-size:0;
	background:transparent url(../img/x.png) center center no-repeat;	
	padding: 21px;
}
#company_title h1{
	color:#727477;
	font-size:32px;
	max-width:750px;
	text-align:left;
	 font-family: 'Open Sans';
  src: url('fonts/Light/OpenSans-Light.eot');
  src: url('fonts/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Light/OpenSans-Light.woff') format('woff'),
       url('fonts/Light/OpenSans-Light.ttf') format('truetype'),
       url('fonts/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
  font-weight: 300;
  font-style: normal;
}
#company_title{	
	padding-top:58px;
	padding-bottom:65px;
	cursor:pointer;
}
#company_portofolio_text{
	padding:27px 0;
	cursor:pointer;
}
#company_portofolio_text h2{
	font-size:16px;
	 font-family: 'Open Sans';
  src: url('fonts/Light/OpenSans-Light.eot');
  src: url('fonts/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Light/OpenSans-Light.woff') format('woff'),
       url('fonts/Light/OpenSans-Light.ttf') format('truetype'),
       url('fonts/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
  font-weight: 300;
  font-style: normal;
	text-align:left;
	max-width:750px;
}
#company_contact_text{
	position:relative;
}
#company_contact_text .container_m > p{
	font-size:22px;
	color:#727477;
	text-align:center;
	margin-top: -20px;
	transition:all 0.3s;
}
#company_contact_text .container_m > p:first-child{
	display:block;
	position:relative;
	opacity:0;
	height: 42px;
	margin-bottom:0;
}
#company_contact_text .container_m > p:last-child{
	margin-top:10px;
}
#company_contact_text .container_m > p:first-child span{	
	transition:all 0.3s;
	padding:13px 20px;
	border:1px solid #f0f0f0;
	border-radius:5px;
	-moz-border-radius:5px;
	 font-family: 'Open Sans';
  src: url('fonts/Light/OpenSans-Light.eot');
  src: url('fonts/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Light/OpenSans-Light.woff') format('woff'),
       url('fonts/Light/OpenSans-Light.ttf') format('truetype'),
       url('fonts/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
  font-weight: 300;
  font-style: normal;
	text-transform:uppercase;
	font-size:10px;
	margin:0 auto;
	transition:width 0.3s, height 0.3s, font-size 0.3s;
}
#company_contact_text{
	padding:30px;
	cursor:pointer;
}
#company_contact_text:hover .container_m > p:first-child{
	opacity:1 !important;
	margin-top:10px;
}
#company_contact_text:hover .container_m > p{
	margin-top:0;
}
#company_contact_text:hover .container_m > p:last-child{
	margin-top:10px;
}

/* 4. Different Home Layouts */
/* home layout 2 */
#home_index2 .container_m >div{
	margin-top:0;
	margin-bottom:0;
}
#home_index2 #index2_left h5, #home_index2 #index2_left h3{
	text-align:left;
	margin-bottom:25px;
}
#index2_left ul li{
	display:inline-block;
	margin: 0px 20px 0px 0px;
}
#index2_left ul li a{
	font-size: 14px;
	text-decoration: none;
	color: #b3b4b4 !important;
	text-transform: capitalize;
}
#index2_left ul li a:hover{
	color:#1a1c1f !important;
}
/* home layout 3 */
#home_index3 .container_m >div{
	margin-top:0;
	margin-bottom:0;
}
#home_index3 #index3_left h5, #home_index3 #index3_left h3{
	text-align:left;
	margin-bottom:25px;
}
#index3_left ul li{
	display:inline-block;
	margin: 0px 20px 0px 0px;
}
#index3_left ul li a{
	font-size: 14px;
	text-decoration: none;
	color: #b3b4b4 !important;
	text-transform: capitalize;
}
#index3_left ul li a:hover, #home_about ul li a:hover, .index4 #home_about ul li a:hover{
	color:#1a1c1f !important;
}
.index3 #company_home_projects_descr p{
	text-align: left;
}
.index3 #company_home_projects_descr .read_more{
	float:left;
	text-align:left;
}
/* home layout 4 */
.index4 #home_about{
	background:#fafafa;
}
.index4 #home_about h5, .index4 #home_about h3, .index4 #home_about ul{
	text-align:left;
}
.index4 #home_about ul li{
	margin: 0px 20px 0px 0px;
}
.index4 #company_home_projects_descr p{
	text-align: left;
}
.index4 #company_home_projects_descr .read_more{
	float:left;
	text-align:left;
}

/* 5. Slider Custom Ctyles*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  margin-bottom:15px;
}
#big_slider{
	padding:20px;
	margin-bottom:15px;
}
.rslides li{
	margin-bottom:0px;
}
.rslides_nav{
	position:absolute;
	z-index:100;
	display:block;
	width:45px;
	height:45px;
	font-size:0px;
}
.prev{left:20px;background:#fff url(../img/slide_prev.jpg) center center no-repeat;transition:all 0.4s}
.next{right:20px;background:#fff url(../img/slide_next.jpg) center center no-repeat;transition:all 0.4s}
.prev:hover{
	background-image:url(../img/slide_prevH.png);
}
.next:hover{
	background-image:url(../img/slide_nextH.png);
}
#big_slider{
	border-bottom:none;
}

/* 6.404 Page */
div#wrapper_footer.a404{
	margin-top:0
}

#wrapper_footer{
	border-top:1px solid #ececec;
	margin-top:80px;
}
#main_content.a404{
	min-height:200px;
	padding-top:80px !important;
	padding-bottom:80px !important;
	z-index:0;
	position:relative;
}
#main_content.a404 h2{
	margin-bottom:35px;
	text-align:center
}
#main_content.a404 p{
	max-width:620px;
	margin:0 auto;	
	margin-bottom:45px;
	text-align:center;
}
#main_content.a404 a{
	display:block;
	position:relative;
	float:none;
	width:220px;
	background:#303234 url(../img/404.png) 175px center no-repeat;
	line-height:50px;	
	text-transform:uppercase;
	color:#fff !important;
	text-align:center;
	text-indent:-30px;
	margin:0 auto;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	border-radius:5px;
}

/* 7. Pagination section*/
.pagination{
	text-align:center;
	font-size:0;
}
.pagination li{
	display:inline-block;
	margin-bottom:0px;
	overflow:hidden;
}
.current_page a{
	background:#fafafa;
	cursor:default;
}
.pagination li a{
	text-decoration:none;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	color:#797d82 !important;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	padding:10px 18px;
	display:block;
}
.pagination li a:hover{
	background-color:#fafafa;
}
.previous_page{
	border-left:1px solid #f0f0f0;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;	
}
.previous_page a{
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	padding-left:32px !important;
	background:url(../img/pagination_normal.png) 14px -25px no-repeat;
}
.pagination li.previous_page.no_previous a, .pagination li.next_page.no_next a{
	color:#bababb !important;
	background-image:url(../img/pagination_no_more.png);
}
.pagination li.previous_page.no_previous a:hover, .pagination li.next_page.no_next a:hover{
	background-color:transparent;
	cursor:default;
}
.next_page{
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}
.next_page a {
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	padding-right:32px !important;
	background:url(../img/pagination_normal.png) 105px 15px no-repeat;
}
.page_delimiter a{
	cursor:default;
}
.page_delimiter a:hover{
	background-color:transparent !important;
}
/* 8.Profile page */
.profile .section{
	border:none;
}
.profile p{
	margin-bottom:40px;
}
.profile h1{
	line-height:45px;
	margin-bottom:40px;
}
.profile h5{
	margin-bottom:20px;
	color:#1a1c1f;
}
.profile h6{
	margin-bottom:25px;
	color:#1a1c1f;
}
.profile .section{
	padding-top:0;
}
.section.collection  a.profile_contact{
	text-decoration:underline !important;
}
.profile .team > div p{
	margin-bottom:20px;
}

/* 9.Work page*/
#mixItUp{
	margin-left:-2%;
}
#mixItUp .mix{
    opacity: 0;
    display: none;
	margin-left:2%;
}
#controller{
	float:right;
}
#filter_projects{
	border:1px solid #f0f0f0;
	border-radius:5px;
	-moz-border-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
	cursor:pointer;
	position:relative;
	transition:all 0.4s;
	margin-right:10px;
}
#filter_projects.clicked{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-color:#e2e2e2;
}
#filter_projects.clicked:after{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg)
}
#filter_projects:after{
	content:"";
	display:block;
	width:4px;
	height:9px;
	position:absolute;
	background:url(../img/filter_rotate.png) 0 0 no-repeat;
	top:13px;
	left:120px;
	transition:all 0.4s;
}
#filter_projects ul{
	position:absolute;
	display:none;
	width:155px;
	border:1px solid #e2e2e2;
	border-top:0;
}
#filter_projects ul li{
	display:block;
	width:100%;
	font-size:11px;
	color:#b5b5b5;
	text-indent:14px;
	line-height:28px;
	margin-bottom:0;
	background:#fff;
	transition:all 0.4s;
}
#filter_projects ul li:hover{
	color: #55585b;
}
#filter_projects ul li.active{
	color:#55585b;
	background:#fafafa;
	cursor:default;
}
#filter_projects p{
	font-size:11px;
	color:#797d82;
	margin-bottom:0;
	text-transform:uppercase;
	padding:13px 30px 13px 13px;
	line-height:11px;
	transition: all 0.4s;
}
#filter_projects p:hover{
	background:#fafafa;
}
.filtering{
	left: -1px;
	border-top: 1px solid #e2e2e2 !important;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
	z-index: 200;
}
#controller > ul, #filter_projects{
	float:left;
}
#controller > ul li{
	height:38px;
	width:36px;
	margin-bottom:0;
}
#controller > ul li a{
	width:100%;
	height:100%;
}
#controller > ul li:hover{
	background-color:#fafafa;
}
#toGrid, #toList{
	border:1px solid #e2e2e2;
	float:left;
	transition:all 0.4s;
	cursor: pointer;
}
#toGrid{
	border-right:none;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-top-left-radius:4px;
	-moz-border-bottom-left-radius:4px;
	background:url(../img/grid_list.png) 9px -29px no-repeat;
}
#toList{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-top-right-radius:4px;
	-moz-border-bottom-right-radius:4px;
	background:url(../img/grid_list.png) 8px 9px no-repeat;
}
#toList.active, #toGrid.active{
	background-image:url(../img/grid_listN.png);
	cursor:default;
}
#toList.active:hover, #toGrid.active:hover{
	background-color:transparent;
}
/*list view*/
#mixItUp.toList{
	margin-left:0;
}
#mixItUp.toList > li{
	width:100%;
	margin-bottom:0px;
	border-bottom:1px solid #efefef;
	height:100px;
	margin-left:0%;
}
#mixItUp.toList{
	border-top:1px solid #efefef;
}
.toList .col{
	width:100%;
	height:100%;
}
.toList .col > a{
	display: block !important;
	width: 100%;
	visibility: visible;
	opacity: 1;
	height: 100%;
	background: none;
}
.toList .col > a:first-child{
	display:none !important;
}
.toList .is_hover {
	padding:0;
}
.toList .is_hover span{
	font-size:20px;
	margin-bottom:0;
}
.toList .is_hover .hover_title{
	font-weight:bold;
	color:#727477;
	line-height:99px;
	text-align:left;
	float:left;
	padding-right:40px;
}
#mixItUp.toList > li:hover .hover_title{
	background:url(../img/projects_arrow.png) right center no-repeat;
	color:#1a1c1f;
}
.toList .is_hover .hover_description{	
	color:#b5b5b5;
	font-size:12px;
	line-height:99px;
	text-align:right;
	float:right;
}
.work #main_content{
	overflow:hidden;
}

/*grid view*/



.toGrid{
	font-size:0;
}
.toGrid > li{
	width: 23%;
	margin: 1% 0 1% 3%;
}







.project_container > div{
	margin-bottom:60px;
}
.project .project_container img{
	width:auto;
	margin:0 auto;
	max-width:100%;
	display:block;
	margin-bottom:50px;
}
.project h1{
	margin-bottom:40px;
}
.project .section{
	padding:0
}
#project_description p{
	width:80%;
}
#project_info p{
	margin-bottom:10px;
}
#project_info p span{
	font-size:12px;
	color:#b5b5b5;
	display:inline-block;	
}
#project_info p span:first-child{
	color:#727477;
	width:95px;
	font-weight:bold;
}
#visit_project{
	font-size:12px;
	color:#727477 !important;
	text-transform:uppercase;
	padding-right:20px;
	background:url(../img/project_link.png) right center no-repeat;
	border-bottom: 3px solid #f0f0f0;
	font-weight:bold;
	padding-bottom:5px;
	display:inline-block;
	margin-top:10px;
}
#project_navigator{
	float:right;
}
#project_navigator ul{
	position:relative;
}
#project_navigator ul li{
	width:39px;
	float:left;
	height:36px;
	margin-bottom:0;
}
#project_navigator ul li:last-child{
	margin-left:10px;
}
#project_navigator ul li a{
	display:block;
	width:100%;
	height:100%;
	border:1px solid #f2f2f2;
}
#prev_project{
	border-bottom-left-radius:4px;
	border-top-left-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-moz-border-top-left-radius:4px;
	border-right:1px solid #f2f2f2;
	background:url(../img/project_navigator.png) 10px 12px no-repeat;
}
#next_project{	
	background:url(../img/project_navigator.png) 12px -51px no-repeat;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-left:none !important;
}
#close_project{	
	border-radius:4px;
	-moz-border-radius:4px;
	background:url(../img/x.png) center center no-repeat
}

/* 10.Styles */
#home_about .container_m{
	text-align:center;
}
#home_about h5{
	margin-bottom:25px;
}
#home_about h3{
	margin-bottom:25px;
}
#home_about ul{
	width:100%;
	text-align:center;
}
#home_about ul li{
	display:inline-block;
	margin:10px;
}
#home_about ul li a{
	font-size:14px;
	text-decoration:none;
	color:#b3b4b4 !important;
	text-transform: capitalize;
}
#company_contact_text{
	background:#fafafa;
	height:150px;
}
#contact_to_be_trigered{
	overflow:hidden;
	background:#fafafa;
	max-height:0;
	transition:max-height 0.5s;
	border-bottom:0px;
	padding:0px;
	transition: all 0.5s;
}
#contact_to_be_trigered > p:first-child{
	margin-top:60px;
}
#contact_to_be_trigered > p{
	color:#898a8c;
	line-height:30px;
	text-align:center;
}
#contact_to_be_trigered.isOpened{
	max-height:2000px;
	transition:all 1s;
	padding-top:50px;
}

#contact_to_be_trigered.isOpened > .container_m  > p{
	text-align:center;
	width: 60%;
	margin: 0 auto;
	line-height:26px;
}
#company_contact_text:after{
	display:block;
	position:absolute;
	width:23px;
	left:50%;
	margin-left:-11px;
	bottom:0;
	display:none;
	z-index:100;
	content:'';
	background:url(../img/opened_section_arror.png) center center no-repeat;
	width:23px;
	height:11px;
	opacity:0;
	display:block;
	visibility:hidden;
	transition:all 0.5s;
}
#company_contact_text.isOpened:after{
	bottom:-11px;
	opacity:1;
	visibility:visible;
}
#company_home_portofolio .hgroup{
	margin-bottom:55px;
}
#company_home_portofolio h5{
	float:left;
	margin-bottom:0;
}
#company_home_portofolio h6{
	float:right;
	margin-bottom:0;
}
#company_home_portofolio h6 a{
	text-decoration:none;
	padding-right:30px;
	background:url(../img/projects_arrow.png) center right no-repeat;
	display:block
}
#company_home_portofolio h6 a:hover{
	background-image:url(../img/slide_nextH.png);
	color:#707071 !important;
}
#home_projects_articles p{
	margin-bottom:25px;
	text-align:center;
}
.home_article_date{
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-transform:capitalize;
}
.home_article_date span{
	background:#cbcccd;
	border-radius:5px;
	-moz-border-radius:5px;
	display:inline-block;
	margin:0 auto;
	padding:5px 10px;
}
.home_article_title{
	font-size:18px;
	color:#1a1c1f;
	font-weight:bold;
}
.home_article_title a{
	text-decoration:none;
}
.home_article_excerpt{
	line-height:26px;
}
.read_more{
	display:block;
	text-decoration:underline;
	text-transform:capitalize;
	color:#1a1c1f !important;
	margin:0 auto;
	font-size:14px;
	width:80px;
}
.section{
	position:relative;
}
div.section{
	padding-top:35px;
	padding-bottom:80px;
}
div#main_content.section{
	padding:0;
	border-bottom:none;
}
#main_content > .section:last-child{
	padding-bottom:0;
}
#contact_footer_form_section{

	padding:10px 0px 30px;
	position:relative;
}
.input{
	width:100%;
	display:block;
	margin-top:15px;
	margin-bottom:-4px;
	float:left;
	padding-left:20px;
	padding-top:12px;
	padding-bottom:12px;
	font-size:16px;
	border:none;
	border-radius:5px;
	border-bottom:1px solid #ebebeb;	
	color:#858688;
	font-family: 'Open Sans', sans-serif;}
#contact_footer_form_section h2{
	margin-bottom:50px;
	text-align:center;
}
#contact_form{
	width:100%;
	max-width:625px;
	margin:0 auto;
	overflow:hidden;
}
textarea.input{
	resize:none;
	height:100px;
}
.send_message{
	width:100%;
	background:#303234 url(../img/send_arrow.png) 59% center no-repeat;
 font-family: 'Open Sans';
  src: url('fonts/Light/OpenSans-Light.eot');
  src: url('fonts/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Light/OpenSans-Light.woff') format('woff'),
       url('fonts/Light/OpenSans-Light.ttf') format('truetype'),
       url('fonts/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
  font-weight: 300;
  font-style: normal;	font-weight:bold;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	text-indent:-30px;
	border:none;
	border-radius:5px;
	padding-top:18px;
	padding-bottom:19px;
	transition:all 0.4s;
}
.send_message:hover{
	background-color:#47484a;
}
#page_title_container{
	padding-top:0px;
	margin-bottom:60px;
	position:relative;
}
#page_title_container h3{
	text-align:left;
	float:left;
}
#blog_post h1 a, .blog_post h1 a{
	text-decoration:none;
}
#blog_post h1, .blog_post h1{
	margin-bottom:15px;
	text-align:left;
}
#blog_post p, .blog_post p{
	text-align:left;
	margin-bottom:30px;
}
#blog_post a .blog_post a{
	text-decoration:none;
}
#blog_post .blog_info{
	color:#aeafaf;
	font-size:11px;
	margin-bottom:30px;
	text-align:left;
}
.blog_info_delimiter{
	margin:0 5px;
}
#blog_post img{
	border:1px solid #ebebeb;
	background:#fafafa;
	margin-bottom:40px;
}
.single_blog_post{
	border-bottom:0;
}
blockquote{
	border:1px solid #ebebeb;
	border-radius:5px;
	background:#fafafa url(../img/quote.png) 30px 30px no-repeat;
	padding:28px 78px;
	margin-bottom:40px;	
}
div.ul, div.ol{
	width:50%;
	text-align:left;
	float:left;
	list-style:none;
}
.tags{
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	background:url(../img/tags.png) left 15px no-repeat;
	padding:10px 0px;
	padding-left:20px;
}
.tags p{	
	font-size:11px;
	color:#aeafaf;
	margin-bottom:0px !important;
}
#post_nav{
	margin-bottom:50px;
	border-bottom:1px solid #efefef;	
}
#post_nav .prev_post, #post_nav .next_post{
	width:50%;
	padding:40px 0px;
	float:left;
}
#post_nav .prev_post a:hover, #post_nav .next_post a:hover{
	color:#707071 !important;
	background-image:url(../img/slide_nextH.png)
}
#post_nav .prev_post a:hover{
	background-image:url(../img/slide_prevH.png)
}
#post_nav .prev_post{
	border-right:1px solid #efefef;
}
#post_nav .prev_post a{
	text-decoration:none;
	display:block;
	text-transform:capitalize;
	font-size:13px;
}
#post_nav .prev_post a{
	padding-left: 30px;
	float:left;
	background:url(../img/slide_prev.jpg) left center no-repeat;
	transition:all 0.4s;
}
#post_nav .next_post a{
	padding-right: 30px;
	float:right;
	background:url(../img/slide_next.jpg) right center no-repeat;
	
}
#lists_container{
	margin-bottom:40px;
}
#comments_form h2{
	margin-bottom:10px;
}
#comments_form p{
	font-size:12px;
	color:#898a8c;
	margin-bottom:40px;
}
#main_content .input{
	background:#fafafa;
}
#comments_form #submit{
	width:220px;
	background-image:none;
	text-indent:0;
	float:left;
}
#comments_form{
	margin-bottom:0;
}
#comments_form label{
	display:block;
	color:#858688;
	font-family: league-gothic, sans-serif; 
	margin-bottom:10px;	
	margin-top:5px;
	float:left;
}
#comments_form textarea.input{
	margin-bottom:30px;
}
#comments_section{
	margin-bottom:50px;
	padding-bottom:0;
	padding-top:0;
}
#comments_section > h4{
	margin-bottom:50px;
}
.comment{
	position:relative;
	margin-bottom:60px;
}
.comment .comment_pic{
	-webkit-box-shadow: 0 0 0 1px #d7d7d7;
	box-shadow: 0 0 0 1px #d7d7d7;
	border-radius:50%;
	width:70px;
	height:70px;
	padding:3px;
	background-color:#fff;
	position:absolute;
	left:0;
	top:0;
}
.comment .comment_body{
	padding-left: 90px;
}
.comment h6{
	margin-bottom:0px;
	padding-top:15px;	
}
.comment h6 a{
	color:#727477;
	display:block;
	float:left;
}
.comment .comment_date{
	font-size:10px;
	color:#97999c;
	margin-bottom:40px;
}
.comment .comment_reply{
	position:absolute;
	right:0;
	top:15px;
	text-transform:uppercase;
	font-size:11px;
	display:block;
	border-radius:4px;
	border:1px solid #ebebeb;
	background:#fafafa;
	padding:4px 11px;
	font-weight:bold;
}
.comment.reply{
	padding-lefT:90px;
}
.comment.reply .comment_pic{
	left:90px;
}
.comment.author h6 a{	
	padding-right:45px;
	background:url(../img/author-comment.png) right 6px no-repeat;
}
.section.single_blog_post_sidebar, .section.collection{
	border-bottom:0;
}

/*single blog with sidebar*/
.main_post_container, .sidebar_container{
	width:71%;
	float:left;	
}
.main_post_container{	
	border-right:1px solid #efefef;
}
.sidebar_container{
	width:29%;	
}
.main_post_container .container_m2{
	float:left;
	margin:0;
}
.sidebar_container.right_sidebar .sidebar{
	float:right;
	max-width:290px;
}
.widget{
	padding-bottom:30px;
	border-bottom:1px solid #efefef;
	margin-bottom:45px;
}
.widget_title{
	color:#1a1c1f;
	margin-bottom:30px;
}
.widget ul li{
	margin-bottom:20px;
	font-size:12px;
	line-height:12px;
}
.widget a{
	text-decoration:none;
	font-size:12px;
	color:#898a8c !important;
}
.widget ul li:last-child{
	margin-bottom:0;
}
.widget .widget_paragraph{
	font-size:12px;
	color:#898a8c;
	margin-bottom:20px;	
}
.widget .widget_paragraph:last-child{
	margin-bottom:0px;
}
.widget .project_link{
	margin-top:20px;
	display:block;
}
.widget #search_button{
	display:none;	
}
.widget.sidebar_search{	
	border-bottom:none;
	padding-bottom:0;
}
.widget.sidebar_search  input[type="text"]{
	border:1px solid #f2f2f2;
	background:#fafafa url(../img/search.png) right center  no-repeat;
	padding:12px;
	padding:16px;
	line-height:18px;
	border-radius:4px;
	width:100%;
	font-size:14px;
	color:#727477;
}
.container_m.group h1{
	color:#747474;
}
.section.collection h2{
	font-weight:bold;
}
.section.collection a{
	text-decoration:none !important;
}
.collection .section{
	padding:0;
	margin-bottom:60px;
}
.collection .section h2{
	margin-bottom:15px;
}
.collection .section .blog_info{
	margin-bottom:30px !important;
}
.continue_reading{
	margin-bottom:30px;
	font-size:13px;
	padding-right:33px;
	background:url(../img/projects_arrow.png) right 6px no-repeat;
	display:block;
	float:left;
}
.continue_reading:hover{
	background-image:url(../img/slide_nextH.png);
	color:#707071 !important;
}
.collection .group.section{
	padding-top:0;
}
.collection .section img{
	margin-bottom:35px;
}
.journal_no_sidebar{
	margin-bottom:80px;
}


input, textarea{
	transition:all 0.4s;
}
input:not([type="submit"]):hover, textarea:hover, input:not([type="submit"]):focus, textarea:focus{
	background-color:#fdfdfd !important;
}
.widget a:hover{
	color:#1a1c1f !important
}
.blog_info_category, .blog_info_comments, .isTag{
	color:#aeafaf !important;
}
.blog_info_category:hover, .blog_info_comments:hover, .isTag:hover{
	color:#1a1c1f !important
}
#company_home_projects_descr{
	padding-bottom:0;
	border-bottom: none;
}
#home_index2{
	border-bottom:none;
}
.single_blog_post.custom #blog_post h1{
	margin-bottom:50px;
}
.work div.section, .profile div.section{
	padding:0;
	border-bottom:none;
}
.work{
	padding-bottom:40px;
}
.section.group.team{
	margin-bottom:0;
}
#menuMobileToggle{
	display:none;
	width:24px;
	height:24px;
	background:url(../img/menu.png) center center no-repeat;
	position:absolute;
	top: 15px;
	right: 30px;
}
.isToggled{
}
.demo h1, .demo h2, .demo h3, .demo h4, .demo h5, .demo h6{
	margin-bottom:20px !important;
}
.ul h5, .ol h5{
	margin-bottom:10px;
}
#success, #faliure{
	display:none;
	position: absolute;
	width: 100%;
	top: 43%;
}
#success p, #faliure p{
	margin-bottom:0;
	font-size: 30px;
	line-height:60px;
	text-align:center;
}
#success{
	background: rgb(241,241,241);
	background: -moz-linear-gradient(left,  rgba(241,241,241,0) 0%, rgba(241,241,241,1) 40%, rgba(241,241,241,1) 60%, rgba(241,241,241,0) 100%);
	background: -o-linear-gradient(left,  rgba(241,241,241,0) 0%,rgba(241,241,241,1) 40%,rgba(241,241,241,1) 60%,rgba(241,241,241,0) 100%);
	background: -ms-linear-gradient(left,  rgba(241,241,241,0) 0%,rgba(241,241,241,1) 40%,rgba(241,241,241,1) 60%,rgba(241,241,241,0) 100%);
	background: linear-gradient(to right,  rgba(241,241,241,0) 0%,rgba(227, 240, 226, 1) 40%,rgba(227, 240, 226, 1) 60%,rgba(241,241,241,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=1 );
}
#faliure{
	background: rgb(241,241,241);
	background: -moz-linear-gradient(left,  rgba(241,241,241,0) 0%, rgba(241,241,241,1) 40%, rgba(241,241,241,1) 60%, rgba(241,241,241,0) 100%);
	background: -o-linear-gradient(left,  rgba(241,241,241,0) 0%,rgba(241,241,241,1) 40%,rgba(241,241,241,1) 60%,rgba(241,241,241,0) 100%);
	background: -ms-linear-gradient(left,  rgba(241,241,241,0) 0%,rgba(241,241,241,1) 40%,rgba(241,241,241,1) 60%,rgba(241,241,241,0) 100%);
	background: linear-gradient(to right,  rgba(241,241,241,0) 0%,rgba(227, 240, 226, 1) 40%,rgba(227, 240, 226, 1) 60%,rgba(241,241,241,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=1 );
}
#success p{
	color:#3e6f4d;
}
#faliure p{
	color:#9c270c;
}
#contact_to_be_trigered > .container_m > p{
	text-align: center;
	width: 60%;
	margin: 0 auto;
	line-height: 26px;
}
.journal_sidebar div.main_post_container div#main_content{
	padding:0;
}
.wrapper{
	padding-bottom:0px;
	background-color: #fff;

}


.video-container {
    position: relative;
    padding-bottom: 40%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}