@charset "utf-8";

/*
 * Theme Name: Absolute
 * Description: Responsive Portfolio WordPress Theme.
 * Author: Themex
 * Author URI: http://themeforest.net/user/themex
 * Version: 1.9
 * Tags: responsive-design, boxed-layout, unique-sliders, custom-background, localization-ready, one-page, interactive, ajax-powered
 * */

/*--------------------CSS Structure--------------------
 *
 * 1. RESET/NORMALIZE
 * 		Global Styles
 * 				Form Elements
 * 						Floating Styles
 * 								
 * 								3. LAYOUT
 * 										Columns
 * 												Containers
 * 														Header
 * 																	- Logo
 * 																				- Social Links
 * 																							- Main Menu
 * 																										- Select Menu
 * 																												
 * 																												4. ELEMENTS
 * 																														Titles
 * 																															  	Lists
 * 																															  			Dividers
 * 																															  					Dropcaps
 * 																															  							Buttons
 * 																															  									Tabs
 * 																															  											Toggles
 * 																															  												
 * 																															  												5. GALLERY
 * 																															  														Filter
 * 																															  																Gallery Thumbnail
 * 																															  																		Gallery Item
 * 																															  																				
 * 																															  																				6. BLOG
 * 																															  																						Post
 * 																															  																								Comments
 * 																															  																										
 * 																															  																										7. SLIDERS
 * 																															  																												Thumbs Slider
 * 																															  																														Fade Slider
 * 																															  																																Gallery Slider
 * 																															  																																		Testimonials Slider
 * 																															  																																				
 * 																															  																																				8. CONTACT PAGE
 * 																															  																																						Contact Form
 * 																															  																																								Google Map	
 *
 * 																															  																																								9. WIDGETS
 * 																															  																																										Twitter
 * 																															  																																												Flickr
 * 																															  																																														
 * 																															  																																														10. RESPONSIVE STYLES
 * 																															  																																																768-999
 * 																															  																																																		480-767
 * 																															  																																																				320-479	
 *
 * 																															  																																																				------------------------------------------------*/

/* ============================== RESET/NORMALIZE =========================== */

/*-------------------------------- Global Styles -----------------------------*/


@import url('https://fonts.googleapis.com/css?family=Marck+Script');



html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre,
dd, dl, dt, a, cite, code, img, tt, legend, fieldset, label {margin: 0; padding: 0; text-align:left; outline:none; }

img, a img, form, fieldset, iframe {border: 0;}

body {
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	line-height:1.5em;
	background-color:#fff;
	background-attachment:fixed;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(125, 69, 1, 0.61) 90%), url(images/patterns/fabric.jpg);
	background-position:center top;
	overflow:hidden;
	overflow-y:scroll;
}

.header-container .header .logo a img{
    width:100%;
}

img, 
object,
embed {
	max-width: 100%;
	height:auto;
}

ol, ul {
	list-style: none;
	margin:0 0 1.5em;
	padding: 0;
}
				
ul li, ol li {
	margin:0;
}

ul li a,
ol li a {text-decoration:none;} 

address {
	margin: 0 0 1.5em;
	padding: 0;
	font-style: normal;
}

table {
	width:100%;
	max-width:100%;
	border:1px solid #ccc;
	border-right-width:0;
	border-bottom-width:0;
	border-spacing: 0;
	border-collapse: collapse;
}

thead {
	font-size:1em;
	background-color:#000;
	color:#fff;
}

th,td {
	padding:0.5em 10px;
	border:1px solid #ccc;
	border-left-width:0;
	border-top-width:0;
}
	
p {
	margin:0 0 1em 0;
	padding: 0;
}

::-moz-selection { color: #fff;  background-color: #FF4E50; }
::selection { color: #fff;  background-color: #FF4E50; }

a {
	text-decoration:none;
	color: #FF4E50;
}

a:hover {
	color:#000;
}

h1, h2, h3, h4, h5, h6, th {
	font-weight:bold;
	line-height:1em;
}

h1 {
	font-size:2.5em;
	letter-spacing:-1px;
	margin-bottom: 0.5em;
}

h2 {
	font-size:2em;
	margin-bottom: 0.7em;
}

h3	{
	font-size:1.5em;
	margin-bottom:1em;
}
				
h4	{
	font-size:1.3em;
	margin-bottom:1em;
}

h5 {
	font-size:1.2em;
	margin-bottom:1em;
} 

h6	{
	font-size:1.1em;
	margin-bottom:1em;
}

pre, code {
    font-family: mono-space,monospace;
    overflow: auto;
    padding: 30px;
    white-space: pre;
}

blockquote {
    font-style: italic;
    color: #000;
    line-height: 1.5em;
	margin-bottom:1em;
	padding:0 0 0 17px;
	border-left:3px solid #000;
	font-size:1.1em;
}

.home-columns  {
  width: 70%;
  margin: 10px auto;
  position: relative;
  text-align:center;
  border: 1px solid;
}

.column:not(:first-child) {
	
}

/*---------------------------- Form Elements  -------------------------*/

input, select, textarea {
	width:auto;
	padding:0.5em 9px;
	font-size:1em;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	color:#6c6b6b;
	border:1px solid #ccc;
	background:#fff;
	outline:none;
	margin:0 0 1.5em 0;
	-moz-box-shadow:0 2px 4px rgba(204,204,204,0.5) inset;
	-webkit-box-shadow:0 2px 4px rgba(204,204,204,0.5) inset;
	box-shadow:0 2px 4px rgba(204,204,204,0.5) inset;
}

textarea {
	resize:none;
} 

input[type="text"]:focus,
select:focus,
textarea:focus {
	border-color:#aaa;
}

input[type="submit"],
input[type="button"] {
	margin:0;
	border:0;
	outline:0;
	cursor:pointer;
}

/*------------------------ Floating Styles -----------------------*/

.clear {
	clear:both;
}

.nomargin {
	margin:0!important;
}

.hidden {
	display:none;
}

.fullwidth {
	display:block;
	width:100%;
	height:auto;
}

.alignnone {
    margin: 0;
}

.alignright {
    float:right;
    margin: 0 0 1em 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 1em 0;
}

.aligncenter {
    display: block;
	text-align:center;
	position:relative;
    margin: 0.5em auto 1em auto;
}

.aligncenter * {
	text-align:center;
}

.subtitle {
	display:block;
	margin:-0.5em 0 0 0;
}

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {
	display:block;
	overflow:hidden;
	border:1px solid #ccc;
}

/* ============================== LAYOUT ============================= */

/* ------------------------------ Columns ------------------------------*/

.one-half { width: 460px; }
.one-third { width: 300px; }
.two-third { width: 620px; }
.one-fourth {width:220px; }
.three-fourth { width: 700px; }
.full { width: 100%; }

.column {
	position: relative;
	margin:0.5em 20px 1.5em 0;
	float: left;
	/* padding: 10px; */
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.column > .column {
	margin-bottom:0;
}

.last {
	margin-right: 0!important;
	clear: right;
}

.event-info{
	width: 12%;
	padding: 0 3% 0 2%;
	margin: 0;
}
.event-info p{
	margin-bottom: 5px;
}
.event-info .date{
	font-size: 16px;
	font-weight: bold;
}
.event-info .time{
	font-size: 14px;
}
.event-info .loc{
	font-style: italic;
}
.event-desc{
	width: 59%;
	margin: 0;
	padding: 0 3% 0 2%;
}
.event-btn{
	width: 18%;
}
.event-btn a{
	width: 92%;
	margin-top: 20px;
	padding: 10px 4%;
	text-align: center;
	text-transform: none;
}
.event-desc .canvasLoaderHandler{
	top: -5px;
	margin-left: 0;
}

/* Schedule mobile */
.screen-480 .event-info,
.screen-480 .event-desc,
.screen-480 .event-btn,
.screen-320 .event-info,
.screen-320 .event-desc,
.screen-320 .event-btn {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.screen-480 .event-info p,
.screen-320 .event-info p{
	float: left;
	width: auto;
	font-size: 12px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
	margin-right: 10px;
}
.screen-480 .event-info .date,
.screen-320 .event-info .date{
	font-size: 14px;
}
.screen-480 .event-desc,
.screen-320 .event-desc{
	padding-top: 15px;
}
.screen-480 .event-desc .canvasLoaderHandler,
.screen-320 .event-desc .canvasLoaderHandler{
	position: absolute;
	right: 50%;
	margin-right: -10px;
	top: auto;
	bottom: -7px;
}
.screen-480 .event-btn a,
.screen-320 .event-btn a{
	margin-top: 5px;
	margin-bottom: 10px;
}


/*----------------------------- Containers ----------------------------*/

.global-container {
	overflow:hidden;
	width:100%;
}

.widget-container {
	overflow:hidden;
	margin:0 0 1.5em 0;
}

.content {
	overflow:hidden;
	/* z-index:1; */
	display:none;
	position:relative;
}

.header-container {
	
	position:fixed;
	z-index:1000;
	width:100%;
	border-top:4px solid #000;
	
	
}

.header {
	padding:0;
	margin:0 auto;
	position:relative;
	width: 1200px;
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);

	background: #fff;
	border-bottom: 5px solid #CE181E;
}

.page {
	position:absolute;
	left:-100%;
	top:0;
}

.page.current {
	left:0;
}

.page-inner {
	width:1140px;
	padding:2.5em 30px 1.5em 30px;
	margin:0 auto;
	position:relative;
	background:#fff;
}

/*---------------------------------- Logo ----------------------------------*/

.header .logo {
	float:left;
	padding: 10px 0 0 20px;
	font-family:Sansita One;

}

.header .logo a {
	color:#000;
	font-size:2.5em;
	display: block;
	float: left;
}

.header-container .runner {
    display: none;
	position:absolute;
	bottom:0;
	left:0;
	right: 40px;
	height:5px;
	width:0;
	/*background:#FF4E50;*/
	background: rgba(255,255,255,0.5);
}

/*------------------------------- Social Links -------------------------------*/

.social-links-container,
.top-content {
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
}

.top-content {
	padding:0.5em 0 0 0;
}

.social-links-container {
	width:24px;
}

.social-links {
	overflow:hidden;
	height:24px;
	float:right;
}

.social-links .trigger,.social-links a {
	display:block;
	float:right;
	height:24px;
	width:24px;
}

.social-links .trigger {
	background:#000;
	color:#fff;
	cursor:pointer;
	background:#000 url(images/expand_icons.png) 0 0 no-repeat;
}

.social-links .trigger:hover {
	background-color:#FF4E50;
}

.social-links-container.expanded .trigger {
	background-position:-24px 0;
}

.social-links a {
	background:url(images/social_icons.png) 0 0 no-repeat;
}

.social-links a:hover {
	opacity:0.8;
}

.social-links a.facebook {
	background-position: -72px 0;
}

.social-links a.twitter {
	background-position: -120px 0;
}

.social-links a.dribbble {
	background-position: -144px 0;
}

.social-links a.rss {
	background-position: -96px 0;
}

.social-links a.youtube {
	background-position: -48px 0;
}

.social-links a.vimeo {
	background-position: 0 0;
}

.social-links a.flickr {
	background-position: -24px 0;
}

.social-links a.soundcloud {
    background-position: -168px 0;
}

.social-buttons {
	padding-top:0.5em;
}

.social-buttons .social-button {
	float:left;
	margin-right:5px;
	height:30px;
}

.social-buttons .social-button.googleplus { width:60px; }
.social-buttons .social-button.twitter {	width:80px; }
.social-buttons .social-button.facebook { width:75px; }

/*------------------------------- Main Menu -------------------------------*/

.menu {
	float:right;
	position:absolute;
	bottom:0;
	right:40px;
	/* padding-bottom:1em; */
}

.menu a {
	color:#000;
	display:block;
}

.menu li {
	display:block;
	position:relative;
}
.menu li.hidden {
	display:none;
}

.menu li.hover {
	cursor:pointer;
}

.menu > ul > li {
	float:left;
	/* margin-left:30px; */
	/* padding-bottom:1em; */
	padding: 5px 15px 10px 15px;
}

.menu > ul > li:not(:first-child) {
border-left: 1px solid;
}

.menu > ul > li > a {
	/*text-transform:uppercase;*/
	font-size:1.1em;
	/* font-weight:bold; */
	color: #636466;
	font-family: serif;
}

.menu li.hover > a,
.menu li a:hover {
	/* color:#FF4E50; */
	color:white !important;
}

.menu li.hover > a,
.menu li.current > a {
	color:white !important;
}

.menu li.hover,
.menu > ul > li.current {
	color:white !important;
	background-color: #ce181e;

}

.menu ul ul {
	display:none;
	position:absolute;
	left:0;
	top:2em;
	z-index:1000;
	background:#fff;
	min-width:120px;
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
	box-shadow:0 0 10px rgba(0,0,0,0.15);
}

.menu ul ul li {
	display:block;
	border-top:1px solid #eee;
}

.menu ul ul li:first-child {
	border-width:0;
}

.menu ul ul a {
	display:block;
	font-weight:bold;
	padding:0.5em 10px;
}

.menu ul ul ul {
	left:100%;
	top:0;
}

/*------------------------------- Select Menu -------------------------------*/

.select-menu {
	display:none;
	clear: both;
	background:#000 url(images/select_menu_arrow.png) right 1.1em no-repeat;
	position:relative;
	cursor:pointer;
	padding:0.75em 15px;
	line-height:1em;
	color:#fff;
	border-bottom:3px solid #FF4E50;
}

.select-menu select {
	height:2.5em;
	border:0;
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:block;
	cursor:pointer;
}

/* ============================== TYPOGRAPHY ============================= */

/*------------------------------- Titles -------------------------------*/

.block-title {	
	overflow:hidden;	
	padding:0 0 1em 0;
	margin:0 0 1em 0;
	/*background:url(images/line_divider.png) 0 bottom repeat-x;*/
}

.block-title span{
	display: block;
	float:left;
	width: 100%;
	font-size: 45px;
	line-height: 1.1;
	font-family: serif;
	color: #CE181E;
	text-transform: none;
}

.loaded-content .block-title span, .loaded-content .post .block-title span{
    font-size: 35px;
}

.block-title span img {
	float:left;
	margin:0 10px -5px 0;
}

/*------------------------------- Lists ------------------------------*/

.page ul li{
	margin-bottom:0.5em;
	padding:0 0 0 20px;
	background:url(images/bullet_1.png) left 0.35em no-repeat;
}

ul.list-1 li,
li.list-1 {
	background-image:url(images/bullet_2.png);
}

ul.list-2 li,
li.list-2 {
	background-image:url(images/bullet_3.png);
}

ul.list-3 li,
li.list-3 {
	background-image:url(images/bullet_4.png);
}

ul.list-4 li,
li.list-4 {
	background-image:url(images/bullet_5.png);
}

ul.list-5 li,
li.list-5 {
	background-image:url(images/bullet_6.png);
}

ul.list-6 li,
li.list-6 {
	background-image:url(images/bullet_7.png);
}

.widget-container > ul {
	margin:0;
}

/*--------------------------------- Dividers --------------------------------*/

.striped-divider,
.line-divider {
	width:100%;
	margin-bottom:2.5em;
	clear:both;
}

.striped-divider {
	height:4px;
	background:url(images/striped_divider.png) 0 0 repeat-x;	
}

.line-divider {
	height:2px;
	background:url(images/line_divider.png) 0 0 repeat-x;	
}

/*------------------------------- Dropcaps ------------------------------*/

.dropcap {
    width:1.3em;
	height:1.3em;
	line-height:1.2em;
	float:left;
	text-align:center;
	font-size: 1.8em;
	margin-right:10px;
	text-transform:uppercase;
	background:#000;
	color:#fff;
}

/*------------------------------- Buttons -------------------------------*/

.button,
input[type="submit"],
input[type="button"] {
	display:inline-block;
	cursor:pointer;
	padding:0.5em 10px;
	background-color:#FF4E50;
	color:#fff!important;
	text-transform:uppercase;
	text-shadow:0 -1px 0 rgba(0,0,0,0.1);
	position:relative;
	-moz-box-shadow:0 -1px 2px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:0 -1px 2px rgba(0,0,0,0.2) inset;
	box-shadow:0 -1px 2px rgba(0,0,0,0.2) inset;
}

.button.medium {
	font-size:1.15em;
}

.button.large {
	font-size:1.3em;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover {
	background:#000!important;
}

input[type="submit"]:active,
input[type="button"]:active,
.button:active {
	bottom:-1px;
}

/*------------------------------- Tabs ------------------------------*/

.tabs-container {
	margin:-3px 0 1em 0;
	overflow:hidden;
}

.tabs-container ul.tabs{
	width:200%;
	margin:0 0 -1px 0;
	padding:0;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:3;
}

.tabs-container ul.tabs li{	
	margin:0 -1px 0 0;
	padding:0;
	background:none;
	display:block;
	float:left;
	cursor:pointer;
	position:relative;
	font-weight:bold;
	border-top:3px solid transparent;
}

.tabs-container ul.tabs li.current {
	border-top-color:#FF4E50;
	margin-top:1px;
	z-index:1;
}

.tabs-container ul.tabs li:hover {
	border-color:#000;
	color:#000;
	margin-top:1px;
	z-index:1;
}

.tabs-container ul.tabs li span {
	display:block;
	padding:0.5em 19px;
	border:1px solid #ccc;
	border-right-width:0;
}

.tabs-container ul.tabs li.current span,
.tabs-container ul.tabs li:hover span {
	border-top-width:0;
}

.tabs-container ul.tabs li.current span {
	border-bottom-color:#fff;
}

.tabs-container ul.tabs li:last-child span {
	border-right:1px solid #ccc;
}

.tabs-container .panes {
	overflow:hidden;
	clear:both;
	overflow:hidden;	
	position:relative;
	z-index:0;
}

.tabs-container .panes .pane {
	display:none;
	padding:1em 19px 0 19px;
	border:1px solid #ccc;
	overflow:hidden;
}

.tabs-container .panes .pane:first-child {
	display:block;
}

/*--------------------------------- Toggles -------------------------------------*/

.toggle {
	overflow:hidden;
	position:relative;
	margin-bottom:1em;
}

.toggle .toggle-title {
	padding:0.5em 19px 0.5em 30px;
	cursor:pointer;
	border:1px solid #ccc;
	font-weight:bold;
}

.toggle .toggle-title:hover,
.toggle.expanded .toggle-title {
	border-color:#999;
}

.toggle .toggle-content{
	padding:1em 19px 0 19px;
	display:none;
	border:1px solid #ccc;
	border-top-width:0;	
	overflow:hidden;
}

.toggle .icon {
	position:absolute;
	left:12px;
	top:0.9em;
	height:10px;
	width:10px;
	color:#fff;
	cursor:pointer;
	background:url(images/expand_icons.png) -7px -31px no-repeat;
}

.toggle.expanded .icon {
	background-position:-31px -31px;
}

/*------------------------------- Gallery -------------------------------*/

.gallery {
	width:960px;
	padding:0.5em 0 1em 0;
}

.filter, .filter-static {
	float:right;
	position:relative;
	overflow:hidden;
}

.filter  a, .filter-static a {
	display:block;
	float:left;
	margin-left:3px;
	text-shadow:0 1px 0 #fff;
	text-transform:uppercase;
	color:#000!important;
	padding:0 5px;
}

.filter  a.current,
.filter  a:hover,
.filter-static a.current,
.filter-static a:hover {
	color:#fff!important;
	background:#000;
	text-shadow:none;
}

.thumb {
	overflow:hidden;
	position:relative;
	border-bottom:3px solid transparent;
	margin-bottom:-3px;
	background:#fff;
	cursor:pointer;
}

.loading > .thumb {
	background:#fff;
}

.loading > .thumb,
.thumb:hover {
	border-color:#FF4E50;
}

.thumb img {
	width:100%;
	height:auto;
	display:block;
}

.loading > .thumb img,
.thumb:hover img {
	opacity:0.7;
}

.thumb .caption {
	position:absolute;
	background:#000;
	background:rgba(0,0,0,0.7);
	bottom:0;
	left:0;
	right:0;
	padding:1em 10px;
	color:#fff;
	text-align:center;
	margin:0;	
}

.thumb:hover .caption,
.loading > .thumb .caption{
	background:#000;
}

.thumb .caption a {
	color:#fff!important;
}

.bordered {
	display:block;
	width:100%;
	height:auto;
	border-bottom:3px solid #FF4E50;
	margin-bottom:1em;
}

.images-list {
	width:100%;
	overflow:hidden;
	margin-bottom:-1.5em;
}

.images-list ul {
	margin:0;
	padding:0;
	display:block;
}

.images-list ul li {
	width:100%;
	display:block;
	overflow:hidden;
	margin:0 0 1.5em 0;
	padding:0;
	background:none;
	position:relative;
}

.images-list ul li  img {
	width:100%;
	display:block;
	height:auto;
}

.images-list ul li a.fancybox {
	display:block;
	height:24px;
	width:24px;
	position:absolute;
	right:10px;
	top:10px;
	z-index:3;
	background-image:url(images/zoom_icon.png);
	background-repeat:no-repeat;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	display:none;
}

.images-list ul li a.fancybox:hover {
	background-color:#000;
}

/*------------------------------- Blog -------------------------------*/

.full-loaded-item {
	position:relative;
	overflow:hidden;
	display:none;
	padding:0 0 2em 0;	
}

.full-loaded-item.current-item {
	padding-bottom:0;
}

.full-loaded-item .controls {
	float:right;
	overflow:hidden;
}

.loaded-content {
	overflow:hidden;
	padding:0 0 1em 0;
	position:relative;
	top:0;
	left:0;
	width:940px;
	display:none;
}

.full-loaded-item.current-item,
.full-loaded-item.current-item .loaded-content {
	display:block;
}

.loaded-content .column {
	padding-top:0.5em;
	margin-bottom:0;
}

.loaded-content .arrow,
.loaded-content .close-button {
	display:block;
	width:18px;
	height:18px;
	float:right;
	margin-left:3px;
	background-color:#000;
	background-image:url(images/gallery_slider_arrows.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.loaded-content .arrow-right {
	background-position: -18px 0;
}

.loaded-content .arrow:hover,
.loaded-content .arrow.loading {
	background-color:#FF4E50;
}

.loaded-content .close-button {
	width:19px;
	background:#000 url(images/close_icon.png) 0 0 no-repeat;	
}

.loaded-content .close-button:hover {
	background-color:#FF4E50;
}

.full-loaded-item.current-item .close-button {
	display:none;
}

.blog-content {
	width: 100%;
	overflow:hidden;
	margin-bottom:1em;
}

.post {
	overflow:hidden;
	margin-bottom:1em;
}

.post .featured-image{
	margin-bottom:0;	
}

.ajax-load-item .featured-image {
	cursor:pointer;
}

.page .post:last-child {
	margin-bottom:1em;
}

.post .ajax-load-item .featured-image:hover,
.post .ajax-load-item .featured-image-container.loading img {
	opacity:0.7;
}

.post-title {
	margin-bottom:0.5em;
}

.post-meta {
	font-style:italic;
	font-size:0.9em;
	margin:-0.4em 0 1em;
}

.post .post-meta a, .post .pub-date {
    color: #888;
}

.comments-link {
	background:url(images/comment_icon.png) 0 2px no-repeat;
	display:block;
	float:left;
	width:19px;
	height:21px;
	text-align:center;
	text-decoration:none;
	color:#fff!important;
	margin-right:7px;
	font-size:0.9em;
}

.load-post-page {
	margin:-1em 0 0 0;
}

.loading-option .canvasLoaderHandler {
	position:absolute;
	top:0;
}

/*-------------------------------Comments------------------------------*/

.comment-list {
	overflow:hidden;
	clear:both;
	padding-top:1em;
}

.comment-list ol {
	display:block;
	padding:0;
	margin:-1em 0 0 0;
}

.comment-list ol li {
	list-style:none;
	padding:0;
	display:block;
	margin-bottom:1.5em;
	background:none;
	overflow:hidden;
}

.comment-list ol li p {
	margin:0;
}

.comment-list ol li .avatar-container {
	float:left;	
	text-align:center;
	margin-right:15px;
}

.comment-list ol li .avatar-container img {
	display:block;
	border:1px solid #ccc;
	padding:4px;
	margin-bottom:0.2em;
}

.comment-list ol li span.author {
	display:block;
	font-weight:bold;
}

.comment-list ol li span.author a {
	color:#333;
}

.comment-list ol li span.date {
	display:block;
	font-style:italic;
	margin-bottom:0.5em;
	color:#636363;
}

.comment-form {
	overflow:hidden;
	width:100%;
	margin:-1em 0 0 0;
}

.comment-form input[type="text"],
.comment-form select,
.comment-form textarea {
	display:block;
	width:45%;
}

/* ================================== SLIDERS ================================ */

/*------------------------------- Thumbs Slider -------------------------------*/

.thumbs-slider-container {
	width:100%;
	position:relative;
	margin:0 0 1em 0;
	overflow:hidden;
	clear:left;
}

.thumbs-slider {
	overflow:hidden;
	width:100%;
	padding:0.5em 0 0 0;
	height:auto!important;
}

.thumbs-slider > ul ,
.thumbs-slider > ul > li {
	margin:0;
	padding:0;
	display:block;
	background:none;
} 

.thumbs-slider > ul > li {
	overflow:hidden;
}

.thumbs-slider > ul > li {
	overflow:hidden;
}

.thumbs-slider > ul > li img {
	width:100%;
	display:block;
	height:auto;
}	

.thumbs-slider-container > span {
	position:absolute;		
	display:block;
	overflow:hidden;
	top: 110px;
}

.thumbs-slider-container span.arrow-left {
	right:21px;
	
}

.thumbs-slider-container span.arrow-right {
	right:0;	
}

.thumbs-slider-container > span > a {
	display:block;
	width:18px;
	height:18px;
	background-color:#000;
	background-image:url(images/gallery_slider_arrows.png);
	background-repeat:no-repeat;
}

.thumbs-slider-container span.arrow-right a {
	background-position: -18px 0;
}

.thumbs-slider-container > span > a:hover {
	background-color:#FF4E50;
}

/*------------------------------- Fade Slider -------------------------------*/
 
.main-slider {
	width: 1200px;
	margin:0 auto 0 auto;
	position:relative;	
	overflow:hidden;
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.main-slider > ul {
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
}

.main-slider > ul > li {
	padding:0;
	margin:0;
	background:none;
	display:block;
	position:relative;
	left:0;
	top:0;
	z-index:1;
}

.main-slider > ul > li > a {
	font-size:0px;
	line-height:0px;
	display:block;
}

.main-slider > ul > li > iframe,
.main-slider > ul > li > img,
.main-slider > ul > li object,
.main-slider > ul > li embed {
	width:1000px!important;
	font-size:0px;
	line-height:0px;
	display:block;
}

.main-slider > ul > li > img {
	width:100%;
	display:block;
	height:auto;
}

.main-slider  .caption {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	padding:2.5em 30px 1.5em 30px;
	background:url(images/black_opacity_70.png);
	color:#fff;
	width:270px;
}

.main-slider .button:hover {
	-moz-box-shadow:0 0 5px rgba(255,255,255,0.2);
	-webkit-box-shadow:0 0 5px rgba(255,255,255,0.2);
	box-shadow:0 0 5px rgba(255,255,255,0.2);
}

.main-slider .arrow {
	width:24px;
	height:24px;
	cursor:pointer;
	background-image:url(images/slider_arrows.png);
	background-repeat:no-repeat;
	background-color:#000;
	background-color:rgba(0,0,0,0.5);
	text-indent:-9999px;
	position:absolute;
	top:10px;
	z-index:3;
	cursor:pointer;
	display:none;
	-moz-box-shadow:0 0 5px rgba(255,255,255,0.3);
	-webkit-box-shadow:0 0 5px rgba(255,255,255,0.3);
	box-shadow:0 0 5px rgba(255,255,255,0.3);
}

.main-slider .arrow:hover {
	background-color:#000;
}

.main-slider .arrow-left {
	right:37px;
}

.main-slider .arrow-right {
	right:10px;
	background-position:-24px 0;
}

/*------------------------------- Gallery Slider ------------------------------*/

.gallery-slider {
	width:100%;
	margin:0;
	position:relative;	
	overflow:hidden;
}

.gallery-slider iframe {
	width:620px!important;
}

.one-half .gallery-slider iframe {
	width:460px!important;
}

.gallery-slider > ul {
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	width:10000px;
}

.gallery-slider > ul > li {
	padding:0;
	margin:0;
	background:none;
	display:block;
	position:relative;
	left:0;
	top:0;
	float:left;
}

.gallery-slider > ul > li  img {
	display:block;
	width:620px;
	height:auto;
}

.one-half .gallery-slider > ul > li  img {
	width:460px;
}

.gallery-slider  .caption {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	padding:2.5em 30px;
	background:rgba(0,0,0,0.8);
	color:#fff;
	width:100%;
	z-index:8;
	width:240px;
}

.gallery-slider .zoomer {
	display:block;
	height:24px;
	width:24px;
	position:absolute;
	right:64px;
	top:10px;
	z-index:3;
	background-image:url(images/zoom_icon.png);
	background-repeat:no-repeat;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	display:none;
}

/*Moddified Zoomer Styles*/

.featured-image-container .zoomer {
    display:block;
    height:24px;
    width:24px;
    position:absolute;
    right:64px;
    top:10px;
    z-index:3;
    background-image:url(images/zoom_icon.png);
    background-repeat:no-repeat;
    background-color:#000;
    background-color:rgba(0,0,0,0.7);
    display:none;
}

.featured-image-container .arrow:hover,
.featured-image-container .zoomer:hover {
    background-color:#000;
}

input[type="submit"]:hover,
input[type="button"]:hover,
a.fancybox,
a.zoomer,
a.button,
.social-links .trigger,
.jspDragTop,
.thumb .caption,
.thumbs-slider-container > span > a,
.loaded-content .close-button,
.loaded-content .arrow,
.testimonials-slider .arrow,
.main-slider .arrow,
.filter a {
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
}

/*End Moddified Zoomer Styles*/

.gallery-slider .arrow {
	width:24px;
	height:24px;
	cursor:pointer;
	background-image:url(images/slider_arrows.png);
	background-repeat:no-repeat;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	text-indent:-9999px;
	position:absolute;
	top:10px;
	z-index:9;
	cursor:pointer;
	display:none;
}


.gallery-slider .arrow:hover,
.gallery-slider .zoomer:hover {
	background-color:#000;
}

.gallery-slider .arrow-left {
	right:37px;
}

.gallery-slider .arrow-right {
	right:10px;
	background-position:-24px 0;
}

/*------------------------------- Testimonials Slider ------------------------------*/

.testimonials-slider {
	overflow:hidden;
	position:relative;
}

.testimonials-slider > ul {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	position:relative;
}

.testimonials-slider > ul > li {
	background:none;
	margin:0;
	padding:0;
	position:relative;
	left:0;
	top:0;
	display:none;
	overflow:hidden;
}

.testimonials-slider > ul > li.current {
	display:block;
}

.testimonials-slider > ul > li .quote {
	font-size:1.1em;
	font-style:italic;
	overflow:hidden;
	background:url(images/testimonial_border.png) center bottom no-repeat;
	padding-bottom:1.6em;
	margin-bottom:0.5em;
}

.testimonials-slider > ul > li .author {
	overflow:hidden;
	text-align:center;
	width:100%;
	font-weight:bold;
}

.testimonials-slider .arrow {
	display:block;
	width:18px;
	height:18px;
	cursor:pointer;
	position:absolute;
	top:0;
	right:21px;
	background-color:#000;
	background-image:url(images/gallery_slider_arrows.png);
	background-repeat:no-repeat;
}

.testimonials-slider .arrow-right {
	background-position: -18px 0;
	right:0px;
}

.testimonials-slider .arrow:hover {
	background-color:#FF4E50;
}

/*------------------------------- Canvas Loader ------------------------------*/

.featured-image-container #canvasLoader,
.gallery-item #canvasLoader {
	width:50px;
	height:50px;
	left:0;
	top:0;
	position:absolute;
	cursor:pointer;
}

.canvasLoaderHandler {
	display:inline-block;
	width:20px;
	height:20px;
	overflow:hidden;
	position:relative;
	top:5px;
	margin-left:10px;
}

.canvasLoaderHandler #canvasLoader {
	position:relative;
	width:20px;
	height:20px;
}

/* ================================== CONTACT PAGE ================================ */

/*--------------------------------- Contact Form --------------------------------*/

.contact-form {
	width:auto;
	padding:0.5em 0 0 0;
	margin-bottom:0.5em;
}

.contact-form .text,
.contact-form .select,
.contact-form select {
	float:left;
	margin-right:20px;
	width:220px;
}

.contact-form input[type="text"] {
	display:block;
	width:200px;
}

.contact-form textarea {
	clear:both;
	display:block;
	width:440px;
	height:12em;
}

.contact-form  .captcha img{
	float:left;
	height:32px;
	width:auto;
	margin-right:10px;
}

.contact-form  .captcha input {
	width:40px;
}

.contact-form .success {
	font-size:1.1em;
	font-weight:bold;
}

/*--------------------------------- Google Map --------------------------------*/

.map-container {
	overflow:hidden;
	padding:0.5em 0 0 0;
	margin-bottom:1em;
}

.map-canvas {
	height:219px;
	overflow:hidden;
	border:1px solid #ccc;	
}

/*------------------------------- Latest Tweet --------------------------------*/

.latest-tweet {
	overflow:hidden;
	padding-left:42px;
	margin-bottom:1em;
	font-size:1.5em;
	line-height:1.5em;
	background:url(images/tweet_icon.png) 0 0 no-repeat;
}

.widget-twitter ul li {
	background-image:url(images/bullet_7.png);
	background-position:0 0.2em;
}

/*---------------------------------- Flickr -----------------------------------*/

.flickr_badge_image{
	width:30%;
	float:left;
	margin-right:5%;
	padding-bottom:1em;
	margin-bottom:-4px;
}

.flickr_badge_image img {
	display:block;
	width:100%;
	height:auto;
	border-bottom:4px solid transparent;
}

.flickr_badge_image:hover {
	opacity:0.7;
}

.flickr_badge_image:hover img {
	border-color:#FF4E50;
}

/* ================================== CSS3 ANIMATIONS ================================ */

.page a {
	transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
}

input[type="submit"]:hover,
input[type="button"]:hover,
a.fancybox,
a.zoomer,
a.button,
.social-links .trigger,
.jspDragTop,
.thumb .caption,
.thumbs-slider-container > span > a,
.loaded-content .close-button,
.loaded-content .arrow,
.testimonials-slider .arrow,
.main-slider .arrow,
.filter a {
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

.thumb,
.toggle .toggle-title,
.flickr_badge_image img,
.tabs-container ul.tabs li {
	transition: border-color 0.2s;
	-moz-transition: border-color 0.2s;
	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
}

.flickr_badge_image,
.post .featured-image,
.thumb img{
	transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

/* ================================== RESPONSIVE STYLES ================================ */

/*------------------------------- 768 Screen Styles ------------------------------*/

.screen-768 .header
{
	width:768px;
}
.screen-768 .main-slider{
	width:768px;
}

.screen-768 .page-inner {
	width:708px;
}

.screen-768 .gallery {
	width:728px;
}

.screen-768 .one-half { width: 344px; }
.screen-768 .one-third { width: 222px; }
.screen-768 .two-third { width: 464px; }
.screen-768 .one-fourth{width:162px; }
.screen-768 .three-fourth { width: 526px; }
.screen-768 .contact-form textarea { width: 324px; }
.screen-768 .contact-form input { width: 142px; }
.screen-768 .contact-form .text,
.screen-768 .contact-form .select { width: 162px; }

.screen-768 .main-slider > ul > li > iframe,
.screen-768 .main-slider > ul > li > img,
.screen-768 .main-slider > ul > li object,
.screen-768 .main-slider > ul > li embed {
	width:768px!important;
}

.screen-768 .main-slider .caption {
	position:relative;
	background:#000;
	width:708px;
}

.screen-768 .gallery-slider iframe,
.screen-768 .gallery-slider > ul > li  img  {
	width:464px!important;
}

.screen-768 .one-half .gallery-slider > ul > li  img,
.screen-768 .one-half .gallery-slider iframe {
	width:344px!important;
}

.screen-768 .loaded-content {
	width:708px;
}

.screen-768 .callout-section {
        width:757px;
}

.screen-768 .callout-column:first-child {
	border-left: none;
}
.screen-768 .callout-column:last-child {
	border-right: none;
}
.screen-768 .header-container {
}
/*------------------------------- 480 Screen Styles ------------------------------*/

.screen-480 .header {
	width:480px;
}

.screen-480 .page-inner {
	width:420px;
	padding-top:2em;
}

.screen-480 .header {
	padding-top:2.5em;
}	

.screen-480 .gallery {
	width:500px;
}

.screen-480 .header .menu,
.screen-480 .header-container .runner {
	top:-1000px;
}

.screen-480 .header .select-menu {
	display:block;
}

.screen-480 .header .logo {
	float:none;
	text-align:center;
	font-size:0.8em;
	padding-bottom:1em;
}

.screen-480 .thumbs-slider > ul {
	width:420px!important;
	margin:0!important;
}

.screen-480 .thumbs-slider > ul > li,
.screen-480 .thumbs-slider > ul > li .gallery-item {
	width:420px!important;
	float:none!important;
}

.screen-480 .thumbs-slider > ul > li:first-child,
.screen-480 .thumbs-slider > ul > li:last-child {
	display:none;
}

.screen-480 .thumbs-slider-container > span{
	display:none;
}

.screen-480 .one-half,
.screen-480 .one-third,
.screen-480 .three-fourth,
.screen-480 .one-fourth,
.screen-480 .two-third { 
	width: 420px;
	margin-right:0;
}

.screen-480 .comment-form textarea,
.screen-480 .comment-form input,
.screen-480 .contact-form textarea,
.screen-480 .contact-form input,
.screen-480 .contact-form .text,
.screen-480 .contact-form .select {
	width: 400px;
}

.screen-480 .gallery-slider {
	margin-bottom:1em;
}

.screen-480 .gallery-slider iframe,
.screen-480 .gallery-slider > ul > li  img {
	width:420px!important;
}

.screen-480 .loaded-content .controls {
	clear:left;
	float:left;
	margin-top:0.5em;
}

.screen-480 .loaded-content .images-list {
	margin:0;
}

.screen-480 .contact-form {
	margin-bottom:1em;
}

.screen-480 .filter {
	float:none;
	width:100%;
	margin-left:-5px;
	padding-top:0.5em;
}

.screen-480 .main-slider {
	width:480px;
}

.screen-480 .main-slider .caption {
	position:relative;
	background:#000;
	width:420px;
}

.screen-480 .main-slider > ul > li > iframe,
.screen-480 .main-slider > ul > li > img,
.screen-480 .main-slider > ul > li object,
.screen-480 .main-slider > ul > li embed {
	width:480px!important;
}

.screen-480 .loaded-content {
	width:420px;
}

.screen-480 .blog .featured-image-container {
    display: none;
}

/*------------------------------- 320 Screen Styles ------------------------------*/

.screen-320 {
	margin-top: 0;
}

.screen-320 .header {
	width:320px;
}

.screen-320 .page-inner {
	width:260px;
}

.screen-320 .page-inner {
	padding-top:2em;
}

.screen-320 .header {
	padding-top:1.5em;
}	

.screen-320 .header .menu,
.screen-320 .header-container .runner {
	top:-1000px;
}

.screen-320 .header .select-menu {
	display:block;
}

.screen-320 .header .logo {
	float:none;
	text-align:center;
	font-size:0.8em;
	padding: 10px 0;
}

.screen-320 .header .logo a img {
	width: 50%;
	margin-top: -30px;
}

.screen-320 .thumbs-slider > ul {
	width:260px!important;
	margin:0!important;
}

.screen-320 .thumbs-slider > ul > li {
	width:260px!important;
	float:none!important;
}

.screen-320 .thumbs-slider > ul > li:first-child,
.screen-320 .thumbs-slider > ul > li:last-child {
	display:none;
}

.screen-320 .thumbs-slider-container > span{
	display:none;
}

.screen-320 .gallery {
	width:340px;
}

.screen-320 .one-half,
.screen-320 .one-third,
.screen-320 .three-fourth,
.screen-320 .two-third,
.screen-320 .one-fourth { 
	width: 260px;
	margin-right:0;
}

.screen-320 .comment-form textarea,
.screen-320 .comment-form input,
.screen-320 .contact-form textarea,
.screen-320 .contact-form input,
.screen-320 .contact-form .text,
.screen-320 .contact-form .select  {
	width: 240px;
}

.screen-320 .gallery-slider {
	margin-bottom:1em;
}

.screen-320 .gallery-slider iframe,
.screen-320 .gallery-slider > ul > li > img {
	width:260px!important;
}

.screen-320 .loaded-content .controls {
	clear:left;
	float:left;
	margin-top:0.5em;
}

.screen-320 .loaded-content .images-list {
	margin:0;
}

.screen-320 .contact-form {
	margin-bottom:1em;
}

.screen-320 ul.tabs {
	padding-top:3px;
	width:100%;
}

.screen-320 ul.tabs > li {
	border-right-width:0;
	float:none;
	margin:-3px 0 0 0;
}

.screen-320 ul.tabs li.current,
.screen-320 ul.tabs li:hover {
	margin:-2px 0 0 0;
	border-bottom-color:#ccc;
}

.screen-320 ul.tabs > li > span {
	border-bottom-width:0;
	border-right-width:1px;
}

.screen-320 ul.tabs li.border {
	display:none;
}

.screen-320 .filter {
	float:none;
	width:100%;
	margin-left:-5px;
	padding-top:0.5em;
}

.screen-320 .main-slider {
	width:320px;
}

.screen-320 .main-slider .caption {
	position:relative;
	background:#000;
	width:260px;
}

.screen-320 .main-slider > ul > li > iframe,
.screen-320 .main-slider > ul li > img,
.screen-320 .main-slider > ul li object,
.screen-320 .main-slider > ul li embed {
	width:320px!important;
}

.screen-320 .column > .column {
	margin-bottom:1em;
}

.screen-320 .loaded-content {
	width:260px;
}

.screen-320 .blog .featured-image-container {
    display: none;
}


/* HOME PAGE */
.block-title .roman{
	display: none;
}
section{
	float: left;
	width: 100%;
}
.block{
	float: left;
}
.one .block{
	width: 70%;
}
.two .block{
	width: 38%;
	padding-right: 2%;
}
.three .block{
	width: 31%;
	padding-right: 2%;
}
.four .block{
	width: 23%;
	padding-right: 2%;
}

.block h3{
	margin-bottom: 5px;
}
.block h3 a{
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}
.block h3 a:hover{
	color: #CE181E;
}

/*Mobile*/
.screen-480 .one .block,
.screen-480 .two .block,
.screen-480 .three .block,
.screen-480 .four .block,
.screen-320 .one .block,
.screen-320 .two .block,
.screen-320 .three .block,
.screen-320 .four .block{
	width: 100%;
	padding-right: 0;
}

/*------------------------------- Callout Section ------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Caveat');

@font-face {
    font-family: 'Caveat', cursive;
    src: url('https://fonts.googleapis.com/css?family=Caveat');
    font-weight: normal;
}

.callout {
    text-align: center;
    margin-top: 55px;
}

.inner {
    border-top: 1px solid;
    padding-bottom: 0 !important;
}

.outer {
    padding-right: 5px !important;
    padding-left: 5px !important;
    padding-bottom: 0 !important;
}

/*  SECTIONS  */
.callout-section {
    background: white;
    margin: 0 auto;
    clear: both;
    display: flex;
    width: 1190px;
}
.callout-section.inner {
    border-bottom: 1px solid;
}

/*  Callout  */
.callout a {
    color: black;
}

h3.callout {
    margin: 2px !important;
}

.callout-column {
    display: block;
    float: left;
   /* margin: 1% 0 1% 1.6%; */
	border-right: 1px solid;
	padding: .5em;
}

.callout-column:first-child {
    margin-left: 0;
    border-left: 1px solid;
}

.callout-column:last-child {
   /* border-right: 1px solid; */
}

.top-border:last-child {
    border-top: 1px solid;
}


.callout div {
    text-align: center;
}

.callout h3, h5 {
    margin-bottom: 0 !important;
    text-align:center;
}

.callout-thumbnail {
    border: none;
    text-align: center;
}

.callout-thumbnail img {
    max-width: 100%;
    height: auto;
}

.category-name {
    text-align: center;
    font-size: 18px;
    font-family: Benguiat;
    text-transform: uppercase;
}
.post-title {
    text-align: left;
   /* padding-left: 5%; */
    padding-right: 5%;
}
.published-date {
    text-align: center;
    font-weight: bold;
    font-family: Benguiat;
    padding:1%;
    line-height: 15px;
}
.callout-text {
    text-align: center;
    letter-spacing: -1px;
	line-height: 1.2rem;
	padding-top: 5%;
    padding-left: 15%;
    padding-right: 15%;

}

.callout-text-ja {
    text-align: center;
    letter-spacing: -1px;
    padding: 1%;
	padding-top: 5%;
    line-height: 1.2rem;
    float: left;
}

.callout-hr {
    width:80%;
}

.just-announced.thumbnail-column {
    padding: 10px;
}

/* .just-announced .category-name {
    color:red;
} */

.read-more {
    text-align: center;
}

/*  GROUPING  */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}

.span-1-of-5 {
    width: 20%;
}

.content-thumbnail-column {
	border-right: none !important;
	padding-left: 10px;
}

/* COMMENTARY */

.commentary-section {
    background: white;
    margin: 0 auto;
    clear: both;
    /* padding: 0px; */
    text-align: left;
    overflow: hidden;
    padding: .5em 30px .5em 30px;
}

.commentary-content {
    float: right;
	border-top: #cf191f solid 5px;
	margin-top: 15px;
	padding-top: 1em;
	padding-left: 5px;
}

.commentary-content > h2 {
	color:	#cf191f;
}

.commentary-image {
    padding: 1%;
    width: 20%;
    text-align: left;
}

.commentary-title {
	/* color: #ce181e; */
}

.commentary-text {
    text-align: left;
    padding-right: 2%;
}

.commentary-text p {
    text-align: left;
}
.commentary-top-bar {
    height: 1px;
    background: black;
}

.commentary-content h4 {
    width: 180px;
    color: white;
    background: #cf191f;
    text-align: center;
    font-size: 1.1em;
    padding-top: 2%;
    padding: 15px 0 15px 0;
}

.commentary-thumb {
    width:30%;
	float:left;
	margin-right: 2em;
}

.commentary-thumb img {
    padding:0 5%;
}

/*------------------------------- End Callout Section ------------------------------*/

/* Responsive */

@media only screen and (min-width: 1400px) {
    .top-bar-two {
        display: none;
    }

}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {

    .commentary-thumbnail {
        padding: 1%;
        text-align: center;
    }

    .top-bar-two {
        display: block;
    }
  .page-inner {
        width: 940px;
    }
    .main-slider {
        width: 1000px !important; 
    }
    .callout-section {
        width: 940px !important;
    }

    .header {
        width: 1000px !important;
    }
    .callout-section {

        width: 990px !important;
    }
    .page-inner {
        width: 940px;
    }
}

@media only screen and (min-width: 800px) and (max-width:999px) {
    .callout-section {
        width: 758px !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .callout-section {
        width: 470px !important;
        flex-direction: column;
    }

    .commentary-thumb {
        width: 100%;
        text-align: center;
    }

    .span-1-of-4 {
        width: 100%;
    }

    .thumbnail-column {
        order: -2;
        border-right: none !important;
    }

    .content-thumbnail-column {
        order: -1;
        border-right: none !important;
    }

    .callout-column {
        width: 100%;
        border-top: 1px solid;
        border-right: 0;
        padding: 2% 0% 2% 0%;
    }

    .callout-column:first-child {
        margin-left: 0;
        border-left: 0;
    }

    .top-bar-two {
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    .span-1-of-4 {
        width: 100%;
    }

    .thumbnail-column {
        order: -2;
        border-right: none !important;
    }

    .content-thumbnail-column {
        order: -1;
        border-right: none !important;
    }

    .callout-section {
        flex-direction: column;
    }

    .callout-column {
        width: 100%;
        border-top: 1px solid;
        border-right: 0;
        padding: 2% 0% 2% 0%;
    }

    .callout-section {
        width: 320px !important;
    }

    .callout-column:first-child {
        border-left: 0;
    }

    .commentary-thumbnail {
        padding: 1%;
        text-align: center;
    }
}

@media only screen and (max-width: 320px) {
    .callout-section {
        width: 320px !important;
    }

    .commentary-thumbnail {
        padding: 1%;
        text-align: center;
    }
}


/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1365px) and (-webkit-min-device-pixel-ratio: 2) {
    .callout-section {
        width: 1014px !important;
    }
    .commentary-section {
        margin: 0;
        padding: 0;
    }
    .page-inner {
        width: 1024px;
        padding: 0;
        margin: 0;
    }
    .main-slider > ul > li > img {
        width: 1024px !important;
    }
    .header {
        width:1024px;
    }
    .blog {
        padding:4px;
    }
    img {
        /* width:1024px; */
    }
}


/* Landscape */
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .main-slider > ul > li > img {
        width: 100% !important;
    }
}