/*

Theme Name: Scac Themes

Theme URI: http://www.w3swebsdesign.com

Author: W3leader

Author URI: http://www.w3swebsdesign.com/Profile/w3leader

Description: Use for ads website in w3s Ads networks

Version: 1.0

License: -

License URI: http://www.w3swebdesign.com/privacy-policy

Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-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

Text Domain: Scac Themes



*/



@charset "utf-8";

/* CSS Document */



@import "css/bootstrap.css";

@import "css/bootstrap-theme.css";



html,body,div,p,a,h1,h2,h3,h4,h5,ul,li{

	margin:0;

	padding:0;

	}

	



body {

    background: url("img/bg.jpg") no-repeat fixed 0 center / 100% 100% rgba(0, 0, 0, 0);

    color: #222;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 14px;

    text-align: center;

	

}

#sub-body{

	width:100%;

	height:100%;

	background:rgba(255,255,255,0.5);

	display: inline-block;

	min-height: 800px;

	}

.clear{

	clear:both;

	}



.wrapper {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);

    border: 5px solid rgba(255, 255, 255, 0.25);

    display: block;

    width: 1024px;

}

h1#logo_text {

    font-size: 30px;
    line-height: 27px;

}

#main_page.wrapper{

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);

    border-left: 5px solid rgba(255, 255, 255, 0.25);

	border-top: 5px solid rgba(255, 255, 255, 0.25);

	border-bottom: 5px solid rgba(255, 255, 255, 0.25);

	border-right:none;

    display: inline-block;

    width: 1027px;

}

.paragraph h2 {
    line-height: 25px;
    padding: 30px 0px;
}

header {

	border-radius: 115px 40px 2px 8px;

    height: 120px;

	margin:20px auto 0;



}

#mobile_nav{

	display:none;

}

#nav-mobile {

	display:none;

	}

#site-navigation{

	display:block;

	}

#header {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);

    border-radius: 136px 7px 0 9px;

    display: inline-block;

    height: 100%;

    position: relative;

    width: 100%;



}

form#search_code {
    margin-bottom: 20px;
}

#logo_text a {

    color: #000;

	text-decoration:none;

}

#logo_text a:hover{

	text-decoration:none;

	}
.table-border{
    border: rgb(94, 94, 94) solid 1px;
    border-radius: 5px;
    font-size: 13px;
}
.border-r {
    border-right:rgb(94, 94, 94) solid 1px;
    padding: 10px;
    height: 60px;
    text-align: center;

}
.border-b {
    border-bottom:rgb(94, 94, 94) solid 1px;
    padding: 10px;
    height: 60px;
    text-align: center;

}
.border-l {
    border-left:rgb(94, 94, 94) solid 1px;
    padding: 10px;
    height: 60px;
    text-align: center;
}
.border-t {
    border-top:rgb(94, 94, 94) solid 1px;
    padding: 10px;
    height: 60px;
    text-align: center;
}

.d-ads{
    padding: 0;
}


#menu-header {

    background: url("img/menu.png") no-repeat scroll left bottom / 100% 115px rgba(0, 0, 0, 0);

    display: block;

    height: 100%;

    position: relative;

    width: 100%;

}





#logo_block {
    border: 3px solid #656565;
    border-radius: 7px;
    color: #a2a2a2;
    display: inline-block;
    float: left;
    font-family: Lucida Console;
    font-size: 14px;
    height: 64px;
    line-height: 33px;
    margin: 3px 0 0 90px;
    position: relative;
    width: 215px;

}

#main_page h2{

	text-align:left;

	}

#menu_block {

    display: inline-block;

    float: right;

    margin: 25px 0 0;

    max-width: 645px;

    width: 80%;

}





#top-menu ul {

    display: inline-block;

    position: relative;

    text-align: center;

    width: 100%;

}



ul.nav-menu li {

    display: inline-block;

    margin: 0 auto;

    padding: 0 2%;

    position: relative;

}





ul.nav-menu a {

    color: #000;

    font-size: 15px;

    line-height: 25px;

    text-decoration: none;

}



li.current-menu-item, ul.nav-menu li:hover {

    background: none repeat scroll 0 0 #cecece;

    border-radius: 12px;

    transition: all 0.5s ease 0s;

}



li.current-menu-item a, ul.nav-menu li:hover a{

		color: #c56c6c;

    transition: all 0.5s ease 0s;

}







#main_page {

    border-radius: 0;

    margin-top: 5px;

    max-width: 1022px;

    padding: 40px 0 2% 70px;

}





#primary {

    display: inline-block;

    float: left;

    margin-right: 2%;

    width: 68%;

}



#primary h2 {

    color: #333;

    font-size: 20px;

    margin-bottom: 10px;

}



#primary p:first-letter {

    font-size: 100%;

    font-weight: 600;

}

#primary p{

	line-height: 20px;

	text-align:justify;

	

}



.ads {

    border: 5px solid rgba(255, 255, 255, 0.9);

    border-radius: 10px;

    margin: 15px 0 10px;

    background: none repeat scroll 0 0 #fff;

    overflow: hidden;

}





#ads_01 {

    background: none repeat scroll 0 0 #fff;

    text-align: left;

	width: 350px;

}



.scac-buttom-site { width: 630px; height: 90px; }



span.date-time {

    border-left: 3px solid #777;

    clear: both;

    display: block;

    font-size: 12px;

    margin: 15px 0 20px;

    padding: 0 0 0 10px;

    position: relative;

    text-align: left;

    width: 100%;

}



#footer{

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);

    border-color: -moz-use-text-color rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25);

    border-image: none;

    border-radius: 0 0 10px 120px;

    border-right: 5px solid rgba(255, 255, 255, 0.25);

    border-style: none solid solid;

    border-width: 0 5px 5px;

    display: inline-block;

    width: 1022px;

    padding: 20px 33px 2%;

	}

	

#footer_menu li {

    border-left: 2px solid #fff;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    line-height: 18px;

    padding: 0 6px;

    text-align: center;

	background: none;

}



#footer_menu li:first-child {

    border: medium none;

}



#footer_menu a {

    color: #fff;

    text-decoration: none;

    text-transform: capitalize;

}



#footer_menu a:hover {

	color: #fafafa;

	}

	

.copyright {

    color: #fff;

    font-size: 12px;

    margin-top: 20px;

}





#side_bar {

    background: none repeat scroll 0 0 rgb(232 232 232 / 88%);

    border-bottom: 5px solid rgba(255, 255, 255, 0.85);

    border-left: 5px solid rgba(255, 255, 255, 0.85);

    border-radius: 20px 0 0 20px;

    border-top: 5px solid rgba(255, 255, 255, 0.85);

    display: block;

    float: right;

    height: 100%;

    min-height: 500px;

    position: relative;

    width: 28%;

}



#side-navigation li {

    border-radius: 10px 0 0 10px;

    display: block;

    margin: 5px 0 5px 10px;

    padding: 0 30px;

    text-align: left;

}

#side-navigation ul.nav-menu {

    padding: 10px 0 10px;

}

#side-navigation li:hover,#side-navigation li.current-menu-item {

    background: none repeat scroll 0 0 #fff;

    border-right: 7px solid rgb(20, 24, 42);

    transition: all 0.5s ease 0s;

}

#side-navigation li a {

    font-family: "Lato",Arial,Helvetica,sans-serif;

    font-size: 15px;

    font-weight: 700;

    line-height: 26px;

    text-transform: capitalize;
    color: #c56c6c;

}

#primary_full {

    padding: 0 70px 0 0;

}

#primary_full .paragraph {

    text-align: justify;

}



@media screen and (max-width:1026px) { 



body{

	font-size:12px;

	}

.wrapper {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);

    border-color: rgba(255, 255, 255, 0.25);

    border-image: none;

    border-style: solid;

    display: inline-block;

	width:92%;

}



h1#logo_text {

    font-size: 2.7vmin;

    line-height: 27px;

}



#logo_block {

    border: 3px solid #fff;

    border-radius: 8px 40px 2px 115px;

    color: #fff;

    display: inline-block;

    float: left;

    font-family: Lucida Console;

    font-size: 1.9vmin;

    height: 70px;

    line-height: 33px;

    margin: 25px 5% 0;

    position: relative;

    width: 18%;

}





#menu_block {

    display: inline-block;

    float: right;

    margin: 25px 0 0;

    max-width: 1025px;

    width: 70%;

}



#main_page {

    border-radius: 0;

    margin-top: 5px;

    padding: 40px 0 2% 7%;

}

	

#main_page.wrapper {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);

    border-color: rgba(255, 255, 255, 0.25) -moz-use-text-color rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25);

    border-style: solid none solid solid;

    display: inline-block;

    width: 92%;

}





#footer {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);

    border-color: -moz-use-text-color rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25);

    border-image: none;

    border-radius: 0 0 10px 120px;

    border-style: none solid solid;

    display: inline-block;

    padding: 20px 4% 2%;

    width: 92%;

}



#side-navigation li a {

    font-family: "Lato",Arial,Helvetica,sans-serif;

    font-size: 12px;

}

ul.nav-menu a {

    color: #000;

    font-size: 12px;

}

li.current-menu-item a, ul.nav-menu li:hover a {

    color: #c56c6c;

    transition: all 0.5s ease 0s;

}

h1#logo_text {

    font-size: 3.9vmin;

    line-height: 27px;

}

	}

	



@media screen and (max-width:799px) { 

html {

    overflow-x: hidden;

}

h1#logo_text {

    font-size: 2.7vmin;

    line-height: 27px;

}

#logo_block {

    color: #fff;

    font-family: Lucida Console;

    font-size: 1.5vmin;

    line-height: 29px;

}

#mobile_nav{

	display:block;

}

#site-navigation{

	display:none;

	}

#mobile_nav .nav-menu {

    color: #fff;

    font-size: 20px;

    font-weight: 100;

    line-height: 23px;

    width: 10%;

}

#mobile_nav #menu_nav_2 {

    padding-right: 3%;

    text-align: right;

}

#primary {

    display: inline-block;

    float: none;

    margin-right: 2%;

    width: 98%;

}

#main_page {

    border-radius: 0;

    margin-top: 5px;

    padding: 40px 7% 2%;

}



#side_bar {

    background: none repeat scroll 0 0 rgba(20, 24, 42, 0.95);

    border-color: rgba(255, 255, 255, 0.85);

    border-radius: 20px;

    border-style: solid;

    border-width: 5px;

    display: block;

    float: none;

    height: 100%;

    min-height: 0px;

    position: relative;

    width: 98%;

}

#footer_menu li {

    color: #fff;

    font-size: 10px;

    line-height: 18px;

    text-align: center;

	background: none;

}

.copyright {

    color: #fff;

    font-size: 10px;

    margin-top: 20px;

}

#nav-mobile {

    display: block;

    height: 90%;

    position: fixed;

    transition: all 0.5s ease 0s;

    width: 75%;

    z-index: 999;

	top:10%;

	background: none repeat scroll 0 0 rgba(20, 24, 42, 0.95);

    border-bottom: 5px solid rgba(255, 255, 255, 0.85);

    border-right: 5px solid rgba(255, 255, 255, 0.85);

    border-radius: 0px 20px 20px 0px;

    border-top: 5px solid rgba(255, 255, 255, 0.85);

	

	

}

#menu_nav_1 {

    border-bottom: 4px solid #fff;

    border-radius: 0 0 9px 30px;

    color: #fff;

    cursor: pointer;

    font-size: 30px;

    line-height: 55px;

}

ul.nav-menu li {

    display: inline-block;

    height: auto;

    line-height: 29px;

    margin: 0 auto;

    padding: 0 2%;

    position: relative;

    width: 90%;

}

ul.nav-menu a {

    font-size: 4vmin;

}

#primary_full {

    padding: 0 0px 0 0;

}

.scac-buttom-site { width: 468px; height: 60px; }

}

@media screen and (max-width:599px) { 

.wrapper {

    width: 98%;

}

#logo_block {

    border: 0 solid #fff;

    border-radius: 0;

    color: #fff;

    display: inline-block;

    float: left;

    font-family: Lucida Console;

    font-size: 1.9vmin;

    height: 35px;

    line-height: 33px;

    margin: 38px 5% 0;

    position: relative;

    width: 95%;

}

h1#logo_text {

    font-size: 22px;

    line-height: 27px;

    text-decoration: underline;

}

#logo_block {



    float: none;

}

#menu_block {

    display: inline-block;

    float: none;

    margin: 0;

    width: 100%;

}

#mobile_nav #menu_nav_2 {

    padding-right: 0;

    text-align: center;

}

#main_page.wrapper {

    width: 98%;

}

#main_page h2{

	text-align:center;

	}

#main_page {

    border-radius: 0;

    margin-top: 5px;

    padding: 40px 4% 2%;

}

.ads {

    border: 5px solid rgba(255, 255, 255, 0.9);

    border-radius: 10px;

    margin: 15px 0 30px;

}

#ads_01 {

    background: none repeat scroll 0 0 #fff;

    text-align: center;

    width: 100%;

}

#footer {



    width: 98%;

}

width: 320px; height: 100px; 

}

@media screen and (max-width:349px) {

	html {

    overflow-x: visible;

}

	#sub-body {



    width: 349px;

} 

ul.nav-menu a {

    font-size: 16px;

}

}