/*
Theme Name: SMK
Theme URI: 
Author: alright
Author URI: 
Description: SMK theme for WordPress is a fully responsive theme that looks great on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
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: cmedia
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 5, 2015 */

.test {
	border: 1px solid red;
}
@font-face {
	font-family: 'helioscondblackregular';
	src: url('fonts/helioscondblackregular-webfont.eot');
	src: url('fonts/helioscondblackregular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helioscondblackregular-webfont.woff2') format('woff2'), url('fonts/helioscondblackregular-webfont.woff') format('woff'), url('fonts/helioscondblackregular-webfont.ttf') format('truetype'), url('fonts/helioscondblackregular-webfont.svg#helioscondblackregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #fff;
	background: url(images/bg.gif);
}
a {
	color: #b7227d;
	text-decoration: none
}
 a:hover {
 color: #b7227d;
 text-decoration: none
}

h1 {
	font-weight: normal;
	color: #000000;
	font-size: 26px;
	line-height: 50px;
}
h2 {
	font-family: 'helioscondblackregular', Verdana, Geneva, sans-serif;
	font-size: 26px;
	padding-bottom: 22px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: left;
	color: #FFF;
}
p {
	margin: 5px 0 10px 0;
}
.container {
	max-width: 1170px;
}
.fullwidth {
	width: 100%;
}
.mainbg {
	background: url(images/main_bg.jpg) no-repeat center top;
}
.logoarea {
	float: left;
	background-color: transparent;
}
.topright {
	width: 282px;
	font-size: 26px;
	text-align: left;
	color: #FFF;
	line-height: 30px;
	padding: 104px 0 20px 0;
	float: right;
}
.toparea {
	padding: 0 0 10px 0;
}
.paddingzero {
	padding-left: 0;
	padding-right: 0;
}
.marginbottom {
	margin-bottom: 20px;
}
.menubgcolor {
	background-color: #ffffff;
}
.navbar-brand {
	float: left;
	padding: 0 0 0 0;
	font-size: 18px;
	line-height: 20px;
}
.main-nav .navbar-default {
	background-color: transparent;
	border-color: #e7e7e7;
	padding: 0;
}
.navbar-collapse.collapse {
	background-color: #FFF !important;
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
.main-nav .navbar {
	min-height: 83px;
}
.main-nav .navbar {
	min-height: 83px;
	margin-bottom: 0;
	border: 0 solid transparent;
}
.main-nav .navbar .navbar-nav>li>a {
	font-family: 'helioscondblackregular', Verdana, Geneva, sans-serif;
	color: #000;
	/*	font-size:29px;*/
	font-size: 26px;
	line-height: 70px;
	padding: 0 32px;
	text-transform: uppercase;
	float: left;
}
.main-nav .navbar .navbar-nav>li>a:hover {
	background: #b7227d !important;
	color: #FFF !important;
}
.contentarea {
	padding: 0;
	margin: 0
}
.homecontainer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 26px;
	text-align: left;
	font-weight: bold;
	color: #FFF;
	line-height: 36px;
	text-transform: uppercase;
	padding: 81px 189px 303px 0;
}
.smktitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 60px;
	text-align: left;
	line-height: 30px;
	color: #FFF;
	font-weight: bold;
	display: block;
}
.homepinktext {
	font-size: 26px;
	color: #b7227d;
	font-weight: bold;
}
.main-nav .navbar .navbar-nav .navbar-right {
	margin-right: 0;
}
.copyrightarea {
	height: 70px;
	margin-bottom: 15px;
}
.copyrightleft {
	width: 50%;
	font-size: 15px;
	text-align: left;
	line-height: 20px;
	float: left;
	padding-top: 10px;
}
.copyrightright {
	width: 50%;
	font-size: 12px;
	text-align: right;
	padding-top: 10px;
	float: right;
}
.clear {
	clear: both;
}
.footermenuarea {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 70px;
	background-color: #FFF;
}
.footermenuarea ul {
	padding: 0 0 0 0;
	margin: 0 auto;
}
.footermenuarea li {
	list-style: none;
	text-align: center;
	color: #3e3e3e;
	float: left;
}
.footermenuarea a {
	font-family: 'helioscondblackregular', Verdana, Geneva, sans-serif;
	color: #000;
	/*	font-size:29px;*/
	font-size: 26px;
	line-height: 70px;
	padding: 0 32px;
	text-transform: uppercase;
	float: left;
	text-decoration: none;
}
.footermenuarea a:hover {
	background: #000 !important;
	color: #FFF !important;
}
.breadcrumbs {
	background: #ccc7c2;
	font-size: 12px;
	text-align: left;
	line-height: 40px;
	padding: 0 0 0 15px;
	margin-bottom: 20px;
	margin-top: 8px;
	color: #000;
}
a.pathway {
	padding: 0 8px 0 0;
}
#inner_body_container {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background: url(images/inner_body_bg.png);
	padding: 24px 38px 24px 38px;
	margin-bottom: 35px;
}
.art_des_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 0 0 15px 0;
	color: #FFF;
	display: block;
}
.about_list {
	width: 100%;
	clear: both;
}
ul.about_list {
	display: block;
	padding: 0;
	margin: 0;
}
ul.about_list li {
	background: url(images/ab_list_bg.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #FFF;
	line-height: 25px;
	padding: 8px 10px 8px 15px;
	margin-bottom: 3px;
	list-style: disc inside;
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
@media only screen and (max-width : 1024px) {
.container {
	width: 1024px;
}
.homecontainer {
	font-size: 26px;
	font-weight: bold;
	line-height: 36px;
	padding: 81px 0 303px 0;
}
.main-nav .navbar .navbar-nav>li>a {
	font-size: 25px;
	line-height: 70px;
	padding: 0 18px 0 18px;
}
.footermenuarea A {
	font-size: 26px;
	line-height: 70px;
	padding: 0 18px 0 18px;
}
}



/* Medium Devices, Desktops */
@media only screen and (max-width : 980px) {
.container {
	width: 980px;
}
.main-nav .navbar .navbar-nav>li>a {
	font-size: 25px;
	line-height: 70px;
	padding: 0 16px 0 16px;
}
.footermenuarea A {
	font-size: 25px;
	line-height: 70px;
	padding: 0 16px 0 16px;
}
}
 @media only screen and (max-width : 900px) {
.container {
	width: 900px;
}
.main-nav .navbar .navbar-nav>li>a {
	font-size: 23px;
	line-height: 70px;
	padding: 0 13px 0 13px;
}
.footermenuarea A {
	font-size: 23px;
	line-height: 70px;
	padding: 0 13px 0 13px;
}
}
 @media only screen and (max-width : 800px) {
.container {
	width: 800px;
}
.main-nav .navbar .navbar-nav>li>a {
	font-size: 20px;
	line-height: 70px;
	padding: 0 13px 0 13px;
}
.footermenuarea A {
	font-size: 20px;
	line-height: 70px;
	padding: 0 13px 0 13px;
}
.homecontainer {
	font-size: 22px;
	line-height: 36px;
}
.smktitle {
	font-size: 50px;
	line-height: 10px;
}
.homepinktext {
	font-size: 22px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.container {
	width: 768px;
}
.main-nav .navbar .navbar-nav>li>a {
	font-size: 20px;
	line-height: 70px;
	padding: 0 10px 0 10px;
}
.footermenuarea A {
	font-size: 20px;
	line-height: 70px;
	padding: 0 10px 0 10px;
}
.logoarea img {
	width: 80%;
}
.topright {
	width: 250px;
	font-size: 20px;
	line-height: 26px;
	padding: 75px 0 20px 0;
	float: right;
}
.toparea {
	padding: 0 0 0 0;
}
h2 {
	font-size: 26px;
	padding-bottom: 10px;
	line-height: 18px;
}
}
 @media only screen and (max-width : 640px) {
.container {
	width: 640px;
}
.container > .navbar-collapse {
	margin-right: 0;
	margin-left: 0;
}
.navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
}
.navbar-collapse.collapse {
	background-color: transparent !important;
}
.main-nav .navbar .navbar-nav>li>a {
	font-size: 18px;
	line-height: 42px;
	height: 42px;
	padding: 0 0 0 10px;
	float: none;
	border-bottom: #fff 1px solid;
}
.navbar-toggle {
	padding: 11px 12px;
	background-color: #CCC;
	background-image: none;
	border: 1px solid transparent;
}
.homecontainer {
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	padding: 30px 0 200px 0;
}
.smktitle {
	font-size: 35px;
	line-height: 0;
}
.homepinktext {
	font-size: 18px;
}
.topright {
	width: 185px;
	font-size: 18px;
	line-height: 26px;
	padding: 75px 0 20px 0;
	float: right;
}
.main-nav .navbar {
	min-height: 50px;
}
.footermenuarea {
	height: 50px;
}
.footermenuarea A {
	font-size: 14px;
	line-height: 50px;
	padding: 0 15px 0 15px;
}
.copyrightleft {
	width: 50%;
	font-size: 13px;
	line-height: 18px;
	margin-top: 10px;
}
.copyrightright {
	width: 50%;
	font-size: 11px;
	text-align: right;
	padding-top: 10px;
	float: right;
}
}
 @media only screen and (max-width : 600px) {
.container {
	width: 600px;
}
.footermenuarea A {
	font-size: 14px;
	line-height: 50px;
	padding: 0 12px 0 12px;
}
.copyrightleft {
	width: 50%;
	font-size: 13px;
	line-height: 18px;
	margin-top: 10px;
}
.copyrightright {
	width: 50%;
	font-size: 11px;
	text-align: right;
	padding-top: 10px;
	float: right;
}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.container {
	width: 480px;
}
.homecontainer {
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	padding: 30px 0 200px 0;
}
.smktitle {
	font-size: 26px;
	line-height: 0;
}
.homepinktext {
	font-size: 14px;
}
.footermenuarea A {
	font-size: 11px;
	line-height: 50px;
	padding: 0 9px 0 9px;
}
.copyrightleft {
	width: 50%;
	font-size: 11px;
	line-height: 16px;
	margin-top: 10px;
}
.copyrightright {
	width: 50%;
	font-size: 11px;
	text-align: right;
	padding-top: 10px;
	float: right;
}
}

/* Custom, iPhone Retina */ 

@media only screen and (max-width : 360px) {
.container {
	width: 360px;
}
.logoarea img {
	width: 60%;
}
.topright {
	width: 140px;
	font-size: 15px;
	line-height: 20px;
	padding: 45px 0 20px 0;
	float: right;
}
.footermenuarea {
	display: none;
}
.copyrightarea {
	height: 80px;
	margin-bottom: 7px;
	border-top: #FFF 1px solid;
}
.copyrightleft {
	width: 100%;
	font-size: 11px;
	line-height: 16px;
	margin-top: 10px;
}
.copyrightright {
	width: 100%;
	font-size: 11px;
	text-align: left;
	padding-top: 2px;
	float: right;
}
}


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.container {
	width: 320px;
}
.copyrightarea {
	height: 100px;
}
.copyrightleft {
	width: 100%;
	font-size: 11px;
	line-height: 16px;
	margin-top: 5px;
}
.copyrightright {
	width: 100%;
	font-size: 10px;
	text-align: left;
	padding-top: 2px;
	float: right;
	margin-top: 10px;
}
}