/*
Theme Name: Bridge
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 9.5
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
/*font*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
html body {
	font-family: "Noto Sans KR", sans-serif;
}
body header.scrolled nav.main_menu > ul > li > a, 
body header.light.scrolled nav.main_menu > ul > li > a, 
body header.dark.scrolled nav.main_menu > ul > li > a {
	color:#fff;
}
/*mobile*/
.header_inner_right {
	display:none !important;
}
body .header_bottom {
	background:transparent !important;
}
body .mobile_menu_button {
	display:none !important;
}
.scroll_bg {
	background: rgba(0, 0, 0, 0.8) !important;
}
.side_menu_button_link.normal {
	font-size:40px;
	color:#eee;
}
.side_menu {
	z-index: 9999 !important;
	position: absolute ;
	display:block ;
	width:0 ;
	        transform: translateX(270px);
	-webkit-transition: all 0.5s ease-out;
	    -moz-transition: all 0.5s ease-out;
	    -o-transition: all 0.5s ease-out;
	    -ms-transition: all 0.5s ease-out;
	    transition: all 0.5s ease-out;
}
.right_side_menu_opened .side_menu {
	width:200px ;
	display:block;
	        transform: translateX(0px);
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.right_side_menu_opened .wrapper, .right_side_menu_opened footer.uncover {
	left:0 !important;
}
.side_menu.right {
	/*position:fixed ;*/
}
.mo_gnb {
	border-top:1px solid #444;
	margin-top:70px;
}

.side_menu a.close_side_menu {
    	background-size: 26px 26px;
    	width: 26px;
    	height: 26px;
}
.side_menu .mo_gnb li {
	border-bottom: 1px solid #444;
	    margin-bottom:0 !important;
}
.side_menu .mo_gnb li a {
	color:#f0f0f0;
	font-weight:600;
	padding: 15px 20px;
    	width: 100%;
    	display: block;
}

/*business*/
.business {
	text-align: center;
}
.business ul {
	display: inline-block;
}
.business ul li {
	list-style: none;
    float: left;
    width: 160px;
    height: 245px;
    background: #fff;
    border: 1px solid #e9e9e9;
    margin-left: 20px;
    padding: 10px 20px 20px 20px;
}
.business ul li h3 {
	color: #333;
    margin-bottom: 10px;	
}
.business ul li .business_img {
	 width: 160px;
    height: 170px;
    background-size: cover;
    
}
.business ul li p {
	 text-align: center;
    font-size: 12px;
    line-height: 15px;
    margin-top: 15px;
   
}
table.table_1 {
	margin:0 auto;
	padding:0 15px;
}
table.table_1 tr {
	border-bottom:1px solid #eee;
}
table.table_1 td  {
	text-align: left;
}
.contact_footer .wpb_column.vc_column_container {
	    border: none;
    padding: 20px;
}
.contact_footer .wpb_column.vc_column_container.vc_col-sm-3 img {
	width:170px;
}
.contact_footer .wpb_column.vc_column_container.vc_col-sm-3:first-child {
	padding-top:0;
	padding-bottom:0;
}
.contact_footer .wpb_column.vc_column_container.vc_col-sm-6 {
	border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
        padding: 30px 15px;
}
body .portfolio_main_holder .item_holder .portfolio_title {
	margin-bottom:0;
}
.portfolio_single .video .video-wrap {
	height:auto !important;
}
.portfolio_single .video {
	width:100% !important;
	height:auto !important;
}

a.portfolio_image_link{
	    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2000;
        cursor: pointer !important;
}
a.portfolio_image_link:hover {
	cursor:pointer !important;
}

.projects_holder.v4.standard_no_space .mix, .projects_holder.v4.hover_text.no_space .mix {
	float:left;
	width:25% !important;
}
 .projects_holder.hover_text.no_space article .image_holder,
.projects_holder.hover_text.no_space article .image img {
	margin:0 !important;
}
.projects_holder article span.text_holder span.text_outer .hover_feature_holder_title {
	    position: absolute;
    	top: 0;
    	text-align: left;
	    padding: 0 20px;
	    margin-top: 15px;
}
.projects_holder article span.text_holder span span.text_inner {
	position:relative;
}
 .projects_holder.hover_text article .feature_holder  {
	text-align:right;
	position: absolute;
    bottom: 0;
    left: 0;
}
.projects_holder.hover_text article .feature_holder .feature_holder_icons {
	margin: 20px 5px 0 0;
}
.projects_holder.hover_text article .feature_holder .feature_holder_icons a,
.projects_holder.hover_text article .feature_holder .feature_holder_icons a:hover {
	border:none;
	background:transparent;
}

/*portfolio single*/
body.single-portfolio_page .content{
	background-image: url(http://ad-viser.co.kr/wp-content/uploads/2017/01/page_bg_1.jpg);
	    background-size: cover;
}
body.single-portfolio_page .container {
	background-color:transparent;
}

body.single-portfolio_page .content .container  .container_inner {
	width: 1100px;
    	margin: 0 auto;
	background-color:#fff;
	margin-top:100px;
	margin-bottom:100px;
	padding: 50px 50px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single p,
body.single-portfolio_page .content .container  .container_inner .portfolio_single h1,
body.single-portfolio_page .content .container  .container_inner .portfolio_single h2 {
	color:#333;
	font-size:33px;
	font-weight:600;
	line-height: 35px;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .qode-like img {
	width:25px !important;
	margin-right:5px;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .qode-like span {
	display:none;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .portfolio_share {
	float:right;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .portfolio_share .social_share_title {
	display:none;
}
/*body.single-portfolio_page .content .container  .container_inner .portfolio_single .portfolio_share .social_share_icon {
	    background-image: url(http://nextround.cafe24.com/wp-content/uploads/2015/11/news_share_icon.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    margin-left:10px;
}*/
body.single-portfolio_page .content .container  .container_inner .portfolio_single .post_text_inner {
	    border-bottom: 1px solid #e9e9e9;
	    margin: 30px 80px 30px;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .portfolio_images {
	margin:0 80px ;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .post_info {
	margin-bottom:20px;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .post_info,
body.single-portfolio_page .content .container  .container_inner .portfolio_single .post_info a {
	color:#888;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .flexslider {
	padding:80px;
	margin-bottom:10px;
}
body.single-portfolio_page .content .container .container_inner .portfolio_single .flexslider .flex-direction-nav a {
	border:none;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .flexslider .flex-direction-nav i {
	color:#888;
	font-size:90px;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .portfolio_container .column1 {
	width:100%;
}
body.single-portfolio_page .content .container  .container_inner .portfolio_single .portfolio_container .column_inner{
	padding:0 80px;
}
body.single-portfolio_page .portfolio_navigation .portfolio_prev a, body.single-portfolio_page .portfolio_navigation .portfolio_next a {
	line-height: 34px;
}

@media screen and (max-width:767px) {
	.separator.transparent  {
		margin-top:0 !important;
	}
	.business ul li {
		list-style: none;
    display: inline-table;
    float: none;
    width: 30%;
    height: 200px;
    background: #fff;
    border: 1px solid #e9e9e9;
    margin-left: 0px;
    margin-bottom:2px;
    padding: 10px 20px 20px 20px;
	}
	.business ul li .business_img {
		margin:0 auto;
		width:100px;
		height:100px;
	}
	body .projects_holder.hover_text article .item_holder.grayscale .portfolio_shader, 
	body .projects_holder.hover_text article .item_holder.grayscale .text_holder {
		opacity: 1;
	}
	.contact_footer .wpb_column.vc_column_container.vc_col-sm-3,
	.contact_footer .wpb_column.vc_column_container.vc_col-sm-6  {
		display: none;
	}
	.contact_footer .wpb_column.vc_column_container.vc_col-sm-3:last-child {
		display:block;
		text-align: center;
		padding:0;
	}
	

}




@media screen and (min-width: 320px)  and (max-width:767px) {
	body p {
		font-size:12px !important;
	}

/*main*/
	
	

/*portfolio*/
	#portfolio_row {
		padding:0px !important;
	}
	#portfolio_row .projects_holder_outer {
		width:100% !important;
	}
	#portfolio_row .projects_holder.v4 {
		width:100% !important;
		font-size:0 !important;
	}
	#portfolio_row .projects_holder.v4 .mix, .projects_holder.v4.hover_text .mix {
		width:100% !important;
	}
	.projects_holder.v4.standard_no_space .mix, .projects_holder.v4.hover_text.no_space .mix {
		float:left;
		width:50% !important;
	}
	/*portfolio single*/
	body.single-portfolio_page .content .container .container_inner {
		    width: 100%;
		    margin: 100px 0 20px 0 !important;
		    padding: 0px;
		    border-radius:0px;
		    -webkit-border-radius:0px;
	  	    -moz-border-radius:0px;
		    -o-border-radius:0px;
		    -ms-border-radius:0px;

	}
	body.single-portfolio_page .content .container  .container_inner .portfolio_single .portfolio_images {
		margin:0 20px;
	}
	body.single-portfolio_page .content .container  .container_inner .portfolio_single .portfolio_images .video {
		margin-bottom:10px;
	}
	body.single-portfolio_page .content .container .container_inner .portfolio_single .post_text_inner {
		margin: 20px !important;		
	}
	body.single-portfolio_page .content .container .container_inner .portfolio_single .flexslider {
		padding:0 !important;
	}
	body.single-portfolio_page .content .container .container_inner .portfolio_single hr {
		display:none;
	}
	body.single-portfolio_page .content .container .container_inner .portfolio_single .portfolio_container .column_inner {
		padding:0 20px !important;
	}
	body.single-portfolio_page .content .container .container_inner .portfolio_single .qode-like img {
		width:15px !important;
	}
	body.single-portfolio_page .content .container .container_inner .portfolio_single .portfolio_share .social_share_icon {
		background-size: 15px 15px !important;
		    width: 15px !important;
		    height: 15px !important;
		    margin-top:5px;
	}
	.google_map_shortcode_holder,
	.qode_google_map {
		height:300px !important;
	}
	.map .vc_column_container>.vc_column-inner {
		padding-right:0;
		padding-left:0;
	}
}
@media only screen and (max-width: 1100px){
	/*header*/
	body header.fixed {
		position:fixed !important;
	}
	.main_menu {
		display:none !important;
	}
	.header_inner_right {
		display:block !important;
	}
	.logo_wrapper {
		left:0 !important;
	}
	.q_logo a {
		left:0 !important;
	}
}

/*portfolio single responsive*/
@media screen and (min-width: 768px)  and (max-width:1100px) {
	body.single-portfolio_page .content .container .container_inner {
		width:90% !important;
		
	}
	
}


@media screen and (min-width: 320px)  and (max-width:767px) {
	
	.header_inner_right {
		display:block !important;
	}
	body .logo_wrapper,
	body .side_menu_button {
		height:70px !important;
	}
	body .logo_wrapper .q_logo a {
		height:70px !important;
	}
	
	.about_separator_mo_hidden {
		display:none !important;
	}
	.about .wpb_text_column p {
		font-size:40px !important; 
	}
	.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title {
		font-size:20px;
	}
	.projects_holder_outer .filter_outer {
		display:none !important;
	}
	
}
@media screen and (min-width: 768px)  and (max-width:1100px) {
	.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title {
		font-size:16px;
	}
}
@media screen and (min-width: 1101px)  {
	.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title {
		font-size:16px;
	}
	.projects_holder.hover_text article .feature_holder .feature_holder_icons a {
		font-size:16px;
	}
	.projects_holder.hover_text article .feature_holder .feature_holder_icons {
		margin-bottom:10px;
	}
}

@media screen and (min-width: 2000px)  {
	.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title {
		font-size:36px;
	}
	.projects_holder.hover_text article .feature_holder .feature_holder_icons a {
		font-size:30px;
	}
	.projects_holder article span.text_holder span.text_outer .hover_feature_holder_title {
		    padding: 0px 40px;
    		margin-top: 30px;
	}
	 .projects_holder.hover_text article .feature_holder .feature_holder_icons {
		margin-bottom:20px;
		margin-right:20px;
	}