html,body{font-family: Avenir, sans-serif;margin:0;padding:0;height:100%;font-size:16px;}
header ul{margin: 0;padding: 0;}
a{text-decoration: none;color:#fff;}
header{background:#fff;z-index:5;width:100%;opacity: 0.9;height:100px;}
header li{list-style-type: none;margin: 20px 0 0;padding: 0;display:inline-block;width:32%;text-align:center;font-size:16px;}
header #nav_left,header #nav_right{width:39%;display:none;}
header div{display:inline-block;vertical-align: middle;}
header a{color:#333;border-bottom:1px solid transparent;transition: .2s  linear;}
header a:hover{border-bottom:1px solid #666;transition: .2s  linear;}
#mobile-nav{width:5%;padding-left:5%;display:inline-block;font-size:32px;}
#logo{background:url('/images/logo.png');height:100px;width:80%;background-size:  contain;background-repeat:no-repeat;background-position: center;margin:auto;display:inline-block;}
#home_box{position:relative;color:#fff;z-index: 1;min-height:500px;height:calc(100% - 100px);overflow: hidden;}
#video{width:100%;object-fit: cover;filter: brightness(65%);}
#home_box_inner{position:absolute;z-index:1;top:0;width:90%;padding:5% 5%;}
#home_box_inner h1{margin-top:100px;}
.homesub_box3 h1{color:#33353f;}
#inner-content{width:90%;padding:30px 5%;}
h1{font-weight:normal;font-size:24px;padding:0;margin:5px 0;}
#enquire{width:90%;padding:0% 5%;position:absolute;bottom:50px;z-index: 2;}
#enquiry_box{border:1px solid #fff;padding: 15px;width:calc(100% - 30px);font-size:14px;}
#enquiry_box input[type='text']{background:transparent;border:0;border-bottom:1px solid #fff;color:#fff;}
#enquiry_box input[type='submit']{background:transparent;border:0;color:#fff;font-family: 'Tajawal', sans-serif;font-size:14px;font-weight:bold;width:105px;background:url('/images/arrow.png') no-repeat right top; }
.readmore{padding:0;margin:0;font-size:14px !important;}
.readmore img{height:10px;margin-left:5px;}
.readmore a{color:#fff;}
.readmore a:hover{color:#999;}
#services_nav{width:95%;padding:15px 0% 30px 5%;background:#33353f;color:#b0b1b4;z-index: 7;display:none;font-size:14px;}
#services_nav ul{vertical-align: top;width:49%;display:inline-block;margin:0;padding:0;}
#services_nav li{list-style-type: none;margin:0;padding:5px 0;}
#services_nav a:hover{text-decoration: underline;}
.hidden{display:none;}
.scroll-hidden{opacity:0;}
.clear{clear:both;}
.arrow-up{position:absolute;top:74px;left:17.5%;width:50px;height:50px;z-index:6;background:url(/images/arrow-up.png) no-repeat;display:none;}
.left{float:left;}
.right{float:right;}
.box_40{width:100%;display:inline-block;}
.box_60{width:100%;display:inline-block;}
.heading{font-weight:bold;margin:25px 0 10px !important;font-size:16px;}
.box_40,.box_60{vertical-align: top;}
.homesub_box2{background:#333;color:#fff;position:relative;top:-175px;z-index:10;width:90%;margin:auto;}
.homesub_box2 ul{margin:30px 0 0;padding:0;list-style-type: none;font-size:16px;}
.homesub_box2 li{border-left:1px solid #fff;margin:0;padding:25px 0 0 0px;font-size:24px;vertical-align: middle;transition: .4s  linear;}
.resources a{color:#000;}
.resources a:hover{color:#666;text-decoration: underline;}
.services_box_inner{width:80%;padding:2% 10% 10%;font-size:16px;}
.services_box_inner li a{padding:27px 0 3px 20px;margin:0;border:0px solid transparent;transition: .4s  linear;}
.services_box_inner li a:hover{border-left:3px solid #fff;transition: .4s linear;}
.mobile-hidden{display:none;}
#mobile-nav{cursor: pointer;}
.mobile-nav-inner{display:block;}
.squares_wrapper1{width:82%;position:relative;top:-175px;z-index:10;margin-left:5%;vertical-align: top;}
.squares2{width:90%;position:relative;top:-200px;z-index:10;margin-left:5%;padding:20px 0;}
.light_grey{background:#bbb;color:#fff;}
.red{background:rgb(150,42,49);color:#fff;}
.lighter_grey{background:#e8e8e8;}
.half{vertical-align: top;text-align: center;padding:20px 5%;width:100%;}
.one_row{height:160px;}
.two_row{height:360px;text-align: center;}
.homesub_box3{width:90%;margin:50px auto;position:relative;top:0px;text-align: center;}
footer{background:#33353f;color:#fff;font-size:14px;}
.footer-services{width:90%;padding:10px 5%;background:#33353f;}
.footer-bottom{width:90%;padding:10px 5%;background:#33353f;}
.footer-services ul{vertical-align: top;width:100%;display:inline-block;margin:0;padding:0;}
.footer-services li{list-style-type: none;margin:0;padding:0px 0;}
.button-white{background:none;border:1px solid #fff;color:#fff;padding:10px 15px;border-radius: 15px;cursor:pointer;font-size:14px;}
.button-white:hover{background:#333;border:1px solid #333;}
.button-black{background:none;border:1px solid #000;color:#000;padding:10px 15px;border-radius: 15px;cursor:pointer;}
.button-black:hover{background:#999;border:1px solid #999;}
#logo{cursor:pointer;}
#inner-img{height:300px;background:#666;width:100%;text-align:center;vertical-align: middle;}
.placeholder{position:relative;font-size:30px;color:#fff;top:45%;}
#inner-content h1,#inner-content h2{color:#9d292d;}
input[type="text"], textarea {
border: 1px solid #CCC;
width: 96%;
padding: 10px;
margin: 10px 0;
font-family: Helvetica Neue, Helvetica;
font-size: 12px;}
input[type="submit"]{background:#9d292d;padding:10px 15px;color:#fff;border:0;margin:0;cursor: pointer;}
input[type="submit"]:hover{background:#333;color:#fff;}
#contact-left, #contact-right{width:100%;}
.affiliates_box{width:100%;border:1px solid #999;margin-bottom:20px;text-align:center;}
.affiliates_box .margin{margin:20px 0;}
.affiliates_box a{color:#000;}
.affiliates_box a:hover{text-decoration: underline;}
.affiliates_box .no_margin{margin:0 !important;}
.homeaff_box{width:100%;border:1px solid #999;text-align:center;margin:20px auto;}
.homeaff_box img{margin:20px 0;}
#mobile-nav-list{position:absolute;background:#33353f;top:100px;z-index:500;width:100%; display:none;}
#mobile-nav-list ul{list-style: none;margin:0;padding:0;}
#mobile-nav-list li{border-bottom:1px solid #555;margin:0;font-size:18px;display:block;}
#mobile-nav-list li li{background:#383a45;padding-left:20px;}
#mobile-nav-list a{color:#b0b1b4;width:100%;display:block;padding:23px 0 20px 15px;}
#mobile-nav-list a:hover{text-decoration: underline;cursor:pointer;}
.first-nav{border-top:1px solid #555;padding-bottom:0;}
.last-nav{border:0 !important;}
.bottom_no_padding{padding-bottom:0 !important;}
.homemid_box,.homemid_resources{width:80%;text-align:center;padding:30px 10%;float:left;height:200px;}
#homemid_right{width:80%;margin:50px auto;}


@media screen and (min-width: 800px) {
    #mobile-nav,#mobile-nav-list{display:none;}
    
    header #nav_left,header #nav_right{display:inline-block;}
    h1{font-weight:normal;font-size:32px;padding:0;margin:5px 0;}
    #services_nav ul{vertical-align: top;width:38%;display:inline-block;margin:0;padding:0;}
    .ul_20{width:20% !important;}
    #home_box{position:relative;color:#fff;z-index: 1;height:calc(100% - 100px);overflow: hidden;}
    
    .footer-services ul{vertical-align: top;width:30%;display:inline-block;margin:0;padding:0;float:left;}
    .footer-services .end{width:10% !important;float:right;}
    #footer-right{float:right;width:26%;margin:20px 0;}
    #logo{background:url('/images/logo.png');height:80px;width:20%;background-size:  contain;background-repeat:no-repeat;background-position: center;margin-top:10px;}
    #logo-white{background:url('/images/logo.png');float:left;height:100px;width:20%;background-size:  contain;background-repeat:no-repeat;background-position: center;filter: grayscale(100%) invert(100%) contrast(100%);}
    .mobile-nav-inner{display:none;}
    .half{width:calc(80% / 2);display:inline-block;}
    .squares_wrapper1{width:60%;display:inline-block;}
    .squares2{width:30%;display:inline-block;margin-left:0;}
    .box_40{width:49%;display:inline-block;}
    .box_60{width:50%;display:inline-block;}
    .mobile-hidden{display:inline-block;}
    .homesub_box2{height:350px;}
    .homesub_box3{margin:0 auto;padding:100px 0;}
    .services_box_inner{width:80%;padding:5% 10%;font-size:16px;}
    #contact-left{width:50%;float:left;display:inline-block;}
    #contact-right{width:40%;float:right;display:inline-block;}
    #inner-content{width:80%;padding:30px 10%;min-height:600px;}
    .affiliates_box{width:45%;display:inline-block;}
    .right5{margin-right:5%}
    #homemid_wrapper{width:100%;}
    
    #homemid_left{width:100%;float:left;}
    .homemid_box{width:23.3333%;text-align:center;padding:30px 5%;float:left;height:200px;}
    /*
    #homemid_left{width:64.5%;float:left;}
    #homemid_right{width:25%;float:right;padding:30px 5%;margin:0;}
    .homemid_resources{width:95%;padding:30px 2.5%;height:200px;background:#33353f;}
    .homemid_box{width:40%;text-align:center;padding:30px 5%;float:left;height:200px;}
    */
    .homeaff_box img{margin:0;height:30px;}
    .homeaff_box{margin:15px 0;background:#fff;}
    .homeaff_box p{padding:0;margin:10px 0;}
    
    
}
/*
@media screen and (min-width: 1400px) {
    #enquiry_box{width:80%;}
    #enquire{width:80%;padding:0% 5%;position:absolute;bottom:150px;z-index: 2;}
    #home_box_inner{position:absolute;z-index:1;top:0;width:80%;padding:5% 10%;}
    .box_40{width:39%;display:inline-block;}
    .box_60{width:60%;display:inline-block;}
    header,#inner-img,footer,.homesub_box3,.homesub_box2,#homemid_wrapper,#home_box{width:1400px;margin:auto;}
    #homemid_wrapper{padding:0;}
    #inner-content{width:1400px;padding:30px 0%;margin:auto;}
    
    

}*/