/* Theme Name: deteem-theme Version: 1.0 Author: WGLK */ body { font-family: Montserrat; font-weight: 400; color: #373552; background: #fff; font-size: 16px; } * { box-sizing: border-box; } .center { width: 1170px; margin: 0 auto; } h1, h2, h3, h4 { display: block; margin: 0; font-weight: 700; } h2 { font-size: 30px; text-transform: uppercase; position: relative; padding-left: 60px; margin-bottom: 60px; } h2 span { display: block; width: 50px; height: 5px; background: #e31e25; position: absolute; border-radius: 30px; left: 0; top: 15px; } h3 { font-size: 30px; } header .menus nav ul li a, header .lang-module a, .more-button, section.offer-module .item .inside, a.media.fb, section.news-module .item .inside, section.gallery .inside { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } header { position: relative; } header .top-bar { position: absolute; top: 40px; z-index: 900; width: 100%; } header .menus { height: 90px; background: #fff; margin-bottom: 40px; } header .menus .logo-box { float: left; width: 20%; } header .menus .logo-box img { display: block; width: 90%; margin-top: 15px; } header .menus nav { float: left; width: 80%; text-align: right; } header .menus nav ul { margin: 0; padding: 35px; list-style: none; } header .menus nav ul li { display: inline-block; } header .menus nav ul li a { font-weight: 600; text-decoration: none; color: #373552; padding: 10px 10px; margin: 0 15px; border-bottom: 3px solid #fff; } header .menus nav ul li a:hover, header .menus nav ul li.current-menu-item a, .menus nav ul li.current-page-ancestor a { border-bottom: 3px solid #e31e25; } header .lang-module ul { margin: 0; padding: 0; list-style: none; } header .lang-module ul li { display: inline-block; } header .lang-module a { display: inline-block; padding: 10px; background: #fff; color: #373552; font-weight: 700; margin-right: 10px; text-decoration: none; text-transform: uppercase; } header .lang-module a:hover, header .lang-module li.current-lang a { color: #e31e25; } .grid2 .left-column { float: left; width: 47%; margin-right: 3%; } .grid2 .right-column { float: left; width: 47%; margin-left: 3%; } section { padding: 100px 0; } section.aboutus-module .txt { text-align: justify; line-height: 30px; margin-bottom: 50px; } .more-button { background: #e31e25; padding: 15px 30px; color: #fff; font-size: 14px; text-decoration: none; } a.more-button:hover { background: #373552; } section.aboutus-module img { display: block; width: 100%; margin-bottom: 20px; } section.aboutus-module iframe { width: 100%; height: 350px; margin-bottom: 20px; } section.aboutus-module .video { display: block; padding: 30px 0; background: #e31e25; text-align: center; color: #fff; text-decoration: none; font-weight: 700; } section.vda-module { padding: 40px 0; background: #373552 url(images/aboutus-bg.jpg) top center no-repeat; text-align: center; color: #fff; } section.vda-module div { line-height: 30px; } section.vda-module h3 { margin-bottom: 30px; } .grid3 .left-column, .grid3 .center-column, .grid3 .right-column { float: left; width: 33.3333%; } .imgLiquidFill { width: 100%; height: 100%; } section.offer-module, section.news-module, section.page .title, section.single-module .title, section.new-personel-module .title { text-align: center; } section.offer-module .item { display: block; height: 500px; background: #e6eef1; position: relative; text-decoration: none; color: #fff; } section.offer-module h2, section.news-module h2, section.page h2, section.single-module h2, section.new-personel-module h2 { display: inline-block; padding: 0 60px; } section.offer-module h2 span:last-child, section.news-module h2 span:last-child, section.page h2 span:last-child, section.single-module h2 span:last-child, section.new-personel-module h2 span:last-child { right: 0; left: auto; } section.offer-module .item .inside, section.news-module .item .inside, section.gallery .inside { background: rgba(55, 53, 82, 0.9); position: absolute; width: 80%; height: 80%; margin: 10%; opacity: 0; } section.offer-module .item:hover .inside, section.news-module .item:hover .inside, section.gallery .item:hover .inside { opacity: 1; } section.offer-module .item .more-button, section.news-module .item .more-button, section.gallery .item .more-button { display: inline-block; background: #fff; color: #373552; } section.offer-module .item h3 { font-size: 40px; margin-bottom: 40px; padding-top: 120px; } section.news-module, section.gallery, section.files { padding-top: 0; } body.category section.news-module { padding-top: 100px; } section.news-module .item { float: left; width: 31.3333%; text-align: left; line-height: 30px; text-align: justify; margin-right: 3%; margin-bottom: 25px; } section.news-module .item:last-child, section.news-module .item:nth-child(3n+1) { margin-right: 0; } section.news-module .item .img-box { height: 275px; overflow: hidden; background: #e6eef1; margin-bottom: 15px; position: relative; text-align: center; } section.news-module .item .inside .more-button, section.gallery .item .inside .more-button { margin-top: 80px; } section.news-module .item .img-box .date-box { background: #e31e25; text-align: center; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 0; padding: 10px 0; width: 40%; color: #fff; font-weight: 700; z-index: 950; } section.news-module .item .img-box .date-box .day { display: block; font-size: 40px; font-weight: 700; padding-top: 10px; } section.news-module .item .line { height: 1px; background: #dadada; margin-bottom: 15px; } section.news-module .item a { text-decoration: none; color: #373552; } section.news-module .item a:hover { text-decoration: underline; color: #e31e25; } section.news-module .item h3 { font-size: 18px; margin-bottom: 15px; height: 65px; overflow: hidden; } section.news-module .item .txt { height: 150px; overflow: hidden; } section.contact-module { background: #373552 url(images/contact-bg.jpg) center right no-repeat; color: #fff; line-height: 30px; } .map { height: 450px; overflow: hidden; } .map iframe { width: 100%; height: 100%; } .copyright-box { font-size: 14px; padding: 25px 0; } .copyright-box a { color: #e31e25; } span.red { color: #e31e25; } section.personel-module { padding-bottom: 40px; } section.personel-module .item { float: left; width: 33.3333%; padding-bottom: 30px; border-bottom: 1px solid #dadada; margin-bottom: 30px; height: 175px; } section.personel-module .item:nth-child(2) { margin-left: 34.3333%; margin-right: 34.3333%; } section.personel-module .item:nth-child(3n+1) { margin-right: 0; } section.personel-module .item .img-box, section.new-personel-module .row .item .img-box { float: left; width: 40%; height: 250px; background: #e9f1f3; margin-right: 5%; } section.personel-module .item a, section.new-personel-module .row .item a { text-decoration: none; color: #373552; } section.personel-module .item .info, section.new-personel-module .row .item .info { float: left; width: 55%; } section.personel-module .item .name, section.new-personel-module .row .item .name { font-weight: 700; margin-bottom: 5px; font-size: 20px; } section.personel-module .item .office, section.new-personel-module .row .item .office { margin-bottom: 70px; font-size: 14px; } section.personel-module .item .phone, section.new-personel-module .row .item .phone { font-weight: 700; } section.personel-module .item .phone a, section.new-personel-module .row .item .phone a { color: #e31e25; } section.personel-module .item .mail, section.new-personel-module .row .item .mail a { font-size: 13.5px; } /* ----- NEW CONTACT VIEW ----- */ section.new-personel-module .row { display: flex; margin-bottom: 50px; } section.new-personel-module .row.one, section.new-personel-module .row.two { justify-content: center; } section.new-personel-module .row.three { justify-content: space-between; } section.new-personel-module .row.four { padding-left: 5vw; } section.new-personel-module .row .item { float: none !important; flex-basis: 25%; width: auto !important; } section.new-personel-module .row.four .item:nth-child(2) { margin-right: 5.8vw; margin-left: 15vw; } .content, section.address-module { line-height: 30px; } .subpage-image img, .slide-mobile img { display: block; width: 100%; } section.gallery .item { float: left; width: 31.3333%; margin-right: 3%; height: 275px; overflow: hidden; margin-bottom: 30px; position: relative; text-align: center; } section.gallery .item:nth-child(3n+1) { margin-right: 0; } section.video, section.address-module { padding-top: 0; } section.video iframe { width: 100%; height: 600px; } p.nr { font-size: 30px; font-weight: 700; } a.media { display: block; width: 70px; height: 70px; position: fixed; z-index: 950; text-align: center; line-height: 110px; overflow: hidden; } a.media.fb { background: #1976d2; bottom: 20px; right: 20px; } a.media.fb img { width: 50px; } a.media:hover { background-color: #e31e25; } .motto-box { font-weight: 700; font-size: 40px; color: #fff; padding-top: 175px; } section.files .item { border: 1px solid #dadada; padding: 30px; position: relative; font-weight: 600; margin-bottom: 15px; } section.files .item .txt { padding-right: 200px; } section.files .item a { position: absolute; right: 17px; top: 17px; } section.single-module { line-height: 30px; } section.single-module .img-box { float: left; width: 40%; height: 375px; margin-right: 30px; margin-bottom: 30px; } section.single-module .title { margin-bottom: 15px; } section.single-module h2 { display: inline; } section.single-module .date { margin-bottom: 40px; text-align: center; } .slide-mobile { display: none; } .slicknav_menu { display: none; } img.anglia { display: block; width: 15%; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 20px; } /* ---------- CLEARFIX ---------- */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }