* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 11px;
    line-height: 20px;
    font-family: 'Open Sans', arial, helvetica, sans-serif; 
    color: #444;
    background: url(images/bg.jpg) no-repeat center center;
    background-attachment: fixed;
    min-width: 800px;
    -webkit-text-size-adjust: none; 
}

a { color: #0000ff; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

img { height: auto; max-width: 100%; font-size: 0; vertical-align: middle; }
img.alignnone,
img.aligncenter { display: block; margin: 10px auto; }
img.alignleft,
img.alignright { margin: 5px 20px; }
img.alignleft { margin-left: 0; }
img.alignright { margin-right: 0; }

input, textarea, select { font-family: arial, helvetica, sans-serif; font-size: 12px; }
textarea { overflow: auto; }

input, textarea { border-radius: 0; -webkit-appearance: none; }
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }

.clearfix { *zoom: 1; }
.clearfix:after { content: ''; font-size: 0; line-height: 0; display: block; clear: both; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

h2 { font-family: 'Tangerine', arial, helvetica, sans-serif; font-size: 32px; line-height: 35px; font-weight: normal; color: #868686; }
h3 { font-size: 16px; line-height: 19px; font-weight: normal; }

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry p { padding-bottom: 15px; }
.entry ul { margin: 0 0 15px 25px; }
.entry ol { margin: 0 0 15px 25px; }
.entry img.alignleft { margin: 0 20px 10px 0; }
.entry img.alignright { margin: 0 0 10px 20px; }

.shell { width: 800px; margin: 0 auto; }

.top-menu { line-height: 26px; text-transform: uppercase; padding: 0 30px; }
.top-menu ul { list-style: none; list-style-position: outside; text-align: right; }
.top-menu ul li { display: inline-block; vertical-align: top; }
.top-menu ul li + li { padding-left: 11px; }
.top-menu ul li a { color: #fff; }

.wrapper { border: 1px solid #0e4771; margin-bottom: 52px; }
.wrapper-inner { background: url(images/main-bg.png) repeat-y 0 0; }

.header { min-height: 244px; background: url(images/header.png) no-repeat 0 0; padding: 52px 22px 37px 220px; position: relative; box-sizing: border-box; }

.logo { height: 147px; width: 157px; position: absolute; top: 25px; left: 42px; font-size: 0; line-height: 0; text-indent: -4000px; }

.nav { min-height: 50px; text-transform: uppercase; text-align: right; line-height: 25px; padding-bottom: 60px; }
.nav ul { list-style: none; list-style-position: outside; }
.nav ul li { display: inline-block; }
.nav ul li + li { padding-left: 15px; }
.nav ul li a { color: #fff; } 
.nav ul li a:hover,
.nav ul li.current-menu-item a { color: #ffff33; text-decoration: none; }

.header-bottom { width: 230px; margin-left: auto; color: #274158; padding-right: 35px; font-size: 11px; line-height: 14px; }
.header-bottom a { color: #274158; }
.header-bottom a:hover { text-decoration: none; }

.main { padding: 20px; }

.welcome-cols .col { width: 25%; float: left; }
.welcome-cols .col + .col { padding-left: 3%; }
.welcome-cols .col-big { width: 48%; padding-top: 22px; }
.welcome-cols .col-min { width: 20%; text-align: center; }
.welcome-cols .col .img-holder { text-transform: uppercase; text-align: center; }
.welcome-cols .col .img-holder a { color: #73706b; }
.welcome-cols .col .img-holder a:hover { color: #000; text-decoration: none; }
.welcome-cols .col .img-holder a img { display: block; margin: 0 auto; }

.slider-min { max-width: 188px; border: 3px solid #ebb6b7; margin: 0 auto 22px auto; }

.slider-logos { text-align: center; padding-bottom: 53px; }

.slider-big { border-radius: 12px 0 12px 0; overflow: hidden; }
.slider-big .slides > li { position: relative; }
.slider-big .slides > li:before { content: ''; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px;  }

.footer { min-height: 100px; background: url(images/footer-bottom.jpg) no-repeat center bottom; border-top: 1px solid #ccc; box-sizing: border-box; padding: 21px 0; margin: 0 10px; text-align: center; }
.footer p { padding-bottom: 16px; }
.footer-menu { padding-bottom: 12px; }
.footer-menu ul { list-style: none; list-style-position: outside; line-height: 11px; margin-bottom: 9px; }
.footer-menu ul li { display: inline-block; vertical-align: top; }
.footer-menu ul li + li { margin-left: 1px; border-left: 1px solid #444; padding-left: 4px; }
.footer-menu ul li a { color: #444; text-decoration: underline; }
.footer-menu ul li a:hover { text-decoration: none; }

.tabs { max-width: 600px; margin: 0 auto; }
.tabs-nav { font-size: 11px; line-height: 17px; text-align: right; border-bottom: 1px solid #80716b; margin-bottom: 15px; }
.tabs-nav ul { list-style: none; list-style-position: outside; }
.tabs-nav ul li { display: inline-block; vertical-align: top; }
.tabs-nav ul li a { display: block; padding: 0 8px; border: 1px solid #bab5af; border-bottom: 0; border-radius: 5px 5px 0 0; color: #3c270a; }
.tabs-nav ul li a {
    background: rgb(249,246,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(249,246,239,1) 0%, rgba(204,195,180,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,246,239,1)), color-stop(100%,rgba(204,195,180,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(249,246,239,1) 0%,rgba(204,195,180,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(249,246,239,1) 0%,rgba(204,195,180,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(249,246,239,1) 0%,rgba(204,195,180,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(249,246,239,1) 0%,rgba(204,195,180,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f6ef', endColorstr='#ccc3b4',GradientType=0 ); /* IE6-9 */
}
.tabs-nav ul li.active a,
.tabs-nav ul li a:hover {
    text-decoration: none;
    background: rgb(249,246,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(249,246,239,1) 64%, rgba(204,195,180,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(64%,rgba(249,246,239,1)), color-stop(100%,rgba(204,195,180,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(249,246,239,1) 64%,rgba(204,195,180,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(249,246,239,1) 64%,rgba(204,195,180,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(249,246,239,1) 64%,rgba(204,195,180,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(249,246,239,1) 64%,rgba(204,195,180,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f6ef', endColorstr='#ccc3b4',GradientType=0 ); /* IE6-9 */
}
.tab-content { padding: 15px 0; }
.tab { display: none; }
.tab .slider-big { margin-bottom: 20px; }
.tab.active { display: block; }

.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; }

.boxes { padding-bottom: 20px; text-align: center; }
.boxes .box { display: inline-block; vertical-align: top; margin: 0 4px 20px 4px; }

.entry-cnt { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }

.thumbs { text-align: center; }
.thumbs a { margin: 0 5px 5px 5px; }

.three-cols {  }
.three-cols ul { width: 30%; float: left; margin: 0; }
.three-cols ul + ul { margin-left: 5%; }

table.box,
td.box { border: 1px solid #666; }
td.box { padding: 4px; }

.cnt-centered { max-width: 480px; margin: 0 auto; }

.table-1 td { width: 50%; }

.rowcont { margin-top: 20px; margin-top: ; padding-left: ; background: #fff url(images/) no-repeat 0 0; }
.imagecont { width: 20%; float: left; }
.textcont { width: 78%; float: right; }

@media only screen and (min-width: 800px) {
	.nav .nav-menus { display: block  !important; }
}

@media only screen and (max-width: 799px) {
	body { min-width: 100%; }

	.shell { width: auto; padding: 0 20px; }
}

@media only screen and (max-width: 767px) {
	body { background: #01a1dd; }

	h2 { font-size: 28px; line-height: 31px; }

	.shell { padding: 0; }

	.wrapper { border: 0; margin-bottom: 0; background: #fff; }
	.wrapper-inner { background: transparent; }

	.header { min-height: 0; background: #b7c3db; padding: 20px; }

	.logo { height: 84px; width: 90px; background: url(images/logo.png) no-repeat 0 0; position: static; display: block; }

	.nav { min-height: 0; padding: 10px 0; position: relative; font-size: 16px; }
    .nav .nav-menus { border-top: 1px solid #01a1dd; border-bottom: 1px solid #01a1dd; padding: 5px 0; display: none; }
	.nav ul li { display: block; }
	.nav ul li + li { padding-left: 0; }
	.nav .menu-btn span,
    .nav .menu-btn:after,
    .nav .menu-btn:before { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
    .nav .menu-btn { height: 19px; width: 30px; position: absolute; top: -60px; right: 0; display: block; z-index: 20; }
    .nav .menu-btn:after,
    .nav .menu-btn:before { content: ''; }
    .nav .menu-btn:after,
    .nav .menu-btn:before,
    .nav .menu-btn span { position: absolute; left: 0; display: block; width: 100%; height: 3px; background: #fff; }
    .nav .menu-btn span { top: 8px; }
    .nav .menu-btn:before { top: 0px; }
    .nav .menu-btn:after { top: 16px; }
    .nav .menu-btn.expanded span { opacity: 0; }
    .nav .menu-btn.expanded:before { margin-top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .nav .menu-btn.expanded:after { margin-top: -8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

    .header-bottom { width: auto; margin-left: 0; padding-right: 0; text-align: center; }

    .welcome-cols { padding-bottom: 30px; }
    .welcome-cols .col { width: auto; float: none; }
	.welcome-cols .col + .col { padding: 30px 0 0 0; }

	.slider-logos { padding-bottom: 0; }

	.footer { min-height: 0; font-size: 10px; line-height: 13px; background: transparent; padding: 10px 0; }
	.footer p { padding-bottom: 10px; }
	.footer-menu { display: none; }

    .imagecont { text-align: center; margin-bottom: 10px; }
    .imagecont,
    .textcont { width: auto; float: none; }
    .textcont embed { width: 100% !important; }
}