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

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#header,
#breadcrumbs,
#content,
#footer { margin: 10px; }

#footer .module { margin: 0; }

#headerbar { margin: 20px 0; }

#headerbar #menu .module {
	float: none;
	max-width: auto;
	margin-right: auto;
}

.wrapper { padding: 0 50px; }

/* Layout
----------------------------------------------------------------------------------------------------*/

body#page {
	background-position: 0 0;
	background-repeat: repeat-x;
}

#page-bg {
	background-position: 50% -500px;
	background-repeat: no-repeat;
}

.radiance-presentation #page-bg {
	min-height: 900px;
	background-position: 50% 100px;
}

#toolbar {
	padding: 0 0 10px 0;
	background-position: 0 100%;
	line-height: 24px;
	font-size: 11px;
	text-transform: uppercase;
}

#menu {
	float: right;
	margin-top: 25px;
}

#breadcrumbs {
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

.system-dark #breadcrumbs,
.system-light #breadcrumbs,
.system-white #content #breadcrumbs { margin-top: 0; }

#footer {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 15px;
	background-position: 0 0;
	font-size: 12px;
}

#totop-scroller {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 21px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}
#totop-scroller:hover { background-position: 0 -30px; }


/* System White
----------------------------------------------------------------------------------------------------*/

.system-white #content {
	padding: 15px;
	border-radius: 4px;
	background: #FDFDFF;
	box-shadow: 0 8px 4px -4px rgba(0,0,0,0.3);
	color: #555;
	text-shadow: none;
}

.system-white #content hr { border-top-color: #d7d7d7; }

.system-white #content ::-moz-selection { background: #2d2d2d; color: #fff; }
.system-white #content ::selection { background: #2d2d2d; color: #fff; }

.system-white #content h1,
.system-white #content h3,
.system-white #content .mod-light .module-title,
.system-white #content form.box legend,
.system-white #content #system .title a,
.system-white #content #system .item header time { color: #424242; }

.system-white #content form.style button,
.system-white #content form.style input[type="button"] { color: #777777;}

.system-white #content a.button-more a { color: #626262; }

.system-white #content a,
.system-white #content h2,
.system-white #content em.box,
.system-white #content #system .item header time { color: #666; }

.system-white #content a:hover,
.system-white #content h4,
.system-white #content code,
.system-white #content #system .title a:hover { color: #2d2d2d; }

.system-white #content #system small,
.system-white #content #system blockquote,
.system-white #content table.zebra caption,
.system-white #content form.style input,
.system-white #content form.style textarea,
.system-white #content form.style select,
.system-white #content .comments-list .meta { color: #777777; }

.system-white #content #system .pagination a:hover,
.system-white #content #system .item > .links a:hover,
.system-white #content #system span.highlight { background-color: #FFFFFF; }

.system-white #content mark,
.system-white #content ins,
.system-white #content a.button-more:hover,
.system-white #content form.style button:hover,
.system-white #content form.style input[type="button"]:hover,
.system-white #content form.style input:focus,
.system-white #content form.style textarea:focus,
.system-white #content form.style select:focus,
.system-white #content #system .pagination strong { color: #FFFFFF; }

.system-white #content mark,
.system-white #content a.button-more:hover,
.system-white #content form.style input[type="button"]:hover,
.system-white #content #system .pagination strong { background-color: #444; }

.system-white #content ins,
.system-white #content form.style input:focus,
.system-white #content form.style textarea:focus,
.system-white #content form.style select:focus,
.system-white #content form.style button:hover { background-color: #424242; }

.system-white #content a.button-more,
.system-white #content form.style button,
.system-white #content form.style input.button,
.system-white #content #system .item > .links a { background: #efefef; }

.system-white #content pre,
.system-white #content .box-content,
.system-white #content .box-note,
.system-white #content .box-info,
.system-white #content .box-warning,
.system-white #content .box-hint,
.system-white #content .box-download,
.system-white #content #system #comments .comment-head {
	background-color: rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: none;
}

.system-white #content dl.separator dd,
.system-white #content dl.separator dt:before,
.system-white #content dl.separator dt:after { border-color: #efefef; }

.system-white #content dl.separator dt:after { background: #999; }

.system-white #content form.box fieldset,
.system-white #content #system .author-box { border-color: rgba(0,0,0,0.1); }

.system-white #content a.button-more,
.system-white #content form.style button,
.system-white #content form.style input.button,
.system-white #content #system .item > .links a { background-image: url(../styles/white/images/tools/button_more.png); }

.system-white #content ul.line > li,
.system-white #content .comments-list > article,
.system-white #content .wk-twitter-list article,
.system-white #content ul.zoo-list > li,
.system-white #content .zoo-comments-list > article { background-image: url(../styles/white/images/tools/list_line.png); }

.system-white #content ul.line-icon > li,
.system-white #content ul.line-icon > li:first-child { background-image: url(../styles/white/images/tools/list_line_icon.png); }

.system-white #content ul.check > li { background-image: url(../styles/white/images/tools/list_check.png); }

.system-white #content ul.zebra > li.odd,
.system-white #content form.style input,
.system-white #content form.style textarea,
.system-white #content form.style select { background-image: url(../styles/white/images/tools/list_zebra.png); }

.system-white #content ul.zebra > li:nth-of-type(odd) { background-image: url(../styles/white/images/tools/list_zebra.png); }

.system-white #content table.zebra tbody td,
.system-white #content table.zebra tbody tr:first-child td { border-color: rgba(0,0,0,0.1); }

.system-white #content table.zebra tbody tr.odd { background-color: rgba(0,0,0,0.03); }
.system-white #content table.zebra tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,0.03); }

.system-white #content em.box { background-image: url(../styles/white/images/tools/em_box.png); }

.system-white #content hr.dotted { background-image: url(../styles/white/images/tools/line_dotted.png); }

.system-white #content .wk-twitter-single.image { background-image: url(../styles/white/images/widgetkit/bird.png); }

.system-white #content .wk-twitter-bubbles .content,
.system-white #content .wk-twitter .image { background-image: url(../styles/white/images/widgetkit/bubble.png); }

.system-white #content.wk-twitter-bubbles .content:after { background-image: url(../styles/white/images/widgetkit/arrow.png); }

/* Item */
.system-white #content #system .item header time { background-image: url(../styles/white/images/system_time.png); }

/* Pagination */
.system-white #content #system .pagination a { background-image: url(../styles/white/images/pagination.png); }





nav a#pull {display: none;}	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

nav{width:100%; margin:0px 0px 0px 0px; text-align:center; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%; background:#878c6f;} 

nav ul li a{border-bottom:1px solid #1e1e1e; display:block;height:auto; width:auto;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}
nav a:hover{background:none; ccolor:#3da335; text-decoration:none;}		

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width: 100%; position: relative; background:#666b52; margin:0px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;} 

nav a#pull {display: block;}

.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span{ float:none !important; padding:0px !important; text-align:left !important;}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span{ padding:5px 0px !important;}
.menu-dropdown li.level1{ margin:0px !important; padding:0px !important;}
.dropdown div{display:block !important;overflow:inherit !important;}
.dropdown div ul {display:block !important;  overflow:inherit !important;}



body{min-width:100% !important;}
.wrapper{width:100% !important; margin:0 auto!important; padding: 0px!important;}
#menu{width:100%; float:none; margin:0px 0px 25px 0px;}
#logo{ float:none!important; width:100% !important;}
#logo img{ float:none!important;}
#headerbar{ text-align:center;}
.width33{ display:inline-block;float: none;margin: 0 5%;padding: 0 !important; width: 23% !important;}

#main{width:100% !important;}
#maininner{width:100% !important;}
.width100{width:100% !important;}

.level2{display:block!important;}

ul.menu-dropdown .dropdown{
	visibility:inherit !important;    
	height: auto !important;
    overflow: inherit !important;
    width: 100% !important;
	position:inherit !important;
    }
ul.menu-dropdown .dropdown div{
	display: inline;
    height: auto !important;
    margin-top: 0;
    overflow: inherit !important;
    width: 100% !important;
	position:inherit !important;
	}
.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span{ float:left !important; width:100% !important;}	

.menu-dropdown li{ position:inherit !important;}	

.radiance-presentation #page-bg {min-height:auto !important;}
.module{min-height:auto  !important; margin:0 0 10px 0 !important;}	
.wk-slideshow-screen > div{border-radius:none !important; background:none !important; margin:0px !important; padding:0px !important;}
.alignnone size-full wp-image-101{width:100% !important;}	
.wk-slideshow-screen > div::before{display:none;}
#top-a{ padding:0px !important;}	
}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	


nav{width:100%; margin:0px 0px 0px 0px; text-align:center; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%; background:#878c6f;} 

nav ul li a{border-bottom:1px solid #1e1e1e; display:block;height:auto; width:auto;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}
nav a:hover{background:none; ccolor:#3da335; text-decoration:none;}		

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width: 100%; position: relative; background:#666b52; margin:0px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;} 

nav a#pull {display: block;}

.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span{ float:none !important; padding:0px !important; text-align:left !important;}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span{ padding:5px 0px !important;}
.menu-dropdown li.level1{ margin:0px !important; padding:0px !important;}
.dropdown div{display:block !important;overflow:inherit !important;}
.dropdown div ul {display:block !important;  overflow:inherit !important;}


body{min-width:100% !important;}
.wrapper{width:100% !important; margin:0 auto!important; padding: 0px!important;}
#menu{width:100%; float:none; margin:0px 0px 25px 0px;}
#logo{ float:none!important; width:100% !important;}
#logo img{ float:none!important;}
#headerbar{ text-align:center;}
.width33{ display:inline-block;float: none;margin: 0 3%;padding: 0 !important; width: 27% !important;}

#main{width:100% !important;}

#maininner{width:100% !important;}
.width100{width:100% !important;}

.level2{display:block!important;}

ul.menu-dropdown .dropdown{
	visibility:inherit !important;    
	height: auto !important;
    overflow: inherit !important;
    width: 100% !important;
	position:inherit !important;
    }
ul.menu-dropdown .dropdown div{
	display: inline;
    height: auto !important;
    margin-top: 0;
    overflow: inherit !important;
    width: 100% !important;
	position:inherit !important;
	}
.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span{ float:left !important; width:100% !important;}	

.menu-dropdown li{ position:inherit !important;}

.radiance-presentation #page-bg {min-height:auto !important;}
.module{min-height:auto  !important; margin:0 0 10px 0 !important;}	
.wk-slideshow-screen > div{border-radius:none !important; background:none !important; margin:0px !important; padding:0px !important;}
.alignnone size-full wp-image-101{width:100% !important;}	
.wk-slideshow-screen > div::before{display:none;}
#top-a{ padding:0px !important;}	
}


@media only screen and (max-width: 479px) {	

nav{width:100%; margin:0px 0px 0px 0px; text-align:center; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%; background:#878c6f;} 

nav ul li a{border-bottom:1px solid #1e1e1e; display:block;height:auto; width:auto;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}
nav a:hover{background:none; ccolor:#3da335; text-decoration:none;}		

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width: 100%; position: relative; background:#666b52; margin:0px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;} 

nav a#pull {display: block;}

.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span{ float:none !important; padding:0px !important; text-align:left !important;}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span{ padding:5px 0px !important;}
.menu-dropdown li.level1{ margin:0px !important; padding:0px !important;}
.dropdown div{display:block !important;overflow:inherit !important;}
.dropdown div ul {display:block !important;  overflow:inherit !important;}

body{min-width:100% !important;}
.wrapper{width:100% !important; margin:0 auto!important; padding: 0px!important;}
#menu{width:100%; float:none; margin:0px 0px 25px 0px;}
#logo{ float:none!important; width:100% !important;}
#logo img{ float:none!important;}
#headerbar{ text-align:center;}
.width33{ display:block;float: none;margin:0 auto;padding: 0 !important; width: 60% !important;}

#main{width:100% !important;}

#maininner{width:100% !important;}	

.loginbox{width:100% !important;}	
.item input[type="text"],.email.cnt input[type="email"],textarea, .loginbox input[type="password"]{width:93% !important;}
.submit.btn input[type="submit"] {width:93% !important;
	max-width: 100%;}
.width100{width:100% !important;}

.level2{display:block!important;}

ul.menu-dropdown .dropdown{
	visibility:inherit !important;    
	height: auto !important;
    overflow: inherit !important;
    width: 100% !important;
	position:inherit !important;
    }
ul.menu-dropdown .dropdown div{
	display: inline;
    height: auto !important;
    margin-top: 0;
    overflow: inherit !important;
    width: 100% !important;
	position:inherit !important;
	}
.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span{ float:left !important; width:100% !important;}	

.menu-dropdown li{ position:inherit !important;}

.radiance-presentation #page-bg {min-height:auto !important;}
.module{min-height:auto  !important; margin:0 0 10px 0 !important;}	
.wk-slideshow-screen > div{border-radius:none !important; background:none !important; margin:0px !important; padding:0px !important;}
.alignnone size-full wp-image-101{width:100% !important;}	
.wk-slideshow-screen > div::before{display:none;}
#top-a{ padding:0px !important;}																	
}