/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans'), local('OpenSans'), url('http://localhost/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSansSemibold'), url('http://localhost/fonts/OpenSans-Semibold.ttf') format('truetype');
}
 ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

::-moz-selection { background: #bbb; text-shadow: none; }
::selection { background: #bbb; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

img { vertical-align: middle; max-width:100%; height:auto; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }


/* ========================================================================== General - Text */
body, textarea, input { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-size:1.6rem; line-height: 1.8; font-weight: bold; }
html { font-size: 62.5%; }
html, button, input, select, textarea { color: #fff; }

a, a:visited{ color:#E83965; text-decoration:none }
a:hover{ color:#333}

h2{font-size:14px; font-size:1.4rem; font-weight:600;}
.title1{ font-size:16px; font-size:1.6rem;  }
.title2{ font-size:14px; font-size:1.4rem; font-weight:300}
.title3s{ font-size:13px; font-size:1.3rem; font-weight:300}
.title5s{ font-size:15px; font-size:1.5rem; font-weight:300; text-align:center}
.title4{ font-size:14px; font-size:1.4rem; font-weight:600; }

.title6{ font-size:18px; font-size:1.8rem;  }


.title-bold{ font-weight:600}
.title-semibold{ font-weight:400}
.title-center { text-align:center}
.title-white { color:#fff}
.title-gray{ color:#999}
.title-green{ color:#87d122}
.title-black{ color:#000}

.title-lgray{ color:#ccc}
.back-gray{
	background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
padding:15px;
	}
	
.bk-gray{ background-color:#f0f0f0}
.lnk-black a, .lnk-black a:visited{ color:#000000; text-decoration:none}
.lnk-black a:hover{ color:#555; }


p,h1, h2,h3,h4, ul{ margin-top:0; margin-bottom:15px; }
.clear{ clear:both}

/* ========================================================================== Icons 
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?nuux5f');
	src:url('fonts/icomoon.eot?#iefixnuux5f') format('embedded-opentype'),
		url('fonts/icomoon.woff?nuux5f') format('woff'),
		url('fonts/icomoon.ttf?nuux5f') format('truetype'),
		url('fonts/icomoon.svg?nuux5f#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-googleplus:before {
	content: "\e600";
}
.icon-facebook:before {
	content: "\e601";
}
.icon-twitter:before {
	content: "\e602";
}
.icon-linkedin:before {
	content: "\e603";
}
.social-icons{ font-size:20px; font-size:2rem; margin:0 5px; color:#fff}
.social-icons:hover{ color:#dee2e5}*/
/* ========================================================================== General - Layout */
.wrapper { width: 95%; margin: 0 auto; }

.col50{ width:100%}
.col-left{ float:left}
.col-right{ float:right}

#subpage .columns1{ display:table; list-style:none; padding:0; margin:0; width:100%}
#subpage .column1-left{ display:block; width:100%; padding-right:0%; border-right:none; margin-bottom:30px; border-bottom:dotted 1px #ccc; padding-bottom:10px; overflow:hidden}
#subpage .column1-right{ display:block; width:100%; padding-left:0%; vertical-align: top;}
#subpage .column2-right{ display:block; width:100%; padding-left:0%; vertical-align: top;}


.imgleft{ margin:10px; max-width:280px; }
.imgleft img{ border:solid 1px #fafafa;   box-shadow: 2px 2px 1px #ddd;}
.imgright{ float:right; margin:0px 0px 20px 20px; padding-top:2px; max-width:280px; }
.imgright img{ border:solid 1px #fafafa;   box-shadow: 2px 2px 1px #ddd;}

.listright{ float:right; font-size:12px; font-size:1.2rem; border:solid #ccc 1px; padding:10px 15px; list-style:none; margin:0px 0px 10px 20px}


.imgleft1{ margin:10px; max-width:280px; clear:both; text-align:center }
.caj{float:left; width:23%; padding:0px 10px}
.caj .cont{padding:0px 10px; text-align:center}
/* ========================================================================== Header */
#header-top{ text-align:center; padding:3px 0 15px 0; }
/*#header-top a, #header-top a:visited{ color:#dee2e5}
#header-top a:hover{ color:#FFFFFF}
#header-top .phone-number{ margin-right:27px}
#header-top img{ margin:-3px 5px 0px 0px}*/
#header-top #logo{float:left; width:100%; text-align:center; margin-bottom:15px; }
#header-top .cj{ text-align:center; color:#ff0000; font-family: 'Kalam', cursive; font-weight:300;}
#header{ 
	padding:0px; padding:0px 0 0px 0;
	color:#fff;
	background:url(../img/bgmenu.jpg);
	background-repeat:repeat-x;/* Old browsers */
	text-align:center;
	min-height:60px
}
#logonav{ display:block; width:100%; }

#header #logo{float:left; width:100%; text-align:center; margin-bottom:15px; }

#header #logo img:hover{ transition: opacity .5s linear; -moz-transition: opacity .5s linear; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; }  
#header #logo img:hover{ opacity:0.8}
.ximg{ border-top:dotted 1px #ccc}


/* Drop Down Menu*/
#main-menu2{ float:right; padding:0; margin:0}

#main-menu2, #main-menu > li > ul { list-style: none; }
#main-menu2 > li { float: left; padding:0px 5px; border-right:1px solid #0099cc }
#main-menu2 li > a { display: block; color:#0099cc; padding: 0px 0px 0px 0px; text-decoration: none;  }
#main-menu2 li:hover > a { color: #999; border-bottom:solid 0px #dee2e5; }
#main-menu2 li:last-child { padding-right: 0; border-right:0px solid #0099cc }

#main-menu2 >li > ul { position: absolute; display: none; padding: 0; z-index: 10; }
#main-menu2 > li:hover > ul { display: block; z-index: 100; }

#main-menu2 ul li a{ background:#333; padding:15px 25px 15px 15px; border-bottom:dotted 1px #777}
#main-menu2 ul li a:hover{ border-bottom:dotted 1px #777}
#main-menu2 li ul li:first-child a{ padding-top:20px; }
#main-menu2 li ul li:last-child a{ padding-bottom:15px; }
#main-menu2 .nav-active{ color:#fff; border-bottom:solid 2px #999;  }
#header-top nav select { display: none; }

/*responsive menu*/
#main-menu{ padding:0; margin:0}

#main-menu, #main-menu > li > ul { list-style: none; }
#main-menu > li { float: left; padding:0px 40px 30px; border-right:1px solid #fff }
#main-menu li > a { display: block;	color: #fff; padding: 0px 0px 0px 0px; text-decoration: none; text-transform:uppercase  }
#main-menu li:hover > a { color: #0084D2; border-bottom:solid 0px #dee2e5; }
#main-menu li:last-child { padding-right: 40px; border-right:0px solid #fff}

#main-menu >li > ul { position: absolute; display: none; padding: 0; z-index: 10; }
#main-menu > li:hover > ul { display: block; z-index: 100; }

#main-menu ul li a{ background:#333; padding:15px 25px 15px 15px; border-bottom:dotted 1px #777}
#main-menu ul li a:hover{ border-bottom:dotted 1px #777}
#main-menu li ul li:first-child a{ padding-top:20px; }
#main-menu li ul li:last-child a{ padding-bottom:15px; }
#main-menu .nav-active{ color:#0084D2; border-bottom:solid 0px #999;  }

#header nav ul { display: none; }
#header nav { text-align:center }

#header nav select { display: inline-block; border:solid 1px #ddd; font-size:14px; font-size:1.4rem; padding:3px; width:80%; margin-bottom:10px }


/* ========================================================================== Slider */
#slider { clear: both; display: block; overflow: hidden; position: relative;  }
#slider img{ width:100%; }
#slider ul{margin:0; padding:0}
#slider .scaption1{ position:absolute; width:90%; padding:0px 5%; top:45%; text-align:center;  }
#slider .scaption1 span{ display:block; padding:15px 20px; }
#slider span{ font-weight:700 }
#slider .scaption1 span img{ width:auto; height:auto; display:inline-block; margin:-1px 0 0 7px}
.slider1{ color:#fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);}
.slider1 a{ display:block; color:#FFFFFF; margin-top:10px}
.slider2{ color:#fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);}
.slider2 a{ display:block; color:#000; margin-top:10px}

#slider ul li img{ display:none}
#slider ul li { display:none; height:350px; background-size: auto 350px}
.slider1{  background:url('../img/slider/s1.jpg') no-repeat right top; }
.slider2{  background:url('../img/slider/s2.jpg') no-repeat center top; }


/* ================================================================================*/
#snow{
	background: none;
	font-family: Androgyne;
	background-image: url('../img/s1.png'), url('../img/s2.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:20;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	

/* ========================================================================== gallery */
#gallery a{ display:inline-block; width:29%; margin:0px 2% 2% 0px;}
#gallery img{ border:solid 1px #ddd}
/* ========================================================================== Home */

/* ========================================================================== Home - Box 1*/
.box1{ padding:0px 0px; overflow:hidden; display:block; clear:both; text-align:center}
.box4{ overflow:hidden; display:block; clear:both; text-align:center}

.payments, .payments:visited{
	-moz-box-shadow:inset 0px 1px 0px 0px #7ecff2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7ecff2;
	box-shadow:inset 0px 1px 0px 0px #7ecff2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00afd6), color-stop(1, #0085c2));
	background:-moz-linear-gradient(top, #00afd6 5%, #0085c2 100%);
	background:-webkit-linear-gradient(top, #00afd6 5%, #0085c2 100%);
	background:-o-linear-gradient(top, #00afd6 5%, #0085c2 100%);
	background:-ms-linear-gradient(top, #00afd6 5%, #0085c2 100%);
	background:linear-gradient(to bottom, #00afd6 5%, #0085c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afd6', endColorstr='#0085c2',GradientType=0);
	background-color:#00afd6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #007fa9;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #006996;
	margin-bottom:10px;
}
.payments:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0085c2), color-stop(1, #00afd6));
	background:-moz-linear-gradient(top, #0085c2 5%, #00afd6 100%);
	background:-webkit-linear-gradient(top, #0085c2 5%, #00afd6 100%);
	background:-o-linear-gradient(top, #0085c2 5%, #00afd6 100%);
	background:-ms-linear-gradient(top, #0085c2 5%, #00afd6 100%);
	background:linear-gradient(to bottom, #0085c2 5%, #00afd6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0085c2', endColorstr='#00afd6',GradientType=0);
	background-color:#0085c2;
	color:#ffffff;
}




/* ========================================================================== Home - Box 2*/
.box2 {color:#0099cc; font-weight:100; padding:20px 0px; overflow:hidden; display:block; clear:both;}
.box2 p{ padding:0px 20px; color:#0099cc; font-weight:100 }
.sub-box{ display:block; padding:20px}
.box2 .cb{ padding:10px 0px;}
.box2 .col30 img{ width:150px; height:150px}
.box2 ul{margin:0; padding:0; list-style:none;}
.box2 ul li{ padding-left: 0px; display:inline-block; margin-right:0px; width:150px}
.box2 ul li img{ width:auto; height:auto}
/* ==================================================================================== */
.box3{ margin-bottom:50px;}
.box3 .box3img{ display:inline-block; width:30.3%; margin:0 0.5%}
.box3 .box3img img{border:solid 1px #ccc} 
/* ========================================================================== Sub Pages */

.list3{ float:left; width:40%; padding:1% 5%}
.featured-list{ clear:both; overflow:hidden; display:block}
/* ========================================================================== Sub Pages - Header */

#top-image{ 
	padding:20px 0 15px 0; border-bottom:solid 1px #ccc;
	
}
#top-image-quote img{ width:20%; float:left}

/* ========================================================================== Sub Pages - Content */
#subpage{ padding:20px 0px; color:#333; line-height:16px; overflow:hidden; display:block; clear:both}

#top-directions{ border-bottom:solid 1px #eee; line-height: 10px;}
#top-directions iframe{ width:100%; margin:0}

#gmap { width:100%; border:solid 1px #ddd; background-color:#e9e5dc}
#gmap iframe{ width:100%;}
 
.inputText{

font-family:Arial, Helvetica, sans-serif, "Arial Unicode MS";

font-size:11px;

color:#333333;

font-weight:normal;

text-decoration:none;

}

.page-content-2 {

    font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 16px;

	color: #0099CC;

	text-decoration: none;

}

.inputButtonn {

FONT-WEIGHT: bold; 

FONT-SIZE: 11px; 

BORDER: #ffffff 1px solid; 

WIDTH: 80px; 

height:20; 

CURSOR: hand; 

COLOR: #ffffff; 

FONT-FAMILY: Arial, Helvetica, sans-serif; 

BACKGROUND-COLOR: #33BDFE;

}
/* ========================================================================== Sub Pages - Contact Us */

.contact-form input{ width:98%; padding:1%; border:solid 1px #ddd}
.contact-form select{ width:100%; padding:1%; border:solid 1px #ddd}
.contact-form input.capinput{ width:50px}
.contact-form input.captxt{ width:20px; border:0; text-align:center; color:#5A335A; font-weight:100}
.contact-form textarea{ width:98%; padding:1%; border:solid 1px #ddd; height:100px}
.contact-form .form-row { clear:both }
.contact-form .form-left { float: left; padding: 4px 1%; text-align: right; width: 18%; }
.contact-form .form-left2 { float: left; padding: 4px 1%; text-align: right; width: 28%; }
.contact-form .form-right { float: left; padding: 4px 1%; text-align: left; width: 65%; }
.contact-form .required{ font-size:11px; font-size:1.1rem; color:#CCC}
.contact-form .form-submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #cccccc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cccccc;
	box-shadow:inset 0px 1px 0px 0px #cccccc;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #555555));
	background:-moz-linear-gradient(top, #999999 5%, #555555 100%);
	background:-webkit-linear-gradient(top, #999999 5%, #555555 100%);
	background:-o-linear-gradient(top, #999999 5%, #555555 100%);
	background:-ms-linear-gradient(top, #999999 5%, #555555 100%);
	background:linear-gradient(to bottom, #999999 5%, #555555 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#555555',GradientType=0);
	background-color:#999999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #555555;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #853b00;
	margin-top:5px;
	width:auto;
	font-size:14px; font-size:1.4rem;
}
.contact-form .form-submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #555555), color-stop(1, #999999));
	background:-moz-linear-gradient(top, #555555 5%, #999999 100%);
	background:-webkit-linear-gradient(top, #555555 5%, #999999 100%);
	background:-o-linear-gradient(top, #555555 5%, #999999 100%);
	background:-ms-linear-gradient(top, #555555 5%, #999999 100%);
	background:linear-gradient(to bottom, #555555 5%, #999999 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#999999',GradientType=0);
	background-color:#555555;
}
.contact-form .form-submit:active {	position:relative; top:1px; }
.contact-form .form-message
{ 
	border:solid 1px #ccc; background-color:#f4f4f4; padding:5px 10px; display:block; clear:both; font-size:11px; font-size:1.1rem; margin-bottom:15px;
	color:#777;
} 


/* ========================================================================== social sidebar ========================================================== */

#social-sidebar { 
	height: 134px; padding: 10px; background-color:#F00; position: fixed; right: 0; top: 25%; width: 25px; z-index: 300;
	background: rgb(255, 255, 255); background: rgba(255, 255, 255, .35); border:solid 1px #ccc;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#social-sidebar a { background-image: url("../img/social.png"); background-repeat: no-repeat; display: block; height: 30px; margin-bottom: 5px; text-decoration: none; text-indent: -9999em; width: 30px; }
#social-sidebar a.twitter:hover { background-position: -32px 0; }
#social-sidebar a.facebook { background-position: 0 -34px; }
#social-sidebar a.facebook:hover { background-position: -32px -34px; }
#social-sidebar a.pinterest { background-position: 0 -69px; }
#social-sidebar a.pinterest:hover { background-position: -32px -69px; }
#social-sidebar a.email { background-position: 0 -104px; }
#social-sidebar a.email:hover { background-position: -32px -104px; }
#social-sidebar a.linkedin { background-position: 0 -139px; }
#social-sidebar a.linkedin:hover { background-position: -32px -139px; }

/* ==================================================================================== */
/* ========================================================================== Footer */

.footer1 { padding: 10px 0; text-align:center; background-color:#EEEEEE; color:#999; overflow:hidden  }
.footer1 a, .footer1 a:visited{ color:#777}
.footer1 a:hover{color:#999}
.footer1 .f2box1{ float:left; width:20%;}
.footer1 .f2box2{ float:left; width:80%;}
/* ========================================================================== Home - Footer 2*/
.footer2 { 
	display:block; overflow:hidden; clear:both; color:#999; padding:30px 0 40px 0; line-height:30px; font-weight:600;
	background: #fff; /* Old browsers */

}
.footer2 a, .footer2 a:visited{ color:#33BDFF}
.footer2 a:hover{color:#ccc}
.footer2 .f2box1{ float:left; width:100%; text-align:center; padding-bottom:30px;}
.footer2 .f2box2{ float:left; width:100%; text-align:left; color:#999}

.footer2 .f2box3{ width:100%; text-align:center; float:left;  }
.footer2 .f2box3 img{ margin:10px 40px}
.footer2 ul{ margin:0; padding:0; list-style:none; float:left; width:30%}

.eright{ float:right}
.eleft{ float:left}
.ecenter{ text-align:center}
.e100{ width:100%}

.bsocial img{ margin:5px 20px; transition: opacity .3s linear; -moz-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear;}
.bsocial img:hover{opacity:0.7}

.collage img{ width:50%}
.collage img:hover{opacity:0.7}
.logo30{display:inline-block; height:30px; width:30px; height:26px; background-image:url(../img/logo30.png); margin-bottom:-4px}

.videos iframe{ width:100%; }
/* ==========================================================================
   Media Queries
   ========================================================================== */

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

	

	/* ========================================================================== Header */	
	#header nav select { width:60% }

	/* ========================================================================== footer 2 */
	


	
	/* ========================================================================== box 1 */
	.box1 .tbox1{ font-size:30px; font-size:3rem; }
	.box1 ul, .sbox1b ul{ padding:0px 0px 0px 25px}	

	
	/* ========================================================================== footer 2 */
	.footer2 .f2box1{ width:50%; text-align:left; padding-bottom:0px}
	.footer2 .f2box2{ width:50%; float:right}
	.footer2 .f2box3{ width:36%; text-align:right}
	
	.footer2 ul li{ padding-left: 0px; display:block; margin-right:0px}
	
	
	.imgleft{ float:left; margin:0px 20px 20px 0; }
	
	.col50{ width:49%}
}

@media only screen and (min-width: 768px) {
	body, textarea, input { line-height: 1.5; }
    /* ========================================================================== General */	
	#main-menu{ margin-top:5px}
	
	#subpage .column1-left{ display:table-cell; width:50%; padding-right:4%; border-right:dotted 1px #ddd;margin-bottom:0;vertical-align: top; border-bottom:0 }
	#subpage .column1-right{ display:table-cell; width:50%; padding-left:4%; }
	#subpage .column2-right{ display:table-cell; width:60%; padding-left:0; }
	
	.col75{ width:74%}
	.col25{ width:24%}
	
	/* ========================================================================== General - Text */	
	h2{font-size:18px; font-size:1.8rem;}
	.title1{ font-size:26px; font-size:2.6rem;  }
	.title2{ font-size:18px; font-size:1.8rem; }
	.title3s{ font-size:15px; font-size:1.5rem; }
	
	#subpage{ line-height:28px;}
	
	/* ========================================================================== Header */	
	#header-top{ text-align:right;  padding:3px 0 5px 0; }

	#header-top #logo{ width:25%; text-align:left; margin-bottom:0}
		

	#header nav select { display: none; }
	#header nav ul { display: block; }
	#header nav ul ul { display: none; }
	#header nav { text-align:left }
	
	/* ========================================================================== General - Box 1 */	

	/* ========================================================================== General - Box 2 */

	.box3 .box3img{ display:inline-block; width:12%; margin:0 0.25%}
	.box4 { padding-bottom:20px}
	
	
	
	/* ========================================================================== General - Box 3 */
	
	
	/* ========================================================================== Sub Pages - Content */
	#subpage{ padding:40px 0px; }
	#slider .scaption1{ position:absolute; top:30%; text-align:center; font-size:20px; font-size:2rem; font-weight:600 }
	#slider span{ font-size:30px; font-size:3rem }
	
	.collage img{ width:25%}
	.videos iframe{ width:560px}
	
	.county{ width:120px; display:inline-block}
	#header-top .cj{ float:right; padding:10px 0px; font-size:17px; font-size:1.7rem; width:70%; text-align:right}
}

@media only screen and (min-width: 960px) {

	

	/* ========================================================================== Slider */		
	
	
	#slider ul li { height:auto; background:none;}
	#slider ul li img{ display:block}
	
	
	
}
@media only screen and (min-width: 1140px) {
	/* ========================================================================== General - Layout */	
	body { font-size: 14px; font-size:1.4rem; }
	#header-top{ font-size:1.2px; font-size:1.2rem }	
	.wrapper { width: 1000px; }
	.payments, .payments:visited{ right:10%; }

	.title3s{ font-size:19px; font-size:1.9rem; font-weight:600 }
	
	.title4{ font-size:22px; font-size:2.2rem;  }
	.sub-box{ padding:40px 15%}
}

/* ========================================================================== G */	
@media only screen and (min-width: 1380px) {
	
	body { font-size: 15px; font-size:1.5rem; }
	#header-top{ font-size:13px; font-size:1.3rem }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}