@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700;900&display=swap');
body {
	background:#fff;
	color:#000;
  overflow-x: hidden !important;
}

a,
.main-header .menu a:hover,
.main-header .lang-selector .choose-lang a.active span,
.main-header .lang-selector .choose-lang a:hover span,
.aboutus-section .aboutus-icons li h3,
.articles-list .content h3,
.opinions-list li h3,
.btn.btn-white {
	color:#2c4bd3;
}


.main-header .menu-toggle:after,
.main-header .menu-toggle:before,
.btn,
.contact-section,
.error-page .title {
	background:#2c4bd3;
}

.btn {
  background: #0b003f;
	color:#fff;
}

.btn-white {
	background:#fff;
}
.btn-yellow{
  background: #e9dc00;
  color:#000;
}
.articles-list .content footer span {
	border:2px solid #2c4bd3;
}
.articles-list {
    width: 80%;
    height: 790px;
    margin-top: -80px;
  display: inline-block !important;
}
.error-page .title {
	color:#f3f3f4;
}

.error-page .title:before {
	border-top:10px solid #2c4bd3;
}

.section-header h2 {
	color: #0b003f;
	font-family: 'Rubik';
	font-weight: 900;
	text-transform: uppercase;
}
.section-header.white h2{
  color:#fff;
}

.section-header.yellow h2{
  color:#e9dc01;
}
.section-header h3{
	color: #666;
	font-family: 'Rubik';
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px
}
.section-header em {
	color:rgba(0, 0, 0, .57);
}

.section-header.white-header h2 {
	color:#fff;
}

.section-header.white-header em {
	color:rgba(255, 255, 255, .57);
}

.main-header {
	background:transparent;
  border-bottom: none;
}
.main-header-offset{
  display: none;
}
.main-header .menu a {
	color: #0a003f;
	font-family: 'Rubik';
	text-transform: uppercase;
	 /* horizontal-offset vertical-offset 'blur' colour */
	-moz-text-shadow: 0 0 2px #000;
}

.main-header .lang-selector span {
	color:#71737a;
}

.main-header .lang-selector i {
	background: transparent;
	border: none;
}

.main-header .lang-selector i img {
	border: none;
	width: 25px;
	height: 25px;
	border-radius: 25px;
}

.main-header .lang-selector .choose-lang {
	background:#fff;
}

.main-footer nav a {
	color:rgba(255, 255, 255, .35);
}

.main-footer nav a:hover {
	color:rgba(255, 255, 255, .6);
}

.main-footer .footer-cols {
	border-top:1px solid rgba(255, 255, 255, .07);
}

.main-footer .footer-cols p {
	color:rgba(255, 255, 255, .35);
}

.owl-carousel .owl-dots .owl-dot {
	background:#d9d9da;
}

.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover {
	border-color:#c0c0c1;
	background:#c0c0c1;
}
.slider .container {
    position: absolute;
    width: 1340px;
    left: 0;
    top: 201px;
    right: 0;
}
.slider .slide-text {
	color:#fff;
	text-shadow:1px 1px 0 rgba(0, 0, 0, .8);
}
.slider .slide-img {
    position: absolute;
    width: 100%;
    right: 0;
    top: auto;
    margin: auto;
    bottom: auto;
}
.slider .slide-img img{
  width:60%;
  float: right;
  clip-path: polygon(22% 4%, 100% 0, 100% 100%, 1% 95%);

}
.slider .slider-nav span {
	background:#828382;
}

.slider .slider-nav span.active, .slider .slider-nav span:hover {
	border-color:#fff;
	background:#fff;
}

.aboutus-section {
    background: url(../images/about_us.png);
    background-size: cover;
    background-color: transparent;
    margin-top: -40px;
    z-index: 5;
    position: relative;
    background-repeat: no-repeat;
}
.aboutus-section .col{
  display: flex;
}
.aboutus-section .image{
  padding: 50px;
}
.aboutus-section .content {
    width: 500px;
    text-align: justify;
}
.aboutus-section p{
	    font-family: 'Rubik';
    font-size: 16px;
    color: #1d1d1d;
      line-height: 1.5;
}
.aboutus-section .aboutus-icons li {
	background:#fff;
	box-shadow:0 42px 57px rgba(0, 0, 0, .06);
}

.aboutus-section .aboutus-icons li p {
	color:rgba(0, 0, 0, .78);
}

.aboutus-section .aboutus-caption p {
	color:rgba(0, 0, 0, .8);
}

.checkerboard .owl-nav .owl-next, .checkerboard .owl-nav .owl-prev {
	background:url(../images/checkerboard-arrow.png) center no-repeat rgba(0, 0, 0, .5);
}

.checkerboard .checkerboard-image .caption {
	background:rgba(0, 0, 0, .7);
	color:#fff;
}
.checkerboard .checkerboard-image .checkerboard-gallery,.checkerboard .checkerboard-image .checkerboard-photo{
  clip-path: polygon(0 0, 100% 0, 100% 90%, 15% 100%);
}
.checkerboard-page .checkerboard-item {
	background:#f3f3f4;
}

.checkerboard-page .checkerboard-item:nth-of-type(1) {
	background: #0a003f;
	color:#fff;
}

.articles-latest .content {
	background-color:#f1f1f1;
}

.articles-latest .content p {
	color:rgba(0, 0, 0, .8);
}

.articles-latest .content footer time {
	color:rgba(0, 0, 0, .8);
}

.partners-section {
	border-top: none;
	border-bottom: none;
	background: #0b003f;
}

.opinions-section {
	background:#f3f3f4;
}


.contact-section .contact-sides .contact-data p {
	color:rgba(255, 255, 255, .8);
}

.contact-section .contact-sides .contact-data p strong {
	color:#fff;
}

.contact-section .contact-sides .contact-data p a {
	color:rgba(255, 255, 255, .8);
}

.contact-section .contact-sides .contact-data p a:hover {
	color:#fff;
}

.contact-section .textbox {
	border:1px solid rgba(255, 255, 255, .4);
	color:#fff;
}

.contact-section .textbox:focus {
	border:1px solid rgba(255, 255, 255, .75);
}

.page-cover h2 {
	color:#fff;
}

.content-page {
	background:#f3f3f4;
}
.custompage-text time {
	color:rgba(0, 0, 0, .5);
}
.gallery-grid a {
	color:#fff;
}

.gallery-grid a:before {
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
}

.article-gallery{
  width: 100%;
  display: inline-block;
  margin: 25px 0;
}
.article-gallery a{
      display: inline-block;
    width: 25%;
    float: left;
}
.article-gallery img{
  width:100%;
}
.col{
  display: inline-block;
  width:100%;
}
.col-6{
	display: inline-block;
    width: 50%;
    float: left;
  position: relative;
}

.col-4 {
    display: inline-block;
    width: 33.3%;
    float: left;
}
.col-3 {
    display: inline-block;
    width: 25%;
    float: left;
}
.image img {
    width: 100%;
}

.video-section{
      background: url(../images/video.jpg);
      min-height: 560px;
      background-repeat: no-repeat;
      background-size: cover;
      clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
      margin-top: -50px;
      position: relative;
      background-position: center;
}
.video-section .container{
	padding-top: 120px;
}

.video-play-button {
  position: absolute;
  right: 5%;
  top: 150px;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  cursor: pointer;
  z-index: 999;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 200px;
  height: 200px;
  background: rgba(0, 0, 0, 0.40);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 250px;
  height: 250px;
  background: url(../images/play.png);
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  background: transparent;
}
.video-section .col-6{
  position: static;
}
.transform {
   background: #e9dc00;
  -moz-transform: skew(35deg, 0deg);
-webkit-transform: skew(35deg, 0deg);
-o-transform: skew(35deg, 0deg);
-ms-transform: skew(35deg, 0deg);
transform: skew(35deg, 0deg);
  border-radius: 5px;
  padding: 5px 15px;
}
.transform h3{
  font-size: 41px;
  font-weight: 900;
  font-family: 'Rubik';
  text-transform: uppercase;
  color: #0a003f;
  -moz-transform: skew(-35deg, 0deg);
  -webkit-transform: skew(-35deg, 0deg);
  -o-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
  padding: 5px 0;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
  display: none;
}

.video-overlay.open {position: absolute;z-index: 1000;opacity: 1;width: 50%;height:100%;right: 0;left: auto;background: #fff; display:block;}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #e9dc00;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
  text-shadow: 0px 0px 3px #000;
}

.video-overlay-close:hover {
  color: #0b003f;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}
.articles-list .content h3, .articles h3{
  color: #fff;
    font-size: 42px;
    font-family: 'Rubik';
    font-weight: 900;
    text-transform: uppercase;
         word-break: break-word;
    line-height: 1;
    height: 85px;
}
.articles time{
  font-family: 'Rubik';
    font-size: 16px;
    color: #fff;
    font-weight: 100;
}
.articles-section .section-header {
    line-height: 1.4;
    margin: 0 -100px 50px 0;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
.articles-section .section-header h2{
  font-size: 60px;
}

.articles-buttons {
  position: absolute;
  right: 15%;
  top: 75%;
  z-index: 9;
  
}

.articles-buttons .read-more {
    display: block;
    color: #fff;
    float: none;
}
.articles-section:before {
content: '';
    background: url(../images/news.png);
    right: 20px;
    width: 15px;
    height: 200px;
    position: absolute;
    background-repeat: no-repeat;
}


.production-section{
  background-color: #0b003f;
  background-image: url(../images/production_bg.png);
  background-repeat: no-repeat;
  position: relative;
  padding-top: 50px;
  padding-bottom: 100px;
}
.production-section .container{margin: 0;text-align: right;max-width: 100%;padding: 0;padding-left: 200px;}
.production-section .section-header.rotate{
      -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
       top: 400px;
    left: -300px;
}
.production-section .section-header h2{
  font-size: 70px;
  padding-top:25px;
}

.production-section .col-6 h2{
      font-family: 'Rubik';
    font-weight: 900;
    color: #e9dc00;
    text-transform: uppercase;
    font-size: 56px;
}
.production-section .image img {
    width: 80%;
}

.production-section .title {
    display: inline-block;
    float:left;
    text-align: left;
}
.production-section .title .read-more{
      float: left;
  margin: 0;
}

.production-section .image.left{
  display: inline-block;
  float: left;
  margin-top: 50px;
  text-align: left;
      width: calc(100% - 200px);
}

.production-section .title.right{
    left: -200px;
    position: absolute;
    top: 50%;
}

.service-section{
  background: url(../images/service_bg.png);
  background-repeat:no-repeat;
  background-size: cover;
  background-color: #fff;
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
  margin-top: -30px;
}

.service-section .col-6{
     padding: 80px 50px;
  transition: 1s;
      height: 300px;
}
.service-section .col-6:hover{
  background-color: rgba(233, 220, 0, 0.69);
  cursor: pointer;
}
.service-section h2,.service-section p{
  font-family: 'Rubik';
  font-weight: 900;
  font-size: 36px;
  text-transform: uppercase;
  color: #0a003f;
}
.service-section .content{
  margin-top: 25px;
}
.service-section p{
      font-size: 20px;
    font-weight: 600;
}
.service-section p a{
  font-weight: 400;
    color: #140946;
}  
.ui-widget-overlay {
       background: rgba(0, 0, 0, 0.62) !important;
    opacity: .90  !important;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background: transparent;
    width: 30px;
    border: none;
    float: right;
    position: absolute;
    height: 30px;
    z-index: 1;
    right: 0;
}
#contact {
    width: 1000px;
    display: none;
    background: url(../images/contact_bg.png);
    background-position: center;
    background-size: cover;
    padding: 50px;
    background-repeat: no-repeat;
}
#contact .col-6:first-child{
  padding: 15px;
}
#contact .section-header img{
  width:100%;
}

#contact input:not([type=checkbox]) ,#contact textarea{
    padding: 10px 15px;
    width: 100%;
    background: #27205b;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin: 10px 0;
}
#contact label span {
    font-family: 'Rubik';
    font-size: 9px;
    text-align: justify;
    display: inline-block;
    float: right;
    width: 95%;
  margin-top: 5px;
}
#contact .contact-details{
  margin-top:50%;
}
.square {
    min-width: 300px;
    padding: 25px 70px;
    background: #e9dc00;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);
    border-radius: 10px;
    position: relative;
}
.square span{
   font-family: 'Rubik';
   font-weight: 900;
   font-size: 25px;
   width: 100%;
   display: inline-block;
   text-align: right;
   color: #0b003f;
}
.square span a{
  color: #0b003f;
}
.square img{
  position: absolute;
  left: 80px;
}

.square.small {
    background: #27205b;
    min-width: 150px;
    padding: 15px 40px;
    margin-right: -25px;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
    border-radius: 10px;
    margin-top: -15px;
    width: auto;
    float: right;
}
.square.small img{
  position: relative;
  float: left;
  display: inline-block;
  left: auto;
}
.square.small span,.square.small span a {
     color: #fff;
     font-size: 22px;
     float: right;
     display: inline-block;
     padding-left: 10px;
}

.nav-buttons {
    position: absolute;
bottom: -25px;
    left: 70px;
    z-index: 2;
     background: #e9dc00;
    border-radius: 5px;
    -moz-transform: rotate(-5deg) skew(15deg, 0deg);
    -webkit-transform: rotate(-5deg) skew(15deg, 0deg);
    -o-transform: rotate(-5deg) skew(15deg, 0deg);
    -ms-transform: rotate(-5deg) skew(15deg, 0deg);
    transform: rotate(-5deg) skew(15deg, 0deg);
}
.nav-buttons span {
font-size: 40px;
    color: #0a003f;
    font-family: 'Rubik';
    font-weight: bold;
    border-radius: 5px;
    -moz-transform: rotate(5deg) skew(-15deg, 0deg);
    -webkit-transform: rotate(5deg) skew(-15deg, 0deg);
    -o-transform: rotate(5deg) skew(-15deg, 0deg);
    -ms-transform: rotate(5deg) skew(-15deg, 0deg);
    transform: rotate(5deg) skew(-15deg, 0deg);
    display: inline-block;
    padding: 25px;
  cursor: pointer;
  transition-duration: 0.5s;
}
.nav-buttons span:hover{
  color: #eee;
  
}

.checkerboard-item {
    padding-bottom: 100px;
}

.offer.checkerboard .checkerboard-image .checkerboard-gallery,.offer.checkerboard .checkerboard-image .checkerboard-photo .checkerboard-gallery{
    clip-path: polygon(0 0, 83% 0, 100% 96%, 0% 100%);
}

.offer .nav-buttons {
    top: -25px;
  right: -10%;
  bottom: auto;
  left: auto;
}
.offer.checkerboard.checkerboard-full .checkerboard-item .checkerboard-image{
  width:40%;
      margin-top: 100px;
}
.offer.checkerboard.checkerboard-full .checkerboard-item .checkerboard-content {
  width: 60%;
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 95%, 15% 100%);
  padding-top: 100px;
}
  .offer.checkerboard.checkerboard-full .checkerboard-item .checkerboard-image .checkerboard-gallery{
    width: 130%;
    height: 120%;
}
  .offer.checkerboard.checkerboard-full .checkerboard-item .checkerboard-text{
      margin: auto;
    }
.offer .transform{
  text-align: center;
} 
.offer.checkerboard .checkerboard-text p {
    color: #0a003f;
}

.offerts {
    background: #0b003f;
       padding: 100px 0 200px 0;
}
.offerts ul {
    width: 60%;
}
.offerts li{
  display: inline-block;
  width: 33%;
  float: left;
  font-family: 'Rubik';
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
      padding: 10px 0;
  color: #fff;
}
.offerts li a{
  color: #fff;
}
.offerts li:hover, .offerts li.active{
  font-weight: bold;
 }

.articles.checkerboard .checkerboard-text p {
    color: #c5c5c5;
  padding:   0;
}
.articles.checkerboard .checkerboard-text h3{
  padding: 15px 0;
}
.articles-archive {
    background: #0a003f;
  padding-top: 50px;
}

.articles-archive li{
  background: #fff;
    width: 70%;
    border-radius: 5px;
      margin: 15px 0;
      display: inline-block;
  transition: 0.1s;
   
}
.articles-archive li:hover{
   box-shadow:0px 0px 0px 5px #e9db00 inset;
}
.articles-archive li .img{
      width: 225px;
    height: 130px;
     display: inline-block;
    float: left;
  border-radius: 5px 0 0 5px;
      background-position: center;
    background-size: contain;
  
}
.articles-archive li .content {
    display: inline-block;
    padding: 40px;
    float: left;
      font-family: 'Rubik';
        padding: 36px;
    color: #0b003f;
  position: relative;
  width:calc(100% - 225px);
    
}
.articles-archive li .content time{
  font-weight: 100;
font-size: 16px;
}

.articles-archive li .content h3{
  padding-top: 10px;
  font-weight: 900;
font-size: 32px;
  text-transform: uppercase;
}
.articles-archive li .content img{
position: absolute;
    right: 15px;
    top: 15px;
}
.widget{
   background: #0a003f;
}
.widget img{
      width: 100%;
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -50px;
     
}
.main-header .menu-toggle.mobile{
      display: none;
     }

#menuArea{
      text-align: center;
    width: calc(100% - 200px);
    float: left;
 }
.open {
  background-color: #3c3c3c;
  width: 24px;
  height: 4px;
  display: block;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  top: 8px;
}

.open:before {
  content: "";
  background-color: #3c3c3c;
  width: 24px;
  height: 4px;
  display: block;
  border-radius: 2px;
  position: relative;
  top: -8px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.open:after {
  content: "";
  background-color: #3c3c3c;
  width: 24px;
  height: 4px;
  display: block;
  border-radius: 2px;
  position: relative;
  top: 4px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.menuOpen {
    width: 24px;
    height: 20px;
    display: inline-block;
    padding-top: 10px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
}

.menuOpen:hover .open:before {
  top: -9px;
}

.menuOpen:hover .open:after {
  top: 5px;
}

.fullmenu {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(11, 0, 63, 0.9);
}

.fullmenu label {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  background-size: 100%;
  cursor: pointer;
}

.fullmenu .menuContent {
  position: relative;
  top: 400px;
  font-size: 54px;
  text-align: center;
  padding-bottom: 20px;
  margin-top: -170px;
}

.fullmenu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

.fullmenu ul li a {
  display: block;
  color: white;
  text-decoration: none;
  transition: color 0.2s;
  font-family: Trebuchet MS;
  text-transform: uppercase;
  padding: 10px 0;
}

.fullmenu ul li a:hover {
  color: #0b003f;
}

.fullmenu ul li:hover {
  background: white;
}

.menuEffects {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}

.menuEffects ul {
  transform: translateY(0%);
  transition: all 0.5s;
}

#menuToggle:checked ~ .menuEffects {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}

#menuToggle:checked ~ .menuEffects ul {
  opacity: 1;
}

#menuToggle:checked ~ .menuOpen .open {
  background-color: transparent;
}

#menuToggle:checked ~ .menuOpen .open:before {
  content: "";
  background-color: white;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:checked ~ .menuOpen .open:after {
  content: "";
  background-color: white;
  transform: rotate(-45deg);
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:not(:checked) ~ .menuEffects ul {
  transform: translateY(-30%);
}
.only-mobile{
  display: none;
}
.checkerboard-image {
    height: 700px;
}
@media (max-width:768px) {
  
  .no-mobile{
  display: none;
}
  .only-mobile{
  display: block;
}
  .main-header .lang-selector{
    margin: auto;
  }
  .main-header .lang-selector .choose-lang{
    background: transparent;
  }
  .fullmenu .menuContent {
     top: 250px;}
  
  .aboutus-section .col{
    display: inline-block;
  }
  #menuArea{
         float: right;
    
    margin-right: 25px;
  }
  .fullmenu ul li a{
    font-size: 10vw;
  }
 .slider { 
   height:370px; 
   background-position: center;
  } 
.slider .slide {
background-attachment: scroll;
     width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
  .slider .container{
     width: 100%;
     left: 0;
     top: 100px;
   }
  .slider .slide-text{
    right: auto;
    max-width: 100%;
  }
  .slider .slide-text p {
    font-size: 4vw;
  }
 .slider .slide-text h2 {
    font-size: 8vw;
    padding: 5px;
}
  .slider .slide-img {
   right: 0;
   width: 100%;
   left: 0;
   text-align: center;
   bottom: 0;
}
  .slider .slide-img img {
    width: 100%;
}
.article-gallery a{
      display: inline-block;
    width: 50%;
    float: left;
}
 .articles-section {
    padding:  20px 0;
         border-right: 0;
} 
    .articles-list {
    width: 100%;
    height: auto;
      margin-top: 0;
      
}
    .articles-section .section-header {
    position: relative;
    margin: auto;
    width: 100%;
    display: inline-block;
      margin: 25px 0;
}
    .articles-list li {
    width: 100%;
}
    .articles-list .img{
      width:100%;
    }
    .articles-list .content{
      width:100%;
    }
    
    .articles-section .section-header h2 {
    font-size: 10vw;
}
    .articles-buttons {
    position: relative;
    right: 0;
    top: 0;
    left: 0;
      padding: 25px;
}
    .articles-list .content {
    padding: 15px;
    height: 300px;
} 
   .main-header .menu-toggle{
      display: none;
    }
    .main-header .menu-toggle.mobile{
      display: block;
      float:right;
    }
    
    .main-header .socialmedia{
          width: 100%;
    float: none;
    text-align: center;
    }
 @media (min-width: 768px) and (max-width: 1024px) {
    
     .aboutus-section .content{
    width: 100%;
  }
  .aboutus-section .image {
    margin-top: 50%;
}
   .slider {
    height: 800px;
 }
   .offer-section .col-6{
     width: 100%;
   }
   .offer-section .offer-titles {
         padding: 0 25px;
 }
   .offer-section .offer-description{
     width: 100%;
   }
   .video-section{
     background-position: 75%;
   }
   .video-overlay.open{
     width:100%;
     height: 100%;
   }
   .articles-list li{
     width:100%;
   }
   
   .production-section .col-6{
     width: 100%;
   }
   .production-section .title.right {
    left: auto;
    position: relative;
    top: auto;
    margin-top: 50px;
}
   .service-section h2{
         font-size: 4vw;
   }
   .service-section p{
     font-size: 3vw;
         word-break: break-all;
   }
   .service-section .col-6 {
    padding: 25px
   }
   .contact-map .google-map{
         margin-top: -40px;
   }
   .contact-map .contact-data h2 {
    font-size: 8vw;
}
   #contact .contact-details {
    margin-top: 50%;
}
   .contact-map .contact-data .read-more {
    position: relative;
    top: 60%;
    left: 0;
    margin: 25px;
}
   #contact {
     width: 100%;
   padding: 5px;}
   .square span{
     font-size: 18px;
   }
   .square img {
     width: 30px;
}
   .offer.checkerboard.checkerboard-full .checkerboard-item .checkerboard-image {
    width: 100%;
}
   .offer.checkerboard.checkerboard-full .checkerboard-item .checkerboard-content {
    width: 100%;
   }
   .offer .nav-buttons{
     right: 0;
   }
  }
  @media (max-width: 450px) {
      .slider { 
    height: 500px; background-position: center; 
  } 
  .slider .container {
     
}
  .slider .slide-text {
    right: 0;
    text-align: center;
    margin-right: 15px;
}
  .slider .slider-scroll_down {
    right: 5px;
    bottom: -150px;
    left: auto;
}
 
  .aboutus-section .content {
    width: 100%;
}
   
.parallax {
background-attachment: scroll;
}
.col-6{
	display: inline-block;
    width: 100%;
    float: left;
}
    .col-4 {
     width: 100%;
 }
    .col-3{
      width:50%;
    }
    
    .offer-section .offer-image img {
    width: 100%;
}
    .offer-section .offer-titles li {
    width: 100%;
}
.offer-section .offer-titles {
    top: 0px;
    position: relative;
    padding: 15px;
    display: inline-block;
}
    .offer-section {
    padding: 40px 0 20px;
    z-index: 5;
    position: relative;
}
    .offer-section .offer-description {
    width: 100%;
    margin-left: 0;
}
    .offer-section .offer-description div {
    padding: 0px 20px 20px 50px;
 
}
    .partners-section {
 
    padding: 0 0 70px 0;
}
    .video-section {
    background-position: right;
    background-size: cover;
    min-height: 300px;
}
    .video-overlay.open{
      width: 100%;
      
    }
    
    .production-section .section-header.rotate {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    top: auto;
    left: auto;
      text-align: center;
}
    .production-section .container{
      padding-left:0;
    }
    .production-section .section-header.rotate h2 {
    font-size: 10vw;
}
    .production-section .col-6 h2 {
    font-size: 8vw;
}
    .production-section {
       padding: 25px 0;
}
    .production-section .title{
      padding: 15px;
    }
    .production-section .title.right {
    left: auto;
    position: relative;
    top: auto;
    margin-top: 50px;
}
    .production-section .image.left{
      width: 100%;
    }
    .production-section .section-header h2 {
    font-size: 13vw;
    padding: 25px;
}
    .service-section{
      clip-path: none;
      margin-top: 0;
          padding-bottom: 25px;
    }
    .service-section .col-6 {
    padding: 15px;
    transition: 1s;
}
    .service-section h2{
      font-size: 10vw;
    }
    .service-section p {
    font-size: 6vw;
}
    
    .contact-map .google-map {
    
    margin-top: -40px;
}
    .contact-map .contact-data{
    padding: 15px;
}
  .contact-map .contact-data h2 {
    font-size: 15vw;
}
  .footer-links .socialmedia {
    width: 100%;
    float: right;
    text-align: left;
}
  .ui-dialog !important{
    width:auto;
  }
  .contact-map .contact-data .read-more {
    position: relative;
    top: auto;
    left: auto;
    margin: 25px;
}
  #contact {
    width: 100%;
      padding: 0;
  }
  #contact .contact-details {
    margin-top: 25px;
}
  .square {
    padding: 15px;
    clip-path: none;
}
  .square img {
    position: absolute;
    left: 25px;
}
.square.small {
    clip-path: none;
    width: 100%;
    margin: 0;
}
  .square.small img {
    position: absolute;
    left: 25px;
}
  .offer.checkerboard.checkerboard-full .checkerboard-item .checkerboard-image{
    width: 100%;
  }
  .offer .nav-buttons {
    right: 0;
    top: auto;
    bottom: -100px;
}
  .offer.checkerboard.checkerboard-full .checkerboard-item .checkerboard-image .checkerboard-gallery {
    width: 110%;
  }
  .offer.checkerboard.checkerboard-full .checkerboard-item .checkerboard-content {
    width: 100%;}
  .offerts li {
    width: 100%;
}
  .articles-archive ul{
    text-align: center;
  }
  .articles-archive li {
     width: 90%;
  }
  .articles-archive li .img {
    width: 100%;}
.articles-archive li .content {
    width: 100%;
    padding: 15px;
}
 .articles-archive li .content img {
    position: absolute;
    right: 5px;
    top: -20px;
    width: 45px;
}
    .articles-section .section-header{
      height: 150px;
    }
    
    .checkerboard.checkerboard-full.checkerboard-page.offer {
    margin-top: -100px;
}
}
}