/*
Theme Name: WP_Spectrum
Theme URI: http://cmssuperheroes.com/wordpress/cshero
Author: Cmssuperheroes Team
Author URI: http://cmssuperheroes.com/
Version: 2.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Description: In 2015, Creating a magazine website with WordPress has never been easier.
Text Domain: wp_spectrum
*/

/**
 * Table of Contents:
 *
*/

/** Style all button site **/
@import "./css/buttons.css";

/** Style mobule and type title module **/
@import "./css/module.css";

/** Style all menu site **/
@import "./css/menu.css";

/** Style all shortcode site **/
@import "./css/shortcodes.css";

/** STYLE BASE SITE  **/
@import "./css/style.min.css";

/** Style base spectrum site **/
@import "./css/style.spectrum.css";

/** Style Shop **/
@import "./css/woocommerce.css";

/** Style custom home **/
@import "./css/custom-home.css";

/** Style RTL **/
@import "./style-rtl.css";

/** Style reponsive **/
@import "./css/responsive.css";

/** 3rd Extensions  **/
@import "./css/extensions.css";
@font-face {
    font-family: BigJohn;
    src: url("./fonts/BigJohn.otf");
}
@font-face {
    font-family: SinkinSans-700Bold;
    src: url("./fonts/SinkinSans-700Bold.otf");
}

@font-face {
    font-family: SinkinSans-500Medium;
    src: url("./fonts/SinkinSans-500Medium.otf");
}
@font-face {
    font-family: SinkinSans-400Regular;
    src: url("./fonts/SinkinSans-400Regular.otf");
}


.wpb_row.clearfix.none.vc_row-fluid.border.cs-row-container-wrap {
    padding: 40px 0;
}
.bkhbag{padding: 180px 0 !important;margin:0px;border-top:7px solid #ebebeb;border-left:7px solid #ebebeb;border-right:7px solid #ebebeb}
#footer-top{border-top:10px solid #ebebeb;}
.bhk{margin: 44px 0 0 71px ;}
#bigsan-109 {
    font-size: 109px;
    color: #fff;
    font-weight: 900;
    line-height: 70px;
    margin: 0 0 0 0;
	font-family: "BigJohn";
}
#sinkinsans-36 {
    font-size: 36px;
    color: #fff;
    line-height: normal;
    margin: 18px 0 85px 0;
	position:relative;
	font-family:"SinkinSans-700Bold";
}
#sinkinsans-36:before{
	  content: "";
    width: 80px;
    height: 14px;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 78px;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
   
	}
.sinkinsans-medium-24 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 !important;
    line-height: 29px;
	font-family:"SinkinSans-500Medium"
}
#bigsan-1099 {
    color: #fff;
    font-size: 78px;
    line-height: 61px;
    font-weight: 900;
    text-align: center;
    margin: 0px 0 50px;
	font-family:"SinkinSans-700Bold";
}
.btn-down {
    text-align: center;
    margin: 25px 0 0;
        margin-bottom: 0px;
}
.btn-down a {
    color: #fff !important;
    font-size: 18px;
    border: 1px solid #fff;
    padding: 9px 33px;
	font-family:"SinkinSans-400Regular"
}
.btn-down a:hover{color:#fff;opacity:0.5}
.bhknew li {
    color: #fff;
    font-size: 21px;
    list-style: none;
	padding: 6px 0;
	font-family:"SinkinSans-500Medium";
}
.bhknew li img {
    margin: 0 5px 0 0;
        margin-bottom: 0px;
}
#bigsan-1099::before {
    content: "";
    width: 73px;
    height: 13px;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 76px;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
 #footer-top h4{color: #4c6177;
    margin: 30px 0 0;
	position:relative;
    font-size: 14px;}
	
	
#footer-top h4::before {
    content: "";
    width: 152px;
    height: 13px;
    border-top: 1px solid #4c6177;
    position: absolute;
    top: 0px;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
   
}
#footer-top p{font-size:12px;color:#000;}
#footer-top h3.wg-title {
    color: #5d7792 !important;
    font-size: 12px !important;
}
#footer-top a {
 color: #5d7792 !important;
    font-size: 12px !important;
 }
 #footer-bottom {
    background-color: #35404a !important;
    color: #4c6177 !important;
    border-style: solid;
    border-color: #4c6177 !important;
    border:none !important;
    padding: 10px 0;
}
.footer-bottom-1{border-style: solid;
    border-color: #4c6177 !important;
    border-width:1px 0px 0px 0px !important;
	    padding: 15px 0;
    margin: 0 0;}
	
	#header-top{display:none}
@media(min-width:320px) and (max-width:767px){
	.abbror-img .vc_align_left{text-align:center !important;}
	.wpb_row.clearfix.none.vc_row-fluid.border.cs-row-container-wrap {
    padding: 20px 0;
}
.bhk4.vc_custom_1513761902316 {
    background-image: url(http://www.alsalamtechnologies.com/Super/wp-content/uploads/2017/12/bhk.jpg) !important;
      
      
      height: 501px;
    
   
}
.brighten.vc_custom_1513764775535 {
    background-image: url(http://www.alsalamtechnologies.com/Super/wp-content/uploads/2017/12/brighten.jpg) !important;
      
      
      height: 501px;
    
   
}

.watch.vc_custom_1513764136354 {
    background-image: url(http://www.alsalamtechnologies.com/Super/wp-content/uploads/2017/12/watch.jpg) !important;
      
      
      height: 501px;
    
   
}

.splash.vc_custom_1513766826913 {
    background-image: url(http://www.alsalamtechnologies.com/Super/wp-content/uploads/2017/12/splash.jpg) !important;
      
      
      height: 501px;
    
   
}

.healthy.vc_custom_1513766835367 {
    background-image: url(http://www.alsalamtechnologies.com/Super/wp-content/uploads/2017/12/healthy.jpg) !important;
      
      
      height: 501px;
    
   
}

.approved.vc_custom_1513766848491{
    background-image: url(http://www.alsalamtechnologies.com/Super/wp-content/uploads/2017/12/approved.jpg) !important;
      
      
      height: 501px;
    
   
}
.bkhbag.amenities{height: 501px;padding:175px 0 !important;}
.bkhbag {
    padding: 30px 0 !important;
   xheight: 501px;
	} 
.bhk {
    margin: 120px 20px;
    margin-bottom: 44px;
text-align: left;
    xmargin: 0px;
    xtext-align: center;
}	
	#bigsan-109 {
    xfont-size: 20px;
   font-size: 40px;
   
    line-height:normal;
    margin: 0 0 0 0;
   
}
#sinkinsans-36 {
    font-size: 25px;
   
    line-height:24px;
    margin: 0px;
   
   
}
.sinkinsans-medium-24 {
    font-size: 20px;
   
    
    margin: 90px 0 0 !important;
    line-height: 20px;
    
}
#sinkinsans-36::before {
  
    top: 85px;
    
   
    margin: 0;
}
#bigsan-1099 {
    color: #fff;
    font-size: 20px;
    line-height: 10px;
	margin: 0px 0 30px;
  
}

#bigsan-1099::before {
   
    top: 20px;
}
#wrapper .wpb_row [class^="vc_col-"], #wrapper .wpb_row [class*="vc_col-"] {
    padding-top: 0;
}



::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
element {

}
.bhknew li {

   
    font-size: 9px;
   
    padding: 0px 0;
   

}
#wrapper #footer-top ul.menu li {
    text-align:center;
}
#footer-top {
    padding: 20px 0px 0 !important;
    margin: 0px;
}
.footer-top-1,.footer-top-2{margin:0 !important;}
.footer-top .wg-title {
    margin: 0 !important;
}
btn-down a {
   
    font-size: 12px;
   
}	
	}	
	
@media(min-width:768px) and (max-width:1000px){.bkhbag {
    padding: 85px 0 !important;
}
	.bhk {
    margin: 33px 0 0 65px;
       
}
#bigsan-109 {
    font-size: 40px;
   
    line-height: 0px;
    margin: 0 0 0 0;
    
}
#sinkinsans-36 {
    font-size: 24px;
  
    line-height: normal;
    margin: 18px 0 30px 0;
   
}
.sinkinsans-medium-24 {
    font-size: 18px;
   
    margin: 0 0 !important;
    line-height: 20px;
    
}
#sinkinsans-36::before {
   
    top: 44px;
   
}
#bigsan-1099 {
   
    font-size: 30px;
    
}
.bhknew li {
   
    font-size: 12px;
   
}
}