/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 .uk-navbar-nav > li {
    margin: 0 10px;
}

.uk-nav-navbar > li > a:hover {
    background: linear-gradient(40deg, #ba47b0, #d6180d);
	    text-decoration: none;
	}
	
	a, .uk-link {
        text-decoration: none;
		}
		
	a:hover, .uk-link:hover {
    text-decoration: none;
	}
	
	
	
.uk-block-large {
    padding-top: 10px;
    padding-bottom: 10px;
}

div#fox-container-m110 form .fox-row {
    width: 50%;}

.porfolio-panel-toleran {
 width: 100%;
  min-height: 600px;
}

.lang-inline li:nth-child(3) {
  display: none;
}

body > nav > div.tm-headerbar-right.uk-flex.uk-flex-middle > div.tm-more.uk-visible-large > div:nth-child(2) > div > ul > li:nth-child(3), #offcanvas > div > div:nth-child(1) > div > ul > li:nth-child(3) {
  display: none;
}

body > nav > div.tm-headerbar-left.uk-flex.uk-flex-middle > a.tm-logo-small.uk-visible-small > p {
  margin: 0 0 0 0;
}

body > nav > div.tm-headerbar-left.uk-flex.uk-flex-middle > a.tm-logo.uk-navbar-brand.uk-hidden-small.uk-flex.uk-flex-middle > p
{
  margin: 0 0 10px 0;
}

body > nav > div.uk-flex.uk-flex-center.uk-height-1-1.uk-position-relative.tm-navbar-overlay-true.uk-visible-large > ul > li:nth-child(6) {
  display: none;
}

/*oil css */

.paralax-banner {
    width: 100%;
    background:linear-gradient(0deg, rgba(251, 42, 84, 0.3), rgba(251, 42, 82, 0.3)), url('http://toleran.com.ua/images/tanker_truck1.jpg');
    height: 550px;
    background-size: cover;
    background-position: center;
}

.banner-heading {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
  	flex-direction: column;
}

.banner-heading h2 {
    padding-left: 40px;
  	font-size: 55px;
  	font-weight: 900;
  	color: #fff;
  	line-height: 60px;
}

.banner-heading a {
  width: 300px;
  margin-left: 40px;
}

.two-blocks {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  	margin-top: 80px;
  	gap: 40px;
}

.two-blocks h3 {
  font-size: 24px;
  font-weight: 700;
  
}

.two-blocks p {
  font-size: 18px;
}

.first-block {
    width: 400px;
    min-height: 200px;
    background: #3c3636;
  	padding: 35px 15px 15px 15px; 
}

.second-block {
    width: 400px;
    min-height: 200px;
    background: #a60706;
  	padding: 35px 15px 15px 15px;
}

.text-with-image-block {
  	margin-top: 80px;
    display: flex;
  	align-items: center;
  	gap: 40px;
}

.text-block {
  width: 50%;
}

.image-block {
  width: 50%;
}

.pre-header::before {
  content: '/';
  color: red;
  font-weight: 900;
  margin-right: 15px;
}

.header-block {
  margin-top: 80px;
}

.header-block h2 {
  font-size: 24px;
  line-height: 30px;
}

.header-block ul {
  font-size: 18px;
}

/*oil css - mobile */
@media (max-width: 480px) {
  
  .banner-heading {
    align-items: center;
  }

  .banner-heading h2 {
    padding-left: 0px;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
  }
  
  .banner-heading a {
    width: 275px;
    margin-left: 0px;
  }
  
  .two-blocks {
    flex-direction: column;
    width: 100%;
  }
 
  .first-block, .second-block, .text-block, .image-block {
    width: auto;
  }
  
  .text-with-image-block {
    flex-direction: column;
  }
  
  .header-block h2 {
    font-size: 18px;
    line-height: 22px;
  }
  
  #offcanvas > div > ul > li:nth-child(6) {
    display: none;
  }
  

}