/*	--------------------------------------------------
	:: Media Queries
	-------------------------------------------------- */


@media screen and (min-width: 1200px) {
	
	.responsive {width: 1000px !important;}

}

@media screen and (max-width: 1200px) {
	.scrollup {
		width: 20px;
		height: 20px;
		background-size: cover;
		bottom: 115px;
		right: 1%;
	}
}



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

	.g60 {width: 100% !important;}
	.g40 {width: 100% !important;}
	.g33 {width: 100% !important;}
	.g33-margin {width: 100% !important;}
	.g50-margin {width: 100% !important; margin: 0 0 20px 0;}

	#header-wrapper {height: auto !important;}
	#nav-wrapper {height: 10px !important;}


	#logo {padding-top: 1%;}
	#phone-desk {display: none;}
	#phone-mobile {
		display: block;
		float: left;
		text-align: right;
		background: none;
		width: 70%;
		height: 48px;
		padding-top: 40px;
		color: white;
	}	

	.slogan-text {display: none;}

	#homepage-wrapper {
		width: auto;
		height: auto;
		background: #3b2e64;
		background-image: none;
		border-top: 6px solid #211641;
	}
	#homepage-wrapper img {display: none;}
	#box3 {background: none;}

	h1 {line-height: 26px;}


	.ck-button label {font-size: 16px;}
	
	
	#footer-wrapper {height: auto;}
	
}


@media screen and (max-width: 600px) {
	.responsive {width: 85% !important;}

	input.g70 {width: 99% !important; margin-right:1%;}
	input.g60 {width: 99% !important; margin-right:1%;}
	input.g50 {width: 99% !important; margin-right:1%;}
	input.g40 {width: 99% !important; margin-right: 1%;}
	input.g33 {width: 99% !important; margin-right:1%;}

}

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

	.responsive {width: 80% !important;}
	.g33 {width: 100% !important; margin: 0 0 20px 0;}
	ul#nav li {width: 100% !important;}
	.g10 {width: 30% !important;}
	.g24 {width: 49% !important;}
	.g30 {width: 100% !important;}
	.g50 {width: 100% !important;}
	.g70 {width: 100% !important;}
	.g90 {width: 70% !important;}
	
	#footer-wrapper {height: 150px;}
	body {margin: 0 0 150px 0; /* bottom = footer height */}
	
	#logo {text-align: center;}

}	

@media screen and (max-width: 475px) {
	.slogan {position: static;}

	#slideshow-wrapper {
		background: #2d2d2d;
		padding-bottom: 20px;
	}
}


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

	#nav-wrapper {height: 40px !important;}

	#logo {width: 100%;}
	#phone-mobile {
		float: none;
		width: 100%;
		text-align: center;
	}
	.slogan {text-align: center;}
	
}

@media screen and (max-width: 360px) {
	
	#footer-wrapper {height: 170px;}
	body {margin: 0 0 170px 0; /* bottom = footer height */}

}



/*	--------------------------------------------------
	:: Slick Nav - Mobile Menu Core Styles
	-------------------------------------------------- */

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left;}
.slicknav_menu .slicknav_icon {float: left; margin: 0.188em 0 0 0.438em;}
.slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar {background: #fff !important;display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em;}
.slicknav_nav {clear: both; }
.slicknav_nav ul,
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em;}
.slicknav_nav .slicknav_item { display: block; cursor: pointer;}
.slicknav_nav a {display: block;}
.slicknav_nav .slicknav_item a { display: inline;}
.slicknav_menu:before,
.slicknav_menu:after {content: ""; display: table;}
.slicknav_menu:after {clear: both;}
/* IE6/7 support */
.slicknav_menu {*zoom: 1;}


/*	--------------------------------------------------
	:: Slick Nav - User Default Styles
	-------------------------------------------------- */
.slicknav_menu {font-size:16px;}

/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #4a3c77;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {}
.slicknav_menu {
	background:#2c2050; 	
	padding:5px;
	width: auto;
	overflow: hidden;
}
.slicknav_nav {color:#fff;margin:0;	padding:0;font-size:0.875em;}
.slicknav_nav, .slicknav_nav ul {list-style: none;overflow:hidden;}
.slicknav_nav ul {padding:0;margin:0 0 0 20px;}
.slicknav_nav .slicknav_item {padding:5px 10px;margin:2px 5px;}
.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff;}
.slicknav_nav .slicknav_item a {padding:0;margin:0;}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#5d40bf;
	color:#dcd4f6;	
}
.slicknav_nav a:hover{-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background:#5d40bf;color:#dcd4f6;}
.slicknav_nav .slicknav_txtnode {margin-left:15px; }





.slicknav_menu {
	display:none !important;
}

@media screen and (max-width: 800px) {
	.js #menu {
		display:none !important;
	}
	
	.js .slicknav_menu {
		display:block !important;
	}
}