body {font-family: 'Playfair Display', serif;}
body.body-sub {background-color: #F5F5F5;}
body.body-sub p {text-align: justify; font-size: 18px; line-height: 28px;}

body.body-sub .container {  }
body.body-bg-1 {background-image: url("../img/pattern-3.png");}

.wrapper-content { background-color: rgba(255,255,255,0.7); padding: 30px 60px; margin: 30px 0 100px 0; border-bottom: 3px solid #A03043; }
/*box-shadow: 0 0 26px rgba(0,0,0,0.1);*/
@media (min-width: 768px) {
  /*ul.navbar-nav {margin-right: auto!important; margin-left: auto!important;}*/
}

h1 {text-transform: uppercase; font-size: 1.5em; font-weight: 600; margin: 1em 0 2em 0; color: #A03043;}
h2 {font-size: 1.3em; margin: 40px 0 20px 0; color: #A03043;}
h3 {font-size: 1.2em; font-weight: 700;}
a {color: #A03043; }
a:hover, p a:focus { color: #cc0023; }

.logobar {background: rgba(226, 223, 214, .8); padding: 5px 0 10px 0;}

.navbar {padding: 1rem 1rem}

.navbar, .dropdown-menu {background: #E2DFD6;}
.navbar-light .navbar-nav .nav-link {color: #A03043;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {color: #cc0023;}

.navbar-light .navbar-nav .active>.nav-link {color: #cc0023;}

a.nav-link, a.dropdown-item {text-transform: uppercase; font-size: 0.9em; color: #A03043; }
.dropdown-menu {border-radius: 0; padding: 0; border: 0; margin: 0.5rem 0 0;}
.dropdown-item:focus, .dropdown-item:hover {background: rgba(255,255,255,0.5);}

.form-dropdown {padding: 0 20px;}
.form-dropdown .form-control {height: 30px;}
.form-dropdown .form-group {margin-bottom: 10px;}
.form-dropdown label {color: #3b3830; margin-bottom: 5px; font-size: 0.8em;}

.navbar-toggler {border-color: #A03043;}

#nav-login {background: url("../img/padlock.svg") no-repeat; background-size: 10px; background-position: 0 12px; padding-left: 15px; margin-left: 10px;}

.parallax-window {  background: transparent; }
#parallax-1 {margin-bottom: 4px;}
.motto { width: 800px; text-align: center; margin: 60px 0; font-size: 1.3em;}
#description-video {height: 315px; padding-left: 20px;}

iframe {width: 100%; height: 315px;}

@media (max-width: 767px) {
  .wrapper-content { padding: 10px 20px; }
	.motto {width: 100%; font-size: 1em; margin: 20px 0;}
	#description-video {height: auto; padding-left: 0;margin-top: 20px;}
	iframe {width: 100%; height: 200px;}
	.dropdown-menu {margin-top: 0;}
	#nav-login {margin-left: 0;background-position: 0 20px;}
  .form-dropdown label {font-size: 1em;}
  .form-dropdown .form-control {height: 50px;}
}

section {padding: 3em 0;}
.section-grey { background: #eff0f2; }

.logo-supplier {width: 150px;}
#block-suppliers {margin-top: 20px;}

#block-login {
	background: #334A59;
	padding: 0.5em 1em;
	border-radius: 3px;
	margin-bottom: 2em;
}

#block-login label {color: #fff;}



a.btn-1 {border: 1px solid #A03043; color: #A03043; padding: 0.6em 1em; border-radius: 3px; text-transform: uppercase; font-size: 16px;}
a.btn-1:hover, a.btn-1:focus {text-decoration: none; color: #fff; background: #A03043;}

a.btn-2 {border: 1px solid #A03043; color: #A03043; padding: 0.4em 0.5em; border-radius: 3px; text-transform: uppercase; width: 100%; display: block; text-align: center; font-size: 12px; margin-bottom: 10px;}
a.btn-2:hover, a.btn-2:focus {text-decoration: none; color: #fff; background: #A03043;}

#block-login a.btn-2 {font-size: 14px;}

.container-flex-1 {display: flex; justify-content: center; align-items: center; flex-direction: column; }
.container-flex-2 {display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap;}
.container-flex-3 {display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; }
.logo-1 {width: 120px; margin: 0 auto; display: block; margin-top: 10px;}
.logo-2 { height: 35px; margin-right: 10px;}
.navbar-brand {font-size: 0.9em; font-weight: 600;}
span.slogan {display: block; font-size: 1.6em; text-align: center; max-width: 600px; line-height: 1.2em; margin: 3em 0; color: #504932; }
span.icon-more {background: #ef4e37; font-size: 0.5em; text-transform: uppercase; padding: 3px 6px; color:#fff; background: #2a2a2a url("../img/arrow-2.png") no-repeat; background-size: 0.7em; background-position: 92% 50%; padding-right: 15px; border-radius: 3px;  }
span.icon-more:hover, span.icon-more:focus { background: #ef4e37 url("../img/arrow-2.png") no-repeat; background-size: 0.7em; background-position: 92% 50%; padding-right: 15px; border-radius: 3px;}

.icon-social {width: 20px; height: 20px;}

@media (max-width: 767px) {
	.logo-1 {width: 120px;}
	a.btn-2 {font-size: 14px;}
	#block-login {width: 100%;}
  a.btn-2 {padding: 0.8em 0.5em; font-size: 16px;}
}

.point-1 .point-title { font-size: 1em; line-height: 1.2em; margin-bottom: 1em;}
.point-title {cursor: pointer; /*background: url("../img/arrow-1.png") no-repeat*/; background-size: 0.5em; background-position: 0 50%; /*padding-bottom: 1em;*/ /*border-bottom: 1px solid rgba(0,0,0,0.2);*/ }
.point-title:hover, .point-title:focus {color: #ef4e37;}
.point-body {display: none;}
.point-1 .point-body {padding-bottom: 2em;}
.point-arrow {width: .6em; margin-left: 0.5em;}

ul.point-2 {list-style: none; padding: 0;}
ul.point-2 li { color: #413e35; background: #f3edd9 url("../img/list-1.png") no-repeat; background-position: 15px 50%; background-size: 20px; margin-bottom: 1em; padding: 10px 50px; border-radius: 3px; font-weight: 600;}

.point-3 {background: #ddc578 url("../img/bg-1.png"); background-position: 90% 10%; background-repeat: no-repeat; border-radius: 3px; padding: 15px; margin-bottom: 20px;}
.point-3 p, .point-4 p {margin-bottom: 0; line-height: 1.3em;}


.point-4 {background: #e46f3e url("../img/bg-1.png"); background-position: 100% 90%; background-repeat: no-repeat; border-radius: 3px; padding: 15px; margin-bottom: 20px;}

.btn-primary {background: #e36f3e; border: none; font-family: 'Fira Sans', sans-serif; font-size: 0.8em; cursor: pointer;}
.btn-primary:hover, .btn-primary:focus {background: #c7592a;}



@media (max-width: 767px) {
  .logobar {display: none;}
  span.slogan {font-size: 1.2em; margin: 2em 0;}
  h1 {font-size: 1.5em;}
  a.nav-link {font-size: 1.2em; }
  a.dropdown-item {font-size: 1em;}
}



#container,  .sections,  .section {
  position: relative;
  height: 100%;
}

.section {
  background-color: #000;
  background-size: cover;
  background-position: 50% 50%;
}


#section0 { background-image: url(../img/slide-1.jpg); }
#section1 { background-image: url(../img/slide-2.jpg); }
#section2 { background-image: url(../img/slide-3.jpg); }

#footer {background: rgba(226, 223, 214, .9); width: 100%; position: fixed; bottom: 0; padding: 10px; font-size: 12px; text-align: center; text-transform: uppercase;}

.block-1 {background: rgba(255,255,255,0.9); max-width: 630px; padding: 2em; text-align: center; font-size: 18px; border-bottom: 3px solid #A03043;}
.block-2 {background: rgba(255,255,255,0.9); max-width: 300px; min-height: 150px; padding: 2em; font-size: 16px; margin: 0 2em; border-bottom: 3px solid #A03043;}

.block-2 p {margin-bottom: 20px;}

.owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}

.owl-controls {
      
  }

.owl-theme .owl-dots .owl-dot span {
  background: #fff;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #A03043;
}

.img-client {margin:20px; width: 150px;}

.header-clients {background: #A03043; padding: 10px 20px; color: #fff; text-transform: uppercase;}

#collapse-client {max-height: 0; overflow: hidden; padding: 0; margin-top: 0; border: none;}
#collapse-client.open {max-height: 5000px; overflow: visible; padding: 0;padding: 30px 60px;border-bottom: 3px solid #A03043;}

.form-message {
  background-color: #dcbcbc;
  border-radius: 3px;
  padding: 10px; margin-bottom: 20px;
  font-size: 13px;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .point-3, .point-4 {min-height: 190px;}
  .block-1 {margin-top: -200px;}
}

@media (max-width: 767px) {
  .block-1 {width: 80%; padding: 1.5em 1em; margin-bottom: 4em;}
  .block-2 {min-height: auto; padding: 1.5em 1em; margin: 0;}
  .block-2 p {margin-bottom: 0;}
  .container-flex-1 {}
}

.pages {
  position: fixed;
  right: 10px;
  top: 50%;
  list-style: none;
}

.pages li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  margin: 15px 0 0 5px;
}

.pages li.active {
  margin-left: 0;
  width: 18px;
  height: 18px;
  border: 4px solid #FFFFFF;
  background: none;
}