body{background:#fff;color:#666;font-family:"Open Sans",sans-serif}
a{color:#2dc997}
a:hover,a:active,a:focus{color:#2dca98;outline:none;text-decoration:none}
p{padding:0;margin:0 0 20px}
h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;font-weight:400;margin:0 0 20px;padding:0}
.syj_subtitle { font-size: 34px; color: #c59d46; font-weight: 400; }
.syj_title { font-size: 40px; color: #c59d46; font-weight:700 }
#about .syj_title { color: #668099 }
#about .context { background: rgba(255,255,255,0.5); width:100%; padding:20px 30px; border-radius: 20px; font-size: 18px; font-weight: 500; color: #668099; }
#preloader{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;overflow:visible;background:#000 url(../img/siyaj_loader.gif) no-repeat center center}
.back-to-top{position:fixed;display:none;background:rgba(0,0,0,0.2);color:#fff;padding:6px 12px 9px;font-size:16px;border-radius:2px;right:15px;bottom:15px;transition:background .5s}
.back-to-top:focus{background:rgba(0,0,0,0.2);color:#fff;outline:none}
.back-to-top:hover{background:#2dc997;color:#fff}
#header{padding:30px 0;height:92px;position:fixed;left:0;top:0;right:0;transition:all .5s;z-index:997; background: rgba(0,0,0,0.6);}
#header #logo{float:left}
#header #logo h1{font-size:36px;margin:0;padding:6px 0;line-height:1;font-family:"Poppins",sans-serif;font-weight:700;letter-spacing:3px;text-transform:uppercase}
#header #logo h1 a,#header #logo h1 a:hover{color:#fff}
#header #logo img{padding:0;margin:0}
#header.header-fixed{background:rgba(52,59,64,0.8);padding:20px 0;height:72px;transition:all .5s}
#logo{fill:#fff}
.logo_svg_img{color:#fff;fill:#fff;width:108px; margin-top: -9px; transition: 0.5s;}
.logo_svg_img:active { width: 95px; }
.logo_g_container{color:#ff0}
.about_logo{fill:#566799;width:240px}
.hero_logo{width:200px}
#companies{width:100%;height:100vh;background:url(../img/bgs/companies.jpg) fixed center center;background-size:cover;padding:80px 0}
#companies .cta-title{color:#c59d46;font-size:36px;font-weight:700}
#companies .cta-text{color:#c59d46}
#companies .cta-btn{font-family:"Poppins",sans-serif;text-transform:uppercase;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 30px;border-radius:50px;transition:.5s;margin:10px;border:2px solid #fff;color:#fff}
#companies .cta-btn:hover{background:#2dc997;border:2px solid #2dc997}
#news{width:100%;height:100vh;background:linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.2)),url(../img/bgs/news.jpg) fixed center center;background-size:cover;padding:30px 0}
#hero{width:100%;height:100vh;background:url(../img/bgs/home.jpg) top center;background-size:cover;position:relative}
#hero:before{content:"";background:rgba(0,0,0,0.06);position:absolute;bottom:0;top:0;left:0;right:0}
#hero .hero-container{position:absolute;bottom:0;top:0;left:0;right:0;display:-webkit-box;text-align:center
  /* display:-webkit-flex;display:-ms-flexbox;
  display:flex;-webkit-box-pack:center;-webkit-justify-content:center;
  -ms-flex-pack:center;justify-content:center;-webkit-box-align:center;
  -webkit-align-items:center;-ms-flex-align:center;align-items:center;
  -webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;
  -ms-flex-direction:column;flex-direction:column; */
}
#hero h1{font-size:48px;font-weight:700;line-height:56px;text-transform:uppercase;color:#fff}
#hero h2{color:#eee;font-size:24px}
#hero .btn-get-started{font-family:"Poppins",sans-serif;text-transform:uppercase;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 28px;border-radius:50px;transition:.5s;margin:10px;border:2px solid #fff;color:#fff}
#hero .btn-get-started:hover{background:#2dc997;border:2px solid #2dc997}
.main_slide { margin-top: 170px; padding-right: 40px !important; }
.hero_logo_box { position: absolute; bottom: 150px; z-index: 66; padding-right: 40px; left: 0; right: 0; }
.siyajHeroVd {position: absolute;right: 0;bottom: 0;min-width: 100%;width: 100%;min-height: 100%;}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99}
.nav-menu li{position:relative;white-space:nowrap}
.nav-menu > li{float:left}
.nav-menu li:hover > ul,.nav-menu li.sfHover > ul{display:block}
.nav-menu ul ul{top:0;left:100%}
.nav-menu ul li{min-width:180px}
.sf-arrows .sf-with-ul{padding-right:30px}
.sf-arrows .sf-with-ul:after{content:"\f107";position:absolute;right:15px;font-family:FontAwesome;font-style:normal;font-weight:400}
.sf-arrows ul .sf-with-ul:after{content:"\f105"}
#nav-menu-container{float:right;margin:0}
.nav-menu a{padding:0 12px 10px;text-decoration:none;display:inline-block;color:#fff;font-family:"Poppins",sans-serif;font-weight:400;text-transform:uppercase;font-size:14px;outline:none}
.nav-menu > li{margin-left:10px}
.nav-menu > li > a:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#2dc997;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .3s ease-in-out 0}
.nav-menu a:hover:before,.nav-menu li:hover > a:before,.nav-menu .menu-active > a:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
.nav-menu a:active { color: #e0e0e0; }
.nav-menu ul{margin:4px 0 0;border:1px solid #e7e7e7}
.nav-menu ul li{background:#fff}
.nav-menu ul li:first-child{border-top:0}
.nav-menu ul li a{padding:10px;color:#333;transition:.3s;display:block;font-size:13px;text-transform:none}
.nav-menu ul li a:hover{background:#2dc997;color:#fff}
.nav-menu ul ul{margin:0}
#mobile-nav-toggle{position:fixed;right:0;top:0;z-index:999;margin:15px 20px 0 0;border:0;background:none;font-size:24px;display:none;transition:all .4s;outline:none;cursor:pointer; padding:10px 20px 5px 20px;}
#mobile-nav-toggle i{color:#fff}
#mobile-nav-toggle:active i { color: #f0f0f0; }
#mobile-nav-toggle:active { background-color: #566799 }
#mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(52,59,64,0.9);left:-260px;width:260px;overflow-y:auto;transition:.4s}
#mobile-nav ul{padding:0;margin:0;list-style:none}
#mobile-nav ul li{position:relative}
#mobile-nav ul li a:not(.search-btn){color:#fff;font-size:16px;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:none}
#mobile-nav ul li a:not(.search-btn):active { background-color: #f0f0f0; color: #003; }
#mobile-nav ul li a:hover{color:#fff}
#mobile-nav ul li li{padding-left:30px}
#mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}
#mobile-nav ul .menu-has-children i.fa-chevron-up{color:#2dc997}
#mobile-nav ul .menu-item-active{color:#2dc997}
#mobile-body-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(52,59,64,0.9);display:none}
#mobile-nav .search_li { margin-top: 20px; padding-left: 10px; }
body.mobile-nav-active{overflow:hidden}
body.mobile-nav-active #mobile-nav{left:0}
body.mobile-nav-active #mobile-nav-toggle{color:#fff}
.section-header .section-title{font-size:32px;color:#111;text-transform:uppercase;text-align:center;font-weight:700;margin-bottom:5px}
.section-header .section-description{text-align:center;padding-bottom:40px;color:#999}
#about{height:100vh;background:url(../img/bgs/about.jpg) center top no-repeat;background-size:cover;padding:80px 0}
#about .about-container .background{min-height:300px;margin-bottom:10px}
#about .about-container .content{background:#fff}
#about .about-container .title{color:#333;font-weight:700;font-size:32px}
#about .about-container p{line-height:26px}
#about .about-container p:last-child{margin-bottom:0}
#about .about-container .icon-box{background:#fff;background-size:cover;padding:0 0 30px}
#about .about-container .icon-box .icon{float:left;background:#fff;width:64px;height:64px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;border-radius:50%;border:2px solid #2dc997}
#about .about-container .icon-box .icon i{color:#2dc997;font-size:24px}
#about .about-container .icon-box .title{margin-left:80px;font-weight:500;margin-bottom:5px;font-size:18px;text-transform:uppercase}
#about .about-container .icon-box .title a{color:#111}
#about .about-container .icon-box .description{margin-left:80px;line-height:24px;font-size:14px}
#facts{background:#f7f7f7;padding:80px 0 60px}
#facts .counters span{font-size:48px;display:block;color:#2dc997}
#facts .counters p{padding:0;margin:0 0 20px;font-family:"Poppins",sans-serif;font-size:14px}
#services{background:#fff;background-size:cover;padding:80px 0 60px}
#services .box{padding:50px 20px;margin-bottom:50px;text-align:center;border:1px solid #e6e6e6;height:200px;position:relative;background:#fafafa}
#services .icon{position:absolute;top:-36px;left:calc(50% - 36px);transition:.2s;border-radius:50%;border:6px solid #fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;width:72px;height:72px;background:#2dc997}
#services .icon a{display:inline-block}
#services .icon i{color:#fff;font-size:24px}
#services .box:hover .icon{background:#fff;border:2px solid #2dc997}
#services .box:hover .icon i{color:#2dc997}
#services .box:hover .icon a{color:#2dc997}
#services .title{font-weight:700;font-size:18px;margin-bottom:15px;text-transform:uppercase}
#services .title a{color:#111}
#services .description{font-size:14px;line-height:24px}
#portfolio{background:#f7f7f7;padding:80px 0}
#portfolio #portfolio-wrapper{padding-right:15px}
#portfolio #portfolio-flters{padding:0;margin:0 0 45px;list-style:none;text-align:center}
#portfolio #portfolio-flters li{cursor:pointer;margin:0 10px;display:inline-block;padding:10px 22px;font-size:12px;line-height:20px;color:#666;border-radius:4px;text-transform:uppercase;background:#fff;margin-bottom:5px;transition:all .3s ease-in-out}
#portfolio #portfolio-flters li:hover,#portfolio #portfolio-flters li.filter-active{background:#2dc997;color:#fff}
#portfolio .portfolio-item{position:relative;height:200px;overflow:hidden!important;margin-bottom:15px;transition:all 350ms ease;-webkit-transform:scale(1);transform:scale(1)}
#portfolio .portfolio-item a{display:block;margin-right:15px}
#portfolio .portfolio-item img{position:relative;top:0;transition:all 600ms cubic-bezier(0.645,0.045,0.355,1)}
#portfolio .portfolio-item .details{height:50px;background:#2dc997;position:absolute;width:100%;height:50px;bottom:-50px;transition:all 300ms cubic-bezier(0.645,0.045,0.355,1)}
#portfolio .portfolio-item .details h4{font-size:14px;font-weight:700;color:#fff;padding:8px 0 2px 8px;margin:0}
#portfolio .portfolio-item .details span{display:block;color:#fff;font-size:13px;padding-left:8px}
#portfolio .portfolio-item:hover .details{bottom:0}
#portfolio .portfolio-item:hover img{top:-30px}
#team{background:#fff;padding:80px 0 60px}
#team .member{text-align:center;margin-bottom:20px}
#team .member .pic{margin-bottom:15px;overflow:hidden;height:260px}
#team .member .pic img{max-width:100%}
#team .member h4{font-weight:700;margin-bottom:2px;font-size:18px}
#team .member span{font-style:italic;display:block;font-size:13px}
#team .member .social{margin-top:15px}
#team .member .social a{color:#b3b3b3}
#team .member .social a:hover{color:#2dc997}
#team .member .social i{font-size:18px;margin:0 2px}
#contact{background:#f7f7f7;padding:80px 0 0px;padding-top: 0px;}
#contact #google-map{height:300px;margin-bottom:20px}
#contact .info{color:#333}
#contact .info i{color:#566799;float:left}
#contact .info p{padding:5px 0 10px 50px;margin-bottom:20px;line-height:22px;font-size:14px}
#contact .info .email p{padding-top:5px}
#contact_section .wrapper { background: #fff; padding-top: 30px; padding-bottom: 30px; }
#contact_section .social-links{padding-bottom:20px}
#contact_section .social-links a{font-size:18px;display:inline-block;background:#333;color:#fff;line-height:1;padding:8px 0;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}
#contact_section .social-links a:hover{background:#2dc997;color:#fff}
#contact .form #sendmessage{color:#2dc997;border:1px solid #2dc997;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}
#contact .form #errormessage{color:red;display:none;border:1px solid red;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}
#contact .form #sendmessage.show,#contact .form #errormessage.show,#contact .form .show{display:block}
#contact .form .validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px}
#contact .form input,#contact .form textarea{border-radius:0;box-shadow:none;font-size:14px; border-radius: 20px; padding: 15px 18px; box-shadow: 5px 6px 0px rgba(86, 103, 153, 0.1); }
#contact .form button[type="submit"]{background:#2dc997;border:0;padding:10px 24px;color:#fff;transition:.4s;border-radius: 20px;}
#contact .form button[type="submit"]:hover{background:#51d8ad}
#footer{background:#566799;padding:30px 0;color:#fff;font-size:14px}
#footer .copyright{text-align:center}
#footer .credits{padding-top:10px;text-align:center;font-size:13px;color:#ccc}
.locale_switch img { width: 30px; }
.co_square{transform:rotate(-45deg);width:155px;height:155px;margin:24px auto;border:2px solid #b8b8be;overflow:hidden;
  -webkit-box-shadow:-7px 14px 0px 4px rgba(56, 63, 73, 0.16);
  -moz-box-shadow:-7px 14px 0px 4px rgba(56, 63, 73, 0.16);
  box-shadow:-7px 14px 0px 4px rgba(56, 63, 73, 0.16);
  border-radius:6px;
  transition: 0.5s;}
.co_square:hover { margin-top: 8px; box-shadow:-7px 14px 0px 4px rgba(56, 63, 73, 0.05); border:2px solid #c59d46; }
.co_pic{transform:rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);overflow:hidden;width:260px;height:260px;margin:-50px -59px}
.co_pic img{width:100%;height:100%}
.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span { display: inline-block; position: relative;  }
.fancy span:before,
.fancy span:after { content: ""; position: absolute; height: 70px; top: 0; width: 240px;}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  background-color: #566799;
  -webkit-mask: url(../img/assets/decorated_border_r.svg);
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-image: url(../img/assets/decorated_border_r.svg);
  -webkit-mask-image: url(../img/assets/decorated_border_r.svg);
  mask-position-y: -30px;
  -webkit-mask-position-y: -30px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
  -webkit-mask: url(../img/assets/decorated_border_r.svg);
  mask-image: url(../img/assets/decorated_border_r.svg);
  mask-size: cover;
  mask-position-y: -30px;
  -webkit-mask-position-y: -30px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  background-color: #566799;
}
.section_news .fancy span:before, .section_news .fancy span:after { background-color: #fff; }
.companies_section .fancy span:before, .companies_section .fancy span:after { background-color: #c59d46; }
#news .syj_title, #news .syj_subtitle { color: #fff; 
-webkit-text-shadow:2px 5px 0px rgba(0,0,0,0.2);
-moz-text-shadow:2px 5px 0px rgba(0,0,0,0.2);
text-shadow:2px 5px 0px rgba(0,0,0,0.2);
 }
 #news .syj_title { font-size: 40px; }
 #news .syj_subtitle { font-size: 36px; margin-bottom: 10px; }
.subscribtion { display: flex: align-self: end; color: #fff; padding:20px; background:rgba(255,255,255,0.15); border-radius: 20px; }
.search_form { margin-top: -7px; }
.search_in {position:relative}
.search_in .search-btn{position:absolute;top:0;right:9px;left:auto;display:inline-block;color:#666;
display: flex; justify-content: center; align-content: center; align-items: center;
background: #566799; border-radius: 20px; width: 40px; height: 37px; padding-top: 6px;
}
.search_in .search-btn:hover{cursor: pointer; background: #2d3b66;}
.search_in .search-btn:active{background: #2d3b66;}
.search_in .search-btn .fa{color:#a29ec1;}
.search_in .search-btn .fa:before{font-size:16px;line-height:16px}
.search_in .search{padding:0 40px 0 15px}
.searchbox input,.searchbtn{background:#0e609e}
.search {color:#000; border-radius: 20px; background-color:#fff;border:1px solid #a29ec1;height:37px;padding:0 35px 0 15px; outline:0;width:180px;font-size:0.90em;margin:0 10px 0 0;transition:width .6s}
.search::placeholder { color: #000; }
.search::-webkit-input-placeholder, .search:focus{width:220px}
.search:-ms-input-placeholder { color: #000; }
.search_in .search-btn .fa { color: #fff; }
.locale { margin-top: -2px; }
.footer_title { font-weight: 700; font-size: 17px; color: #668099; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px;  }
.footer_menu { margin: 0; padding: 0;  }
.footer_menu li { list-style-type: none; }
.footer_menu li a { color: #8c93a8; font-size: 14px; transition: 0.3s; display: block; padding: 8px 0; text-transform: uppercase; }
.footer_menu li a:before { content: "\f061"; font-size: 9px; font-family: FontAwesome; padding-right: 10px; }
.footer_menu li a:hover { color: #2dc997; padding-left: 10px; }
.footer_contacts { margin: 0; padding: 0; }
.footer_contacts li { list-style-type: none; }
.footer_contacts li a { transition: 0.3s; color: #8c93a8; font-size: 14px; display: block; padding: 5px 0; font-weight: bold; }
.footer_contacts li a:hover { color: #2dc997; padding-left: 10px; }
.footer_contacts li a i { width: 40px; height: 40px; border-radius: 50%; text-align: center; background: #f0f0f0; margin-right: 10px; padding-top: 11px; font-size: 16px; }
.onmap_info i { width: 40px; height: 40px; border-radius: 50%; text-align: center; background: #f0f0f0; margin-right: 10px; padding-top: 11px; font-size: 16px; }
.help_text { font-size: 13px; color: #8c93a8; margin-bottom: 15px; }
.drop_shadow { text-shadow: 4px 5px rgba(86, 103, 153, 0.5) }
.contact_layer { position: absolute; width:100%; height: 100%; top: 0px; padding-top: 40px; background: rgba(84, 99, 141, 0.7); }
.map_overlay { width:100%; position: relative }
.footer_contact_addr { border-radius: 20px; background: #fff; padding: 30px; }
.co_head { border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; }
.co_head h5 { color:#c0c0c0; font-size: 14px; }
.subscribe_section { position: absolute; bottom:90px; margin 0 auto; left: 0; right: 0 }
.news_section { position: relative; }
#hero.inner_page { background-color: #566799; background-image: none; }
#hero.co_page { background-size: cover !important; }
.inner_body #header { background: rgba(0,0,0,0.3); }
#hero.inner_page .hero_head { margin-top: 10px !important; }
.co_wrapper { padding-top: 35px; display: flex; align-items: center; width: 100%; }
.co_IPLATINUM { background:url(../img/bgs/co1.jpg) top center !important; }
.co_ALWAN { background:url(../img/bgs/co3.jpg) top center !important; }
.co_ELITE_BEAUTY_TR { background:url(../img/bgs/co7.jpg) top center !important; }
.co_MSALEH_CHARITY { background:url(../img/bgs/co6.jpg) top center !important; }
.co_SIYAJ_AJYAL { background:url(../img/bgs/co5.jpg) top center !important; }
.co_GAYRIMENKUL { background:url(../img/bgs/co4.jpg) top center !important; }
.co_ELITE_BEAUTY_EN { background:url(../img/bgs/co2.jpg) top center !important; }
.co_details { padding:10px 30px 5px 30px; }
h1.co_head_title { text-shadow: 2px 5px 5px rgba(0,0,0,0.12) }
.co_ALWAN h1.co_head_title { color: #c9ac6c !important; font-size: 38px !important; padding-top: 20px; }
.co_ALWAN .co_details { color: #fff; font-size: 18px; }
.co_ALWAN_Page #header { background: rgba(103, 135, 197, 0.15) !important; }
.co_IPLATINUM h1.co_head_title { color: #cb0914 !important; font-size: 38px !important; padding-top: 30px; }
.co_IPLATINUM .co_details { font-size: 22px; }
.co_ELITE_BEAUTY_EN h1.co_head_title { color: #c18551 !important; font-size: 38px !important; padding-top: 30px; }
.co_ELITE_BEAUTY_EN .co_details { color: #fff; font-size: 18px; }
.co_ELITE_BEAUTY_EN .offset-md-6, .co_SIYAJ_AJYAL .offset-md-6 { margin-right: 50% !important; margin-left: unset; }
.co_GAYRIMENKUL h1.co_head_title { color: #29a9e1 !important; font-size: 38px !important; padding-top: 30px; }
.co_GAYRIMENKUL .co_details { color: #fff; font-size: 20px; }
.co_SIYAJ_AJYAL h1.co_head_title { color: #8bc14a !important; font-size: 38px !important; padding-top: 30px; }
.co_SIYAJ_AJYAL .co_details { color: #fff; font-size: 20px; }
.co_MSALEH_CHARITY h1.co_head_title { color: #0e5a32 !important; font-size: 38px !important; padding-top: 30px; }
.co_MSALEH_CHARITY .co_details { color: #333; font-size: 18px; }
.co_ELITE_BEAUTY_TR h1.co_head_title { color: #fff !important; font-size: 38px !important; padding-top: 30px; }
.co_ELITE_BEAUTY_TR .co_details { color: #fff; font-size: 22px; }
.co_page .btn-courl { transition: .5s; font-family: "Poppins",sans-serif; font-weight: 500; font-size: 16px; border: 2px solid rgb(86, 103, 153); padding: 10px 20px; background-color: #fff; color: #333; border-radius: 30px; box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.10) }
.co_page .btn-courl:hover { background-color: #2dc997; padding-right: 30px; color: #fff; border: 2px solid rgba(255, 255, 255, 0.5); }
.btn-courl:before, .btn-courl:after { font-family: FontAwesome; }
.btn-courl:after { content: "\f105"; padding-left: 15px; font-size: 20px; }
.btn-courl:before { content: "\f0ac"; padding-right: 15px; font-size: 20px; }
.map_iframe { height: 630px; width: 100%; border: 0; }
.co_bg_i { width: 100%; height: 100%; position: absolute; }
@media (min-width: 1500px) {
  .hero_head { margin-top: 150px !important; }
  .hero_context { margin-bottom: 100px !important; }
}
@media (max-width: 1300px) {
  .main_slide { margin-top: 270px; }
  .nav-menu a { padding: 0 5px 10px; }
}
@media (min-width: 769px) {
  #call-to-action .cta-btn-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
}
@media (min-width: 1024px) {
  #hero{background-attachment:fixed}
}
@media (min-width: 1170px) {
  .hero_head { margin-top: 100px !important; }
  .hero_context { margin-bottom: 90px !important; }
}
@media (min-width: 1255px) {
  .hero_head { margin-top: 60px !important; }
  .hero_context { margin-bottom: 90px !important; }
}
@media (min-width: 1300px) {
  .hero_head { margin-top: 70px !important; }
  .hero_context { margin-bottom: 100px !important; }
}
@media (max-width: 1024px) {
  #call-to-action{background-attachment:scroll}
  #nav-menu-container{display:none}
  #mobile-nav-toggle{display:inline}
}
@media (max-width: 768px) {
  .back-to-top{bottom:15px}
  #header #logo h1{font-size:26px}
  #header #logo img{max-height:40px}
  #nav-menu-container{display:none}
  #mobile-nav-toggle{display:inline}
  #about .about-container .title{padding-top:15px}
}
@media (max-width: 530px) {
  #header { top: 30px; }
  #mobile-nav-toggle { top: 30px; }
  #mobile-nav { padding-top: 30px; }
  .nav-menu .hotline { display: none; }
  .fancy span::after, .fancy span::before { content: unset !important; }
  .main_slide { margin-top: 187px; padding-right: 15px !important; }
  .hero_logo_box { padding-right: unset; }
  #about, #companies, #contact { height: unset; }
  #companies { padding: 30px 0; }
  .syj_subtitle { margin-bottom: 0px !important; }
  .co_square { width: 100px;height: 100px; box-shadow: -3px 6px 0px 2px rgba(56, 63, 73, 0.10) }
  .co_pic { width: 180px;height: 180px; margin: -39px -42px; }
  .map_iframe { height: 940px; }
  #hero.co_page { height: 100%; }
  #hero.co_page .hero-container { position: initial; }
  .btn-courl { margin-bottom: 20px; }
  #hero h1 { font-size: 22px !important; line-height: 33px; }
  .co_details { font-size: 15px !important; padding: 5px 10px 5px 10px; 
    background: rgba(27, 41, 71, 0.5); text-shadow: 1px 1px 1px #000; border-radius: 6px; padding-top: 15px;}
  .co_MSALEH_CHARITY .co_details { background: rgba(254, 254, 254, 0.3); text-shadow: 1px 1px 1px #f3efef;  }
  .co_IPLATINUM .co_details { background: rgba(195, 40, 75, 0.3); text-shadow: 1px 1px 1px #242424; color: #fff; }
  .co_SIYAJ_AJYAL .co_details { background: rgba(13, 54, 36, 0.3); text-shadow: 1px 1px 1px #242424; }
  .co_ELITE_BEAUTY_TR .co_details { background: rgba(27, 41, 71, 0.2); }
  .co_last { margin-left: 25% }
  .co_wrapper { padding-top: 135px; }
  .co_MSALEH_CHARITY .co_bg_i { background: rgba(203, 231, 186, 0.8); }
  .co_IPLATINUM .co_bg_i { background: rgba(211, 176, 175, 0.8); }
  .co_SIYAJ_AJYAL .co_bg_i { background: rgba(0, 19, 11, 0.80); }
  .co_GAYRIMENKUL .co_bg_i { background: rgba(16, 12, 33, 0.8); }
  .co_ALWAN .co_bg_i { background: rgba(20, 28, 41, 0.88); }
  .co_ELITE_BEAUTY_TR .co_bg_i { background: rgba(19, 67, 78, 0.88) }
  .co_ELITE_BEAUTY_EN .co_bg_i { background: rgba(14, 10, 25, 0.85) }
  .syj_title { font-size: 32px; }
  #about .context { padding: 10px 12px; }
}