/*!
Theme Name: Architextura
Theme URI: #
Author: Aprilstudio, Milos Mladenovic   
Author URI: https://aprilstudio.rs/
Description: Architextura
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Architextura
Tags: Custom build Theme
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
@font-face {
    font-family: 'GT Pressura';
    src: url('fonts/GT-Pressura-Standard-Light.eot');
    src: url('fonts/gt-pressura-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/GT-Pressura-Standard-Light.woff2') format('woff2'),
         url('fonts/GT-Pressura-Standard-Light.woff') format('woff'),
         url('fonts/GT-Pressura-Standard-Light.ttf')  format('truetype'),
         url('fonts/GT-Pressura-Standard-Light.svg#GT Pressura') format('svg');
}
html, body {
    font-family: 'GT Pressura', sans-serif;
    color:#000;
}

strong {
    font-weight: bold
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

a {
    text-decoration: none;
    font-weight: 500;
    color:#000000;
}
*, ::before, ::after {
    box-sizing: border-box;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
.container {
    max-width: 1300px;
    padding: 0 15px;
    margin: 0 auto;
}
header {
    padding-top: 41px;
    padding-bottom: 85px;
}
.home-section h1, .text-section h2 {
    font-weight: 300;
    font-size: 67.34px;
    line-height: 1.19;
    text-decoration-line: underline;
    color: rgba(0, 0, 0, 0.85);
    max-width: 920px;
    margin-bottom: 55px;
    text-decoration-thickness: from-font;
}
.home-section p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9C9C9C;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.d-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 80px;
}
.grid-section {
    padding-top: 100px;
    padding-bottom: 24px;
}
.grid-section h2 {
    font-size: 38px;
    line-height: 1.06;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 11px;
    margin-top: 32px;
}
.grid-section p {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.85);
}
.grid-section .black-button {
    margin-top: 27px;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 6px;
    display:inline-block;
    font-size: 14px;
    line-height: 1.29;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 10px 80px;
}

.text-section .inner {
    border-top: 1px solid #9C9C9C;
    border-bottom: 1px solid #9C9C9C;
    padding-top: 85px;
    padding-bottom: 62px;
}
.text-section h2 { 
    max-width: 770px;
    margin-bottom: 52px;
}
.text-box {
    max-width: 600px;
    margin-left: 43%;
}
.text-section p {
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 30px;
    color: rgba(0, 0, 0, 0.85);
}
.logos-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 48px 0;
}
.footer-flex {
    display: flex;
    flex-wrap: wrap;
}
.footer-left {
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
    max-width: 43%;
}
.footer-right {
    -ms-flex: 0 0 57%;
    flex: 0 0 57%;
    max-width: 57%;
}
footer {
    background: rgba(0, 0, 0, 0.85);
    padding-top: 76px;
    color:#fff;
}
footer h4 {
    font-size: 24px;
    line-height: 2.66;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
footer ul li, footer ul li a {
    font-size: 38px;
    color: #FFFFFF;
}
footer a {
    color: #FFFFFF;
}
footer ul li {
    margin-bottom: 15px;
}
footer p {
    font-size: 12px;
    line-height: 1.67;
} 
.footer-bottom p {
    letter-spacing: 0.02em;
}
.social {
    margin-top: 40px;
}
.footer-bottom {
    padding: 24px 0 28px;
}
.footer-middle {
    padding: 26px 0;
    border-top: 1px solid #9C9C9C;
    border-bottom: 1px solid #9C9C9C;
}
.footer-top {
    padding-bottom: 60px;
}
.social a {
    margin-right: 40px;
}
.dn {
    display: none !important;
}
.fancybox > img {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    display: block;
  }
.fancybox {
    display: block;
    overflow: hidden;
}
.fancybox:hover > img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.fancybox-is-open .fancybox-bg {
    opacity: 1;
    background: #fff;
}
.fancybox-bg {
    background: #fff;
}
.fancybox-infobar, .fancybox-button--thumbs, .fancybox-button--play, .fancybox-button--zoom {
    display: none !important;
}
.fancybox-button {
    background: transparent;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: rgba(0, 0, 0, 0.5);
}   
.fancybox-navigation .fancybox-button div {
    padding: 0;
} 
.fancybox-navigation .fancybox-button {
    opacity: 1;
}
.fancybox-button:hover {
    color: #000;
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #000;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right: 40px;
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 40px;
}
.fancybox-button--close {
    right: 25px;
    top: 20px;
    padding: 12px;
}
.phone-bottom {
    display: none;
}
.black-button {
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: none;
    border:1px solid rgba(0, 0, 0, 0.85);
}
/* .black-button::after {
    content: '';
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 6px;
}
.black-button:hover::after {
    width: 100%;
}
.black-button:hover {
    border:1px solid rgba(0, 0, 0, 0.85);
} */
.black-button span {
    position: relative;
    z-index: 1;
    color:#fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.grid-section .black-button:hover span {
    color:rgba(255, 255, 255, 0.5);
}
/* .black-button:hover span {
    color: rgba(0, 0, 0, 0.85);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
} */
footer ul li a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
footer ul li a:hover {
    color: rgba(255, 255, 255, 0.5);
}
.social a:hover svg path {
    fill:rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
@-webkit-keyframes fadeInUp {
    0% {
     opacity:0;
     -webkit-transform:translate3d(0,20%,0);
     transform:translate3d(0,20%,0)
    }
    to {
     opacity:1;
     -webkit-transform:translateZ(0);
     transform:translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
     opacity:0;
     -webkit-transform:translate3d(0,20%,0);
     transform:translate3d(0,20%,0)
    }
    to {
     opacity:1;
     -webkit-transform:translateZ(0);
     transform:translateZ(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
/* .animated-module {
    visibility: hidden;
}

.animated {
    visibility: visible;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }  */

@media screen and (max-width: 1500px) {
    .home-section h1, .text-section h2 {
        font-size: 60px;  
    }
    .home-section h1 {
        max-width: 830px;
    }
    .text-section h2 {
        max-width: 690px;
    }
    footer ul li, footer ul li a {
        font-size: 34px;
    }    
}
@media screen and (max-width: 1199px) {
    .home-section h1, .text-section h2 {
        font-size: 50px;
        margin-bottom: 45px;
    }
    .home-section h1 {
        max-width: 700px;
    }
    .text-section h2 { 
        max-width: 580px;
    }
    header {
        padding-top: 35px;
        padding-bottom: 60px;
    }
    .grid-section {
        padding-top: 70px;
        padding-bottom: 0px;
    }
    .text-section .inner {
        padding-top: 70px;
        padding-bottom: 40px;
    }
    footer ul li, footer ul li a {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .grid-section h2 {
        font-size: 32px;
        margin-top: 20px;
    }  
    .logo img {
        max-width: 180px;
    }  
    footer h4 {
        font-size: 22px;
    }    
}
@media screen and (max-width: 991px) {
    header {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .logo img {
        max-width: 170px;
    }
    .home-section h1, .text-section h2 {
        font-size: 44px;
    }    
    .text-section .inner {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .home-section h1 {
        max-width: 610px;
    }
    .grid-section h2 {
        font-size: 30px;
        margin-top: 20px;
    }
    .grid-section {
        padding-top: 60px;
    }
    .col-md-6 {
        margin-bottom: 60px;
    }
    .logos-grid {
        flex-wrap: wrap;
        text-align: center;
    }
    .logos-grid > * {
        flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 20px;
    }
    .logos-grid {
        padding-bottom: 25px;
        padding-top: 45px;
    }
    footer ul li, footer ul li a {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .text-section h2 {
        max-width: 500px;
    }
    footer h4 {
        font-size: 20px;
    } 
}
@media screen and (max-width: 767px) {
    header {
        padding-top: 25px;
        padding-bottom: 37px;
    }
    .home-section h1, .text-section h2 {
        font-size: 33.16px;
        line-height: 48px;
    }
    .home-section p {
        font-size: 14px;
    }    
    .home-section h1 {
        margin-bottom: 20px;
    }
    .grid-section {
        padding-top: 45px;
    }
    .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }    
    .grid-section h2 {
        font-size: 24.88px;
        line-height: 40px;
        margin-top: 15px;
    }
    .grid-section .black-button {
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.1em;
        padding: 8px 64px;
        margin-top: 18px;
    }
    .text-section .inner {
        padding-top: 46px;
        padding-bottom: 34px;
    }
    .text-box {
        margin-left: 0;
    }
    .text-section h2 {
        margin-bottom: 27px;
        letter-spacing: -0.01em;
    }
    .text-section p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
        max-width: 300px;
    }
    .logos-grid > * {
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 40px;
    }
    .logos-grid {
        padding-bottom: 20px;
        padding-top: 57px;
    }
    footer {
        padding-top: 38px;
        padding-bottom: 62px;
    }    
    .footer-left, .footer-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer h4 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0.3em;
        margin-bottom: 32px;
    }
    footer ul li, footer ul li a {
        font-size: 18.66px;
        line-height: 32px;
        margin-bottom: 25px;
    }
    .footer-top {
        padding-bottom: 45px;
    }
    .footer-middle {
        padding: 33px 0;
    }
    footer p {
        font-size: 10px;
        line-height: 20px;
    }
    .footer-middle .footer-right {
        margin-top: 20px;
    }
    .footer-bottom {
        padding: 16px 0 21px;
    }
    .fancybox-button--close {
        right: 5px;
        top: 5px;
    }
    .fancybox-navigation .fancybox-button {
        top: 88%;
    }
    .fancybox-navigation .fancybox-button--arrow_left {
        left: 30%;
    }
    .fancybox-navigation .fancybox-button--arrow_right {
        right: 30%;
    }
    .phone-bottom {
        display: flex;
        position: fixed;
        bottom:0;
        left:0;
        background: rgba(0, 0, 0, 0.85);
        padding: 12px 7px;
        width: 100%;
        z-index: 99;
        justify-content: center;
    }
    .phone-bottom a {
        color:#fff;
        font-weight: 300;
        font-size: 20px;
        text-align: center;
        letter-spacing: 0.03em;
    }
    .phone-bottom a:hover {
        color:rgba(255, 255, 255, 0.5);
    }
    .footer-button a {
        background: #fff;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.85);
        text-align: center;
        display: block;
        padding: 7px 0;
        border-radius: 6px;
    }
    .footer-button {
        max-width: 50%;
        padding: 0 8px;
        border-radius: 6px;
        width: 50%;
    }
    .home-section h1 {
        max-width: 360px;
    }
}