@charset "utf-8";


/* BASE */

body {
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   margin: 0 auto;
   padding: 0;
   color: #151515;
   background-color: #F8F4F0;
   width: 100%;
}

.clear {
   clear: both;
}

.row {
   max-width: 1366px;
   padding: 20px;
}

.clear {
   clear: both;
}

.lefted {
   text-align: left;
}

.righted {
   text-align: right;
}

.centerz {
   text-align: center;
}

a {
   color: #707070;
}

a:hover {
   color: #1B1B1B;
}

#supersized img {
   max-width: none;
}

b,
strong {
   font-weight: bold;
}

i,
em {
   font-style: italic;
}

.row.pt30 {
   padding-top: 30px;
}

.hover-effect {transition:box-shadow 0.2s;box-shadow:initial;}
.hover-effect:hover{box-shadow:0 10px 15px 0 rgba(0,0,0,0.08),0 15px 30px 0 rgba(0,0,0,0.08)}


.i-box {
   border: 1px solid #dadada;
   padding: 10px;
   width: 48%;
   float: left;
   text-align: left;
   margin: 0 10px 20px 10px;
   cursor: pointer;
   background-color: #fff;
}

.i-box .n {
   color: initial;
}

.i-detail img,
.i-box img {
   float: left;
   padding: 0 10px 10px 0;
}

.i-box img {
   max-width: 200px;
}



/* BLOCKS */

header {
   width: 100%;
   z-index: 5;
   position: fixed;
   top: 0;
   background-color: #fff;
}

header.active {
   box-shadow: 0 0 6px rgba( 0,0,0,0.4 );
}

header .a-logo {
   display: contents;
}

header .row {
   padding: 6px 3px 0 3px;

}

header .row.main-header {
   background-color: transparent;
}

header .main-logo img {
   height: 80px;
   padding: 5px 0 0;
   z-index: 1;
   position: relative;
}

header.smaller .main-logo img {
   height: 70px;
}

header.smaller #cssmenu {
   margin-top: 20px;
}

main {
   margin-top: 86px;
}

footer {
   word-spacing: 5px;
   font-size: 13px;
   margin: 0 auto;;
   background-color: #2D2D2D;
   color: #fff;
}

footer .row {
   padding: 40px 0;
   min-width: 320px;
}

footer,
footer a {
   color: #fff;
}

footer.main-footer,
footer.main-footer a {
   color: #dadada;
}

footer a:hover {
   color: #707070;
}

footer .footer-icons {
   font-size: 18px;
}

/* SECTION */
section.index-top {
   height: 400px;
}



.intro {
   font-size: 24px;
   line-height: 32px;
}





/* CONTACT */
.content-note {
   padding-top: 40px;
   padding-left: 250px;
   font-size: 12px;
}




/* PRESS */

.press-list img {
   float: left;
   padding: 0px 20px 0px 0px;
}

.press-list a {
   color: #000000;
}

.press-list a:hover {
   color: #666;
}

#search {
   width: 170px;
}

.btn {
   border: 0px;
}

button {
   color: #000000;
   background-color: #fff;
   padding: 10px 20px;
   border: 1px solid #000000;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 4px;
   transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
   cursor: pointer;
}

.sidebar-box input[type="text"] {
   width: 100%;
   padding: 12px;
   margin: 6px 0 4px;
   border: 1px solid #ccc;
   background: #fafafa;
   color: #000;
   transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
   font-size: 14px;
   font-weight: normal;
}

.sidebar-item {
   margin-left: 20px;
   margin-top: 10px;
}


h1 {
   color: #1B1B1B;
   font-family: 'Oswald', sans-serif;
   font-size: 28px;
   letter-spacing: 0;
   line-height: 34px;
   padding-bottom: 27px;
   text-transform: uppercase;
   font-weight: bold;
}

h2 {
   font-size: 24px;
   color: #1B1B1B;
   font-weight: bold;
   padding: 5px 0px 16px 0px;
   line-height: 30px;
}

h2 a {
   color: #4e4e4e;
}

h2 a:hover {
   color: #5F4C3F;
}

h2 i {
   float: right;
   padding: 4px 10px 0px 0px;
}

h3 {
   font-size: 18px;
   font-weight: bold;
   padding-bottom: 10px;
   padding-top: 20px;
}



/* BLOCKS */


div.box {
   padding: 30px;
   background-color: #fff;
}

main.main-index .row {
   padding-top: 0px;
   padding-bottom: 0px;
}

main .row {
   padding: 0;
   /* min-height: 88vh; */
}

main .row.nomh {
   min-height: 0;
}

main .row.nopt,
.nopt {
   padding-top: 0 !important;
}

main .row.nopb,
.nopb {
   padding-bottom: 0 !important;
}

main .row.row-index {
   padding: 4px 20px 30px 20px;

}

main .row.no-vertical-p {
   padding-bottom: 0px;
}

main .row.no-vertical-pt {
   padding-top: 0px;
}

.index-portfolio {

}






/* STYLES */

.misc-date {
   font-size: 14px;
   padding-bottom: 14px;
   padding-top: 10px;
   text-align: left;
   color: #7C7C7C;
}

.breadcrumb:first-child a {
   padding-left: 10px;
}

.breadcrumb a {
   font-size: 11px;
   padding: 0 20px;
   color: #5F4C3F;
}

.breadcrumb a:hover {
   color: #000000;
}

.sp-img-left {
   float: left;
   padding: 0 20px 150px 0;
}

.sp-img-right {
   float: right;
   padding: 0 20px 150px 0;
}

.text {
   padding: 20px 0px;
   line-height: 16px;
}


.lead {
   font-weight: bold;
   padding-bottom: 10px;
}

.text p,
.lead p {
   padding: 0 0 20px 0;
   line-height: 24px;
}

.text ul {
   margin-left: 20px;
}

.text ul li {
   padding-bottom: 12px;
}

.i-misc {
   font-size: 12px;
   color: #7C7C7C;
}

.list-img-h2 {
   margin-top: -50px;
   left: 0;
   width: 100%;
}

.big-list {
   width: 50%;
   float: left;
   padding: 0px 20px 0px 0px;
}

div.slogan {
   padding: 30px 30px;
}

h2.slogan {
   text-align: right;
   font-size: 25px;
   padding: 10px 30px;
   line-height: 36px;
   color: #8EB7B9;
}

.i-icons {
   text-align: right;
   font-size: 32px;
   padding-right: 30px;
}

.i-icons i.fa {
   margin-left: 10px;
}

.p30 {
   padding: 30px;
}

a.btn {
   color: #000000;
   background-color: #fff;
   padding: 10px 20px;
   border: 1px solid #000000;
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 4px;
   transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
   cursor: pointer;
   border-radius: 3px;
}

a.btn:hover {
   cursor: pointer;
   color: #fff;
   background-color: #8EB7B9;
   border: #7C7C7C;
}


/* cookie table */

div.table-wrapper {
   overflow-x: auto;
}

#impliedsubmit {
   margin-left: 20px;
   border: 1px solid #dadada;
   color: #5F4C3F;
   font-weight: bold;
}

.cookie-table {
   max-width: 100%;
   margin: 0px auto;
}

.cookie-table tr:nth-child(1) td {
   padding: 4px;
   font-size: 14px;
}

.cookie-table td {
   line-height: 18px;
   font-size: 14px;
   padding: 10px;
   border-bottom: 1px solid #dadada;
}


/* MODAL */

/* MODAL WINDOW */
.modal {
   max-width: 768px !important;
   padding: 20px !important;
   margin-top: -300px;
}

.modal p,
.modal p span {
   line-height:16px !important;
   padding-bottom:10px;
}

.modal b {
   line-height: 18px;
}

.modal a {
   display: flex; !important;
}

.blocker {
   padding: 20px 10px !important;
}



/* FORM */

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #C1C1C1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #C1C1C1;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #C1C1C1;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #C1C1C1;
}

.error, .no {
   font-size: 12px;
   color: red;
   font-weight: bold;
}

.success, .yes {
   font-size: 12px;
   color: #19832C;
}

.content-note {

}

/* VIDEO */

.video-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}


/* PAGER */

.pager {
   text-align: center;
}

div.pager span.plain {
   text-align: center;
   margin: 2px 3px;
   padding: 4px 10px;
   border: 1px solid #bebebe;
   color: #363636;
   font-weight: bold;
   background-color: #fff;
}

div.pager a {
   height: 15px;
   padding: 4px 10px;
   margin: 2px 3px;
   border: 1px solid #BCBCBC;
   text-decoration: none;
   color: #404040;
   font-weight: bold;
   background-color: #fff;
}

div.pager a:hover,
div span.plain.selected {
   border: 1px solid #5F4C3F;
   background-color: #fff;
   color: #5F4C3F;
   font-weight: bold;
}


.rel-files {
   padding: 10px 0 0 30px;
   font-size: 18px;
   line-height: 32px;
}

.about-img {
   float: left;
   padding: 0 20px 20px 0;
   width: 440px;
}

.about-img-r {
   float: right;
   padding: 0 0 20px 20px;
   width: 500px;
}


/* MOBILE */

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

   section.index-top {
      height: auto;
   }

   h2.slogan {
      font-size: 18px;
      line-height: 24px;
   }

   .i-box {
      width: 96%;
   }

   h2 {
      font-size: 20px;
   }

   header .main-logo {
      text-align: center;
      margin-top: 15px;
   }

   header .a-logo img {
      height: 40px;
   }

   #cssmenu #menu-button {
      margin-top: 15px;
      text-align: right;
      float: right;
   }

   #cssmenu ul.open {
      margin-top: 70px;
   }

   #cssmenu {
      width: 70%;
      margin-top: -10px;
   }

   header,
   header.smaller {
      height: auto;
   }

   .breadcrumb {
      display: none;
   }

   .box {
      left:10%;
      right:10%;
   }

   .box h1 {
      font-size:24px;
   }

   .lang-select {
      margin-top: 15px;
   }

}

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

   main {
      margin-top: 36px;
   }

   header .main-logo {
      float: left;
      margin-top: 0;
      padding: 4px;
   }

   header img {
      height: 70px;
   }

   .lang-select {
      margin-top: -20px;
   }

   #cssmenu {
      margin-top: -55px;
   }

   .footer-icons {
      float: left;
      padding-left: 10px;
   }

   .press-list img {
      float: unset;
      display: block;
      margin: 0 auto;
      padding-bottom: 10px;
   }


   #cssmenu > ul > li:hover {
      background-color: #EFEFEF;
   }

   #cssmenu > ul > li.has-sub ul.open {
      margin-top: auto;
   }


   .content-note {
      padding-left: 0;
   }

   .about-img {
      width: auto;
      padding-left: 0;
      padding-right: 0;
   }

   h1 {
      word-break: break-word;
      font-size: 24px;
      padding-bottom: 12px;
      padding-left: 20px;
   }
}