/* Webkit */
    ::selection {
    background: #183665;
    }
    /* Gecko/Mozilla */
    ::-moz-selection {
    background: #183665;
    }




    body{
    	    	    	font-family: 'Noto Sans', sans-serif;
    	    	 color: #333333;     	 font-size: 14px;     	font-weight: 400;    }
    

span.highlight {
	background-color: #ff2d55;
}

.header_bottom,
.header_top,
.fixed_top_header .bottom_header{
	background-color: rgba(0,0,0,0.85);
}



	@media only screen and (min-width: 1000px) {
		.content .container .container_inner.default_template_holder,
		.content .container .container_inner.page_container_inner
		{
			padding-top:80px;
		}
	}
header.fixed.scrolled .header_bottom,
header.fixed.scrolled .header_top,
header.fixed_hiding.scrolled .header_bottom,
header.fixed_hiding.scrolled .header_top {
	background-color: rgba(13,16,31,0.7) !important;
}






.header_top,
.fixed_top_header .top_header,
.fixed_top_header nav.mobile_menu{
	background-color: rgba(18,18,18,0.85);
}
header.sticky .header_top{
	background-color: rgba(18,18,18,0.7);
}





.content{
	margin-top: 0;
}





        header.fixed_hiding .q_logo a,
        header.fixed_hiding .q_logo{
            max-height: 90px;
        }




    .touch section.parallax_section_holder{
		height: auto !important;
		min-height: 300px;  
		background-position: center top !important;  
		background-attachment: scroll;
        background-size: cover;
	}



    .drop_down .second .inner ul,
    .drop_down .second .inner ul li ul,
	.shopping_cart_dropdown,
    li.narrow .second .inner ul,
	.header_top .right #lang_sel ul ul,
    .drop_down .wide .second ul li.show_widget_area_in_popup .widget,
	.drop_down .wide.wide_background .second{
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
    }


nav.main_menu > ul > li > a{
	 color: #ebebeb; 		font-family: 'Noto Sans', sans-serif;
		 font-size: 16px;     	 font-style: normal; 	 font-weight: 500; 	 letter-spacing: 0pxpx; 	 text-transform: none; }



nav.main_menu ul li:hover a {
	 color: #ffffff; }

		nav.main_menu ul li.active a {
			color: #ffffff		}
	




.drop_down .second .inner > ul > li > a,
.drop_down .second .inner > ul > li > h3,
.drop_down .wide .second .inner > ul > li > h3,
.drop_down .wide .second .inner > ul > li > a,
.drop_down .wide .second ul li ul li.menu-item-has-children > a,
.drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children > a,
.drop_down .wide .second .inner > ul li.sub .flexslider ul li  h5 a,
.drop_down .wide .second .inner > ul li .flexslider ul li  h5 a,
.drop_down .wide .second .inner > ul li.sub .flexslider ul li  h5,
.drop_down .wide .second .inner > ul li .flexslider ul li  h5,
.header_top #lang_sel ul li ul li a {
	 color: #ebebeb; 		font-family: 'Noto Sans', sans-serif !important;
		 font-size: 15px; 		 font-style: normal;  	font-weight: 500; 	 text-transform: none;  	 letter-spacing: 0pxpx;  }
.drop_down .second .inner > ul > li > a:hover,
.drop_down .wide .second ul li ul li.menu-item-has-children > a:hover,
.drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children > a:hover{
	color: #ffffff !important;
}
	.drop_down .wide .second .inner>ul>li>a
	{
	 color: #ebebeb; 			font-family: 'Noto Sans', sans-serif !important;
		 font-size: 15px; 		 font-style: normal;  	font-weight: 500; 	 text-transform: uppercase;  	 letter-spacing: 0pxpx;  	}
	.drop_down .wide .second .inner>ul>li>a:hover{
	color: #ffffff !important;
	}
.drop_down .second .inner ul li.sub ul li a:hover,
.drop_down .wide .second ul li.show_widget_area_in_popup:hover .popup_wrapper > a,
.drop_down .second .inner ul li ul li a:hover,
.drop_down .wide.icons .second a:hover i
{
	color: #ffffff !important;
}


header.scrolled nav.main_menu > ul > li > a,
header.light.scrolled nav.main_menu > ul > li > a,
header.dark.scrolled nav.main_menu > ul > li > a{
	 color: #ebebeb; 		font-family: 'Noto Sans', sans-serif !important;
		 font-size: 15px; 		 font-style: normal;  	font-weight: 500; 		}
header.scrolled .side_menu_button a {
     color: #ebebeb !important; }
header.scrolled nav.main_menu > ul > li > a:hover > span,
header.scrolled nav.main_menu > ul > li:hover > a > span,
header.scrolled nav.main_menu > ul > li.active > a > span,
header.scrolled nav.main_menu > ul > li > a:hover > i,
header.scrolled nav.main_menu > ul > li:hover > a > i,
header.scrolled nav.main_menu > ul > li.active > a > i,
header.scrolled .side_menu_button a:hover,
.light.scrolled nav.main_menu > ul > li > a:hover,
.light.scrolled nav.main_menu > ul > li.active > a,
.light.scrolled .side_menu_button a:hover,
.dark.scrolled nav.main_menu > ul > li > a:hover,
.dark.scrolled nav.main_menu > ul > li.active > a,
.dark.scrolled .side_menu_button a:hover {
	color: #ffffff !important;
}

header.sticky nav.main_menu > ul > li > a, 
header.light.sticky nav.main_menu > ul > li > a, 
header.dark.sticky nav.main_menu > ul > li > a{
	 color: #ebebeb; 							}

header.sticky .side_menu_button a, 
header.sticky .side_menu_button a:hover{
     color: #ebebeb; }

header.sticky nav.main_menu > ul > li > a:hover span, 
header.sticky nav.main_menu > ul > li.active > a span,
header.sticky nav.main_menu > ul > li:hover > a > span,
header.sticky nav.main_menu > ul > li > a:hover > i, 
header.sticky nav.main_menu > ul > li:hover > a > i,
header.sticky nav.main_menu > ul > li.active > a > i,
.light.sticky nav.main_menu > ul > li > a:hover, 
.light.sticky nav.main_menu > ul > li.active > a, 
.dark.sticky nav.main_menu > ul > li > a:hover, 
.dark.sticky nav.main_menu > ul > li.active > a{
	color: #ffffff !important;
}

nav.mobile_menu ul li a,
nav.mobile_menu ul li h3{
	 color: #ebebeb; 							}


	nav.mobile_menu ul li span.mobile_arrow i, nav.mobile_menu ul li span.mobile_arrow i {
	    color: #ebebeb;
	}

nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active > a,
nav.mobile_menu ul li.current-menu-item > a{
	color: #ffffff;
}
	nav.mobile_menu ul li,
	nav.mobile_menu ul li,
	nav.mobile_menu ul li ul li,
    nav.mobile_menu ul li.open_sub > ul{
		border-color: #183665;
	}

	@media only screen and (max-width: 1000px){
		.header_bottom,
		nav.mobile_menu,
		header.fixed_top_header .top_header{
			background-color: #183665 !important;
		}
	}
	@media only screen and (max-width: 1000px){
		.header_top{
			background-color: #183665 !important;
		}
	}




h1,
.h1,
.title h1 {
		color: #333333; 		font-size: 28px; 	line-height: 40px; 	font-style: normal; 	font-weight: 500;     letter-spacing: -2px;     text-transform: none; }
.title h1{
	color: #ffffff; 		font-family: 'Noto Sans', sans-serif;
		font-size: 21px; 	line-height: 24px; 	font-style: normal; 	font-weight: 400; 	}


	.title.title_size_small h1{
	font-size: 21px; 	line-height: 24px;     	}
	.title.title_size_medium h1{
	font-size: 32px; 	line-height: 36px; 	font-weight: 400;     		}
	.title.title_size_large h1{
	font-size: 48px; 	line-height: 52px; 	font-weight: 400;     		}
h2,
.h2,
h2 a{
	color: #333333; 		font-size: 24px; 	line-height: 36px; 	font-style: normal; 	font-weight: 500;     letter-spacing: -1.5px; 	text-transform: none; }
h3,
.h3,
h3 a{
	color: #333333; 		font-size: 21px; 	line-height: 32px; 	font-style: normal; 	font-weight: 500;     letter-spacing: -1.2px; 	text-transform: none; }
h4,
.h4,
h4 a{
	color: #333333; 		font-size: 18px; 	line-height: 28px; 	font-style: normal; 	font-weight: 500;     letter-spacing: -1px; 	text-transform: none; }
h5,
.h5,
h5 a,
.q_icon_with_title .icon_text_holder h5.icon_title{
	color: #333333; 		font-size: 15px; 	line-height: 25px; 	font-style: normal; 	font-weight: 500;     letter-spacing: -0.7px; 	text-transform: none; }
h6,
.h6,
h6 a {
	color: #333333; 		font-size: 14px; 	line-height: 22px; 	font-style: normal;  	font-weight: 500; 	letter-spacing: -0.5px; 	text-transform: none; }

    p{
    	color: #333333;    	    	font-size: 14px;    	line-height: 22px;    	font-style: normal;    	font-weight: 400;    	    	    }
    .filter_holder ul li span,
    blockquote h5,
    .q_social_icon_holder .simple_social,
    .header-widget.widget_nav_menu ul.menu li a,
    .side_menu a,
    .side_menu li,
    .side_menu span,
    .side_menu p,
    .side_menu .widget.widget_rss li a.rsswidget,
    .side_menu #wp-calendar caption,
    .side_menu #wp-calendar th, 
    .side_menu #wp-calendar td,
    aside .widget #lang_sel_list li a,
    aside .widget #lang_sel li a,
    aside .widget #lang_sel_click li a,
    .wpb_widgetised_column .widget #lang_sel_list li a,
    .wpb_widgetised_column .widget #lang_sel li a,
    .wpb_widgetised_column .widget #lang_sel_click li a,
    section.side_menu #lang_sel_list li a,
    section.side_menu #lang_sel li a,
    section.side_menu #lang_sel_click li a,
    footer #lang_sel_list li a,
    footer #lang_sel li a,
    footer #lang_sel_click li a,
    footer #lang_sel_list.lang_sel_list_horizontal a,
    footer #lang_sel_list.lang_sel_list_vertical a,
    .side_menu #lang_sel_list.lang_sel_list_horizontal a,
    .side_menu #lang_sel_list.lang_sel_list_vertical a,
    #lang_sel_footer a{
    	color: #333333;    }
    .header_top #lang_sel > ul > li > a, 
    .header_top #lang_sel_click > ul > li> a,
    footer #lang_sel ul li a,
    footer #lang_sel ul ul a,
    footer #lang_sel_click ul li a,
    footer #lang_sel_click ul ul a,
    footer #lang_sel_click ul ul a span,
    section.side_menu #lang_sel ul li a,
    section.side_menu #lang_sel ul ul a,
    section.side_menu #lang_sel ul ul a:visited,
    section.side_menu #lang_sel_click > ul > li > a,
    section.side_menu #lang_sel_click ul ul a,
    section.side_menu #lang_sel_click ul ul a:visited{
    	color: #333333 !important;    }
    a, p a{
	color: #333333;	font-style: normal;	font-weight: 400;	text-decoration: none;}

	 	h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
	.q_icon_with_title .icon_with_title_link,
	.blog_holder article .post_description a:hover,
	.blog_holder.masonry article .post_info a:hover,
	.breadcrumb .current,
	.breadcrumb a:hover,
	.portfolio_social_holder a:hover,
	.latest_post_inner .post_infos a:hover{
		color: #333333;
	}
	a:hover,p a:hover,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
.q_tabs .tabs-nav li a:hover,
.q_icon_with_title .icon_with_title_link:hover,
.blog_holder article .post_description a:hover,
.blog_holder.masonry article .post_info a:hover,
.portfolio_social_holder a:hover,
.latest_post_inner .post_infos a:hover{
		text-decoration: none;}

	.subtitle {
		color: #ffffff;font-size: 21px;font-family: "Noto Sans";line-height: 21px;font-weight: 400;font-style: normal;	}
	
.title.title_size_large	h4.subtitle{
	font-size: 24px; 	line-height: 24px; 	font-weight: 400; 	}
	.title .text_above_title {
		color: #ffffff;font-size: 48px;line-height: 52px;	}
	
.title.title_size_large	.text_above_title{
	font-size: 48px; 	line-height: 52px; 		}













.google_map{
	height: 750px;
}

	.footer_inner{
	background-image:url(http://thecsrcenter.cafe24.com/wp-content/uploads/2019/01/bg_footer.png);
	background-position: 0 0;
	}
	.footer_top_holder,.footer_bottom_holder, .content footer .container {
	background-color:transparent;
	}


    .footer_top,
    .footer_top.footer_top_full{
     padding-top: 40px;padding-bottom: 80px 
 }

	.footer_top,
	.footer_top p,
    .footer_top span,
    .footer_top li,
    .footer_top .textwidget,
    .footer_top .widget_recent_entries>ul>li>span {
		color: #cccccc;
	}


	.footer_bottom_holder, #lang_sel_footer{
		background-color:#ffffff;
	}












.footer_bottom, .footer_bottom span, .footer_bottom p, .footer_bottom p a, .footer_bottom a, #lang_sel_footer ul li a,
footer #lang_sel > ul > li > a,
footer #lang_sel_click > ul > li > a,
footer #lang_sel a.lang_sel_sel,
footer #lang_sel_click a.lang_sel_sel,
footer #lang_sel ul ul a,
footer #lang_sel_click ul ul a,
footer #lang_sel ul ul a:visited,
footer #lang_sel_click ul ul a:visited,
footer #lang_sel_list.lang_sel_list_horizontal a,
footer #lang_sel_list.lang_sel_list_vertical a,
#lang_sel_footer a,
.footer_bottom ul li a {
	color:#999999;
}



	.side_menu .widget,
	.side_menu .widget.widget_search form,
	.side_menu .widget.widget_search form input[type="text"],
	.side_menu .widget.widget_search form input[type="submit"],
	.side_menu .widget h6,
	.side_menu .widget h6 a,
	.side_menu .widget p,
	.side_menu .widget li a,
	.side_menu .widget.widget_rss li a.rsswidget,
	.side_menu #wp-calendar caption,
	.side_menu .widget li,
	.side_menu_title h3,
	.side_menu .widget.widget_archive select,
	.side_menu .widget.widget_categories select,
	.side_menu .widget.widget_text select,
	.side_menu .widget.widget_search form input[type="submit"],
	.side_menu #wp-calendar th,
	.side_menu #wp-calendar td,
	.side_menu .q_social_icon_holder .simple_social {
		color: #ebebeb;font-size: 13px;font-weight: 400;letter-spacing: -0.3pxpx;	}
	    .side_menu,
    .side_menu #lang_sel,
    .side_menu #lang_sel_click,
    .side_menu #lang_sel ul ul,
    .side_menu #lang_sel_click ul ul{
        background-color: #0a253e;    }
	.side_menu .side_menu_title h4,
	.side_menu h5,
	.side_menu h6 {
		color: #ebebeb;font-size: 13px;letter-spacing: -0.3pxpx;font-weight: 500;	}

	






















/*Blog Masonry Gallery - end */




























 
 
 .vertical_menu_float .menu-item .second{
	left: calc(100% + 30px); /*because of the padding*/
}

.vertical_menu_hidden aside.vertical_menu_area .vertical_menu_float .menu-item .second {
	left: calc(100% + 40px);
}

 
 
 
	aside.vertical_menu_area{
        background-color: #183665;
	}




	aside .vertical_menu_area_widget_holder,
	aside .vertical_menu_area_widget_holder p,
	aside .vertical_menu_area_widget_holder span
	{
		color: #ebebeb;
	}

	.vertical_menu_area{
		text-align:left;
	}
	

	nav.vertical_menu > ul > li > a{
	 color: #ffffff; 			font-family: 'Noto Sans', sans-serif;
		 font-size: 18px; 		 font-weight: 400; 	 line-height: 40px; 	 letter-spacing: 2pxpx; 		}

	nav.vertical_menu_toggle ul>li.menu-item-has-children>a>.plus,
	nav.vertical_menu_on_click ul>li.menu-item-has-children>a>.plus,
	nav.vertical_menu_float ul>li.menu-item-has-children>a>.plus{
		margin-top: 16px;
	}


	.vertical_menu .second .inner > ul > li > a,
	.vertical_menu .wide .second .inner > ul > li > a{
	 color: #ffffff; 		 font-size: 15px; 			font-weight: 400; 			}




	.vertical_menu .second .inner ul li.sub ul li a{
	 color: #ffffff;  								}








	.header_top .q_social_icon_holder .simple_social:not(.qode_icon_font_elegant):not(.qode_icon_font_awesome),
	.header_top .header-widget,
	.header_top .header-widget.widget_nav_menu ul.menu>li>a,
	.header_top .header-widget p,
	.header_top .header-widget a,
	.header_top .header-widget span:not(.qode_icon_font_elegant):not(.qode_icon_font_awesome) {
	     color: #ebebeb;	}

	.header_top .q_social_icon_holder .simple_social:hover,
	.header_top .header-widget:hover,
	.header_top .header-widget.widget_nav_menu ul.menu>li>a:hover,
	.header_top .header-widget p:hover,
	.header_top .header-widget a:hover,
	.header_top .header-widget span:hover {
	color: #ffffff;	}



		.projects_holder article span.text_holder,
		.projects_masonry_holder .text_holder
		{
			background-color: rgba(0,0, 0, .1);
		}
	.projects_holder article .portfolio_description .portfolio_title,
	.projects_holder article .portfolio_description .portfolio_title a{
		line-height: 18px;letter-spacing: -0.5px;	}
	.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title,
	.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a,
	.projects_masonry_holder .portfolio_title,
	.projects_masonry_holder .portfolio_title a,
    .portfolio_main_holder .item_holder .portfolio_title a,
    .masonry_with_space_only_image .hover_feature_holder_title_inner .portfolio_title a,
    .projects_holder.justified-gallery article .hover_feature_holder_title .portfolio_title a
	{
	line-height: 18px;	}













												




















	.title .separator { background-color: #0a253e; }
	

























































	
	







    .masonry_gallery_item.square_big .masonry_gallery_item_inner .masonry_gallery_item_content{
    text-align: center;    }


    .masonry_gallery_item.square_small .masonry_gallery_item_inner .masonry_gallery_item_content{
    text-align: center;    }


    .masonry_gallery_item.rectangle_portrait .masonry_gallery_item_inner .masonry_gallery_item_content{
    text-align: center;    }


    .masonry_gallery_item.rectangle_landscape .masonry_gallery_item_inner .masonry_gallery_item_content{
    text-align: center;    }








.qode-type1-gradient-left-to-right { background: linear-gradient(to right,#5a413b, #dad1c5);}

.qode-type1-gradient-bottom-to-top, .qode-type1-gradient-bottom-to-top-after:after { background: linear-gradient(to top,#5a413b, #dad1c5);}

.qode-type1-gradient-left-bottom-to-right-top { background: linear-gradient(to right top,#5a413b, #dad1c5);}

.qode-type1-gradient-left-to-right-2x { background: linear-gradient(to right,#5a413b 0%, #dad1c5 50%,#5a413b 100%);background-size: 200% 200%;}

.qode-type1-gradient-left-to-right-text i, .qode-type1-gradient-left-to-right-text i:before, .qode-type1-gradient-left-to-right-text span { background: -webkit-linear-gradient(right top,#dad1c5, #5a413b);color: #5a413b;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.qode-type1-gradient-bottom-to-top-text i, .qode-type1-gradient-bottom-to-top-text i:before, .qode-type1-gradient-bottom-to-top-text span, .qode-type1-gradient-bottom-to-top-text span span { background: -webkit-linear-gradient(bottom,#dad1c5, #5a413b);color: #5a413b;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.qode-type1-gradient-bottom-to-top-text-hover:hover i, .qode-type1-gradient-bottom-to-top-text-hover:hover i:before, .qode-type1-gradient-bottom-to-top-text-hover:hover span, .qode-type1-gradient-bottom-to-top-text-hover:hover span span { background: -webkit-linear-gradient(bottom,#dad1c5, #5a413b);color: #5a413b;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.qode-accordion-holder .qode-title-holder { text-transform: none;font-style: normal;}

.qode-btn { text-transform: none;font-style: normal;}