@font-face {
	font-family: "GeosansLight";
	src: url(../fonts/GeosansLight.ttf);
}
a{-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}
.animatethis{-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
.loadthis { display: none; }


#page {overflow: hidden;}

.main-content { max-width: 1920px; margin: auto auto; }
.main-content-ins { max-width: 1630px; margin: auto auto; padding: 0 20px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

input, textarea { outline: 0 !important; }
strong, b { font-weight: 700 !important; }

.pagin { text-align: center; margin-top: 100px; }
.pagin li { margin-left: 4px; display: inline-block; vertical-align: top; }
.pagin li.num:before { content: "|"; font-size: 14px; margin-right: 6px; display: inline-block; vertical-align: top; }
.pagin li.num:first-child:before { display: none; }
.pagin li a { display: inline-block; margin-top: -3px; font-size: 18px; color: #000; }
.pagin li a:hover,
.pagin li.active a { color: #8560a8; }

.ph { }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }

.ph17 { }
.ph17::-webkit-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; }
.ph17:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 18px; color: #fff; }
.ph17::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 18px; color: #fff; }
.ph17:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; }
.ph17:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; }

ol.breadcrumb { background: transparent; margin: 0; padding: 0; }
ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 12px; color: #252525; }
ol.breadcrumb li + li:before { content: "|"; padding: 0 5px; }
ol.breadcrumb li a { text-decoration: none; font-size: 12px; color: #252525; font-weight: 300; }
ol.breadcrumb li a:hover,
ol.breadcrumb li.active a { color: #eb2594; }

#cookie-bar { background: #000; background: rgba(0,0,0,0.8); height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto; z-index: 999;}
#cookie-bar p {margin: 0; padding: 0; color: #fff; font-size: 14px; }
#cookie-bar a {color:#fff; text-decoration:underline; font-size: 14px;}
#cookie-bar .cb-enable {background:#ff0000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-policy:hover {background:#0055dd;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.custom-fields,
.custom-fields-pad { background: none; border: 1px solid #b7b7b7; margin: 0; padding: 0 14px; width: 100%; height: 34px; border-radius: 0; }
textarea.custom-fields { padding: 6px 14px; height: 86px; }
.custom-btn,
a.custom-btn { display: inline-block; vertical-align: middle; background: #8560a8; border: 0; color: #fff; margin: 0; padding: 3px 10px; text-align: center; white-space: nowrap; border-radius: 0; height: auto; }
.dark-bg { position: absolute; top: 0; left: 0; width: 100%; height: 768.5%; background-color: rgba(0, 0, 0, 0.83); z-index: 10; display: none; }

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #112743;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}
/********************* HEADER *********************/
.mob-menu-toggle { display: none; }
.mob-menu-toggle a { color: #fff; }
.mob-menu-toggle i { margin-right: 10px; }

nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #020242; }
.close-menu { cursor: pointer; }

.navbar-header { float: none; }
.navbar { min-height: 0; margin-bottom: 0; }
.navbar-fixed-top { border-width: 0; z-index: 10; }
.navbar-inside-page {position: inherit !important;}


header { position: relative; }
header .header_on { margin-top: 32px; background: transparent; }
header .header_on .logo { float: left; }
header .header_on .main-menu { float: right; margin-top: 20px;}
header .header_on .main-menu .icon_svg { cursor: pointer; height: 36px; display: inline-block; vertical-align: bottom; width: 58px; }
svg { width: 45px; height: 53px; margin-top: -13px; }
header .header_on .main-menu .menu_ttl { font-size: 20px; color: #003876; cursor: pointer; }


.tp-5 { min-width: 30px !important;max-width: 30px; height: 40px !important;cursor: pointer !important; margin-bottom: 40px !important; }

header .sidenav { height: 100%; box-shadow: 0px 3px 7px 0px rgba(19, 19, 19, 0.35); width: 0; position: fixed; z-index: 6; top: 68px; right: 0; background-color: #fff; overflow-x: hidden; transition: 400ms; }
header .sidenav .menu_left { margin-top: 50px; padding: 0 30px 20px 30px; }
header .sidenav .menu_left .menu_items {  }
header .sidenav .menu_left .menu_items .logo_ins { padding: 0 10px; }
header .sidenav .menu_left .menu_items ul {  }
header .sidenav .menu_left .menu_items ul:before { content: ""; display: block; background: #112743; width: 100%; height: 1px; margin: 34px 0 0 0; }
header .sidenav .menu_left .menu_items ul:after { content: ""; display: block; background: #112743; width: 100%; height: 1px; margin: 70px 0 0 0; }
header .sidenav .menu_left .menu_items ul li:first-child { padding-top: 25px; }
header .sidenav .menu_left .menu_items ul li { padding-top: 20px; }
header .sidenav .menu_left .menu_items ul li a { color: #112743; font-size: 26px; font-family: GeosansLight; }
header .sidenav .menu_left .menu_items .menu_social { margin-top: 26px; }
header .sidenav .menu_left .menu_items .menu_social .soc_ttl { display: inline-block; vertical-align: top; font-size: 26px; }
header .sidenav .menu_left .menu_items .menu_social img { display: inline-block; padding-left: 24px;}
header .sidenav .sidenav_cnt { position: absolute; right: 20px; top: 10px; }
/*header .sidenav .menu_right { float: right; width: 56%; height: 100%; min-height: 860px; display: flex; justify-content: center; flex-direction: column; background-size: cover; }
header .sidenav .menu_right .share_form { max-width: 660px; margin: auto auto; padding: 0 10px; }
header .sidenav .menu_right .share_form .frm_ttl { font-size: 36px; color: #fff; text-align: center; }
header .sidenav .menu_right .share_form .frm_txt { font-size: 26px; color: #fff; text-align: center; }
header .sidenav .menu_right .share_form .frm_txt:after { content: ""; display: block; background: #fff; width: 100%; max-width: 660px; height: 1px; margin: 14px auto 0 auto; }
header .sidenav .menu_right .share_form .form-control { height: 35px; padding: 0; }
header .sidenav .menu_right .share_form .form-group { margin-bottom: 45px; }
header .sidenav .menu_right .share_form .frm { padding-top: 60px; }
header .sidenav .menu_right .share_form .frm .inpt_lft { float: left; width: 50%; padding-right: 30px; }
header .sidenav .menu_right .share_form .frm .inpt_lft input { border: 0; border-bottom: 1px solid #fff; box-shadow: none; }
header .sidenav .menu_right .share_form .frm .inpt_rgt { float: right; width: 50%; padding-left: 30px; }
header .sidenav .menu_right .share_form .frm .inpt_rgt input { border: 0; border-bottom: 1px solid #fff; box-shadow: none; }
header .sidenav .menu_right .share_form .frm textarea#cf_message { border: 1px solid #fff; height: 142px; padding: 10px 0 0 10px; margin-top: 30px; }
header .sidenav .menu_right .share_form .frm .und {  }
header .sidenav .menu_right .share_form .frm .und .captcha { float: left; }
header .sidenav .menu_right .share_form .frm .und .my_btn { float: right; }
header .sidenav .menu_right .share_form .frm .und .my_btn button { border: 1px solid #fff; color: #fff; padding: 10px 15px; background-color: transparent; }*/

nav .navbar-header { padding: 0 0 10px 0; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav .navbar-header .header_on .logo { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav .navbar-header .header_on { margin-top: 20px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav .navbar-header .main-menu { margin-top: 10px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }

nav.shrink .navbar-header { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.30); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.30); background-color: #fff; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .navbar-header .header_on .logo { max-width: 350px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .navbar-header .header_on { margin-top: 10px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .navbar-header .main-menu { margin-top: 5px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
.squiggle {
      stroke-dasharray: 0 16 101 16;
    -webkit-animation: moveTheWave 8.4s linear infinite;
    animation: moveTheWave 8.4s linear infinite;
}
@-webkit-keyframes moveTheWave {
    0% {
        stroke-dashoffset: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        stroke-dashoffset: -133;
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0)
    }
}

@keyframes moveTheWave {
    0% {
        stroke-dashoffset: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        stroke-dashoffset: -133;
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0)
    }
}
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { border-top: 1px solid #112743; position: relative;}
footer .foot_cats { background-color: rgba(182, 200, 209, 0.87); height: 100%; min-height: 216px; padding-top: 20px; background-size: cover; }
footer .foot_cats .foot_logo { position: absolute; left: 50%; margin-left: -134px; }
footer .foot_cats .foot_menu  { position: absolute; left: 0; right: 0; top: 50%; }
footer .foot_cats .foot_menu ul { text-align: center; }
footer .foot_cats .foot_menu ul li { display: inline-block; padding: 23px 30px 0 30px; }
footer .foot_cats .foot_menu ul li:first-child { padding: 0; }
footer .foot_cats .foot_menu ul li:last-child { padding: 0; }
footer .foot_cats .foot_menu ul li a {font-weight: 600; font-size: 16px; color: #112743;text-transform: uppercase;}
footer .foot_cats .foot_menu:before { content: ""; display: block; background: #112743; width: 100%; max-width: 1534px; height: 1px; margin: 14px auto 0 auto; }

footer .cprt { background-color: #112743; }
.copy { padding: 10px 10px; text-align: left; font-family: GeosansLight; color: #fff; }
.copy .txt { margin-right: 8px; line-height: 18px; color: #fff; border-left: 1px solid #fff; padding-left: 10px;}
.copy > span { padding-right: 10px;}
.copy .social { display: inline-block; float: right; }
.copy .txt a { color: #fff; }

footer .drop { display: none; position: absolute; bottom: 42px; width: 100%; border-top: 1px solid #112743;}
footer .panel-group { margin-bottom: 0; }
footer .panel-group .panel { border-radius: 0; }
.panel { border: none; }
.panel-group .panel+.panel { margin-top: 0; }
footer .panel-group .panel-heading { padding: 10px 0 10px 0; background-color: #d2dde3; border-radius: 0; border-bottom: 1px solid #112743;  }
footer .panel-group .panel-heading h4 a.collapsed i {
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg); color: #707070; font-size: 18px;}
footer .panel-group .panel-heading h4 a { display: block; font-size: 18px; color: #112743; padding: 9px 0 6px 15px; position: relative; }
footer .panel-group .panel-heading h4 a i { font-size: 18px; position: absolute; top: 10px; right: 12px; color: #112743;  }
footer .panel-group .panel-body { padding: 16px 0 16px 15px; background-color: #d2dde3; }
footer .panel-group #collapse1 .panel-body .lst a { display: block; color: #112743; font-weight: normal; font-size: 16px; margin-top: 10px;text-transform: uppercase;}
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home { }
.tp-bullet { border-radius: 50%!important; }
.tp-static-layers { top: 40px!important; }
.home .undr_slider { margin-top: 63px; overflow: hidden; }
.home .undr_slider .hp_lft { float: left; width: 100%; margin-right: -893px; }
.home .undr_slider .hp_lft .hp_lft_ins { padding-right: 930px; padding-left: 20px; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_ttl { }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_ttl h1 { color: rgba(29, 46, 73, 0.6);  font-family: GeosansLight; margin: 0; font-size: 67px; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_ttl h1:after { content: ""; display: block; background: #112743; width: 100%; max-width: 240px; height: 1px; margin: 14px 0 0 0; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_ttl2 { color: #081526; font-family: GeosansLight; font-size: 36px; margin-top: 35px; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_txt { color: #112743; margin-top: 44px; font-weight: 500; line-height: normal; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_btn { margin-top: 70px; padding-bottom: 20px; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_btn a {color: #112743;border: 1px solid #112743;padding: 10px 13px;text-transform: uppercase;font-size: 18px;font-weight: 500;}
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_btn a:hover { color: #fff; background-color: #112743; }
.home .undr_slider .hp_rgt { 
    float: right; 
    width: 893px; 
    position: relative; 
}
.home .history_bg { background-color: #dde7e9; min-height: 500px; height: 100%; margin-top: 70px; }
.home .history_bg .h_ttl { text-align: center; padding-top: 50px; }
.home .history_bg .h_ttl h1 { color: rgba(29, 46, 73, 0.6);  font-family: GeosansLight; margin: 0; font-size: 60px; }
.home .history_bg .h_ttl h1:after { content: ""; display: block; background: #112743; width: 100%; max-width: 260px; height: 1px; margin: 4px auto 0 auto; }
.home .history_bg .h_txt { font-size: 26px; text-align: center; margin-top: 18px; font-family: GeosansLight; }
.home .history_bg .map { max-width: 850px; margin: 40px auto 0 auto; }
.home .history_bg  svg { width: 100%; height: 100%; }
.home .history_bg  svg .land {
    fill: #062034;
    stroke: #062034 ;
}
.home .history_bg  svg .path {
    stroke-dasharray: 300px;
    stroke-dashoffset: 200px;
    animation: draw 8s linear infinite;
    stroke: #7b98a5;
}
.home .history_bg  svg .path2 {
    stroke-width: 1;
    stroke-dasharray: 300px;
    stroke-dashoffset: 300px;
    stroke-dashoffset: 300px;
    animation: draw 12s linear infinite;
    stroke: #7b98a5;
}
.home .history_bg  svg .path3 {
    stroke-width: 1;
    stroke-dasharray: 600px;
    stroke-dashoffset: 600px;
    animation: draw 19s linear infinite;
    stroke: #7b98a5;
}
.home .history_bg  svg .mappoint {
  stroke:#7b98a5;
  fill:#7b98a5;
}

@keyframes draw {
  to {
    stroke-dashoffset: 2000;
  }
}
.home .history_bg .checkout-steps { padding-top: 30px; max-width: 1630px; margin: auto auto; position: relative; z-index: 4; }
.home .history_bg .checkout-steps ul { list-style: none; padding: 40px 0 0 0; margin: 0;}
.home .history_bg .checkout-steps ul li {list-style-type: none; font-size: 22px; float: left; width: 10%;position: relative; text-align: center;}
.home .history_bg .checkout-steps ul li.active .bot { opacity: 1; }
.home .history_bg .checkout-steps .top { position: relative; bottom: 0; right: 0; text-align: center; cursor: pointer;}
.home .history_bg .checkout-steps ul li:last-child .top { position: relative; bottom: -29px; right: 0; text-align: center; cursor: pointer;}
.home .history_bg .checkout-steps a .top { color: #112743; }
.home .history_bg .checkout-steps .bot { opacity: 0; position: absolute; top: -100px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.home .history_bg .checkout-steps ul li:before {  cursor: pointer; content: ""; position: relative; z-index: 2; height: 11px; width: 11px; line-height: 40px; display: block; font-size: 10px; background: #7b98a5; border-radius: 50%; margin: 4px auto 14px auto;}
.home .history_bg .checkout-steps ul li:after { content: ""; width: 100%; height: 2px; background: #252e37; opacity: 0.12; position: absolute; left: -50%; top: 8px; z-index: 1;}
.home .history_bg .checkout-steps ul li:nth-child(1):before { }
.home .history_bg .checkout-steps ul li:nth-child(9):before { display: none; }
.home .history_bg .checkout-steps ul li:first-child:after { content: none; }
.home .history_bg .checkout-steps ul li.active:before, 
.home .history_bg .checkout-steps ul li.active:after { background: #215a74; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.home .history_bg .checkout-steps ul li.active:before {content: ""; height: 24px; width: 24px; line-height: 40px; display: block; font-size: 10px; background: #215a74; border-radius: 50%; margin: -3px auto 8px auto; }
.home .history_bg .hst_btn { text-align: center; margin-top: 38px; padding-bottom: 40px; }
.home .history_bg .hst_btn a {color: #112743;border: 1px solid #112743;padding: 10px 17px;text-transform: uppercase;font-size: 18px;font-weight: 500;}
.home .history_bg .hst_btn a:hover { color: #fff;background-color: #112743;}

.home .polugon { position: relative; overflow: hidden; background-color: #062034; }
.home .polugon .left_polugon { left: 0; top: 0; width: 100%; margin-right: -846px; min-height: 964px; height: 100%; background-image: url(../img/logo_hst.png); position: relative; z-index: 3; background-repeat: no-repeat;}
.home .polugon .left_polugon .left_polugon_ins { padding-top: 1px; padding-right: 1200px; padding-left: 166px; }
.home .polugon .left_polugon .left_polugon_ins .polu_ttl { text-align: left; margin-top: 50px; }
.home .polugon .left_polugon .left_polugon_ins .polu_ttl h2 { margin: 0; font-size: 60px; color: #fff; font-family: GeosansLight; line-height: normal;position: relative;}
.home .polugon .left_polugon .left_polugon_ins .polu_ttl h2:after { content: ""; display: block; background: #FFFFFF; width: 100%; max-width: 410px; height: 1px; margin: 14px 0 0 0; }
.home .polugon .left_polugon .left_polugon_ins .polu_txt { font-size: 26px; color: #fff; font-family: GeosansLight; margin-top: 48px; line-height: normal; }
.home .polugon .left_polugon .left_polugon_ins .lst { margin-top: 38px; }
.home .polugon .left_polugon .left_polugon_ins .lst ul li { font-size: 20px; color: #fff; font-weight: 500; margin-left: 20px; }
.home .polugon .left_polugon .left_polugon_ins .hstr_btn { margin-top: 63px; }
.home .polugon .left_polugon .left_polugon_ins .hstr_btn a {border: 1px solid #fff;padding: 10px 13px;color: #fff;text-transform: uppercase; }
.home .polugon .left_polugon .left_polugon_ins .hstr_btn a:hover { border: 1px solid #fff; color: #112743; background-color: #fff; }
.home .polugon .right_polugon { 
    position: absolute;
    right: 0; 
    top: 0;
    width: 1266px; 
    min-height: 964px; 
    margin-left: -846px;  
    height: 100%;
    overflow: hidden;
    background-size: cover; 
    background-position: left; 
}

.home .polugon .right_polugon.animateme {
    animation: zoomin 5s normal forwards; 
}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  100% {transform: scale(1.2);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  100% {transform: scale(1.2); }
} /*End of Zoom in Keyframes */

.home .parallax { background-size: cover; background-repeat: no-repeat; background-position: center; height: 960px; position: relative; }
.home .parallax .par {  }
.home .parallax .par:after 
{ 
	display: block; 
	position: absolute; 
	background-image: -moz-linear-gradient( 97deg, rgb(0,8,20) 0%, rgb(12,41,64) 100%);
	background-image: -webkit-linear-gradient( 97deg, rgb(0,8,20) 0%, rgb(12,41,64) 100%);
	background-image: -ms-linear-gradient( 97deg, rgb(0,8,20) 0%, rgb(12,41,64) 100%);
	height: 100%; 
	width: 100%; 
	content: ''; 
	opacity: 0.83;
}
.home .parallax .par .list { position: absolute; right: 0; left: 0; text-align: center; z-index: 9; }
.home .parallax .par .list ul { padding-top: 200px; }
.home .parallax .par .list ul li { color: #fff; text-align: center; float: left; width: 25%; border-right: 1px solid #fff; margin-top: 20px; }
.home .parallax .par .list ul li:last-child { border-right: 0; }
.home .parallax .par .list img { position: relative; left: 50%; margin-left: -64px; padding-bottom: 60px; }
.home .parallax .par .list .counter { font-size: 56px; font-family: GeosansLight; }
.home .parallax .par .list .txt p { font-size: 26px; font-weight: 700; }
.home .parallax .par .list .txt { font-size: 26px; font-weight: 400!important; margin-top: 80px; }
.home .parallax .par .mob-par {display: none;}



.home .undr_parallax { margin-top: 63px; overflow: hidden; }
.home .undr_parallax .par_lft { float: left; width: 874px; position: relative; margin-bottom: 70px;}
.home .undr_parallax .par_rgt { float: right; width: 100%; margin-left: -874px; }
.home .undr_parallax .par_rgt .par_rgt_ins { padding-left: 920px; padding-right: 20px; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl { }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl h1 { color: rgba(29, 46, 73, 0.6);  font-family: GeosansLight; margin: 0; font-size: 67px; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl h1:after { content: ""; display: block; background: #112743; width: 100%; max-width: 240px; height: 1px; margin: 14px 0 0 0; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl2 { color: #081526; font-family: GeosansLight; font-size: 36px; margin-top: 25px; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_txt { color: #112743; margin-top: 30px; font-weight: 500; line-height: normal; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_btn { margin-top: 70px; padding-bottom: 20px; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_btn a {color: #112743;border: 1px solid #112743;padding: 10px 14px;font-weight: 500;text-transform: uppercase;}
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_btn a:hover { color: #fff; background-color: #112743; }
/********************* HOMEPAGE *********************/




/********************* ABOUT US *********************/
.inside .about {}
.inside .about .ttl {display: grid;}
.inside .about .ttl .ttl-heading, .inside .about .ttl .ttl-overlay {grid-area: 1 / 1;}
.inside .about .ttl .ttl-heading {padding-top: 170px;text-align: center;padding-bottom: 190px;z-index: 2;}
.inside .about .ttl .ttl-heading .ttl-label {font-weight: normal;font-size: 50px;line-height: 48px;color: #FFFFFF;text-transform: uppercase;position: relative;}
.inside .about .ttl .ttl-heading .ttl-label:after {content: "";position: absolute;width: 100px;border-bottom: 1px solid #FFFFFF;bottom: -30px; left: 50%;transform: translateX(-50%);}
.inside .about .ttl .ttl-overlay {background: #0f1e35;opacity: 0.65;}
.inside .about .top {}
.inside .about .top .ins {max-width: 1640px;margin: auto;padding: 110px 20px 130px 20px;display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: 'details image';align-items: center;grid-gap: 25px;}
.inside .about .top .ins .ins-l {grid-area: image;}
.inside .about .top .ins .ins-r .ttl {font-family: GeosansLight;font-size: 60px;margin-bottom: 70px;position: relative;color: #8f9196;}
.inside .about .top .ins .ins-r .det {font-size: 18px;line-height: 24px;color: #0e1f36;}
.inside .about .top .ins .ins-r .ttl:after {content: "";position: absolute;width: 240px;border-bottom: 1px solid #8f9196;bottom: -10px; left: 0;}
.inside .about .mid {display: grid;}
.inside .about .mid .det, .inside .about .mid .overlay {grid-area: 1 / 1;}
.inside .about .mid .det {text-align: center;z-index: 2;max-width: 1260px;margin: auto;padding: 170px 20px;}
.inside .about .mid .det .ttl {font-family: GeosansLight;font-size: 60px;color: #8f9196;margin-bottom: 70px;line-height: 50px;}
.inside .about .mid .det .subttl {font-size: 28px;color: #FFFFFF;text-align: center;}
.inside .about .mid .overlay {background: #0f1e35;opacity: 0.75;}
.inside .about .bot {}
.inside .about .bot .ins {max-width: 1640px;margin: auto;padding: 130px 20px 130px 20px;display: grid;grid-template-columns: 1fr 1fr;align-items: center;grid-gap: 70px;}
.inside .about .bot .ins .ins-l {}
.inside .about .bot .ins .ins-r .ttl {font-family: GeosansLight;font-size: 60px;margin-bottom: 70px;position: relative;color: #8f9196;}
.inside .about .bot .ins .ins-r .det {font-size: 18px;line-height: 24px;color: #0e1f36;}
.inside .about .bot .ins .ins-r .ttl:after {content: "";position: absolute;width: 630px;border-bottom: 1px solid #8f9196;bottom: -10px; left: 0;}
.inside .about .top .ins .ins-mob {display: none;}
/********************* ABOUT US *********************/


/********************* CONTACT *********************/
.inside .contact {}
.inside .contact .ttl {display: grid;}
.inside .contact .ttl .ttl-heading, .inside .contact .ttl .ttl-overlay {grid-area: 1 / 1;}
.inside .contact .ttl .ttl-heading {padding-top: 170px;text-align: center;padding-bottom: 190px;z-index: 2;}
.inside .contact .ttl .ttl-heading .ttl-label {font-weight: normal;font-size: 50px;line-height: 48px;color: #FFFFFF;text-transform: uppercase;position: relative;}
.inside .contact .ttl .ttl-heading .ttl-label:after {content: "";position: absolute;width: 100px;border-bottom: 1px solid #FFFFFF;bottom: -30px; left: 50%;transform: translateX(-50%);}
.inside .contact .ttl .ttl-overlay {background: #0f1e35;opacity: 0.65;}
.inside .contact .cnt {}
.inside .contact .cnt .ins {max-width: 880px;margin: auto;padding: 70px 20px 90px 20px;} 
.inside .contact .cnt .ins .title {text-align: center;padding-bottom: 50px;font-size: 36px;color: #002157;}
.inside .contact .cnt .ins form .contact-details {}
.inside .contact .cnt .ins form .contact-details .form-group {}
.inside .contact .cnt .ins form .contact-details .grid {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30px;}
.inside .contact .cnt .ins form .contact-details .form-group input {background: white !important;border: 1px solid #d7d7d7;font-weight: 500 !important;font-size: 16px !important;color: #5C6471 !important;}
.inside .contact .cnt .ins form .contact-details .form-group textarea {background: white !important;border: 1px solid #d7d7d7;font-weight: 500 !important;font-size: 16px !important;color: #5C6471 !important;height: 110px;}
.inside .contact .cnt .ins form .contact-details .form-group input:focus {background: #5C6471 !important;color: #FFFFFF !important;}
.inside .contact .cnt .ins form .contact-details .form-group textarea:focus {background: #5C6471 !important;color: #FFFFFF !important;}
.inside .contact .cnt .ins form .contact-details .form-group input::placeholder {text-transform: uppercase !important;text-align: left;font-weight: 500;font-size: 16px;color: #002157;}
.inside .contact .cnt .ins form .contact-details .form-group input::-ms-input-placeholder {text-transform: uppercase !important;text-align: left;font-weight: 500;font-size: 16px;color: #002157;}
.inside .contact .cnt .ins form .contact-details .form-group textarea::placeholder {text-transform: uppercase !important;text-align: left;font-weight: 500;font-size: 16px;color: #002157;}
.inside .contact .cnt .ins form .contact-details .form-group textarea::-ms-input-placeholder {text-transform: uppercase !important;font-weight: 500;font-size: 16px;color: #002157;}
.inside .contact .cnt .ins form .contact-submit {text-align: right;padding-top: 5px;}
.inside .contact .cnt .ins form .contact-submit button {background: #062034;border: 0;color: #FFFFFF;padding: 12px 51px;text-transform: uppercase;font-weight: 500;}
.inside .contact .bot {}
.inside .contact .bot .ins {display: flex;flex-direction: row;flex-wrap: wrap;}
.inside .contact .bot .ins-l {width: 37%;background: #062034;}
.inside .contact .bot .ins-l .item {padding-top: 40px;padding-bottom: 40px; border-bottom: 2px solid #ffffff;max-width: 350px;width: 100%;margin: auto;}
.inside .contact .bot .ins-l .item .title {font-size: 26px;font-weight: 800;padding-bottom: 35px;color: #FFFFFF;}
.inside .contact .bot .ins-l .item .item-det {display: flex;grid-gap: 30px;align-items: center;padding-bottom: 15px;}
.inside .contact .bot .ins-l .item .item-det a {font-size: 18px;color: #FFFFFF;}
.inside .contact .bot .ins-l .item .btn {background: #215176;display: flex;align-items: center;grid-gap: 15px;max-width: 210px;width: 100%;border-radius: 0;color: #FFF;font-size: 18px;margin-top: 15px;}
.inside .contact .bot .ins-l .follow {padding-top: 30px;padding-bottom: 40px;max-width: 350px;width: 100%;margin: auto;display: flex;grid-gap: 20px;align-items: center;}
.inside .contact .bot .ins-l .follow .title a {color: #FFFFFF;font-size: 18px;}
.inside .contact .bot .ins-r {width: 63%;}
.inside .contact .map .map-ins {max-height: 680px;position: relative;}
.inside .contact .map .map-ins .map-pin {position: absolute;top: 44%;left: 50%;transform: translate(-50%, -50%);}
/********************* CONTACT *********************/


/********************* FLEET *********************/
.inside .fleet {}
.inside .fleet .ttl {display: flex;flex-direction: row;position: relative;overflow: hidden;}
.inside .fleet .ttl1 {width: 75%;clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);-webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);}
.inside .fleet .overlay {position: absolute;right: 37.5%;top: 70.6%;transform: translateY(-50%);}
.inside .fleet .ttl2 {display: grid;width: 55%;margin-left: -165px;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);}
.inside .fleet .ttl2 .ttl-heading, .inside .fleet .ttl2 .ttl-overlay {grid-area: 1 / 1;}
.inside .fleet .ttl2 .ttl-heading {padding-top: 170px;text-align: center;padding-bottom: 190px;z-index: 2;}
.inside .fleet .ttl2 .ttl-heading .ttl-label {font-weight: normal;font-size: 50px;line-height: 48px;color: #FFFFFF;text-transform: uppercase;position: relative;}
.inside .fleet .ttl2 .ttl-heading .ttl-label:after {content: "";position: absolute;width: 100px;border-bottom: 1px solid #FFFFFF;bottom: -30px; left: 50%;transform: translateX(-50%);}
.inside .fleet .ttl2 .ttl-overlay {background: #0f1e35;opacity: 0.65;}
.inside .fleet .ttl2 .ttl-label1 {padding-top: 75px;color: #FFFFFF;font-size: 30px;font-family: GeosansLight;max-width: 250px;margin: auto;text-align: center;}
.inside .fleet .top {}
.inside .fleet .top .ins {display: flex;flex-direction: row;flex-wrap: wrap;}
.inside .fleet .top .ins-l {width: 50%;max-width: 870px;margin:auto;padding: 125px 20px;}
.inside .fleet .top .ins-l .title {font-size: 26px;color: #002157;font-family: GeosansLight;position: relative;}
.inside .fleet .top .ins-l .title:after {content: "";position: absolute;width: 510px;border-bottom: 1px solid #000000;bottom: -10px;left: 0px;}
.inside .fleet .top .ins-l .det {color: #0e1f36;font-size: 18px;padding-top: 40px;line-height: 22px;}
.inside .fleet .top .ins-l .perc ul {column-count: 2;padding-top: 40px;}
.inside .fleet .top .ins-l .perc ul .coal::marker {color: #e27a7b;font-size: 28px;}
.inside .fleet .top .ins-l .perc ul .sugar::marker {color: #f49b4e;font-size: 28px;}
.inside .fleet .top .ins-l .perc ul .grains::marker {color: #7bcbe8;font-size: 28px;}
.inside .fleet .top .ins-l .perc ul .cement::marker {color: #93aede;font-size: 28px;}
.inside .fleet .top .ins-l .perc ul .fert::marker {color: #9477b5;font-size: 28px;}
.inside .fleet .top .ins-l .perc ul .steel::marker {color: #50c2ae;font-size: 28px;}
.inside .fleet .top .ins-l .perc ul .ore::marker {color: #b9d982;font-size: 28px;}
.inside .fleet .top .ins-l .perc ul .minor::marker {color: #cf93df;font-size: 28px;}
.inside .fleet .top .ins-r {width: 50%;background: linear-gradient(to right bottom, #FFFFFF 50%, #112743 50%);position: relative;}
.inside .fleet .top .ins-r img {position: absolute;z-index: 100;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.inside .fleet .top .ins-r .pie-white {display: initial;}
.inside .fleet .top .ins-r .pie-black {display: none;}
.inside .fleet .items .rev {display: grid;grid-template-columns: 1fr 0.91fr;grid-template-areas: 'details image';max-width: 1920px;width: 100%;} 
.inside .fleet .items .notrev {display: grid;grid-template-columns: 0.91fr 1fr;max-width: 1920px;width: 100%;} 




.inside .fleet .items .rev .item-l {grid-area: image;}
.inside .fleet .items .item .item-r {background: #112743;padding: 50px 0;}
.inside .fleet .items .item .item-r .title {max-width: 660px;margin: auto;font-size: 42px;font-family: GeosansLight;padding-bottom: 40px;color: #FFFFFF;position: relative;}
.inside .fleet .items .rev .item-r .title:after {content: "";position: absolute;width: 600px;border-bottom: 1px solid #FFFFFF;top: 30%;transform: translateY(-50%);left: 48%;}
.inside .fleet .items .notrev .item-r .title:after {content: "";position: absolute;width: 600px;border-bottom: 1px solid #FFFFFF;top: 30%;transform: translateY(-50%);left: -95%;}

.inside .fleet .items .item .item-l {position: relative;/*max-width: 960px !important;width: 100% !important; */}
.inside .fleet .items .item .item-l .item-l-ins {height: 100%;}
.inside .fleet .items .item .item-l .item-l-ins .slick-list {height: 100% !important;max-width: 915px !important;width: 100% !important;}
.inside .fleet .items .item .item-l .item-l-ins .slick-track {height: 100% !important;}

.inside .fleet .items .item .item-l .slider-btns .rev-new-l {padding: 0 20px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.inside .fleet .items .item .item-l .slider-btns .rev-new-r {padding: 0 20px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.inside .fleet .items .item .item-l .slider-btns .notrev-new-l {padding: 0 20px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.inside .fleet .items .item .item-l .slider-btns .notrev-new-r {padding: 0 20px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}


.inside .fleet .items .item .item-l .slick-arrow {display: initial !important;}
.inside .fleet .items .item .item-l .slider-btns div {cursor: pointer;}


.inside .fleet .items .item .item-r .det .det-itm {max-width: 660px;margin: auto;display: grid;grid-template-columns: 1fr 1fr;padding-bottom: 15px;}
.inside .fleet .items .item .item-r .det .det-itm:last-child {padding-bottom: 0;}
.inside .fleet .items .item .item-r .det .det-l {font-size: 20px;font-family: GeosansLight;color: #FFFFFF;font-weight: bold;text-transform: uppercase;}
.inside .fleet .items .item .item-r .det .det-r {font-size: 20px;font-family: GeosansLight;color: #FFFFFF;text-transform: uppercase;}
/********************* FLEET *********************/

/********************* SOLEMARE *********************/
.inside .solemare {}
.inside .solemare .ttl {display: grid;}
.inside .solemare .ttl .ttl-heading, .inside .solemare .ttl .ttl-overlay {grid-area: 1 / 1;}
.inside .solemare .ttl .ttl-heading {padding-top: 170px;text-align: center;padding-bottom: 190px;z-index: 2;}
.inside .solemare .ttl .ttl-heading .ttl-label {font-weight: normal;font-size: 50px;line-height: 48px;color: #FFFFFF;text-transform: uppercase;position: relative;}
.inside .solemare .ttl .ttl-heading .ttl-label:after {content: "";position: absolute;width: 100px;border-bottom: 1px solid #FFFFFF;bottom: -30px; left: 50%;transform: translateX(-50%);}
.inside .solemare .ttl .ttl-overlay {background: #0f1e35;opacity: 0.65;}
.inside .solemare .top {}
.inside .solemare .top .ins {max-width: 1640px;margin: auto;padding: 110px 20px 130px 20px;display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: 'details image';grid-gap: 25px;}
.inside .solemare .top .ins .ins-l {grid-area: image;position: relative;}
.inside .solemare .top .ins .ins-l .solemare-logo {position: absolute;left: 20px;top: 20px;}
.inside .solemare .top .ins .ins-r {position: relative;}
.inside .solemare .top .ins .ins-r .ttl {font-family: GeosansLight;font-size: 60px;margin-bottom: 70px;position: relative;color: #8f9196;}
.inside .solemare .top .ins .ins-r .det {font-size: 18px;line-height: 24px;color: #0e1f36;}
.inside .solemare .top .ins .ins-r .ttl:after {content: "";position: absolute;width: 240px;border-bottom: 1px solid #8f9196;bottom: -20px; left: 0;}
.inside .solemare .top .ins .ins-r .logos-bot {position: absolute;display: flex; align-items: center;grid-gap: 30px;left: 0;bottom: 0;}
.inside .solemare .mid {display: grid;}
.inside .solemare .mid .det, .inside .solemare .mid .overlay {grid-area: 1 / 1;}
.inside .solemare .mid .det {text-align: center;z-index: 2;max-width: 1260px;margin: auto;padding: 250px 20px;}
.inside .solemare .mid .det .ttl {font-family: GeosansLight;font-size: 60px;color: #8f9196;margin-bottom: 70px;line-height: 50px;}
.inside .solemare .mid .det .subttl {font-size: 28px;color: #FFFFFF;text-align: left;}
.inside .solemare .mid .overlay {background: #0f1e35;opacity: 0.75;}
.inside .solemare .bot {margin-top: 100px;}
.inside .solemare .bot .ttl {max-width: 1120px;margin: auto;padding: 65px 20px 0 20px;text-align: center;font-size: 36px;font-style: italic;font-weight: 300;}
.inside .solemare .bot .subttl {max-width: 1120px;margin: auto;padding: 50px 20px 0 20px;text-align: center;font-size: 26px;}
.inside .solemare .top .ins .ins-mob {display: none;}
/********************* SOLEMARE *********************/



/********************* HISTORY *********************/
.inside .history {}
.inside .history .ttl {display: grid;}
.inside .history .ttl .ttl-heading, .inside .history .ttl .ttl-overlay {grid-area: 1 / 1;}
.inside .history .ttl .ttl-heading {padding-top: 170px;text-align: center;padding-bottom: 190px;z-index: 2;}
.inside .history .ttl .ttl-heading .ttl-label {font-weight: normal;font-size: 50px;line-height: 48px;color: #FFFFFF;text-transform: uppercase;position: relative;}
.inside .history .ttl .ttl-heading .ttl-label:after {content: "";position: absolute;width: 100px;border-bottom: 1px solid #FFFFFF;bottom: -30px; left: 50%;transform: translateX(-50%);}
.inside .history .ttl .ttl-overlay {background: #0f1e35;opacity: 0.65;}
.inside .history .top {}
.inside .history .top .det {padding: 110px 20px;max-width: 1640px;margin: auto;font-size: 18px;}
.inside .history .bot {background: #0e1f36;position: relative;overflow: hidden;}
.inside .history .bot .items {padding: 70px 0 70px 0;}
.inside .history .bot .items .item {position: relative;}
.inside .history .bot .items .slick-list {margin: 0 -50px;}
.inside .history .bot .items .slick-slide {margin: 0 50px;max-width: 1000px !important;width: 100% !important;height: 500px !important;margin-top: 100px;opacity: 0.5;}
.inside .history .bot .items .slick-center {max-width: 1400px !important;width: 100% !important;height: 700px !important;margin-top: 0 !important;opacity: 1 !important;}
.inside .history .bot .items .item .ttl {top: 80%;left: 50%;transform: translateX(-50%);font-size: 56px;color: #FFFFFF;position: absolute;width: 100%;text-align: center;text-transform: uppercase;}
.inside .history .bot .checkout-steps { padding-top: 0px; max-width: 1630px; margin: auto auto; position: relative; z-index: 4;padding-bottom: 50px;}
.inside .history .bot .checkout-steps ul { list-style: none; padding: 0px 0 0 0; margin: 0;}
.inside .history .bot .checkout-steps ul li {list-style-type: none; font-size: 22px; float: left; width: 10%;position: relative; text-align: center;}
.inside .history .bot .checkout-steps ul li.slick-current .bot { opacity: 1; }
.inside .history .bot .checkout-steps .top { position: relative; bottom: 0; right: 0; text-align: center; cursor: pointer; color: #FFFFFF; }
.inside .history .bot .checkout-steps ul li:last-child .top {}
.inside .history .bot .checkout-steps a .top { color: #FFFFFF; }
.inside .history .bot .checkout-steps .bot { opacity: 0; position: absolute; top: -100px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.inside .history .bot .checkout-steps ul li:before {  cursor: pointer; content: ""; position: relative; z-index: 2; height: 11px; width: 11px; line-height: 40px; display: block; font-size: 10px; background: #7b98a5; border-radius: 50%; margin: 4px auto 14px auto;}
.inside .history .bot .checkout-steps ul li:after { content: ""; width: 100%; height: 2px; background: #252e37; opacity: 0.12; position: absolute; left: -50%; top: 8px; z-index: 1;}
.inside .history .bot .checkout-steps ul li:nth-child(1):before { }
.inside .history .bot .checkout-steps ul li:nth-child(10):before { display: none; }
.inside .history .bot .checkout-steps ul li:first-child:after { content: none; }
.inside .history .bot .checkout-steps ul li.slick-current:before, 
.inside .history .bot .checkout-steps ul li.slick-current:after { background: #215a74; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.inside .history .bot .checkout-steps ul li.slick-current:before {content: ""; height: 24px; width: 24px; line-height: 40px; display: block; font-size: 10px; background: #215a74; border-radius: 50%; margin: -3px auto 8px auto; }
.inside .history .bot .checkout-steps .slick-list {padding: 15px 50px !important;}
.inside .history .bot .slider-btns {position: absolute;left: 50%;top: 40%;transform: translate(-50%, -50%);display: flex;align-items: center;width: 90%;justify-content: space-between;}
.inside .history .bot .slider-btns div {cursor: pointer;}
/********************* HISTORY *********************/

/********************* SIMPLE *********************/
.inside .simple {}
.inside .simple .ttl {display: grid;}
.inside .simple .ttl .ttl-heading, .inside .simple .ttl .ttl-overlay {grid-area: 1 / 1;}
.inside .simple .ttl .ttl-heading {padding-top: 170px;text-align: center;padding-bottom: 190px;z-index: 2;}
.inside .simple .ttl .ttl-heading .ttl-label {font-weight: normal;font-size: 50px;line-height: 48px;color: #FFFFFF;text-transform: uppercase;position: relative;}
.inside .simple .ttl .ttl-heading .ttl-label:after {content: "";position: absolute;width: 100px;border-bottom: 1px solid #FFFFFF;bottom: -30px; left: 50%;transform: translateX(-50%);}
.inside .simple .ttl .ttl-overlay {background: #0f1e35;opacity: 0.65;}
.inside .simple .top {}
.inside .simple .top .ins {max-width: 1220px;margin: auto;padding: 70px 20px 230px 20px;}
.inside .simple .top .ins .title {font-size: 26px;font-weight: 700;padding-bottom: 50px;}
.inside .simple .error-template {display: flex;flex-direction: column;text-align: center;}
.inside .simple .error-template .error-actions {display: flex;justify-content: center;grid-gap: 20px;padding-top: 20px;}
/********************* SIMPLE *********************/




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

    
.inside .fleet .overlay {width: 21.7%;right: 37.4%;top: 68.6%;}     
    
}


@media only screen and (max-width: 1615px) {
/********************* HOMEPAGE *********************/
.home .polugon .left_polugon { left: -200px; }
.home .polugon .left_polugon .left_polugon_ins { padding-left: 300px; padding-right: 0; }
.home .polugon .right_polugon { width: 1200px; }
/********************* HOMEPAGE *********************/
    
    
.inside .fleet .overlay {width: 22%;right: 35.8%;top: 67.7%;}  
.inside .fleet .items .item .item-r .ttl {padding-left: 20px;padding-right: 20px;}
.inside .fleet .items .item .item-r .det {padding-left: 20px;padding-right: 20px;}   
.inside .fleet .items .item .item-l .item-l-ins .slick-list {max-width: 815px !important;}    
    
    
.inside .solemare .top .ins .ins-r .det {padding-bottom: 100px;} 
    
 
    
}

@media only screen and (max-width: 1406px) { 
/********************* HOMEPAGE *********************/
.home .undr_slider .hp_lft .hp_lft_ins { padding-left: 0; padding-right: 900px; }
.home .undr_parallax .par_rgt .par_rgt_ins { padding-right: 0; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_btn { margin-top: 40px; padding-bottom: 20px; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_btn { margin-top: 20px; padding-bottom: 20px; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_txt { margin-top: 20px; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_ttl h1 { font-size: 60px; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl h1 { font-size: 60px; }
.home .polugon .left_polugon { left: -320px; }
.home .polugon .left_polugon .left_polugon_ins { padding-left: 330px; padding-right: 0; }
/********************* HOMEPAGE *********************/
    
    
    
.inside .about .bot .ins .ins-r .ttl::after {width: 240px;}
  
.inside .fleet .overlay {width: 25.2%;right: 31.8%;top: 67.7%;}   
.inside .fleet .items .item .item-l .item-l-ins .slick-list {max-width: 715px !important;}    
.inside .fleet .items .rev .item-r .title:after {left: 55%;width: 400px;}    
.inside .fleet .items .notrev .item-r .title:after {width: 400px;left: -72%;}
    
}


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

    
.inside .fleet .overlay {display: none;}    
.inside .fleet .items .item .item-r .title {padding:0 20px 40px 20px;} 
    
}



@media only screen and (max-width: 1280px) { 
.home .undr_slider .hp_lft .hp_lft_ins { padding-right: 914px; }
.home .undr_parallax .par_rgt .par_rgt_ins { padding-left: 890px; }
    
    
    
    
    
.inside .history .bot .items .slick-slide {max-width: 800px !important;height: 400px !important;}
.inside .history .bot .items .slick-center {max-width: 1000px !important;height: 500px !important;}    
.inside .history .bot .items .item .ttl {font-size: 40px;}  
    
    
    
    
}

@media only screen and (max-width: 1270px) { 
.home .undr_slider .hp_lft { float: none; width: 100%; margin-right: 0; }
.home .undr_slider .hp_lft .hp_lft_ins { padding-right: 0; padding-left: 0; }
.home .undr_slider .hp_rgt { float: none; width: 100%; margin-top: 40px; }

.home .undr_parallax .par_lft { float: none; width: 100%; }
.home .undr_parallax .par_rgt { float: none; width: 100%; margin-left: 0; }
.home .undr_parallax .par_rgt .par_rgt_ins { padding-left: 0; padding-right: 0; }

.home .polugon .left_polugon { margin-right: 0; left: 0; background-color: #062034; padding: 0 20px; min-height: 400px; background-image: url(../img/A.png); background-position: center; }
.home .polugon .left_polugon .left_polugon_ins { padding-right: 0; padding-left: 20px; }
.home .polugon .right_polugon { width: 100%; margin-left: 0; position: relative; }
    
 
    
.inside .fleet .items .rev .item-r .ttl::after {left: 20px;top: 60%;}    
.inside .fleet .items .notrev .item-r .ttl::after {top: 80%;left: -157px;}
}
    
@media only screen and (max-width: 1199px) { /* .col-lg- */
/********************* HEADER *********************/
header .sidenav .menu_right .sidenav_cnt { right: 60px;}
/********************* HEADER *********************/

/********************* HOMEPAGE *********************/
.home .parallax {height: 1100px;}
.home .parallax .par .list ul {padding-top: 100px;display: flex;flex-direction: row;flex-wrap: wrap;}
.home .parallax .par .list ul li {float: none;width: 50%;border-right: 0;}    
.home .parallax .parallaxer-1 .list ul { padding-top: 200px; }
.home .parallax .parallaxer-1 .list ul li { color: #fff; text-align: center; float: left; width: 25%; border-right: 1px solid #fff; margin-top: 20px; }
.home .parallax .parallaxer-1 .list ul li:last-child { border-right: 0; }
.home .parallax .parallaxer-1 .list img { position: relative; left: 50%; margin-left: -64px; padding-bottom: 60px; }
.home .parallax .parallaxer-1 .list .counter { font-size: 40px; }
.home .parallax .parallaxer-1 .list .txt p { font-size: 22px; }
.home .parallax .parallaxer-1 .list .txt { font-size: 20px; }
/********************* HOMEPAGE *********************/
    
    
    
.inside .about .top .ins {grid-template-columns: 1fr;grid-template-areas: none;justify-items: center;}    
.inside .about .top .ins .ins-l {grid-area: initial;}
.inside .about .top .ins .ins-l img {max-width: 600px;width: 100%;} 
.inside .about .top .ins .ins-r .ttl {font-size: 40px;}    
.inside .about .bot .ins {grid-template-columns: 1fr;justify-items: center;}  
.inside .about .bot .ins .ins-l img {max-width: 600px;width: 100%;} 
.inside .about .bot .ins .ins-r .ttl {font-size: 40px;}
    
    
  
.inside .contact .bot .ins-l {width: 50%;}
.inside .contact .bot .ins-r {width: 50%;}    
    
 
    
.inside .solemare .top .ins {grid-template-columns: 1fr;grid-template-areas: none;justify-items: center;}    
.inside .solemare .top .ins .ins-l {grid-area: initial;}
.inside .solemare .top .ins .ins-l img {max-width: 600px;width: 100%;} 
.inside .solemare .top .ins .ins-l .solemare-logo {max-width: 200px !important;width: 100%;} 
.inside .solemare .top .ins .ins-r .ttl {font-size: 40px;}     
   
    

.inside .fleet .items .rev .item-r .title:after {left: 70%;}    
.inside .fleet .items .notrev .item-r .title:after {left: -85%;}    
.inside .fleet .items .item .item-l .item-l-ins .slick-list {max-width: 615px !important;}  
}
    
    
    
    
    

@media only screen and (max-width: 991px) { /* .col-md- */
/********************* HEADER *********************/
header .header_on .logo { float: none; max-width: 400px; margin: auto auto; }
nav.shrink .navbar-header .header_on .logo { max-width: 300px; margin: auto auto; }
header .header_on .main-menu { float: none; text-align: center;}

header .sidenav .menu_left .menu_items ul li a { font-size: 20px; }
header .sidenav .menu_left .menu_items .menu_social { padding-left: 10px; }
header .sidenav .menu_left .menu_items .menu_social .soc_ttl { font-size: 20px; }

header .sidenav .menu_right .sidenav_cnt { right: 40px; }
header .sidenav .menu_right .share_form .frm_ttl { font-size: 30px; }
header .sidenav .menu_right .share_form .frm_txt { font-size: 20px; }
header .sidenav .menu_right .share_form .frm .und .captcha { float: none; }
header .sidenav .menu_right .share_form .frm .und .my_btn { float: none; margin-top: 10px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .foot_cats .foot_menu ul li { padding: 23px 10px 0 10px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_ttl h1 { font-size: 50px; }
.home .history_bg .h_ttl h1 { font-size: 40px; }
.home .polugon .left_polugon .left_polugon_ins .polu_ttl h2 { font-size: 36px; }
.home .polugon .left_polugon .left_polugon_ins .polu_ttl h2:after {max-width: 260px;}    
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl h1 { font-size: 50px; }
.home .polugon .right_polugon {background-position: center !important;}
    
    
.home .history_bg .checkout-steps ul li.active .bot { top: -70px; }
.home .history_bg .checkout-steps ul li { width: 11%; }
.home .history_bg .checkout-steps ul li:nth-child(10),
.home .history_bg .checkout-steps ul li:nth-child(11),
.home .history_bg .checkout-steps ul li:nth-child(12),
.home .history_bg .checkout-steps ul li:nth-child(13) { display: none; }


.home .parallax .parallaxer-1 .list { position: absolute; right: 0; left: 0; text-align: center; z-index: 9; }
.home .parallax .parallaxer-1 .list ul { padding-top: 40px; }
.home .parallax .parallaxer-1 .list ul li { width: 50%; }
.home .parallax .parallaxer-1 .list ul li:nth-child(2) { width: 50%; border-right: none; }
.home .parallax .parallaxer-1 .list img {padding-bottom: 30px; }
.home .parallax .parallaxer-1 .list .counter { font-size: 36px; }
.home .parallax .parallaxer-1 .list .txt p { font-size: 22px; }
.home .parallax .parallaxer-1 .list .txt { margin-top: 40px; font-size: 20px; }
/********************* HOMEPAGE *********************/
    
    
    
.inside .fleet .top .ins-l {width: 100%;padding: 65px 20px;}
.inside .fleet .top .ins-r {width: 100%;height: 390px;background: #FFFFFF;}    
.inside .fleet .top .ins-r img {top: 0%;transform: translateX(-50%);}   
.inside .fleet .top .ins-r .pie-white {display: none;}
.inside .fleet .top .ins-r .pie-black {display: initial;}    
.inside .fleet .items .item .item-r .det .det-itm {grid-gap: 15px;}
.inside .fleet .items .rev .item-r .title:after {display: none;}    
.inside .fleet .items .notrev .item-r .title:after {display: none;}  
.inside .fleet .items .item .item-l .item-l-ins .slick-list {max-width: 515px !important;}
    
    
    
.inside .history .bot .items .slick-slide {max-width: 600px !important;height: 300px !important;}
.inside .history .bot .items .slick-center {max-width: 800px !important;height: 400px !important;}  
.inside .history .bot .items .item .ttl {top: 65%;max-width: 500px;}    
.inside .history .bot .checkout-steps ul li.slick-current .bot { top: -70px; }
.inside .history .bot .checkout-steps ul li { width: 11%; }
.inside .history .bot .checkout-steps ul li:nth-child(10),
.inside .history .bot .checkout-steps ul li:nth-child(11),
.inside .history .bot .checkout-steps ul li:nth-child(12),
.inside .history .bot .checkout-steps ul li:nth-child(13) { display: none; }    
    
}
    
    
    
    
    
    
    
    
    
    
    
    
    

@media only screen and (max-width: 767px) { /* .col-xs- */
.main-content-ins { padding: 0 0px; }
/********************* HEADER *********************/
header .sidenav .menu_left .menu_items ul li a { font-size: 18px; }
header .sidenav .menu_left .menu_items .menu_social { padding-left: 10px; }
header .sidenav .menu_left .menu_items .menu_social .soc_ttl { font-size: 18px; }

header .sidenav .menu_right .sidenav_cnt { top: 20px; right: 20px; }
header .sidenav .menu_right .share_form .frm_ttl { font-size: 24px; }
header .sidenav .menu_right .share_form .frm_txt { font-size: 18px; }
header .sidenav .menu_right .share_form .frm .inpt_lft { float: left; width: 50%; padding-right: 30px; }
header .sidenav .menu_right .share_form .frm .inpt_rgt { float: right; width: 50%; padding-left: 30px; }
header .sidenav .menu_right .share_form .frm .und .captcha { float: none; }
header .sidenav .menu_right .share_form .frm .und .my_btn { float: none; margin-top: 10px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
.copy { font-size: 16px; }
footer .foot_menu { display: none; }
footer .drop { display: block; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .history_bg .checkout-steps ul li { font-size: 16px; }
/********************* HOMEPAGE *********************/
    
    
    

.inside .about .mid .det {padding: 100px 20px;}    
.inside .about .mid .det .ttl {font-size: 40px;}
.inside .about .mid .det .subttl {font-size: 24px;text-align: center;}
    
    
.inside .contact .bot .ins-l {width: 100%;}
.inside .contact .bot .ins-r {width: 100%;height: 500px;}      
    
    
    

    
.inside .fleet .items .rev {grid-template-columns: 1fr;grid-template-areas: none;} 
.inside .fleet .items .rev .item-l {grid-area: initial;height: 500px;}
.inside .fleet .items .item .item-r .det {width: 90%;}    
.inside .fleet .items .rev .item-r .ttl::after {width: 300px;}
.inside .fleet .items .notrev {grid-template-columns: 1fr;}
.inside .fleet .items .notrev .item-l {height: 500px;} 
.inside .fleet .items .notrev .item-r .ttl::after {width: 300px;left: 20px;}    
.inside .fleet .items .item .item-l .item-l-ins .slick-list {max-width: 767px !important;}
.inside .fleet .items .item .item-l .slider-btns .rev-new-l {display: none !important;}
.inside .fleet .items .item .item-l .slider-btns .rev-new-r {display: none !important;}
.inside .fleet .items .item .item-l .slider-btns .notrev-new-l {display: none !important;}
.inside .fleet .items .item .item-l .slider-btns .notrev-new-r {display: none !important;}
    
.inside .history .bot .slider-btns {top: 75%;grid-gap: 200px;}    
.inside .history .bot .checkout-steps ul li { font-size: 16px; } 
}

@media only screen and (max-width: 600px) {
/********************* HEADER *********************/
header .sidenav .menu_left .menu_items ul li a { font-size: 18px; }
header .sidenav .menu_left .menu_items .menu_social { padding-left: 10px; }
header .sidenav .menu_left .menu_items .menu_social .soc_ttl { font-size: 18px; }

header .sidenav .menu_right .sidenav_cnt { top: 20px; right: 20px; }
header .sidenav .menu_right .share_form .frm { padding-top: 20px; }
header .sidenav .menu_right .share_form .frm_ttl { font-size: 24px; margin-top: 35px; }
header .sidenav .menu_right .share_form .frm_txt { font-size: 18px; }
header .sidenav .menu_right .share_form .frm .inpt_lft { float: none; width: 100%; padding-right: 0; }
header .sidenav .menu_right .share_form .frm .inpt_rgt { float: none; width: 100%; padding-left: 0; }
header .sidenav .menu_right .share_form .frm .und .captcha { float: none; }
header .sidenav .menu_right .share_form .frm .und .my_btn { float: none; margin-top: 10px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .drop { bottom: 79px; }
.copy { text-align: center; }
.copy > span { padding-right: 0; margin-top: 10px;}
.copy > span img { max-width: 28px; margin: auto auto; }
.copy .social { display: block; float: none; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .undr_slider {margin-top: 30px;}
.home .undr_slider .hp_lft .hp_lft_ins {padding-right: 20px;padding-left: 20px;}    
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_ttl h1 {font-size: 28px;text-align: center;}
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_ttl h1:after {max-width: 200px;margin: auto;margin-top: 15px;}     
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_ttl2 {display: none;}  
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_txt {font-size: 14px;}
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_txt p:last-child {display: none;}
.home .undr_slider .hp_rgt {height: 140px;margin-top: 30px;}    
.home .undr_slider .hp_rgt img {display: none;} 
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_btn {text-align: center;padding-bottom: 0px;margin-top: 30px;}    
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_btn a {padding: 6px 12px;} 

    
.home .history_bg {margin-top: 0px;}    
    
    
    
.home .polugon .left_polugon {min-height: 330px;}
.home .polugon .left_polugon .left_polugon_ins .polu_ttl h2 {font-size: 22px;text-align: center;}    
.home .polugon .left_polugon .left_polugon_ins .polu_ttl h2:after {max-width: 200px;margin: auto;margin-top: 15px;}  
.home .polugon .left_polugon .left_polugon_ins .polu_txt {font-size: 18px;margin-top: 30px;}      
.home .polugon .left_polugon .left_polugon_ins .hstr_btn {text-align: center;padding-bottom: 0px;margin-top: 30px;}  
.home .polugon .left_polugon .left_polugon_ins .hstr_btn a {padding: 6px 12px;}    
.home .polugon .right_polugon {min-height: 180px;}
    
    
.home .parallax {height: 280px;}
.home .parallax .par .list ul {padding-top: 50px;display: block;}
.home .parallax .par .list ul li {margin-bottom: 20px;width: 100%;} 
.home .parallax .par .list .counter {font-size: 22px;}     
.home .parallax .par .list img {padding-bottom: 20px;margin-left: 0;max-width: 50px;transform: translateX(-50%);}    
.home .parallax .par .list .txt {margin-top: 10px;}
.home .parallax .par .list .txt p {font-size: 22px;} 
.home .parallax .par .desk-par {display: none !important;}
.home .parallax .par .mob-par {display: block;padding-top: 70px;}
.home .parallax .par .mob-par div {color: #FFFFFF;text-align: center;}   
.home .parallax .par .mob-par .slick-slide {margin: 0 100px;}
    
    
    
    
.home .history_bg {min-height: 760px;}
.home .history_bg .h_ttl h1 {font-size: 22px;} 
.home .history_bg .h_txt {font-size: 18px;}
.home .history_bg .checkout-steps ul li { font-size: 14px; }
.home .history_bg .hst_btn a {padding: 5px 12px;} 
    
   
.home .parallax .parallaxer-1 .list ul li { float: none; width: 100%; border: 0; }
.home .parallax .parallaxer-1 .list ul li:nth-child(2) { float: none; width: 100%; }
    
    
.home .polugon .left_polugon { padding-left: 0; }
.home .history_bg .checkout-steps .bot { top: -56px; }
.home .history_bg .checkout-steps ul li { width: 14.2%; }
.home .history_bg .checkout-steps ul li:nth-child(8),
.home .history_bg .checkout-steps ul li:nth-child(9),
.home .history_bg .checkout-steps ul li:nth-child(10),
.home .history_bg .checkout-steps ul li:nth-child(11),
.home .history_bg .checkout-steps ul li:nth-child(12),
.home .history_bg .checkout-steps ul li:nth-child(13) { display: none; }

    
    
.home .undr_parallax {margin-top: 0px;}   
.home .undr_parallax .par_rgt .par_rgt_ins {padding-left: 20px;padding-right: 20px;padding-bottom: 25px;}    
.home .undr_parallax .par_lft img {max-width: 580px;}    
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl h1 {font-size: 28px;text-align: center;}
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl h1:after {max-width: 200px;margin: auto;margin-top: 15px;}    
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_txt {font-size: 14px;}
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_txt p:last-child {display: none;}
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_btn {text-align: center;padding-bottom: 0px;margin-top: 30px;}    
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_btn a {padding: 6px 12px;}     
.home .undr_parallax .par_lft {height: 140px;margin-top: 0px;margin-bottom: 30px;}    
.home .undr_parallax .par_lft img {display: none;} 
/********************* HOMEPAGE *********************/
    
    
    
.inside .about .ttl .ttl-heading {padding-top: 50px;padding-bottom: 50px;}
.inside .about .ttl .ttl-heading .ttl-label {font-size: 22px;} 
.inside .about .ttl .ttl-heading .ttl-label:after {width: 50px;bottom: 0px;}    
.inside .about .top .ins { padding: 30px 0px 0px 0px;}
.inside .about .top .ins .ins-l {display: none;} 
.inside .about .top .ins .ins-mob {display: block;height: 150px;width: 100%;}    
.inside .about .top .ins .ins-r {padding: 0 20px;}    
.inside .about .top .ins .ins-r .ttl {/* font-size: 22px;margin-bottom: 50px; */ display: none;} 
.inside .about .top .ins .ins-r .ttl:after {width: 120px;}    
.inside .about .top .ins .ins-r .det {font-size: 14px;}   
.inside .about .mid .det {padding: 50px 20px;}
.inside .about .mid .det .ttl {font-size: 22px;margin-bottom: 50px;}  
.inside .about .mid .det .subttl {font-size: 16px;}
.inside .about .bot .ins { padding: 30px 0px 0px 0px;}
.inside .about .bot .ins .ins-l {display: none;} 
.inside .about .bot .ins .ins-mob {display: block;height: 150px;width: 100%;}    
.inside .about .bot .ins .ins-r {padding:  0 20px 25px 20px;}    
.inside .about .bot .ins .ins-r .ttl {font-size: 22px;margin-bottom: 30px;text-align: center;} 
.inside .about .bot .ins .ins-r .ttl:after {width: 120px;left: 50%;transform: translateX(-50%);}    
.inside .about .bot .ins .ins-r .det {font-size: 14px;}     
.inside .about .img {height: 150px !important;}
    
    
.inside .history .ttl .ttl-heading {padding-top: 50px;padding-bottom: 50px;}
.inside .history .ttl .ttl-heading .ttl-label {font-size: 22px;} 
.inside .history .ttl .ttl-heading .ttl-label:after {width: 50px;bottom: 0px;} 
.inside .history .top .det { padding: 30px 20px 30px 20px;font-size: 14px;}
.inside .history .bot .items {padding: 0;}
.inside .history .bot .slider-btns {top: 50%;width: 100%;grid-gap: 0;justify-content: space-between;}
.inside .history .bot .slider-btns img {width: 70%;} 
.inside .history .bot .checkout-steps {display: none;}
    
.inside .contact .ttl .ttl-heading {padding-top: 50px;padding-bottom: 50px;}
.inside .contact .ttl .ttl-heading .ttl-label {font-size: 22px;} 
.inside .contact .ttl .ttl-heading .ttl-label:after {width: 50px;bottom: 0px;} 
.inside .contact .cnt .ins {padding: 30px 20px 30px 20px;}    
.inside .contact .cnt .ins .title {font-size: 22px;padding-bottom: 30px;}    
.inside .contact .cnt .ins form .contact-details .grid {grid-template-columns: 1fr;grid-gap: 0px;}    
.inside .contact .bot .ins-l .item .title {font-size: 22px;}
.inside .contact .bot .ins-l .item .item-det a {font-size: 14px;}    
.inside .contact .bot .ins-l .item .btn {font-size: 14px;}  
.inside .contact .cnt .ins form .contact-details .form-group input {font-size: 14px !important;}
.inside .contact .cnt .ins form .contact-details .form-group textarea {font-size: 14px !important;}
.inside .contact .cnt .ins form .contact-details .form-group input::placeholder {font-size: 14px !important;}
.inside .contact .cnt .ins form .contact-details .form-group input::-ms-input-placeholder {font-size: 14px !important;}
.inside .contact .cnt .ins form .contact-details .form-group textarea::placeholder {font-size: 14px !important;}
.inside .contact .cnt .ins form .contact-details .form-group textarea::-ms-input-placeholder {font-size: 14px !important;}
.inside .contact .cnt .ins form .contact-submit button {width: 100%;}
    
    

.inside .fleet .ttl1 {display: none;} 
.inside .fleet .ttl2 {width: 100%;margin-left: 0;clip-path: none;} 
.inside .fleet .ttl2 .ttl-heading {padding-top: 50px;padding-bottom: 50px;}
.inside .fleet .ttl2 .ttl-heading .ttl-label {font-size: 22px;}
.inside .fleet .ttl2 .ttl-heading .ttl-label:after {width: 50px;bottom: 0px;}      
.inside .fleet .ttl2 .ttl-label1 {font-size: 18px;padding-top: 30px;}
.inside .fleet .top .ins-l {padding: 30px 20px;}   
.inside .fleet .top .ins-l .title {font-size: 18px;}    
.inside .fleet .top .ins-l .title:after {width: 150px;}   
.inside .fleet .top .ins-l .ttl::after {width: 210px;left: 0px;}    
.inside .fleet .top .ins-l .det {padding-top: 30px;font-size: 14px;}    
.inside .fleet .top .ins-l .perc ul {font-size: 14px;padding-top: 30px;}  
.inside .fleet .top .ins-r {height: 280px;} 
    
.inside .fleet .top .ins-r .pie-black {max-width: 280px;}    
.inside .fleet .items .item .item-l {height: 200px;}
.inside .fleet .items .item .item-r .det {width: 80%;}     
.inside .fleet .items .item .item-r .title {padding: 0 20px 40px 20px;font-size: 22px;} 
.inside .fleet .items .item .item-r .det .det-itm .det-l {font-size: 18px;}
.inside .fleet .items .item .item-r .det .det-itm .det-r {font-size: 18px;}
.inside .fleet .items .item .item-l .item-l-ins .slick-list {max-width: 600px !important;}
    
    
.inside .solemare .ttl .ttl-heading {padding-top: 50px;padding-bottom: 50px;}
.inside .solemare .ttl .ttl-heading .ttl-label {font-size: 22px;} 
.inside .solemare .ttl .ttl-heading .ttl-label:after {width: 50px;bottom: 0px;} 
.inside .solemare .ttl .ttl-heading .ttl-label:after {width: 50px;bottom: 0px;}
.inside .solemare .top .ins { padding: 30px 0px 0px 0px;}
.inside .solemare .top .ins .ins-l {display: none;} 
.inside .solemare .top .ins .ins-mob {display: block;height: 430px;width: 100%;position: relative;}    
.inside .solemare .top .ins .ins-r {padding: 0 20px;}    
.inside .solemare .top .ins .ins-r .ttl {/* font-size: 22px;margin-bottom: 50px; */ display: none;} 
.inside .solemare .top .ins .ins-r .ttl:after {width: 120px;}    
.inside .solemare .top .ins .ins-r .det {font-size: 14px;}  
.inside .solemare .top .ins .ins-r .logos-bot {left: 20px;}
.inside .solemare .bot {margin-top: 40px;height: 370px !important;}    
.inside .solemare .bot .ttl {text-shadow: rgb(0, 0, 0) 1px 1px 1px, black 1px 1px 1px;font-size: 22px;}
.inside .solemare .bot .subttl {text-shadow: rgb(0, 0, 0) 1px 1px 1px, black 1px 1px 1px;font-size: 18px;padding: 20px 20px 0 20px;} 
.inside .solemare .top .ins .ins-mob .solemare-logo-mob {position: absolute;left: 20px;top: 20px;max-width: 200px !important;width: 100%;}
    
    
.inside .simple .ttl .ttl-heading {padding-top: 50px;padding-bottom: 50px;}
.inside .simple .ttl .ttl-heading .ttl-label {font-size: 22px;} 
.inside .simple .ttl .ttl-heading .ttl-label:after {width: 50px;bottom: 0px;} 
.inside .simple .top .ins { padding: 50px 20px 50px 20px;} 
.inside .simple .top .ins .title {font-size: 22px;}
.inside .simple .top .ins .det {font-size: 14px;}
    
  
    
    

.inside .about .ttl {background-position: center !important;background-size: cover !important;}
.inside .contact .ttl {background-position: center !important;background-size: cover !important;}
.inside .solemare .ttl {background-position: center !important;background-size: cover !important;}
.inside .history .ttl {background-position: center !important;background-size: cover !important;}
.inside .simple .ttl {background-position: center !important;background-size: cover !important;}
/********************* SIMPLE *********************/    
    
    
    
    
    
    
    
    
    
    
    
    
    
}





@media only screen and (max-width: 480px) {
/********************* HOMEPAGE *********************/
.home .history_bg .checkout-steps .bot { top: -40px; }
.home .history_bg .checkout-steps ul li { font-size: 12px; }
.home .history_bg .hst_btn a { font-size: 16px; }
.home .undr_slider .hp_lft .hp_lft_ins .hp_lft_btn a { font-size: 16px; }
.home .history_bg .h_ttl h1 { font-size: 30px; }
.home .polugon .left_polugon .left_polugon_ins .polu_ttl h2 { font-size: 26px; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl h1 { font-size: 40px; }
.home .undr_parallax .par_rgt .par_rgt_ins .par_rgt_ttl2 { font-size: 26px; }
.home .polugon .right_polugon { background-position: left; }
/********************* HOMEPAGE *********************/
    
    
    
    
    
.inside .contact .bot .ins-l .item {padding-left: 20px;padding-right: 20px;}    
.inside .contact .bot .ins-l .follow {padding-left: 20px;padding-right: 20px;}
    
    
    
.inside .history .bot .items .slick-slide {max-width: 200px !important;height: 100px !important;}
.inside .history .bot .items .slick-center {max-width: 400px !important;height: 200px !important;}  
.inside .history .bot .items .item .ttl {top: 65%;max-width: 320px;font-size: 24px;}    

.inside .fleet .items .item .item-l .item-l-ins .slick-list {max-width: 480px !important;}  
    
}

@media only screen and (max-width: 446px) {
/********************* FOOTER *********************/
footer .drop { bottom: 101px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
.home .history_bg .checkout-steps ul li.active .bot { margin-top: 40px; }
.home .history_bg { min-height: 600px; }
/********************* HOMEPAGE *********************/
    
.inside .fleet .items .item .item-l .item-l-ins .slick-list {max-width: 446px;}    
    
}

@media only screen and (max-width: 360px) {
/********************* HEADER *********************/
header .sidenav .menu_right .share_form { margin: 0; }
header .sidenav .menu_left .menu_items ul li { padding-left: 5px; padding-top: 15px; }
header .sidenav .menu_right .share_form .frm_ttl { font-size: 20px; }
header .sidenav .menu_right .share_form .frm_txt { font-size: 16px; }
/********************* HEADER *********************/

/********************* HOMEPAGE *********************/
.home .history_bg .checkout-steps ul li { font-size: 11px; }
/********************* HOMEPAGE *********************/
.inside .fleet .items .item .item-l .item-l-ins .slick-list {max-width: 360px !important;}    
    
}