@font-face{font-family:'DIN Next';src:url(../inc/din-next.woff) format('woff'), url(../inc/din-next.ttf) format('truetype');}

/* @import url(https://fonts.googleapis.com/css?family=Montserrat:200,400,500,600,800,900); 
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');

html,body
{
    width: 100%; height: 100% !important;
    margin: 0px;
    padding: 0px;

}
.row,li{padding-left:0}
.container {width: 90%;}
#main,.container,.wrapper{ min-width:320px; padding:0}
a,a:hover{text-decoration:none}
.row{margin-left:0;margin-right:0;padding-right:0}
body{font:100% Roboto,Helvetica,Arial,sans-serif;font-size:16px;color:#525151;font-weight:100;background-color:#fff;letter-spacing:.013333em; position: relative; height: 100%;}
ol,ul{padding-left:20px}

H1,H2,H3,H4,a.bld{font-family:'DIN Next',sans-serif;width:100%;line-height:1.2em; text-rendering:optimizeLegibility; font-weight:400; }

h1,h2,h3{line-height:1.2em; font-weight: 600;letter-spacing: -0.2px}
h2{font-size:1.3em;}
h1{font-size: 1.7em;  line-height:1.1em; color:#469eb2}
h3{ font-size: 1.31222em;line-height: 1.6em; letter-spacing: 0;margin-bottom: 12px;text-transform: none;letter-spacing: -0.35px;}
 
H1,H2,H3,H4,p{}

.bigFonts h1{font-size:3.5em}
.bigFonts h2{font-size:2.5em}
h4, h4 a{ line-height: 1.25em; font-size: 1.15em; letter-spacing: 0px;color: #003e7b;}
h5{text-transform: uppercase;font-size: .9em; font-weight: 400; font-family: 'DIN Next',sans-serif;}
.dark h1{    text-shadow: 1px 1px 1px rgba(0,0,0,.35);}
li,p{font:400 14px/1.7 Roboto,Helvetica,Arial,sans-serif;color:#525151;margin-bottom:1.3rem}
li{line-height:1.4em;  margin-bottom: .7rem;}
.bigFonts li,.bigFonts p{font:300 16px/1.7 Roboto,Helvetica,Arial,sans-serif;color:#777}
.bigFonts li{ font-weight: 500; line-height:1.3em; color: #000; margin-bottom: 14px;}
p{width:100%; display:block;}

b{font-weight:700}
strong{font-weight:600}
footer{margin-bottom: 0; overflow: hidden;}

.c1, .c1 a, a.c1{color:#4674b7 !important}
.c2{color:#b5e4ff !important}
a .c2:hover{color:#f1c931!important}
.c3{color:#f1c931 !important}

.c4{color:#181717 !important}
.c5{color:#525151 !important}
.c6, .c6 a, a.c6{color:#fff !important}
.c6 a:hover, .c7 a:hover{color:#75b6c6}
.c7{color:#9ca6af}
.c7, .c7 a, a.c7{color:#9ca6af !important}

.c8, .c8 a, a.c8{color:#000!important;}
.c8 a:hover{color:#535962 !important;}
.c9{color:#d1e7eb;}

.b1{background-color:#4674b7 !important}
.b2{background-color:#75b6c6 !important}
.b3{background-color:#f1c931 !important}
.b4{background-color:#181717 !important}
.b5{background-color:#525151 !important}
.b6{background-color:#fff !important}
.b7{background-color:#fafafa !important}
.btn.b3:hover{background-color:#8b7200; }
a.b1:hover, .btn.b1:hover{background-color:#001170!important; }

.bg1{background-image:url(../img/bg1Mobile.jpg); background-repeat:repeat-y;background-size: cover;   background-attachment: fixed;}

/* homepage slides */
.bg2{background-image:url(../img/footerBgMobile.jpg); background-repeat: no-repeat;background-size: cover; background-position: center}


.grad2 p a{color:#eee;font-weight:500}
.grad1,.grad2 p a:hover{color:#fff}

.grad1{
background: #084858;
color:#fff;
background: -moz-linear-gradient(180deg,#084858,#469eb2 100%); 
background: -webkit-linear-gradient(180deg,#084858,#469eb2 100%); 
background: linear-gradient(180deg,#084858,#469eb2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084858', endColorstr='#469eb2',GradientType=1 );
}
.grad2{background:linear-gradient(180deg,#eaebec,#fff 5%)}
.grad3{background:linear-gradient(-90deg,#084858,#469eb2 100%);color:#fff}
.grad2,.grad3 h1{color:#fff}

.borl{border-left:1px solid #efefef}
.borr{border-right:1px solid #efefef}
.bort{border-top:1px solid #efefef}
.borb{border-bottom:1px solid #efefef}
.bbord{border:2px solid #4caffc!important}
.borall{border:1px solid #efefef}
.rounded {border-radius: .1rem!important;}


/* Homepage */ 

#cover, .cover{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
}

a:hover{color:#0154d3}
a:active,a:focus,a:hover{outline:0}
.clear:after,.clear:before{content:' ';display:table}
.clear:after{clear:both}
img{max-width:100%;vertical-align:bottom; height:auto}

#message{display:none}
.wide{width:100% !important}
.block,a.tall{display:block}
.small{line-height:1.5em;font-size:90%!important;letter-spacing:-.15px}
.bigger{line-height:1.333em;font-size:120%!important}
.bld, .bld li{font-weight:700}
.abs{position:absolute}
.rel,.relative,.video-responsive{position:relative}
.shadePanel{width:100%;background-color:rgba(0,0,0,.5);padding:1.4em 1.2em}
.borl{border-left:1px solid #efefef}
.borr{border-right:1px solid #efefef}
.bort{border-top:1px solid #efefef}
.borb{border-bottom:1px solid #efefef}
.bbord{border:2px solid #4caffc!important}
.dotted{border-style: dotted;}
.borall{border:1px solid #efefef}
a.tall{box-sizing:content-box}
.sCard,.sCardRow{box-sizing:border-box}
.fadeIn{transition:background-color .5s}
.c7.fadeIn:hover{background-color:#eee;color:#9ca6af}
.c1.fadeIn:hover{background-color:#4caffc;color:#fff}

.wide95{width:95%}
form{width:100%}
.bigShade{-moz-box-shadow: 0 20px 30px 0 rgba(36,50,66,.14);
    -webkit-box-shadow:0 20px 30px 0 rgba(36,50,66,.14) ;box-shadow:0 20px 30px 0 rgba(36,50,66,.14)}
.uLine{padding-top:8px;border-top:1px dotted #ccc}
.bLine{padding-bottom:8px;border-bottom:1px dotted #ccc;margin-bottom:15px}
.wht{background-color:#fff}
.drops{ -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.19);
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.19); box-shadow: 0 0 10px 0 rgba(0,0,0,.19);}
.drops-lg{-moz-box-shadow:0 0 20px 0 rgba(0,0,0,.35);
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.35); box-shadow: 0 0 20px 0 rgba(0,0,0,.35);}
.tdrops{text-shadow: 1px 2px 4px rgba(0,0,0,.2);}
.drops.img{margin:0!important;padding:0}
.tight{margin:0;padding:0}

.fright{float:right}
.fleft{float: left}
.hidden{display:none}
.hauto{height:auto}
.wauto{width:auto}


.sqr,quote, .quote{display:block}
.pb-6{padding-bottom:100px!important}
.pt-6{padding-top:100px !important}
.mb-6{margin-bottom:150px !important}
.mt-6{margin-top:150px!important}
.pt-7{padding-top:350px}
.mid {margin-top: 35vh !important;}
.padded{padding:3%}

.panel{position:relative}

quote, .quote{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:18px;color:#9dbee4;margin:15px 20px 12px 0;line-height:1.5em;font-weight:500}
.greycol{background-color:#f9f9f9;margin-left:0;margin-top:20px;padding:1.5em}
.dim{opacity:.5}

.gift1{z-index:2;     top: -79px;
    right: 10px;}
.gift1 img{width:80px;}
.gift2{ z-index: 2;top: -59px; left: 41%;}
.gift2 img{width:80px;}
.gift3{    z-index: 2;
    bottom: -59px;
    left: -24px;}
.gift3 img{width:80px;}
.homeLogo{max-width:480px; width: 90%;}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding:0;}
.wrapper{max-width:1280px;margin:0 auto}

.logo { width: 80%;margin: 0 0 40px 0;}

.skewed{transform:skewY(-2deg);margin-top:-2%}
.skewed .container{transform:skewY(2deg)}
.rimg{width:100%;}
.btn{font-size: 90%;
    padding: 10px 35px;
    white-space: normal;
    border: none;
    border-radius: 0;
    display: inline-block;}
.btn:hover{cursor:pointer!important}
.ohidden{overflow:hidden;}
.w300{width:300px}

 /* animated carousel */
 .width{width:320px;} 
/*.swiper-container {
    width: 100%;
    height: 200px;
  }
  .swiper-slide {
    text-align: center;
    overflow: hidden;
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 1200px !important;
    min-width: 120px !important;
    position: relative;
}
.swiper-slide h4{font-size: 1em;}


.swiper-slide img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 120px;
}
.swiperHome{height: 85px;}
*/
/* --- Popup modal --- */
/*
.modal-open .modal {background: rgba(0,0,0,.9);}
.modal-content{background:none;}
.modal-dialog {
    padding: 0;
    margin: 0;
    max-width: 100% !important;
}
.close {
    float: right;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
    color: #75b6c6;
    text-shadow: 0 1px 0 #000;
    opacity:100;
}
.close:hover{color:#fff}

*/
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@-moz-keyframes fadein{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadein{from{opacity:0}
to{opacity:1}
}
@-o-keyframes fadein{from{opacity:0}
to{opacity:1}
}



@media print{blockquote,img,pre,tr{page-break-inside:avoid}
*{background:0 0!important;color:#000!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) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
blockquote,pre{border:1px solid #999}
thead{display:table-header-group}
img{max-width:100%!important}
@page{margin:.5cm}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}


@media (min-width:576px){
h1{    font-size: 1.7666em;}
h4, h4 a{ line-height: 1.333em;font-size: 1.15em;font-weight: 600;}
h5{font-size: 1em; }
li,p{font-size:15px}
.swiperHome{height: 140px;}
}


@media (min-width:768px){
.bg1{background-image:url(../img/bg1.jpg);}
.bg2{background-image:url(../img/footerBg.jpg); background-position: center top;}
.width{width:768px;}
h2{font-size:1.5em;}
h3{}
h5{font-size: 1.1em; }
.gift2{  left: 45%;}

/*
.borl-md{border-left:1px solid #efefef}
.borr-md{border-right:1px solid #efefef}
.bort-md{border-top:1px solid #efefef}
.borb-md{border-bottom:1px solid #efefef} */
.btn{font-size: 140%;}
.text-md-center .btn,.text-md-center button,.text-md-center h1,.text-md-center h2,.text-md-center h3,.text-md-center img,.text-md-center p{text-align:center;margin-left:auto;margin-right:auto}

.mb-md-6{margin-bottom:150px !important}
.mt-md-6{margin-top:150px!important}
.pt-7{padding-top:250px}
.swiper-slide {
    max-width: 260px !important;
    min-width: 200px !important;
}
.swiper-slide h4{
    line-height: 1.333em;
    font-size: 1.15em;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 768px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 768px),
only screen and (                min-resolution: 192dpi) and (min-width: 768px),
only screen and (                min-resolution: 2dppx)  and (min-width: 768px) { 

/* Medium screen, retina, stuff to override above media query */



}

@media (min-width:992px){
.width{width:992px;}
h1{font-size:2.4em;}
h2{line-height:1.15em; font-size:1.8em;}
h3{font-size: 1.5em;}
h5{font-size: 1.2em; }
p,li{font-size:17px}
.container {width: 92%;}
.ml-lg-auto{margin-left:auto}
.pt-7{padding-top:100px}
.gift2{ left: 47%;}
}

@media (min-width:1200px){
h1{font-size:45px}
h2{font-size:2.2em;}
h3{font-size: 1.65em;}
.page-template-frontpage article .logo{ 
        width: 245px;
    left: 6%;
    top: 7px;
    z-index: 10;
}
.cCopy{margin:16% 0 0 6% !important}
.pt-xl-7{padding-top:180px}
.container{max-width:1280px; width: 90%;}
}