html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body{
font-size: .9em;
font-family: 'Roboto Slab', serif;
font-weight: 400;
color: #333;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; }
audio,canvas,progress,video { display: inline-block; vertical-align: baseline; }
audio: not([controls]) { display: none; height: 0; }
[hidden],template { display: none; }
a { background-color: transparent; }
a:active,a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
dfn { font-style: italic; }
h1, .h1style {/* font-size: 2em; */margin: 0.67em 0;}
mark { background: #ff0; color: #000; }
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; }
img { border: 0; }
svg: not(: root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em; }
button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button,select { text-transform: none; }
button, input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; position: relative; background: #2a4f81; color: #ffffff; border: none; text-transform: uppercase; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15.4px; font-weight: bold; letter-spacing: 0.6px; text-align: center; cursor: pointer; padding: 5px 12px; }
button[disabled],html input[disabled] { cursor: default; }
button:: -moz-focus-inner,input:: -moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"],input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]:: -webkit-inner-spin-button,input[type="number"]:: -webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -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; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td,th { padding: 0; }
/*! Source: https: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; 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) ")"; }
a[href^="#"]:after, a[href^="javascript: "]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, .h2style, h3, .h3style { orphans: 3; widows: 3; }
h2, .h2style, h3, .h3style { page-break-after: avoid; }
.navbar { display: none; }
.btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
.label { border: 1px solid #000; }
.table { border-collapse: collapse !important; }
.table td, .table th { background-color: #fff !important; }
.table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
}
/* ==================== Basic declarations ==================== ================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p {margin: 0.5em 0;}
a {-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: .3s ease;color: #2a4f81;text-decoration: none;}
.btn{ border-radius:0 !important;}
.Button-primary {background-color: #333;border-color: #333;}
.Button-primary:hover {background: #2a4f81;border-color: #2a4f81;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{background: #011f5b;border-color: #011f5b;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus
{box-shadow:0 0 0 0.2rem rgba(193, 70, 0, 0.5);}
a.button { font-size: 0.9em; }
a:hover, a:focus { text-decoration: none; color: #2a4f81; }
a img { border: 0px }
img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
h1, h2, h3, h4, h5, h6 {color: #2a4f81;text-align: left;font-family: 'Roboto Slab', serif;text-rendering: optimizelegibility;font-weight: 600;}
h5, h6{ font-weight:normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; }
ul, ol { margin-left: 3em; list-style: disc; }
ol { list-style: decimal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
table { border-collapse: collapse; }
table td, table th { vertical-align: top; }
table.content_table { border: 1px solid #e9e9e9; }
table.content_table td, table.content_table th { padding: 4px; border: 1px solid #e9e9e9; border-collapse: collapse; }
.colbtn { padding: 6px 23px; color: #FFF; display: inline-block; margin: 6px; }
nav ul { margin: 0; padding: 0; }
/* ==================== input elements==================== ================================================== */
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button:: -moz-focus-inner, input:: -moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 3px; }
input[type="number"]:: -webkit-inner-spin-button, input[type="number"]:: -webkit-outer-spin-button { height: auto }
input, select, textarea { color: #271f1b; border: 1px solid #E9E9E9; background: #FBFBEA; padding: 5px; font-style: normal; font-weight: 400; text-align: left; outline: none; }
textarea { overflow: auto; height: 120px; min-width: 250px; width: 70%; }
input[type=button], input[type=reset], input[type=submit], .button {-moz-transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-o-transition: 0.4s all ease;transition: 0.4s all ease;text-align: center;border: none;color: #fff;text-decoration: none;background: #f5c260;cursor: pointer;padding: 13px 28px;display: inline-block;text-transform: uppercase;min-width: 100px;border-radius: 0;outline: none;box-shadow: none;text-shadow: none;position: relative;letter-spacing: 0;font: 500 14px/1.2em 'Raleway', sans-serif;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active {background: #2a4f81;}
input[value="Clear"], input[type=submit]:disabled{ background:#b5b4b4;color:#000; margin:0 10px;}
.button-blue {background: #2a4f81;border:1px solid transparent;}
.button-blue:hover {background:#333;}
.button-black { background: #333; }
.button-black:hover { background: #2a4f81; }
.button-gold { background: #fdc321; }
.button-gold:hover { background: #2a4f81; }
.button-white { background:#FFF; color:#333;}
.button-white:hover { background:#2a4f81; color:#FFF;}
.button-sm {padding: 5px 12px; }
.button-sm {display: inline-block; }
.button-large{padding: 18px 36px;}
.button-fullwidth {display:block;}
.button-lines{background:transparent;border: 1px solid #fdc321 ;color: #fdc321 ;}
.button-no-lines{background:transparent;border: 0;color: #2a4f81;}
.button-lines.button-blue{border-color: #2a4f81;color: #2a4f81;}
.button-lines.button-gold{border-color:#fdc321 ;color: #fdc321 ;}
.button-lines.button-blue:hover{ background:#2a4f81; color:#FFF;}
.button-lines.button-gold:hover{ background: #fdc321 ; color:#FFF;}
.button-arrow-right:after {font-family: 'FontAwesome';content:"\f0a9";padding: 0 0 0 4px;}
.button-arrow-down:after { font-family: 'FontAwesome'; font-size: 15.4px; content: '\f063'; padding: 0 0 0 4px; }
.button-arrow-left:before { font-family: 'FontAwesome'; font-size: 15.4px; content: '\f060'; padding: 0 4px 0 0px; }
.button-arrow-right:after { font-family: 'FontAwesome'; font-weight: 100; font-size: 15.4px; content: '\f061'; padding: 0 0 0 4px; }
.button-arrow-down:after { font-family: 'FontAwesome'; font-weight: 100; font-size: 15.4px; content: '\f063'; padding: 0 0 0 4px; }
.button-arrow-left:before { font-family: 'FontAwesome'; font-weight: 100; font-size: 15.4px; content: '\f060'; padding: 0 4px 0 0px; }
input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea { width: 100%; min-height: 45px; background-color: rgba(49, 48, 47, 0.07); border: 1px solid transparent; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; padding: 11px 21px; text-align: left; color: #31302f; margin: 10px 0; border-radius: 4px; }
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=email]: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder { color: transparent; }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder { color: transparent; }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder { color: transparent; }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder { color: transparent; }
input[type=radio] {/* display: block; *//* float: left; *//* margin-right: 10px; */}
.select-wrapper { position: relative; }
.select-wrapper:after { content: "\f0d7"; font-family: 'FontAwesome'; color: #136580; font-size: 20px; line-height: 1; height: 20px; width: 10px; text-align: center; display: block; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
select {padding: 10px 20px 10px 10px;color: #136580;border-radius: 2px;margin: 0;font-size: 16px;}
select:: -ms-expand { display: none; }
label {display: block;font-size: 15px;}
label sup{color:red; font-size:1.2em; top:2px;}
.error, .msgcontent {color: red;/* font-size: 0.9em; */display: block;}
input[type=email],input[type=password],input[type=tel],input[type=text],input[type=number],select,textarea {width: 100%;min-height: 45px;background-color: rgba(255, 255, 255, 0.5);border: 1px solid rgba(0, 0, 0, 0.12);font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;padding: 11px 21px;text-align: left;color: #333;margin: 5px 0;border-radius: 0;}
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=email]: -moz-placeholder, input[type=password]: -moz-placeholder, input[type=tel]: -moz-placeholder, input[type=text]: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder { color: transparent; }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder { color: transparent; }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder { color: transparent; }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder { color: transparent; }
input[type=radio] {/* display: block; *//* float: left; *//* margin-right: 10px; */}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, a.button:hover, a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {background: #2a4f81;color: #FFF;}
/* ====================utility/ helper classes ==================== ================================================== */
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.header:after, .container:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after { content: ""; display: table; clear: both; }
.pad { padding-left: 15px; padding-right: 15px; }
.pad-left { padding-left: 15px; }
.pad-right { padding-right: 15px; }
.divider { margin-top: 20px; position: relative; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { }
.divider-line { margin: 40px 0; }
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }
.img-circle { border-radius: 50%; }
.hide { display: none; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.headeing { font-size: 1.5em; vertical-align: middle; position: relative; display: inline-block; padding: 7px 50px 7px 20px; margin-left: -15px; margin-bottom: 15px; color: #FFF; background: #202835; }
.headeing:after { content: ''; position: absolute; float: right; right: -39px; margin: auto; border-bottom: 1px solid #DDDDDD; width: 0; height: 0; top: 0; border-top: 39px solid rgb(32, 40, 53); border-bottom: 39px solid transparent; border-right: 39px solid transparent; }
.text-center, .text-center * { text-align: center !important; }
.margin-auto { margin: 0 auto !important; float: none !important; }
/* ==================== layout==================== ================================================== */
#layout { position: relative; top: 0; left: 0; width: 100%; min-width: 100%; background: #FFFFFF;display: flex;min-height: 100vh;flex-direction: column;}
.footer { flex-shrink: 0;}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;}
body.subpage .Header {box-shadow: 0px 1px 3px rgba(4, 4, 4, 0.35);background: #fdc321;}
/* ====================header ==================== ================================================== */
.Header h1 { display: none; }
.Header {position: relative;width: 100%;z-index: 9999;padding: 0;transition: top 0.5s ease;top: 0;left: 0;background: #f5c260;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
.Header .Navigation{background-size: cover;/* background: transparent; */position:relative;z-index:2;}
.Header .Navigation:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity: 0.25;}
body.subpage .Header {box-shadow: 1px 1px 3px rgba(4, 4, 4, 0.35);}
.logoBlock{position: relative;text-align: left;top: 0;background: #2a4f81;border-bottom: 1px solid rgba(0, 0, 0, 0.23);}
.logoBlock a{position:relative;margin: 0;font-size: 2.4em;display: inline-block;line-height: 40px;vertical-align: middle;font-weight: 600;color: #fff;text-transform: uppercase;padding: 0;}
.logoBlock h2{color: #8ea3c0;text-align:right;font-size: 3em;text-transform: uppercase;margin: 15px 0;}
.logo {position: relative;z-index: 999;left: 0;top: 0;margin: 0;padding: 2px;/*-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; */max-width: 150px;background: #FFF;margin-right: 10px;}
.logo img { position: relative; display: inline-block; vertical-align: middle; max-width: 240px; padding: 6px 0; }
.logoBlock span {display: block;vertical-align:middle;color:#FFF;font-size: 20px;transition: color .3s ease;}
.Header .Navigation .topnav {background: rgba(255, 255, 255, 0.3);}
.topnav.barNAv {float: right;position: relative;z-index: 99;}
.topnav.barNAv > ul>li{margin: 0 0 0 10px;background: transparent;}
.topnav.barNAv > ul>li.audio{display:block;margin: 0;text-align: left;}
.topnav.barNAv > ul>li>span , .topnav.barNAv > ul>li>a {text-transform:uppercase;font-size: 12px;line-height: 20px;padding: 17px 0;color: #666;cursor:pointer;display: inline-block;vertical-align: middle;}
.topnav.barNAv ul li.newslink ul{width: 440px;}
.topnav.barNAv ul li.newslink ul li {width: 49%;display:inline-block;}
.topnav.barNAv > ul>li>span:before , .topnav.barNAv > ul>li>a:before{content:'';font-family:FontAwesome;text-align: center;font-size: 12px;display:inline-block;vertical-align: bottom;margin-right: 2px;line-height: 20px;width: 20px;height: 20px;border-radius: 20px;background: #2a4f81;color: #FFF;}
.topnav.barNAv > ul>li.login>a:before{content:"\f023";margin-right: 6px;}
.topnav.barNAv > ul>li.subscribe>a:before{content:"\f067"; }
.topnav.barNAv > ul>li.admin>a:before{content:"\f007";}
.topnav.barNAv > ul>li:hover a{color:#2a4f81; }
.topnav.barNAv > ul>li:hover a:before{background:#2a4f81;}
#TopNav.barNAv ul li.navIcon span:before{content:"\f0c9"; }
.mainNav{position:relative;/* background: black; */clear: both;}
.HeaderMenu{position:relative;padding: 0;display: flex;}
.Navigation__body{padding: 0;transition: background .3s ease;}
.HeaderMenu > ul {list-style: none;padding: 0;margin: 0;text-align: left;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: nowrap;}
.HeaderMenu>ul>li {position:relative;text-align: left;/* max-width: 20%; */}
.HeaderMenu>ul>li a {text-transform: uppercase;color: #2a4f81;display: block;padding: 8px 10px;font-size: 1.2em;font-weight: 500;font-family: Roboto Slab;}
.HeaderMenu>ul>li ul li:hover a, .HeaderMenu>ul>li a:hover, .Header.headBg .HeaderMenu>ul>li.selected a{color: #f5c260;}
.HeaderMenu>ul>li ul{display: none;position:absolute;list-style: none;margin: 0;padding: 0;width:240px;margin-top: 0;background: #2a4f81 ;left:0;top:100%;box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.2);}
.HeaderMenu>ul>li ul li a{display:block;color: #FFF;padding: 8px 15px;font-size: 1.2em;text-transform: unset;}
.HeaderMenu>ul>li:hover > ul { display:block; }
.HeaderMenu>ul>li:hover > a{color: #FFF;background: #2a4f81;}
.HeaderMenu>ul>li ul li:first-child{padding-top: 1px;}
.HeaderMenu>ul>li ul li{ position:relative;}
.HeaderMenu>ul>li ul li ul{position:absolute;left:100%;top: 0;}
.HeaderMenu>ul>li ul li:hover{background: #fdc321;}
.HeaderMenu>ul>li ul li:hover ul{ display:block;}
.HeaderMenu>ul>li ul li ul li:first-child{padding:0;}
.HeaderMenu>ul>li ul li ul li a:hover{background: #2a4f81 ;}
.HeaderMenu>ul>li.selected a{color: #fdc321;}
.HeaderMenu>ul>li.home a{font-size: 0;line-height: 1;height: 42px;}
.HeaderMenu>ul>li.home a:before{content:"\f015";font-family: FontAwesome;margin: 0;/* color: #2a4f81; */font-size: 27px;display: block;}
span.searchBlock-toggler{color: #2a4f81;padding: 0 0;line-height: 40px;display: block;text-align: center;cursor: pointer;margin: 0;/* display: none !important; */}
span.searchBlock-toggler:before{content:"\f002";font-family: FontAwesome;font-size: 28px;display: block;}
.HeaderMenu span.searchBlock-toggler{height:50px;line-height:50px;width: 50px;}
.Sidebar_body {background-color: #2a4f81;right: -320px;width: 320px;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 99999;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar .sidebar_Close{text-align:right;padding: 5px 20px;}
.Sidebar .Sidebar_backdrop {position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,.45);left: 0;top: 0;z-index: 999;display: none;}
.Sidebar.show .Sidebar_backdrop { display: block; }
.Sidebar.show .Sidebar_body { right: 0; }
.SidebarMenu {padding: 0 15px;}
.SidebarMenu .primaryNavigation{ padding-bottom:30px;}
.SidebarMenu .primaryNavigation hr {margin:10px 0; border-color:#d8342c;}
.SidebarMenu .primaryNavigation ul {list-style: none;padding: 0px 15px;margin: 0;}
.SidebarMenu .primaryNavigation ul li ul {margin:0;padding: 0;}
.SidebarMenu .primaryNavigation ul li ul li{ margin:0;}
.SidebarMenu .primaryNavigation ul li ul li a {font-size: 14px;font-weight: 300;padding: 0px 10px;}
.SidebarMenu .primaryNavigation ul a {font-size: 16px;font-weight: 400;color: #fff;text-decoration: none;display: block;padding: 2px;}
.SidebarMenu #social ul{float:none;padding: 10px 15px;margin-bottom: 20px;}
.SidebarMenu #social li{margin-right: 10px;}
.SidebarMenu #social li.phone a:before, .SidebarMenu #social li a:before{color:#FFF; }
.SidebarMenu #social li.phone a span{ color:#FFF;}
.contactNavigation{border-top: 1px solid #103275;margin-top: 0px;clear: both;}
.contactNavigation ul{list-style:none;padding: 10px 15px;}
.contactNavigation ul li {margin: 10px 0;}
.contactNavigation ul li a{color:#FFF;font-size: 20px;}
.SidebarMenu form{position:relative;display: none !important;}
.SidebarMenu input[type=text]{background:#FFF;padding: 5px 14px;}
.SidebarMenu input[type=submit]{width:auto;min-width: auto;padding: 15px 13px;position: absolute;right: 0;top: 10px;font-size: 12px;height: 45px;background: #2a4f81;}
.searchBlock-collapse {-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search_backdrop {position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,.45);left: 0;top: 0;z-index: 999;display: none;}
.searchBlock-collapse .search_body{background-color: white;padding: 0px 5%;margin: auto;position: relative;width: 100%;z-index: 9999;}
.searchBlock-collapse .search_body .searchBlock{position:relative;}
.searchBlock-collapse .search_body input[type=text] {width: 100%;padding-right: 110px;}
.searchBlock-collapse .search_body input[type=submit]{position:absolute;right:0;top: 0;margin: 10px 0;border: 1px solid transparent;min-width: auto;background: #2a4f81;}
.loginCollapse{position:fixed;z-index: 99;width:100%;height:100vh;top:0;left:0;opacity:0;-webkit-transition: opacity .3s ease;transition: opacity .3s ease;}
.loginCollapse.show{opacity:1;}
.login_backdrop{position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,.45);left: 0;top: 0;z-index: 999;}
.loginCollapse .login_body{width: 340px;margin:0 auto;position:relative;z-index:99999;background:#FFFF;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.loginCollapse .login_body .loginBox{padding: 30px 30px;}
.loginCollapse .login_body .login_Close{float:right;display:block;width:20px;height:20px;line-height:20px;text-align:center;background:red;color:#FFF;cursor: pointer;}
.loginCollapse .login_body .loginBox .fieldRow{margin-bottom:10px; }
.loginCollapse .login_body .loginBox .fieldRow input{min-height: auto;margin:0;vertical-align:middle;padding:10px;}
.loginCollapse .login_body .loginBox .fieldRow input[type="checkbox"]{ margin:0;}
.loginCollapse .login_body .loginBox .mlolnks{margin: 20px 0 0px 0;}
.loginCollapse .login_body .loginBox .mlolnks a{ display:inline-block; width:50%;}
.NavbarToggle {display: inline-block;vertical-align: middle;background-color: transparent;border: 0;padding: 0;}
.NavbarToggle i {font-size: 35px;color: #333;}
.sidebar__Close {padding: 5px 20px;}
.sidebar__Close i{ color:#F44336;}
body.subpage .Header .NavbarToggle i { color: #2a4f81; }
.search__Close{position:absolute;top: 0;right: 0;background: #F44336;text-align: center;}
.searchToggle{background:none;padding: 0;color: #FFF;text-align: center;width: 30px;height: 30px;}
.searchToggle i {font-size:0;}
.searchToggle i:before{font-size: 24px;line-height: 30px;}
.navIcon { position: relative; }
.NavbarToggle {display: inline-block;height: 50px;vertical-align: middle;background-color: transparent;border: 0;padding: 0px;}
.NavbarToggle i {font-size: 1.8em;color: #fff;}
.sidebar__Close { padding: 20px; }
body.subpage .Header .NavbarToggle i {color: #293b79;}
.Header.headBg {/* top: -46px; */transition: top 0.5s ease, background 0.3s ease;}
.cartMenu{position: absolute;right: 0;margin-top: 5px;width: 250px;background: #2a4f81;padding: 0;padding-left: 0;/* display: none; */}
.cartMenu ul:before{content:"\f07a";position: absolute;left: 0;/* top: 0; */font-family:FontAwesome;color: #f5c260;float:left;font-size:2em;display: block;width: 46px;height: 46px;line-height: 40px;text-align: center;margin-left: -22px;background: #2a4f81;border-radius: 40px;border: 2px solid #FFF;}
.cartMenu ul{margin:0;padding:0;text-align: right;list-style:none;/* border-top: 2px solid #fdc321; *//* border-bottom: 2px solid #fdc321; */}
.cartMenu ul li{display:inline-block;vertical-align:middle;}
.cartMenu ul li a{color: #f5c260;display: block;line-height: 30px;padding: 4px 10px;margin: 4px;}
body.cartActive .rightNav{/* margin-top:30px !important; */}
body.cartActive .breadcrumbs {margin-bottom: 25px;}
/* ==================== Social Menu ==================== ================================================== */
#social,.topLogo {/* float: left; */position: relative;z-index: 99;margin: 0;}
.topLogo img{margin: 2px 5px 2px 0;}
#social ul {margin: 0;padding: 5px 0;text-align: right;}
#social li {float: none;display: inline-block;vertical-align: middle;padding: 8px;}
#social li a {font: normal normal normal 14px/1 FontAwesome;text-align: center;padding: 0 !important;color: #FFF;display: block;}
#social li a span { display: none; }
#social li a:before {font-size: 24px;text-align: center;color: #FFF;display: inline-block;vertical-align: middle;line-height: 40px;width: 40px;height: 40px;border-radius: 50%;}
#social li.audio a:before{content: "\f028";background: #2a4f81;width: 80px;border-radius: 30px;font-size: 22px;}
#social li.facebook a:before {content: "\f09a";background: #3c5b99;}
#social li.twitter a:before {content: "\f099";background: #00aced;}
#social li.instagram a:before { content: "\f16d"; }
#social li.linkedin a:before { content: "\f0e1"; background:#0077b5; }
#social li.youtube a:before {content: "\f16a";background: red;}
#social li.pinterest a:before { content: "\f231"; }
#social li.googleplus a:before {content: "\f0d4";background: #dc4b38;}
#social li.contact a:before, #social li.email a:before {content: "\f0e0";background: #FF5722;}
#social li.rss a:before { content: "\f09e"; background:#f58220; }
#social li.phone{}
#social li.Phone a:before {content: "\f095";background: #2196F3;color: #ffffff;}
#social li.Phone a span:before{content:"Call us now";display:block;font-size:14px;font-weight: 400;}
/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {opacity: .8;}
/* ====================Footer==================== ================================================== */
footer {clear: both;bottom: 0;left: 0;background: #394657;color: #FFF;z-index: 1;width: 100%;padding: 0;font-size: 12px;text-align: left;position: relative;border: 0;}
footer .address {margin: 0;text-align: left;margin-bottom: 10px;}
footer .address * {color: #FFF;}
footer .address h6{font-weight: 600;font-size:1.4em;font-family: 'Roboto Slab', serif;}
footer .address p span { font-size: .80em; display: none; }
footer .footerContacts {margin:0 !important;}
footer .social {background: #3e4b5d;margin-bottom: 40px;}
footer #social{margin: 0;float: none;}
footer #social ul {text-align: center;}
footer #social li{padding:2px;margin: 2px 10px;}
footer #social li.phone{padding: 2px;margin: 4px 0;}
footer #social li.phone a span {font-size: 16px;}
footer #social li.phone a:before {content: "\f095";background: #333;color: #ffffff;margin-right: 5px;}
footer #social li.phone a span:before{content:"Call us now";display:block;font-size:14px;font-weight: 400;}
/* ====================Footer==================== ================================================== */
.footer-nav {/* width: 100%; */}
.footer-nav ul{ list-style:none;}
.footer-nav ul:after { content: ''; display: table; clear: both; }
.footer-nav>ul>li {display:inline-block;min-width: 30%;}
.footer-nav>ul>li.column>a{ display:none;}
.footer-nav ul li a:hover {color: #f5c260;}
.footer-nav ul li a, .footer-nav ul li span{ display:none;}
.footer-nav > ul > li > span, .footer-nav > ul > li > a {font-size: 16px !important;}
.footer-nav > ul > li > a:before { content: '' !important; }
.footer-nav ul li a {padding: 4px 0;font-size: 13px;color: #f9f9f9;display: block;}
.footer-nav ul li.head >a, .footer-nav ul li.head >span { font-size: 15px !important; color: #eee; }
.subfooter-nav ul { float: right; display: block; }
.subfooter-nav ul li { display: inline-block !important; float: none !important; }
.subfooter-nav ul li a { padding: 0 5px !important; }
.subfooter-nav ul li a:hover { background: none !important; }
/* ==================== Copyright ==================== */
.copyright {font-size: 12px;text-align: center;padding: 7px 0;background: #303c4a;}
.copyright a {color: #868a90 !important;padding: 10px;}
.copyright span {display: block;color: #868a90 !important;float: right;}
/* ==================== Go to top button ==================== ================================================== */
.cd-top { display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 30px; right: 5px; z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; background: #2a4f81; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.cd-top i {color: #FFFFFF;font-size: 1.4em;text-align: center;line-height: 50px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .5; }
.cd-top:hover, .no-touch .cd-top:hover { opacity: 1; }
/* ==================== Page & Content Styles ==================== */
.page-content-block { margin: 0 0; }
.subpageHeader-block {padding-top: 0;text-align: justify;background: rgba(253, 195, 33, 0.5);margin-bottom: 30px;position: relative;}
.subpageHeader-block h1 {}
.backgrounPattern{min-height: 360px;background: rgba(253, 195, 33, 0.5) url(../image/cache/bgPattern.png);background-size: 300px;/* position: absolute; */width: 100%;left: 0;top: 0;opacity: .6;}
.pageTitle{position:absolute;width: 100%;bottom: 30px;z-index: 99;}
.pageTitle h1{color: #2a4f81;font-size: 4em;}
h3.title, h2.title{border-bottom: 2px solid rgba(0,0,0,0.1);position: relative;font-size: 34px;height: 42px;line-height: 40px !important;padding: 0 10px 0 0;margin: 0 0 10px;border-radius: 3px;font-weight: 500;display: inline-block;}
h3.title{font-size: 28px;}
h3.title:before, h2.title:before{content: '';position: absolute;background: #2a4f81;width: 50%;max-width: 180px;height: 2px;left: 0;bottom: -2px;}
h3.title:after, h2.title:after{position: absolute;content: " ";width: auto;height: auto;bottom: -10px;left: 5%;border-width: 4px;border-style: solid;border-color: #2a4f81 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);}
.lead{font-size: 1.2em;font-weight: 300;line-height: 28px;}
.subpage-block { margin-top: 74px; padding-top: 10px; }
.breadcrumb {margin: 0;padding: 3px 0;font-size: 14px;clear: both;color: #333;background: transparent !important;border-radius: 0;}
.breadcrumb a {font-size: .84em;color: #2a4f81;}
.covidmsg { width: 95%; color: #f00; font-weight: bold; }
.slider_block {/* padding-bottom: 0; *//* margin-top: 0; *//* padding-top: 0; *//* position: relative; */}
.slider_block {position: relative;/* margin: 40px 0; *//* width: 100%; */height: 320px;}
.slideing { width: 100%; left: 0; position: relative; }
#slides { height: 100%; position: absolute; top: 0px; width: 100%; }
.slide_img { height: 300px; width: 100%; position: absolute; z-index: 6; }
/* slide show */
.slidebg { height: 480px; position: relative; z-index: 5; width: 100%; margin-bottom: 21px; padding-bottom: 10px; }
.slidebg { }
.slidebg div.container { position: absolute; height: 100%; left: 0; right: 0; }
.slideing { width: 100%; left: 0; position: relative; }
#slides {height: 100%;position: absolute;top: 0px;overflow: hidden;}
.slide_img { height: 300px; width: 100%; position: absolute; z-index: 6; }
.sliderContent {height: 100%;position: relative;overflow: hidden;float: none;}
.sliderContent .container{position:relative; height:100%;}
.sliderContent div.base {position: absolute;width: 100%;height: 100%;right: 0;opacity: 1;display: none;}
.sliderContent div.base .container {position: relative;top: 50%;z-index: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
#slides .sliderContent div.base .img {width: 100%;height: 100%;text-align: center !important;background-size: cover;position: relative;left: 0;top: 0;background-repeat: no-repeat;background-clip: padding-box;background-position: center center;}
.sliderContent div.base.Video .img { display: none; }
.sliderContent div.activeSlide { display: block; right: 0; }
.sliderContent div.base .link a {font-weight: 400;padding: 10px 15px;color: #FFF;}
.sliderContent div.base div h1 {font-size: 1.9em;}
.sliderContent div.base div h2{font-weight:900;color:#f5c260;font-size: 20px;text-align: left !important;}
.sliderContent div.base div p{color:#FFF;line-height: 22px;}
.sliderContent div.base .signup-form-Block{margin-top: 40px;}
.sliderContent div.base .forminfo {font-size: 10px;margin-top: 50px;display: none;}
.sliderContent div.base .forminfo img{max-width: 150px;}
/*caption Video*/
.sliderContent div.base.slShow div.caption.Video { width: 100%; max-width: none; text-align: center; position: relative; height: auto; padding: 0; border: 0; margin: 0; }
.sliderContent div.base.slShow div.caption.Video h3 { text-align: left; margin: 0; margin-left: 15px; padding: 0; display: none; }
.sliderContent div.base.slShow div.caption.Video iframe { height: 400px !important; width: 100%; }
.sliderContent div.base.slShow div.caption.Video a, .sliderContent div.base.slShow div.caption.Video p { padding: 0; margin: 0; }
/* caption positions*/
.sliderContent div.base.slShow div.caption.Top-Left { top: 2%; left: 0; }
.sliderContent div.base.slShow div.caption.Top-Center { top: 2%; left: 50%; -webkit-transform: translateY(-2%) translateX(-50%); -ms-transform: translateY(-2%) translateX(-50%); transform: translateY(-2%) translateX(-50%); }
.sliderContent div.base.slShow div.caption.Top-Center * { text-align: center !important; }
.sliderContent div.base.slShow div.caption.Top-Right { top: 2%; left: 100%; -webkit-transform: translateY(-2%) translateX(-100%); -ms-transform: translateY(-2%) translateX(-100%); transform: translateY(-2%) translateX(-100%); text-align: right !important; }
.sliderContent div.base.slShow div.caption.Top-Right * { text-align: right !important; }
.sliderContent div.base.slShow div.caption.Middle-Left { top: 50%; left: 0%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block !important; }
.sliderContent div.base.slShow div.caption.Middle-Center { top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
.sliderContent div.base.slShow div.caption.Middle-Center * { text-align: center !important; }
.sliderContent div.base.slShow div.caption.Middle-Right { top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-100%); -ms-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); }
.sliderContent div.base.slShow div.caption.Middle-Right * { text-align: right !important; }
.sliderContent div.base.slShow div.caption.Bottom-Left { top: 100%; left: 0%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.sliderContent div.base.slShow div.caption.Bottom-Center { top: 100%; left: 50%; -webkit-transform: translateY(-100%) translateX(-50%); -ms-transform: translateY(-100%) translateX(-50%); transform: translateY(-100%) translateX(-50%); }
.sliderContent div.base.slShow div.caption.Bottom-Center * { text-align: center !important; }
.sliderContent div.base.slShow div.caption.Bottom-Right {top: 90%;left: 98%;-webkit-transform: translateY(-100%) translateX(-100%);-ms-transform: translateY(-100%) translateX(-100%);transform: translateY(-100%) translateX(-100%);}
.sliderContent div.base div.caption div a {color: #f5c260;}
.sliderContent div.base div.caption div a:hover{background: #f5c260; color:#FFF;}
.sliderContent div.base.slShow div.caption {display: block;position: relative;z-index: 1;/* max-width: 50%; *//* float: right; */height: 100%;}
.sliderContent div.base.slShow div.caption .cpcontent{}
.sliderContent div.base.slShow div.caption.No-Background { background: none !important; }
/*Caption Backgrounds*/
.sliderContent div.base div.caption.White { background: rgba(255,255,255,0.65); }
.sliderContent div.base div.caption.Yellow { background: rgba(191, 130, 54, 0.65); color: #FFF!important; }
.sliderContent div.base div.caption.Yellow * { color: #FFF; }
.sliderContent div.base div.caption.Blue { background: rgba(62, 77, 92, 0.65); }
.sliderContent div.base div.caption.Blue * { color: #FFF; }
.sliderContent div.base div.caption.Black { background: rgba(0, 0, 0, 0.65); }
.sliderContent div.base div.caption.Black * { color: #FFF; }
.taoNav {margin-top: -30px;position: relative;z-index: 98;text-align: left;display: none;}
.taoNav a {margin: 2px 6px;display: inline-block;vertical-align: middle;padding: 0;border: 0;border-radius: 2px;-webkit-border-radius: 2px;-ms-border-radius: 2px;-moz-border-radius: 2px;color: #333;background: #333;font-size: 0;width: 10px;height: 10px;text-align: center;}
.taoNav a.active {background: #2a4f81;color: #2a4f81;}
.taoNav a:hover { text-decoration: none; }
/* ==================== Tao Slider Thumb Menu ==================== ================================================== */
#slides .taoTab_blk { position: relative; top: 0; left: 0; width: 29%; z-index: 2; height: 100%; }
#slides .taoTab_blk .taoTab { background: #181818; display: block; margin: 0; color: #FFF; line-height: 1.2em; width: 100%; }
#slides .taoTab_blk .taoTab .tab { display: block; padding: 4% 5px 4.5% 5px; height: 16%; border-top: 1px solid #4A4A4A; }
#slides .taoTab_blk .taoTab h3 { color: #FFF; }
#slides .taoTab_blk .taoTab:hover { background: #333; cursor: pointer; }
#slides .taoTab_blk .taoTab.active { }
#slides .taoTab_blk .taoTab img { margin: 6px; display: inline-block; width: 23%; padding: 1px; border: 1px solid #DDD; vertical-align: middle; }
#slides .taoTab_blk .taoTab span { width: 65%; display: inline-block; font-size: .9em; vertical-align: middle; }
#slides .taoTab_blk .taoTab.active .tab { background: #003E7E; border-top: 1px solid #FFF; }
/*Home*/
.hBox {min-height: 240px;}
/* my orders */
.vieworders, .mydownloads { width: 100%; margin: 0; }
.vieworders td, .vieworders th, .mydownloads td, .mydownloads th { border: 1px solid #c19759; border-left: 0; border-right: 0; padding: 3px 8px; text-align: center; }
.vieworders th, .mydownloads th { background: #f6f6f6; line-height: 30px; }
.mydownloads td { padding: 8px 5px; }
/* cart universal */
.carticon { position: absolute; top: 50px; right: 10px; }
.carticon ul { margin: 0; padding: 0; list-style: none; }
.carticon ul li { float: left; line-height: 1em; padding: 0px 8px; border-right: 1px solid #999; }
.carticon ul li:last-child { border: 0px; }
.carticon a { color: #333; }
#cartbuttons ul {list-style: none;padding: 0px;margin: 0px;text-align: right;}
#cartbuttons ul li {display: inline-block;}
#cartleft #cartbuttons ul li { float: none; display: inline-block; }
input.cancel {background: #CCC;border: 1px solid #BBB;color: #333;/* display: none; */}
#cartbuttons ul li .empty_cart, #cartbuttons ul li .update_cart, #returntocart {display:none;}
.errmsg, .taoCMSerror, .taoCMSerror .msgcontent { color:red;}
/* checkout Login */
.checkout_login {width: 40%;float: left;padding: 2%;margin: 2% !important;display: block;}
.checkout_loginmsg { display: none; }
.logintitle {font-size: 1.3em;}
.checkout_login p { font-weight: bold; font-size: 12px; }
.checkout_login div { margin: 5px 0px; }
.checkout_registration, .noaccount { text-align: center; }
.checkout_registration, .noaccount {width: 350px;float: left;/* background: #FFFACD; */}
.checkout_registration {display:block;margin:2%;padding:15px;height: 320px;font-size: 1.6em;}
.billinginfoinput { text-align:center;}
.billinginfoinput table{/* width: 90%; */margin: 0 auto;display: block;}
.billinginfoinput table tr td {min-width: 200px;}
/* bliiing */
#billtable, #shiptable {width: 45%;margin: 20px 1% 20px 0;float: left;padding: 1.5%;background: #FFF;min-height: 150px;}
#billtable h3{ font-size:1.4em;}
.billingaddress { margin-bottom: 20px; }
.billingaddress .name { font-weight: bold; }
.paymenttitle { margin-top: 15px; font-family: 'Marcellus', serif; font-size: 1.3em; }
#paymentdiv {padding: 0;}
.paymentmodule{display: block;vertical-align:top;min-width: 300px;max-width: 420px;padding: 2px 0;}
.paymentmodule iframe{height: 380px;background: #FFF;}
.paymentchoice{font-weight: bold;font-size: 1.1em;margin-bottom: 5px;}
#plugnpay_details span {display:inline-block;vertical-align: top;}
#plugnpay_details .nameoncardlabel, #plugnpay_details .nameoncardinput {width: 100%;display: block;}
.cardnumberlabel, .cardnumberinput {width:60%;float: left;margin-right: 8px;}
.codeoncardlabel, .codeoncardinput{width: 38%;}
.expireoncardlabel, .expireoncardinput{width:100%;}
.expireoncardinput select{ width:49%;}
#changeinfo {margin-top: 42px;}
#changeinfo:after{ content:''; display:table; clear:both; }
#changeinfo ul {margin: 0;padding: 0;list-style: none;color: #2a4f81;}
#changeinfo ul li { float: left; margin-right: 20px; }
#changeinfo ul li:first-child{/* display:none; */}
#orderinfo h2{ display:none;}
#cartbuttons{float: right;text-align: right;margin: 5px 0;}
#returntocart a, #changeinfo ul li:nth-child(2):before {content:"\f177";font-family:FontAwesome;display:inline-block;font-size: 16px;margin-right:5px;}
#changeinfo ul li:nth-child(3):before { content:"\f0f6"; font-family:FontAwesome; display:inline-block; margin-right:5px; }
#changeinfo{/* display:none; */float: left;}
#changeinfo ul li a {color: #2a4f81;font-weight: 600;font-size: 15px;}
#paymentinvoice:after{content:''; display:table; clear:both; }
#payment_totalamount{float:none;clear:both;width:100%;margin: 10px 0;font-size: 1.3em;font-weight: 700;text-transform: uppercase;}
#giftcertificateamount{float:none;clear:both;width:100%;margin: 10px 0;font-size: 1.1em;font-weight: 600;text-transform: uppercase;}
/*Coupon codes*/
#cartcodes {margin: 25px 0;padding: 8px;background: rgba(0, 0, 0, 0.03);}
#cartcodes .errmsg{ color:#ffc107; }
.promocodes {padding: 0;}
.orderdiscountheading{ font-size:1.2em;}
ul.discount{padding:0;margin:0;text-align: left;list-style: none;}
ul.discount li { padding-left:5px;}
ul.discount li:before{content:"\f058"; font-family:FontAwesome; color:green;}
.catalog.code span{display:inline-block; vertical-align:middle;}
.catalog.code .codevalue {display:inline-block;margin: 0;text-align: center;border: none;color: green;text-decoration: none;background: none;border: 1px solid green;padding: 7px 14px;display: inline-block;text-transform: uppercase;margin-right: 10px;}
.catalog.code .codevalue:before{content:"\f058"; font-family:FontAwesome; color:green; display:inline-block; margin-right:5px;}
.catalog.code .removebutton{height:42px;width: 42px;font-size:0;padding: 0;min-width: 42px;text-align:center;position: relative;overflow: hidden;margin-left: 15px;}
.catalog.code .removebutton:before{content:"\f057";font-family:FontAwesome;font-size: 36px;color: #999;display: block;position: absolute;width: 100%;height: 42px;top: 0;bottom: 0;margin: auto;line-height: 42px;/* background: #ccc; */}
.catalog.code .removebutton input{font-size:0;height:100%;background: transparent;}
.catalog.code~.catalog.codeinput{display:none;}
.catalog.codeheader {font-weight:bold;font-size: 1.1em;margin-bottom: 5px;}
.catalog.codeinput{/* padding:5px; */}
.catalog.codeinput label{margin-right:10px;display: block;padding: 6px 0;line-height: 1;font-size: 0;}
.catalog.codeinput input[type="text"], .catalog.codeinput input[type="submit"]{display:inline-block;width: 30%;margin: 0;margin-right:5px;}
.catalog.codeinput input[type="submit"] {width:auto;padding: 14px 8px;font-size: 12px;width: 170px;}
/* cart */
.catalogcart {width: 100%;margin: 0;border: 0;border-spacing: 0;border-collapse: collapse;}
.catalogcart td, .catalogcart th {border: 1px solid #a5a5a5;padding: 3px 8px;text-align: center;}
.cartheadings {/* background: #FFF; */line-height: 30px;}
.cartheadings th.partno, .cartitemrow td.partno{font-size:0;line-height: 0;color: #FFF;width: 0;padding: 0;border-right: 0;}
.catalogcart td.qty, .catalogcart th.qty, .catalogcart td.remove, .catalogcart th.remove {/* visibility: hidden; */width: 0px;padding: 0;font-size: 0;border: 0;line-height: 0;}
.catalogcart td.qty span{/* border-right: 1px solid #DDD; *//* visibility: visible; */display: none;}
.catalogcart td.unitprice{/* border-left:0; */}
.catalogcart td.qty input, .catalogcart td.remove input{ display:none;}
.catalogcart .itemname {padding-top: 5px;color: #333;text-align: center;/* border-left: 0; *//* border-right: 0; */}
#activecart.catalogcart .itemname{border-right: 0;}
#activecart.catalogcart td.qty, #activecart.catalogcart td.remove, #activecart.catalogcart th.qty, #activecart.catalogcart th.remove{border:0;}
#activecart.catalogcart td.unitprice, #activecart.catalogcart th.unitprice { border-left:1px solid #DDD;}
#completeordercart.catalogcart .itemname{border-left: 0;/* border-right: 0; */}
#completeordercart.cartheadings th.partno, #completeordercart.cartitemrow td.partno{font-size:0;line-height: 0;color: #FFF;width: 0;padding: 0;border-right: 0;}
#completeordercart.catalogcart td.namespan{border-right: 0;}
#completeordercart.catalogcart tr.totals th{border-left:0;width: 240px;}
#completeordercart.catalogcart tr.totals th
#completeordercart.catalogcart td.qty, #completeordercart.catalogcart th.qty{border:0;border-right:0;border-left: 1px solid #DDD;border-spacing: 0px;}
.catalogcart .itemname .attributes { color: #333; clear: both }
.catalogcart .itemname .attributes .label { width: 120px; float: left; display: block; }
.catalogcart .itemname .attributes .value { margin-left: 125px; display: block; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .price {color: #333;font-weight:bold;width: 100px;border-left: 0;}
.catalogcart .totalprice { width: 120px;}
.catalogcart .oddrow {/* background: #FFF; */}
.catalogcart .evenrow {/* background: #FFF; */}
.carttotals { line-height: 30px; }
.multipleshippingchoices { margin-top: 20px; }
#invoiceinfo {width:500px;border-collapse: collapse;}
#invoiceinfo tr td {border:1px solid #b7bcc8;padding:5px;background: #d7dae1;}
#invoiceinfo tr:nth-child(even) td{ background:#c4cbda;}
/* ==================== webform post form styles ==================== ================================================== */
.fieldgroup { clear: both; margin: 10px 0; padding: 5px; }
.fieldgroup_label {font-size: 1.5em;font-weight: bold;display: block;color: #2a4f81;padding: 0 5px;margin: 10px 0 5px 0;border-bottom: 1px solid #f5c260;}
.fieldgroup_desc, .field_desc {/* font-style: italic; */color: #333;line-height: 1.4em;padding: 0 3px;/* font-size: 0.87em; */margin-bottom: 10px;clear: both;}
.fieldrow { padding: 5px 0; text-align: left; display: block; }
.fieldrow .fieldlabel sup { color: red; margin-left: 5px; }
.fieldrow .fieldval textarea { width: 80%; min-height: 100px; }
.fieldrow .fieldlabel { display: inline-block; width: 100%; margin: 0 0.5%; text-align: left !important; margin-right: 20px !important; }
.fieldrow .fieldval { display: inline-block; width: 100%; margin: 0 0.5%; vertical-align: top; }
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select { width: 80%; }
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button { width: auto; }
.fieldrow .fieldval input[type=file] { border: 1px solid #ddd; }
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr { display: none; }
.fieldrow .fieldval input:focus,.fieldrow .fieldval select:focus, .fieldrow .fieldval radio:focus, .fieldrow .fieldval checkbox:focus, .fieldrow .fieldval textarea:focus{border: 1px solid rgba(0, 84, 165, 0.3);background: rgba(228, 242, 255, 0.2);}
.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0;margin-right: 5px;}
.newPostTemplate.webform .fieldrow.hide{ display:none;}
.newPostTemplate.webform .fieldrow .fieldval input[type=number], .newPostTemplate.webform .fieldrow .fieldval input[type=text], .newPostTemplate.webform .fieldrow .fieldval input[type=tel],
.newPostTemplate.webform .fieldrow .fieldval input[type=email], .newPostTemplate.webform .fieldrow .fieldval select, .newPostTemplate.webform .fieldrow .fieldval textarea{ width:100%;}
.newPostTemplate.webform .fieldrow .fieldval input[name*='date'], .newPostTemplate.webform .fieldrow .fieldval input[name*='date'],
.webform .fieldrow .fieldval input[name*='date'], .webform .fieldrow .fieldval input[name*='date']{width: calc(100% - 30px);}
.newPostTemplate.webform .fieldrow .fieldval input[type='checkbox']{width:auto; }
.newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:#777;}
.newPostTemplate.webform .fieldrow .fieldlabel{font-weight: 500;display: block;font-size: 14px;margin: 0;color: #666;}
.newPostTemplate.webform .fieldrow .fieldlabel label{display:inline;margin: 0;}
.newPostTemplate.webform .fieldrow .fieldval label{font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;font-size: 15px;margin: 0;display: inline-block;}
div.type_of_presentation_multicheckbox div, .webform_39 div.conducting_a_demo_multicheckbox div, .conducting_a_demo_radio div{margin-bottom:15px;margin-left: 20px;font-size: .96em;/* font-style:italic; */}
.newPostTemplate.webform .fieldrow .fieldval div[class*="_radio"]{display:inline-block;}
.newPostTemplate.webform .fieldrow .fieldval div[class*="sponsorship_level_radio"], .newPostTemplate.webform .fieldrow .fieldval div[class*="registration_type_radio"]{display: inline-block;width:30%;vertical-align: top; margin-bottom:20px;}
.newPostTemplate.webform .fieldrow .fieldval div[class*="sponsorship_level_radio"] ul, .newPostTemplate.webform .fieldrow .fieldval div[class*="registration_type_radio"] ul{margin:0;padding:0;padding-left: 20px; font-size:14px; color:#777; }
.newPostTemplate.webform .fieldrow .fieldval div[class*="registration_type_radio"] ul { padding-left:30px;}
.newPostTemplate.webform .fieldrow .fieldval div[class*="sponsorship_level_radio"] label, .newPostTemplate.webform .fieldrow .fieldval div[class*="registration_type_radio"] label{ font-weight:bold;}
.newPostTemplate.webform .fieldrow .fieldval div[class*="registration_type_radio"] {width:100%;margin: 0;margin-top: 15px;}
.partial_registration {/* margin-left: 5px; */}
#partialRegOptions { margin-left:5px;}
.conducting_a_demo_multicheckbox div{/* display:none; */}
.newPostTemplate.webform .fieldrow .fieldval div.conducting_a_demo_radio {display:block;margin-bottom: 8px;}
.newPostTemplate.webform .fieldrow .fieldval div.sponsorship_level_radio div{display:inline-block;}
.webform div[class*="_multicheckbox"] input, .webform div[class*="_multicheckbox"] label{ display:inline-block;}
#associate_membership .field_desc, .associate_Membership .field_desc{ margin-left:14px;}
#sponsorship_list.sError, .callOffc { color:red;}
.require.error{ border-color:red;}
#total{/* margin:10px; */display:block;font-size:1.6em;font-weight:600;}
.show_Exhibitiors h3{font-size: 1.3em;font-weight: 600;font-family: 'Raleway', sans-serif;margin: 0;}
#desc_Full { margin:0 5px;}
/*Sponsors list*/
.sponsor{background: #FFF;padding: 10px 0;margin: 10px 0;text-align: center;height: 100%;}
.sponsor h3, .sponsor h4{text-align:center;font-size:1.4em;margin:0;font-family: 'Roboto Slab', serif;font-weight: 400;}
.sponsor h3{ display:none;}
.sponsor.noLogo h3{ display:block;}
.sponsor p{margin:0;color: #333;}
.sponsorsList{background:#fff;}
#sponsorsSlider {overflow: hidden;background: #FFF;}
#sponsorsSlider .wider {width: 1000%;overflow: hidden;max-height: 460px;}
#sponsorsSlider {width: 100%;overflow: hidden;}
#sponsorsSlider div.sliderContent { height:333px; }
#sponsorsSlider div.base {float: left;width: calc(100% / 4);padding: 0;position: relative;}
#sponsorsSlider div.base img{padding: 0 1px;/* max-width: 280px; */max-width: 60%;max-height: 100px;}
#sponsorsSlider div.base .sponsor > a, #sponsorsSlider div.base .sponsor.noLogo h3 {display: flex;text-align:center;min-height: 100px;position: relative;align-content: center;align-items: center;}
#sponsorsSlider div.base .sponsor > a img{display: block;margin: 0 auto;}
#sponsorsSlider div.base .sponsor.noLogo > a{ display:none;}
#sponsorsSlider div.base a {/* width: 300px; */margin: 0 auto;}
#sponsorsSlider div.activeSlide { left: 0; }
.waterTaste ul{list-style:none; padding:0 !important;}
.waterTaste ul li{ display:block; padding-bottom:10px;}
.waterTaste ul li:before{content:"\f061"; font-family:FontAwesome; display:inline-block; margin-right:5px; color:#2a4f81; }
.waterTaste .info {max-width:480px;font-size:1.2em;padding:10px;margin: 0 auto;margin-bottom:20px;border:2px dashed #2a4f81;background:#FFF;}
.data-table {display:table;width: 100%;margin: 0 auto;border-collapse:collapse;position: relative;}
.data-table .data-row{display:table-row;background: transparent;}
.data-table .data-row.body{display: table-row-group;}
.data-table .data-row.caption{ display:table-caption; width:100%;}
.data-table .data-row.caption .data-col{ display:table; width:100%; background:#DDD;}
.data-table .data-row.caption .data-col h4, .data-table .data-row.caption .data-col h2{ margin:5px;}
.data-table .data-row .data-col{display:table-cell;border:1px solid #DDD;padding: 5px;text-align: left;font-size: 0.98em;vertical-align: middle;color: #333;background: transparent;}
.data-table .data-row.head .data-col{background: #f5c260;padding: 5px 10px;color: #fff;font-size: 1.0em;font-weight: 500;border: 0;}
.data-table .data-row .data-col.options{ text-align:center;}
.data-table .data-row .data-col.options a {display: inline;padding: 4px 4px;border: 0;color: #f5c260;font-size: 11px;}
.data-table .data-row .data-col.options a.delLoc{color:#333; }
.data-table .data-row .data-col.options a:hover{ background:#f5c260; color:#FFF;}
.data-table .data-row .data-col select {margin:0;padding: 4px;min-height: auto;width: auto;}
/* ====================small size grid style declarations==================== ================================================== */
@media (min-width: 580px) {
/* ==================== multi level footer menu ==================== ================================================== */
.footer-nav ul { display: block; clear: none; text-align: left; width: 100%; }
.footer-nav > ul > li {vertical-align: top;list-style: none;margin: 0;}
.footer-nav ul li a, .footer-nav ul li span {/* padding: 3px 0; */margin: 0;}
.footer-nav ul li.head > ul { padding-left: 4px; }
.footer-nav ul li.head li.head ul { padding-left: 0; }
.footer-nav ul li.head li.head >a { margin-left: -5px; }
}
@media (min-width: 640px) { }
@media (min-width: 780px) {
.Navigation {margin-top: 0;transition: margin .5s ease, padding .5s ease;padding: 0;}
body.subpage .Navigation { margin-top: 0; }
/* ==================== webform styles ==================== ================================================== */
.fieldrow .fieldval select {/* width: 80%; *//* padding: 8px 5px; *//* margin: 0; */}
.fieldrow .fieldval input { width: 80%; }
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] { width: auto; }
.fieldrow .fieldval { display: inline-block; vertical-align: top; width: 40%; margin: 0; text-align: left; }
.fieldrow .fieldlabel { width: 30%; min-width: 10%; }
}
/* ==================== taoCMS Components and Modules ==================== ================================================== */
/*login*/
.changepass, .general_login { max-width: 360px; margin: 0 auto; text-align: left; padding: 10px; border: 1px solid rgb(233, 233, 233); }
.general_login div.logintitle { background: transparent; color: #333; font-size: 18px; line-height: 25px; font-weight: normal; }
.general_login div.loginmessage { font-style: italic; margin-bottom: 20px; }
.changepass div.row, .general_login div.row { margin: 8px 0px; text-align: left; }
.changepass div.row label, .general_login div.row span.label { text-align: right; padding-right: 7px; min-width: 100px; font-weight: bold; display: inline-block; }
.changepass div.row label { font-weight: normal; min-width: 125px; }
.changepass div.row span, .general_login div.row span.formw { display: inline-block; vertical-align: middle; }
.changepass div.row span input { max-width: 190px; }
.general_login div.loginbtn { margin-left: 100px; display: inline-block; text-align: center; }
.general_login div.forgotpassword { vertical-align: middle; display: inline-block; }
.general_login .errmsg { color: #F44336; font-size: .84em; padding: 0; text-align: center; overflow: hidden; }
#filter { display: none; }
/* ==================== Custom Styles ==================== */
/*navigation */
.form-btn { padding: 10px 10px; cursor: pointer; position: relative; float: right; text-align: center; right: 0; margin: 3px 0; color: #fff; }
.nav-icon a { color: #333; line-height: 75px; display: block; padding: 0 5px; }
.nav-icon a:hover, .nav-icon.nav-collapsed a:hover { text-decoration: none !important; background: none !important; color: #021f5b !important; }
.nav-icon { float: right; font-size: 30px; line-height: 75px; position: relative; z-index: 99; right: 0; top: 0px; margin: auto; padding: 0 7px; color: #021f5b; }
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover { background: #021f5b; color: #FBFBEA; }
.nav-icon.nav-collapsed { z-index: 102; }
.nav-icon.nav-collapsed a { color: #2a4f81 !important; }
.nav-icon.nav-collapsed a span:before { content: "\f00d"; }
/* side navigation*/
.side-nav{background: #e5e9ee;margin: 5px;}
.side-nav ul {list-style:none;display: block;}
.side-nav ul li {position: relative;display: block;z-index: 1;}
.side-nav ul li a {border-bottom: 1px solid #eee;font-size: 1.2em;color: #2a4f81;/* font-weight: bold; */position: relative;display: block;padding: 10px 15px;}
.side-nav ul li:last-child a { border:0;}
.side-nav ul li a:hover {background: #2a4f81;color: #FFF;}
/*footer*/
footer .nav-bar.nav-center { text-align: left; }
footer nav.nav-bar a:hover { color: #333; }
/* ====================paging ====================
================================================== */
.gallery_next_link{ float:right; }
.gallery_prev_link{ float:left;}
.gallery_next_link a, .gallery_prev_link a{display:inline-block;padding:5px 15px;font-weight:500;color: #6e7b97;border: 1px solid #6e7b97;}
.gallery_prev_link a:before, .gallery_next_link a:after{ content:"\f178"; font: normal normal normal 14px/1 FontAwesome; display:inline-block; vertical-align:middle; margin-left:7px;}
.gallery_prev_link a:before{content:"\f177"; margin-right:7px; margin-left:0;}
.gallery_prev_link a:hover, .gallery_next_link a:hover{ background:#f58220; color:#FFF;}
.gallery_prev_link_inactive, .gallery_next_link_inactive{ display:none;}
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links {clear:both;text-align: center;margin: 10px 0;margin-top: 50px;float: none;}
#form_paging_links:after, #calendar_paging_links:after, #paging_links:after, #newschannel_paging_links:after, .gallery_paging_links:after {content:''; display:table; clear:both;}
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span {display: inline-block;text-align: center;margin: 2px;}
#newschannel_paging_links span.gallery_prev_link_inactive, #newschannel_paging_links span.gallery_next_link_inactive, #form_paging_links span.gallery_prev_link_inactive,
#paging_links span.prev_link_inactive, #paging_links span.next_link_inactive{ display:none;}
#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, #paging_links span.currentpage,
.paging span.currentpage {background: #f58220;color: #FFF;}
#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a,
#calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a,
.gallery_paging_links span a:hover {background:#f58220;text-decoration: none;color: #FFF;border: 1px solid #f58220;}
#paging_links span a {color: #6e7b97;display: block;border: 1px solid #6e7b97;padding: 5px 15px;}
#paging_links span.next_link {width:auto;}
/* ====================mobile css ==================== ================================================== */
@media (min-width: 460px) { }
@media (min-width: 580px) { }
@media (min-width: 640px) { }
@media (min-width: 780px) {
.subpage-content-block.page-content-block { margin: 20px 0; }
/*footer*/
.footer-logo a { display: inline-block; vertical-align: top; }
.footer-logo a img { max-height: 70px; }
}
@media (min-width: 991px) { }
@media (min-width: 1200px) { }
@media all and (min-width: 0px) and (max-width: 1199px) {
.sliderContent div.base div.caption p { margin: 0; line-height: 1.1em; }
.sliderContent div.base div h1 {font-size:1.4em; }
.sliderContent div.base div h5{font-size:1.0em;}
}
@media all and (min-width: 0px) and (max-width: 1080px) {
#socail > span { display: block; line-height: normal; }
#socail li a:after { line-height: normal; font-size: 25px; margin: 0 2px; }
}
@media (max-width: 991px) and (min-width: 0px) {
.Header{}
.Header .Navigation .mainNav > .container{/* max-width:98%; */}
.logo {transition: max-height .3s ease;/* max-height: 170px; */max-width: 200px;padding: 0;line-height: 0;padding: 2px;}
.logoBlock{/* position:relative; */}
.HeaderMenu>ul>li { padding: 0 7px; }
.Header.headBg .Navigation .mainNav > .container{margin-top: 0;}
.Navigation .HeaderMenu{ display: none; }
.top-nav{margin-top: 0;}
.Header.headBg{top: -35px;}
.Header.headBg .Navigation .navIcon{}
#social li{padding: 2px;}
.HeaderMenu{ margin:0;}
#TopNav.barNAv ul li span:before{ display:block; margin:0 auto;}
.slider_block{height: 640px;}
.sliderContent div.base div h1 { font-size:1.4em;}
.sliderContent div.base div h5{ font-size:1em;}
.Sidebar__backdrop { background-color: rgba(0,0,0,.25); left: 0; top: 0; z-index: 999; display: none; }
.Sidebar--active, .Sidebar__backdrop { position: fixed; height: 100%; width: 100%; }
.Sidebar.active .Sidebar__backdrop { display: block; }
.Sidebar--active, .Sidebar__backdrop { position: fixed; height: 100%; width: 100%; }
body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i { color:#2a4f81;}
}
@media all and (min-width: 0px) and (max-width: 880px) {
}
@media all and (min-width: 0px) and (max-width: 768px) {
.page-content-block { margin-top: 20px; padding-top: 0px; }
/* header */
.nav-top { margin-top: 0; }
.nav-top li a { padding: 8px 6px !important; }
.Header {padding: 0px 0;border: 0;}
.Header .container {}
.top-nav{min-width: 100%;background: #2a4f81;float: none;}
#social{border:0;}
#social li a:before{font-size: 16px;width:30px;height:30px;line-height: 30px;}
.slider_block{height: 520px;}
.Header.headBg .Navigation .mainNav .top-nav{margin-top: -48px;}
#sponsorsSlider { padding-top:30px;}
/* navigation */
.nav-top ul { margin: 0 !important; }
#main-navigation { position: fixed; overflow-y: auto; width: 0; height: 100%; margin-bottom: 0; z-index: 1; left: 0; top: 0; background: #021f5b; display: none; }
#main-navigation.navbar-block { display: block; }
.searchBlock-collapse .search__body{ width:95%;}
.subpageHeader-block{padding-top: 155px;}
/* ====================nav bar==================== ================================================== */
footer .footer-bg { background-position: center bottom; }
.footer-nav > ul > li { vertical-align: top; }
.footer-nav-block { clear: both; }
.footer-logo, .newsletter { width: 100%; float: none; }
}
@media all and (min-width: 0px) and (max-width: 639px) {
.nav-top { display: none; }
.sliderContent div.base div.caption { width: 100%; min-width: 100%; max-width: 100%; transform: none; padding: 0; left: 0; top: auto; background: none; }
#slides .sliderContent div.base .img {width: 100%;/* position: relative; */background-size: contain;text-align: center;}
.sliderContent div.base div h4 { font-size:1em;}
}
@media all and (min-width: 0px) and (max-width: 579px) {
.logoBlock a {font-size: 1.6em;}
.logoBlock span {font-size:14px;line-height: normal;}
#TopNav.barNAv ul li{float:none;display: inline-block !important;height: auto;line-height: unset;padding: 10px 2px;}
#TopNav.barNAv ul li span{line-height: unset;}
#TopNav.barNAv ul li span:before{ display:block; margin:0 auto;}
.Header .Navigation .navIcon{}
.slider_block{height: 540px;}
footer .footerMenu, footer .contact { float: none; }
footer #social ul{text-align:center;/* margin: 30px 0; */}
.footer-nav { margin-bottom: 0; text-align: center; }
.footer-nav > ul { display: block; width: 100%; }
.footer-nav > ul > li, .footer-nav ul li a { display: block; text-align: center; }
footer .address p {text-align: center !important;margin-top: 10px;}
.subfooter-nav ul,.copyright span { display: block; text-align: center; float: none; }
.subfooter-nav ul { margin: 0 auto; display: block; }
.subfooter-nav ul li { float: none; display: inline-block; }
#socail li { margin: 0 2px; }
footer .address h6{text-align: center !important;}
}
@media all and (min-width: 0px) and (max-width: 460px) {
.Header .container {}
#TopNav.barNAv ul li{float:none;display:inline-block;height: auto;line-height: unset;padding: 10px 2px;}
#TopNav.barNAv ul li span{line-height: unset;}
.slider_block{height: 440px;}
.sliderContent div.base div h1{font-size: 1em;}
.nav-top { position: relative; text-align: right; }
#socail > span { display: inline-block; vertical-align: middle; font-family: 'Lato', sans-serif; font-size: 11px; }
.Header.headBg .Navigation .mainNav .top-nav{margin-top: -74px;}
}
@media all and (min-width: 0px) and (max-width: 380px) {
.slider_block { min-height: 100% !important; }
.Header.headBg .Navigation .mainNav .top-nav{margin-top: -80px;}
.searchBlock-collapse .search__body{width: 99%;padding: 40px 5px;}
.searchBlock-collapse .search__body input[type=submit]{padding: 14px 8px;font-size: 12px;}
.searchBlock-collapse .search__body input[type=text]{padding-left: 6px;padding-right: 80px;}
.subpageHeader-block{padding-top: 160px;}
.footer-nav > ul > li { display: block; width: auto; }
}