@charset "utf-8";
/* Base CSS for Frontend */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import "reset.css";
@import "global.css";
@import "/admin/js/redactor4/frontend.css";

body{ font: normal 14px/22px Arial, Helvetica, sans-serif; color: #444;}
a{color: #FF6600;
    transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -webkit-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -moz-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
}
a:hover{text-decoration:none; color: #000;}

/* ---Standard headers ---*/
h1 { font: normal 32px/38px 'Open Sans', Arial, Helvetica, sans-serif; color:#FF6600;}
h2 { font: normal 24px/30px 'Open Sans', Arial, Helvetica, sans-serif; }
h3 { font: normal 18px/26px 'Open Sans', Arial, Helvetica, sans-serif; }
h4 { font: normal 16px/24px 'Open Sans', Arial, Helvetica, sans-serif; }

/* --- General Layout Settings---*/
.container { width : 1360px; position : relative; margin : 0 auto;}
#header, #navigation, #content, #footer, #marketing {position : relative; display: block; clear: both;}

.alert{background: #D70505; color:#FFF; font: normal 14px arial, sans-serif; padding: 8px 12px;; margin: 10px 0; border-radius: 3px; clear: both;}
.alert-success{background:#3e8f3e; color:#FFF; font: normal 14px arial, sans-serif; padding: 8px 12px; margin: 10px 0; border-radius: 3px}

button, input.btn{border: none;}
.btn{font:bold 14px/14px Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer; text-decoration:none; display:block; padding:8px 12px 9px; background:#75B554;}
.btn:hover{color: #FFF; background: #2ca02c;}

/*-- Responsiveness Base Structure -- */
.row{clear:both;}
.row .col{margin-left:2%; float:left;}
.row .col:first-child{margin-left:0;}
.row .col.split_int{margin-left:0; clear: both;}
.row .full{width:100%;}
.row .half{width:49%;}
.row .third{width:32%;}
.row .third_2{width:66%;}
.row .fourth{width:23.5%;}
.row .fourth_2{width:49%;}
.row .fourth_3{width:74.5%;}
.row .fifth{width:18.4%;}
.row .fifth_2{width:38.8%;}
.row .fifth_3{width:59.2%;}
.row .fifth_4{width:79.6%;}
.row .sixth{width:15%;}
.row .sixth_2{width:32%;}
.row .sixth_3{width:49%;}
.row .sixth_4{width:66%;}
.row .sixth_5{width:83%;}

.row.no_margin .col{margin-left:0;}
.row.no_margin .full{width:100%;}
.row.no_margin .half{width:50%;}
.row.no_margin .third{width:33.33%;}
.row.no_margin .third_2{width:66.66%;}
.row.no_margin .fourth{width:25%;}
.row.no_margin .fourth_2{width:50%;}
.row.no_margin .fourth_3{width:75%;}
.row.no_margin .fifth{width:20%;}
.row.no_margin .fifth_2{width:40%;}
.row.no_margin .fifth_3{width:60%;}
.row.no_margin .fifth_4{width:80%;}
.row.no_margin .sixth{width:16.66%;}
.row.no_margin .sixth_2{width:33.33%;}
.row.no_margin .sixth_3{width:50%;}
.row.no_margin .sixth_4{width:66.66%;}
.row.no_margin .sixth_5{width:83.33%;}


/* --- Layout ---*/
#wrapper{overflow: hidden;}
#header{padding: 10px 0; z-index: 10;}
#header #logo{max-width: 300px; max-height: 55px; float: left;}
.search{padding: 0; margin-top: 30px; position: relative; width: 280px; float: right;}
.search .search-field{border: solid 1px #e8e8e8; color: #aaa; padding: 10px; font-family: "verdana", "sans-serif"; font-weight: normal; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.search button{background: none; border:none; border-left:1px solid #e8e8e8; color: #aaa; position: absolute; right:0px; top: 0px; font-size: 16px; height: 34px; cursor: pointer; }
.search button:hover{color: #FFF; background: #2ca02c;}

#navigation{z-index: 999;}
#navigation .mobile-menu{display: none; width: 20px; height: 20px; padding: 8px; border: 1px solid #ededed;}
#navigation .mobile-menu:hover{background: #ededed;}
#navigation ul{padding: 0; margin: 0; list-style: none;}
#navigation ul li.level_1{display: block; float: left;}
#navigation ul li.level_1 a{padding: 5px 10px; font: 300 18px/18px 'Open Sans', Arial, sans-serif; color: #767f88; display: block; text-transform: uppercase;}
#navigation ul li.level_1 a:hover{color:#FF6600;}
#navigation ul li.level_1:hover .subnav{display:block;}
#navigation ul li.level_1 .subnav{display:none; position: absolute; background: #FFF; color: #000; border: 1px solid #ededed;}
#navigation ul li.level_1 .subnav li a{display: block; float: none; color: #333; font-size: 15px; line-height: 15px; padding: 4px 25px;}
#navigation ul li.level_1 .subnav li a:hover{background: #eee;}
#navigation ul li.level_1 .subnav li.level_3 a{font-size: 11px;}

#marketing{margin: 10px 0;}
#content .content-hold{padding: 20px 0;}
#content .content-wide{width: 100%;}
#content .content-left{width: 20%; float: left;}
#content .content-right{width: 78%; float: right;}

.wysiwyg table {border-collapse: collapse; max-width: 100%; width: 100%; }
.wysiwyg table caption { text-transform: uppercase; padding: 0; color: rgba(0, 0, 0, 0.5);font-size: 11px; }
.wysiwyg table th, .wysiwyg table td {border: 1px solid #eee; padding: 16px; padding-bottom: 15px; }
.wysiwyg table tfoot th, .wysiwyg table tfoot td {color: rgba(0, 0, 0, 0.5); }

/*-- Page Tabs --*/
.page-tabs{margin: 20px 0;}
.page-tabs .tab-labels{border-bottom: 1px solid #ddd;}
.page-tabs .ptab{color: #424242; background:#ededed; font-weight: bold; margin-right: 2px; font-size: 14px; line-height: 1em; display: block; float: left; white-space: nowrap; padding: 15px 20px; cursor: pointer; text-transform: uppercase;}
.page-tabs .ptab.active{color:#FFF; background: #424242 !important;}
.page-tabs .ptab:hover{background: #ccc;}
.page-tabs .pdetail{padding: 20px 20px 10px; background: #FFF; border: 1px solid #ddd; border-top: none;}

/*-- Social Icons --*/
.social ul{float: left; margin: 0; padding: 0;}
.social li{list-style: none; display:block; float: left; margin: 0 8px 5px 0;}
.social li a{width: 20px; height: 20px; display: block; padding: 10px; border-radius: 48px;}
.social li a img{width: 100%;}
.social li a.facebook{background: #3E5B98;}
.social li a.twitter{background: #4DA7DE;}
.social li a.linkedin{background: #3371B7;}
.social li a.youtube{background: #e02a20;}
.social li a.google{background: #d93e2d;}
.social li a.instagram{background: #9c7c6e;}
.social li a.pinterest{background: #c92619;}
.social li a.flickr{background: #0063db;}
.social li a.facebook:hover{background: #2A4784;}
.social li a.twitter:hover{background: #3993CA;}
.social li a.linkedin:hover{background: #1F5DA3;}
.social li a.youtube:hover{background: #cc160c;}
.social li a.google:hover{background: #c52a19;}
.social li a.instagram:hover{background: #88685a;}
.social li a.pinterest:hover{background: #b51205;}
.social li a.flickr:hover{background: #004faf;}

/* ----Footer Section ----*/
#footer{ background: #ededed; padding: 20px 0;}
#footer .signup{ padding-top: 0; width: 400px;}
#footer .signup h2{padding-bottom: 5px;}
#footer .signup .field-hold .email{border: solid 1px #e8e8e8; color: #aaa; padding: 10px; font-weight: normal; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#footer .signup .field-hold{position: relative;}
#footer .signup .field-hold button{background: none; border:none; border-left:1px solid #e8e8e8; color: #aaa; position: absolute; right:0px; top: 0px; font-size: 16px; height: 34px; cursor: pointer; }
#footer .signup .field-hold button:hover{color: #FFF; background: #2ca02c;}
#footer .captcha{padding-top: 10px; font-size: 11px; line-height: 1.8em; display: none;}


/*--- Search Result Page ----*/
.search-list{border-bottom: 1px dashed #ccc; margin-top: 15px; color:#656565;}
.search-list a{font-size: 16px; font-weight: bold; color: #0072BC;}
.search-list a:hover{color:#00b3ee;}

/*-- Pagination --*/
.pagination{ list-style: none; padding: 0; display: inline; }
.pagination li{display: inline; }
.pagination li a, .pagination li span{padding: 0 6px; border-left: 1px solid #CCC;}
.pagination li:first-child a{border-left:none;}
.pagination li.disabled{display: none;}
.pagination li.active{font-weight: bold;}


/* ----Form Inputs ----*/
.page-form .row{margin-bottom:20px;}
fieldset{padding: 10px;}
input[type=text], input[type=email], input[type=password], select{width:100%; height:34px; padding:0 5px; color:#666; font-size:14px; border:1px solid #aaa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type=file]{padding:6px; border: 1px solid #aaa; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
select{padding-right:0;}
textarea{width:100%; height:80px; padding:8px 5px; color:#666; font-size:14px; border:1px solid #aaa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
label{padding-bottom:5px; font-size:15px; line-height: 24px;}
.helper{padding:5px 0 0 5px; font-size:11px; color:#999;}


/*--- New Template Additions ---*/

/*--- News List Section ---*/
.news-list{}
.news-list .news-item{border-bottom: dashed 1px #e5e5e5; padding: 10px 0;}
.news-list .news-item .more{float: right; background: #75B554; min-width: 120px; text-align: center;   padding: 6px 12px 7px;    cursor: pointer;    border: none;    border-radius: 3px;    color: #fff;    font-family: "Open Sans", sans-serif;    font-weight: 600;    font-size: 16px;  text-transform: uppercase; width: auto;}
.news-list .news-item .more:hover{background: #2ca02c;}
.news-list .news-item .date{color:#75B554; margin-bottom: 5px; display: block;}
.news-detail{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}

/* -- Responsive YouTube Embed -- */
.video-max{ max-height:450px; overflow: hidden; margin-bottom: 20px;}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 800px;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height:450px;}

/*-- Responsiveness Media Queries -- */
@media (max-width: 1460px) {
    .container{width: 94%;}
}

@media (max-width: 1224px) {
    #navigation .mobile-menu{display: block;}
    #navigation #nav-menu{display: none; position: absolute; max-width: 320px; background: #FFF;  border: 1px solid #ededed;}
    #navigation ul li.level_1{float: none;}
    #navigation ul li.level_1 .subnav{display: block; position: relative; border: none;}
    .page-tabs .ptab{padding: 15px 15px;}
    .page-tabs .pdetail{padding: 20px 15px 10px;}
}

@media (max-width: 1080px) {
    .page-tabs .ptab{padding: 10px 12px;}
    .page-tabs .pdetail{padding: 15px 12px 5px;}
}

@media (max-width: 980px) {
    #content .content-left{width: 27%; float: left;}
    #content .content-right{width: 72%; float: right;}
    .row .col.split {margin-left:0; clear:both !important;}
    .row .col.split_int{margin-left: 2%;  clear: none;}
    .row .half,  .row .third_2, .row .fourth_2, .row .fourth_3, .row .fifth_3, .row .fifth_4{width:100%; margin-left:0;}
    .row .fourth, .row .third, .row .third{width:49%;}
    .row .fifth{width:32%;}
    .row .fifth_2{width:66%;}
    .page-tabs .ptab{padding: 10px 10px; font-size: 11px; line-height: 1em;}
    .page-tabs .pdetail{padding: 15px 10px 5px;}
}

@media (max-width: 610px) {
    .row .col{margin-left:0 !important; clear:both !important; width: 100% !important;}
    .row .third, .row .fourth{margin:10px 0;}
    .page-tabs .ptab{display: block; float: none; width: 100%; margin-right: 0;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size: 14px;}
}

@media (max-width: 320px) {

}