/*
Theme Name: Music Ally 2015
Theme URI: http://musically.com
Author: Unknown Studio
Author URI: http://unknownstudio.co.uk
Description: Music Ally new theme
Version: 2.0
*/

@font-face {
	font-family:'TeXGyreAdventor';
	src:url('fonts/texgyreadventor/texgyreadventor-regular-webfont.eot');
	src:local('☺'),
		url('fonts/texgyreadventor/texgyreadventor-regular-webfont.ttf') format("truetype"),
		url('fonts/texgyreadventor/texgyreadventor-regular-webfont.svg#webfontn18Af3vl') format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family: 'TeXGyreAdventor';
	src:url('fonts/texgyreadventor/texgyreadventor-bold-webfont.eot');
	src:local('☺'),
		url('fonts/texgyreadventor/texgyreadventor-bold-webfont.ttf') format('truetype'),
		url('fonts/texgyreadventor/texgyreadventor-bold-webfont.svg#webfontTc3iYEdw') format('svg');
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:'TeXGyreAdventor';
	src:url('fonts/texgyreadventor/texgyreadventor-italic-webfont.eot');
	src:local('☺'),
		url('fonts/texgyreadventor/texgyreadventor-italic-webfont.ttf') format('truetype'),
		url('fonts/texgyreadventor/texgyreadventor-italic-webfont.svg#webfontdgkr3R85') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family:'Antic-Slab';
	src:url('fonts/anticslab/anticslab-regular-webfont.eot');
	src:local('☺'),
		url('fonts/anticslab/anticslab-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* reset */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:400;background:0 0;vertical-align:top}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*
* {
	border:solid 1px red;
	box-sizing:border-box;
}
*/

/* main site *************************************************************/

html,
body {
	text-align:center;
	color:#555;
	font-family: 'TeXGyreAdventor',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	background-color:#fff;
	height: auto;
	position: relative;
	width: 100%;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.body_no_scroll {
	/*
	overflow: hidden;
	*/
}

/*
.clearer {
    clear: both;
}
*/
.clearer:before,
.clearer:after {
   content: '\0020';
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}
.clearer:after { clear: both; }
.clearer { zoom: 1; }

.fader {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.outer_div {
	width: 100%;
	text-align: center;
	/* overflow: auto; */
}

.inner_div {
	max-width: 1250px;
	margin: 0 auto;
	position: relative;
}

h1 {
	padding-top: 8px;
	line-height: 90%;
	font-weight: bold;
	font-size: 32px;
}

#entry_content h1 {
	color: #00c1f1;
	margin: 30px 20px 40px;
}

h2 {
	margin: 10px;
	font-weight:bold;
	font-size: 40px;
	color: #00c1f1;
}

h3 {
	font-size: 24px;
	color: #999999;
	line-height: 120%;
}

h4 {
	font-weight:bold;
	color: #FFFFFF;
	font-size: 30px;
}

h5 {
	font-weight:bold;
	color: #00c1f1;
	font-size: 30px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

h6 {
	font-size: 20px;
	color: #00c1f1;
	font-weight:bold;
	margin-bottom: 5px;
}

p {
	text-align: left;
	text-transform: none;
	line-height: 160%;
	margin-bottom: 15px;
	font-size: 20px;
	color: #252525;
}

.single p {
	font-family:'Antic-Slab';
}

p.lead span {
	/* font-weight: bold; */
}

p a {
	color: #00c1f1;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

p a:hover {
	color: #252525;
}

blockquote p {
	font-weight: bold;
	color: #00c1f1;
}

a {
	text-decoration:none;
	outline: none;
}

b, 
strong {
	font-weight: bold;
	font-style: inherit;
	font-size: inherit;
}

i, 
em, address {
	font-size: inherit;
	font-style: italic;
	font-weight: inherit;
}

#entry_content ul li {
	font-size: 24px;
	color: #00c1f1;
	line-height: 120%;
	list-style: none;
	text-align: left;
	margin-bottom: 10px;
	text-transform: none;
}

::-moz-selection { /* Code for Firefox */
    color: #FFFFFF;
    background: #00c1f1;
}

::selection {
    color: #FFFFFF;
    background: #00c1f1;
}


/* page *************************************************************/

#wrapper {
	width:100%;
	position:relative;
	display: block;
	height: auto; 
}

#wrapper_inner {
	width:100%;
	height:auto;
	display:block;
	position: absolute
}


/* header *************************************************************/

header {
	background:#fff;
	height:60px;
	position:fixed;
	border-bottom:solid 1px gray;
	z-index: 100;
}

.logo {
	width:230px;
	height:45px;
	background-image:url(images/header_icons.png);
	background-position: 0 -150px;
	background-size:370px;
	position:relative;
	margin: 0 auto;
    margin-top: 5px;
}

a.logo_inner {
	width:100%;
	height:100%;
	display: block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
	background-image:url(images/header_icons.png);
	background-position: 0 -100px;
	background-size:370px;
	background-color: #FFFFFF;
}

a.logo_inner:hover {
	opacity: 0;
}

.mobile_logo {
	display: none;
}

#main_menu_btn {
	float:left;
	position:absolute;
	margin-top: -5px;
    width:60px;
	height:60px;
	background-image:url(images/header_icons.png);
	background-size:370px;
	opacity: 1;
	cursor: pointer;
	background-position: -60px 5px;
	background-color: #00c1f1;
}

#main_menu_btn_inner {
	background-color: #FFFFFF;
	opacity: 1;
	background-position: 0 5px;
	width: 100%;
	height: 100%;
	background-image:url(images/header_icons.png);
	background-size:370px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#main_menu_btn_inner:hover {
	opacity: 0 !important;
}

#header_buttons {
	float:right;
	right:0;
	top: 3px;
	position: absolute;
	width: auto;
}

.header_button {
	width: 40px;
	height: 40px;
	background-image:url(images/header_icons.png);
	background-size:370px;
	border-radius: 50%;
	border: solid 2px #999999;
	opacity: 1;
	cursor: pointer;
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.header_button:hover {
	opacity: 0.6;
}

.header_button a {
	width:100%;
	height:100%;
	position:relative;
	display: block;
	left:0;
}

#header_buttons li {
	display:inline-block;
	margin:0;
	padding:0;
}

.header_twitter {
	background-position: -125px -5px;
}

.header_facebook {
	background-position: -175px -5px;
}

.header_linkedin {
	background-position: -225px -5px;
}

.header_google_plus {
	background-position: -275px -5px;
}

.header_search {
	background-position: -325px -5px;
	border: solid 2px #00c1f1;
}

.header_search_active {
	background-position: -325px -55px !important;
}

#header_search_box {
	top: -10%;
	position: fixed;
	width: 100%;
	height: 80px;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 20;
}

.header_search_box_open {
	top: 60px !important;
}

#header_search_box input {
	width: 100%;
	height: 50px;
	background: none;
	border: 0;
	outline: 0;
	border-bottom: solid 1px #FFFFFF;
	font-size: 40px;
	color: #FFFFFF;
	font-family:'TeXGyreAdventor';
	float: left;
}

#search_submit {
	background-image: url(images/header_icons.png);
	background-position: -58px -50px;
	background-size:370px;
	display: block;
	width: 50px;
	height: 50px;
	border: 0;
	background-color: transparent;
	position: absolute;
	right: 3px;
	cursor: pointer;
}

#search_submit:hover {
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#main_menu {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	font-size: 40px;
	z-index: 90;
	text-align: center;
	top: -100%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight:bold;
}

.main_menu_open {
	top: 60px !important;
}

#main_menu_inner {
	max-width: 1000px;
	margin: 0 auto;
	height: 100%;
}

.main_menu_block {
	width: 30%;
	margin: 1%;
	min-width: 300px;
	float: left;
	display: inline-block;
	text-align: left;
}

.menu-item {
	display: block;
}

.menu-item a {
	color: #00c1f1;
	display: block;
	overflow: hidden;
	font-weight: bold;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-item a:hover {
	color: #FFFFFF;
}

.login_box label[for=user_login],
.login_box label[for=user_pass],
.login_box label[for=user_login] > br, 
.login_box label[for=user_pass] > br {
    display: none !important;
}

#main_menu .login-username label, #main_menu .login-password label, {
	display: inline-block;
}

#main_menu #loginform label {
	display: inline-block;
}

#main_menu #loginform p {
	height: 25px;
	margin: 0;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 19px;
	padding-left: 20px;
}

#main_menu #loginform input {
	border: 0;
	height: 25px;
	width: 40px;
	height: 40px;
	display: inline-block;
	font-family:'TeXGyreAdventor';
	font-size: 20px;
	background: transparent;
	color: #026a86;
	vertical-align: middle;
	border: 0 !important;
}

#main_menu .login_box p {
	font-weight: bold !important;
}

.main_menu_block.login_box {
	font-size: 40px;
	margin-bottom: 10px;
	line-height: 120%;
	font-weight: bold;
	color: #999999;
	overflow: hidden;
	word-wrap: break-word;
}

.main_menu_block.login_box a {
	color: #00c1f1;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 24px;
}

.main_menu_block.login_box a:hover {
	color: #FFFFFF;
}

.main_menu_block div {
	font-weight: bold;
}

.header_username {
	color: #FFFFFF;
	font-size: 24px;
	line-height: 20px;
	margin-top: 6px;
	height: 36px
}

.login_box p label {
	font-weight: bold !important;
	vertical-align: middle;
}

.login_box ::-webkit-input-placeholder {
	color: #FFFFFF !important;
    text-transform: uppercase;
    opacity: 1;
}

.login_box ::-moz-placeholder {
	color: #FFFFFF !important;
    text-transform: uppercase;
    opacity: 1;
}

.login_box :-ms-input-placeholder {
	color: #FFFFFF !important;
    text-transform: uppercase;
    opacity: 1;
}

p.header_register {
	margin-top: 0px;
	height: 30px;
	padding-left: 20px;
}

.header_register:first-child {
	background: #00c1f1;
}

#main_menu .login-username {
	background: #26caf4;
}

#main_menu input#user_login, #main_menu input#user_pass {
	width: 95%;
	font-weight: bold;
	color: #FFFFFF;
	outline: 0;
}

#main_menu .login-password {
	background: #4dd4f6;
}

#main_menu .login-remember {
	background: #73ddf8;
}

#main_menu p.login-remember {
	padding-left: 5px !important;
	padding-bottom: 22px !important;
}

#main_menu p.login-submit {
	background: #bfeffc;
	height: 50px !important;
	padding: 0 !important;
}

.header_register:nth-child(1){
	height: auto;
	font-size: 26px;
	line-height: 110%;
}

.header_register:nth-child(2) {
	background: #bfeffc;
}

.header_link {
	color: #FFFFFF;
	margin-bottom: 0;
}

#main_menu #loginform #wp-submit {
	width: 100%;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 30px;
	cursor: pointer;
	padding-top: 0px;
	height: auto;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#main_menu #loginform #wp-submit:hover {
	color: #00c1f1;
}

.header_register {
	height: 40px;
	margin: 0;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 10px;
}

#sticky_header {
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	top: -80px;
	height: auto;
	position: fixed;
	font-weight:bold;
	text-align: center;
	z-index: 10;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#sticky_header h1 {
	color: #FFFFFF;
	padding-bottom: 15px;
	text-align: left;
}

.sticky_header_show {
	top: 60px !important;
}

#youtube_tutorial {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 100;
	display: none;
}

#youtube_tutorial_inner {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width: 60%;
	left: 20%;
}

#youtube_tutorial_inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 1px #999999;
}

.header_vid_btn {
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header_vid_btn:hover {
	cursor: pointer;
	color: #00c1f1;
}

#youtube_close_btn {
	width: 40px;
	height: 40px;
	background-image:url(images/header_icons.png);
	background-size:370px;
	border-radius: 50%;
	border: solid 2px #999999;
	cursor: pointer;
	background-position: -325px -55px !important;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    margin: 20px auto;
}

#youtube_close_btn:hover {
	opacity: 0.7;
}

/* feature *************************************************************/

main {
	padding-top: 10px;
	height: 100%;
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
	display: block;
	
}

#main_feature {
	position: relative;
	width: 100%;
	/* height: 600px; */
	height: 60vh;
	background-color: #FFFFFF;
	clear: both;
}

.main_feature_inner {
	height: 100%;
	overflow: hidden;
	clear: both;

}

.swiper-wrapper-no-slides {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	overflow: auto;
	margin: 0 auto;
	max-width: 1250px;
}

.swiper-container {
	height: 100%;
	width: 70%;
	display: block;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	overflow: hidden;
}

.swiper_sidebar {
	height: 100%;
	width: 30%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000000;
}

.swiper_pagination {
	position: absolute;
	height: 100%;
}

.siderbar_entry {
	/* border-left: solid 5px #000000; */
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 20%;
    max-height: 20%;
	text-align: left;
	float: left;
	width: 100%;
	background-color: #000000;
	color: #FFFFFF;
	position: relative;
	font-size: 20px;
}

.siderbar_entry.siderbar_entry_active {
	/* border-left: solid 5px #00c1f1; */
	background-color: #0091b5;
}

.siderbar_category_header {
	width: 100%;
	background-color: #00c1f1;
	padding:5px 5px 8px;
	font-weight: bold;
}

.siderbar_entry_title {
	padding-top: 5px;
	font-weight: bold;
	padding-left: 5px;
	margin-right: 10px
}

.siderbar_entry_date {
	position: absolute;
	bottom: 5px;
	width: 100%;
	border-top: dotted 1px gray;
	padding-top: 5px;
	font-size: 12px;
	padding-left: 5px;
}

.main_feature_slide {
	background-size: contain;
	background-position: center top;
}

.swiper-slide {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.slide_main_pic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slide_main_pic_new {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	background-color: rgba(0, 0, 0, 0.8);
}

.home .feature_title {
	padding-bottom: 15px;
	padding-top: 10px;
	padding-left: 15px;
	width: auto;
	padding-right: 10px;
}

.home h1 {
	padding-top: 0;
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
	width: auto;
	line-height: 110%;
	font-size: 30px;
}

.feature_title, .feature_title_single {
	background: rgba(0, 0, 0, 0.8);
	height: auto;
	color: #FFFFFF;
	font-weight:bold;
	position: absolute;
	bottom: 0;
	z-index: 1;
	padding-bottom: 0px;
	padding-top: 5px;
}

.feature_title_single {
	position: relative;
	padding-bottom: 0px;
}

.category .feature_title {
	top: 60px;
	height: 80px;
	position: fixed;
	z-index: 10;
	background-color: #00c1f1;
	overflow: hidden;
}

.category .the_title h1 {
	font-size: 70px;
	padding-bottom: 7px;
	margin-left: 10px;
}

.category #article_list {
	padding-top: 100px !important;
}

#article_list_inner {
	max-width: 1000px;
}

.feature_title h1 {
	padding-top: 0;
	text-align: left;
	margin: 0 10px;
}

.title_date {
	color: #00c1f1;
	font-weight: bold;
}

.title_seperator {
	font-family: monospace;
	color: #909090;
}

.title_words{
	font-weight: bold;
}

.feature_date_container {
	margin-left: 0px;
	color: #00c1f1;
	font-weight: bold;
	display: inline-block;
	width: auto;
	float: left;
	line-height: auto;
	font-size: 30px;
	padding-bottom: 5px;
}

.feature_date_seperator {
	margin-left: 0px;
	width: 25px;
	height: 80px;
	margin-top: 0px;
	display: inline-block;
	color: #FFFFFF;
	line-height: 100%;
	background-repeat: repeat;
	background-size:370px;
	background-position: -240px -110px;
	background-image: url(images/header_icons.png);
}

.category .feature_date_seperator {
	margin-left: 0px;
}

.category .the_title h1 {
	color: #FFFFFF;
	display: inline-block;
	line-height: auto;
}

.archive .feature_title a {
	width: 50px;
	display: inline-block;
	float: left;
	left: 0px;
	margin-top: 3px;
	background-color: transparent;
}

.archive .feature_title .the_title {
	float: left;
	margin-left: 50px;
}

.single_cat_seperator {
	font-family: Courier, monospace;
	color: #00c1f1;
}

.single h1 {
	position: relative;
	margin-bottom: 0px;
}

.single .feature_date_container {
	width: 100%;
	display: inline-block;
	height: 40px;
	width: auto;
}

.feature_date {
	margin-left: -25px;
	font-weight: bold;
}

.feature_date.year {
	margin-left: -35px;
	font-weight: bold;
}

.the_title {
	font-size: 60px;
	display: inline;
	text-align: left;
}

.the_title h1 {
	height: auto;
	font-size: 30px;
}

.the_title a {
	color: #FFFFFF;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.the_title a:hover {
	color: #00c1f1;
}

.small_title {
	font-size: 23px !important;
}

#lower_feature_mobile {
	display: none;
}

#lower_features {
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.9);
	border-top: solid 1px #909090;
	border-bottom: solid 1px #909090;
	text-align: center;
	z-index: 10000;
/*	
	background: rgba(0, 0, 0, 0.8);
*/
}

#lower_features_inner {
	height: 100%;
	bottom: 0;
}

.lower_feature {
	width: 24%;
	height: 100%;
	border-left: solid 1px #909090;
	display: table-cell;
}

.lower_feature:last-child {
	border-right: solid 1px #909090;
}

.lower_feature h2 {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 40px;
    overflow: hidden;
}

.lower_feature h2:hover {
	color: #909090 !important;
}

.lower_feature_excerpt {
	font-size: 18px;
	text-transform: none;
	color: #FFFFFF;
	padding: 0 20px 20px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*
	color: #FFFFFF;
	*/
	color: #999999;
}

.lower_feature_excerpt:hover {
	color: #00c1f1;
}

.low_title_div {
	bottom: 0;
	position: absolute;
	padding-bottom: 10px !important;
}

.slide_btn {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 40%;
	background-color: #00c1f1;
	border-radius: 50%;
	z-index: 10;
	background-size:370px;
	background-image: url(images/header_icons.png);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    background-repeat: no-repeat;
}

.slide_btn:hover {
	background-color: #999999;
}

.next_slide {
	right: 20px;
	background-position: -305px -115px;
}

.prev_slide {
	left: 20px;
	background-position: -265px -115px;
}

.home .slide_btn {
	display: none;
}


/* subscribe banner *************************************************************/

#subscribe_banner {
	background: #00c1f1;
	position: relative;
	padding-top: 3px;
	padding-bottom: 5px !important;
	font-size: 18px;
	color: #FFFFFF;
	display: block;
	max-width: 1250px;
	margin: 0 auto;
}

#subscribe_banner h4 {
	line-height: 110%;
}

#subscribe_banner_inner {
	margin: 10px;
}

#subscribe_banner_inner div {
	margin: 5px;
	font-weight:bold;
}

#subscribe_banner_title {
	font-size: 40px;
}

#subscribe_banner span {
	color: #004a5e;
	font-weight:bold;
	line-height: 110%;
}

#subscribe_banner_message {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 110%;
}


/* data banner *************************************************************/

#data_banner {
	width: 100%;
	display: block;
	background-color: #6ce2ff;
	min-height: 375px;
	color: #FFFFFF;
	position: relative;
	background-image: url(images/datamap.png);
	background-size: cover;
	background-position: center center;
	border: solid 1px #00c1f1;
}

#data_banner_title {
	font-weight: bold;
	font-size: 40px;
	width: 100%;
	background-color: #00c1f1;
	padding-bottom: 10px;
}

#data_banner_copy {
	background-color: #00c1f1;
	position: absolute;
	bottom: 0;
	height: auto;
	display: block;
	padding: 15px;
	font-size: 20px;
}

/* advert *************************************************************/

#advert_inner {
	border-top: solid 1px #999999;
	margin-top: 20px;
	padding: 35px 0 0px;
}

#advert_inner img {
	border: solid 1px #909090;
	max-width: 800px !important;
	width: 100%;
	height: auto;
}


/* article blocks *************************************************************/

#index_articles {
	max-width: 1000px;
	margin: 0 auto;
}


#articles_list {
	height: 100%;
	position: relative;
	padding-top: 10px;
}

.article_box {
	width: 230px;
	height: 300px;
	display: inline-block;
	overflow: hidden;
	text-align: left;
	margin: 5px;
	padding-bottom: 0px;
	margin-bottom: 15px;
	border-bottom: solid 2px #10a8ff;
}

.article_header h3 p {
	font-size: 14px;
	margin-bottom: 0;
}

.article_box p {
	line-height: 140%;
	font-size: 16px;
}
  
.case_studies_box {
	width: 100%;
	height: auto;
	display: inline-block;
	overflow: hidden;
	text-align: left;
	margin: 10px;
	padding-top: 20px;
	padding-bottom: 5px;
	border-top: solid 2px #00C1F1;
}

.case_studies_box h2 {
	text-transform: uppercase;
	line-height: 100%;
}

.case_studies_image {
	width: 200px !important;
	height: auto;
	display: inline-block;
	float: left;
	margin-right: 20px;
	margin-bottom: 0 !important;
}

.case_studies_box lead {
	display: inline;
}

.article_header {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
	padding-bottom: 5px;
	text-transform: none;
	/* min-height: 60px; */
}

.article_date_container {
	font-size: 28px;
	margin-bottom: 5px;
}

.article_date {
	font-weight: bold;
	margin-right: -10px
}

.article_date_seperator {
	font-family: Courier, monospace;
	font-size: 30px;
	color: #FFFFFF;
	margin-right: -10px;
	line-height: 90%;
}

.article_category {
	font-size: 28px;
	font-weight:bold;
	margin-bottom: 5px;
	display: block;
	width: 100%;
	padding-bottom: 5px;
	padding-left: 5px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* background-image: url(images/header_icons.png); */
    background-size:370px;
    background-position: -70px -208px;
}

a.article_category:hover {
	background-color: #909090;
}

.article_title_hover {
	color: #00c1f1;
}

.article_cat_pre {
	font-family: Courier, monospace;
	font-size: 30px;
}

.article_content {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	color: #909090;
	bottom: 0;
}

.article_image {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	background-size: cover;
	background-position: center bottom;
	overflow: hidden;
	bottom: 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.article_image_hover {
	width: 120%;
	height: 120%;
	margin: -10%;
}

.article_excerpt {
	text-transform: none;
	font-size: 18px;
	width: 90%;
	height: 100%;
	line-height: 120%;
	position: absolute;
	display: block;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	padding: 5%;
	padding-top:4%;
	color: #FFFFFF;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.article_excerpt_hover {
	opacity: 1 !important;
}


/* pagination *************************************************************/

#pagination {
	padding: 10px 0;
}

#pagination_inner {
	border-top: solid 1px #999999;
	padding: 15px 0 5px;
}

.page-numbers li {
	font-size: 25px;
	display: inline-block;
	line-height: 100%;
	list-style: none;
}

a.page-numbers, 
span.page-numbers.current {
	width: auto;
	height: 30px;
	min-width: 30px;
	position: relative;
	display: inline-block;
	border: solid 1px #FFFFFF;
	border-radius: 50%;
	margin: 5px;
	padding: 5px;
	color:  #00c1f1;
	font-weight:bold;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.page-numbers:hover, 
span.page-numbers.current{
	background: #ffffff;
	color: #999999;
	border: solid 1px #FFFFFF;
}

.page-numbers.dots {
	line-height: 40%;
	font-family: Courier, monospace;
	font-size: 60px;
	color: #00c1f1;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.prev.page-numbers {
	background: #00c1f1;
	border: solid 1px #FFFFFF;
	background-size: 200px;
	background-image: url(images/header_icons.png);
	background-position: -143px -61px;
}

.next.page-numbers {
	background: #00c1f1;
	border: solid 1px #FFFFFF;
	background-size: 200px;
	background-image: url(images/header_icons.png);
	background-position: -163px -61px;
}

.prev.page-numbers:hover {
	background-size: 200px;
	background-image: url(images/header_icons.png);
	background-position: -143px -61px;
	background-color: #999999;
}

.next.page-numbers:hover {
	background-size: 200px;
	background-image: url(images/header_icons.png);
	background-position: -163px -61px;
	background-color: #999999;
}

/* entries *************************************************************/

#entry_content_single {
	position: relative;
}

#entry_content {
	margin-top: 50px;
}

#entry_content_inner {
	/* border-bottom: solid 1px #999999; */
}

#entry_main_content {
	/* max-width: 750px; */
	display: inline-block;
	width: 66%;
	/* float: left; */
	padding: 0 10px;
}

#entry_main_content div {
	text-align: left;
	text-transform: none;
	line-height: 160%;
	margin-bottom: 15px;
	font-size: 14px;
	color: #777777;
}

.post #entry_main_content img, .single #entry_main_content img {
	width: 100%;
	height: auto;
	border: solid 4px #00c1f1;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.single #entry_main_content .wp-caption {
	width: 100% !important;
	height: auto;
	box-sizing: border-box;
	margin-bottom: 20px;
}


.post #entry_main_content img.size-thumbnail, .single #entry_main_content img.size-thumbnail {
	width: 150px;
	height: auto;
	border: solid 4px #00c1f1;
	box-sizing: border-box;
	margin-bottom: 20px;
	display: block;
	margin: 0 auto;
}

.post #entry_main_content img.size-medium, .single #entry_main_content img.size-medium {
	max-width: 300px;
	height: auto;
	border: solid 4px #00c1f1;
	box-sizing: border-box;
	margin-bottom: 20px;
	display: block;
	margin: 0 auto;
}

.alignright {
	clear: both;
	display: block;
	margin: 0 auto;
}

.page #entry_main_content img {
	margin-right: 20px;
}

#entry_main_content #entry_author {
	font-size: 16px;
	color: #00c1f1;
	font-weight:bold;
	margin-bottom: 15px;
	text-align: left;
	text-transform: uppercase;
}

#post_tags, #entry_categories, .download {
	font-size: 14px;
	color: #00c1f1;
	font-weight:bold;
	margin-bottom:0px !important;
	text-align: left;
	text-transform: uppercase;
	list-style: none;
}

#post_tags a, #entry_categories a, .download a {
	color: #00c1f1;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 5px;
}

#post_tags a:hover, #entry_categories a:hover, .download a:hover {
	color: #999999;
}

.iframe_embed { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
} 

.iframe_embed iframe, 
iframe_embed object, 
.iframe_embed embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

#entry_main_content p iframe {
	width: 100% !important;
}


/* pages *************************************************************/

.service_page .the_title h1 {
	padding-top: 0px !important;
	font-size: 70px;
	line-height: 90%;
	padding-bottom: 16px;
}

.service_page.feature_title_single {
	background-color: #00c1f1 !important;
}


/* entry social share *************************************************************/

#entry_social_btns {
	width: 100px;
	height: auto;
	position: absolute;
	font-size: 30px;
	color: #00c1f1;
	z-index: 10;
	text-align: center;
}

.stick {
    position: fixed !important;
    top: 170px;
    z-index: 10000;
}

#entry_social_btns ul {
	margin: 0 auto;
}

.entry_share {
	list-style: none;
	width: 50px;
	height: 50px;
	background-image:url(images/header_icons.png);
	background-size:370px;
	border-radius: 50%;
	margin: 5px auto;
	background-color: #cacaca;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: solid 4px #FFFFFF;
}

.entry_twitter {
	background-position: -120px -50px;
	background-color:#55ACEE;
}

.entry_facebook {
	background-position: -170px -50px;
	background-color:#3b5998;
}

.entry_linkedin {
	background-position: -220px -50px;
	background-color: #0077B5;
}

.entry_google_plus {
	background-position: -270px -50px;
	background-color:#dd4b39;
}

.entry_share:hover{
    background-color: #cacaca;
}

.entry_share a {
	width:100%;
	height:100%;
	position:relative;
	display: block;
	left:0;
}


/* Entry share bar *************************************************************/

#entry_share_bar {
	height: 40px;
	padding-bottom: 20px;
}

#entry_share_bar_inner {
	width: 100%;
	height: 40px;
	padding-top:20px;
	border-bottom: solid 1px #999999;
}


/* Comments *************************************************************/

#comments {
	clear: both;
	margin-top: 20px;
	border-top: solid 1px #999999;
	display: block;
	padding-top: 20px;
}

#comments_inner {
	max-width: 750px;
	margin: 0 auto;
	border-bottom: solid 1px #999999;
	padding-bottom: 30px;
}

.comment {
	list-style: none;
}

#respond p {
	text-align: center;
	font-family: 'TeXGyreAdventor',Helvetica,Arial,sans-serif;
	color: #999999;
	font-size: 16px;
}

.comment-body {
	border-bottom: solid 4px #00c1f1;
	margin: 20px 0;
	padding-bottom: 20px;
}

.comment_user a {
	color: #00c1f1;
}

.comment_user a:hover {
	color: #999999;
}

.comment-body .comment-meta a {
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	display: inline-block;
	float: left;
	margin-left: 70px;
	margin-top: -40px;
	text-align: left;
}

.comment-body .comment-edit-link {
	display: none !important;
}

.comment-author {
	float: left;
	display: block;
	left: 0;
	width: 100%;
	height: 60px;
	vertical-align: middle;
	margin-bottom: 20px;
}

.comment-author img {
	background-color: #00c1f1;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	float: left;
	margin: 0px;
	background-image: url(images/header_icons.png);
	background-size:370px;
	background-position: 0px -45px;
}

.comment-author .fn {
	font-size: 24px;
	font-weight: bold;
	color: #00c1f1;
	font-style: normal;
	float: left;
	margin-left: 10px;
	margin-top: 18px;
}

.comment-author .fn a {
	color: #00c1f1;
	margin-top: 30px;
}

.comment-author .says {
	display: none;
}

#commentform {
	margin-top: 10px;
	text-align: center;
}

.comment_input {
	width: 90%;
	height: auto;
	background: #ededed;
	border: 0;
	border-radius: 4px;
	font-family:'TeXGyreAdventor';
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	color: #00c1f1;
	margin-top: 15px;
	box-sizing:border-box;
	outline: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#commentform #comment {
	height: 200px;
	font-weight: normal;
	font-size: 18px;
	color: #A6A6A6;
	resize: none;
}

.comment_submit {
	background: #00c1f1;
	color: #FFFFFF;
	text-transform: uppercase;
	cursor: pointer;
}

.comment_submit:hover {
	background: #ededed;
	color: #00c1f1;
}

input[type=text]:focus, textarea:focus {
	color: #FFFFFF;
	background-color: #00c1f1;
}

textarea:focus {
	color: #FFFFFF !important;
	background-color: #c3c3c3;
}

.comment-awaiting-moderation {
	font-style: normal;
	color: #00c1f1;
}


/* related posts *************************************************************/


#related_posts {
	display: inline-block;
	/* float: right; */
	max-width: 320px;
}

#related_posts_inner {	
	/* padding-top: 0px; */
}

#related_posts .article_box {
	display: inline-block;
}

#related_posts h5 {
	margin-bottom: 20px;
}


/* Contact *************************************************************/

.contact_block_half {
	width: 45%;
	display: inline-block;
	box-sizing: border-box;
}

.contact_block_half .lead {
	color: #00c1f1 !important;
}

.contact_block_half h2 {
	margin-left: 0;
	margin: 20px 0;
	text-transform: uppercase;
}

.wpcf7-form .contact_block p {
	color: #00c1f1 !important;
}

.wpcf7-form-control {
	width: 100%;
	height: auto;
	background: #ededed;
	border: 0;
	border-radius: 4px;
	font-family:'TeXGyreAdventor';
	font-weight: bold;
	font-size: 30px;
	padding: 10px;
	color: #00c1f1;
	margin-top: 15px;
	box-sizing:border-box;
	outline: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.wpcf7-captchac {
	width: 100px;
	display: block;
	text-align: center;
}

.wpcf7-submit {
	background: #00c1f1;
	color: #FFFFFF;
	text-transform: uppercase;
	cursor: pointer;
}

.wpcf7-submit:hover {
	background: #ededed;
	color: #00c1f1;
}

#googleMap {
	width: 100%;
}


/* Case Study *************************************************************/

.single-case-study {
	
}


/* registration_form *************************************************************/

#theme-my-login {
	max-width: 500px;
	display: block;
	position: relative;
}
#loginform, #lostpasswordform, #resetpassform, #registerform, #your-profile {
	border:none!important;
}
.tml-form-table {
	margin-bottom:20px;	
}
.tml-user-admin-bar-front-wrap, .tml-user-url-wrap, .tml-user-contact-method-aim-wrap, .tml-user-contact-method-yim-wrap, .tml-user-contact-method-jabber-wrap, .tml-user-description-wrap {
	display:none;	
}
#theme-my-login .input, #theme-my-login input[type=text], #theme-my-login input[type=password], #theme-my-login select, #pmpro_user_fields .input {
	width: 100% !important;
	height: auto;
	position: relative;
	background: #ededed;
	border: 0;
	border-radius: 4px;
	font-family:'TeXGyreAdventor';
	font-weight: bold;
	font-size: 30px !important;
	padding: 10px;
	color: #00c1f1;
	margin-top: 15px;
	box-sizing:border-box;
	outline: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#theme-my-login label, #pmpro_user_fields label {
	display: block;
	color: #00c1f1;
	font-size: 20px;
	text-transform: uppercase;
	width:inherit;
	float:none;
	text-align:left;
}

#theme-my-login #wp-submit, a.pmpro_btn, input.pmpro_btn, .tml input[type=submit] {
	width:auto;
	padding:5px 10px;
	border-width:1px;
	border-style:solid;
	color:#fff!important;
	background-color:#00c1f1!important;
	border-color:#00c1f1!important;
	text-shadow:none;
	border-radius:0px!important;
	font-size:1.5em;
}
	#theme-my-login #wp-submit:hover, #theme-my-login #wp-submit:active, a.pmpro_btn:hover, a.pmpro_btn:active {
		color:#fff;
		background-color:#00c1f1!important;
		opacity:0.8;
		text-shadow: none;
	}
	form.pmpro_form .pmpro_submit {
		margin-left:0;
	}
#theme-my-login a {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #00c1f1;
}

#theme-my-login a:hover {
    color: #999999;
}


/* manager sign up form *************************************************************/

#pmpro_pricing_fields p:first-child {
	font-weight: bold;
	color: #00c1f1;
	text-transform: uppercase;
	line-height: 100%;
	font-size: 30px;
}

#pmpro_pricing_fields p {
	text-align: center;
}

#pmpro_pricing_fields img {
	margin-left: auto;
	margin-right: auto !important;
	display: block;
	float: none;
	max-width: 100%;
}

#pmpro_level_cost {
	font-size: 20px;
}
#pmpro_level_cost p:second-child {
	display:none;
}

.pmpro_thead-name {
	display:block !important;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	color: #00c1f1;
	float: none;
}

.pmpro_thead-msg {
	display:block !important;
	font-weight: bold;
	float: none !important;
	text-align: left !important;
}

.pmpro_thead-msg a {
    color: #00c1f1;
    font-weight: bold;
}

#other_discount_code_p {
	font-size: 20px;
}

#other_discount_code_a {
	display: block;
	font-weight: bold !important;
}

/* Manager signup fields */

#manager_div input[type=radio] {
	float:left;
	clear:left;
	height:20px;
	width:20px;
	margin-right:5px;	
}
#manager_div .pmprorh_radio_label {
	display:inline-block;
}

/* footer *************************************************************/

footer {
	padding-top: 20px;
	position: relative;
}

#footer_inner {
	padding-top: 0px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	margin-bottom: 20px;
	text-align: center !important
}

.footer_block {
	width: 30%;
	display: inline-block;
	margin: 10px;
	max-width: 290px;
	text-align: center;
}

.footer_block p {
	font-size: 10px;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	font-family: inherit;
	margin-bottom: 0;
}

.footer_block .menu-item {
	font-size: 10px;
	list-style: none;
	margin-bottom: 3px;
}

.footer_block .menu-item a {
	color: #252525;
	font-weight: normal;
}

.footer_block .menu-item a:hover {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #00c1f1;
}

#copyright {
	margin: 5px 0px;
	text-transform: none;
	font-size: 10px;
	line-height: 150%;
	color: #999999;
}

footer a {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #00c1f1;
}

/* Events *************************************************************/

.woocommerce button.button.alt {
	background-color: #00c1f1 !important;
}

table.tribe-events-tickets {
	border-collapse: separate;
	border-spacing: 0px 15px;
}

.event_checkout_btn {
	color: #00c1f1 !important;
	font-weight: bold;
	margin-bottom: 20px !important;
}

a.checkout-button {
	background-color: #00c1f1 !important;
}

.woocommerce-billing-fields input, p.form-row input {
	height: auto;
	border: solid 1px #999999;
	border-radius: 4px;
	font-family:'TeXGyreAdventor';
	font-weight: bold;
	padding: 5px;
	font-size: 16px;
}

#tribe-events-footer {
	margin-top: 30px;
}

.validate-required .input-text {
	border: solid 2px #00c1f1 !important;
}

.woocommerce-billing-fields .required {
	color: #00c1f1 !important;
}

#place_order {
	background-color: #00c1f1 !important;
	text-transform: uppercase;
}

a.about_paypal {
	color: #00c1f1;
}

.showcoupon {
	color: #00c1f1 !important;
}

p.form-row, .form-row input {
	width: 100% !important;
	display: block !important;
	box-sizing: border-box;
}

.product-remove, .product-thumbnail, .product-price {
	display: none;
}

.shop_table.cart #coupon_code {
	margin: 0px 0px 10px !important;
	border: solid 1px #999999;
	border-radius: 4px;
	font-family:'TeXGyreAdventor';
	font-weight: bold;
	padding: 5px;
	font-size: 16px;
	height: 40px;
}

.shop_table.cart input {
	width: 100% !important;
	display: block;
}

.shop_table.cart .button {
	background-color: #00c1f1 !important;
	color: #FFFFFF !important;
	text-transform: uppercase;
}

tr.cart-subtotal th {
	padding-right: 30px !important;
}

.tribe-events-venue-map {
	background-color: #00c1f1 !important;
}

.tribe-events-single-section-title {
	color: #00c1f1;
}

.tribe-events-list-separator-month {
	margin-bottom: 0 !important;
}

.tribe-events-back {
	text-transform: uppercase;
}

.tribe-events-gmap {
	font-style: normal;
}

.tribe-events-event-cost {
	position: relative;
	display: block;
	float: none !important;
	width: auto;
	float: none;
    margin: auto !important;
    margin-bottom: 10px !important;
    width: 200px;
}

.tribe-events-event-cost span {
	background-color: #00c1f1 !important;
	color: #FFFFFF;
}

.single-tribe_events .lead {
	text-transform: none !important;
	text-align: center !important;
	color: #999999 !important;
}

.tribe-events-venue-details span {
	font-style: normal !important;
}

.single-tribe_events h2, .single-tribe_events h2 b {
	color: #00c1f1 !important;
	font-size: 30px !important;
	line-height: 100% !important;
}

.single-tribe_events li {
	text-align: left;
	color: #999999 !important;
}

.single-tribe_events p {
	color: #999999 !important;
}

.tribe-events-tickets td {
	text-align: left;
}

.tickets_price {
	color: #00c1f1 !important;
	padding: 0 5px !important;
}

.return-to-shop {
	display: none !important;
}


/* 404 *************************************************************/

#404_img {
	margin: 20px;
}


/* Autocomplete search *************************************************************/

.ui-front { 
	z-index: 100; 
}

.ui-helper-hidden { 
	display: none; 
}

.ui-helper-hidden-accessible { 
	display: none;
}

.ui-widget-content { 
	background-color: rgba(255, 255, 255, 0.9) !important;
}

.ui-widget-content a { 
	color: #00c1f1;
}

.ui-autocomplete {
	position: absolute; 
	cursor: default; 
	z-index: 30;
}

.ui-menu {
	list-style:none;
	padding: 0px;
	margin: 0;
	display:block;
	float: left;
	font-size: 30px;
	text-align: left;
}

.ui-menu .ui-menu {
	margin-top: 10px;
}

.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}

.ui-menu, .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding: 0 .4em;
	line-height:1.5;
	color: #00c1f1 !important;
	zoom:1;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	background: #00c1f1;
	color: #FFFFFF;
}


/* colours for categories *************************************************************/

.music_ally_blue {
	color: #00c1f1;
}

.music_ally_grey {
	color: #999999;
}

/*

music_ally_blue: #00c1f1;

music_ally_grey: #999999;

analysis: rgba(112, 124, 184, 1);

brands: rgba(195, 220, 68, 1);

campaigns: rgba(144, 0, 111, 1);

country profiles #dcdc00 rgba(220, 220, 0, 1);

jobs: rgba(235, 87, 186, 1);

marketing: rgba((255, 140, 46, 1);

news: rgba(0, 194, 243, 1);

podcast: rgba(255, 179, 0, 1);

reports: rgba(0, 220, 205, 1);

start-ups: rgba(253, 93, 128, 1);

marketing-tools: rgba(220, 150, 30, 1);

training: rgba(0, 194, 243, 1);

*/

.analysis,
.menu-item-58758 a,
.menu-item-58758 a {
	color: rgba(112, 124, 184, 1);
}

.brands,
.menu-item-58759 a {
	color: rgba(195, 220, 68, 1);
}

.home,
.menu-item-58537 a, 
.menu-item-58537 a {
	color: #FFFFFF;
}

.home,
.menu-item-58537 a:hover, 
.menu-item-58537 a:hover {
	color: #00c1f1;
}

.infographic,
.menu-item-60811 a,
.menu-item-60821 a,
.menu-item-63092 a {
	color: rgba(180, 200, 255, 1);
}

.jobs, 
.menu-item-47875 a, 
.menu-item-46093 a {
	color: rgba(235, 87, 186, 1);
}

.marketing,
.menu-item-60810 a,
.menu-item-60820 a,
.menu-item-63091 a {
	color: rgba(255, 140, 46, 1);
}

.news,
.menu-item-58760 a {
	color: rgba(0, 194, 243, 1);
}

.podcast,
.menu-item-47874 a,
.menu-item-47982 a {
	color: rgba(255, 179, 0, 1);
}

.reports,
.menu-item-58761,
.menu-item-58761 a {
	color: rgba(0, 220, 205, 1);
}

.start-ups,
.menu-item-58762,
.menu-item-58762 a {
	color: rgba(253, 93, 128, 1);
}

.training,
.menu-item-58763,
.menu-item-58763 a {
	color: rgba(0, 194, 243, 1);
}


.feature_title.analysis {
	background: rgba(112, 124, 184, 1);
	bottom: 0;
}

.feature_title.brands {
	background: rgba(195, 220, 68, 1);
	bottom: 0;
}

.feature_title.campaigns {
	background: rgba(144, 0, 111, 1);
	bottom: 0;
}

.feature_title.country-profile, 
.feature_title.country  {
	background: rgba(220, 220, 0, 1);
	bottom: 0;
}

.feature_title.data {
	background: rgba(253, 93, 128, 1);
	bottom: 0;
}

.feature_title.digital {
	background: rgba(100, 207, 243, 1);
	bottom: 0;
}

.feature_title.comment {
	background: rgba(124, 56, 207, 1);
	bottom: 0;
}

.feature_title.facts {
	background: rgba(251, 255, 110, 1);
	bottom: 0;
}

.feature_title.features {
	background: rgba(195, 220, 68, 1);
	bottom: 0;
}

.feature_title.infographic {
	background: rgba(180, 200, 255, 1);
	bottom: 0;
}

.feature_title.interview {
	background: rgba(204, 146, 0, 1);
	bottom: 0;
}

.feature_title.jobs {
	background: rgba(235, 87, 186, 1);
	bottom: 0;
}

.feature_title.marketing {
	background: rgba(255, 140, 46, 1);
	bottom: 0;
}

.feature_title.news {
	background: rgba(0, 194, 243, 1);
	bottom: 0;
}

.feature_title.podcast {
	background: rgba(255, 179, 0, 1);
	bottom: 0;
}

.feature_title.reports {
	background: rgba(0, 220, 205, 1);
	bottom: 0;
}

.feature_title.startups {
	background: rgba(253, 93, 128, 1) !important;
	bottom: 0;
}

.feature_title.marketing-tools {
	background: rgba(220, 150, 30, 1);
	bottom: 0;
}

.feature_title.training {
	background: rgba(0, 194, 243, 1);
	bottom: 0;
}


.article_category.analysis {
	background-color: rgba(112, 124, 184, 1);
	color: #FFFFFF;
}

.article_category.brands {
	background-color: rgba(195, 220, 68, 1);
	color: #FFFFFF;
}

.article_category.campaigns {
	background-color: rgba(144, 0, 111, 1);
	color: #FFFFFF;
}

.article_category.country-profile, 
.article_category.country {
	background-color: rgba(220, 220, 0, 1);
	color: #FFFFFF;
}

.article_category.data {
	background-color: rgba(253, 93, 128, 1);
	color: #FFFFFF;
}

.article_category.digital {
	background-color: rgba(100, 207, 243, 1);
	color: #FFFFFF;
}

.article_category.comment {
	background-colour: rgba(124, 56, 207, 1);
	color: #FFFFFF;
}

.article_category.facts {
	background-color: rgba(251, 255, 110, 1);
	color: #FFFFFF;
}

.article_category.features {
	background-color: rgba(195, 220, 68, 1);
	color: #FFFFFF;
}

.article_category.infographic {
	background-color: rgba(180, 200, 255, 1);
	color: #FFFFFF;
}

.article_category.interview {
	background-color: rgba(204, 146, 0, 1);
	color: #FFFFFF;
}

.article_category.jobs {
	background-color: rgba(235, 87, 186, 1);
	color: #FFFFFF;
}

.article_category.marketing {
	background-color: rgba(255, 140, 46, 1);
	color: #FFFFFF;
}

.article_category.news {
	background-color: rgba(0, 194, 243, 1);
	color: #FFFFFF;
}

.article_category.podcast {
	background-color: rgba(255, 179, 0, 1);
	color: #FFFFFF;
}

.article_category.reports {
	background-color: rgba(0, 220, 205, 1);
	color: #FFFFFF;
}

.article_category.start-ups, .article_category.startups {
	background-color: rgba(253, 93, 128, 1) !important;
	color: #FFFFFF;
}

.article_category.marketing-tools {
	background-color: rgba(220, 150, 30, 1);
	color: #FFFFFF;
}

.article_category.training {
	background-color: rgba(0, 194, 243, 1);
	color: #FFFFFF;
}


.category-analysis .article_date_container {
	color: rgba(112, 124, 184, 1);
}

.category-brands .article_date_container {
	color: rgba(195, 220, 68, 1);
}

.category-campaigns .article_date_container {
	color: rgba(144, 0, 111, 1);
}

.category-country-profile .article_date_container, 
.category-country .article_date_container {
	color: rgba(220, 220, 0, 1);
}

.category-infographic .article_date_container {
	color: rgba(180, 200, 255, 1);
}

.category-jobs .article_date_container {
	color: rgba(235, 87, 186, 1);
}

.category-marketing .article_date_container {
	color: rgba(255, 140, 46, 1);
}

.category-news .article_date_container {
	color: rgba(0, 194, 243, 1);
}

.category-podcast .article_date_container {
	color:  rgba(255, 179, 0, 1);
}

.category-start-ups .article_date_container {
	color:  rgba(253, 93, 128, 1);
}

.category-start-ups .feature_title {
	background-color:  rgba(253, 93, 128, 1);
}

.category-marketing-tools .feature_title {
	background-color: rgba(220, 150, 30, 1);
}

.category-training .article_date_container {
	color: rgba(0, 194, 243, 1);
}

/* PM Pro specific ***********************************************************/

#pmpro_levels_table {
	width:100%;
}

.pmpro-levels main {
	margin-top: 0;
}

#pmpro_levels_table {
	line-height: 150%;
}

.pmpro-levels .nav-previous a {
	color: rgba(0, 194, 243, 1) !important;
}


/* media queries *************************************************************/

@media only screen and (min-width : 768px) and (max-width : 1024px) {

.feature_title {
	z-index: 10;
	padding-bottom: 0px;
}

.feature_date_container {
	font-size: 50px;
}

.feature_date_seperator {
	background-size: 300px;
	background-position: -195px -92px;
	height: 65px;
}

.slide_main_pic {
	background-size: cover;
	top:0 !important;
	height: 100% !important;
}

.the_title h1  {
	font-size: 20px;
	width: 100%;
	margin: 0%;
}

.lower_feature h2 {
	font-size: 24px;
}

.page .service_page .the_title h1 {
	font-size: 40px;
}

}


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

#main_feature {
	position: relative;
	width: 100%;
	overflow: auto;
	height: 60vh;
	padding-bottom: 20px;
	background-color: #FFFFFF;
}

.home #main_feature {
	height: 110vh;
}

.main_feature_inner {
	padding-bottom: 20px;
	height: 100vh;
}

main {
	margin-top: 15px;
}

header {
	height: 60px;
}

#header_inner {
	margin-top: 5px;
}

#sticky_header {
	display: none;
}

header .logo {
	top: 60px;
	display: none;
}

.header_button {
	margin-right: 3px !important;
}

#main_menu {
	font-size: 40px;
	top: -100%;
	overflow: auto;
}

#main_menu_inner {
	height: auto !important;
	position: absolute;
	padding-bottom: 55px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}

.mobile_logo {
	display: block;
	margin: 15px  auto;
}

.mobile_logo .logo_inner {
	background: none;
}

.mobile_home_logo {
	margin-top: 70px;
}

.ui-widget-content { 
	padding: 0 !important;
	width: 99% !important;
}

.main_menu_open {
	top: 55px !important;
}

.main_menu_block {
	width: 90%;
	max-width: 350px;
	margin: 5%;
	padding-bottom: 20px;
}

.main_menu_block.login_box {
	order: 3;
	margin-left: 10px;
}

#main_menu_block_middle {
	margin-top: 0;
	order: 1;
}

input#user_login, input#user_pass {
	width: 60%;
	font-weight: bold;
	padding-bottom: 4px;
}

.main_menu_block:last-child {
	margin-top: 0;
	order: 2;
}

#header_search_box {
	overflow: hidden;
}

#search_submit {
	right: 5px !important;
}

.page .service_page .the_title h1 {
	font-size: 40px;
}

.slide_btn {
	width: 35px;
	height: 35px;
	background-size: 185px;
	top: 60%;
}

.next_slide {
	background-position: -152px -58px;
}

.prev_slide {
	background-position: -132px -58px;
}

.slide_main_pic {
	background-size: cover;
}

.home .slide_main_pic {
	height: 80%;
	bottom: 0;
	position: relative;
	overflow: visible;
}

#lower_features {
	display: none;
}

#lower_features_inner {
	display: none;
}

.lower_feature {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	border-bottom: solid 1px #999999;
}

#lower_feature_mobile {
	height: auto;
	position: relative;
	width: 100%;
	display: block;
	/* background: rgba(0, 0, 0, 0.8); */
	background: rgba(255, 255, 255, 1);
	border: 0;
	text-align: center;
	z-index: 10;
}

.home .swiper-container {
	height: auto;
	width: 100%;
}

.home .swiper-container {
	display: none !important;
}

.swiper_sidebar {
	width: 90%;
	display: block;
	margin: 0 auto;
	position: relative;
}

.siderbar_entry {
	height: auto;
	position: relative;
	max-height: none;
    padding-bottom: 10px;
}

.siderbar_entry, .siderbar_entry a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	border-left: solid 0px #FFFFFF !important;
}

.siderbar_category_header {
	padding-right: 0;
	width: auto;
}

.category .feature_title {
	height: auto;
	position: relative;
	top: 0;
	padding-bottom: 3px;
	overflow: hidden;
	padding-top: 0px;
}

.category h1 {
	font-size: 40px !important;
}

.feature_title_single h1 {
}

.feature_title {
	height: auto;
	background: rgba(0, 0, 0, 0.9999);
}

#sticky_header .feature_title_inner.inner_div h1 {
	text-align: left !important;
}

.feature_date_container {
	font-size: 60px;
	width: auto;
	text-align: left;
	margin-right: 5px;
	margin-left: 0px;
	display: inline;
	height: 20px;
	margin-top: -5px !important;
}

.feature_date {
	margin-left: 0 !important;
	float: left;
	font-size: 24px;
}

.feature_date::before {
	margin-left: 0 !important;
	float: left;
	font-size: 24px;
	content: ':';
	color: #FFFFFF;
	font-family: courier, monospace;
	line-height: 230%;
}

.feature_date_seperator {
	background-size: 300px;
	background-position: -195px -87px;
	height: 100%;
	display: none;
	margin-left: 0 !important;
}

.the_title h1  {
	font-size: 24px;
	width: 100%;
	margin: 0%;
	line-height: 110%;
}

#data_banner {
	width: 90%;
	display: block;
	background-color: #6ce2ff;
	min-height: 375px;
	left: 5%;
	color: #FFFFFF;
	position: relative;
}

#data_banner_title {
	font-weight: bold;
	font-size: 30px;
	width: 100%;
	background-color: #00c1f1;
	padding-bottom: 10px;
}

#data_banner_copy {
	background-color: #00c1f1;
	position: absolute;
	bottom: 0;
	height: auto;
	display: block;
	padding: 15px;
	font-size: 16px;
}

.category #article_list {
	padding-top: 0 !important;
}

#entry_main_content {
	margin: 0;
	padding: 0;
	width: auto;
	margin: 0 10px;
}

#entry_main_content p {
	z-index: 10;
}

#entry_social_btns {
	display:none;
}

.footer_block {
	width: 90%;
	display: block;
	margin: 5% auto;
	max-width: 290px;
}

table.tribe-events-tickets tr td {
	width: 100%;
	display: block;
	margin: 10px auto;
}
/*
#scnb-cookie-bar {
	padding-bottom: 0 !important;
	height: 65px;
}
*/
}

@media only screen and (max-width : 1024px) {
#related_posts {
	display: inline-block;
	float: none;
	max-width: 1000px;
}
}

@media only screen and (max-height: 750px) {
	.siderbar_entry_title {
		font-size: 16px;
	}
}


/* iPhone to iPad size ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
	/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* Styles */
	
}