@-ms-viewport { width: device-width; }

img.menu-arrow{
        display:none;
    }
body{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px!important;
    color: #333;
}
main{
    z-index: 0;
}
.search_box .title {font-weight:bold;}
.search_box + img {width:100%;max-width:100%;}
.fancybox-infobar, .fancybox-toolbar {
    z-index: 199997;
}

.image-text-home{
    background-size: cover;
}
header a,
main a,
.second-text-area a,
.second-text-area-link a,
.page-main-header a{
    color: #333;
}

a, a:hover, a:active, a:visited, a:focus{
    text-decoration: none;

}

a:hover{
    color: #aaa;
}

p{
    margin-bottom: 30px;
}

h4{
    font-size: initial;
}

.st-btn{
    background-color: #666!important;
}

.bottom-link img{
    max-width:100%;
}

 header a:hover,
 .second-text-area a:hover,
 .second-text-area-link a:hover,
 .page-main-header a:hover
 main a:hover{
    color: #aaa;
}

input, textarea, select{
    -webkit-appearance: none;
    border-radius:0px;
    -webkit-border-radius:0px;
    box-shadow: none;
    border: 1px solid #999;
line-height:1;
font-size:16px;
}
.modal-image-title > h3{
    margin-top: 8px;
    margin-bottom: 0;
    font-size:18px
}
.modal-image-title > p{
    font-size:12px
}
.mobile-slide-down-menu > ul{
    display:block;
    max-height: 370px;
    overflow-y: scroll;
/*    -webkit-overflow-scrolling:touch;*/
}
/*.second-text-area > a > img{
    width:30%;
    float: left;
}
.second-text-area > a > img + p{
    width:60%;
    float: right;
}*/
.slider{
    position: relative;
    margin-bottom: 40px;
}

.side-menu-slide{
    display: none;
}

.bottom-slider{
    position: relative;
    background-color: #cccccc;
    margin-bottom: 10px;
/*    height: 500px;*/
}
.bottom-slider .item{
    height: 200px;    
}

.modal-content img{
    width: 100%;
}
.modal-content{
    overflow: hidden;
    border-radius: 0;
    border:2px solid #fff;
}

.bottom-slider img{
    width: auto!important;
    height:100%;
}
.bottom-slider .container::before{
    position: absolute;
    display: inline;
    content: "";
    bottom: 30px;
    left: 20px;
    width: 30px;
    height: 27px;
    opacity: 1;
    z-index: 4;
    background: url(../images/arrow-left-gray.svg) center center no-repeat;
    background-size: 40px auto;
    cursor: pointer;
}

.bottom-link{
    display: block;
    margin-top: 55px;
}

.blog-page img{
    max-width: 100%;
}

.bottom-slider .container::after{
    position: absolute;
    display: inline;
    content: "";
    bottom: 30px;
    right: 20px;
    width: 30px;
    height: 27px;
    opacity: 1;
    z-index: 4;
    background: url(../images/arrow-right-gray.svg) center center no-repeat;
    background-size: 40px auto;
    cursor: pointer;
}

.logo_links{
    padding:0;
}

/*.quick-link:hover a .embed-responsive + .title-image{
    display: none;
}*/

.quick-link p{
    margin-bottom: 0px;
}

.search-desktop-box{
    margin-top: 20px;
    display: none;
}
.search-desktop{
    position: relative;
    top: -2px;
    cursor: pointer;
    width: 36px;
    padding:0;
    margin-right: 13px;
    padding-right: 13px;
    border-right: 2px solid #d2d2d2;
}

.hamburger-menu-container img{
    padding: 0;
    vertical-align: top;
}

header > div{
    padding: 23px;
    width:100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 2px 20px rgba(20,20,20,0.8);
    z-index: 20;
}


header div .contacts {
/*    margin-left: 13px;
    padding: 0 13px;
    border-left: 1px solid #333;*/
}

header nav ul,
footer ul{
    padding: 0;

    list-style: none;

}

header nav ul li{
    margin-right: 26px;

    display: inline-block;
}

header nav ul li a:hover{
        border-bottom: 3px solid #333;
}
 
header nav a{
    padding: 9px 0;
    text-decoration: none;
    color:#333;
    font-weight: bold;
}

header nav a:hover{
    text-decoration: none;
    color:#333;
}

header nav ul > li > div {
    background-color: #fff;
    position: absolute;
    margin-top: 12px;

    z-index: 20;
    display: none;

}
.container ul, .container p {width:100%;}

header nav ul > li > div > div{
    position: relative;
    width: 100%;
    background-color: white;
    height: 25px;
    z-index: 200;
    visibility: visible!important;
}
header nav ul > li > div > ul{
    box-shadow: 0 0 20px rgba(20,20,20,0.8);
    padding: 20px 10px;
    z-index: 20;
    position: relative;
}
 header nav ul li:hover > div{
        display:block;
}





header nav ul>li>div>ul>li{
    display: block;
    padding: 5px 10px;
}

header nav ul>li>div>ul>li>a{
    border-bottom: none!important;
    line-height: 1;
    padding: 0!important;
}

header nav ul>li>div>ul>li>a:hover{
    text-decoration: none;
    color: #666;
}

header .header-main{
    width: 100%;
    height: 135px;
}
header img{
    padding-top:20px;
}
.hamburger-menu-container span{
    cursor: pointer;
}

span.contacts a:first-of-type{
    margin-right: 20px;
}

main .image-link{
    width:100%;
}

main .article h2{
   margin-top: 0; 
}

main .slider img{
    width:100%;

}

.blog-side .socials-container{
    display: block;
    width: 100%;
    margin: 10px 0;
    background-color: #f6f6f6;
    padding: 10px 20px;
    color: #666;
}




.logo_links  .clearfix{
    margin: 0;
    margin-top: 0!important;
}
/*.logo_links  > div:nth-of-type(2){
    margin: 0;
    margin-top: 0!important;
}*/


footer{
    position: relative;
    background-color: #333;
    color: #fff;
}

footer ul:first-child{
    color: #999;
}

footer a,
footer ul li{
    color:#fff;
}
footer a:hover{
    text-decoration: none;
    color: #999;
}
footer ul li:first-of-type{
    font-weight: bold;
    color: #999!important;
}
footer .footer-box{
    border-right: 1px solid #999;
}

footer .col-lg-3 .footer-box{
    border: none;
}

footer .socials a{
    margin: 0 13px;
}
footer .socials a:hover{
   text-decoration: none;
   opacity: 0.4;
}

footer .arrow-to-top{
    width: 70px;
    height: 70px;
    position:fixed;
    right: 6%; 
    bottom: 8px;
/*    background-color: #151515;*/
    width: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 24px;
    background: url('../images/arrow-up--white.svg') no-repeat #151515 center;
    background-size: 35px;
            opacity: 0.3;
        transition: opacity 1s;
        z-index: 1040;

}


footer .arrow-to-top:hover{
   opacity: 1;
}

.opacity-full{
    opacity: 1!important;
}

.arrow-hidden{
        opacity: 0;
        visibility: hidden;
}

footer{
        white-space: normal;
/*        min-height:390px;*/
        margin-top: 80px;
        padding-top: 43px;  
    }


/* margins */
.mar-tp-55{margin-top: 55px;}
.mar-tp-minus-55{margin-top: -55px;}

.quick-links img{
    width: 100%;
     transition: opacity 1s ease-out;
     opacity: 1;
}
.video > .title-image{

    
}

.logo_links div > a > img:hover, 
logo_links div > div > a > img:hover{
    opacity: 0.4;
}

.video:hover > .title-image{

    /*display: none;*/
}


.quick-links{
    margin-top: 27px;
}

.slider .title-image{
    float:left;
    background: rgba(0,0,0,0.4);
    color: #fff;
    display: inline-block;
    position: relative;
    padding: 20px 6%;
    width: auto;
    z-index: 1;
    font-size: 24px!important;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.helper-position{
    display: block;
    clear: both;
        margin-bottom: 100px;
    position: relative;
    float: none;
}

.slider .title-image-container,
.slider .title-image-container-static{
    position:absolute;
    bottom:0;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display:inline-block;
    float:left;
    content: "";
    width: 100%;


}

.title-image-container .title-image-gradient,
.title-image-container-static .title-image-gradient{
    position:absolute;
    display:inline-block;
    float:left;
    width: 100px;
    height: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: -webkit-linear-gradient(to right, rgba(0,0,0,0.4) , rgba(0,0,0,0));  
    background: -o-linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0));  
    background: -moz-linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0)); 
    background: linear-gradient(to right, rgba(0,0,0,0.4) , rgba(0,0,0,0));    
    z-index: 1;

}
.title-image-container .title-image-gradient--right,
.title-image-container-static .title-image-gradient--right{
    position:absolute;
    display:inline-block;
    float:right;
    right:0;
    width: 100px;
    height: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: -webkit-linear-gradient(to left, rgba(0,0,0,0.4) , rgba(0,0,0,0));  
    background: -o-linear-gradient(to left, rgba(0,0,0,0.4), rgba(0,0,0,0));  
    background: -moz-linear-gradient(to left, rgba(0,0,0,0.4), rgba(0,0,0,0)); 
    background: linear-gradient(to left, rgba(0,0,0,0.4) , rgba(0,0,0,0));    
        z-index: 1;
}    
.image-text-home{
    width: 100%;
    min-height: 100%;
/*    background-size: 826px 261px;*/
    background-repeat: no-repeat;
        padding: 20px 40% 20px 20px;
background-position: center center;
}
.image-text-home p{
    color: #000;

    font-size: 0.9em;;
}
.image-text-home img{
    width: 60px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.slider .title-image a{

    color: #fff;
    text-decoration: none;
}
.slider .title-image a h3{
    margin: 0;
}
.slider .title-image a h3+p{
    font-size: 12px;
    margin:0;
}
.slider .title-image-container::before{
      position: absolute;
    display: inline;
    content: "";
    top: 0;
    left: 20px;
    width: 30px;
    height: 100%;
    opacity: 1;
    z-index: 4;
    background: url(../images/arrow-left--white.svg) center center no-repeat;
    background-size: 40px auto;
            cursor: pointer;

}
.slider .title-image-container::after{
      position: absolute;
    display: inline;
    content: "";
    top: 0;
    right: 20px;
    width: 30px;
    height: 100%;
    opacity: 1;
    background: url(../images/arrow-right--white.svg) center center no-repeat;
    z-index: 4;
    background-size: 40px auto;
    cursor: pointer;
}
/*    Owl carousel   */
/*.slider .owl-item img{
    width: 100%!important; 
}*/

.owl-stage{ 
   display: flex;
}
.owl-item{
   flex:0 0 auto;
}
/*    own style slider    */
.slider{
    overflow: hidden;
}
.quick-links img{
    width:100%;
    position: relative;
}

.quick-links iframe{
    width: 317px;
    height: 238px;
}
/*.quick-links .quick-link a:hover iframe,*/
.quick-links .quick-link a:hover img
{
    opacity: 0.5;
}


.quick-link{background-color: #333;}



.quick-links div div {overflow: hidden;}

.quick-links .title-image{
    /*background-color: rgba(0,0,0,0.4);*/
    color: #fff;
    padding: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
 
    line-height: normal;
    font-size: 24px;
}

.quick-links .quick-link{
    margin-bottom: 20px;
    position: relative;
}
.title-image p {
    font-size: 0.8em;
}
.section-pages ul{
    padding: 0;
    list-style: none;
}
.section-pages li{
    position: relative;
    background-color: #eee;
    margin: 5px 0;
    text-transform: uppercase;

}
.section-pages li > ul{
    display: none;
    padding-bottom: 10px;
}
.section-pages li > ul > li{
    font-size:12px;
    text-transform: none;
}
.section-pages li a{
    display: block;

    padding: 10px 15px;
    color: #333;
}
.dropdown-side li a{
        margin-right: 45px;
}
.section-pages li > ul > li a{
    padding: 2px 15px;
}

.section-pages .arrow-drop{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.rotate-180{
    -ms-transform: rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.section-pages li a:hover{
    color: #999;
}
.logo_links{
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 15px;
}
.logo_links > div:not(.contact-map)
{

    flex: 0 1 auto;
    margin-top:30px;
}
.logo_links > div > a,
.logo_links > div > div > a{
            border: 1px solid  #999;
    min-height: 200px;
    height: 100%;
    /*display: block;*/
    
    text-align: center;
    width: 100%;
    padding: 20px;
}
.logo_links > div > div > a{
    height: 200px;
}

.logo_links p > a{
    font-weight: bold;
    display:inline-block;
}

.logo_links div > a, 
logo_links div > div > a{
       display: inline-flex;
}


.logo_links div > a > img,
logo_links div > div > a > img{
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    max-width: 70%;
    /*width:70%;*/
    max-height: 85%;
    position: relative;
     transition: opacity 1s ease-out;
     -webkit-align-self: center; 
       align-self: center;

}

 @media all and (-ms-high-contrast:none)
     {
      .logo_links div > a > img,
      logo_links div > div > a > img {
        width:70%;
      }
     }

.page-main-header > h2{
    display: inline-block;
    line-height: 1.5;
}

.noPad{
    padding:0;
}

.page-main-header{
    text-transform: uppercase;
    margin-bottom: 20px;
/*    padding:0;*/
}
.page-main-header a{
    margin-top: 20px;
    float: right;
    text-transform: uppercase;
}
.second-text-area{
    float: left;
    margin-top: 50px;
    padding: 0 0 0 15px;
    width:100%;
}
.second-text-area h4{
    font-weight: bold;
    margin-bottom: 2px;
}
.second-text-area div:first-of-type:not(.team_box){
    padding-right: 100px;
}
.second-text-area-link  .center-block{
    clear: both;display:table;height:100%;
}
.second-text-area-link .center-block a{
    font-size: 0.85em;
    display: table-cell;
    vertical-align: middle;
}
.second-text-area img,
.second-text-area-link img{
    width:100%;
    max-width: 80px;
}
.second-text-area-link{
    float: right;
}

.general-text-item{
    margin-bottom: 100px;
}
.general-text-item p:first-of-type{
    margin-bottom: 20px;
}
.general-text-item>h3{
    text-transform: uppercase;    
}
.contact-map{
    margin:5px 10px 30px 0;
    width:100%;
}
.contact-map + div > ul{
    padding-left: 20px;
}
.contact-map > iframe{
    width: 100%;
}

.staff-profile a > div > img{
    width: 100%;
    
}
.staff-profile a > p{
    color: #333;
}

.profile-details .col-lg-8 h3{
    margin-top: 0;
    
}

.profile-details img{
    width:100%;
    margin-bottom: 20px;
}

.staff-profile a > p:first-of-type{
    font-size:1.2em;
    font-weight: bold;
    margin-bottom: 1px;
}
.staff-profile a > p:last-of-type{
    font-size:1em;
    min-height: 75px;
}
.basic-information{
    margin: 30px 0;
}
.basic-information a{
    display: inline-block!important;
}
.font-weight-bold{
    font-weight: bold;
}

h3 > label{
    font-weight: normal;
}

.special-list, .portfolio-content ul{
    list-style: none;
    padding: 0;
}

.special-list li, .portfolio-content ul li{
    position: relative;
    padding-left: 22px;
    margin-bottom: 20px;
}

.special-list li:before, .portfolio-content ul li:before{
    position: absolute;
    top: 0;
    left: -2px;
    content: "■"; 
    font-family:"Arial Black";
    color: #666;
    font-size: 25px;
    line-height: 16px;
    margin-right: 10px;
}
.color-gray{
    color: #aaa;
}

.blog-side{
    padding:20px;
    background-color: #eaeaea;
}
.blog-side input, .blog-side textarea, .blog-side select{
    display:block;
    width:100%;
    margin-bottom: 20px;
    padding: 5px;
}
.blog-side textarea{
    height: 200px;
        resize: none;
}

a.like-blog{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color:#fff;
    display:block;
    padding: 20px;
    background-color: #3399ff;
}
a.like-blog:hover{
    background-color: #003399;
}
.blog-side input[type="submit"]{
    width: auto;
}

.blog-text-overlay-slider{
    position: absolute;
    top: 8px;
    left: 20px;
    color: #fff;
    z-index: 2;
    text-transform: uppercase;
    font-size: 106px;
    opacity: 0.5;
}

#enquiryForm input[type=text],
#enquiryForm input[type=number],
#enquiryForm input[type=email],
#enquiryForm textarea
{
   margin-bottom: 10px;
   width: 100%; 
}

#enquiryForm textarea
{
    resize: none;
    min-height: 140px;
}

#enquiryForm input[type=submit]{
    background-color: #ccc;
    color: #333;
    border: none;
    padding: 10px 20px;
    transition: color 1s, background-color 1s;
}

#enquiryForm input[type=submit]:hover{
    color: #eee;
    background-color: #666;
}

#enquiryForm p{
    margin-bottom: 0;
    margin-top: 60px;
}
.blog-page img{
    display: block;
}
.blog-page img + figcaption{
    display: block;
    margin-bottom: 30px;
}

.show_coment {cursor:pointer;position:absolute;right:0;bottom:0;font-size: 22px;}
.comment_item {position:relative;margin-bottom: 15px;}
.comment_item p {max-height:70px;overflow:hidden;margin-bottom: 0px;}

.staff-profile div:first-of-type {
    width:100%;
    background-color: #333;
}

.staff-profile a:hover img{
    opacity: 0.5;
}

.staff-profile img{
    transition: opacity 1s ;
}
/* bootstrap remove padding from col */


.enquiryForm div[class*="col-"],
.news-items div[class*="col-"]{
    padding-left: 0;
    padding-right: 0;
    padding-bottom:15px;
}

.enquiryForm div .col-lg-2.col-md-4 {width:210px;box-sizing:border-box;}
.enquiryForm div .col-lg-10.col-md-8 {width:calc(100% - 210px);box-sizing:border-box;}
#enquiryForm p.error-message {font-weight:bold;color:#ff0000;margin:0 0 10px 0;}

.news-items .col-lg-8{
    padding-left: 15px!important;
}

.news-items div[class="col-lg-8"]{
    padding-left: 30px;
}

.news-item img{
    width: 100%;
    transition: opacity 1s;
}
.news-item a{
    position: relative;
    /*display: block;*/
    font-weight:bold;
    height: 100%;
}
.news-item a:hover{
    color:#aaa;
}
.news-item .play-btn{
    position: absolute;
    width:100%;
    height:256px;
    top: -128px;
    left: 0;
    background: url('../images/play-btn.png') no-repeat 50%;
    background-size: 30%;
    opacity:0.5;
    transition: opacity 1s;
}
.news-item .play-btn:hover{
      
    opacity:1;
}



.news-item div a img:hover{
    opacity: 0.3;

}
.news-item h3 + p,
.blog-page h3 +p{
    color:#aaa;
}
.news-item h3{
    margin-top: 0;
}
.news-item {
    margin-bottom:26px; 
}

.news-item .col-lg-4 {
    /*background-color: #666;*/
    position: relative;
    
}

.news-item .col-lg-4 p{
   position: absolute;
   bottom: 23px;
   font-size: 20px;
   text-align:right;
   width:100%;
   right: 14px;
   color:white;
   padding: 0;
   margin: 0;
   opacity: 0;
   transition: visibility 0s, opacity 0.5s linear;
}

.news-item a:hover + p{
    opacity: 1;
}

.cite-text{
    color: #999;
    font-style: italic;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.news-item .col-lg-8 a:hover {
    color: #aaa;
}

#enquiryForm input[type=number]::-webkit-inner-spin-button, 
#enquiryForm input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}

.link{
    cursor: pointer;
}


.modal-content{width:100%;height:100%;}

.modal-dialog{
/*    position: relative;
    top: 15%;
    width: 55%;
    margin: 0 auto;*/

  
  width: 50%;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-dialog iframe{
    width: 100%;
    margin-bottom: -4px;
    min-height: 500px;
    border: 5px solid #fff;
}
.close_modal{
    position: absolute;
    top:-23px;
    right:-23px;
    cursor: pointer;
}

.fancybox-image, .fancybox-spaceball {
    border: 4px solid #fff !important;
    border-radius: 2px !important;
}
.fancybox-is-open .fancybox-bg {
    opacity: .65 !important;
}
.vacany-menu-item {cursor:pointer;}

/*.iframe-container{
     position: relative;
  height: 0;
  overflow: hidden;
}

 16x9 Aspect Ratio 
.iframe-container-16x9 {
  padding-bottom: 56.25%;
}
 
 4x3 Aspect Ratio 
.iframe-container-4x3 {
  padding-bottom: 75%;
}
 
.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}*/
.page-main-header > h2 > a{
    float: left;
}
.page-main-header > h2 a{
    margin: 0;
}
.page-main-header > h2 > span > a{
    float:none;
    color:#aaa;
    border-left: 2px solid #aaa;
    padding-left: 10px;
    margin-left: 10px;
}

.col-lg-3.col-md-3.col-sm-12.second-text-area-link.row-eq-height .col-xs-3.col-sm-2.col-md-2.col-lg-4 {min-width:75px;}

@media screen and (max-width: 1357px){
    header nav a{
       font-size: 13px!important;
    }
    header nav ul li{
        margin-right: 11px;
    }
    .title-image{
        padding-left: 8%!important;
    }
    .title-image p {
        font-size: 0.6em;
    }
    .title-image h3{
        font-size: 18px;
    }
    .image-text-home{
/*        background-size: 612px 100%;*/
    }
    .logo{
        width:70px;
    }
    header .header-main{
        height: 104px;
    }
    footer .footer-box{
        font-size: 14px;
    }
}
@media screen and (max-width: 1199px){
        .slider {margin-bottom: 50px;}
    .glyphicon-option-horizontal::before{
        position:absolute;
        top: -12px;
        left: -8px;
    }
    .modal-dialog{
        width: 80%;
    }
    .article p{
        font-size: 13px;
    }
        .bottom-slider .container{
        padding: 0 65px;
    }
    .second-text-area div:first-of-type{
        padding-right: 0;
    }
    footer{
        margin-top: 10px;
    }
    
    
}

@media screen and (min-width: 1200px){

        #enquiryForm input[type=text],
    #enquiryForm input[type=number],
    #enquiryForm input[type=email],
    #enquiryForm textarea
    {
       width: 80%; 
    }

    .container{
        width: 90%!important;
    }
    header{
        height: 205px;
/*        overflow: hidden;*/
    }
    .image-text-home img{
        width: 100px;
    }
    .image-text-home p{
        font-size: 1.2em;
    }
    
    
    .image-link-home:hover{
        text-decoration: none;
    }
    
    
}
@media screen and (max-width: 991px){

.second-text-area .team_box {display:none;}
    
    .page-main-header{
        position: relative;
    display: inline-block;
    width: calc(100% - 55px);
    }
    header nav a{
       font-size: 10px!important;
    }
    header nav ul li{
        margin-right: 10px;
    }
    .title-image h3{
        font-size: 18px;
    }
    .container{
        width: 100%!important;
    }
    .title-image p {
        font-size: 0.5em;
    }
    .image-text-home{
/*        background-size: 700px 100%;*/
        padding-right: 20px;
    }
    .image-text-home p{
        font-size: 1em;
    }
    .image-text-home img{width:100px;}
    .article p{
        font-size: 12px;
    }
    footer .footer-box{
            font-size: 12px;
    }
    .blog-text-overlay-slider{
        font-size: 50px;
    }
    .section-pages{
        display: none;
        width:100%;
    }
    .side-menu-slide{
        display: inline-block;
        background-color:#ddd; 
        padding:2px 20px; 
        margin-bottom: 10px; 
        border-radius:10px;
    }
}

 
@media screen and (max-width: 767px){
  
  .mobile-slide-down-menu > ul {
    overflow:auto;
    max-height:100%;
  }
  
  .second-text-area {margin-top: 10px;}
  .contact-map {margin: 5px 10px 5px 0;}
  
  .enquiryForm div[class*="col-"],
.news-items div[class*="col-"]{
    padding-bottom:15px;
}
.enquiryForm div .col-lg-10.col-md-8 {width:100%}
  
    .second-text-area-link .center-block {
        clear: both;
        display: table;
        height: 100%;
        padding: 15px 0 0 15px;
    }

    .second-text-area-link {
        margin-top: 20px;
        float: left;
    }
    .second-text-area{
        float: left;
    }
    header nav ul li a:hover{
        border:none;
    }
    .general-text-item{
        margin-bottom: 50px;
    }
    .title-image-gradient--right{
        display: none!important;
    }
    .second-text-area{
        padding: 0;
    }
    h3{
        font-size:18px;
    }
    .page-main-header {
        margin-bottom: 0;
        width:calc(100% - 5px);
    }
    .page-main-header > h2{
        font-size: 16px;
        margin-top: 0;
    }
     header nav ul li:hover > div{
        display:none;
    }
    .title-image{
        padding-left: 10px!important;
    }
    /*   menu  in nav */
    .row-eq-height{
        display: block!important;
    }
    .page-main-header a{
        margin-top:0;
        margin-bottom: 10px;
    }
    header nav > ul {
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    header nav{
        background-color: #fff;
        padding: 0 20px;
        top: 130px;
        left:-11px;
        box-shadow: 0 2px 20px rgba(20,20,20,0.8);
        position: absolute;
        display:none;
        z-index: 90;
        /*height: 92vh;*/
        min-width: 300px;
    }
    header nav ul li{
        margin-right: 0;
        border-bottom: 1px solid #999;
        display: block;
        padding: 5px 5px 5px 0;
        position: relative;
    }
    header nav ul li:last-of-type{
        border: none;
    }
    .image-text-home{
/*        background-size: 767px 100%;*/
    }
    
    
    header nav > ul > li:first-of-type{
        padding-right: 0;
        border: none;
    }
    header nav ul li input{
        text-align: center!important;
        line-height: 20px;
        border: 1px solid #666;
        border-radius: 0;
        -webkit-appearance: none;

    }

    header nav ul li a::after{
/*     position: absolute;
    display: inline;
    content: "";
    padding: 5px 0 6px 0;
    top: 0;
    right: 20px;
    width: 30px;
    height: 30px;
    opacity: 1;
    background: url(../images/arrow-right-gray.svg) center center no-repeat;
    z-index: 99;
    background-size: 10px auto;
    cursor: pointer;*/
    }
    header nav ul li img{
        padding: 4px 0;
        float:right;
    }
    
        
    header nav ul li input:focus {
      position: absolute !important;
    }
    
    form[name="search"] {min-height:50px;}

   img.menu-arrow{
        display:inline-block;
        padding: 0;
    }
    
    .page-main-header > h2 {

/*        border: none;
        border-top: 1px solid #aaa;
        display: inline-block;
        margin:0;
        padding:0;*/
    }
    
    header img.menu-arrow{
        cursor: pointer;
        padding: 5px 0;
    }
    header nav > ul > li > div>div{
        display:none;
    }
    header nav > ul > li > div{
        width: 100%;
        margin: 0;
        padding: 10px;
        position: relative;
        display: none;
    }
    header nav > ul > li > div > ul{
        
        padding: 10px;
        position: relative;
        box-shadow: none;
        display: block;
    }
    header nav ul li div ul li{
        border-bottom: 1px solid #ccc;

    }
    header nav ul > li > div > ul > li:first{
        border-bottom: 1px solid #ccc;

    }
    header nav ul > li > div > ul > li:last-of-type{
        border-bottom: none;

    }
    header nav ul > li > div > ul > li a{
        line-height: normal;
        padding-left:0!important;
    }
    
    
    
    /*  header */
    .header-main{
        height:100px!important;
    }

    header > div{
        padding:0;
        z-index: 20;
    }
    header .row{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    header > div [class*='col-'] {
        padding: 0;
    }
    
    
    
    header .hamburger-menu-container{
        font-size: 20px;
        position: absolute;
        bottom: -130px;
    }
/*    .menu_desktop nav  {
        display: none!important;
    }*/
    header > div .pull-right {
        text-align: right;
    }
    header > div .pull-right > img{
        width: auto;
        height: 100px;
        padding: 0!important;
    }
    
    /*  slider  */
    .slider{

        max-height: 254px;
        position: relative;
    }
    main .slider .item a img
    {
        position: relative;
        margin-left: 50%;
        transform: translateX(-50%);
  
        width: 155%;
        height:253px;
        z-index: 1;
    }
    main .slider .owl-carousel .owl-item.active{
        z-index:99;
        overflow: hidden;
        width:100%;
    }
    .slider .title-image-container
    .slider .title-image-container-static
   {

  
        position: relative;

    }
    .slider .title-image-container:after{
        right: 10px;
    }
    .slider .title-image-container:before{
        left: 10px;
    }
    .slider .title-image-container:after,
    .slider .title-image-container:before{
        position: absolute;
        width: 20px;
        z-index: 19;
        top: -40px;
        background-size: 20px auto;
    }

    .slider .title-image {
        background-color: #333;
        width: 100%;
        position:relative;
        top: 0;
        bottom:0;
        padding: 5px    10px;
    }
    .slider .title-image:after {
    display: none;

    }
    
    
.news-item .col-lg-8{
    padding-left: 0!important;
    margin-top: 20px;
}

.news-item{
    margin-bottom: 0;
}

.section-pages{
    
    margin-top: 20px;
}
/*.col-lg-12 .quick-links div[class*=col-]{
    padding:0;
}*/
   

    .slider .title-image a h3{
        font-size: 12px;
    }
    
    .slider .title-image a h3 + p{
        font-size: 9px;
        margin:0;
    }
    .bottom-slider{
        padding-bottom: 30px;
    }
    .bottom-slider .container{
        padding: 10px;
    }
    .bottom-slider .container::before {
        bottom: 6px;
        left: 0;
        height: 27px;
        background-size: 20px auto;
    }
    .bottom-slider .container::after {
        bottom: 6px;
        right: 0;
        height: 27px;
        background-size: 20px auto;
    }
    .bottom-slider .item{
        height: 100px;
    }
    
    .logo_links > .row-eq-height{
        margin:0;
    }
    .logo_links > div >:first-of-type{
        margin-bottom: 15px;
        
    }
    
    /*    footer    */
    
    footer{
        margin-top: 0;
        padding-top: 0;
        font-size: 12px;
    }
    
    .quick-links .quick-link p{
        font-size: 20px;
    }
    
    footer .footer-box{
        padding-top: 5px;
        border-right: none;
        border-bottom: 1px solid #999;
    }
    footer .socials-container{
        position: absolute;
        top: 10px;
        left:0;
        padding:0;
    }
    
    
    /*  container  */
    .container{
            padding: 10px
    }
    .slider .container{
        padding: 0;
    }
     .article p {
        font-size: 14px;
    }
    .row{
        margin-right: 0;
        margin-left: 0;
    }
    footer .socials{
        margin-top: 4px;
        margin-right: 10px;
    }
    .socials img{
        height: 15px;
    }
    footer .arrow-to-top {
        bottom: -8px;
    }

    .mar-tp-minus-55{
        margin-top:0;
    }
    div[class*="col-"]{
        padding-right:0;
        padding-left:0;
    }
    
    .blog-side{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    
    #enquiryForm p{
        margin-top: 20px;
    }
    #myModal{
/*        background-color: #fff;*/
    }
     .modal-dialog{
        width: 99%;
        position: relative;
        margin: 0;
            margin-left: 3px;
        border: none;

/*        top: 30px;
        left: 0*/

    }
    .modal-content{
                box-shadow: none;
        -webkit-box-shadow: none;
    }
    .modal-image-title{
        padding-left: 10px;
/*        color: #333;*/
    }
    .close_modal{
        right: 4px;
    }
    .ytp-cued-thumbnail-overlay-image{
        background-size: 100%!important;
    }
    .modal-dialog iframe{ min-height: 220px;}

}
@media screen and (max-width: 767px) and (orientation: landscape) {
      main .slider .item a img
    {
        position: relative;
        margin-left: 50%;
        transform: translateX(-50%);
  
        width: 135%;
        height:253px;
        z-index: 1;
    }
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
     .modal-dialog{
        width: 60%;
        position: relative;
        margin: 0;
            margin-left: 3px;
        border: none;
        margin-top: 20px;
        max-height: calc (100% - 20px);
/*        top: 30px;
        left: 0*/

    }
    .close_modal{
        top: 0;
       right: -27px;
    }
   .mobile-slide-down-menu > ul{
        /*max-height: 225px;*/        
    }
}

@media screen and (max-width: 600px){
    main .slider .item a img
    {
        position: relative;
        margin-left: 50%;
        transform: translateX(-50%);
  
        width: 190%;
        height:253px;
        z-index: 1;
    }
    }
    
    @media screen and (max-width: 380px){
    main .slider .item a img
    {
        position: relative;
        margin-left: 50%;
        transform: translateX(-50%);
  
        width: 250%;
        height:253px;
        z-index: 1;
    }
    }
    
        @media screen and (max-width: 320px){
    main .slider .item a img
    {
        position: relative;
        margin-left: 50%;
        transform: translateX(-50%);
  
        width: 320%;
        height:253px;
        z-index: 1;
    }
    }
    
@media screen and (max-width: 500px){
   
    footer{
        font-size: 10px;
    }
    .article p {
        font-size: 10px;
    }
    .article h2 {
        font-size: 1.5em;
    }
    .image-text-home{
/*        background-size: 500px 100%;*/
    }
    .image-text-home p{
        font-size: 0.6em;
    }
    .image-text-home img{
        width: 40px;    
    }
/*    .page-main-header > h2{
        font-size: 10px;
        margin-top: 0;
        
    }
    .page-main-header > h2> span > a{
        padding-left: 5px;
        margin-left: 5px;
    }*/
}

.menu-team-box {display:none;background-color:#fff;text-transform: none;}