@charset "utf-8";
@font-face {
    font-family: GEDinarOne-Light;
    src: url(../fonts/GEDinarOne-Light.eot);
    src: url(../fonts/GEDinarOne-Light.woff2) format('woff2'), url(../fonts/GE_Dinar_One_Light.woff) format('woff'), url(../fonts/GE_Dinar_One_Light.ttf) format('truetype'), url(../fonts/GE_Dinar_One_Light.svg#GEDinarOne-Light) format('svg'), url(../fonts/GE_Dinar_One_Light.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: GEDinarOne-Medium;
    src: url(../fonts/GEDinarOne-Medium.eot);
    src: url(../fonts/GEDinarOne-Medium.woff2) format('woff2'), url(../fonts/GE_Dinar_One_Medium.woff) format('woff'), url(../fonts/GE_Dinar_One_Medium.ttf) format('truetype'), url(../fonts/GE_Dinar_One_Medium.svg#GEDinarOne-Medium) format('svg'), url(../fonts/GE_Dinar_One_Medium.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face{font-family:HelveticaRoman;src:url(../fonts/HelveticaNeueLTArabic-Roman.eot);src:url(../fonts/HelveticaNeueLTArabic-Roman.eot?#iefix) format("embedded-opentype"),url(../fonts/HelveticaNeueLTArabic-Roman.woff) format("woff"),url(../fonts/HelveticaNeueLTArabic-Roman.ttf) format("truetype"),url(../fonts/HelveticaNeueLTArabic-Roman.svg#svgFontName) format("svg")}@font-face{font-family:HelveticaLight;src:url(../fonts/HelveticaNeueLTArabic-Light.eot);src:url(../fonts/HelveticaNeueLTArabic-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/HelveticaNeueLTArabic-Light.woff) format("woff"),url(../fonts/HelveticaNeueLTArabic-Light.ttf) format("truetype"),url(../fonts/HelveticaNeueLTArabic-Light.svg#svgFontName) format("svg");font-weight:400}@font-face{font-family:HelveticaBold;src:url(../fonts/HelveticaNeueLTArabic-Bold.eot);src:url(../fonts/HelveticaNeueLTArabic-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelveticaNeueLTArabic-Bold.woff) format("woff"),url(../fonts/HelveticaNeueLTArabic-Bold.ttf) format("truetype"),url(../fonts/HelveticaNeueLTArabic-Bold.svg#svgFontName) format("svg");font-weight:700}

@font-face{
        font-family : "aljazeera";
         font-weight: 300;
        src: url('../fonts/Al-Jazeera-Arabic-Regular.otf');
    }


@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#564c4c;font-size:14px;font-family: "aljazeera";line-height:1.42857;direction:rtl;text-align:right;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}li{list-style: none;}audio:not([controls]){display:none;height:0}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}b,optgroup,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}img,legend{border:0}svg:not(:root){overflow:hidden}figure {margin: 32px;
}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}.p0,legend,td,th{padding:0}table{border-collapse:collapse;border-spacing:0}.hidden,[hidden]{display:none!important}.m0{margin:0}.mt0{margin-top:0}.ml0{margin-left:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.pt0{padding-top:0}.pl0{padding-left:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.m5{margin:5px}.mt5{margin-top:5px}.ml5{margin-left:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.p5{padding:5px}.pt5{padding-top:5px}.pl5{padding-left:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.m10{margin:10px}.mt10{margin-top:10px}.ml10{margin-left:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.p10{padding:10px}.pt10{padding-top:10px}.pl10{padding-left:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.m15{margin:15px}.mt15{margin-top:15px}.ml15{margin-left:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.p15{padding:15px}.pt15{padding-top:15px}.pl15{padding-left:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.m20{margin:20px}.mt20{margin-top:20px}.ml20{margin-left:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.p20{padding:20px}.pt20{padding-top:20px}.pl20{padding-left:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.m25{margin:25px}.mt25{margin-top:25px}.ml25{margin-left:25px}.mr25{margin-right:25px}.mb25{margin-bottom:25px}.p25{padding:25px}.pt25{padding-top:25px}.pl25{padding-left:25px}.pr25{padding-right:25px}.pb25{padding-bottom:25px}.m30{margin:30px}.mt30{margin-top:30px}.ml30{margin-left:30px}.mr30{margin-right:30px}.mb30{margin-bottom:30px}.p30{padding:30px}.pt30{padding-top:30px}.pl30{padding-left:30px}.pr30{padding-right:30px}.pb30{padding-bottom:30px}.m35{margin:35px}.mt35{margin-top:35px}.ml35{margin-left:35px}.mr35{margin-right:35px}.mb35{margin-bottom:35px}.p35{padding:35px}.pt35{padding-top:35px}.pl35{padding-left:35px}.pr35{padding-right:35px}.pb35{padding-bottom:35px}.m40{margin:40px}.mt40{margin-top:40px}.ml40{margin-left:40px}.mr40{margin-right:40px}.mb40{margin-bottom:40px}.p40{padding:40px}.pt40{padding-top:40px}.pl40{padding-left:40px}.pr40{padding-right:40px}.pb40{padding-bottom:40px}.m45{margin:45px}.mt45{margin-top:45px}.ml45{margin-left:45px}.mr45{margin-right:45px}.mb45{margin-bottom:45px}.p45{padding:45px}.pt45{padding-top:45px}.pl45{padding-left:45px}.pr45{padding-right:45px}.pb45{padding-bottom:45px}.m50{margin:50px}.mt50{margin-top:50px}.ml50{margin-left:50px}.mr50{margin-right:50px}.mb50{margin-bottom:50px}.p50{padding:50px}.pt50{padding-top:50px}.pl50{padding-left:50px}.pr50{padding-right:50px}.pb50{padding-bottom:50px}
a:hover,a:visited,a:focus{text-decoration: none;}
.header{
    padding-top: 10px;  position: relative; z-index: 9999;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2);
    background-color: #fff; height: 80px;

}
.header:before{
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    width: 22%;
    height: 80px;
    background:#4b5052; 

}
.logo{    padding: 0px;
    position: relative;
    text-align: center;
    margin-top: -10px;
    background: #4b5052;
    height: 80px;}
.logo img{width: 160px;}
.logo a{display: inline-block;    padding-top: 4px;}
.main-nav{
    margin: 8px 0 ; padding: 0;  text-align: right;  
}
.main-nav li{
   display: inline-block; 
}
.main-nav li a{
    font-size: 16px;
    padding: 22px 24px;
    text-decoration: none;
    color: #565656;
    z-index: 3;
    overflow: hidden;
    padding-top: 8px;
    font-weight: 700;
}

.main-nav li a:hover{color: #4b5052;}
.main-nav li i{
    font-size: 15px;
    margin-left: 7px;
    vertical-align: baseline;
}
.social-media{
     padding: 0;  position: relative; text-align: center; 
}
.social-media li{
   float: left; position: relative;
}
.social-media li a{
    font-size: 16px;
    padding: 0 16px;
    position: relative;
    color: #c3c3c9;
}
.social-media li a:hover{text-decoration: none;}
.social-media li:nth-child(4) a:hover {color: #bd1414;}
.social-media li:nth-child(6) a:hover {color: #f36f9c;}
.social-media li:nth-child(1) a:hover {color: #EC381C;}
.social-media li:nth-child(2) a:hover {color: #CA2430;}
.social-media li:nth-child(5) a:hover {color: #795548;}
.social-media li:nth-child(3) a:hover {color: #2196F3;}
.social-media li:nth-child(7) a:hover {color: #000;}
.social-media li:nth-child(8) a:hover {color: #00aced;}
.social-media li:nth-child(9) a:hover {color: #3b5998;}
.social-media li:nth-child(10) a:hover {color:#4b5052;}

.social-media li a i{position: absolute;top: 46%;right: 46%;margin: -8px -8px 0 0;}
.social-media li a:hover i {-webkit-transform: scale(1.5) rotate(-360deg);-moz-transform: scale(1.5) rotate(-360deg);-o-transform: scale(1.5) rotate(-360deg);-ms-transform: scale(1.5) rotate(-360deg);transform: scale(1.5) rotate(-360deg);}
.social-media li a i{-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}

.lang{font-family: HelveticaBold;
    display: block;
    margin-top: 6px;
    padding: 0px 22px !important;right: -8px !important;} .lang i{font-style:normal;}
.social-media li a.lang:hover i {-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);transform:  rotate(-360deg);}

.box-tel{text-align: right; margin: 12px 0;    margin-bottom: 0;}
.box-tel .free-tel{    
    display: inline-block;
    color: #474445;
    font: 700 20px/24px "Lato",sans-serif;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
    direction: ltr;
}

.box-tel i{font-size: 18px;
    margin-right: 3px;
    color: #4b5052;
    }
.box-tel .days-time {
    color: #c3c3c9; display: inline-block;
    font-size: 13px;
}

.me-fin-banner {
    direction: ltr;
}

.me-fin-banner .banner-h1{ direction : rtl;
    font-family: "aljazeera";
    font-weight: 300;
    font-size: 3.0em;     text-align : center;
    line-height: 25px;
    color:#fff;
 position: relative;
     text-shadow: 1px 1px 0 #000000;
}

.me-fin-banner .banner-border span {
 width:113px;
    height:3px;
    background: #4b5052;
    display: inline-block;
}
.me-fin-banner a.banner-button {
    font-family: "aljazeera";
    font-weight: 500;
    font-size: 0.875em;            text-align : center;
    text-transform: uppercase;
    border-radius: 3px;
    display: inline-block;
    background: #4b5052;
    color: #fff;
    line-height: 30px;
    padding: 8px 15px;
    transition: all .3s ease !important;
}
.me-fin-banner a.banner-button:hover {
         background: #4b5052;
    color: #fff;
}
.me-fin-banner a.banner-button:hover i {
    color: #fff;
    border-color: #fff;
}
.me-fin-banner a.banner-button.blue-bg {
    background: #4b5052;
    color: #fff;
    padding: 9px 20px !important;
    font-size: 13px !important;
}

.me-fin-banner a.banner-button:hover,
.me-fin-banner a.banner-button:focus,
.me-fin-banner a.banner-button:active,.form_wrapper button:hover {
    background: #a1da68; color: #fff;
}

.me-fin-banner a.banner-button:hover,
.me-fin-banner a.banner-button:focus,
.me-fin-banner a.banner-button:active,
.me-fin-banner a.banner-button:hover i,
.me-fin-banner a.banner-button:focus i,
.me-fin-banner a.banner-button:active i {
    color: #fff;

}

.me-fin-banner .banner-text p {
    font-family: "aljazeera";
    font-weight: 300; text-align : center;
    font-style: ;     direction : rtl;    padding-bottom: 30px;
    font-size: 1.7em; line-height : 32px;
    color:#fff;
        text-shadow: 1px 1px 0 #000000;
}
.newsletter{
    background-color: #f5f5f5;
    padding: 60px 0;
    text-align: center;
}
.newsletter p{font-size: 18px;}
.newsletter h2{font-size: 21px; font-weight: bold; margin-bottom: 30px;}
.form_wrapper{margin: 30px 0;}
.form_wrapper input{
    background-color: #fff;
    border: 1px solid #ebebec;
    font-size: 14px;
    color: #3e3a48;
    padding: 5px 10px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: border-color 0.2s ease-in-out;
    -moz-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    display: inline-block;
    width: 300px;
    height: 50px;
}
.form_wrapper button{
    background: #4b5052;
    color: #fff;
    font-weight: normal;
    padding: 11px 30px;
    font-size: 14px;
}
.form_wrapper input:hover,.form_wrapper input:focus{outline: 0;}
.foo{display: inline-block; margin: 13px auto;}
.foo li a{background-color: #fff; border-radius: 50%; width: 50px; height: 50px; display: block; margin: 0 10px;line-height: 50px;color: #564c4c;}

.footer{
    background-color: #333030;
    padding: 40px 0;
}
.footer ul{margin: 0;padding: 0 5px;}
.footer h2{color: #fff; font-size: 17px; font-weight: 700;}
.links ul li,.footer h2{margin-bottom: 15px;}
.links ul li a{color:#b5b5b5; padding: 3px 0; font-weight: normal; font-size: 13px;}
.links ul li a:hover{color:#fff;}
.copyrights{border-top: 1px solid #4c4848;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;}
.copyrights p{color: #fff;}
.copyrights a{color: #fff;}


.submenu{
    display: none;
    width: 100%;
    position: absolute;
    top: 70px;
    right: 0;
    background-color: rgba(247, 247, 247, 0.93);
    padding-right: 5px; margin: 0; padding-left: 0; padding-top: 9px; padding-bottom: 9px;
}
.main-nav li:hover .submenu{display: block;}

.rev_slider_wrapper.inner{margin-top: 0px; overflow: hidden!important;}
.rev_slider_wrapper.inner .tparrows{margin-top: 0px;}

.submenu ul{margin:0; padding: 0; width: 100%; float: right;}
.submenu ul li{margin: 1px 0;
    height: 70px;
    width: 25%;
    border-bottom: 1px solid #ddd;
    padding: 4px 0;
    display: block;
    float: right;}
.submenu ul li a{
padding: 0; font-size: 16px;    line-height: 57px;
     display: block; position: relative; vertical-align: middle;
    }
.submenu ul li img{max-width: 90px; display: inline-block;max-height: 55px;}
.submenu ul li a span{font-weight: normal; padding: 2px 7px; font-size: 14px}


.top-menu{
    position: absolute;
    top: 60px;
    right: 0;
    font-size: 16px;
    display: inline-block;
    padding: .8em 3em;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
}
.top-menu a{color: #565656;}
.top-menu a:hover{color: #4b5052;}

.top-menu.inner{
    position: relative; background-color:rgb(255, 255, 255); top: 22px; color: #c5c5c5;
}
.offer{padding: 0; margin-bottom: 20px;}
.rev_slider_wrapper .container{
    margin-top: -600px;
    position: relative;
    z-index: 99;
    text-align: center;
}
.rev_slider_wrapper .container h2{
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    margin: 12em auto;
    padding: 1em 3em;
    color: #4b5052;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
}
.row-1{padding: 50px 0;}
.row-1.bg{background: #fafafa;}
.row-1 .item{margin-bottom: 24px; position: relative; overflow: hidden;}
.row-1 .item.borderd{border: 1px solid #ccc;height: 240px;}
.row-1 .item.borderd:hover{background: rgba(242, 242, 242, 0.3);}
.row-1 .item.borderd a{display: table; height: 100%;    width: 100%;
    text-align: center;}
.row-1 h3{font-size: 17px;margin: 8px 0px;color: #4b5052;}
.row-1 h2{     min-height: 37px;   font-size: 1.23em;
    margin: -5px 0 15px 0px;
    text-align: center;}
.h_360_h{margin-top: 15px!important;}
.model_details{margin: 0; padding: 0;margin-bottom: 25px;    margin-top: -15px;}
.model_details li {
    display: block;
    line-height: 27px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    border-top: 1px inset rgba(202, 202, 202, 0.12);

}
.tp-bannertimer{display: none!important;}
.model_details.line li {   padding: 9px 0;}
.model_details li:first-child{border: none;}
.model_details li.format{color: #ad1111;}
.model_details li small {
    /*font-style: oblique;*/
    font-size: 1em;
    color: #aaa;
}

.prod_photo{padding: 15px;
    margin: 0;
    display: table-cell;
    height: 100%;
    vertical-align: middle;}
.prod_photo img{   margin: 0 auto;    max-height: 205px;}
.offers .price{
        content: '';
    width: 110px;
    height: 25px;
    text-align: center;
    background: #c70b0b;
    position: absolute;
    left: -25px;
    z-index: 999;
    top: 17px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #fff;
    font-size: 16px;
}
.products .model_details li small{font-size: 1em;}
.products .model_details{margin: 0;}

.slider1{position: relative;}
.captions{   
    text-align: center;
    z-index: 999;
    width: 50%;
    padding-top: 16%;
    margin: 0 auto; position: relative;
        text-transform: uppercase;
}
.captions h2{
    font-size: 26px!important; color: #4b5052;line-height: 100px; margin-bottom: 15px;
} 

.captions span{
    font-size: 23px!important; color: #fff;line-height: 35px; position: relative; text-align: center;
} 
.captions span:after{
    content: "";
    bottom: -33px;
    width: 106px;
    background: #fff;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}
.contact-info h2,.contact-form h2{
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 30px;
}
.location i{
    font-size: 24px;
    background: #4b5052;
    padding: 13px;
    border-radius: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
    margin-bottom: 15px;
}
.form-control{height: 42px; font-size: 14px;}
.location{margin-bottom: 30px; text-align: center;}
.location p{
    display: inline-block; margin-bottom:7px;
}
.g-recaptcha{
    width: 305px;
    margin: 0 auto;
}
.location span{
    font-weight: 600;margin-bottom: 5px;}
.alert_msg{color: #c72323; font-size: 15px;text-align: center;}
.page-top{z-index: 999;
    position: relative;
        background: #f3f3f3 url(../images/banner-pattern.png); 
    padding: 30px 0 0px 0px;
    text-align: center;
}
.page-top h2,.bg h2,.green-bg h2{
    font-size: 22px;
    font-weight: 700; color: #4b5052;
}
.about-company{
    text-align: justify;
    line-height: 30px;
}
.ops{

    width: 240px;
    height: 240px;
    background-color: #4b5052;
    line-height: 224px;
    color: #fff;
    font-size: 75px;
    text-align: center;
    margin: 80px auto 40px auto;
    border-radius: 50%;

}
.error404{text-align: center;}
.error404 p{font-size: 16px;line-height:30px;
  }
.error404 span{font-size: 23px; line-height: 60px;
 }
.btn a,.btn a span{color: #fff; text-decoration: none; font-size: 15px; line-height: 45px;}
.btn.btn2{padding: 0 30px; margin-top: 20px;}
.about-company h2{text-align: right; font-weight: 700;    margin: 20px 0 15px 0;}
.about-img img {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.14);
}
.about-team{
    margin: 50px 0 0 0; padding: 0;
}
.about-team li{float: right;
    position: relative;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.14);
    margin: 11px 11px;}
.about-team li .thumb {
    z-index: 19;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #FFF;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    filter: Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-align: center;
}
.about-team li .thumb p{
    position: relative;
    color: #fff;
    width: 100%;
    bottom: -180px;
    left: 0px;
    font-size: 20px;
    margin: 0 auto;
    display: table;
}
.about-team li .thumb span {
        position: relative;
    color: #4b5052;
    width: 100%;
    bottom: -181px;
    left: 0px;
    font-size: 14px;
    margin: 0 auto;
    display: table;
}
.about-team li:after {content: no-close-quote;position: absolute;bottom: 0px;right: 0;width: 100%;height: 100%;background: url(../images/gradient.png) repeat-x center 35px;} 
.about-team li:hover .thumb p, .about-team li:hover .thumb span{-webkit-animation: slideDown .4s ease both;-moz-animation: slideDown .4s ease both;animation: slideDown .4s ease both;}
.about-team li:hover .thumb{opacity: 1;}
@keyframes
slideDown{0%{transform:translateY(-100%)}50%{transform:translateY(8%)}65%{transform:translateY(-4%)}80%{transform:translateY(4%)}95%{transform:translateY(-2%)}100%{transform:translateY(0%)}}
@-webkit-keyframes
slideDown{0%{-webkit-transform:translateY(-100%)}50%{-webkit-transform:translateY(8%)}65%{-webkit-transform:translateY(-4%)}80%{-webkit-transform:translateY(4%)}95%{-webkit-transform:translateY(-2%)}100%{-webkit-transform:translateY(0%)}}
.owl-carousel1{
    margin-top: 50px;
}
.owl-carousel1 .item {
    text-align: center;
}
.owl-carousel1 .item i {
    width: 105px;
    height: 107px;
    display: block;
    margin: 0 auto;
    position: relative;
}
.owl-carousel1 .item i:before {
    background-image: url("../images/testimonial-frame.png");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
}
.owl-carousel1 .item h3 {
    color: #444444;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.54px;
    margin-bottom: 25px;
}
.owl-carousel1 .item h3 > span {
    color: #9a9a9a;
    display: block;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0.42px;
    margin-top: 7px;
}
.owl-carousel1 .item p {
    line-height: 25px;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 0.48px;
    position: relative;
}
.owl-carousel1 .item p:before {
    background-image: url("../images/quote.png");
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 53px;
    height: 47px;
    margin: 0 auto;
    text-align: center;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}
.owl-carousel1{
    padding: 0 180px;
}
.green-bg2{
    background-color: #4b5052; position: relative; overflow: hidden; padding: 30px 0;
    line-height: 30px; text-align: center; font-size: 20px; color: #fff; font-weight: 600;
}
.green-bg2 a{text-decoration: none; color: #fff;}
.green-bg2 a:hover{opacity: .8;}
.green-bg2:after {
    background-color: #fff;
    bottom: -34px;
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: -34px;
    width: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.box-360{
    position: relative; text-align: center;
}
.box-360 a {
       border: 1px solid #c9c9c9;
    border-radius: 8px;
    color: #8ac74e;
    font-size: 20px;
    height: 70px;
    width: 140px;
    display: block;
    margin: 0 auto;
    padding: 6px;
    background: #fff;
    margin-bottom: 50px;
    text-decoration: none;
    display: block;
    line-height: 52px;

}
.box-360 a:hover{
    border-color: transparent;
    background-color: #8ac74e;
    color: #fff;
}
.box-360 a:before {
    right: 0;
}
.box-360 a:after {
    left: 0;
}
.box-360 a:before,.box-360 a:after {
    border-top: 1px dashed rgb(138, 199, 78);
    content: ' ';
    height: 1px;
    width: 50%;
    position: absolute;
    top: 36px;
    z-index: -1;
}
#bx_360{
    width: 1024px;
    height: 580px;
}
.face_login {
    width: 200px;
    float: left;
    margin-top: -35px;
    padding-left: 15px;
}
.face_login p{
    float: left;
    text-align: left;
    padding-left: 10px;
    margin-top: -3px;
}
.face_login span{display: block;
   
}
.log_photo {
    width: 152px;
    float: left;
    margin-top: -11px;
    margin-left: -8px;
}
.face_login .facebook_img{width: 35px; float: left;}
.face_login img{max-width: 100%;}
.face_login a{
    font-size: 12px;
    color: #4b5052;
}
.face_login a:hover{opacity: 0.8;}
.modal-body h3 {
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    margin-bottom: 20px;
}
.modal-title{
    text-align: center;
}
.modal-title h4,.modal-title h6{
   margin-bottom: 30px;
}


/*  TABLET  : 1024px */

@media only screen and ( max-width: 1240px ){
.main-nav li a {
    font-size: 15px;
    padding: 22px 19px;}
.about-team li{width: 213px;}
.main-nav{margin: 3px 15px;}
.face_login {
    margin-top: -22px;
}


}



/* TABLET  : 768px */

@media only screen and (max-width: 1005px) and (min-width: 775px){
.header__logo,.menu {display: block!important;}
.main-nav{display: none;}
.logo img {
    margin-top: 9px;
}
.about-team li {
    width: 218px;
}
.row-1 .item.borderd {
    height: 175px;
}
.owl-carousel1{padding: 0;}
.face_login{display: none;}
}



/*  Phone  : 480px */

@media only screen and (max-width: 774px) and (min-width: 480px){
.header__logo ,.menu {display: block!important;}
.main-nav{display: none;}
.owl-carousel1{padding: 0;}
.about-team li {
    width: 100%; margin: 10px 0;
}
.about-team{width:250px; margin: 0 auto}
.face_login{display: none;}
.menu .face_login{    display: block;
    margin-top: 2px;
    text-align: center;
    width: 100%;
    padding: 0;
    line-height: 19px;
    padding: 5px;
   }
.menu .log_photo{float: none}
}



/* Phone  : 320px */

@media only screen and (max-width: 479px){
#bx_360{
    width: 100%;
    height: 350px;
}
.face_login{display: none;}

.header__logo,.menu {display: block!important;}
.main-nav{display: none;}

.owl-carousel1{padding: 0;}
.about-team li {
    width: 100%; margin: 10px 0;
}
.about-team{width:250px; margin: 0 auto}

.menu .face_login{    display: block;
    margin-top: 2px;
    text-align: center;
    width: 100%;
    padding: 0;
    line-height: 19px;
    padding: 5px;
   }
.menu .log_photo{float: none}

}



.header__logo {
  font-weight: 700;
  padding: 0 25px;
  float: right;
  display: none;
}

/* MENU */
.menu {
  float: right;display: none;
}
.menu a {
  padding: 0 10px;
}
.menu a:hover {
  color: #c5cae9;
}

/* RESPONSIVE */
@media only screen and (max-width: 1005px) {
  .site-pusher,
  .site-container {
    height: 100%;
  }

  .site-container {
   /* overflow: hidden;*/
  }

  .site-pusher {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  .site-content {
    position: absolute;
    top: 66px;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .header {
    position: static;
    right: 0;
    top: 0;
  }

  .header__icon {
    position: relative;
    display: block;
    float: left;
    width: 50px;
    height: 66px;
    cursor: pointer;
  }
  .header__icon:after {
    content: '';
    position: absolute;
    display: block;
    width: 2.5rem;
    height: 0;
    top: 15px;
    right: 15px;
    box-shadow: 0 10px 0 1px #4b5052, 0 16px 0 1px #4b5052, 0 22px 0 1px #4b5052;
}
    
    .with--sidebar .menu {
            transform: translateX(0)  !important;
           -webkit-transition: all .2s linear !important;
           transition: all .2s linear !important;
           -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
  .menu {
    position: absolute;
    
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all .2s linear !important;
    /*right: -250px;*/
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background: #f3f3f3 url(../images/banner-pattern.png);
    width: 250px;
    z-index:10000;
    -webkit-transition: all .2s linear;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    /*-webkit-transform: translateX(-250px);*/
    /*transform: translateX(-250px);*/
  }
  .menu > li {
    display: block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
  }
  .menu .social-media li {
    float: none;
    display: inline-block;
    }
   .menu .social-media li a{color:#7f7f84;}
  .menu > li > a{
    color: #4b5052; font-size: 16px;
  }
  .menu a:hover,.high5 {color: #564c4c!important;}
  .high5{font-size: 14px!important;}
  .with--sidebar .site-pusher {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all .2s linear !important;
    -webkit-transition: all .2s linear;
  }
  .with--sidebar .site-cache {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.6);
     -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all .2s linear !important;
    -webkit-transition: all .2s linear;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .with--sidebar{overflow: hidden; transition: all .2s linear !important;-webkit-transition: all .2s linear;-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;}
}