/* cmsms stylesheet: main modified: 18.08.2017 14:20:20 */
body{font-family: 'Exo', sans-serif;font-weight: 300;background-color:#fff;}
.border{border-color:#414342;}
#cookieinfo{background-color: #414342;}
.border,.border2{border-bottom:2px solid #414342;}
p{text-align: justify;margin-top:20px;}
/*loader*/
#preloader {background-color:#fff;}
.child {top: -55px;left: -25px;position: absolute;}
.loader{
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  border: 5px solid #414342;
  top: 50%;
  animation: loader 2s infinite ease;
}
.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #414342;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}
/*scroll & highlight*/
    *::-webkit-scrollbar {width: 1rem;}
    *::-webkit-scrollbar-track-piece {background:#414342;}
    *::-webkit-scrollbar-thumb {background-color:#fff;}
    *::selection{background: #414342;color:#fff;}
/*menu*/
#menu-back{height:80px;width: 100%;}
#menu-button hr{background-color:#414342!important;}
/*header*/
#menu{background-color:#fff;height:80px;color:#000;}
#menu div > ul{line-height: 80px;}
#menu div > ul > li{padding:0 10px;font-size: 1.8rem;font-weight: 400;line-height: 80px;margin:0 5px;}
#menu div > ul > li:before,#menu .active:before{content: "";background-color: #d4d4d4;z-index: -1;width:0%;height:80px;position: absolute;display: block;margin-left:-10px;}
#menu div > ul > li:hover,#menu .active{font-weight: 500;}
#menu div > ul > li:hover:before{width:100%;}
#menu .active:before{width:100%;}
/*section1*/
.section1{background: url(/uploads/site/img/background.jpg) no-repeat center fixed;background-size: cover;min-height: 750px;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;text-align: center;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative;overflow:hidden;}
.section1 h1{color:#fff;text-transform: capitalize;font-size: 5rem;font-weight: 400;line-height: 10rem;}
.section1 h1 b{text-transform: uppercase;font-size: 8rem;}
.section1 .left-hr{width:200px; height: 2px;border:none;background-color: #fff;display:inline-block;float:left;}
.section1 .right-hr{width:200px; height: 2px;border:none;background-color: #fff;display:inline-block;float:left;}
.rectangle{display:inline-block;float:left;margin-top:5px;width:15px;height:15px;background-color: #fff;-webkit-transform:rotate(45deg);-moz--webkit-transform:rotate(45deg);-ms--webkit-transform:rotate(45deg);-o--webkit-transform:rotate(45deg);-webkit-transform:rotate(45deg);margin: 0 40px;}
.rectangle:before,.rectangle:after{content:"";margin-top:5px;position: absolute;width:15px;height:15px;border:1px solid #fff;margin-left: -13px;margin-top:3px;}
.rectangle:after{margin-left:-5px;margin-top:-5px;}
.section1 .absolute {width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;left:0;height:100%;top:0;}
/*section2*/
.section2{padding: 50px 0 80px 0;display:-webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.section2 h1,.section4 h1,.section5 h1{font-size: 3.2rem;text-transform: uppercase;font-weight: 400;}
.section2 img{max-width: 95%;float:left;}
/*section3*/
.section3{background:url(/uploads/site/img/background_02.jpg) no-repeat center;background-size: cover;height: 500px;}
/*section4*/
.section4{padding: 120px 0 150px 0;}
.section4 .conteiner{padding:0 50px 0 0;}
.section4 .form{margin:10px;border:2px solid #414342;padding:20px 30px;margin-top:-20px;min-height:400px;}
.section4 h2{font-size: 3.2rem;font-weight: 400;}
.section4 h3{font-size: 2.2rem;font-weight: 400;margin-bottom:40px;}
/*form*/
.formbuilderform{margin-top:10px;}
.required input, .required textarea,.submit{padding:10px 10px;font-size:1.6rem;line-height:2.8rem;width:calc(100% - 20px);border:1px solid #9a9b9b;color:#000;margin:5px 0;}
.required:nth-child(1) input{margin-right:20px;}
.required:nth-child(3) input{width:calc(100% - 20px);}
.required input{width:calc(50% - 32px);display:inline-block;float: left;}
.submit{width:100px;position:relative;float:right;clear:both;padding:5px 5px;}
.required input:hover, .required textarea:hover{border:1px solid #414342;}
.submit{cursor:pointer;text-align:center;background-color:rgba(65,67,66,1);}
.submit:hover{background-color:rgba(65,67,66,.8);}
.submit input{ background-color:rgba(255,255,255,0);color:#fff;cursor:pointer;text-transform:uppercase;font-weight:700;}
.required textarea{height:150px;}
.error_message {position: fixed;top: 13%;z-index: 99999;text-align: center;left: calc(50% - 190px);background: #414342;color: #fff;font-size: 1.4em;width: 380px;display:inline-block;padding: 20px 0px;cursor:pointer;border:1px solid #000;}
.error_message ul li{display:block;}
/*section4*/
.section5{padding: 100px 0 100px 0;min-height:calc(100vH - 573px);}
.section5 h2{font-size: 4rem;text-transform: uppercase;font-weight: 400; text-align:center; margin-bottom:50px;}
/*footer*/
.footer{background-color: #414342;color:#fff;text-align: center;padding-top:30px;}
.footer h1{font-size: 2.2rem;}
.footer p{text-align: center;margin-top:10px;font-size: 1.8rem;}
.footer span{text-align: center;margin: 0 auto;display: block;width:100%;margin:20px 0;}

@media only screen and (max-width:1049px){
    .section1{min-height:600px;}
    .section1 h1 b {font-size: 5rem;}
    .section1 h1 {font-size: 3rem;line-height: 8rem;}
    .section1 .left-hr {width: 120px;}
    .section1 .right-hr {width: 120px;}
    .section2 img{float:none;}
    .section4 .conteiner{padding:0;}
    .section4 .form {margin:0;}
}
@media only screen and (max-width:849px){
    #menu-back{height:60px;}
    .section1{min-height:500px;background-attachment: inherit;}
    .section3{height:300px;background-attachment: inherit;}
    .section1 h1 b {font-size: 5rem;}
    .section1 h1 {font-size: 3rem;line-height: 8rem;}
    .rectangle{margin: 0 20px;}
    .section1 .left-hr {width: 120px;}
    .section1 .right-hr {width: 120px;}
    #menu div > ul > li:before, #menu .active:before{height:40px;}
    #menu div > ul {border-left:2px solid #414342;border-bottom:2px solid #414342;}
}
@media only screen and (max-width:599px){
    .required input{width:calc(100% - 22px);}
}
@media only screen and (max-width:499px){
    .section1{min-height:300px;}
    .section3{height:300px;}
    .section1 h1 b {font-size: 3rem;}
    .section1 h1 {font-size: 2rem;line-height: 8rem;}
    .section1 .left-hr {width: 80px;}
    .section1 .right-hr {width: 80px;}
    .section4 h2 {font-size: 2rem;}
}
