/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


:root {
--bg-grey: #333333;
--bg-lightgrey: #eeeeee;
--bg-blue: #3C5A9E;
--bg-darkblue: #12294D;
--bg-lightblue: #A7C8CD;
--bg-pink: #FB6D5D;
--bg-green: #10a587;
--bg-darkgrey:#333;
--bg-grey:#999;
}
.border-top {border-top:solid 1px var(--bg-blue) !important}
.border-bottom {border-bottom:solid 1px var(--bg-blue) !important}
.bold {font-weight:700;}
.blue {color:var(--bg-blue)}
.greenbg {background-color:var(--bg-green);display:inline-block;color:#fff;padding:5px;}
.opensans {font-family:"Open Sans", sans-serif !important}
body {font-family:"Open Sans", sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans", sans-serif;font-weight:400;}
h1 {font-size:3em;font-family: "Playfair Display", serif;}
h2 {font-size:1.8em;color:var(--bg-blue)}
h3 {font-size:1.6em;color:var(--bg-blue)}
h4 {font-size:1.5em}
h2.larger {font-size:2em;}
ul, ol {margin-left:30px;}
ul li, ol li {margin:1em 0 1em 0.5em;;}
ul.menu-container li {margin:20px 0;}
.menu-link {font-weight:400;color:var(--bg-blue);border-right:solid 1px var(--bg-blue);font-family:"Open Sans", sans-serif !important}
#header-wrap > div > div > nav > ul > li:nth-child(7), #header-wrap > div > div > nav > ul > li:nth-child(7), #header-wrap > div > div > nav > ul > li:nth-child(7) > a {border-right:none !important;margin-right:5px;}
.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {color:var(--bg-blue)}
a.menu-link.active, .menu-item .menu-link:hover {color:var(--bg-darkblue)}
.dark a.menu-link.active, .dark .menu-item .menu-link:hover {color:var(--bg-lightblue)}
p, ul li, ol li {font-size:1.1em;}
a {color:var(--bg-blue)}
@media (min-width: 992px) {
    .menu-link {
        padding: 11px 15px;
        -webkit-transition: margin .4s ease, padding .4s ease;
        -o-transition: margin .4s ease, padding .4s ease;
        transition: margin .4s ease, padding .4s ease;
    }
}
#content ul {margin-left:20px;}
#content a {border-bottom:1px dotted #92B7C4;color:var(--bg-darkblue)}
#content a:hover {border-bottom:none}
.circle {width:270px;height:270px;border-radius:140px;background-color:var(--bg-blue);color:#fff; display: flex;
    align-items: center;}
.circle h4 {line-height:1.2em;margin-bottom:0.5em}
.circlewhite {width:250px;height:250px;border-radius:125px;color:var(--bg-blue);background-color:#fff; display: flex;
    align-items: center;border:#3C5A9E 1px solid;padding:10px;}
.scalable,  .strategybox {height:270px; display: flex;
    align-items: center;}
.strategybox {height:150px;}
.circle span, .scalable span, .strategybox span{vertical-align:middle;text-align:center;text-align:center;width:100%}
#content a.nounderline {border-bottom:none !important}
.spinning {
padding:20px !important;
  -webkit-animation: rotating 152s linear infinite;
  -moz-animation: rotating 152s linear infinite;
  -ms-animation: rotating 152s linear infinite;
  -o-animation: rotating 152s linear infinite;
  animation: rotating 152s linear infinite;
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.menu-link {font-size:0.9em;}
@media (min-width:993px) and (max-width:1200px) {
.menu-link  {font-size:0.6em;padding-left:5px;padding-right:5px;}
}
@media (min-width:1200px) {
.circle h4 {font-size:1.2em}
.menu-link  {font-size:0.9em;line-height:16px;}
}
.dark #header, #header.dark, .sticky-header #header-wrap, .dark #header-wrap{background:rgba(0, 0, 0, .8) !important;}
.sticky-header #header-wrap .menu-link, .white{color:#fff;}
#footer {font-size:0.85em}
#logo, .footer-logo {max-width:180px;}
.mobileonly {display:none}
@media (max-width:768px) {
#logo {max-width:150px;}
.mobileonly {display:inline}
.desktoponly {display:none;}

}


.et_pb_section .et_pb_button_0_tb_header {
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #9B9D9F;
}
.et_pb_button {
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}
.divider.small {display:inline-block;width:60%;margin:0 20%;height:1px;background-color:#FB6D5D}
.divider.small::after {background-color:var(--bg-pink);margin:0 auto;}
.divider {color:var(--bg-blue);font-size:1.6em;font-weight:600;margin:1em 0;}
.divider.green::before, .divider.green::after {background-color:var(--bg-green)}
.divider::before {margin-right:1em;}
.divider::after {margin-left:1em;}
.divider::after, .divider::before {background-color:var(--bg-darkblue);}
.rounded-skill {font-size:2em;color:var(--bg-darkblue)}
.darkblue {color:var(--bg-darkblue)}
.large, .larger {font-size:1.3em;}
.smaller {font-size:0.9em;}
.hades.tparrows, .tp-thumbs-inner-wrapper {display:none !important}
.videocontent {margin-top:-15px;}
.videocontent2 {margin-top:-15px;width;100%}
.videot {    width: 100%    !important;background-color: #070e41; background-image: url(assets/images/loading.gif);}
#slider > video > source {    width: 100%    !important;
    height: 100%   !important;}
.videobg {background-color:var(--bg-darkblue)}
.min-height700 {min-height:700px;}
#page-title {background-color:var(--bg-lightgrey);padding:150px 0;background-size:cover;color:#fff;}
#page-title h1, #page-title span {color:#fff;text-transform:none}
#page-title h1 {font-size:3em;font-weight:100;}
#page-title span {border-top:solid 1px #fff;padding-top:0.5em;font-size:1.2em}
.searchsubheader {padding:50px 0 !important;}
.searchsubheader h1, .searchsubheader span {color:var(--bg-darkblue) !important}
.bluebg {background-color:var(--bg-blue);display:inline-block;color:#fff;padding:5px;}
.button {background-color:var(--bg-blue)}

form.advsea-form #as0_advsea-search {background:#e5e5e5;border:none;color:#000;padding:16px 5px;}
.advsea-paging1 {margin:20px 0;}
.advsea-next a, .advsea-previous a {background-color:var(--bg-lightgrey);color:#000;padding:5px;}
.advsea-previous a, .advsea-next a {color:#000 !important;padding:10px;}
.advsea-current {margin:0 5px;}
form.advsea-form {display:inline-block}
form.advsea-form fieldset {
    padding:0px !important;
    margin:0px !important;
    border: none !important;display:inilne-block;
}
div.advsea-paging, div.advsea-paging1 {width:100% !important;text-align:center}
button, [type=button], [type=reset], [type=submit] {background-color:var(--bg-blue);color:#fff;padding:6px 3px;border:none}
.lightblue {color:var(--bg-lightblue)}
.bggrey {background-color:var(--bg-grey);text-align:center;padding:10px 0;color:#fff}
.bglightgrey {background-color:var(--bg-lightgrey);}
.pageNav {text-align:center;}
.pageNav li {list-style:none;display:inline-block;}
.pageNav li a {background:var(--bg-blue);color:#fff;padding:3px 6px;margin:0 4px;}
div.advsea-paging, div.advsea-paging1 {color:#000 !important}
.advsea-highlight-1 {color:var(--bg-blue) !important;font-style:normal !important}
div.advsea-result a {color:var(--bg-darkblue) !important}
.advsea-result h3 {font-size:1.1em !important;margin-bottom:0;}
.advsea-result {margin-bottom:2em;}
.pageNav li a.active {background:var(--bg-lightgrey);color:var(--bg-blue);}
.text-overlay-mask p {position:absolute;top:10px;font-size:0.9em;}
.text-overlay-mask {opacity:1;background:rgba(16,165,136,0.8);color:#fff;padding:20px;height:100px;vertical-align:top;}
.text-overlay-mask h4, .text-overlay-mask a {color:#fff !important;}

.darkblue .text-overlay-mask {opacity:1;background:rgba(18,41,77,0.8);}
.blue .text-overlay-mask {opacity:1;background:rgba(60,90,158,0.8);}
.grey .text-overlay-mask {opacity:1;background:rgba(150,150,150,0.8);}
.darkgrey .text-overlay-mask {opacity:1;background:rgba(80,80,80,0.8);}
.icon-linkedin {font-size:2em;}
footer .icon-linkedin {margin-top:-5px;}

 .mobilemenu {
margin-left:10px;
     background: url(../images/menu-white.svg) !important;
     background-size: 25px 25px !important;
    width:25px !important;
    height:25px !important;
     z-index: 1001;
filter: invert(100%)}
.dark .mobilemenu {filter:none}
.mobilemenu:hover {cursor:pointer;}

.nav-tree li a {font-family:"Open Sans", sans-serif !important;font-size:1em;padding:5px 0;text-transform:uppercase}
body.dark, .dark #wrapper, .dark #content, .dark .shop-quick-view-ajax, .dark .portfolio-ajax-modal, .dark .ajax-modal-title, .dark .modal-content, .dark .page-transition-wrap, body.dark #side-panel, body #side-panel.dark {
    background-color: #333333;
}

.nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {color:var(--bg-lightblue) !important}
.nav-tree ul li {margin:0.5em 0}
form.advsea-form #as0_advsea-search {height:38px !important}
#side-panel .side-panel-wrap {padding: 50px 50px 50px 40px;font-size:0.9em;color:#f1f1f1;}
#side-panel form.advsea-form #as0_advsea-search {width:172px;height:20px;}
#side-panel a {color:var(--bg-lightblue) !important}
#side-panel img {max-width:170px;}
.side-panel-open #logo{opacity:0}
@media (min-width:993px) {
#side-panel {width:360px}
#side-panel .side-panel-wrap {width:360px}
.side-panel-left #side-panel {left:-360px;}
}
.grid-filter li.activeFilter a {background-color:#fff;color:var(--bg-darkblue) !important;border:1px solid var(--bg-darkblue)}
.product-image:hover > a:nth-of-type(2), .product-image:hover > a:nth-of-type(1) {-webkit-transition: opacity .4s ease;
        -o-transition: opacity .4s ease;
        transition: opacity .4s ease;}
.bggreen {background-color:var(--bg-green);}
.bgdarkblue {background-color:var(--bg-darkblue)}
.bgblue {background-color:var(--bg-blue)}
.bggrey {background-color:var(--bg-grey)}
.bgdarkgrey {background-color:var(--bg-darkgrey)}
.grid-filter {border:none;}
.grid-filter li a.bggreen, .grid-filter li a.bgdarkblue, .grid-filter li a.bgblue, .grid-filter li a.bgdarkgrey, .grid-filter li a.bggrey{color:#fff;font-weight:bold;}
.grid-filter li a.bggreen:hover, .grid-filter li a.bgdarkblue:hover, .grid-filter li a.bgblue:hover, .grid-filter li a.bgdarkgrey:hover, .grid-filter li a.bggrey:hover{color:#fff;font-weight:bold;}
.grid-filter li a:hover {color:#000;}
.highlight2 {font-size:1em;font-weight:bold;color:var(--bg-darkblue) !important}
.highlight2 p {margin:0 0 0.5em 0;}
blockquote {margin:0 0 1.5em 13px;border-left:solid 5px var(--bg-lightblue);}
blockquote p {margin-bottom:0;margin-left:0.5em;margin-top:0;}
#side-panel .border {display:inline-block;width:auto;padding:3px 10px 5px;border-color:var(--bg-lightblue)}
@media (max-width:993px) {
.scalable{height:auto;}
#header-wrap > div > div > div.et_pb_button_module_wrapper.et_pb_button_0_tb_header_wrapper.et_pb_button_alignment_right.et_pb_module, #header-wrap .headerlinkstyle2 {display:none}
}


@media (max-width:768px) {
.video-wrap {position:absolute;margin-top:-10px;}
.large, .larger {font-size:1.1em;}
.nav-tree li a {font-size:1.1em;}
 .mobilemenu {margin-right:10px;}

#page-title span {font-size:1.1em;}


.strategybox {padding:20px 0}
h1, #page-title h1 {font-size:2.3em;line-height:1.3em;}
h2 {font-size:1.9em;line-height:1.2em;}
h3 {font-size:1.4em;line-height:1.2em;}
ul.grid-filter  {margin-left:0;padding-left:0;}
.grid-filter li {width:100%;margin-left:0;margin-bottom:0;}
.min-height700 {min-height:320px;}
#side-panel form.advsea-form #as0_advsea-search {width:145px;height:14px !important}
button, [type=button], [type=reset], [type=submit] {
    background-color: var(--bg-blue);
    color: #fff;
    padding: 9px 4px;
    border: none;
}
#side-panel {font-size:0.8em}
#side-panel {width:270px}
#side-panel .side-panel-wrap {width:270px;padding:50px 25px 0px 25px}
.side-panel-left #side-panel {left:-270px;}
#page-title {padding:50px 0;}

}
.min-vh-30 {
	min-height: 30vh !important;
}
.spinner, .loader {
  display: none;
  visibility: hidden;
}
#gotoTop:hover {background:var(--bg-darkblue)}
@media (min-width: 992px) {
    #header.transparent-header, #header.transparent-header:not(.sticky-header) #header-wrap {
      
        border-bottom: none;
       
    }
}

@media (min-width: 992px) {
    .min-vh-lg-65 {
        min-height: 65vh !important;
    }
}
.row {margin:0 10px}

.headerlinkstyle, .headerlinkstyleside {padding:6px 10px;border:solid 1px #fff;margin:0 5px;color:#fff;font-size:0.8em;}
.headerlinkstyle2 {padding:6px 10px;border:solid 1px var(--bg-blue);margin:0 5px;color:var(--bg-blue);font-size:0.8em;}
@media (max-width:993px) {
.headerlinkstyle {display:none}
}