/*
	Theme Name: Superior
	Theme URI: 
	Description: 
	Author: WPTheme Addict
	Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1.4;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.row{max-width: 1050px !important; width: 100% !important;}

body {
	/**background: url('images/bg.png');**/
	background-color: #b6b0a0;
	font-family: Arial;
	font-size: 14px;
	color: #646464;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial;
	font-weight: bold;
}
h1{ font-size: 24px; }
h2{ font-size: 22px; }
h3{ font-size: 20px; }
h4{ font-size: 18px; }
h5{ font-size: 16px; }
h6{ font-size: 14px; }
p{ 
	margin-bottom: 15px; 
	line-height: 1.5;
}
textarea{
	resize: none;
	min-height: 120px;
}
input[type="text"],
input[type="email"],
textarea{
	font-size: 12px;
	color: #535353;
	height: auto;
	padding: 10px;
	margin-bottom: 0;
}

.row .row{ margin: 0 auto !important; }

#wrapper{ 
	padding: 0 35px; 
}
#main_container{ 
	background-color: #fff; 
	padding: 0;
}

/** CLASSES **/
.float_left{
	float: left;
	margin: 0 20px 10px 0;
}
.default_button{
	background-color: #b1de27;
	border: 0;
	border-bottom: 5px solid #0d0a13;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #222;
	text-transform: uppercase;
	padding: 5px 20px;
	cursor: pointer;
}
.default_button:hover{
	background-color: #222;
	color: #b1de27;
}
.textright{ text-align: right; }
.textcenter{ text-align: center; }
.note{
	font-size: 9px;
	font-weight: bold;
	color: #6e6a78;
}
.featured_image{ 
	background-color: #fff;
	max-width: 200px;
	border: 1px solid #ddd;
	-moz-box-shadow: -5px 5px 0px 0px #bebebe;
	-webkit-box-shadow: -5px 5px 0px 0px #bebebe;
	box-shadow: -5px 5px 0px 0px #bebebe;
	padding: 5px;
}
.gray_line{
	background-color: #959595;
	position: absolute;
	height: 5px;
	width: 100%;
}
.lightgray_line{
	background-color: #c8c8c8;
	position: absolute;
	height: 5px;
	width: 100%;
}
.image_container{
	background-color: #fff;
	border: 1px solid #ddd;
	-moz-box-shadow: -5px 5px 0px 0px #bebebe;
	-webkit-box-shadow: -5px 5px 0px 0px #bebebe;
	box-shadow: -5px 5px 0px 0px #bebebe;
	padding: 5px;
}
a:hover .image_container{
	background-color: #ddd;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
}
.mobile{display: none;}

/* ALIGNMENT */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}
img.alignright {
	margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}
img.aligncenter {
	margin: 5px auto;
}
img.alignnone {
	margin: 5px 0;
}

/* HEADER */
#top_header { background-color: #2c2b2b; }
#menu li { float: left; position:relative; }
#menu a {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	float: left;
	padding: 13px 15px;
}
#top_header #menu a:hover {
	color: #afdd27;
	background-color: #141414;	
}
#menu ul ul, #menu ul ul ul, #menu ul ul ul ul{
	display: none;
    margin: 0;
    position: absolute;
	top: 100%;
	z-index: 9999;
	left: 0;
}
.sub-menu a{
	background: none repeat scroll 0 0 #2c2b2b;
	display: block !important;
	float: none !important;
}
.sub-menu > li{
	float: none !important; 
	width: 180px;
}
#menu ul li:hover ul.sub-menu{ display: block; }
#menu ul li:hover ul.sub-menu ul{ display:none; }
#menu ul li ul.sub-menu li:hover ul.sub-menu{
	display: block; 
	left: 180px; 
	top: -5px;
}
#menu ul li ul.sub-menu li:hover ul.sub-menu ul{ display:none; }
#menu ul li ul.sub-menu li ul.sub-menu li:hover ul.sub-menu{
	display: block; 
	left: 180px; 
	top: 0px;
}
.selectnav{
	padding: 10px;
	margin-top: 10px;
	cursor: pointer;
}
#social_icons {
	text-align: right;
	padding-top: 7px;
}
#social_icons a img{
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
}
#social_icons a:hover img{
	opacity: 1;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
#triangle{
	width: 380px;
	max-width: 100%;	
	float: right;
}
#triangle .arrow-down{
	position: absolute;
	z-index: 2;
	width: 0; 
	height: 0; 
	border-top: 15px solid #2c2b2b; 
	border-left: 195px solid transparent;
	border-right: 185px solid transparent;
}
#logo img{ padding: 32px 35px; }
#header_text{
	background-size: 100% auto;
	padding-bottom: 30px;
	padding-top: 30px;
	word-wrap: break-word;
}
#header_text .container{ padding: 15px; }
#header_text .container p, #header_text .container{
	font-size: 11px;
	color: #646464;
	padding-bottom: 5px;
}
#header_text h1{ color: #a30d0d; }
#header_text h1 span { color: #34294b; }


/** HOMEPAGE **/
#heading_text {
	background-color: #141414;
	text-align: center;
	padding: 15px 15px 20px
}
#heading_text h1{ color: #e9e8e8; }
#heading_text p{
	font-size: 14px;
	font-weight: bold;
	color: #8b77b5;
	padding-top: 10px;
}
#heading_text p span{
	color: #b6e026;
	text-transform: uppercase;
}
#triangle1{
	width: 120px; 
	margin: 0 auto;
}
#triangle1 .arrow-down{
	position: absolute;
	z-index: 2;
	width: 0; 
	height: 0; 
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-top: 15px solid #141414;
}
#subscribe{
	background-color: #34294b;
	padding: 40px 0 20px;
}
.subscription_form{ text-align: center; }
.subscription_form p{
	float: left;
	margin-right: 7px;
	width: 26%;
}
.subscription_form p.textright{ width: auto !important;  }
.subscription_form input[type="submit"]{ 
	margin: 0;
	padding: 9px 5px;
}
.subscription_form img.ajax-loader{
	float: right !important;
}
#subscribe  .text{
	font-size: 9px;
	color: #6e6a78;
	text-align: right;
	clear: both;
	margin: 7px 30px 0 0;
}
#main_slides{
	background: #141414;
	padding-bottom: 5px;
}
#main_slides .transparent_line{
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	height: 5px;
	width: 100%;
	z-index: 9;
}
#main_slides .container:hover .button_hover{
	display: inline;
}
#main_slides .button_hover,
#main_slides .container:hover .button_orig{
	display: none;
}
#main_slides .prevbutton{ left: -25px; }
#main_slides .nextbutton{ right: -25px; }
#main_slides .previous_next a{
	position: absolute;
	margin-top: 165px;
	z-index: 3;
}
.main_sliding, .main_sliding li{ max-width: 100%; }
.main_sliding img{ width: 980px; height: 410px; }
.nivo-prevNav{
	background: url(images/previous.png) no-repeat 0 0 scroll transparent !important;
	height: 47px;
	width: 47px;
}
.nivo-prevNav:hover{background: url(images/previous-hover.png) no-repeat 0 0 scroll transparent !important;}
.nivo-nextNav{
	background: url(images/next.png) no-repeat 0 0 scroll transparent !important;
	height: 47px;
	right: -1px !important;
	width: 47px;
}
.nivo-nextNav:hover{background: url(images/next-hover.png) no-repeat 0 0 scroll transparent !important;}
.nivo-controlNav{display: none !important;}
#triangle2{
	width: 160px; 
	margin: 0 auto;
}
#triangle2 .arrow-down{
	position: absolute;
	z-index: 1;
	width: 0; 
	height: 0; 
	border-left: 80px solid transparent;
	border-right: 80px solid transparent;
	border-top: 20px solid #959595;
}
#features { padding: 40px 0 0; }
#features h4{
	background-color: #222222;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	border-bottom: 5px solid #1f182c;
}
#features .content{
	background-color: #34294b;
	border-bottom: 5px solid #959595;
	font-size: 12px;
	color: #fff;
	padding: 15px 20px 0;
	margin-bottom: 20px;
	min-height: 180px;
}
#testimonials{
	background-color: #e7e7e7;
	border-bottom: 5px solid #d1d1d1;
	margin: 40px 15px;
}
#testimonials .title{
	background-color: #d1d1d1;
	font-style: italic;
	color: #444444;
	text-align: center;
	padding: 15px;
}
#testimonials .container{ padding: 40px 0; }
#testimonials .container:hover .button_hover{
	display: inline;
}
#testimonials .button_hover,
#testimonials .container:hover .button_orig{
	display: none;
}
#testimonials .prevbutton1{ left: 15px; }
#testimonials .nextbutton1{ right: 15px; }
#testimonials .previous_next a{
	position: absolute;
	margin-top: 20px;
	z-index: 1;
}
.sliding_testimonials{
	font-style: italic;
	color: #222;
	max-width: 100%;
}

.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; padding: 0 90px;}
.unslider-arrow.prev{
	background: url(images/previous1.png) no-repeat 0 0 scroll transparent;
	height:39px;
	width:39px;
	top: 30%;
	position: absolute;
	left: 0;
	z-index: 5;
}
.unslider-arrow.prev:hover{background: url(images/previous1-hover.png) no-repeat 0 0 scroll transparent;}
.unslider-arrow.next{
	background: url(images/next1.png) no-repeat 0 0 scroll transparent;
	height:39px;
	width:39px;
	top: 30%;
	position: absolute;
	right: 0;
	z-index: 5;
}
.unslider-arrow.next:hover{background: url(images/next1-hover.png) no-repeat 0 0 scroll transparent;}
.sliding_testimonials li{ max-width: 100%; }
.sliding_testimonials img{ margin-bottom: 15px; }
#featured_content{ padding: 10px 0; }
#featured_content .title{
	font-style: italic;
	color: #444444;
	margin-bottom: 15px;
}


/** PAGE **/
.default_page .title{
	background-color: #34294b;
	color: #fff;
	font-weight: normal;
	padding: 11px 50px;
	border-bottom: 5px solid #c8c8c8;
}
#fullwidth .content{ padding: 50px; }
#default .content{ padding: 50px 35px; }


/** SIDEBAR **/
#sidebar{ padding: 0; }
#sidebar .container{
	background-color: #ededed;
	margin: 10px 5px 0;
	min-height: 100px;
}
.widget{
	display: inline-block;
	width: 100%;
}
.widget .widget-title{
	background-color: #2d2d2d;
	text-transform: uppercase;
	color: #fff;
	border-bottom: 5px solid #9b9b9b;
	padding: 15px 25px;
}
.widget li{
	background-color: #d0cece;
	padding: 10px 5px;
	border-top: 1px solid #e6e5e5;
	border-bottom: 1px solid #b0b0b0;
}
.widget li:hover{ background-color: #e6e6e6; }
.widget a{ 
	font-size: 12px;
	color: #646464;
}
.widget .wpcf7-form{ padding: 30px 35px 90px; }
.widget .wpcf7-form input,
.widget .wpcf7-form textarea{
	height: auto;
	padding: 10px;
	border: 0;
	border-radius: 0;
	box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
	-moz-box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
	-webkit-box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
	-khtml-box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
}
.widget .wpcf7-form input[type="submit"]{	
	padding: 10px 30px;
}
#custom_recent_post .columns{ padding: 0 5px; }
#custom_recent_post img.featured_image{ 
	max-width: 100% !important;
	padding: 2px;
}


/** BOTTOM **/
#bottom_slides{
	background-color: #cecece;
	width: 100% !important;
	padding: 30px 65px;
	position: relative;
}
#bottom_slides:hover .button_hover{
	display: inline;
}
#bottom_slides .button_hover,
#bottom_slides:hover .button_orig{
	display: none;
}
#bottom_slides a.prev{
	background: url(images/previous2.png) no-repeat 0 0 scroll transparent;
	height:39px;
	left: 0px;
	position: absolute;
	top: 40%;
	width: 39px;
}
#bottom_slides a.prev:hover{background: url(images/previous2-hover.png) no-repeat 0 0 scroll transparent;}
#bottom_slides a.next{
	background: url(images/next2.png) no-repeat 0 0 scroll transparent;
	height:39px;
	right: 0px;
	position: absolute;
	top: 40%;
	width: 39px;
}
#bottom_slides a.next:hover{background: url(images/next2-hover.png) no-repeat 0 0 scroll transparent;}
.bottom_sliding{max-width: 850px; width: 100% !important;}
.bottom_sliding, .bottom_sliding li{ max-width: 100%; }
.bottom_sliding img{
	width: 140px;
	height: 140px;
	margin: 0 15px;
}
#bottom_three_columns{
	background-color: #34294b;
	font-size: 12px;
	color: #fff;
	border-bottom: 5px solid #949494;
}
#bottom_three_columns .columns{ padding: 0; }
#bottom_three_columns .title{
	background-color: #222;
	border-bottom: 5px solid #1f182c;
	font-weight: normal;
	color: #fff;
	padding: 15px 15px 12px;
}
#bottom_three_columns .title img{
	vertical-align: middle;
	margin-right: 10px;
}
#bottom_three_columns .content{ 
	min-height: 580px;
	border-left: 1px solid #1f1f1f;
	border-right: 1px solid #3c3152;
	padding: 25px 40px; 
}


/** FOOTER **/
#footer_menu{ background-color: #2e2e2e; }
#footer_menu li { float: left; }
#footer_menu a {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	float: left;
	border-top: 2px solid #2e2e2e;
	padding: 13px 15px;
}
#footer_menu a:hover {
	color: #afdd27;
	background-color: #141414;	
	border-top: 2px solid #6b6a6a;
}
#footer_menu ul ul, #footer_menu ul ul ul, #footer_menu ul ul ul ul{
	display: none;
    margin: 0;
    position: absolute;
	top: 100%;
	z-index: 9999;
}
#footer_menu ul li:hover ul.sub-menu{ display: block; }
#footer_menu ul li:hover ul.sub-menu ul{ display:none; }
#footer_menu ul li ul.sub-menu li:hover ul.sub-menu{
	display: block; 
	left: 180px; 
	top: -5px;
}
#footer_menu ul li ul.sub-menu li:hover ul.sub-menu ul{ display:none; }
#footer_menu ul li ul.sub-menu li ul.sub-menu li:hover ul.sub-menu{
	display: block; 
	left: 180px; 
	top: 0px;
}
#footer_bottom{ padding-top: 20px; }
#copyright_text{ font-size: 11px; }
#footer_bottom .left_side ul { 
	float: left;
	margin: 0 0 10px 10px;
}
#footer_bottom .left_side li {
	float: left;
	margin-top: 3px;
}
#footer_bottom .left_side li:last-child a{
	border-right: 0;
}
#footer_bottom .left_side li a {
	float: left;
	color: #34294b;
	line-height: 9px;
	padding: 0px 5px;
	border-right: 1px solid #646464;
}
#footer_bottom .left_side a:hover {
	text-decoration: underline;
}
#footer_bottom #copyright { margin: 0px; }
#footer_text{ font-size: 11px; }
#footer_bottom .left_side p{ line-height: 20px; }
#footer_bottom .right_side{ margin-bottom: 15px; }


/** LIST **/
#lists li:first-child{ border-top: 0; }
#lists li{
	padding: 15px 0 5px;
	border-top: 1px solid #e6e5e5;
	border-bottom: 1px solid #b0b0b0;
}
#lists li:last-child{ border-bottom: 0; }
#lists .list_title{ text-transform: uppercase; }


/** SEARCH FORM **/
.search-form{ 
	display: inline-block;
	padding: 20px 15px; 
}
.search-form input[type="search"]{
	font-size: 18px;
	float: left;
	width: auto;
	max-width: 213px;
	height: auto;
	padding: 10px;
	margin-right: 10px;
	border: 0;
	border-radius: 0;
	box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
	-moz-box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
	-webkit-box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
	-khtml-box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
}
.search-form input[type="submit"]{
	background-color: #afdd27;
	font-size: 18px;
	color: #fff;
	float: left;
	padding: 8px 10px;
	margin: 0;
	cursor: pointer;
	border: 2px solid #fff;
	border-radius: 0;
	box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
	-moz-box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
	-webkit-box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
	-khtml-box-shadow: -3px 3px 0px 1px rgba(133, 133, 133, 0.35);
}
.search-form input[type="submit"]:hover{
	background-color: #222;
	color: #afdd27;
	border: 2px solid #afdd27;
}


/** CONTACT FORM 7 **/
div.wpcf7 img.ajax-loader{
	float: left;
	margin-top: 5px;
}
span.wpcf7-not-valid-tip{
	top: -30px;
	left: 0;
	color: #ff0000;
}
input[name="your-name"], input[name="your-name"]:focus{
	background: url(images/input-name.png) 10px center no-repeat #fff;
	padding: 10px 10px 10px 35px !important;
}
input[name="your-email"], input[name="your-email"]:focus{
	background: url(images/input-email.png) 10px center no-repeat #fff;
	padding: 10px 10px 10px 35px !important;
}
input[name="your-phone"], input[name="your-phone"]:focus{
	background: url(images/input-phone.png) 13px center no-repeat #fff;
	padding: 10px 10px 10px 35px !important;
}


/** WP PAGE NUMBERS **/
#wp_page_numbers{
	display: inline-block;
	width: 100%;
	font-weight: bold;
	color: #646464;
	border-top: 2px solid #b0b0b0;
	border-bottom: 2px solid #b0b0b0;
	margin-top: 20px;
}
#wp_page_numbers li{
	float: left;
	padding: 0;
	border: 0;
}
#wp_page_numbers li.page_info{ padding: 10px 15px; }
#wp_page_numbers li a{
	color: #646464;
	float: left;
	padding: 10px 15px;
	margin: 0 1px;
}
#wp_page_numbers li.active_page a:hover,
#wp_page_numbers li.active_page a{
	background-color: #b1de27;
	border-bottom: 2px solid #0d0a13;
	font-weight: bold;
	color: #222;
	cursor: default;
}
#wp_page_numbers li a:hover{
	background-color: #222;
	color: #b1de27;
	border-bottom: 2px solid #0d0a13;
}


@media screen and (max-width : 767px){
	#logo{ text-align: center; }
	.featured_image{ max-width: 100%; }
	#bottom_three_columns .content{
		min-height: 1px;
	}
	.mobile{ display: block; }
	.not-mobile, .selectnav{ display: none; }
}


/*-------------- IPhone--------------*/
@media only screen 
and (min-width : 320px) 
and (max-width : 568px) {
	#responsive-main-menu, #responsive-footer-menu{
		display: none;
	}
	.selectnav{ display: block; }
	#social_icons{margin: 0 0 15px; text-align: center;}
	#testimonials .banner ul li{padding: 0 35px;}
	#testimonials .banner ul li img{margin: 0 0 20px;}
	.bottom_sliding img{margin: 0;}
}


/*-------------- IPhone Landscape--------------*/
@media only screen 
and (min-width : 320px) 
and (max-width : 568px)
and (orientation : landscape){
	.bottom_sliding img{margin: 0 15px; width: auto !important;}
}
/*-------------- IPad Portrait--------------*/
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	#social_icons{margin: 0 0 15px; text-align: center;}
 }