/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-03-01, 08:47:29
    Author     : marcin
*/
@media (max-width: 767px) {
  header .btn-covid {
  	display: none !important;
  }
}
 
 
.panel-default .panel-heading .panel-title a.collapsed {
  background-color: #fff;
}

.btn, a, footer a {
    word-break: normal;
}

@media (min-width: 992px){
.footer-spacer {
    height: 0;
    margin-bottom: 0px;
}
}

@media (max-width: 414px){
  .blog-item {
    width: 100%
  }
}

@media (max-width: 414px){
  .list-ico>li, .section-fullboxes .box ul>li {
    padding-left: 0px;
  }
}


.section-fullboxes {
        background-size: cover !important;
}

@media (max-width: 991px) and (min-width: 768px){
#mainmenu {
    top: 105px;
}
}


@media (min-width: 992px){
    #mainmenu ul.nav>li>a { 
        margin: 0 10px;
    }
}
@media (min-width: 1500px){
    #mainmenu ul.nav>li>a { 
        margin: 0 15px;
    }
}

body > section.padding-lg.background-gray-lighter {
  background-image: url(../files/ckeditor/Home/quay-facilities-background-logo-light.jpg)!important;
    background-repeat: no-repeat;
    background-position: initial;
}

body > section.padding-lg.background-gray-lighter > div > div > div.col-xs-12.col-md-7.col-lg-8 > div{
      background-color: transparent;
}

.section-services {
    background-image: url(../files/ckeditor/Home/quay-facilities-background-logos.jpg?time=1556270798600)!important;
    background-repeat: no-repeat;
    background-position: initial;
}

.btn-secondary {
    background-color: #d8af45;
}

.section-slider .carousel-caption {
  text-align: center
}

@media (min-width: 1200px){
header .logo img {
    max-height: 120px;
}
}

.section-services::before{
  background-image: url(/webroot/files/ckeditor/quay-facilities-white-logo.png?time=1556208900956);
  top:0;
  left:0;
  position:absolute;
  width:100%;
  height:100%;
}

.footer-bottom.background-gray-darker-2 {
    border-bottom: solid 5px #d8af45;
}

.section-services .box, .blog-item{
transition: ease all .3s;
}
.section-services .box:hover, .blog-item:hover{
box-shadow: 0 3rem 3rem -1.25rem rgba(10,10,10,.1);
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem);
}

.section-services .box .title:before {
    background-color: white;
}

.section-services .box .title a {
  color: white
}

.section-services .box .title {
 background-color: rgb(216, 175, 69)
}

.section-fullboxes {
      background: #efefef;
}

@media (min-width: 768px){
.section-fullboxes.full-width .box {
    max-width: 1140px;
}
}

.form-sidebar label {
    margin: 0 0 5px;
}

.form-sidebar {
    padding: 15px;
}

.form-sidebar .checkbox-wrap label {
 font-size: 11px
}

form textarea.form-control {
    height: 70px;
}


.section-services {
    background-color: #464646;
  background-image:none;
      border-top: 5px solid #d8af45;
}




header .section-header-top {
    padding-top: 5px;
    padding-bottom: 5px;
}

.banner2{
  display:none!important;
}

body > section.padding-lg.background-gray-lighter > div > div > div.col-xs-12.col-md-7.col-lg-8 > div > div {
  padding-left: 0px
}

.footer-bottom .footer-faq:before{
    content: "\f059";
    font: normal normal normal 16px/1 FontAwesome;
    display: inline-block;
    color: #fff;
    margin-right: 15px;
}

.footer-bottom p {
    margin: 0px;
}
.footer-bottom a:hover, .footer-top-left a:hover, .footer-top-right a:hover  {
  color:#fff!important;
}
.footer-bottom{
  padding: 2em 0;
}

.types-of-roller-shutter{
  margin-bottom:30px;
}

@media (min-width: 1200px){
.footer-spacer {
    margin-bottom: 0px;
}
}

.list-ico>li:before, .section-fullboxes .box ul>li:before {
   display: none
}

footer {
    font-size: 16px;
    position: initial!important;
}

/* col-5ths*/ 

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (max-width: 425px){
  .banner2 .project-name .col-md-6:nth-of-type(1) {
    margin-top: 20px;
  }}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
      margin-bottom:20px;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*Banner*/
.project-image-gradient{
background-color: rgb(51, 51, 51); /* Change for gradient overlay */
}
.banner {
    height: initial;
    transition: box-shadow .2s ease-in-out;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
  	background-image: url(/webroot/files/ckeditor/cta-banner.jpg); /*Change background image */
  	background-size: cover;
  border: solid 10px rgba(216, 175, 69, 0.38823529411764707);
}
.banner2{
  background-image: url(/webroot/files/ckeditor/cta-banner-2.jpg?time=1555411577798);/*Change background image */
  min-height:200px;
  display:flex;justify-content:center;align-items:center;
}
.banner2 .project-name{
  width:100%;
}
.banner2 .project-name .col-md-6:nth-of-type(1){
  display:flex;justify-content:center;align-items:center;
}
.banner2 .project-name .col-md-6:nth-of-type(2){
  text-align:left;
}
@media (max-width: 768px) {
.banner2 .project-name .col-md-6:nth-of-type(2) {
    text-align: center;
}
.banner2 .row {
  display: block!important;
}}

.banner2 .project-name strong {
    font-size: 5rem;
    display: block;
    color: #fff;
}
.banner2 h3{
  font-size: 3rem;
}
.banner2 .project-image-gradient {
    background-color: rgb(216, 175, 69);
}

.project-name img{
max-width: 250px!important; /* Set if the logo is large*/
}
.project-image-gradient {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
}
.project-name {
    font-weight: 200;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 0 10px;
}
.project-name strong, .project-name h4, .project-name a{
    color: #d8af45;
  font-weight: 800;
}
.project-name strong{
  font-size: 2em;
}
.project-name a{
  width: auto;
}
.project-name .row{
      display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.project-name p{
  margin-bottom:0px;
  color:#fff;
    margin-bottom:5px;
}
.project-name p:last-child{
margin-bottom:25px;
}
.project-name .banner-logo{
margin:20px 0;
}
.content-text .row{
      margin-bottom: 30px !important;
}


.section-services .box .box-photo {
      height: 320px;
}

.section-slider .carousel-caption .title { 
  text-shadow: 3px 3px 3px #272727;
}

.industrial-shutters {
 background-image: url(../files/ckeditor/Shutter_Types/Industrial-Shutters-New.jpg);
}
.commercial-shutters {
 background-image: url(../webroot/files/ckeditor/Shutter_Types/commercial.jpg?time=1555412873683);
}
.security-window-shutters {
 background-image: url(../webroot/files/ckeditor/Shutter_Types/Security-Window-Shutters.jpg);
}
.fire-shutters {
 background-image: url(../webroot/files/ckeditor/Shutter_Types/fire-shuuters.jpg?time=1555412934124);
}
.security-grilles {
 background-image: url(../webroot/files/ckeditor/Shutter_Types/security.jpg?time=1555412949769);
}
.retail {
 background-image: url(../webroot/files/ckeditor/sectors/retail.jpg?time=1555489205821);
}
.sectors .type:before{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  content:"";
  opacity:0.4;
  background-color:#333;
  margin-left: 15px;
  margin-right: 15px;
}
.sectors .col-md-4{
  margin-bottom:30px; 
}
.type p, .type a{
  color:#fff;
  z-index: 1;
  margin:0 auto;
}

@media (min-width: 992px) {
    .row.sectors {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
}
  
.offices {
 background-image: url(../webroot/files/ckeditor/sectors/offices.jpg?time=1555489291201);
}
.car-dealerships {
 background-image: url(../webroot/files/ckeditor/sectors/car-dealership.jpg?time=1555489345409);
}
.factories {
 background-image: url(../webroot/files/ckeditor/sectors/factories.jpg?time=1555489362142);
}
.commercial-property {
 background-image: url(../webroot/files/ckeditor/sectors/commercial-property.jpg?time=1555489374527);
}
.councils {
 background-image: url(../webroot/files/ckeditor/sectors/councils.jpg?time=1555489386773);
}
.education {
 background-image: url(../webroot/files/ckeditor/sectors/School-Classroom-min.jpg);
}

.type{
    background-size: cover;
    text-align: center;
    color: white;
    font-size: 22px;
    line-height: 24px;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
  margin-bottom: 10px;
  background-position: center;
}

.page-mainbanner .item:before {
    background-color: rgba(0,0,0,0);
}

.background-fixed-cover {
  background-attachment: inherit
}

.header-line {
position: relative;
    margin-bottom: 50px;}

.header-line:after {
      background: #d8af45;
    content: '';
    width: 90px;
    height: 5px;
    position: absolute;
    bottom: -25px;
      left: 0;
}

@media (max-width: 1199px) {
    #cookiecontrol #cookiewrapper {
        padding-right: 110px;
    }
    #cookiecontrol #cookiewrapper #cookieclose {
        right: 90px;
    }
}

@media (max-width: 767px) {
    #mainmenu {
        margin: 0 -30px;
        width: calc(100% + 60px) !important;
    }
}
@media (max-width: 991px) {
    body {
  	    padding-top: 0 !important;
    }
    header {
        position: static;
    }
    #mainmenu {
        position: initial;
        max-height: unset;
        width: 100%;
    }
}
.row.gallery img {
  height: 200px;
}

.footer-top-right .social:nth-child(2) a {
	color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
}

footer .social li a img {
	margin: 1px 0 0;
    width: 15px;
 	height: 15px;
    border-radius: 4px;
}
  
footer ul.social li {
  display: inline-flex;
}
.section-header-top img[alt="twitter"] {
  margin-bottom: 3px;
  border-radius: 4px;
  margin-left: 1px;
}