body{font-family: 'IBM Plex Sans', sans-serif;font-weight:400;color:#333;width:100%;overflow-x:hidden}
@font-face {font-family: "font"; src: url("../css/font.woff") format("woff"); font-style: normal; font-weight: normal}
} 
.fixmenu, a, input, button{outline: none;transition: .3s all ease}
.topmmenu, .cmenu, .go2menu{display:none}
.fixmenu{z-index:10;position:fixed;width:100%;padding:2rem 0;}
.fixout{background: rgba(0, 93, 173, .75);padding: 1rem 0}
.fixmenu a{font-family: 'Comfortaa', cursive;line-height:8rem;text-transform: uppercase;margin:0 1rem;color:#fff;letter-spacing:-.1rem;border-bottom:.1rem solid transperent}
#mainnav a:hover, #mainnav a.active{border-bottom:.1rem solid #fff}
.tlog img{height:8rem;float: left;filter: grayscale(1) brightness(9.5);}
.tlog a{margin:0}
.cnc{position: relative;}
.cnc a{display: block;float:right;color:#fff;font-weight:700;padding-left: 2.2rem;line-height:4rem;margin-right:0}
a.langa{line-height:1.2rem;font-size: 1.2rem;margin-bottom:.8rem}
a.langa:hover{opacity:.8}
a.a1{background: url(../img/svg/a1.svg) left center no-repeat;background-size: 1.6rem}
a.mts{background: url(../img/svg/mts.svg) left center no-repeat;background-size: 1.6rem}
.topbg h2{font-size: 6.2rem;text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);line-height: 6rem;font-family: font;color: #4fa3ea;}

.topbg{height:100vh;width:100%;margin-left:-5%;padding-left:5%;background-image: url(../img/tbg.jpg);background-size:cover;box-shadow: inset 0 20rem 19rem -10rem rgba(0,93,173,1);}

a.oml{display:block;float:left;width:3.4rem;text-align:center;border:.1rem solid #fff;line-height:1.8rem;border-radius:1rem;padding: 0;font-size: 1.2rem;position: absolute;letter-spacing: .1rem;}
a.coml, a.oml:hover {background:#fff;color:#005dad}
a.coml{cursor:default}
.oml1{left:0;top:.6rem}
.oml2{left:0;top:3rem}
.oml3{left:0;top:5.4rem;display:none!important}

h3{font-size: 3rem;font-weight: 900;color: #005dad;line-height: 4rem;padding-bottom:1rem;letter-spacing: -.1rem;text-transform: uppercase}

.hithere{width: 100%;color: #fff;}
h1{font-weight: 900;text-transform: uppercase;font-size: 7rem;padding-top: calc(50vh - 13rem);letter-spacing: .1rem;}
.hithere span{font-size:2rem;font-family: 'Comfortaa', cursive;font-weight: 700;text-transform: uppercase;letter-spacing: .4rem}
.hithere p{width:73rem;margin:1.5rem calc(50% - 36.5rem) 3rem;font-family: 'Comfortaa', cursive;font-size:1.7rem;}
.hithere a{color: #000;text-transform: uppercase}
.hithere a:hover{color: #fff;}

.map{height: 45rem;background: url(../img/svg/loaderf.svg) center center no-repeat #333;}
.map canvas {	filter: grayscale(1);}

.contactb{z-index:3;padding:1.5rem;position: absolute;width: 28rem;box-shadow:2px 2px 9px 0px rgba(50, 50, 50, 0.5);background: rgba(255, 255, 255, 0.9);border: .1rem solid #005dad;top: -40rem;left: 3rem;}
.line{float:left;width:100%;padding-bottom:1.6rem;line-height:2.8rem}
.line:last-child{padding-bottom:0}
.park{font-size: 1.4rem;font-style: italic}
.park img{width: 5.6rem;float: left;padding-right: 1rem;}
.contact b{font-size:1.7rem;color:#005dad}
.contact span{font-family: 'Comfortaa', cursive;display:block;float:right;font-size:1.6rem;}
.contact a{color:#333}

.service strong{font-family: 'Comfortaa', cursive;color:#005dad;font-weight:700}
.service b{font-size: 2rem;line-height: 3rem}
.text{width:calc(96% - 30rem);float:left;padding-right:4%}
.info{width:30rem;float:left}

.icon{float:left;width:100%;background:#005dad;padding:2rem 0;color:#fff;margin-bottom:2.5rem;}
.icon b{display:block;font-size: 5rem;font-weight: 700;font-family: 'Comfortaa', cursive;line-height: 5rem;margin-top:.5rem}
.icon span{display:block;font-size:1.5rem;font-family: 'IBM Plex Sans', sans-serif;font-weight:400;font-style: italic;opacity: .75;}
.icon img{width:44%;padding:0 28%}
.icon:last-child{margin-bottom:0}

.hithere a{display:block;width: 28.5rem;border-radius: 2.6rem;margin: 4rem calc(50% - 13.7rem) 0;}
.langhref{width: 100%;border-radius: 2.6rem;border: .2rem solid #fff;line-height: 5.2rem;background: rgb(255 255 255 / 73%);text-align: left;font-size: 1.6rem;}
.langhref:hover{background: rgb(255 255 255 / 0%);}
.langhref img{width:3.2rem;margin:1rem;border-radius:50%;float:left}

.lang{display:none}

.white{background:#eee;padding:3rem 0}
.about{background-image: url(../img/img.jpg);background-repeat: no-repeat;margin:3rem 0;background-color: #eee;background-attachment: fixed;background-size:auto 100%}
.about b, .about span{color:#005dad}
.shalf{width:48%;float:left;}
.half{width:48%;float:left;padding-left:2%;margin-left:2%}
.block{padding:6rem 0}

.ctr img{width:20%;margin:1rem 2.5%;float:left;filter: grayscale(1);transition: .3s all ease}
.ctr img:hover{filter: grayscale(0)}

.logos{background: #eee;border-bottom: .2rem solid #005dad;}
.half p, .logos p, .service p{margin: 0;line-height: 2rem;padding-bottom: 2rem;text-align: justify;}
.logosi img{width:calc(20% - 4rem);margin:1.5rem 2rem;float:left;filter: grayscale(1);transition: .3s all ease;opacity:.8}
.logosi img:hover{filter: grayscale(0);opacity:1}

.footer{padding:1.5rem 0;background:#19191A}
.uline{padding:1.5rem .5rem;border-bottom: 1px solid rgba(255,255,255,.25)}
.fline{padding:1.5rem .5rem;color:#fff;line-height:2rem}
.socicon{float: right}
.socicon img{height: 1.8rem;padding: .6rem 0;float: left;filter: brightness(10);margin-left:1rem}
.socicon img:hover{filter:brightness(1)}
.ooo{float:left}
.dev{float:right}
.dev p{font-size: 1.3rem;margin:2rem 0 0 0;padding:0;opacity: .7}
.dev a{color:#fff}
.dev a:hover{color:#5cb3ff}
.logotext{float:left;padding-right:1.5rem;border-right: 1px solid rgba(255,255,255,.25)}
.logotext{font-size: 2.4rem;font-weight: 900;color: #005dad;line-height: 3rem;letter-spacing: -.1rem;text-transform: uppercase}
.subtext{font-family: 'Comfortaa', cursive;float: left;padding-left: 1.5rem;color: #fff;font-size: 1.3rem;opacity: .7;line-height: 3rem}

.fffmask{position: fixed;width: 100%;height: calc(100% + 100px);top: 0;left: 0;background: rgba(255, 255, 255,.85);z-index:20;display:none}

.icon-scroll,
.icon-scroll:before{
  position: absolute;
  left: 50%}

.icon-scroll{
  width: 40px;
  height: 70px;
  margin-left: -20px;
  bottom: 6rem;
background: rgba(0, 0, 0, 0.3);
  margin-top: -35px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px}

.icon-scroll:before{
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;}

@keyframes scroll{
  0%{
    opacity: 1}
  100%{
    opacity: 0;
    transform: translateY(46px)}}
	
@media (max-width:1070px) {
.icon {margin-bottom: 5rem}
.topbg h2{font-size: 5.4rem}
}

@media (max-width:1000px) {
.icon {margin-bottom: 6rem}
.topbg h2{font-size: 5rem}
a.oml{left:-1.5rem}
}

@media (max-width:890px) {
.info, .text{width: 100%;float: left;padding-right: 0}
.icon{width:30.3333%;margin:1rem 1.5%}
.ctr img {width: 42%;margin: 1rem 4%}
.hithere{transform: scale(0.9);}
a.oml{left:-2rem}
}

@media (max-width:860px) {
.tlog img{height:5rem}
.fixmenu a {line-height: 5rem}
.cnc a {line-height:2.5rem}
a.oml{line-height:1.6rem}
.gomenu a{margin:0 .7rem}
.logosi img {width: calc(33.3333% - 4rem)}
.prom{display:none}
.icon span {font-size:1.4rem}
}

@media (max-width:800px) {
.contactb {position: relative;top: 0;width: 100%;left: 0;padding: 3rem 0;border: 0;float: left;box-shadow: none}
.park{font-size: 1.5rem;font-style: italic;width:42.5rem;margin:0 calc(50% - 21.25rem)}
.park img{width: 2.8rem;float: left;padding-right: 1rem;}
.line{padding-bottom:1.2rem}
.line:last-child{padding-bottom:0}
.shalf{width:38%;float:left;}
.half{width:58%;float:left;padding-left:2%;margin-left:2%}
}
@media (max-width:780px) {
a.oml{display:none}
.tlog{width:16.5rem!important}
.cnc{width:calc(100% - 16.5rem)!important;margin:0!important}
.menus{width:0!important}
.gomenu{width: 31rem;height: 100%;z-index: 9997;position: fixed;top: 0;right: -50rem;opacity: 0;display: block;background: #fff;box-shadow: 0 0 10rem 0.6rem rgba(0,0,0,0.75);
overflow: hidden;-moz-transition: .3s all ease;-o-transition: .3s all ease;-webkit-transition: .3s all ease;transition: .3s all ease;overflow: auto}
.activemobmenu {right: 0;opacity: 1}
.go2menu{float:right;display:block;width:3rem;margin:1rem 0 1rem 2rem}
.menus a{text-transform: uppercase;font-size: 1.6rem;font-weight: 400;display: block;line-height: 3rem;padding: 1.1rem 1rem 1rem 1rem;text-align: left;border-bottom: .1rem dashed #cacaca;margin-top: -.1rem;color: #222;}
.topmmenu{display: block;background: linear-gradient(50deg, #19191A, #005dad);color: #fff;text-transform: uppercase;font-size: 1.9rem;line-height: 3.6rem;font-weight: 600;padding: 1rem;text-align: left;z-index: 2;margin: 0}
.cmenu{display: block;position: absolute;width: 3.4rem;right: 1rem;top: 1.1rem;cursor: pointer}
.cnc a {margin-left:calc(100% - 20rem)}
a.langa{display:none}
.hithere {transform: scale(1)}
h1{font-size: 6rem;}
.hithere span{font-size: 1.8rem}
.topbg h2 {font-size: 3.2rem;}
.hithere p {width: 90%;margin: 1.5rem 5% 3rem}
}

@media (max-width:710px) {
.icon{width:31.7333%;margin:1rem .8%}
.icon span {font-size:1.3rem}
}

@media (max-width:620px) {
.icon{width:100%;margin:0 0 2.5rem 0}
.icon span {font-size:1.5rem}
.park{font-size: 1.5rem;font-style: italic;width:100%;margin:0}
.park img {width: 5.8rem}
h1{padding-top: calc(50vh - 15rem);}
.icon-scroll {bottom:4rem}
}
@media (max-width:570px) {
.topbg h2 {font-size: 2.8rem;}
.shalf{display:none}
.about{overflow-y: hidden;}
.half{width:100%;float:left;padding:3rem 1rem;margin-left:-1rem}
.white{background: rgba(237, 237, 237, 0.8);}
}

@media (max-width:520px) {
.logosi img {width: calc(50% - 4rem)}
.prom{display:block}
.cnc a {float:right;margin:1rem;line-height:3rem;font-size:0;background-size: 2.4rem;padding:0;display:block;width:2.4rem;background-position: center;}
h1{font-size: 5rem;}
.hithere span{font-size: 1.3rem;}
.topbg h2 {font-size: 2.2rem;}
.hithere p{font-size: 1.5rem;}
.ctr img {width: 46%;margin: 1rem 2%}
a.a1{background: url(../img/svg/phone.svg) left center no-repeat}
a.mts{display:none}
}
@media (max-width:470px) {
.logosi img {width: calc(50% - 2rem);margin:1rem}
}
@media (max-width:400px) {
.half{width:100%;float:left;padding: 3rem 2rem;margin-left: -2rem;}
.ooo, .dev{width: 100%;text-align: center;}
}

@media (max-width:390px) {
.logosi img {width: calc(50% - 1rem);margin:1rem .5rem}
.tlog{width:13.5rem!important}
.cnc{width:calc(100% - 13.5rem)!important;margin:0!important}
.go2menu{margin:.5rem 0 .5rem 1.5rem}
.cnc a{margin:.5rem .75rem}
.tlog img{height: 4rem;}
h1{font-size: 4.2rem;}
.hithere span{font-size: 1.3rem;}
.topbg h2 {font-size: 2rem;}
.hithere p{font-size: 1.4rem;}
}