@font-face{font-family:"BebasRegular";src:url('../fonts/Bebas/BebasRegular.otf');}
@font-face{font-family:"Cola";src:url('../fonts/Cola/Cola.otf');}
@font-face{font-family:"Raleway";src:url('../fonts/Raleway/Raleway-Regular.ttf');}
*{font-family:"BebasRegular", cursive;color:#48495b;letter-spacing:2px;font-size:18px;}
.active{background:#75cbc5!important;}
.mrg-top{margin-top:50px;}
h1{color:#ffffff;font-size:40px;padding-top:40px;text-align:center;padding-bottom:40px;font-family:"Cola", cursive;}
h2{margin-top:0;color:#000000;font-size:30px;text-align:center;margin-bottom:30px;text-transform:uppercase;font-family:"BebasRegular", cursive;}
h3{color:#000000;font-size:20px;text-align:center;text-transform:uppercase;font-family:"BebasRegular", cursive;}
span{color:#000000;font-size:18px;text-align:center;text-transform:uppercase;font-family:"BebasRegular", cursive;}
img{margin:0 auto;}
p, p i{font-size:16px;line-height:20px;text-transform:none;letter-spacing:normal;font-family:"Raleway", cursive;}
.btn-main, .btn-main:visited{color:#ffffff;transition:1s;font-size:20px;padding:5px 80px;text-align:center;text-decoration:none;display:inline-block;background-color:#93cac4;text-transform:uppercase;font-family:"BebasRegular", cursive;}
.btn-main:hover, .btn-main:active, .btn-main:focus{color:#ffffff;cursor:pointer;transition:1s;text-decoration:none;background-color:#a4e4df;}
.navbar{padding-left:0;padding-right:0;margin-bottom:0;text-align:center;background-color:transparent;}
.navbar .navbar-nav{float:none;display:inline-block;vertical-align:top;}
.navbar .navbar-collapse{text-align:center;}
.navbar-header{margin-right:0;}
.navbar-collapse{padding-left:0;padding-right:0;}
.navbar-nav{width:100%;}
.navbar-nav > li{width:100%;transition:1s;min-width:80px;padding-top:10px;text-align:center;padding-bottom:10px;}
.navbar-nav > li:hover{color:#000000;transition:1s;background:#75cbc5;}
.navbar-nav > li > a,.navbar-nav > li > a:focus{transition:1s;color:#48495b;display:block;font-size:16px;background:none;text-transform:uppercase;font-family:"BebasRegular", cursive;}
.navbar-nav > li > a:hover{background:none;transition:1s;}
.navbar-toggle{float:none;margin-right:0;margin-top:30px;margin-bottom:30px;border:1px solid #75cbc5;}
.navbar-toggle .icon-bar{background-color:#75cbc5;margin:0 auto;}
header{z-index:0;min-height:400px;text-align:center;position:relative;background-size:cover;}
.dark-shadow{height:100%;width:100%;position:absolute;z-index:0;background:rgba(1,1,1,.5);}
.logo{display:block;padding-top:40px;}
.arrow{position:absolute;bottom:10px;left:50%;display:block;margin-left:-20px;}
footer{background:#191919;text-align:center;}
footer ul{margin:0 auto;padding-left:0;padding-top:25px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.5);}
footer ul li{display:block;vertical-align:middle;}
footer ul li a{color:#ffffff;transition:1s;display:block;font-size:18px;padding-top:10px;padding-bottom:10px;vertical-align:middle;font-family:"BebasRegular", cursive;}
footer ul li a:hover{color:#75cbc5;text-decoration:none;}
footer span{color:rgba(254, 254, 254, .3);display:inline-block;font-size:18px;padding-bottom:30px;padding-right:5px;padding-top:30px;}
@media (max-width:768px){footer span{padding-bottom:0;}
footer > div > a{display:block;margin-bottom:30px;margin-top:5px;}
}
#subscribe{text-align:center;}
#subscribe form{margin-top:40px;}
#subscribe form label{color:#000000;font-size:12px;text-align:left;display:inline-block;font-family:"Raleway", cursive;}
#subscribe form input{background:#d5efed;border:1px solid transparent;color:#000000;display:block;font-family:"Raleway", cursive;font-size:12px;min-width:250px;margin-right:20px;padding:9px 35px 10px 15px;text-transform:none;width:100%;}
#subscribe form .btn-main{cursor:pointer;display:block;margin-top:20px;width:100%;}
@media (min-width:768px){h1{font-size:72px;padding-top:40px;padding-bottom:40px;}
header{min-height:500px;}
.logo{padding-top:120px;}
.navigation{height:auto;padding-left:0;position:absolute;top:0;left:0;width:100%;z-index:1;display:inline-block!important;background:rgba(1,1,1,.7);}
.navigation li{list-style:none;display:inline-block;}
.navigation li a{display:block;transition:1s;padding:15px 20px;text-decoration:none;}
.navigation li a:hover{background:#75cbc5;}
.navigation li a span{display:block;color:#ffffff;padding-top:5px;padding-bottom:5px;text-transform:uppercase;}
footer ul li:first-child{display:block;}
footer ul li{padding-left:15px;padding-right:15px;display:inline-block;}
#subscribe form input,#subscribe form .btn-main{width:auto;margin-top:0;display:inline-block;vertical-align:middle;}
}
@media (min-width:992px){header{min-height:700px;}
.logo{padding-top:40px;}
h1{font-size:72px;padding-top:120px;padding-bottom:50px;}
h2{font-size:45px;}
h3{font-size:24px;}
.navigation{height:100%;width:auto;}
.navigation li{display:block;border-bottom:1px solid rgba(255,255,255, 0.15);}
footer ul li:first-child{display:inline-block;}
}
#homes .btn-main{margin-top:15px;}
#homes > div > div{text-align:center;margin-bottom:50px;}
#homes > div > div:last-child{margin-bottom:0;}
#homes > div > div p{padding-left:10px;padding-right:10px;text-align:justify;}
#project-gallery{text-align:center;}
#project-gallery > div > div, #winning > div > div{margin-bottom:30px;}
#project-gallery .gallery-img{margin-bottom:20px;}
#project-gallery .btn-main, #news .btn-main{margin-top:30px;}
#winning p{text-align:justify;margin-top:30px;}
#news{position:relative;z-index:0;background-size:cover;min-height:500px;text-align:left;color:#ffffff;}
#news > div > div{padding-top:50px;}
#news h2, #news p, #news span, .news-with-bg h3, .news-with-bg p, .news-with-bg span{text-align:left;color:#ffffff;}
#news span{display:block;margin-bottom:25px;}
.news > div > div{padding-top:45px;padding-bottom:45px;}
.news h3{text-align:left;font-size:30px;margin-bottom:20px;}
.news .btn-main{margin-top:20px;}
.news-with-bg{position:relative;background-size:cover;}
.news-with-bg div{position:relative;z-index:1;}
.news-with-bg:after{content:'';width:100%;height:100%;background:rgba(1,1,1,.7);position:absolute;left:0;top:0;z-index:0;}
#customer-say{text-align:center;}
#customer-say > span{display:block;text-align:center;margin-bottom:30px;text-transform:none;font-family:"Raleway", cursive;}
#customer-say > div > div{padding:50px 30px;}
#customer-say > div > div:nth-child(2n+1){background:#75cbc5;color:#ffffff;}
#customer-say > div > div:nth-child(2n+1) span,
#customer-say > div > div:nth-child(2n+1) h3,
#customer-say > div > div:nth-child(2n+1) p{background:#75cbc5;color:#ffffff;}
#customer-say > div > div > span{display:block;font-size:12px;margin-top:15px;margin-bottom:15px;text-transform:uppercase;}
@media (min-width:768px){#homes > div > div,
#gallery > div > div,
#winning > div > div{margin-bottom:0;}
#homes > div > div p{padding-left:0;padding-right:0;}
#homes > div > div{text-align:right;}
#winning p{text-align:center;}
#news > div > div{padding-top:90px;}
}
#work p{text-align:justify;margin-bottom:20px;}
#work p:last-child{margin-bottom:0;}
#work-price p{text-align:justify;}
#work-price > div > div{padding-top:30px;text-align:center;padding-bottom:30px;}
#work-price > div > div:nth-child(2n+1){background:#defefb;}
#work-price > div > div span{display:block;margin-bottom:10px;}
#work-price > div > div .btn-main, #services > div > div .btn-main{font-size:16px;padding-top:10px;text-align:center;padding-bottom:10px;width:auto!important;}
@media (min-width:768px){#work p{text-align:center;}
}
@media (min-width:992px){#work-price > div > div .btn-main,
#services > div > div .btn-main{padding-left:0;padding-right:0;width:100% !important;}
}
#services h3{text-align:left;}
#services p{text-align:justify;}
#services p:last-child{margin-bottom:0;}
#services > div > div{padding-top:30px;padding-bottom:30px;}
#services > div > div:nth-child(2n+1){background:#defefb;}
#services .services-price > div{margin-bottom:15px;}
#services .services-price > div:last-child{margin-bottom:0;}
@media (min-width:992px){#services .services-price > div{margin-bottom:0;}
#services .services-price > div > span{margin-top:10px;display:block;}
}
#about > div > div > p{font-size:18px;line-height:25px;text-align:justify;margin-bottom:20px;}
#about-team{text-align:left;}
#about-team ul{padding-left:0;text-align:center;border-bottom:1px solid rgba(168, 170, 183, .2);}
#about-team ul li{border-bottom:2px solid transparent;display:inline-block;list-style:none;opacity:0.3;padding-bottom:35px;padding-left:10px;padding-right:10px;transition:.3s;}
#about-team ul li:hover, #about-team ul li.active-member{border-bottom:2px solid #93cac4;cursor:pointer;opacity:1;}
#about-team h3{font-size:25px;text-align:left;margin-top:30px;margin-bottom:30px;}
#about-team p{margin-top:30px;margin-bottom:30px;text-align:justify;}
#about-team > div > div > a{transition:1s;margin-right:15px;}
#about-team > div > div > a:hover{opacity:.5;}
#about-team > div > div{margin-bottom:30px;}
#about-team > div > div:last-child{margin-bottom:0;}
.team-link img{border-radius:50%;}
.team-info, .team-img{display:none;}
@media (min-width:768px){}
@media (min-width:992px){#about-team ul{text-align:left;margin-top:30px;}
#about-team ul li{width:auto;}
#about-team h3{font-size:36px;}
}
#contacts{padding-top:50px;padding-bottom:50px;background:rgba(1,1,1,.8);}
#contacts > div{position:relative;z-index:1;}
#contacts ul{padding-left:0;}
#contacts ul li{list-style:none;margin-bottom:20px;}
#contacts ul li span{font-size:14px;text-transform:none;font-family:"Raleway", cursive;}
#contacts ul li img{margin-top:10px;}
#contacts p{text-align:justify;margin-bottom:0;}
.contacts-info{padding-top:30px;padding-bottom:30px;}
.contacts-info span,
.contacts-info ul li,
.contacts-info p,
.contacts-info h2{color:#ffffff;text-align:left;}
.contacts-info h2{text-align:center;}
.contacts-info p{padding-left:10px;padding-right:10px;}
.contacts-form{background:#ffffff;padding:30px;}
#form{margin-top:30px;}
.contacts-form label span,
.contacts-form input,
.contacts-form textarea{border:1px solid transparent;display:block;font-size:14px;text-align:left;background:#e3fdfb;text-transform:none;font-family:"Raleway", cursive;width:100%;}
.contacts-form label{display:block;}
.contacts-form label > span{display:block;font-size:12px;margin-top:30px;background:none;margin-bottom:5px;text-transform:uppercase;color:rgba(73, 73, 76, .7);}
.contacts-form form input, .contacts-form form textarea{padding:10px;}
#form-btn{width:100%;display:block;margin-top:30px;cursor:pointer;}
@media (min-width:768px){#contacts{position:relative;z-index:0;background:url("../img/contacts.jpg") center center;background-size:cover;}
#contacts:after{content:'';position:absolute;left:0;top:0;background:rgba(1,1,1,.6);height:100%;width:100%;z-index:0;}
.contacts-info h2{text-align:left;}
.contacts-info p{padding-right:0;padding-left:0;}
#map{margin:0;}
#form-btn{display:inline-block;width:auto;}
}
@media (min-width:992px){}
.project{margin-bottom:50px;}
.project h2{font-size:42px;margin-bottom:30px;}
.project > p{margin-bottom:30px;text-align:center;}
.project > div{padding-bottom:30px;}
.project img{margin-bottom:5px;}
.project span{display:block;text-align:center;}
#article{min-height:500px;}
#article p{color:#111111;text-align:justify;margin-bottom:20px;}
.modal-content{border-radius:0;}
.modal-header{border-bottom:0;}
.modal-title{color:#444444;font-size:22px;text-align:center;}
.modal-footer{border-top:1px solid #75cbc5;}
.modal-btn{background-color:#75cbc5;border:0;border-radius:0;color:#ffffff;font-size:18px;padding:10px 20px;transition:.3s;}
.modal-btn:hover, .modal-btn:active, .modal-btn:focus{background-color:#a4e4df;color:#ffffff;cursor:pointer;}
.modal-btn-close{background-color:#dadada;border:0;border-radius:0;color:#444444;font-size:18px;padding:10px 20px;transition:.3s;}
.modal-btn-close:hover{background-color:#dbdbdb;color:#444444;cursor:pointer;}
.close span{color:#120b08!important;font-size:24px!important;}
.modal-form{color:#120b08!important;}
.modal-form input{border:1px solid #a4e4df;border-radius:0;color:#120b08!important;font-size:18px!important;letter-spacing:1px;margin-bottom:15px;padding:10px 15px;width:100%;}
.modal-form input[placeholder]::-moz-placeholder{color:#555555;}
.modal-form input[placeholder]::-webkit-input-placeholder{color:#555555;}
.modal-form input[placeholder]:-ms-input-placeholder{color:#555555;}
.modal-form input[placeholder]::-moz-placeholder{color:#555555;}
#modal-main-sent{color:#120b08!important;display:none;text-align:center!important;}
#footer-form-sent{background-color:#fff8e0;color:#4b3c35;padding-bottom:50px;display:none;padding-top:50px;text-align:center!important;}
#email-invalid{border-radius:0;display:none;font-size:18px;margin-bottom:15px;padding:10px 15px;}
#subscribe-form-email-invalid{border:0;border-radius:0;display:none;font-size:15px;padding:10px;margin:15px auto 0 auto;max-width:300px;}
#subscribe-form-sent{background:#defefb;display:none;margin-top:30px;padding:15px;}
#career-form input[type="text"]{background:#defefb;border:1px solid #a4e4df;margin-bottom:15px;padding:10px 15px;width:100%;}
#career-form select{background:#defefb;border:1px solid #a4e4df;margin-bottom:15px;padding:10px 15px;width:100%;}
#career-form textarea{background:#defefb;border:1px solid #a4e4df;margin-bottom:15px;padding:10px 15px;width:100%;}
#career-form-btn{background-color:#a4e4df;display:block;padding:10px 15px;transition:.3s;}
#career-form-btn:hover{background-color:#defefb;cursor:pointer;}
#career-form-email-invalid{border:1px solid transparent;border-radius:0;display:none;padding:10px 15px;margin-bottom:15px;}
#career-form-sent{background-color:#defefb;display:none;padding:30px;margin-top:30px;text-align:center;}
#form-email-invalid{border:1px solid transparent;border-radius:0;display:none;padding:10px 15px;margin-bottom:15px;margin-top:15px;}
#form-sent{background-color:#defefb;display:none;padding:30px;text-align:center;}
.arrows{bottom:20px;position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);margin-left:15px;}
.arrows:before{content:'';position:absolute;width:100%;height:100%;border-left:4px solid rgba(255,255,255,0.7);border-bottom:4px solid rgba(255,255,255,0.7);transform:translate(26px,24px)rotate(-45deg);animation:arrows 3s linear infinite;}
.arrows:after{content:'';position:absolute;width:100%;height:100%;border-left:4px solid rgba(255,255,255,0.7);border-bottom:4px solid rgba(255,255,255,0.7);transform:translate(24px,0px)rotate(-45deg);animation:arrows 3s linear infinite -1.5s;}
@keyframes arrows{0%{border-left:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);transform:translate(-13px,-24px)rotate(-45deg);}
10%, 90%{border-left:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);}
50%{border-left:4px solid rgba(255,255,255,0.9);border-bottom:4px solid rgba(255,255,255,0.9);transform:translate(-13px,0px)rotate(-45deg);}
100%{border-left:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);transform:translate(-13px,24px)rotate(-45deg);}
}