/*
 Theme Name:   Twenty Twenty One Child
 Theme URI:    http://ninenetics.com/dixonequipment
 Description:  Twenty Twenty One Child Theme
 Author:       Gazz Sharma
 Author URI:   http://ninenetics.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentyonechild 

 */

 @charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;500;700&display=swap');
*{ box-sizing:border-box}
img { max-width: 100%; height: auto; }
*{ padding: 0; margin: 0; }
*, *::before, *::after{box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { font-family: 'SofiaPro-Regular'; margin: 0px; padding: 0px; overflow-x: hidden; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { }
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.pull-left{float:left!important}
.pull-right{float:right!important}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.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-auto,.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-lg-auto,.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-md-auto,.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-sm-auto,.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,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-first{-ms-flex-order:-1;order:-1}
.order-last{-ms-flex-order:13;order:13}
.order-0{-ms-flex-order:0;order:0}
.order-1{-ms-flex-order:1;order:1}
.order-2{-ms-flex-order:2;order:2}
.order-3{-ms-flex-order:3;order:3}
.order-4{-ms-flex-order:4;order:4}
.order-5{-ms-flex-order:5;order:5}
.order-6{-ms-flex-order:6;order:6}
.order-7{-ms-flex-order:7;order:7}
.order-8{-ms-flex-order:8;order:8}
.order-9{-ms-flex-order:9;order:9}
.order-10{-ms-flex-order:10;order:10}
.order-11{-ms-flex-order:11;order:11}
.order-12{-ms-flex-order:12;order:12}
.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}
.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
.form-group{width:100%;margin-bottom:20px}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent; width:100%}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
/*@font-face{font-family:'ProximaNova-Regular';src:url('../fonts/ProximaNova-Regular.otf');}*/



/*font-family: 'Roboto Condensed', sans-serif;*/

body{ font-family: 'Roboto', sans-serif; background: #fff; line-height: 1.4; z-index: 1; position: relative;}
body::before{ content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; background: url(img/layer9a.png) repeat-y top / 100% auto; }
.container{ max-width: 1580px; width: 95%; }
h1, h2, h3, h4, h5, h6{ line-height: 1.1; }
.btn{ height: 70px; width: 225px; font-size: 21px; font-weight: 500; text-align: center; line-height: 50px; padding: 9px; display: inline-block; border: 1px solid; }
.btn::after{ content: ""; display: inline-block; /*vertical-align: middle;*/ width: 21px; height: 17px; margin-left: 10px; background: url(img/right-arrow.png) no-repeat center / contain; }
.btn.black{ color: #333e48; border-color: #333e48; }
.btn.red{ color: #fff; border-color: #c41611; background: #c41611; }
.btn.red::after{ filter: brightness(0) invert(1); }
.btn.white{ color: #fff; border-color: #fff;  }
.btn.white::after{ filter: brightness(0) invert(1); }

header{ padding: 10px 0; position: fixed;  width: 100%; left: 0; top: 0; z-index: 2; background: rgba(254, 247, 230, 0); transition: all 0.5s ease-in-out; }
header ul.menu{ display: flex; list-style: none; align-items: center; }
header ul.menu li{ margin: 0 50px 0 0; }
header ul.menu li:last-child{  margin-left: auto; margin-right: 0px; }
header ul.menu li:last-child a{ color: #c41611; font-weight: 700; }
header ul.menu li a{ font-size: 18px; color: #1D1D1D; }
header .logo{ height: 100px; }
header.darkHeader{ background: rgb(239, 240, 247); }
.h_sec1{ padding-top: 185px; padding-bottom: 155px; background: rgba(1, 6, 122, 0.05); position: relative; z-index: 1;}
.h_sec1 .bg{ content: ""; right: 0; top: 0; height: 100%; width: 600px; /*background: url(img/Rectangle17.png) no-repeat center / cover;*/ background: rgba(1, 6, 122, 0.08); position: absolute; z-index: -1; }
.h_sec1 .bg img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; object-position: center; opacity: 0.1; filter: brightness(100%) invert(0); }
.h_sec1 .col-5{
  -ms-flex: 0 0 43%;
  flex: 0 0 45%;
  max-width: 45%;
}
.h_sec1 .col-7{
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
  padding-left: 0px;
}
.h_sec1 h1{ color: #333e48; font-size: 81px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 0 0 33px 0; position: relative; z-index: 1;}
.h_sec1 h1::before{ content: ""; position: absolute; width: 180px; left: -70px; top: -25px; bottom: -30px; background: rgba(1, 6, 122, 0.08);z-index: -1; }
.h_sec1 p{ color: #353535; font-size: 25px; margin-bottom: 45px;}
.h_sec1 .big_image{ position: relative; }
.h_sec1 .big_image::before{ content:""; padding: 70% 0 0 0; width: 100%; display: block; }
.h_sec1 .big_image img{ position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; }
.h_sec1 .btn{ margin-right: 30px; }
.h_sec1 .media-links{ font-size: 18px; display: flex; position: relative; bottom: -90px; }
.h_sec1 .media-links li{ margin-right: 40px; margin-left: 15px; }
.h_sec1 .media-links li a{ color: #131c22; }
.h_sec1 .media-links li a:hover{ color: #c41611; }
.h_sec1 .slick-dots{ display: flex !important; justify-content: center; list-style: none; margin-top: 20px; }
.h_sec1 .slick-dots li{ margin: 0 5px; }
.h_sec1 .slick-dots li.slick-active button{ width: 32px; opacity: 0.8;}
.h_sec1 .slick-dots li button{ cursor: pointer; background: #333; outline: none; border: none; border-radius: 20px; width: 8px; height: 8px; opacity: 0.4; font-size: 0px; transition: all 0.5s ease-in-out; }
.h_sec1 .slick-arrow{ width:47px; height: 58px; background: #333E48; cursor: pointer; z-index:5; position: absolute; bottom: -25px; border: 0px; font-size: 0px; }
.h_sec1 .slick-arrow.slick-prev{ left: 46%; margin-left: -47px; }
.h_sec1 .slick-arrow.slick-prev::before{ position: absolute; left: 0; top: 0; width:100%; height: 100%; transform: scaleX(-1); filter: brightness(0) invert(1); background: url(img/right-arrow.svg) no-repeat center; content: ""; }
.h_sec1 .slick-arrow.slick-next{ right: 54%; margin-right: -47px; }
.h_sec1 .slick-arrow.slick-next::before{ position: absolute; left: 0; top: 0; width:100%; height: 100%; transform: scaleX(1); filter: brightness(0) invert(1); background: url(img/right-arrow.svg) no-repeat center; content: ""; }
.h_sec2{ padding-top: 110px; padding-bottom: 110px; overflow: hidden; }
.h_sec2 .container{ max-width: 1170px; }
.h_sec2 .image{ position: relative; z-index: 1; }
.h_sec2 .image::before{ content: ""; position: absolute; right: -40px; bottom: -40px; width: 140px; height: 140px; background: rgb(1, 6, 122); z-index: -1;  }
.h_sec2 .image img{ width: 100%; }
.h_sec2 .image .badge{ position: absolute; bottom: 0px; right: 0; background: rgba(51, 62, 72, 0.95); width: 220px; height: 220px; clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.h_sec2 .image .badge img{ width: 70px; height: 70px; top: 70%; left: 70%; object-fit: contain; position: absolute; transform: translate(-50%, -50%); }
.h_sec2 h2{ color: #181818; font-size: 52px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 25px 0 33px 0; position: relative; z-index: 1;}
/*.h_sec2 h2::before{ content: ""; position: absolute; width: 180px; left: -70px; top: -25px; bottom: -30px; background: rgba(1, 6, 122, 0.05); z-index: -1; }*/
.h_sec2 p{ color: #343434; font-size: 18px; margin-bottom: 33px; }

.h_sec3{ padding-bottom: 110px; padding-top: 110px; }
.h_sec3 .container{ max-width: 1170px; }
.h_sec3 h2{ color: #181818; font-size: 52px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 25px 0 33px 0; position: relative; z-index: 1;}
.h_sec3 h2::before{ content: ""; position: absolute; width: 180px; left: -70px; top: -25px; bottom: -30px; background: rgba(1, 6, 122, 0.08); z-index: -1; }
.h_sec3 .col-4{ text-align: center; }
.h_sec3 .image{ margin: 70px auto 40px; border-radius: 100%; position: relative; width: 200px; height: 200px;  background: #333; position: relative; }
.h_sec3 .image img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.h_sec3 .image::before{ width: 100%; height: 100%; border: 3px solid #333; content: ""; left: 5%; top: 5%; z-index: -1; position: absolute; border-radius: 100%; animation: spin 5s infinite linear; transform-origin: 46% 46%; }
.h_sec3 h4{ color: #0f0f0f; font-size: 36px; margin: 0 0 30px 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; }
.h_sec3 p{ color: #333; font-size: 18px; }
.h_sec3 .col-4:hover .image{ background: #c41611;}
.h_sec3 .col-4:hover .image::before{ border: 3px solid #c41611; }
.h_sec4{ background: #f28d16; padding-top: 120px; padding-bottom: 120px; position: relative; z-index: 1; overflow: hidden; }
.h_sec4::before{ height: 100%; position: absolute; right: 0; top:0; content: ""; width: 100%; }
.h_sec4 .bg{ content: ""; right: 0; top: 0; height: 100%; width: 100%; position: absolute; z-index: -1; }
.h_sec4 .bg img{ position: absolute; width: 100%; height: 95%; left: 0; bottom: 0; object-fit: contain; object-position: bottom; opacity: 0.05; filter: brightness(100%) invert(0); animation: bgmoving 10s infinite linear; }
.h_sec4 .container{ max-width: 1170px; }
.h_sec4 h2{ color: #fff; font-size: 52px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 25px 0 33px 0; position: relative; z-index: 1;}
.h_sec4 h2::before{ content: ""; position: absolute; width: 180px; left: -70px; top: -25px; bottom: -30px; background: rgba(0, 0, 0, 0.1); z-index: -1; }
.h_sec4 p{ color: #fff; font-size: 18px; margin-bottom: 33px; }
.h_sec4 .image{ /*margin-bottom: 30px;*/ position: relative; }
.h_sec4 .image::before{ width: 100%; content: ""; padding: 130% 0 0 0; display: block; }
.h_sec4 .image img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.h_sec4 .item{ text-align: center; padding: 0 15px; position: relative; overflow: hidden; }
.h_sec4 h4{ background: rgba(1, 6, 122, 0.7); left: 15px; right: 15px; color: #fff; font-size: 30px; margin: 0; padding: 10px; line-height: 1.35; font-family: 'Roboto', sans-serif; font-weight: 500; position: absolute; bottom: 0px; transition: all 0.5s ease-in-out; }
.h_sec4 h4 a{ color: inherit; }
.h_sec4 .item:hover h4{ bottom: 0; }
.h_sec4 .btn{ margin: 30px auto 0; display: block; }
.h_sec4 .slick-arrow{ width:54px; height: 54px; background: #fff; cursor: pointer; z-index:5; position: absolute; top: 50%;  transform: translateY(-50%); border: 0px; font-size: 0px; }
.h_sec4 .slick-arrow.slick-prev{ left: calc(50% - 54px); }
.h_sec4 .slick-arrow.slick-prev::before{ position: absolute; left: 0; top: 0; width:100%; height: 100%; transform: scaleX(-1); background: url(img/right-arrow.svg) no-repeat center; content: ""; }
.h_sec4 .slick-arrow.slick-next{ right: calc(50% - 54px); }
.h_sec4 .slick-arrow.slick-next::before{ position: absolute; left: 0; top: 0; width:100%; height: 100%; transform: scaleX(1); background: url(img/right-arrow.svg) no-repeat center; content: ""; }
.h_sec4 .slick-arrow:hover{ background: #333; }
.h_sec4 .slick-arrow:hover::before{ filter: brightness(0) invert(1); }
.h_sec4 .slick-slider{ width: calc(100% + 30px); margin-left: -15px; }   
.h_sec4 .slick-dots{ display: flex !important; justify-content: center; list-style: none; margin-top: 20px; }
.h_sec4 .slick-dots li{ margin: 0 5px; }
.h_sec4 .slick-dots li.slick-active button{ width: 32px; opacity: 0.8;}
.h_sec4 .slick-dots li button{ cursor: pointer; background: #333; outline: none; border: none; border-radius: 20px; width: 8px; height: 8px; opacity: 0.4; font-size: 0px; transition: all 0.5s ease-in-out; }
.h_sec4 .slick-arrow{ width:47px; height: 58px; background: #333E48; cursor: pointer; z-index:5; position: absolute; bottom: -25px; border: 0px; font-size: 0px; }

.h_sec5{ padding-top: 120px; padding-bottom: 120px; position: relative; z-index: 1; }
.h_sec5 .container{ max-width: 1170px; }
.h_sec5 .image{ position: relative; }
.h_sec5 .image img{ width: 100%; }
.h_sec5 .image .badge{ position: absolute; bottom: 0px; left: 0; background: rgba(51, 62, 72, 0.95); width: 220px; height: 220px; clip-path: polygon(0 0, 0% 100%, 100% 100%);}
.h_sec5 .image .badge img{ width: 70px;height: 70px;top: 70%;right: 70%;object-fit: contain;position: absolute;transform: translate(50%, -50%);}
.h_sec5 p{ color: #313131; font-size: 18px; margin-bottom: 33px; }
.h_sec5 h2{ color: #fff; font-size: 52px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 25px 0 33px 0; padding: 5px 30px 5px 0; position: relative; z-index: 1; display: inline-block; background: #333E48;}
.h_sec5 h2::before{ background: #333E48 url(img/tall-crain-icon.svg) no-repeat center right 15px / auto 70%; position: absolute; width: 100px; height: 100%; right: 100%; top: 0; content: "";}

.h_sec6{ padding-top: 100px; padding-bottom: 200px; text-align: center; position: relative; z-index: 1; }
.h_sec6 .container{ max-width: 1170px; }
.h_sec6 .top-img{ margin-bottom: 40px; }
.h_sec6 h2{ color: #181818; font-size: 52px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 25px 0 33px 0; position: relative; z-index: 1; text-align: left;}
.h_sec6 h2::before{ content: ""; position: absolute; width: 180px; left: -70px; top: -25px; bottom: -30px; background: rgba(1, 6, 122, 0.08); z-index: -1; }
.h_sec6 .item{ text-align: left; display: flex; padding: 30px 0 40px; flex-wrap: wrap;
align-items: center; }
.h_sec6 .item .image-user{ width: 32%; position: relative; z-index: 1; }
.h_sec6 .item .image-user::before{ content: ""; position: absolute; right: -40px; bottom: -40px; width: 140px; height: 140px; background: rgb(1, 6, 122); z-index: -1;  }
.h_sec6 .item .image-user img{ width: 100%; }
.h_sec6 .item .details{ width: 68%; padding-left: 70px; }
.h_sec6 .item h3{color: #282828; font-size: 45px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin-bottom: 20px;}
.h_sec6 .item p{ color: #333; font-size: 21px; margin-bottom: 20px;}
.h_sec6 .item h5{color: #333; font-size: 32px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
.h_sec6 .item .stars{ display: flex; justify-content: center; margin-bottom: 40px; }
.h_sec6 .item .stars img{ margin: 0 3px; }
.h_sec6 .slick-arrow{ width:50px; height: 50px; box-sizing: border-box; background: #fff; border: 1px solid #333; cursor: pointer; z-index:5; position: absolute; top: 50%; margin-top: -25px; border-radius: 100%; font-size: 0px; }
.h_sec6 .slick-arrow:hover{ background: #ee902f; border: 1px solid #ee902f; }
.h_sec6 .slick-arrow:hover::before{ filter: brightness(0) invert(1); }
.h_sec6 .slick-arrow.slick-prev{ left: 0px; }
.h_sec6 .slick-arrow.slick-prev::before{ position: absolute; transform: scaleX(-1); left: 0; top: 0; width: 100%; height: 100%; background: url(img/right-arrow.svg) no-repeat center; content: ""; }
.h_sec6 .slick-arrow.slick-next{ right: 0px; }
.h_sec6 .slick-arrow.slick-next::before{ position: absolute; transform: scaleX(1); left: 0; top: 0; width: 100%; height: 100%; background: url(img/right-arrow.svg) no-repeat center; content: ""; }
.h_sec6 .slick-dots{ display: flex !important; justify-content: center; list-style: none; margin-top: 20px; }
.h_sec6 .slick-dots li{ margin: 0 5px; }
.h_sec6 .slick-dots li.slick-active button{ width: 32px; opacity: 0.8;}
.h_sec6 .slick-dots li button{ cursor: pointer; background: #333; outline: none; border: none; border-radius: 20px; width: 8px; height: 8px; opacity: 0.4; font-size: 0px; transition: all 0.5s ease-in-out; }

.h_sec7{ padding: 120px 0 150px; text-align: center; position: relative; z-index: 1;background: rgba(1, 6, 122, 0.25);  }
.h_sec7 .container{ max-width: 1170px; }
.h_sec7 .top-img{ margin-bottom: 40px; }
.h_sec7 h2{ color: #181818; font-size: 52px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 25px 0 33px 0; position: relative; z-index: 1; text-align: left;}
.h_sec7 h2::before{ content: ""; position: absolute; width: 180px; left: -70px; top: -25px; bottom: -30px; background: rgba(1, 6, 122, 0.08); z-index: -1; }
.h_sec7 .item{ background: #fff; position: relative; text-align: left; margin-bottom: 60px;}
.h_sec7 .item::before{ content: "";width: 200px;height: 200px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);box-shadow: 0 7px 50px 0 rgb(0, 0, 0);z-index: -1;border-radius: 100%;opacity: 0.7; }
.h_sec7 .item .image{ position: relative; }
.h_sec7 .item .image::before{ display: block; content: ""; padding-top: 70%; width: 100%; }
.h_sec7 .item .image img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.h_sec7 .item .details{ padding: 20px; }
.h_sec7 .item h3{ margin: 0 0 10px 0; font-size: 20px;white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden; }
.h_sec7 .item h3 a{ color: inherit; }
.h_sec7 .item .details .more-link {color: #c41611; display: none;}
.h_sec7 .item .details .more-link .screen-reader-text{ display: none;}
footer{ background: #333; padding-bottom: 30px; position: relative; z-index: 1; }
footer .container{ max-width: 1170px; }
footer .copy{ font-size: 16px; color: #fff; text-align: center; margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.4); padding-top: 30px; }
footer .call-to-action { background: #01067a; color: #fff; padding: 50px; display: flex; align-items: center; justify-content: space-between; transform: translateY(-50%); }
footer .call-to-action h2{ font-size: 50px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #fff; margin-bottom: 10px; }
footer .call-to-action p{ color: #fff; font-size: 18px; }
footer .call-to-action p strong{ font-weight: 700; color: #fff;  opacity: 0.8; text-decoration: underline; }
footer .foot-logo{ margin-bottom: 15px; margin-top: -70px; }
footer .foot-logo img{ filter: grayscale(100%) invert(1); max-width: 300px; width: 100%; }
footer p{ color: #fff; font-size: 18px; }
footer h3{ color: #fff; font-size: 36px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin-bottom: 30px; position: relative; z-index: 1; }
footer h3::before{ background: rgba(255, 255, 255, 0.15); content: ""; position: absolute; left: -20px; top: -10px; bottom: -10px; width: 70px; z-index: -1; }
footer .col-3{ padding-bottom: 40px; }
footer .media-links{ font-size: 18px; display: flex; flex-wrap: wrap; position: relative; }
footer .media-links li{ margin-right: 40px; margin-left: 15px; width: 100%; margin-bottom: 15px;color: #fff; }
footer .media-links li a{ color: #fff; }
footer .media-links li a:hover{ color: #c41611; }
footer .menu{ font-size: 18px; display: flex; flex-wrap: wrap; position: relative; }
footer .menu li{ margin-right: 0px; margin-left: 15px; width: calc(50% - 15px); margin-bottom: 15px; color: #fff; }
footer .menu li a{ color: #fff; }
footer .menu li a:hover{ color: #c41611; }
.page-head{ background: rgba(1, 6, 122, 0.05); background: linear-gradient(180deg,  rgba(255, 255, 255, 1),  rgba(255, 255, 255, 0.65)), #ffffff url(img/rigger-and-signal-training.webp) center center/cover no-repeat scroll; padding-top: 220px; padding-bottom: 40px; }
.page-head h1{ color: #333E48; font-size: 75px; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 20px 0 10px; position: relative; z-index: 1; }
/*.page-head h1::before{ content: ""; position: absolute; width: 180px; left: -70px; top: -25px; bottom: -30px; background: #FCF3DE; z-index: -1; }*/
.breadcrumb{ display: flex; justify-content: center; color: #c41611; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; list-style: none; padding: 0; margin: 0;}
.breadcrumb a{ color: #0C0C0C; }
.breadcrumb li{ padding-right: 20px; position: relative; }
.breadcrumb li::after{ content: "/"; display: block; position: absolute; right: 5px; top: 0; }
.breadcrumb li:last-child{ padding-right: 0px; }
.breadcrumb li:last-child::after{ display: none; }

.h_sec7.blog-list{ background: rgba(1, 6, 122, 0.05); }
.btn.load::after{ display: none; }
.about-sec2{ background: rgba(1, 6, 122, 0.05); }

.services-list{ padding-top: 100px; padding-bottom: 100px; background: rgba(1, 6, 122, 0.05); }
.services-list .container{ max-width: 1170px; }
.services-list .item{ margin-bottom: 40px; }
.services-list .image{ /*margin-bottom: 30px;*/ position: relative; }
.services-list .image::before{ width: 100%; content: ""; padding: 130% 0 0 0; display: block; }
.services-list .image img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.services-list .item{ text-align: center; padding: 0; position: relative; overflow: hidden; }
.services-list h4{ background: rgba(1, 6, 122, 0.7); left: 15px; right: 15px; color: #fff; font-size: 30px; margin: 0; padding: 10px; line-height: 1.35; font-family: 'Roboto', sans-serif; font-weight: 500; position: absolute; bottom: 0px; transition: all 0.5s ease-in-out; }
.services-list .item:hover h4{ bottom: 0; }
.services-list .item .read-more{color: #c41611; font-size: 14px; font-weight: 400; text-decoration: underline;  margin-top: 7px; display: inline-block;}
.services-list .btn{ margin: 40px auto 0; display: block; }

.services-list .item h3{ margin: 20px 0 15px; color: #c41611; }
.services-list .item h3 a{ color: inherit; }
.hear-from-you{ padding: 70px 50px; text-align: center; background: linear-gradient(-45deg,  rgba(0, 0, 0, 0.65),  rgba(0, 0, 0, 0.25)), #ffffff url(img/Rectangle2.png) no-repeat center / cover; margin-top: 40px; margin-bottom: 80px; }
.hear-from-you h2{font-size: 55px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #fff; margin-bottom: 30px;}
.hear-from-you p{ color: #fff; font-size: 18px; max-width: 800px; margin: auto; margin-bottom: 30px;}
.hear-from-you p:last-child{ margin-bottom: 0px; }
.hear-from-you p a{ color: #fff; font-style: italic; text-decoration: underline; }

.sevice_sec1{ padding-top: 120px; padding-bottom: 120px; }
.sevice_sec1 .container{ max-width: 1170px; }
.sevice_sec1 .image{ margin-bottom: 50px; }
.sevice_sec1 .image img{ width: 100%; height: auto; }
.sevice_sec1 h2{font-size: 55px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #0F0F0F; margin-bottom: 30px;}
.sevice_sec1 h3{font-size: 36px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #0F0F0F; margin-top: 40px; margin-bottom: 30px;}
.sevice_sec1 p{ color: #333; font-size: 18px; margin-bottom: 30px;}
.sevice_sec1 ul{ color: #333; font-size: 18px; margin-bottom: 30px; margin-left: 15px;}
.sevice_sec1 ul li{ margin-bottom: 10px; }
.sevice_sec1 a{color: #333; text-decoration: underline;}
.sevice_sec1 a:hover{ color: #c41611; }
.sevice_sec1 .btn{ margin-top: 20px; text-decoration: none; }
.sevice_sec1 .btn:hover{ color: #fff; }
.sevice_sec2.h_sec4{ padding-top: 0; background: none; padding-bottom: 200px; } 
.sevice_sec2.h_sec4::before{ display: none; }
.sevice_sec2.h_sec4 h2{ color: #0F0F0F;  margin-bottom: 80px;}
.sevice_sec2.h_sec4 h2::before{ background: #FCF3DE; }
.sevice_sec2.h_sec4 h4{ color: #333E48; }

.menu-icon{
  width: 24px; position: relative; display: none; float: right;
  height: 24px;
}
.menu-icon span{ width: 100%; height: 2px; background: #333e48; position: absolute; left: 0px; top: 50%;}
.menu-icon span:nth-child(1){ margin-top: -8px; }
.menu-icon span:nth-child(3){ margin-top: 8px; }

.menu-icon.open span:nth-child(1){ margin-top: 0px; transform: rotate(45deg); }
.menu-icon.open span:nth-child(2){ opacity: 0; }
.menu-icon.open span:nth-child(3){ margin-top: 0px;  transform: rotate(-45deg); }

.form-sec{ background: rgba(1, 6, 122, 0.05); padding: 40px; margin-bottom: 40px;}
.form-sec .inn1{ height: 40px; width: 100%; background: #fff; padding: 0 15px; border: 1px solid rgba(0, 0, 0, 0.3); outline: none; }
.form-sec textarea.inn1{ height: 110px; padding: 10px 15px; }
.form-sec .btn{ margin: 0 auto !important; display: block; cursor:pointer; }

.service-blocks{ display: flex; flex-wrap: wrap; margin: 0 -10px 40px; }
.service-blocks h3{ width: 100%; font-size: 32px; margin: 0 5px 20px; color: #01067a; }
.service-blocks .block{width: calc(25% - 20px);margin: 10px;padding: 10px;background: #fff;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);}
.service-blocks .block .image{aspect-ratio: 5/4;  width: 100%; margin-bottom: 5px;}
.service-blocks .block .image img{ width: 100%; height: 100%; object-fit: cover; }
.service-blocks .block h4{ line-height: 1.2; color: #000; }
.service-blocks .block a{ color: inherit; text-decoration: none; }


.sevice_sec1 .media-links{ display: flex; position: relative; margin: 0 0 0 40px;}
.sevice_sec1 .media-links li{ margin: 0 40px 0 15px; }
.sevice_sec1 .media-links li a{ color: #131c22; text-decoration: none; }
.sevice_sec1 .media-links li a:hover{ color: #c41611; }
.sevice_sec1 .share-block{ display: flex; flex-wrap: wrap; align-items: center; font-size: 18px; margin: 30px 0 40px; }

.h_sec7.blog-list{ background: #f2f2f2; }

.popup{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 10; display: none; }
.popup .image{ position: absolute; max-width: 800px; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.popup .image img{ width: 100%; height: auto; }
.popup .close{ width: 40px;  height: 40px; position: absolute; right: 0; top: 0; background: rgba(0, 0, 0, 0.6);}
.popup .close::before{ position: absolute; width: 14px; height: 2px; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); content: ""; }
.popup .close::after{ position: absolute; width: 14px; height: 2px; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); content: ""; }
.loadmore_bar.btn{ margin-bottom: 40px;}
.loadmore_bar.btn::after{ display: none;}
.loadmore_bar.btn.loader::after{ display: inline-block; width: 30px; height: 30px; background: url(img/loader1a.svg) no-repeat center / contain; vertical-align: middle;
  margin-top: -3px; }
.h_sec3 + footer{ margin-top: 50px;}
.blog-coming-soon{padding: 100px 15px; margin-bottom: 100px;} 
.blog-coming-soon h3{font-size: 40px; margin: 0; color: #01067a; text-align: center; font-weight: 700;}
footer .mh_copy{font-size: 16px;color: #fff;text-align: center;margin-top: 15px;}
footer .mh_copy img{height: 20px;display: inline-block;vertical-align: middle;margin-left: 5px;}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

@keyframes bgmoving {
    from { left: -60%; }
    to { left: 130%;}
}

@media (max-width: 1500px){
  .container{ max-width: 1200px; }
  .h_sec2 .container, .h_sec3 .container, .h_sec4 .container, .h_sec5 .container, .h_sec6 .container, .sevice_sec1 .container, .services-list .container, footer .container, .h_sec7 .container{ max-width: 900px; }
  header ul.menu li a{ font-size: 14px; }
  header ul.menu li{ margin: 0 30px 0 0; }
  .btn{ height: 50px; width: 160px; line-height: 30px; font-size: 15px; }
  .btn::after{ width: 14px; vertical-align: middle; }
  .h_sec1 { padding-top: 140px; padding-bottom: 115px;}
  .h_sec1::before{ width: 450px; }
  .h_sec1 h1{ font-size: 60px; margin: 0 0 24px 0; }
  .h_sec1 h1::before { width: 140px; left: -50px; top: -15px; bottom: -15px;}
  .h_sec1 p{ font-size: 18px;  margin: 0 0 34px 0; }
  .h_sec1 .media-links{ font-size: 14px; bottom: -60px; }
  .h_sec1 .media-links li{ margin-right: 30px; }

  .h_sec2 { padding-top: 90px; padding-bottom: 90px;}
  .h_sec2 h2{ font-size: 40px; margin: 15px 0 24px 0; }
  .h_sec2 h2::before { width: 140px; left: -50px; top: -15px; bottom: -15px;}
  .h_sec2 p{ font-size: 14px; margin: 0 0 24px 0; }
  .h_sec2 .image .badge{ width: 160px; height: 160px; }
  .h_sec2 .image .badge img{ width: 50px; height: 50px; }

  .h_sec3{padding-bottom: 90px;}
  .h_sec3 h2{ font-size: 40px; margin: 15px 0 24px 0; }
  .h_sec3 h2::before { width: 140px; left: -50px; top: -15px; bottom: -15px;}
  .h_sec3 .image{ width: 160px; height: 160px; margin: 50px auto 30px; }
  /*.h_sec3 .image::before{ border-width: 13px; }*/
  .h_sec3 .image img{transform: translate(-50%, -50%) scale(0.7);}
  .h_sec3 h4{ font-size: 26px; margin: 0 0 20px 0; }
  .h_sec3 p{ font-size: 14px; }

  .h_sec4{padding-top: 90px; padding-bottom: 90px;}
  .h_sec4 h2{ font-size: 40px; margin: 15px 0 24px 0; }
  .h_sec4 h2::before { width: 140px; left: -50px; top: -15px; bottom: -15px;}
  .h_sec4 p { font-size: 14px; margin-bottom: 24px; }
  /*.h_sec4 .image{ margin-bottom: 24px; }*/
  .h_sec4 h4{ font-size: 26px; }
  /*.h_sec4 .btn{ margin: 65px auto 0; }*/

  .h_sec5{padding-top: 90px; padding-bottom: 90px;}
  .h_sec5 h2{ font-size: 40px; margin: 0 0 24px 0; }
  .h_sec5 h2::before{ width: 80px; }
  .h_sec5 p { font-size: 14px; margin-bottom: 24px; }

  .h_sec6{ padding-bottom: 130px; }
  .h_sec6 .top-img{ margin-bottom: 30px; width: 150px; }
  .h_sec6 .item h3{ font-size: 32px; margin-bottom: 30px; }
  .h_sec6 .item p{font-size: 15px;margin-bottom: 30px;}
  .h_sec6 .item .stars{ margin-bottom: 30px; }
  .h_sec6 .item .stars img{ width: 20px; }
  .h_sec6 .item h5{ font-size: 24px; }
  .h_sec6 .slick-arrow{ width: 35px; height: 35px; }
  .h_sec6 .slick-arrow::before{ background-size: 16px auto !important; }

  .h_sec7{ padding: 90px 0 120px; }
  .h_sec7 h2{ font-size: 40px; margin: 15px 0 24px 0; }
  .h_sec7 h2::before { width: 140px; left: -50px; top: -15px; bottom: -15px;}

  .h_sec6{ padding-top: 90px; }
  .h_sec6 h2{ font-size: 40px; margin: 15px 0 24px 0; }
  .h_sec6 h2::before { width: 140px; left: -50px; top: -15px; bottom: -15px;}

  footer p{ font-size: 14px; }
  footer .menu{ font-size: 14px; }
  footer .media-links{ font-size: 14px; }
  footer .media-links li{ margin-bottom: 10px; }
  footer h3{ font-size: 26px; margin-top: 44px; margin-bottom: 24px;}
  footer h3::before { left: -12px; top: -5px; bottom: -5px; width: 60px;}
  /*footer .foot-logo{ margin-bottom: 30px; }*/
  footer .copy{ font-size: 13px; }

  footer .call-to-action{ padding: 35px; }
  footer .call-to-action h2{ font-size: 40px; }
  footer .call-to-action p{ font-size: 14px; }

  .page-head {padding-top: 130px; padding-bottom: 30px;}
  .page-head h1{ font-size: 57px; margin: 15px 0 15px; }
  .page-head h1::before{width: 150px;left: -50px;top: -15px;bottom: -15px;}
  .breadcrumb{ font-size: 16px; }

  .services-list{ padding-top: 90px; padding-bottom: 170px;}
  .services-list .item .image{ margin-bottom: 30px; }
  .services-list .item h3{margin-bottom: 22px; font-size: 26px; }
  .services-list .item p{ font-size: 14px; margin-bottom: 22px; }
  .services-list .item{ margin-bottom: 30px; }
  .services-list .item .read-more{ font-size: 14px; }
  .services-list .item .read-more::after{ width: 16px; }
  .hear-from-you{ margin-top: 30px; margin-bottom: 60px;padding: 50px 35px; }
  .hear-from-you h2{ font-size: 42px; }
  .hear-from-you p{ font-size: 14px; }
  .services-list .btn{ margin: 30px auto 0; }

  .sevice_sec1{padding-top: 90px; padding-bottom: 90px;}
  .sevice_sec1 .image{ margin-bottom: 40px; }
  .sevice_sec1 h2{ margin-bottom: 22px; font-size: 42px; }
  .sevice_sec1 h3{ margin-bottom: 22px; font-size: 28px; }
  .sevice_sec1 p, .sevice_sec1 ul{ font-size: 14px; margin-bottom: 22px; }
  .sevice_sec1 .btn{ margin-top: 15px; }
  .sevice_sec2.h_sec4{ padding-bottom: 170px; }
  .sevice_sec1 .share-block{ font-size: 14px; }
  .sevice_sec1 .media-links{margin: 0 0 0 20px;}
  .sevice_sec1 .media-links li {margin: 0 20px 0 15px;}
	footer .mh_copy{font-size: 13px;}
	footer .mh_copy img{height: 16px;}
}

@media (max-width: 800px){
  .menu-icon{ display: block; }
  header{ background: rgb(239, 240, 247); position: relative; }
  header ul.menu{ display: none; }
  header ul.menu{ display: none; /*align-items: flex-end;*/ padding: 120px 15px; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; flex-direction: column; background: rgba(0, 0, 0, 0.8); }
  header ul.menu li a{ color: #fff; font-size: 30px; text-align: center;display: block;margin: 30px 0; }
  header ul.menu li{ margin: 10px 0; /*width: 160px; */}
  header ul.menu li:last-child{ margin: 10px 0;}
  header .col-4{flex: 0 0 70%; max-width: 70%;}
  header .col-8{flex: 0 0 30%; max-width: 30%;}
  .menu-icon.open span{ background: #fff; }
  body.open-menu{ overflow: hidden; }
  .page-head{ padding-top: 80px; }
  .service-blocks .block{ width: calc(50% - 20px); }
}

@media (max-width: 767px){
  .h_sec2 .col-6, .h_sec3 .col-4, .h_sec4 .col-4, .h_sec4 .col-8, .h_sec5 .col-6, footer .col-3, footer .col-4, footer .col-5, .page-head .col-7, .page-head .col-5, .services-list .col-4, .h_sec1 .col-5, .h_sec1 .col-7, .form-sec .col-6, .h_sec7 .col-4, .h_sec1 .col-6{ flex: 0 0 100%; max-width: 100%; }  
  .h_sec2 h2, .h_sec3 h2, .h_sec4 h2{ font-size: 35px; }
  .h_sec4 .slick-arrow.slick-prev{ left: 15px; }
  .h_sec4 .slick-arrow.slick-next{ right: 15px; }
  .h_sec5 .image{ margin-bottom: 30px; }
  .h_sec5 h2{ left: 80px; }
  footer .call-to-action{ flex-wrap: wrap; padding: 25px; }
  footer .call-to-action .details{ width: 100%; margin-bottom: 20px; }
  footer .call-to-action h2{ font-size: 22px; }
  footer .col-3{ padding-bottom: 20px; }
  footer h3{ margin-top: 0px; }
  footer{ padding-bottom: 20px; }
  footer .col-3:nth-child(2){ display: none; }
  .hear-from-you{ padding: 30px 15px; }
  .page-head h1{ font-size: 45px; }
  .h_sec1 .col-7{ padding-left: 15px; }
  .h_sec1 .slick-arrow.slick-prev{ left: 50%; }
  .h_sec1 .slick-arrow.slick-next{ right: 50%; }
  .h_sec1::before{ width: 0px; }
  .h_sec1 .btn{ margin-right: 6px; }
  .h_sec1 .col-7{ margin-top: 20px; }
  .h_sec1 p{ margin: 0 0 24px 0; }
  .h_sec1 h1{ font-size: 40px; margin: 0 0 15px 0; }
  .h_sec1 h1::before{ display: none; }
  .form-sec{ padding: 25px; }
  .h_sec6 .item .image-user{ width: 100%; max-width: 200px; }
  .h_sec6 .item .details { width: 100%; padding: 40px 0 0 0;}
  .h_sec6 .item .image-user::before {right: -20px;bottom: -20px;width: 100px;height: 100px;}
  footer .col-4{ display: none; }
  footer .col-3{  margin-top: 40px; }
  footer .foot-logo{ margin-bottom: 0; }
  .h_sec1 .big_image{ margin-top: 20px; }
  .h_sec4.other-service{ padding: 60px 0 120px; }
  .service-blocks .block{ width: calc(100% - 20px); }
}