@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400; 0,700; 1,400&display=swap');
/* Site framework */

html { scroll-behavior: smooth; } 

body { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 14px; background: #fbf9f9; overflow-x:hidden; } 

.contentDiv { min-height: 600px; } 

.admin_panel+.top_menu { margin-top: 31px; } 

.full-width-fix { width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } 
.invisible { visibility:hidden; } 


/* Header */

.header_wrap { background: #fff; position: relative; z-index: 1000; } 

.logo { margin: 5px 10px 15px 10px; display: block; } 

.logo img { max-width: 100%; max-height: 80px; } 

.header_wrap .phone { margin: 25px 0 10px 0; padding-left: 40px; background: url(../images/theme-sprites.png) 4px 12px no-repeat; box-sizing: border-box; } 

.header_wrap .phone a { display: block; color: #233d8c; font-size: 16px; } 

.header_right { text-align: right; font-size: 18px; color: #1b1464; line-height: 30px; margin: 20px 0; font-family: Arial, Helvetica, sans-serif; } 

.top_menu { background: #FAF9F9; color: #233D8C; font-size: 14px; } 
.top_menu .container_16 { display: flex; height: 40px; justify-content: flex-end; align-items: center; column-gap: 10px; } 
.top_menu a { display: flex; align-items: center; color: inherit; } 
.top_menu a:last-of-type:after { content:url(../images/blue-arrow.svg); margin-left: 5px; } 
/* Menus */

.menuoverlay { content: ""; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.2); z-index: 1; } 

.menu_wrap { background: #233d8c; position: relative; z-index: 2; } 

.topmenu { z-index: 3000; margin: 0 auto; height: 55px; padding: 0; list-style: none; } 
.topmenu > li { float: left; list-style: none; text-align: left; margin: 0; padding: 0; display: block; line-height: 55px; } 
.topmenu > li > a { display: block; text-align: center; text-transform: uppercase; padding: 0 10px; margin: 0; font-size: 14px; color: #fff; position: relative; font-weight: bold; } 
.topmenu > li:hover > a { color: #8aa0e6; } 
.topmenu > li:hover > a:after { content: ""; display: block; position: absolute; bottom: 0; left: calc(50% - 2.5px); border: 5px solid transparent; border-bottom: 5px solid #8aa0e6; } 
/* .topmenu li ul { display:none;  position: absolute; width: 100%; z-index: 1000; margin: 0; padding: 0; top: 55px; left: 0; clear: both; background: #5d72b4; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.38); } 
.topmenu li ul:after { content: ""; display: block; clear: both; } 
.topmenu li ul li { position: relative; display: block; margin: 0; padding: 10px; float: left; width: 20%; box-sizing: border-box; } 
.topmenu li ul li a { text-align: left; color: #fff; font-size: 15px; padding: 0 15px; z-index: 100; width: 150px; word-wrap: break-word; line-height: 30px; } 
.topmenu li ul li ul { position: initial; top: initial; box-shadow: none; left: auto; display: block !important; } 
.topmenu li ul li ul li { width: 100%; padding: 0; } 
.topmenu li ul li ul li a { font-weight: normal; font-size: 14px; } 
.topmenu li ul li ul li a:hover { text-decoration: underline; }  */
/* second tier */
.megamenu_overlay {display:none; width:100vw; height:100vh; position:absolute; z-index:10; left:0; top:100%; background: #ffffff99;}
.megamenu_wrap {display:none;width: 100vw; background: #fff; position:absolute; left:0; top:100%; z-index:11; padding: 20px 0;}
.megamenu {}
.megamenu > ul {display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0;}
.megamenu > ul > li {width:25%; padding-right: 15px; box-sizing: border-box;}
.megamenu > ul > li > a {display: block; font-size:15px; line-height:18px; height: 36px; font-weight:bold; color: #233D8C; text-transform: uppercase;}
/* third tier */
.megamenu > ul > li > ul {list-style:none; padding:0; margin:10px 0;}
.megamenu > ul > li > ul > li {padding: 0 0 10px 0;}
.megamenu > ul > li > ul > li > a {display:inline-block; font-size:13px; line-height:16px; color: #233D8C; position:relative; transition: 0.2s ease-in all;}
.megamenu > ul > li > ul > li > a:hover {text-decoration: underline; color: #667CC2;}
.megamenu > ul > li > ul > li > a.menu_viewall {font-size: 14px; text-transform: uppercase; font-weight: bold; color: #667CC2; text-decoration: underline;}

.catmenu { padding: 0; text-transform: uppercase; } 

.catmenu li { margin: 0; padding: 0; display: block; list-style: none; } 

.catmenu li a { display: block; color: #fff; padding: 0 10px; background: #667cc2; font-size: 16px; line-height: 50px; } 

.catmenu>li>a:after { content: ""; display: block; height: 9px; width: 7px; background: #fff; float: right; margin-top: 20px; clip-path: polygon(0 0, 100% 50%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%); } 

.catmenu>li:hover>a,
.catmenu>li.open>a { background-color: #233d8c; } 


/* .catmenu > li.open > a { background-image: url(../images/arrow_down_white.png); } */

.catmenu li ul { display: none; margin: 0; padding: 0; border: 1px solid #f7f4f4; border-width: 0 1px; } 

.catmenu li ul li a { color: #363434; background: #fff; border-bottom: 1px solid #f7f4f4; line-height: 36px; } 

.catmenu li ul li ul li a { font-size: 14px; line-height: 24px; padding: 6px 0 6px 20px; position: relative; color: #233d8c; } 

.catmenu li ul li ul li a:before { content: "-"; position: absolute; left: 10px; } 

.catmenu li ul li ul li ul li a { padding: 6px 0 6px 30px; } 

.catmenu li ul li ul li ul li a:before { content: "-"; position: absolute; left: 20px; } 

.catmenu li.active > ul { display: block; } 

.footermenu { margin: 0; padding: 0; list-style: none; } 

.footermenu li { margin: 0; padding: 0; display: block; line-height: 30px; } 

.footermenu li a { display: block; margin: 0; font-size: 15px; color: #fff; text-transform: uppercase; } 

.footermenu li a:hover { color: #7e9cf7; } 

.sitedocmenu { margin: 0; padding: 0; list-style: none; } 

.sitedocmenu li { margin: 0; padding: 0; display: block; line-height: 14px; display: inline-block; } 

.sitedocmenu li a { display: block; margin: 0; padding: 0 5px; font-size: 15px; text-transform: uppercase; color: #4b4a4a; border-right: 1px solid #4b4a4a; } 

.sitedocmenu li:last-child a { border: 0; } 


/*Info Wrap*/

.info_wrap { background: #667cc2; height: 50px; text-transform: uppercase; margin-bottom: 10px; } 

.info_wrap>div { display: flex; text-align: left; justify-content: center; } 

.info_wrap>div>div { width: 33.33%; height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; } 

.info_wrap>div>div>div { background: url(../images/theme-sprites.png) no-repeat 0 -550px; padding-left: 45px; font-size: 13px; color: #fff; line-height: 18px; } 

.info_wrap>div>div>div>span { font-weight: normal}

.info_wrap>div>div>div>a { color: inherit; } 

.info_wrap>div>div:nth-child(2)>div { background-position: 0 -690px; padding-left: 40px; } 

.info_wrap>div>div:nth-child(3)>div { background-position: 0 -620px; padding-left: 40px; } 


/* Footer */

.footer_wrap { background: #233d8c; color: #fff; font-size: 15px; margin-top: 20px; padding: 10px 0 20px 0; line-height: 36px; } 

.footer_wrap span { display: block; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #3756b2; box-shadow: 0px 1px 0px 0px rgba(28, 52, 125, 1); } 

.contactus { color: #7e9cf7; } 

a.contact,
a.call { color: #fff; padding: 2px 0 2px 25px; background: url(../images/theme-sprites.png) 0 -155px no-repeat; } 

a.contact { background-position: 0 -184px; } 

.social_section a { display: block; padding-left: 30px; color: #fff; font-size: 15px; text-transform: uppercase; } 

.social_section .fb { background: url(../images/facebook.png) left center no-repeat; } 

.social_section .tw { background: url(../images/twitter.png) left center no-repeat; } 

.social_section .ins { background: url(../images/instagram.png) left center no-repeat; } 

.social_section .in { background: url(../images/linkedin.png) left center no-repeat; } 


/* Byline */

.byline_wrap { background: #dcd9d9; text-align: center; padding: 20px 0 15px 0; line-height: 40px; color: #4b4a4a; font-size: 12px; } 

.byline_wrap a { color: #4b4a4a; } 

.contentDiv { margin: 0; } 

.whatsapp_chat { position: fixed; bottom: 60px; right: 0px; display: block; height: 69px; width: 150px; background: url(../images/whatsapp.png) no-repeat center; background-size: contain; } 

/*Content Layout*/
.content_clients { display: flex; } 
.content_clients > div { flex-basis: 20%; margin: 0 10px; } 
.content_clients > div:first-child { margin-left: 0; } 
.content_clients > div:last-child { margin-right: 0; } 
.content_clients > div > img { max-width: 100%; } 



/* Contact Forms */

.customform { font: 12px arial; color: #333; } 

.customform .fullwrap { float: left; width: 100%; margin-bottom: 10px; } 

.customform .linewrap { float: left; width: 100%; margin-bottom: 10px; } 

.customform .linewrap .leftwrap { float: left; width: 30%; height: 30px; } 

.customform .linewrap .leftwrap label { display: block; text-align: right; padding-right: 10px; } 

.customform .linewrap .rightwrap { float: left; width: 70%; } 

.customform .linewrap .textareawrap textarea { width: 95%; height: 120px; font: 13px Trebuchet MS; color: #000; } 

.customform .linewrap .textinputwrap input { width: 95%; font: 13px Trebuchet MS; color: #000; } 

.customform .linewrap .dropdownwrap select { width: 100%; font: 13px Trebuchet MS; color: #000; } 

.customform .infowrap { margin: 10px 0; font-weight: bold; } 


/* Fonts */

a { text-decoration: none; color: #667cc2; } 

html { overflow-y: scroll; } 

h1 { display: block; font-size: 34px; color: #233d8c; margin: 0 0; padding: 0; line-height: 40px; font-weight: normal}

h2 { display: block; font-size: 28px; color: #233d8c; margin: 0 0; padding: 0; line-height: 32px; font-weight: normal}

h3 { display: block; font-size: 24px; color: #233d8c; margin: 0 0; padding: 0; line-height: 30px; font-weight: normal; } 

h4 { display: block; font-size: 24px; color: #667cc2; margin: 0 0; padding: 0; line-height: 20px; font-weight: normal; } 

h5 { display: block; font-size: 12px; color: #233d8c; margin: 0 0; padding: 0; line-height: 20px; font-weight: normal}

h6 { display: block; font-size: 20px; color: #e52525; margin: 0 0; padding: 0; line-height: 20px; font-weight: normal}

p { padding: 5px 0 20px 0; font-size: 18px; color: #3f3e3e; line-height: 26px; } 

ul { list-style-position: outside; padding: 5px 0 20px 20px; font-size: 18px; color: #3f3e3e; list-style-type: disc; line-height: 26px; } 

ul li { padding: 0 0 15px 0; line-height: 20px; } 

ol { list-style-position: outside; padding: 5px 0 20px 20px; font-size: 18px; color: #3f3e3e; list-style-type: circle; line-height: 26px; } 

ol li { padding: 0 0 5px 0; } 

hr { color: #dadbdc; background: #dadbdc; height: 1px; border: 0; margin-bottom: 20px; } 

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


/*Fancy Drop Downs*/

.dd_container { position: relative; background: #fff; border: 1px solid #667cc2; overflow: hidden; } 

.dd_container:after { content: " "; display: block; position: absolute; background: url(../images/ddown_arrow.png) center center no-repeat #fff; height: 39px; width: 39px; right: 0; top: 0; cursor: pointer; } 

.dd_container select { border: 0; display: block; width: 100%; padding-right: 30px; padding-left: 10px; height: 39px; margin: 0; font-weight: normal; line-height: 39px; color: #667cc2; font-size: 12px; text-indent: 0px; box-sizing: border-box; background: none; z-index: 1; position: relative; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; } 

.dd_container select ::-ms-expand { display: none; } 


/* Contact Forms */

.cf_line { clear: both; line-height: 30px; } 

.cf_label { float: left; width: 48%; margin: 0 1%; } 

.cf_field { float: left; width: 48%; margin: 0 1%; } 

.cf_field textarea,
.cf_field select,
.cf_field input[type=text] { width: 98%; } 

.cf_field textarea { height: 60px; resize: none; } 

.cf_field .fileUpload { display:inline-block; padding: 0 10px; line-height: 22px; font-size: 14px; background: rgb(228, 224, 224); border:1px solid rgb(83, 82, 82); border-radius: 5px; color: rgb(37, 37, 37); } 
.cf_field .removeFile { color: #a73333; margin-left: 10px; } 

.cf_submit,
.ff_submit { text-align: center; margin: 10px 0; } 

.cf_submit a,
.ff_submit a { font-size: 1.2em; color: #fff; background: #394cc1; border-radius: 5px; line-height: 30px; margin: 0 auto; display: inline-block; padding: 0 20px; text-decoration: none; background: #3344af; /* Old browsers */
 background: -moz-linear-gradient(top, #3344af 0%, #505fb6 50%, #6973b5 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3344af), color-stop(50%, #505fb6), color-stop(100%, #6973b5)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #3344af 0%, #505fb6 50%, #6973b5 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #3344af 0%, #505fb6 50%, #6973b5 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #3344af 0%, #505fb6 50%, #6973b5 100%); /* IE10+ */
 background: linear-gradient(to bottom, #3344af 0%, #505fb6 50%, #6973b5 100%); /* W3C */
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3344af', endColorstr='#6973b5', GradientType=0); /* IE6-9 */}


/*Fading Gallery*/

.caroufredsel_wrapper { padding-bottom: 20px; } 

div[type=fading_gallery] a { position: relative; } 

div[type=fading_gallery] .banner,
div.fg_gallery .banner { position: absolute; bottom: 0; padding: 0px 5px; width: 100%; background: rgba(0, 105, 0, 0.9); } 


/*Full Screen Gallery*/

.contentDiv>div:first-child .fullscreenwrap { position: relative; top: -10px !important; margin-bottom: 10px !important; } 

div.fullscreenwrap_container { min-height: 20px; margin-bottom: 20px !important; top: 0px !important; position: relative; opacity: 0; transition: opacity 0.3s ease-in-out 0s; } 

div.fullscreenfade { margin: 0 auto; display: block; } 

div.fullscreenfade div.slide { float: left; position: relative; background-size: cover; background-position: center center; } 

div.fullscreenfade div.slide.hascontent:before { content: " "; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: rgba(255, 255, 255, 0.8)}

div.fullscreenfade div.slide .container_16 { margin: 0 auto; } 

div.fullscreenfade div.slide .banner { position: relative; right: 0; padding: 20px; text-align: left; display: inline-block; vertical-align: middle; } 

div.fullscreenfade div.slide .banner p { padding: 0; line-height: initial; } 

div.fullscreenwrap_container .arrowcontainer { position: absolute; height: 100%; width: 100%; z-index: 1; top: 0; display: none; } 

div.fullscreenwrap_container .arrowcontainer .frame { width: 940px; height: 100%; margin: 0 auto; position: relative; top: 0; } 

div.fullscreenwrap_container .prev,
div.fullscreenwrap_container .next { position: absolute; height: 100%; width: 50px; top: 0; left: -60px; cursor: pointer; } 

div.fullscreenwrap_container .prev { background: url(../images/shop-gal-prev.png) center center no-repeat; } 

div.fullscreenwrap_container .next { background: url(../images/shop-gal-next.png) center center no-repeat; left: initial; right: -60px; } 

.paymentFields input[type=text],
.paymentFields select { line-height: 30px; height: 30px; box-sizing: border-box; width: 100%; } 

.ui-autocomplete { z-index: 10001 !important; } 

iframe { max-width: 100%; }