body{font-family: 'Lato', sans-serif; color:#000000;background:#fff; font-size:16px;}

a:link,a:hover,a:active,a:visited{color:inherit;}
small{font-size:12px;}
big{font-size:20px;}
.font_25{font-size:25px;}
.font_24{font-size:24px;}
.font_23{font-size:23px;}
.font_22{font-size:22px;}
.font_21{font-size:21px;}
.cake-error{color:#f00;}

.container{max-width:1600px; margin: 0 auto; padding: 0 15px;}

.button,button{border: 1px solid #2e2e2e;background:#2e2e2e;color:#fff; transition:background 0.5s, color 0.5s, opacity 2s; border-radius:35px; padding:10px 20px; text-align:center;}
.button:hover,button:hover{background:transparent;}

#open_mobile_menu{display:none;}

/* HEADER ///////////////////////////////////////////////////////////////////////////////////*/

header {height: 143px; position:absolute;left:0;top:0; z-index:10; width: 100%; float: left;}
.fixed_header header{position:fixed; transition: 0.5s ease all;}
.fixed_header .header-top{transform: scale(0); height: 0;}
.fixed_header .header-bottom{ background: #383b37;}
.header-top{ background: url('../img/header-bg.png') repeat-x center right; height: 41px; transition: 0.5s ease all;}
.header-bottom{ background: url('../img/header-bot-bg.png') repeat-x center right; height: 106px;}
.header-top-box{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.contact-box{ flex: 0 0 90%; max-width: 90%;}

.phone, .address, .email{ display: inline-block; float: left;}
.phone a, .address a, .email a{ display: inline-block; width: 100%; color: #fff;}
.phone p, .address p, .email p{margin: 10px 0; color: #fff;}
.address{margin: 0 20px;}
.social-box{ flex: 0 0 auto; max-width: 10%; display:none;}
.social-box a{color: #fff;}
.header-bottom-box{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; min-height: 104px;}

.navigation ul{ width: 100%; float: left; margin: 0; padding: 0; list-style-type: none;}
.navigation ul li{ display: inline-block;}
.navigation ul li a{color: #fff; text-transform: uppercase; font-size: 21px; margin: 0 0 0 25px;}
.navigation ul li a:hover{ color: #22b0ff; transition: 0.5s ease all;}
.navigation ul li.active a{ color: #22b0ff;}

/*//////////  SLIDESHOW  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.slide-box{width: 100%; float: left; height: 790px; overflow: hidden; display:block; position: relative; z-index: 1;}
.slideshow{width: 100%; float: left;}
.slide{ height: 790px;}
.slide1{ background: url('../img/slide1.jpg') no-repeat center center; width: 100%; float: left;}
.slide2{ background: url('../img/slide2.jpg') no-repeat center center; width: 100%; float: left;}
.slide3{ background: url('../img/slide3.jpg') no-repeat center center; width: 100%; float: left;}

.slidetext{ display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: center; height: 100%; padding: 0 2%; width: 96%;}
.title1{ flex: 0 0 100%; max-width: 100%; text-align: right; font-size: 70px; text-transform: uppercase; font-weight: 900; color: #fff;}
.title-text{ flex: 0 0 100%; max-width: 100%; text-align: right; font-size: 28px;}
.title-text p{ width: 100%; float: right; color: #fff;}
.title-link{ flex: 0 0 100%; max-width: 100%; text-align: right;}
.title-link a{ padding: 10px 30px; font-size: 24px; color: #fff; background: #22b0ff; border-radius: 30px; text-transform: uppercase;}

.hvr-sink{ display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px);}

/*//////////  CONTENT  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.service-box {width: 100%; float: left;}
.service-box-inner{ display: flex; flex-wrap: wrap; justify-content: center;}
.lavalex-title{ font-size: 50px; text-transform: uppercase; margin: 50px 0; flex: 0 0 100%; max-width: 100%; text-align: center;}
.lavalex-title p{ margin: 5px 0; font-weight: bold;}
.lavalex-title:after{ border-bottom: 4px solid #b7b8bb; content: ""; width: 8%; margin: 0 46%; float: left;}
.lavalex-title2{ font-size: 46px; text-transform: uppercase; margin: 50px 0 20px; flex: 0 0 100%; max-width: 100%; text-align: center;}
.lavalex-title2 p{ margin: 5px 0; font-weight: bold;}
.lavalex-title2:after{ border-bottom: 4px solid #b7b8bb; content: ""; width: 8%; margin: 0 46%; float: left;}
.lavalex-title3{ flex: 0 0 100%; max-width 100%; text-align: center; margin-bottom: 50px;}
.box-ql{ flex: 0 0 480px; max-width: 500px; background: url('../img/box1.jpg') no-repeat center center; height: 412px; margin: 5px; position: relative;}
.box-ql a{ width: 100%; text-align: center; font-size: 38px; color: #fff; font-weight: bold; text-transform: uppercase; position: absolute; padding: 38% 0;}
.box-ql a:hover{ background: rgba(34,176,255,0.5); transition: 0.5s ease all;}
.ql2{ background: url('../img/box2.jpg') no-repeat center center;}
.ql3{ background: url('../img/box3.jpg') no-repeat center center;}
.ql4{ background: url('../img/box4.jpg') no-repeat center center;}
.ql5{ background: url('../img/box5.jpg') no-repeat center center;}
.content-box{ background: #f9f9f9; float: left; width: 100%; margin: 50px 0 0;}
.content-box-inner{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.content-left{ flex: 0 0 49%; max-width: 49%;}
.content-left p{ font-size: 18px; text-align: justify;}
.content-right{ flex: 0 0 49%; max-width: 49%;}
.content-left img, .content-right img{ max-width: 100%;}

.grey-footer{ background: #e3e3e4 url('../img/grey.jpg') no-repeat center center; min-height: 559px; margin-top: 50px; float: left; width: 100%;}
.grey-box{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; min-height: 559px;}
.grey-left, .grey-right{flex: 0 0 49%; max-width: 49%;}
.grey-left ul{ padding: 0 0 0 23px;}
.grey-left ul li{ font-size: 24px; margin-bottom: 20px;}
.title-grey{font-size: 38px; color: #303030; text-transform: uppercase; font-weight: bold;}
.grey-right{ text-align: right;}

.black-footer{ background: url('../img/footer.jpg') no-repeat center center; min-height: 409px;}
.footer-box{ display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; min-height: 409px;}
.black-box{ flex: 0 0 21%; max-width: 21%;}

.logo-footer img{max-width: 100%;}
.description{ margin: 20px 0; text-align: justify; color: #fff; font-size: 12px;}
.footer-box .social-box{ flex: 0 0 100%; max-width: 100%;}
.footer-title{ text-transform: uppercase; width: 100%; float: left; color: #fff; font-size: 26px; font-weight: bold; position: relative;}
.footer-title p{ margin: 0 0 8px;}
.footer-title:after{ content: ""; position: absolute; z-index: 2; border-bottom: 3px solid #ededed; width: 40px;}

.black-box ul{ width: 100%; margin: 30px 0 0; padding: 0; list-style-type: none; float: left;}
.black-box ul li{ margin: 0 0 15px; float: left; width: 100%;}
.black-box ul li a{ padding: 0 0 5px; border-bottom: 2px solid #5d5d5d; width: 100%; color: #fff; float: left;}
.black-box ul li a:hover{ color: #22b0ff;}
.black-box p{margin: 0;}

.copyrights{ background: url('../img/footer-bot.jpg') no-repeat center center; color: #fff;}
.copyrights .text{padding-top:12px;}
.dmi_logo img{ height: 100%; width: 100%;}
.dmi_labels{ padding: 19px 0;}
.copyrights .text{ padding: 25px 0;}

.inner-slide{ width: 100%; float: left; position: relative; background: url('../img/inner-slide.jpg') no-repeat center center; height: 451px;}
.inner-title{ width: 100%; float: left; font-size: 60px; color: #fff; font-weight: bold; padding: 255px 0 0;}
.content-box-inner2{ margin: 0;}

.table{ width: 100%; float: left; margin: 30px 0;}
.table img{ max-width: 100%;}
.inner-margin{ margin: 50px 0;}
.contact-page{ margin: 50px 0;}

label{ width: 100%; float: left;}
.input{ width: 100%; float: left;}
input{ width: 50%; padding: 10px 0; margin-bottom: 20px;}
textarea{ width: 50%;}
.submit input{ width: 51%; background: #22b0ff; border: none; color: #fff; font-size: 24px; text-transform: uppercase;}

.content-right .contact-box a, .content-right .contact-box p{ color: #000;}
.content-right .contact-box{ margin: 0 0 20px; width: 100%; float: left;}

.logo-footer{ margin-bottom: 15px;}

.new-table {display: flex; justify-content: center}
 .new-table table {
      width: 80%;
      border-collapse: collapse;
      text-align: center;
      font-size: 16px;
    }

     .new-table th,  .new-table td {
      border: 1px solid #000;
      padding: 8px 12px;
    }

     .new-table thead th {
      background: #00a6d6;
      color: white;
      font-weight: bold;
      text-transform: uppercase;
    }

     .new-table thead th:first-child {
      width: 250px;
    }

     .new-table tbody td:first-child {
      color: #00a6d6;
      font-weight: bold;
      text-align: left;
      text-transform: uppercase;
    }

     .new-table tbody tr:nth-child(odd) td {
      background: #f9f9f9;
    }

/* MOBILE ///////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1280px){
	
	.container{width:96%; padding: 0;}
	
}

@media only screen and (max-width: 1020px){
	
	.new-table table {overflow-x: auto;
  display: block;
} 
	
	body.opened_mobile_menu #background_wrapper,body.opened_mobile_menu nav{margin-left:50%;}
	#background_wrapper{transition: 0.5s ease all; overflow: hidden; position: relative; top: 146px;}
	body.opened_mobile_menu #mobile_menu{left:0%;}
	#mobile_menu{position:fixed;left:-50%;width:50%;top:146px; height:100%; overflow:hidden; transition: right 0.5s, width 0.5s; background: #0077c1}
	#mobile_menu ul{list-style-type:none;}
	#mobile_menu > ul{border-top:1px solid #fff;}
	#mobile_menu ul{padding:0;width: 100%; margin:0; float:left;}
	#mobile_menu ul li{border-bottom:1px solid #fff; float:left;width:100%;}
	#mobile_menu ul li.active > a{background: #308E97}
	#mobile_menu ul a{width:100%;display:block;text-align:center; padding: 10px 0; background: #0077c1; color: #fff; font-size:16px; transition: background 0.5s, color 0.5s;}
	#mobile_menu ul ul li a{ width:96%;padding-left:2%;padding-right:2%;background: #007791;}
	#mobile_menu ul ul{display:none;}
	#mobile_menu ul ul li:last-child{border-bottom:none;}
	#open_mobile_menu{ position: absolute; z-index: 99999; top:64px; left: 35px; text-align: center;border-radius: 50%; display:block; font-size: 30px;height:45px;width:45px;text-align:center;line-height:45px; color:#fff;}
	#open_mobile_menu:focus{ outline: none;}
	
	.fixed_header .header-top{  transform: none; height: 41px; transition: none; }
	.fixed_header header{position:fixed; transition: none; z-index: 99999;}
	.fixed_header .header-bottom{ background: #383b37;}
	header{ position: fixed; background: #383b37; z-index: 99999; width: 96%; padding: 0 2%; height: auto;}
	.header-top{ background: #383b37;}
	.header-bottom{ background: #383b37;}
	
	.slide-box{ display: none;}
	.header-bottom-box{ justify-content: flex-end;}
	
	.content-left, .content-right{ flex: 0 0 100%; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
	.content-box-inner{ justify-content: center;}
	.grey-left, .grey-right{ flex: 0 0 100%; max-width: 100%;}
	.title-grey{ text-align: center;}
	.title-link{ margin-bottom: 50px; text-align: center;}
	.black-footer{ background: #383b37; padding: 50px 0; }
	.black-box{ flex: 0 0 100%; max-width: 100%; justify-content: center; text-align: center;}
	.logo-footer{ text-align: center;}
	.footer-box .social-box{ margin-bottom: 30px;}
	.inner-title{ padding: 7% 0;}
	.inner-slide{background: url('../img/inner-slide.jpg') no-repeat top center/100%; height: auto;}
	.input{ text-align: center;}
	input{ border: 1px solid #ededed;}
	textarea{ border: 1px solid #ededed;}
	.submit{ text-align: center;}
	
	.logo-mobile{display: block; width: 100%; float: left; margin: 25px 0;}
	.black-box .phone{ display: none;}
	.black-box .logo-mobile{ display :none;}
}

@media only screen and (max-width: 840px){
	
	.header-top-box{ justify-content: center;}
	.contact-box{ flex: 0 0 100%; max-width: 100%; text-align: center;}
	.phone, .address, .email{ float: none;}
	.header-top{ height: auto; transition: none;}
	.fixed_header .header-top{ height: auto;}
	#mobile_menu{ top: 163px;}
	.lavalex-title2{ font-size: 34px;}
	.social-box{ max-width: 100%; flex: 0 0 100%; text-align: center;}
	
}

@media only screen and (max-width: 701px){
	
	.header-bottom-box {justify-content: center;}
	#mobile_menu {top: 203px;}
	.content-left, .content-right{ display: block;}
	
}

@media only screen and (max-width: 570px){
	
	body > iframe{display:none;}
	
}

@media only screen and (max-width: 553px){
	
	header{ position: relative;}
	#mobile_menu {top: -1px;}
	#background_wrapper{ top: 0;}
	.inner-slide{ background: none;}
	.inner-title{ color: #000; text-align: center; font-size: 42px;}
	.fixed_header header{ position: relative;}
	.title-grey{ font-size: 24px;}
	.grey-left ul li {font-size: 16px; margin-bottom: 5px;}
	.content-left p{ text-align: center;}
	.copyrights{ background: url(../img/footer-bot.jpg) repeat;}
	.copyrights .text{ width: 100%;}
	.contact-box{ display: none;}
	.social-box{ display: none;}
	#open_mobile_menu{ top: 5px; left: 5px;}
}

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

	
}

@media only screen and (max-width: 470px){
	
	#dm_login{max-width:96%;}
	#dm_login label, #dm_login input{padding:0;}
	
}

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