/* Table Of Content
 1). @FontFace Rules
 2.) Global Typography
 3.) Basic Skin Styles
 4.) Header Section
 5.) Content Section
 6.) Footer Section
 7.) Forms
 8.) Cookies Consent
-----------------------------------------------*/


/* 1). @FontFace Rules ----------------------------------------------*/
@font-face { font-family:'fontawesomeregular';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff') format('woff'),
         url('../fonts/fontawesome-webfont.ttf') format('truetype'),
         url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
}

@font-face { font-family:'trebuchet_msbold';
    src: url('../fonts/trebuchet_ms_bold-webfont.eot');
    src: url('../fonts/trebuchet_ms_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trebuchet_ms_bold-webfont.woff') format('woff'),
         url('../fonts/trebuchet_ms_bold-webfont.ttf') format('truetype'),
         url('../fonts/trebuchet_ms_bold-webfont.svg#trebuchet_msbold') format('svg');
}

@font-face { font-family:'trebuchet_msregular';
    src: url('../fonts/trebuchet_ms-webfont.eot');
    src: url('../fonts/trebuchet_ms-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trebuchet_ms-webfont.woff') format('woff'),
         url('../fonts/trebuchet_ms-webfont.ttf') format('truetype'),
         url('../fonts/trebuchet_ms-webfont.svg#trebuchet_msregular') format('svg');
}


/* 2.) Global typography -----------------------------*/
a, a:hover, a:focus, input, textarea { outline:none; -webkit-outline:none; text-decoration:none }
a:hover, a:focus { text-decoration:none }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 }
p { margin-bottom:20px; color:#4c4c4c; font-size:14px; line-height:1.4 }
p em { font-style:italic; font-size:100% }
p strong, p b { font-family:'trebuchet_msbold', sans-serif }
p a { color:#4c4c4c; text-decoration:underline }
p a:hover { color:#fcb040; text-decoration:underline }

h1 { color:#fcb040; font-size:30px; font-weight:bold; line-height:1; padding-bottom:20px }
h2 { color:#193c76; font-size:22px; padding-bottom:30px }
h3 { color:#193c76; font-size:16px; padding-bottom:10px }
h4 { color:#193c76; font-size:14px; padding-top:10px; text-decoration:underline }

i {	 }
/*input, textarea, select { -webkit-appearance:none; border-radius:0px; -webkit-border-radius:0px }*/
textarea { overflow:auto; resize:none }
input[type=submit], select { -webkit-appearance:none }
img { max-width:100%; height:auto }

ul { padding:0; margin:0 0 20px 25px; font-size:14px }
li { line-height:170% }

* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box }

.btn-wrapper { text-align:center }

.none { margin-right:0 !important }

[class^="icon-"] { background-image:url(../images/icons.png); background-repeat:no-repeat; display:inline-block; line-height:10px; vertical-align:middle; width:30px; height:26px }

.no-bottom { margin-bottom:0 !important }

.base-btn{ background-color:#193c76; color:#fff; font-family:'trebuchet_msbold', sans-serif; background-image:none; border:none; border-radius:0; box-shadow:none; text-shadow:none; font-size:16px; padding:5px 8px; position:relative }
.base-btn:hover, .base-btn:focus { background-color:#193c76; color:#FCB040; outline:none }

.side-border { position:absolute; right:0; top:0; content:""; width:0; height:0 }
.side1 { border-top:161px solid #193c76; border-right:40px solid #fff }
.side2 { border-top:38px solid #fcb040; border-right:10px solid #fff }
.side2-3 { border-top:80px solid #d8d8d8; border-right:23px solid #fff }
.side6 { border-top:175px solid #fcb040; border-right:50px solid #fff }
.side7 { border-top:33px solid #193c76; border-right:15px solid #fcb040; right:-12px }
.side8 { border-top:28px solid #193c76; border-right:15px solid #fff; right:-15px }


/* 3.) Basic Skin Styling -----------------------------*/
body { font-size:62.5%; font-family:'trebuchet_msregular', sans-serif; line-height:1; position:relative; background-color:#fff }
.wrapper { width:100% }
.container { width:100%; margin:0 auto; max-width:1170px }


/* 4.) Header Styling --------------------*/
header { margin-bottom:54px }
header ul, header li { list-style:none; padding:0; margin:0; line-height:100% }

.primary-header { background-color:#193c76; padding:20px 5px; position:relative }
.logo { display:block; margin-bottom:10px; max-width:230px }
.site-msg { display:block; color:#fcb040; font-size:20px; text-transform:uppercase }
.communicate-info { padding:0 }
.communicate-info ul { position:relative; padding-top:40px }
.communicate-info li { float:left; padding:0 8% 0 1% }
.communicate-info li a { display:block; color:#fcb040; font-size:30px }
.communicate-info li a:hover { color:#fff }
.communicate-info li a.telephone { color:#fff; font-size:22px; font-family:'trebuchet_msbold', sans-serif; position:absolute; bottom:40px; left:0 }
.communicate-info li a.telephone em { font-size:22px; padding-right:10px }

.navbar-collapse { width:100%; background:#474747; padding:0; border-top:none; box-shadow:none; max-height:100% }
.navbar-collapse li { float:none; padding:0 2% 0 1% }
.navbar-collapse li a { display:block; font-size:15px; color:#fff; text-transform:uppercase }
.navbar-collapse li a:hover, .navbar-collapse li.active a { color:#fcb040 }
.navbar-collapse li.home a { color:#fcb040; font-size:28px; margin-top:-10px }

.secondary-header { position:absolute; width:100%; z-index:100; background-color:#474747; margin-top:33px }
.secondary-header nav, .secondary-header ul { padding:0 }
.secondary-header li { float:none; padding:0; position:relative }
.secondary-header .navbar-collapse li.active { z-index:500 }
.secondary-header li a { color:#fff; display:block; font-size:15px; text-transform:uppercase; padding:11px 10px 12px }
.secondary-header li:hover a { background-color:#193c76; color:#fff }
.secondary-header li.active a { background-color:#193c76; color:#fff }
.secondary-header nav:last-child { background:#d0d0d0; padding-bottom:15px }
.secondary-header nav:last-child li a { color:#193c76 }
.secondary-header nav:last-child li:hover a { background-color:transparent }
.secondary-header nav:last-child li.active a { background-color:transparent }
.toggle-menu { position:absolute; width:30px; height:30px; background:url(../../graphics/icon-plus.png) center center no-repeat; top:0; right:0; z-index:2 }
.toggle-menu-down { background:url(../../graphics/icon-minus.png) center center no-repeat }
.menu-level2 li:hover a > .toggle-menu { background:url(../../graphics/icon-plus-white.png) center center no-repeat }
.menu-level2 li:hover a > .toggle-menu-down { background:url(../../graphics/icon-minus-white.png) center center no-repeat }
.secondary-header nav:last-child .menu-level2 li:hover > a { background-color:#193c76; color:#fff }
.secondary-header nav:last-child ul ul li a { padding-left:20px }
.secondary-header nav:last-child .menu-level3 li a { color:#404040; padding-left:30px }
.secondary-header nav:last-child .menu-level3 li:hover > a { background-color:#404040; color:#fff }
.navbar-collapse.in { overflow-y:visible }
.secondary-header li ul { display:none }
.secondary-header li ul { position:static; top:37px; left:0px; background-color:#d0d0d0; width:100%; margin-left:0; padding:5px 0; z-index:20; /*-webkit-box-shadow:0 5px 8px 0 rgba(0,0,0,0.5);  -moz-box-shadow:0 5px 8px 0 rgba(0,0,0,0.5);  box-shadow:0 5px 8px 0 rgba(0,0,0,0.5)*/ }
.secondary-header li ul li { display:block; float:none; padding-left:0 }
.secondary-header li ul li a { text-transform:none; padding:9px 12px }
.secondary-header li ul li:hover a { background-color:#193c76; color:#fff }

/* OLD */
/*
.secondary-header { position:absolute; width:100%; z-index:100; background-color:#474747; margin-top:33px }
.secondary-header nav, .secondary-header ul { padding:0 }
.secondary-header li { float:none; padding:0; position:relative }
.secondary-header .navbar-collapse li.active { z-index:500 }
.secondary-header li a { color:#fff; display:block; font-size:15px; text-transform:uppercase; padding:11px 10px 12px }
.secondary-header li:hover a { background-color:#d0d0d0; color:#193c76 }
.secondary-header li.active a { background-color:#d0d0d0; color:#193c76 }
.secondary-header li ul { display:none }
.secondary-header li ul { position:absolute; top:37px; left:0px; background-color:#d0d0d0; width:100%; margin-left:0; padding:5px 0; z-index:20; -webkit-box-shadow:0 5px 8px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 5px 8px 0 rgba(0,0,0,0.5); box-shadow:0 5px 8px 0 rgba(0,0,0,0.5) }
.secondary-header li ul li { display:block; float:none; padding-left:0 }
.secondary-header li ul li a { text-transform:none; padding:9px 12px }
.secondary-header li ul li:hover a { background-color:#193c76; color:#fff }
*/


/* Search Form */
.searchform { display:inline-block; /*margin:7px 0 0 40px*/ width:100%; padding:7px 10px 0 }
.searchform form { margin:0; font-size:120% }
.searchform .form-group { display:inline-block; margin:0; vertical-align:top }
.searchform .form-group:first-child{ width:calc(100% - 60px); width:-webkit-calc(100% - 60px) }
.searchform .form-group input.form-control { width:98%; height:27px; margin:0; padding:0 5px; border:0; border-radius:0 }
.searchform .btn { font-size:95% }
.searchform .side7 { border-top:27px solid #193c76; /*border-right:8px solid #fcb040;*/ border-right:8px solid transparent; right:-8px }
/* OLD */
/*
.searchform { display:inline-block; margin:7px 0 0 40px }
.searchform form { margin:0; font-size:120% }
.searchform .form-group { display:inline-block; margin:0 }
.searchform .form-group input.form-control { width:150px; height:25px; margin:0; padding:0 5px; border:0; border-radius:0 }
.searchform .btn { font-size:95% }
.searchform .side7 { border-top:27px solid #193c76; border-right:8px solid #fcb040; right:-8px }
*/


.show { display:block }

.navbar-toggle { padding:12px; margin:0 }
.navbar-toggle .icon-bar { background-color:#fff; border-radius:0; height:3px }

.mobile-head { background-color:#474747; position:absolute; top:162px; width:100%; left:0; z-index:10 }
.mobile-home { float:left; font-size:28px; color:#fcb040; margin:6px 15px }
.mobile-home:hover, .mobile-home.active, .mobile-home.focus { color:#fff }

.mobile-subpage { color:#fff; font-size:15px; text-transform:uppercase; padding:14px 10px; display:inline-block }
.mobile-subpage:hover { color:#fcb040 }

.tertiary-header { background-color:#d8d8d8; /*width:80%;*/ position:relative }
.tertiary-header li { padding:0 0 0 1% }
.tertiary-header li a { color:#193c76; text-transform:capitalize; padding:13px 6px; font-size:15px }
.tertiary-header li:hover > a, .tertiary-header li.active > a { background-color:#193c76; color:#fff }

.product-sub-header { background-color:#ebebeb; /*width:80%;*/ position:relative }
.product-sub-header .side2-3 { border-top:40px solid #ebebeb; border-right:15px solid #fff }
.product-sub-header li { padding:0 5px 0 8px }
.product-sub-header li a { color:#4d4d4d; text-transform:capitalize; padding:13px 6px; font-size:15px }
.product-sub-header li:hover a { background-color:#4d4d4d; color:#fff }


/* 5.) Content Section .....................................*/
.heading { background-color:#193c76; color:#fff; font-size:18px; padding:10px; font-weight:normal; display:block; line-height:1.2; position:relative }
.heading em { font-weight:bold; font-style:normal }


/* 6.) Footer Styling ...........................*/
footer { margin-top:30px }

.primary-footer { border-top:solid 13px #fcb040; background-color:#193c76; padding:20px 0; text-align:center }
.primary-footer > div { padding:0 }
.primary-footer dt { color:#fcb040; font-size:12px; text-transform:uppercase; font-weight:bold }
.primary-footer dd a { color:#fff; font-size:12px; text-transform:uppercase }
.primary-footer dd a em { font-style:normal }
.primary-footer dd a:hover { color:#fcb040 }
footer .product2 { margin-top:-15px; margin-bottom:15px }
.primary-footer .product1 dd:nth-child(odd), .primary-footer .product2 dd:nth-child(odd) { text-align:left }
.primary-footer .product1 dd:nth-child(even), .primary-footer .product2 dd:nth-child(even) { text-align:right }
.primary-footer dl { text-align:center }
.primary-footer dt { margin-bottom:3px }
.primary-footer dd { display:inline-block; margin-left:0; padding:0 2% }

.secondary-footer{background-color: #474747; text-align: center; padding: 15px 0;}
.secondary-footer span, .secondary-footer small{display: block; color: #ffffff; font-size: 12px; padding-bottom: 8px;}
.secondary-footer small{color: rgba(255, 255, 255, 0.3); padding-bottom: 0;}
.secondary-footer span a{color: #ffffff; text-decoration: underline;}
.secondary-footer small a{color: rgba(255, 255, 255, 0.3); text-decoration: underline;}
.secondary-footer span a:hover, .secondary-footer small a:hover{text-decoration: none;}


/* 7.) Forms ...........................*/
.pure-form { font-size:130% }
.pure-form .pure-control-group { margin-bottom:20px }
.pure-form label { color:#193c76; font-size:14px }
.pure-form input[type=text], .pure-form input[type=email] { width:100%; font-size:inherit }
.pure-form input[type=checkbox] { margin-right:10px }
.pure-form textarea { width:100%; font-size:inherit }

.pure-form li { clear:both }
.pure-form li label { float:left }
.pure-form li input[type=checkbox] { margin-left:8px }


/* 8.) Cookies Consent ...........................*/
.cookie-banner { position:fixed; z-index:1000; bottom:0; width:100%; background-color:#193c76; color:#fff; text-align:center; padding:1.5rem; box-shadow:0 -2px 5px rgba(0, 0, 0, 0.3); opacity:0.9 }
.cookie-banner form { padding:0 }
.cookie-banner p { margin:0; display:inline; font-size:150%; color:#fff }
.cookie-banner p a { color:#fff; font-size:100%; text-decoration:underline }
.cookie-banner p a:hover { color:#fcb040 }
.cookie-banner button { margin-left:1rem; padding:0.5rem 2rem 0.5rem; font-size:150%; background-color:#fcb040; color:#193c76; border:none }
.cookie-banner button:hover { background-color:#fff; color:#fcb040 }

/* Cookie Options Form */
.cookies { text-align:left }
.cookies h3 { margin-bottom:0 }
.cookies label { display:inline-block; margin:0 20px 0 0; padding:5px 10px 3px; border:2px solid #ddd; border-radius:5px; cursor:pointer }
.cookies label:hover { border-color:#fcb040 }
.cookies button { font-size:130% }