/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



/*

 * Style Style Sheet - Defines the main look like colors and backgrounds

 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles

 */





/* Base

----------------------------------------------------------------------------------------------------*/



/* Color: Blue */

h2,

h3,

a,

.menu-dropdown li.active .level1,

a.button-more:hover,

#system .title a:hover,

.searchbox .results li.more-results:hover { color: #5F9FCB; }



/* Color: Orange */

h5,

a:hover,

.menu-dropdown a.level3:hover,

.menu-sidebar a:hover > span,

.menu-sidebar span:hover > span,

.mod-box-black a,

#bottom-b .mod-line a,

#system small,

.searchbox .results li.result.selected,

.searchbox .results li.result.selected h3 { color: #ECAD3C; }





/* Menus

----------------------------------------------------------------------------------------------------*/



.menu-dropdown li.level1:hover .level1 > span,

.menu-dropdown li.remain .level1 > span,

.menu-dropdown li.active .level1 > span { background-image: url(../images/menu_dropdown_level1_active.png); }



.menu-dropdown a.level2:hover { background-color: #5F9FCB; }



.mod-box-color .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_color.png); }



.mod-box-color .menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2_color.png); }





/* Modules

----------------------------------------------------------------------------------------------------*/



.mod-box .module-title,

#system .item > header { background: url(../images/mod_box_header.png) 0 100% repeat-x; }

.module.mod-box-color .module-title { background: url(../images/mod_box_color_header.png) 0 100% repeat-x; }



/* Module Box: Color */

.mod-box-color {

	border-color: #3C86B7;

	border-bottom-color: #30698F;

	background: #3C86B7 url(../images/mod_box_color.png) 0 100% repeat-x;

	box-shadow: 0 1px 2px rgba(0,0,0,0.08);

}



.mod-box-color > div {

	background: #5F9FCB;

	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);

}



.mod-box-color a { color: #0D5A8E; }



.mod-box-color a:hover,

.mod-box-color .menu-sidebar a:hover > span,

.mod-box-color .menu-sidebar span:hover > span,

.mod-box-color > div .module-title .subtitle { color: #D9EDFC; }





/* Tools

----------------------------------------------------------------------------------------------------*/



form.style button:hover,

form.style input[type="button"]:hover,

form.style input.button:hover,

form.style #submit:hover {

	border-color: #30698F;

	background-color: #5F9FCB;

	box-shadow: 0 2px 1px rgba(0,0,0,0.1);

}



.Hboxs{ min-height:558px; float:left; width:100%;}

.Hboxs1{ min-height:250px; float:left;}

.Fmanus{width:100%; line-height:12px; padding-bottom:10px; text-align:center; float:left; }

.Fmanus ul{ padding:0px 0px; margin:0px 0px; width:100%; float:left; }

.Fmanus ul li{ font-weight:normal; padding:0px 10px 0px 10px; margin:10px 0px; font-size:10px; font-family:Verdana,Arial,Helvetica, sans-serif; list-style:none;  border-right:1px solid #998D79; display:inline-table;}

.Fmanus ul li a{}



.grid-box { float: left; }

.Footertesss{float:left; width:100%;}

.Footertesss img{ max-width:100%; height:auto; display:block;}

.pnone{ padding-left:0px !important; padding-right:0px !important;}

.logo { float:left;}

.logo img{ width:100%; height:auto; display:block; min-height:100px;}

#sidebar-a{ width:100% !important; float:left;}

#sidebar-b{ width:100% !important; float:left;}

#maininner{width:100% !important; float:left;}

.Contttss{}

.Contttss img{ max-width:100%; height:auto; display:block;}



/* === NAV === */



.menu a, .menu span {

    display: inline-block; padding-top:10px; padding-bottom:10px;

}

#menu-toggle-primary a{

	display: block;

	color: #fff;

	background: #444; padding-left:10px;

}

#menu-toggle-primary a:before{

	content: "+";

	font-family: 'dashicons';

	font-weight: 400;

	font-size: 20px;

	font-size: 2rem;

	vertical-align: top;

	margin-right: 0.5rem;

	margin-right: 5px;

	-webkit-font-smoothing: antialiased;

}

#menu-toggle-primary a.close-menu-primary:before{

	content: "-";

}

/* Hide Menu */

#menu-primary-items{

	display: none;

}

#menu-toggle-primary a.close-menu-primary{

	display: none;

}

/* Show Menu */

#menu-primary:target #menu-primary-items{

	display: block;

}

#menu-primary:target #menu-toggle-primary a.open-menu-primary{

	display: none;

}

#menu-primary:target #menu-toggle-primary a.close-menu-primary{

	display: block;

}







@media (max-width:1280px){}



@media (max-width:1024px){}



@media (max-width:990px){ 

.Hboxs img{ max-width:100%; height:auto; display:block;}

.Hboxs h2{ font-size:20px;}

.module .module-title {

    margin-bottom: 10px;

    padding-bottom: 18px;

    font-size:17px;

}

h1{ font-size:24px;}

.Hboxs1{ min-height:347px; float:left;}

.Footertesss p{ font-size:12px !important;}

body{ min-width:768px !important; padding:0px 0px; margin:0px auto;}

.Homesllds{}

.Homesllds img{ max-width:100%; height:auto; display:block;}

.menu-dropdown a.level1, .menu-dropdown span.level1 {

    padding: 4px 6px 5px;

    border-top: 1px solid #D3D3D3;

    background: #F7F7F9 none repeat scroll 0% 0% padding-box;

    box-shadow: 0px 0px 0px 1px #FFF inset;

    color: #777;

    font-size: 14px;

    text-transform: uppercase;

}

	.wk-accordion-default .toggler {

    margin-bottom: 10px;

    padding: 7px;

    border: 1px solid #DDD;

    background: transparent linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%) repeat scroll 0% 0%;

    border-radius: 5px;

    box-shadow: 0px 1px 0px #FFF inset;

    text-shadow: 0px 1px 0px #FFF;

    font-size: 20px;

}

}



@media (max-width:800px){

	h1{ font-size:20px;}

	.Footertesss p{ font-size:12px !important;}

	.Footertesss p strong{ font-weight:400;}

	body{ min-width:300px !important; padding:0px 0px; margin:0px auto;}

	h2, .h2 {

    font-size: 26px;

}



	.wk-accordion-default .toggler {

    margin-bottom: 10px;

    padding: 7px;

    border: 1px solid #DDD;

    background: transparent linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%) repeat scroll 0% 0%;

    border-radius: 5px;

    box-shadow: 0px 1px 0px #FFF inset;

    text-shadow: 0px 1px 0px #FFF;

    font-size: 18px;

}







	}

@media (max-width:767px){

	.wk-accordion-default .toggler {

    margin-bottom: 10px;

    padding: 7px;

    border: 1px solid #DDD;

    background: transparent linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%) repeat scroll 0% 0%;

    border-radius: 5px;

    box-shadow: 0px 1px 0px #FFF inset;

    text-shadow: 0px 1px 0px #FFF;

    font-size: 16px;

}



	.grid-box { float: none; }

h3, .h3 {

    font-size: 22px;

}





.Hboxs{ min-height:500px; float:left; width:100%;}

.demo-slide h1 {

    font-size:20px;

    margin: 0px 0px 10px;

}

.demo-slide h2 {

   font-size: 18px;

    margin: 0px 0px;

}



.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span {

    float: none;

}



 .menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {

    padding: 0px; width:100%;

    height: 33px;

    line-height: 30px;

    background: transparent url("../images/menu_dropdown_level1.png") repeat-x scroll 0px 100%;

}

.menu-dropdown:first-child li.level1:first-child .level1 {

    border-left: 1px solid #D3D3D3;

    border-radius: 4px 0px 0px 4px;

    width: 100%;

}



.menu-dropdown a.level1, .menu-dropdown span.level1 {

    padding: 4px 6px 5px;

    border-top: 1px solid #D3D3D3;

    background: #F7F7F9 none repeat scroll 0% 0% padding-box;

    box-shadow: 0px 0px 0px 1px #FFF inset;

    color: #777;

    font-size: 14px;

    text-transform: uppercase;

    width: 100%;

}



.menu-dropdown .dropdown {

    display: block;

    position: relative;

    top:0px;

    left: 0px;

    z-index: 100; width:94%;



}

 

 .menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span {

    padding: 0px 10px; line-height:14px;

}

h2, .h2 {

    font-size: 22px;

}

}



@media (max-width:640px){

	 

	

	}

	

	

@media (max-width:480px){
	body{ min-width:300px !important; padding:0px 0px; margin:0px auto; max-width:480px !important;}
	 

	

	}

	



@media (max-width: 360px){.Hboxs1{ min-height:250px; float:left;}

.Hboxs{ min-height:500px; float:left; width:100%;}
body{ min-width:300px !important; padding:0px 0px; margin:0px auto; max-width:360px !important;}

 

}