/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
*, *::after, *::before {margin:0;padding: 0;-webkit-box-sizing: inherit;box-sizing: inherit;}
html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  font-size: 56.25%;
  word-wrap: break-word;
}
@media only screen and (min-width: 82em){/*1320px*/
  html{font-size: 62.5%;}
}
body{
   font-family: 'Monserrat', sans-serif;
    font-weight: 400;
    line-height: 1.4;
    color: #42525a;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size:1.7rem;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a,a:active,a:hover,a:focus{outline:none;}
abbr[title]{border-bottom:1px dotted;}
dfn{font-style:italic;}
small{font-size:80%;}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup{top:-0.5em; } sub{bottom:-0.25em; }
img{border:0; max-width:100%; }
svg:not(:root){overflow:hidden; }
hr{-webkit-box-sizing:content-box; box-sizing:content-box; height:0; margin-top:30px; margin-bottom:35px; border-width:0; border-top:1px solid #E1E1E1; }
pre{overflow:auto; }
code,kbd,pre,samp{font-family:monospace,monospace; font-size:1em; }
button,input,optgroup,select,textarea{color:inherit; font:inherit; margin:0; }
button{overflow:visible; }
button,select{text-transform:none; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer; }
input:focus,select:focus,textarea:focus,button:focus{outline:none; }
button[disabled],html input[disabled]{cursor:default; }
button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0; }
input{line-height:normal; }
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box; padding:0; }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto; }
input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none; }
legend{border:0; padding:0; } textarea{overflow:auto; }
optgroup{font-weight:bold; }
table{border-collapse:collapse; border-spacing:0; } td,th{padding:0; }
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}
::-webkit-input-placeholder{color:inherit; opacity:1 !important; }
:-moz-placeholder{color:inherit; opacity:1; }
::-moz-placeholder{color:inherit; opacity:1; }
:-ms-input-placeholder{color:inherit; }
.container {
    position: relative;
    width: 100%;
    max-width: 144rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 2rem;
}
.container::after {content: "";display: table;clear: both;}
.container-sm {
  position: relative;
  width: 100%;
  max-width: 130rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 2rem;
}
a {color: inherit;text-decoration: none;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
strong{font-weight: 700;}
h1, h2, h3, h4, h5, h6{ margin-bottom: 2rem;font-weight: 600;}
p{margin-bottom: 2rem;}
ul{padding-left: 4rem;}
.none{display: none;}
/*----------BREADCRUMBS---------*/
.bread-crumbs{
  background-color: #080808;
  color: #fff;
  padding: 1rem 0;
  margin-bottom: 1px;
}
.bread-crumbs ul{list-style:none;padding-left: 0;}
.bread-crumbs ul li{font-size: 1.4rem;display: inline-block;font-weight: 800;}
.bread-crumbs ul li a{color:#fff;display: inline-block;font-weight: 400;}
.bread-crumbs ul li a:hover{color:#f47321;}
.bread-crumbs ul li:after{content:"|";padding-left: 1rem;padding-right: 1rem;}
.bread-crumbs ul li:last-child:after{content:"";padding-left: 0;padding-right: 0;}
/*---------------END BREADCRUMBS----------*/
/*---------------FORM----------*/
input, textarea{
  display: block;
  width: 100%;
  border:0;
  border:1px solid #e7e7e7;
  padding: 1rem;
  padding-left: 0;
  font-size: 1.4rem;
  outline:none;
  background-color: #ffffff;
  -webkit-transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
  -o-transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
  transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
  border-radius: 1rem;
}
input:focus, textarea:focus{
  border-color: #484848;
}
label{
  display: block;
  margin-bottom: .5rem;
  font-weight: 500;
  font-size: 1.7rem;
}
button{
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  
}
fieldset{
  display: block;
  border: 0;
  margin-bottom: 2rem;
}
button{
  -webkit-transition: all  .4s ease-in-out;
  -o-transition: all  .4s ease-in-out;
  transition: all  .4s ease-in-out;
  border: 0;
}
/*---------------END FORM----------*/
/*---------------CHECKBOX----------*/
label.check-wrapper {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
}
.check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  border:1px solid #e7e7e7;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition:all .4s ease-in-out;
          -o-transition:all .4s ease-in-out;
          transition:all .4s ease-in-out;
}
.check-wrapper  strong{color:#080808;}
.checkmark:after {content: ""; position: absolute; display: none; }
.check-wrapper input:checked ~ .checkmark:after {display: block; }
.check-wrapper .checkmark::after {
	left: 0.4rem;
	top: 0.2rem;
	width: .5rem;
	height: 1rem;
	border: solid #484848;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
/*---------------END CHECKBOX----------*/
/*---------------COOKIES----------*/
.cc_container .cc_btn{
  background-color: #080808 !important;
  color: #fff !important;
  font-size: 1.6rem !important;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
	background-color: #262938 !important;
	color: #fff !important;
}
.cc_container p > a{
  font-weight: 600;
  color: #080808;
}
.cc_container .cc_message {
	font-size: 1.6rem !important;
  line-height: 1.2!important;
  font-family: inherit!important;
  color: inherit!important;
}
/*---------------END COOKIES----------*/
/*---------------gallery----------*/
.mfp-arrow::before, .mfp-arrow::after {
	content: none;
}
button.mfp-arrow{
	width: 8rem;
	height: 8rem;
	border: 1px solid #fff;
	border-radius: 50%;

	background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
button.mfp-arrow-right{
  background-image: url(../images/svg/arrow-gallery-white.svg);
  right: 1rem;
}
button.mfp-arrow-left{
  background-image: url(../images/svg/arrow-gallery-white-left.svg);
  left: 1rem;
}
.mfp-bg {
	background: #101011;
	opacity: 1;
}
/*---------------BTNS----------*/
.btn{
  display: inline-block;
  background-color: #4c85a9;
  color: #fff;
  padding: .5rem 4rem;
  border-radius: 10rem;
  font-weight: 500;

}
.btn:hover{
  background-color: #97d5c9;
}

/*---------------END BTNS----------*/

/*---------------HEADER----------*/
header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  padding: 2rem 0;
  z-index: 99;
  border-bottom: 1px solid #e7e7e7;
}
header .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header ul{
  list-style: none;
  padding-left: 0;
}
/*---------------navigation----------*/
nav{
  position: fixed;
  top: 0;
  right: 0;
  width: 330px;
  height: 100%;
  min-height: 100vh;
  background-color: #fff;
  z-index: 999;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  padding-top: 10rem;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
}
nav.open{
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
nav li{
  display: block;
  text-align: center;
}
nav li a{
  display: block;
  padding: 1rem 2rem;
  text-align: center;
}
nav li a.btn-header{
  display: inline-block;
  background-color: #4c85a9;
  color: #fff;
  text-transform: uppercase;
  padding: .5rem 2rem;
  border-radius: 10rem;
  font-weight: 600;
  margin: 0 auto;
}
.menu-toggle { width: 60px; height: 45px; position: relative; z-index: 1001; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg) scale(0.4); transform: rotate(0deg) scale(0.4); -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: block; }
.menu-toggle span { display: block; position: absolute; height: 6px; width: 100%; background: #42525a; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.menu-toggle span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
.menu-toggle span:nth-child(2) { top: 18px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
.menu-toggle span:nth-child(3) { top: 36px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
.menu-toggle.open span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; }
.menu-toggle.open span:nth-child(2) { width: 0%; opacity: 0; }
.menu-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 39px; left: 8px; }
@media only screen and (min-width: 75.0625em){/*1201px*/
  .menu-toggle{display: none;}
  nav{
    margin-left: auto;
    margin-right: 4rem;
    position: static;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    min-height: 100%;
    background-color: transparent;
    z-index: 9;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding-top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    opacity: 1;
    visibility: visible;
  }
  nav li{
    display: inline-block;
    text-align: left;
  }
  nav li a{
    display: inline-block;
    padding: 0 1rem;
    text-align: left;
  }
  nav li a.btn-header{
    margin: 0;
    margin-left: 3rem;
  }
}
/*---------------logo----------*/
.header-logo  img{
  display: block;
  width: 14rem;
}
@media only screen and (min-width: 37.5625em){/*601px*/ 
  .header-logo  img{
    width: 18rem;
  }
}
/*---------------lang----------*/
.lang{
  margin-left: auto;
}
.lang li{
  display: inline-block;
}
.lang li a{
  display: inline-block;
}
.active-lang {
	position: relative;
	background-image: url(../images/svg/lang-icon.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1.4rem;
	padding-right: 2rem;
	font-weight: 600;
}
.lang-sub{
  position: absolute;
  left:0;
  top: 2rem;
  width: 100%;
  background-color: #fff;
  display: none;
  padding-top: 1rem;
}

@media only screen and (min-width: 75.0625em){/*1201px*/
  .lang{margin-left: 0;}
  .lang-sub{
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
  }
  .active-lang:hover .lang-sub{
    opacity: 1;
    visibility: visible;
  }
}
/*---------------END HEADER----------*/
/*---------------HOME----------*/
/*---------------title----------*/
.title{
  text-align: center;
  margin-bottom: 5rem;
}
.title h1, .title h2, h1{
  font-size: 3rem;
}
.title-icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  
}
@media only screen and (min-width: 42.5625em){ /*681px*/ 
  .title h1, .title h2, h1{
    font-size: 4rem;
  }
  .title-icon{
    margin-bottom: 5rem;
  }
}
/*---------------main----------*/
main{
  margin-top: 9.3rem;
}
.space{
  padding: 5rem 0;
}
@media only screen and (min-width: 56.3125em) {/*901px*/ 
  .space{
    padding: 7rem 0;
  }
}
/*---------------home slider----------*/
.home-slider{
  /* min-height: 60vh; */
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.owl-carousel .owl-video-tn {
  background-size: cover;
  padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
}

.owl-video-frame {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.owl-video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height:400px;
}

.owl-dots {
  text-align: center;
  margin-top: 20px;
}

.owl-dot {
  display: inline-block;
}

.owl-dot span {
  width: 11px;
  height: 11px;
  background-color: #ccc;
  border-radius: 50%;
  display: block;
  margin: 5px 3px;
}
.owl-carousel .owl-video-play-icon{
  background: url(../images/owl.video.play.png) no-repeat;
}
.owl-dot.active span {
  background-color: #000;
}
.owl-carousel .fixed-video-aspect {
  position: relative;
  height:auto;
}
.owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.owl-item.active h3, .owl-item.active .btn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
/*.owl-carousel .fixed-video-aspect:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}*/
/*.owl-carousel .fixed-video-aspect > .item-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}*/
/*.owl-item video{*/
/*       object-fit: cover;*/
/*  width: 100vw;*/
/*  height:auto;*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  object-position:center;*/
    
/*}*/
.owl-item video {
    	object-fit: cover;
    	height: auto;
    
    	object-position: center;
    }
@media only screen and (min-width: 64.0625em) {/*1025px*/
    .owl-item video{
  height: 100vh;
  top: 0;
    
}
.owl-carousel .fixed-video-aspect {
  height:90vh;
}
.owl-item video {
    	object-fit: cover;
    	height: 105vh;
    	position: fixed;
    	top: -52px;
    	left: 0;
    	object-position: center;
    }
}
.link-hidden{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 0;
}
.owl-carousel .owl-item img{
  display: block;
  width: 100%;

}
.owl-theme .owl-nav{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	width: 4rem;
	height: 4rem;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	background-size: 3rem;
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span{
  display: none;
}
.owl-carousel .owl-nav button.owl-prev{
  background-image: url(../images/svg/prev.svg);
}
.owl-carousel .owl-nav button.owl-next{
  background-image: url(../images/svg/next.svg);
}

.owl-carousel .owl-nav button.owl-prev:hover{
  background-image: url(../images/svg/prev.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3rem;
  background-color: transparent;
}
.owl-carousel .owl-nav button.owl-next:hover{
  background-image: url(../images/svg/next.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3rem;
  background-color: transparent;
}
.slide-text{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  text-align: center;
  padding: 0 2rem;
  max-width: 90rem;
  width: 100%;
}
.slide-text h2{
  color: #fff;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 1rem;

}
.slide-text h3{
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
}
@media only screen and (min-width: 37.5625em){/*601px*/ 
  .slide-text h2{
    font-size: 3.6rem;
  }
  .slide-text h3{
    font-size: 2.6rem;
  }
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
  width: 10rem;
  height: 10rem;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  background-size: 7rem;
}
.owl-carousel .owl-nav button.owl-prev:hover{
  background-size: 7rem;
}
.owl-carousel .owl-nav button.owl-next:hover{
  background-size: 7rem;

}
}
@media only screen and (min-width: 56.3125em) {/*901px*/ 
 .slide-text h2 {
	font-size: 6rem;
	text-transform: uppercase;
}
}
/*---------------about----------*/
.about {
	border-bottom: 1px solid #e7e7e7;
	text-align: center;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.4;
}
.line{
  width: 6rem;
  height: 3px;
  background-color: #4c85a9;
  margin: 0 auto;
  margin-bottom: 3rem;

}
.line2{
  width: 6rem;
  height: 3px;
  background-color: #4c85a9;
  margin: 0 2rem 2rem 2rem;
}
@media only screen and (min-width: 64.0625em) {/*1025px*/
  .about {
    font-size: 2.6rem;
  }
}
/*---------------project icons----------*/

.project-icons article{
  width: 100%;
  padding: 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-bottom: 5rem;
}
.icon {
	width: 15rem;
	height: 15rem;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: #f4f4f4;
  margin-bottom: 3rem;
}
.icon img{
  display: block;
  height: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-icons h3 {
	line-height: 1.3;
	font-size: 2.4rem;
}
.btn-sm{
  display: inline-block;
  font-weight: 700;
  color: #4c85a9;
  margin-top: auto;
}
@media only screen and (min-width: 37.5625em){/*601px*/ 
  .project-icons .container-sm{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .project-icons article{
    width: 50%;
  }
}
@media only screen and (min-width: 50.0625em){/*801px*/ 
  .project-icons article{
    width: 33.333%;
    margin-bottom: 0;
  }
  .project-icons .container-sm{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

}
/*---------------project icons----------*/
.categories{
  background-color: #f9fafc;
}

.categories-box{
  width: 100%;
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  padding-bottom: 3rem;
  border-radius: 1rem;
  overflow: hidden;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.categories-image{
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 2rem;
}
.categories-image img{
  width: 100%;
  display: block;
  -webkit-transition: all  .4s ease-in-out;
  -o-transition: all  .4s ease-in-out;
  transition: all  .4s ease-in-out;
}
.categories-box h2{
  font-size: 2.4rem;
  margin-bottom: 2rem;
  line-height: 1.4;
  padding: 0 2rem;
  -webkit-transition: all  .4s ease-in-out;
  -o-transition: all  .4s ease-in-out;
  transition: all  .4s ease-in-out;
}
.categories-box h2:hover{
  color: #97d5c9;
}

.categories-box p{
  margin-bottom: 4rem;
  padding: 0 2rem;
}
.categories-box .btn{
  margin-top: auto;
  margin-left: 2rem;
  margin-right: 2rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.categories-image:hover img{
-webkit-transform: rotate(3deg) scale(1.1);
    -ms-transform: rotate(3deg) scale(1.1);
        transform: rotate(3deg) scale(1.1);
}
.categories-box:hover{
  -webkit-box-shadow:0px 0px 29px 18px rgba(232,235,241,1);
          box-shadow:0px 0px 29px 18px rgba(232,235,241,1);
}

@media only screen and (min-width: 37.5625em){/*601px*/ 
  .categories .container-sm, .cat-page--wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .categories-box{
    width: 48.5%;
    margin-right: 3%;
  }
  .categories-box:nth-child(2n+2){
    margin-right: 0;
  }
}
@media only screen and (min-width: 56.3125em) {/*901px*/
  .categories-box{
    width: 31.3%;
  }
  .categories-box:nth-child(2n+2){
    margin-right: 3%;
  }
  .categories-box:nth-child(3n+3){
    margin-right: 0;
  }
} 
/*---------------banner----------*/
.banner{
  background: #0f2027;
  background: -webkit-gradient(linear,  left top, right top,  from(#0f2027),to(#2c5364));
  background: -o-linear-gradient(left,  #0f2027 0%,#2c5364 100%);
  background: linear-gradient(to right,  #0f2027 0%,#2c5364 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2027', endColorstr='#2c5364',GradientType=1 );
  color: #fff;
  padding: 0;

}
.banner img{
  width: 100%;
  display: block;
}
.banner .container-sm{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.banner-text{
  width: 70%;
}
.banner-image{
  width: 30%;
}
.banner-text h2{
  margin-bottom: 0;
  font-weight: 400;
}
/*---------------products----------*/
.products-row{
  margin-bottom: 5rem;
}
.products-image{
  width: 100%;
  overflow: hidden;
}
.products-image img{
  width: 100%;
  display: block;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.products-text{
  width: 100%;
  margin-top: 3rem;
}
.products-text h3{
  font-size: 2.8rem;
  line-height: 1.4;
}
.products-row:nth-child(2n+2) .products-image{
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.products-row:nth-child(2n+2) .products-text{
  padding-left: 0;
  padding-right: 4rem;
}
@media only screen and (min-width: 61.3125em){/*981px*/
  .products-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .products-image{
    width: 65%;
  }
  .products-text{
    width: 35%;
    padding-left: 4rem;
    margin-top: 0;
  }
} 
/*---------------projects----------*/
.projects{
  background-color: #f9fafc;
}

.projects-videos article{
  width: 100%;
  margin-bottom: 3rem;
}

.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
@media only screen and (min-width: 37.5625em){/*601px*/ 
  .projects-videos{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .projects-videos article{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 3rem;
  }
  .projects-videos article:nth-child(2n+2){
    margin-right: 0;
  }
}
/*---------------info----------*/
.info {
  background: #0f2027;
  background: -webkit-gradient(linear,  left top, right top,  from(#0f2027),to(#2c5364));
  background: -o-linear-gradient(left,  #0f2027 0%,#2c5364 100%);
  background: linear-gradient(to right,  #0f2027 0%,#2c5364 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2027', endColorstr='#2c5364',GradientType=1 );
	color: #fff;
	position: relative;
	z-index: 1;

}
.info .container-sm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.info-box{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem 2rem;
  text-align: center;

  border-bottom:1px solid rgba(255,255,255,.2);

}


.info-box span{
  display: block;
}
.info-box span.count{
  display: inline-block;
}
.info-number{
  font-size: 3rem;
  font-weight: 500;
}
.info-title{
  text-transform: uppercase;
}
.info-overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
}

@media only screen and (min-width: 27.5em){/*440px*/ 
  .info-box{
    width: 50%;
    padding: 4rem 2rem;
    border-right:1px solid rgba(255,255,255,.2);
  }
  .info-box:last-child{
    border-bottom: 0;
    border-left: 1px solid rgba(255,255,255,.2);
  }
  
  .info-box:nth-child(3n+3){
    border-right: 0;
  }
  .info-box:nth-child(3){
    border-right: 1px solid rgba(255,255,255,.2);
  }
  .info-box:nth-child(2n+2){
    border-right: 0;
  }
}
@media only screen and (min-width: 40.0625em){/*641px*/ 
  .info-box{
    width: 33.333%;
  }
  .info-box:nth-child(2n+2){
    border-right: 1px solid rgba(255,255,255,.2);
  }
  .info-box:nth-child(3n+3){
    border-right: 0;
  }
  .info-box:nth-child(4){
    border-right: 1px solid rgba(255,255,255,.2);
  }
}
@media only screen and (min-width: 52.5em){/*840px*/ 
  .info-box{
    width: 25%;
  }
  .info-box:nth-child(3n+3){
    border-right: 1px solid rgba(255,255,255,.2);
  }
  .info-box:nth-child(4), .info-box:last-child{
    border-right: 0;
  }
  .info-box:nth-last-child(-n+3){
    border-bottom: 0;
  }

}
/*---------------faq----------*/
.faq{
  background-color: #e2e2e2;
  position: relative;
}
.faq .container-sm{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: static;
}
.faq-wrap{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.home-form{
  width: 100%;
}

.faq-wrap img {
display: none;
}
.faq-text {
	width: 100%;
	position: relative;
	z-index: 9;
  margin-bottom: 5rem;
}
.faq-text h2{
  font-size: 4rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.faq-text p{
  font-size: 2.3rem;
  margin-bottom: 3rem;
  font-weight: 300;
}
@media only screen and (min-width: 56.3125em) {/*901px*/ 
  .faq .container-sm{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .faq-wrap{
    width: 58%;
  }
  .faq-text {
    max-width: 76rem;
    width: 100%;
    margin-bottom: 0;
  }
  .home-form{
    width: 33%;
    margin-left: auto;
  }
  .faq-wrap img {
    position: absolute;
    left: 94px;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
    height: 64%;
    display: block;
  }
}
@media only screen and (min-width: 75.0625em){/*1201px*/
  .faq-text {
    max-width: 36rem;
    margin-left: auto;
  } 
  .faq-wrap img {
    left: 0;
    height: 64%;
  }
}
@media only screen and (min-width: 87.5em) {/*1400px*/ 
  .faq-wrap img {
    height: 74%;
  }
}
@media only screen and (min-width: 100em){/*1600px*/ 
  .faq-wrap img {
    height: 92%;
  }
}
/*---------------END HOME----------*/
/*---------------CERTIFICATES----------*/

.certificates{
  background: #0f2027;
  background: -webkit-gradient(linear,  left top, right top,  from(#0f2027),to(#2c5364));
  background: -o-linear-gradient(left,  #0f2027 0%,#2c5364 100%);
  background: linear-gradient(to right,  #0f2027 0%,#2c5364 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2027', endColorstr='#2c5364',GradientType=1 );
  color: #fff;
  padding: 2rem 0;
}
.certificates .container-sm{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.certificates img{
  display: inline-block;
  width: 30%;
}
.certificates img:first-child{
  margin-right: 2rem;
  width: 70%;

}
@media only screen and (min-width: 56.3125em) {/*901px*/
  .certificates img{
    width: auto;
  }
  .certificates img:first-child{
    width: auto;
  
  }
}
/*---------------END CERTIFICATES----------*/
/*---------------FOOTER----------*/
footer{ font-size: 1.7rem; }
.footer-text{ margin-bottom: 5rem; }
.social{ margin-top: 3rem; }
.social a{ display: inline-block; margin-right: 1rem; }
.social a:last-child{ margin-right: 0; }
.social a img{ display: block; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.social a:hover img{ opacity: .7; }
.footer-logo{ display: inline-block; margin-bottom: 3rem; }
.footer-logo img{ display: inline-block; }
#map{ width: 100%; height: 40rem; }
.copyright{ padding: 1rem 0 3rem 0; font-size: 1.5rem; text-align: center; }
.copyright .container-sm{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media only screen and (min-width: 42.5625em){ /*681px*/ 
  footer .container-sm{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .footer-text{ width: 50%; margin-bottom: 0; }
  .footer-map{ width: 50%; }
}
/*---------------END FOOTER----------*/
/*---------------PAGES----------*/
/*---------------about----------*/
.about-banner{ padding: 2rem; background-color: #f9fafc; }
.about-banner--image{ margin-bottom: 3rem; }
.about-banner--image img{ width: 100%; display: block; }
.about-top {
	background: #0f2027;
	background: -webkit-gradient(linear, left top, right top, from(#0f2027),to(#2c5364));
	background: -o-linear-gradient(left, #0f2027 0%,#2c5364 100%);
	background: linear-gradient(to right, #0f2027 0%,#2c5364 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2027', endColorstr='#2c5364',GradientType=1 );
	color: #fff;
}
@media only screen and (min-width: 30.0625em){ /*481px*/ 
  .about-banner{ padding: 5rem; }
}
@media only screen and (min-width: 50.0625em){/*801px*/ 
  .about-banner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .about-banner--image{ width: 45%; margin-bottom: 0; }
  .about-banner--text{ width: 45%; }
}
 /*---------------accordion----------*/
 .accordion-wrapper {
  counter-reset: accordion-counter;
  /* margin-top: 10rem; */
}

.accordion {
  padding: 2rem;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  counter-increment: accordion-counter;
  border-bottom: 1px solid #e7e7e7;
}
.accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.accordion__head_text {
  position: relative;
  padding-left: 5rem;
  font-size: 2rem;
  margin-bottom: 0;
  font-weight: 500;
}
.accordion__head_text:before {
  content: counter(accordion-counter);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.5rem;
  height: 3.5rem;
  background-color: #4c85a9;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  font-weight: 600;
}
.accordion__head_btn {
  width: 4rem;
  height: 4rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: none;
  background-color: transparent;
}
.accordion__head_btn:before, .accordion__head_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
  height: 2px;
  background-color: #45484f;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

/* .accordion:hover {
background-color: #7654B4;
}
.accordion--active {
background-color: #7654B4;
} */
.accordion--active .accordion__head_text:before {
  background-color: #97d5c9;
  -webkit-transform: translateY(-50%) rotate(360deg);
      -ms-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg);
}
.accordion--active .accordion__head_btn {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.accordion--active .accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.accordion--active .accordion__body { margin-top: 3rem; }
 /*---------------led display----------*/
 .display-wrapper{ padding: 2rem 0; background-color: #f9fafc; }
 .display-image{ width: 100%; max-width: 100rem; margin:  0 auto; margin-bottom: 3rem; }
 .display-image img{ display: block; width: 100%; }
 @media only screen and (min-width: 30.0625em){ /*481px*/ 
  .display-wrapper{ padding: 5rem; }
  .display-image{ margin-bottom: 5rem; }
}

  /*---------------product page---------*/
  .prod-image{ margin-bottom: 2rem; }
  .prod-image img{ display: block; width: 100%; }
  @media only screen and (min-width: 56.3125em) {/*901px*/ 
    .prod-wrapper{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
    .prod-image{ width: 45%; margin-bottom: 0; }
    .prod-text{ width: 50%; }
  }
  /*---------------gallery----------*/
  .gallery-style{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 1px solid #e7e7e7;
  }
  .gallery-style a{
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3rem;
    overflow: hidden;
  }
  .gallery-style a:nth-child(2n+2){ margin-right: 0; }
  .gallery-style a img{
    width: 100%;
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
  }
  .gallery-style a:hover img{
    -webkit-transform: scale(1.1) rotate(2deg);
        -ms-transform: scale(1.1) rotate(2deg);
            transform: scale(1.1) rotate(2deg);
  }
  @media only screen and (min-width: 42.5625em){ /*681px*/ 
    .gallery-style a{ width: 31.3%; }
    .gallery-style a:nth-child(2n+2){ margin-right: 3%; }
    .gallery-style a:nth-child(3n+3){ margin-right: 0; }
  }
/*---------------top-image----------*/
.top-image{ height: 40rem; }
.top-image img{ width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }
.no-bg{ background-color: transparent; }
/*---------------logos slider----------*/
.logos{
  background-color: #fff;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
.logos img{
  display: block;
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
  opacity: .5;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.logos img:hover{
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  opacity: 1;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: inherit;
}

/*---------------home news----------*/
.home-news .title{
    text-align:left;
}
.home-news{
    border-bottom:1px solid #e7e7e7;
}
@media only screen and (min-width: 61.3125em){/*981px*/
    .home-news .products-image{
    width: 45%;
  }
  .home-news .products-text{
    width: 55%;
    text-align:right !important;
  }  
   .home-news .products-text p{
       text-align:right !important;
   }
    
}
/*---------------END PAGES----------*/