@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

* { margin:0; padding:0; outline:0; box-sizing:border-box;}
.nobdr { border:none !important; }
.nobg { background:none !important; }
.nobdr_top { border-top:none !important; }
.nomargin { margin:0px !important; }
.nomargin-top{margin-top:0 !important;}
.nomargin-left { margin-left:0px !important; }
.nomargin-right { margin-right:0px !important; }
.nopadding { padding:0px !important; }
.alignbottom { vertical-align:text-top;}
img {height: auto;  border:0;}
ul { list-style-type:none; padding:0; margin:0;}
ul li { list-style:none; padding:0; margin:0; }
a { text-decoration:none; outline:none; }
a:hover{text-decoration: none !important;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article 
{ display: block; }

.clear { padding:0; margin:0; clear:both; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0;}
html, body { width: 100%; padding: 0; margin: 0;/*font-family: 'Poppins', sans-serif;*/ height: 100%;}
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}


@font-face {
    font-family: 'Biennale';
    src: url('fonts/Biennale-Regular.woff2') format('woff2'), url('fonts/Biennale-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('fonts/Biennale-Bold.woff2') format('woff2'), url('fonts/Biennale-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('fonts/Biennale-Black.woff2') format('woff2'), url('fonts/Biennale-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale It';
    src: url('fonts/Biennale-RegularIt.woff2') format('woff2'), url('fonts/Biennale-RegularIt.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('fonts/Biennale-Medium.woff2') format('woff2'), url('fonts/Biennale-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gt-super-display-medium';
    src: url('fonts/gt-super-display-medium.woff2') format('woff2'),
         url('fonts/gt-super-display-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gt_super_displaybold';
    src: url('fonts/gt_super_display_bold-webfont.woff2') format('woff2'),
         url('fonts/gt_super_display_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mulishregular';
    src: url('fonts/mulish-regular-webfont.woff2') format('woff2'),
         url('fonts/mulish-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Axiforma';
    src: url('fonts/Axiforma-Bold.eot');
    src: local('fonts/Axiforma Bold'), local('Axiforma-Bold'),
    url('fonts/Axiforma-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Axiforma-Bold.woff') format('woff'),
    url('fonts/Axiforma-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'neue_montrealregular';
    src: url('fonts/neuemontreal-regular-webfont.woff2') format('woff2'),
         url('fonts/neuemontreal-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'muliregular';
    src: url('fonts/muli-webfont.woff2') format('woff2'),
         url('fonts/muli-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mulibold';
    src: url('fonts/muli-bold-webfont.woff2') format('woff2'),
         url('fonts/muli-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mulisemibold';
    src: url('fonts/muli-semibold-webfont.woff2') format('woff2'),
         url('fonts/muli-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.container{max-width: 1180px; margin: 0 auto; padding: 0px; width: 1180px;}
.header{width: 100%;position: absolute; z-index: 9; top: 0px; background: transparent;}
.header-top{ padding: 20px 0px 20px; background: #052257; float: left; width: 100%; }
.header .logo{float: left;}
.header .logo a {display: block; height: 41px;}
.socail-icone{ float: right; }
.socail-icone ul{ float: left; padding-right: 20px; padding-top: 9px;}
.socail-icone ul li{ float: left; padding-left: 20px; }
.socail-icone ul li a{ font:13px/18px 'Biennale';font-weight: bold; color: #fff; transition: all 0.5s ease;}
.socail-icone ul li:hover a{ color:#FECB00; }
.socail-icone ul li a img {margin-right: 10px; float: left; margin-top: 2px;}
.socail-icone ul li:last-child a img{ margin-top: 5px; }
.get-quote{background: transparent; color: #fff; border-radius: 50px; display: inline-block; font:13px/36px 'Biennale'; width: 127px;
height: 40px;text-align: center; font-weight: bold; border: 2px solid #FECB00;-moz-transition: all .4s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all .4s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all .4s cubic-bezier(0.77, 0, 0.175, 1);
transition: all .4s cubic-bezier(0.77, 0, 0.175, 1);}
.get-quote:hover{ background: #FECB00; color:#052257; }
.header-bottom { clear: left;  background: #fff;}
.menu ul li a{ font:13px/18px 'Biennale'; text-transform: capitalize; color: #052257; font-weight: bold; transition: all 0.5s ease;
position: relative;padding: 15px 25px 15px; display: block;} 
.menu ul li a span{ position: relative; }
.menu ul li:hover a{color:#FECB00}
.header .menu > ul{display: flex;}
.header .menu ul li:last-child{margin-right: 0}
.socail-icone ul li:first-child a {
    cursor: auto;
}



 .header .menu ul li:hover a::before {
    background: #f8f9fb;
    opacity: 1;height: 100%; 
}
.header .menu ul li a::before {
    content: "";
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    transition: all .5s cubic-bezier(.77,0,.175,1);width: 100%;
height: 0;
z-index: 0;
}
.header .menu ul li a::after {
    background: #FECB00;
    right: auto;
    width: 0;
    height: 2px;
    z-index: 1;
    content: "";
top: 0;
right: 0;
left: 0;
position: absolute;
transition: all .5s cubic-bezier(.77,0,.175,1);
}
.header .menu ul li a:hover::after {
    width: 100%;
}
.header .menu ul li .sub-menu{background: #f8f9fb; opacity: 0; padding: 35px 0 35px; top: 100%; right: 0; left: 0; position: absolute;

text-align: left; transition: all .225s cubic-bezier(.77,0,.175,1) .15s; width: 100%; visibility: hidden;}

.header .menu ul li .sub-menu .inner{width: 1180px; margin: 0 auto; display: flex; padding-left: 0px;}

.header .menu ul li:hover .sub-menu{opacity: 1; visibility: visible; transition-delay: 0s;}

.header .menu ul li .sub-menu .inner ul{display: flex; width: 100%;}

.header .menu ul li .sub-menu .inner ul li{width: 25%; padding:0 10px; box-shadow: 0 12px 14px 0 rgba(0,0,0,.03); transition: all .3s ease; transform: translateY(0);  }

.header .menu ul li .sub-menu .inner ul li:hover{transform: translateY(-8px);}

.header .menu ul li .sub-menu .inner ul li figure img{width: 100%; margin-left: 0; float: left;}

 .header .menu ul li .sub-menu .inner ul li figure a{display: flex; justify-content: space-between;}

.header .menu ul li .sub-menu .inner ul li figure figcaption{background:#fff; padding: 15px; float: left; width: 100%;}

.header .menu ul li .sub-menu .inner ul li figure figcaption a{font:12px/23px 'Axiforma'; font-weight: 700; color: #1765B3; 
display: block;}

.header .menu ul li .sub-menu .inner ul li a:before{display: none;}

.header .menu ul li .sub-menu .inner ul li a:after{display: none;}

.header .menu ul li .sub-menu .inner ul li a{ height: auto; display: inline-block; border:none; padding: 0px; }

.header .menu ul li .sub-menu .inner ul li figcaption a img{width: auto;height: auto;
float: none;}

.header .menu ul li .sub-menu .inner h3{color: #222729; letter-spacing: -0.02em; padding-bottom: 15px; display: block; text-transform: uppercase; font:15px/25px 'Axiforma'; font-weight: bold;}

.header .menu ul li .sub-menu .inner p{color: #6B707E; font:15px/23px 'Axiforma'; padding-bottom: 15px; display: block;}

.header .menu ul li .sub-menu .inner a{display: inline-block; border: 1px solid #1765B3; border-radius: 60px; transition: background .5s;

text-align: center;color: #1765B3; text-transform: uppercase; font: 12px/14px 'Axiforma'; font-weight: normal; font-weight: bold;

padding: 14px 24px; height: auto; display: inline-block;}

.header .menu ul li .sub-menu .inner a:before, .header .menu ul li .sub-menu .inner a:after{display: none;}

.header .menu ul li .sub-menu .inner a img{margin-left: 5px;}

.header .menu ul li .sub-menu .inner .box{margin-right: 80px;}

.header .menu ul li .sub-menu .inner .box ul{display: block; }

.header .menu ul li .sub-menu .inner .box ul li{width: 100%;}

.header .menu ul li .sub-menu .inner .box ul li a{border:none; border-radius: 0px; color: #6B707E; font: 14px/37px 'Axiforma'; padding: 0;}
.sticky .header-bottom{ position: fixed; top:0;  left: 0px; width: 100%; -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.08);box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.08);  }
.sticky.header{z-index: 999;}


footer {background: #052257 url(../images/footer-bg.png) no-repeat center right;padding: 30px 0 0 0;width: 100%;display: flex;}
footer .top_footer {display: flex;align-items: center;justify-content: space-between;padding-bottom:10px; 
    border-bottom: 1px solid rgba(196, 196, 196, 0.2);}
footer .top_footer .right {display:flex;margin-top: -7px;}
.social_media {list-style: none;display: flex;align-items: center;}
.social_media li {color: #fff;margin: 0 15px;position:relative;}
.contact {list-style: none;display: flex;align-items: center;}
.contact li:first-child a {
    cursor: auto;
}
.contact li {color: #fff;margin: 0 15px;position: relative;padding-left: 30px;}
.contact li a { color: #fff; font:13px/18px 'Biennale'; font-weight: bold;}
.contact li a:hover{color:#F26522;}
.contact li:first-child img {top:-2px}
.contact li img {margin-right:8px;position:absolute;left:0;top:5px}
.mid_footer{ display: flex; padding:20px 0px; }
.col.opportunity-bx {
    width: 20%;
}
.col-right{ width: 80%; display: flex; float: right; padding-left: 20%; }
.col-right .col{ width:33.33%; }
.mid_footer .col h3{ font:14px/45px 'Biennale'; font-weight: bold; text-transform: uppercase; color: #fff; }
.mid_footer .col ul li a{ font:14px/28px 'Biennale'; text-transform:capitalize;  color: #BEC6DE; font-weight: 500;}
.mid_footer .col.opportunity-bx ul li a{font:15px/40px 'Biennale'; font-weight: bold; text-transform: uppercase; color: #fff; }
.mid_footer .col.opportunity-bx ul li{ border-bottom: 1px solid rgba(196, 196, 196, 0.2); padding: 3px 0px; }
.mid_footer .col.opportunity-bx ul li:last-child{ border-bottom: none; }
.mid_footer .col.opportunity-bx h3{border-bottom: 1px solid rgba(196, 196, 196, 0.2); padding-bottom:5px;}
.bottom_footer{ border-top: 1px solid rgba(196, 196, 196, 0.2); float: left; width:100%;display: flex; width: 100%;
    padding: 30px 0; position: relative; }
.bottom_footer p {font-size: 13px; color: #BEC6DE;font-family: 'Biennale';}
.social_media li i {color: #fff;font-size: 19px;}
.social_media li i:hover{color: #FECB00;}
.mid_footer .col ul li a:hover{ color: #FECB00; }
.desing-by{ position: absolute; top:30px; right: 0; }
.desing-by p{font-size: 13px; color: #BEC6DE;font-family: 'Biennale'; font-weight: bold;}


@media only screen and (max-width:1200px){

    .container{width:100%; margin: 0 auto; padding: 0px 15px;}

}

@media only screen and (max-width:767px){

.inner-banner img {height: 100%; }
.header .menu ul{ display: none; }
.header-bottom {padding: 10px 0px 10px;display: none;}
.menu{ position: relative; }
.menu ul li a{border-bottom: 1px solid #f1f1f1;}
.header .menu ul li{ padding: 0px; }
.slicknav_menu{ display: block !important; }
.socail-icone ul li a{ color: #052257; padding: 0px;}
.mid_footer{ flex-wrap: wrap; }
.col-right{ width: 100%; padding-left: 0px; }
.col.opportunity-bx{ width: 100%; }
.mid_footer .col.opportunity-bx ul li:last-child{border-bottom: 1px solid rgba(196, 196, 196, 0.2);}
footer .top_footer .right{flex-wrap: wrap; justify-content: flex-end;}
.contact{justify-content: end;width: 100%;}
.social_media{padding-top: 15px;}
.col-right{ padding-top: 20px; }
.socail-icone ul{ display: none; padding: 0px 50px;}
.slicknav_menu{ float: right; }
.get-quote{ float: right; margin-right: 8px;}
.socail-icone ul li{ width: 100%; padding-left: 0px; }
.sticky .header-top{ position: fixed; top:0; width: 100%; left: 0px; }
.socail-icone ul {float: left; padding-right: 0; padding-top: 0; background: transparent;}
.header{ height: 84px;transition: height .25s ease, line-height .25s ease;
-webkit-transition: height .25s ease, line-height .25s ease;
-moz-transition: height .25s ease, line-height .25s ease;
-ms-transition: height .25s ease, line-height .25s ease;
-o-transition: height .25s ease, line-height .25s ease; background: linear-gradient(180deg, #052257 0%, #0e2755 100%); 
z-index: 999;}
.slicknav_open .header {height: 100%;}
.slicknav_open .header .container{height: 100%;}
/*.slicknav_open .header .container .socail-icone{height: 100%;}
.slicknav_open .header .container .socail-icone .slicknav_menu{height: 100%;}*/
.slicknav_open .header .container .socail-icone .slicknav_nav{max-height: 500px;background: transparent;padding: 0px 50px;
    height: calc(100% - 100px);overflow: auto;}
.slicknav_open .header-top { background: linear-gradient(180deg, #052257 0%, #0e2755 100%); height: 100%; z-index: 999;}
.slicknav_open .slicknav_nav .slicknav_row{ padding: 0px; margin: 0px;  }
.socail-icone ul li a{color: #fff;text-transform: uppercase !important;
border-bottom: solid 1px rgba(255, 255, 255, 0.2);font:14px/60px 'Biennale'; }
.slicknav_open .slicknav_nav .slicknav_row a{ border: none; }

.slicknav_open .slicknav_menu .slicknav_icon-bar:nth-child(1) {
    top: 9px;
    left: 50%;
    width: 0;
}
.slicknav_open .slicknav_menu .slicknav_icon-bar:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slicknav_open .slicknav_menu .slicknav_icon-bar:nth-child(3) {
    top: 0px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.slicknav_open .slicknav_menu .slicknav_icon-bar {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 3px;
    border-radius: 9px;
    background: #fff;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.slicknav_icon.slicknav_no-text {
    position: relative;
}
.socail-icone ul li .sub-menu li a{ color: #fff; }
.socail-icone ul li .sub-menu li:hover a{ color: #FECB00; }
.menu-img{ display: none !important; }
.socail-icone ul li figure figcaption a img{ display: none !important; }

}



@media only screen and (max-width:600px){
.col-right{flex-wrap: wrap; padding-top: 0px;}
.col-right .col{ width: 100%;  }
footer .top_footer{ flex-wrap: wrap; padding-bottom: 20px;}
.foot_logo {
    display: block;
    margin: 0 auto;
    padding-bottom: 22px;
}
footer .top_footer .right{ margin-top: 0px; justify-content: center; width: 100%; }
.contact{ justify-content: center; }
.social_media{padding-top: 20px;}
.col-right .col.open ul{ display: block; }
.mid_footer .col h3{ border-bottom: 1px solid rgba(196, 196, 196, 0.2); background: url(../images/footer-plus.png) 96% center no-repeat ;}
.mid_footer{ padding-bottom: 0px; }
.bottom_footer{ border-top:none; }
.col-right .col ul{ display: none; padding: 15px 0px; border-bottom: 1px solid rgba(196, 196, 196, 0.2);}
.mid_footer .col.open h3{background: url(../images/footer-minus.png) 96% center no-repeat }
}

@media only screen and (max-width:480px){
    .get-quote{ width: 100px; height: 35px; font-size: 11px; line-height: 30px; }
    .socail-icone ul li{ padding-left: 10px; }
    .header .logo {float: left; width:120px;padding-top: 10px;}
    .header .logo img{ width: 100%;}
    .header .logo a{ height: auto; }
    .contact{ flex-wrap: wrap; }
    .contact li{ padding-bottom: 10px; }
    
}

@media only screen and (max-width:400px){
    .bottom_footer{ flex-wrap: wrap; }
    .desing-by{ width: 100%; padding-top: 10px; position: static; }
    .globe-btn a{ width: 130px; }
    .slicknav_open .header .container .socail-icone .slicknav_nav{ padding: 0px 15px; }
    .socail-icone ul li a{ font-size: 13px; }
}