/* 
 *  :::::::: ::::::::: :::::::::    :::::::: ::::    ::::  ::::::::
 * :+:    :+::+:    :+::+:    :+:  :+:    :+:+:+:+: :+:+:+:+:    :+:
 * +:+    +:++:+    +:++:+    +:+  +:+       +:+ +:+:+ +:++:+
 * +#+    +:++#++:++#+ +#++:++#+   +#+       +#+  +:+  +#++#++:++#++
 * +#+    +#++#+    +#++#+    +#+  +#+       +#+       +#+       +#+
 * #+#    #+##+#    #+##+#    #+#  #+#    #+##+#       #+##+#    #+#
 *  ######## ######### #########    ######## ###       ### ########
 *
 * Developed by One Big Broadcast <onebigbroadcast.com>
 * Bryan Wiebe <bryan@onebigbroadcast.com>
 *
 * This code can not be copied and/or distributed without the express
 * permission of ONE BIG BROADCAST.
 *
 * 25/04/13 4:17 PM
 */

div.cmsBlog {
	position: relative;
	line-height: normal;
}

div.cmsBlog [type="checkbox"]:checked+label:before {
    border-right: 2px solid #18a718;
    border-bottom: 2px solid #18a718;
}

.content.cmsBlog {
    max-width: 1440px;
    padding: 0;
    font-size: 16px;
}

div.cmsBlog .pintbutton {
    padding: 6px 10px 6px 40px;
    position: relative;
    line-height: 28px;
    display: block;
    width: 241px;
    background-color: buttonface;
    border-radius: 7px;
    border: 2px solid #FFF;
    font-weight: bold;
}

div.cmsBlog .pintbutton:before {
    content: "";
    background-image: url(../../images/blogs/badge.png);
    display: inline-block;
    background-size: contain;
    width: 30px;
    height: 30px;
    left: 2px;
    top: 6px;
    position: absolute;
}

div.cmsBlog button, div.cmsBlog select {
    max-width: 100%;
}

div.cmsBlog .error {
	color: red;
}

div.cmsBlog div.blogHeader {
	position: relative; font-size: 150%; letter-spacing: 2px; margin-top: 16px; margin-bottom: 16px; max-width: 1280px; margin: 0 auto;
}

.settings-widget {
    background-color: #eaeaea;
    padding: 20px;
    margin: 20px auto;
    border-radius: 6px;
    border: 2px solid #ccc;
}

.widgets-content, .settings-content {
    padding: 20px;
    max-width: 1280px;
    margin: 0 auto;
}

.blog_overview_pages {
    padding: 20px;
}
div.cmsBlog div.blogHeader div.title {
	margin-bottom: 8px;
	font-size: 24px;
}

div.cmsBlog div.blogHeader div.menuOptions {
	 /*position: absolute; 
     right: 16px; 
     top: 16px;*/
    position: relative;
    display: block;
    font-size: 16px;
    margin: 0 0 8px 0;
}

div#blog_overview_paragraph {
    background-color: #f3f0f0;
    padding: 40px;
    text-align: center;
    letter-spacing: normal;
}

div.cmsBlog div.blogHeader div.menuOptions a {
    color: #FFFFFF !important;
}

div.cmsBlog input.search {
    margin-left: 0px;
    padding-left: 40px;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    height: 3rem;
    margin: 10px 0;
}

div.cmsBlog .input-field .prefix {
    width: 2.5rem;
    margin-left: 10px;
    top: 18px;
    position: absolute;
    font-size: 2rem;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
}

div.cmsBlog .input-field .prefix.active {
    color: #26a69a;
}

div.cmsBlog .input-field .prefix ~ textarea {
    padding-top: .8rem;
}

div.cmsBlog #content_blog_warning {
    display: none;
}

div.cmsBlog div.blogHeader span.login {
	font-size: 16px;
	margin: 0px; padding: 0px;
}

div.cmsBlog div.blogHeader div#loginHiddenForm {
	position: absolute;
	display: none;
	border: #000000 solid 1px;
	padding: 16px;
	background-color: #FFFFFF;
	z-index: 99;
}

div.cmsBlog .blogContentTable {
    max-width: 1280px;
    margin: 0 auto;
}

.blogs_header {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.blogs_header .bcenter {
    max-width: 100%;
    position: absolute;
    width: 900px;
    text-align: center;
    min-height: 60px;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translatex(-50%) translatey(-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.blogs_header .bcenter h1 {
    font-weight: bold;
    font-size: 60px;
    text-shadow: 1px 1px 6px #676767;
}

.button-bblogs {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 9;
}

.button-bblogs a.bblogs {
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.15);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    width: initial;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #de2d2d;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

div.cmsBlog div.blogPost {
    margin-bottom: 16px; 
    font-weight: normal;
    overflow: hidden;
}

div.cmsBlog div.blogPost div.blogPostHeader {
    position: relative;  
    padding-right: 138px; 
    margin-bottom: 4px;
    padding: 6px;
        
    background: rgb(128,128,128); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(128,128,128,1) 29%, rgba(165,165,165,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,rgba(128,128,128,1)), color-stop(100%,rgba(165,165,165,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(128,128,128,1) 29%,rgba(165,165,165,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(128,128,128,1) 29%,rgba(165,165,165,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(128,128,128,1) 29%,rgba(165,165,165,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(128,128,128,1) 29%,rgba(165,165,165,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#a5a5a5',GradientType=0 ); /* IE6-9 */

}

div.cmsBlog div.blogPost div.blogPostHeader a {
    color: #fff;
}

div.cmsBlog div.blogPost div.blogPostHeader span.ownerToolbar {
	position: absolute;
    right: 8px; 
    top: 8px;
}

div.cmsBlog div.blogPost div.blogPostHeader span.ownerToolbar a {
    border: #000 solid 1px;
    border-radius: 4px;
    padding: 2px 4px 2px 4px;
    margin: 0 0 4px 4px;
    float: left;
    display: block;
}

div.cmsBlog div.blogPost div.blogPostFooter {
    position: relative;
}

div.cmsBlog div.blogPost .blogPostSocial {
    position: absolute;
    right: 6px;
}

div.cmsBlog div.blogPost .blogPostSocial a {
    text-indent: -9999px;
    width: 32px; height: 32px;
    display: block;
    margin: 0 0 0 2px;
    float: left;
    background-image: url('../../images/blogs/blog_social.png');
    background-repeat: no-repeat;
}

div.cmsBlog div.blogPost .blogPostSocial a.blog_facebook {
    background-position: 0px -96px;
}
div.cmsBlog div.blogPost .blogPostSocial a.blog_google {
    background-position: 0px -64px;
}
div.cmsBlog div.blogPost .blogPostSocial a.blog_pinterest {
    background-position: 0px -32px;
}
div.cmsBlog div.blogPost .blogPostSocial a.blog_twitter {
    background-position: 0px 0px;
}


div.cmsBlog div.blogPost div.blogPostContent {
	padding: 8px; min-height: 100px;
}

div.cmsBlog div.blogPost div.blogPostContent div.scrollbars {
	overflow: auto; overflow-y: hidden;
}

div.cmsBlog div.blogPost div.blogPostComments {
	padding: 8px; 
    padding-left: 16px;
}

div.cmsBlog div.blogPost div.blogPostComments a.blog_icon {
    padding-left: 24px;
    background-image: url('../../images/blogs/insert-comments.png');
    background-position: left center;
    background-repeat: no-repeat;
}

div.cmsBlog div.blogPost div.blogPostComments div.item {
	position: relative;
	margin-left: 24px; padding: 8px; border-bottom: #AAAAAA solid 1px; margin-bottom: 4px;
}

div.cmsBlog div.blogPost div.blogPostComments div.item div.itemContent {
	margin-left: 16px;
}

div.cmsBlog div.line {
	width: 200px; float: left;
}

div.cmsBlog #blog_newcat_holder {
    display: none;
}

div.cmsBlog h1 {

}

div.cmsBlog div.facebookPreview, div.cmsBlog div.twitterPreview {
	padding: 16px;
	border: #AAA solid 1px;
	background-color: #E6E6E6;
}

.blogPlugins .widget_box {
    border-radius: 4px;
    background-color: #ffffff; 
    margin-bottom: 34px;
}

.blogPlugins .widget_box .post > a,
.blogPlugins .widget_box .post > .pcontent {   
    padding: 24px 7%;
    display: block;
    font-family: 'PT Serif', serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: #666e70;
}
.blogPlugins .widget_box .post a {
    font-family: 'PT Serif', serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
}
.blogPlugins .widget_box .post > .pcontent.twitter {
    text-align: left;
}
.blogPlugins .widget_box .post > .pcontent.twitter a {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
}
.blogPlugins .widget_box .post img {
    width: 100%;
    margin-bottom: 10px;
}
.blogPlugins .widget_box .sidebar-title:after,
.blogPlugins .widget_box .post:after {
    content: "";
    display: table;
    border: 1px solid;
    color: #eeeeee;
    width: 100%;
}
.blogPlugins .widget_box .sidebar-title {
    display: block;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    text-align: center;
    color: #3b3d40;
}
.blogPlugins .widget_box .tag {
    margin: 0px;
    padding: 0px;
}
.blogPlugins .widget_box .sidebar-title h3 {
    font-family: Montserrat;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    text-align: center;
    color: #3b3d40;
    padding: 24px 0;
    margin: 0px;
}

div.cmsBlog div.blogPages {
	margin-top: 8px;
	margin-bottom: 16px;
	font-weight: bold;
        clear: both;
}

div.cmsBlog div.blogPages a {
	padding: 0px 4px 0px 4px;
}

div.cmsBlog div.blogPages span.selected_page {
	color: blue;
	font-size: 145%;
	padding: 0px 4px 0px 4px;
}

/* Thumbnail Selector */
#cms_blog_thumbnails_holder {
    border-radius: 12px;
    background-color: #5BAAB2;
}

#cms_blog_thumbnails {
    clear: both;
    overflow: auto;
    padding: 8px;
}

#cms_blog_thumbnails div {
    float: left;
    margin: 8px;
    border: #5BAAB2 solid 2px;
    padding: 0;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

#cms_blog_thumbnails div:hover, #cms_blog_thumbnails div.selected {
    border: #000 solid 2px;
    cursor: pointer;
}

#cms_blog_thumbnails div.selected {
    margin: 6px;
    border-width: 4px;
}

#cms_blog_thumbnails div img {
    margin: 0px !important;
    padding: 0px !important;
    border-style: none;
    max-width: 128px;
    max-height: 128px;
    min-width: 8px;
    min-height: 8px;
}

#cms_blog_thumbnails_upload {
    padding: 0 0 0 16px;
}

#cms_blog_thumbnails_iframe {
    width: 100%; height: 40px;
    border-style: none;
    margin: 0; padding: 0;
    overflow: hidden;
}

/* Social Media */
#cms_blog_social_holder {
    border-radius: 12px;
    background-color: #5BAAB2;
    width: 100%;
    padding: 16px 16px 8px 16px;
    margin: 0 0 16px 0;
}
#post_twitter_preview, #post_facebook_preview, #post_linkedin_preview, #post_pinterest_preview {
    background-color: #B9F4F9;
    border-radius: 4px;
    border: rgba(0, 0, 0, 0.4) solid 1px;
    display: block;
    width: 640px; height: 92px;
    margin: 6px 0 0 0;
    padding: 4px;
}

#post_twitter_preview, #post_linkedin_preview {
    height: 52px;
}

#post_twitter_characters, #post_facebook_characters, #post_linkedin_characters, #post_pinterest_characters {
    position: relative;
    top: -4px;
    background-color: #C8C8C8;
    padding: 2px 4px 2px 4px;
    border-radius: 0px 0px 4px 4px;
    border: rgba(0, 0, 0, 0.4) solid 1px;
    width: 640px;

}

/* Additional Options */
#cms_blog_additional_options_holder {
    margin: 0 0 24px 0;
}


.cms_blog_additional_expand {
    border-radius: 12px;
    background-color: #5BAAB2;
    padding: 8px 12px 8px 12px;
    display: block;
    color: #fff;
    text-decoration: none;
    background-image: url('../../images/interface.expand.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.cms_blog_reduced {
    background-image: url('../../images/interface.expand.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.cms_blog_expanded {
    background-image: url('../../images/interface.reduce.png');
    background-repeat: no-repeat;
    background-position: right center;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.cms_blog_additional_content {
    display: none;
    background-color: #5BAAB2;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px 12px 12px 12px;
}

.cms_blog_visible {
    display: block;
}

.cms_blog_row {
    position: relative;
    clear: both;
    overflow: auto;
    line-height: 24px;
}

.cms_blog_row label {
    float: left;
    width: 240px;
}

.cms_blog_row input {
    float: left;
}

.cmsBlog #blog_form .form_element {
    background-color: #f6f6f6;
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #444444;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    margin: 4px;
    padding: 4px;
    text-align: left;    
    max-width: calc(100% - 8px);
}



.cmsBlog #blog_form input.validate_invalid {
    border: 1px solid #B21B1B;
    padding-right: 32px;
    background: url("../../images/blogs/validate_invalid.png") no-repeat scroll right center #f6f6f6;
}

.cmsBlog #blog_form input.validate_valid {
    border: 1px solid #298937;
    padding-right: 32px;
    background: url("../../images/blogs/validate_valid.png") no-repeat scroll right center #f6f6f6;
}


.cmsBlog #blog_form .form_element:focus {
    background-color: #fff;
}

.cms_blog_row {
    position: relative;
    clear: both;
    overflow: auto;
    line-height: 24px;
}

.cms_blog_row label {
    float: left;
    width: 240px;
}

.cms_blog_row input {
    float: left;
}

.cmsBlog #blog_form .form_element {
    background-color: #f6f6f6;
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #444444;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    margin: 4px;
    padding: 4px;
    text-align: left;    
}



.cmsBlog #blog_form input.validate_invalid {
    border: 1px solid #B21B1B;
    padding-right: 32px;
    background: url("../../images/blogs/validate_invalid.png") no-repeat scroll right center #f6f6f6;
}

.cmsBlog #blog_form input.validate_valid {
    border: 1px solid #298937;
    padding-right: 32px;
    background: url("../../images/blogs/validate_valid.png") no-repeat scroll right center #f6f6f6;
}


.cmsBlog #blog_form .form_element:focus {
    background-color: #fff;
}

.cmsBlog .blog_tags_category {
    margin: 8px 0 0 0;
}

.cmsBlog .blog_tags {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    clear: both;
    overflow: auto;
}

.cmsBlog .blog_category {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    clear: both;
    overflow: auto;
}


.cmsBlog .blog_tags b, .cmsBlog .blog_category b {
    margin: 0 8px 0 0;
    float: left;
}

.cmsBlog .blog_tags a, .cmsBlog .blog_category a {
    display: block;
    float: left;
    padding: 2px 4px 2px 4px !important;
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    margin: 0 4px 4px 0 !important;
}

.cmsBlog .blog_tags a:hover, .cmsBlog .blog_category a:hover {
    border: #4971F5 solid 1px !important;
}


/* Time Picker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* Table Sorter Table */
.blog_tablesorter {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.blog_tablesorter th, .blog_tablesorter td {
    margin: 0; padding: 0;
}

.blog_tablesorter thead th {
    border: #CDCDCD solid 1px;
    white-space: nowrap;
}

.blog_tablesorter thead th b {
    display: block;
    cursor: pointer;
    background-color: #E6EEEE;
    margin: 1px;
    padding: 4px 16px 4px 4px;
    background-position: right center;
    background-repeat: no-repeat;
}

.blog_tablesorter thead th.header b {
    background-image: url('../../images/controlpanel/icons/sort.default.gif');
}

.blog_tablesorter thead th.headerSortDown b {
    background-color: #8DBDD8;
    background-image: url('../../images/controlpanel/icons/sort.desc.gif');
}

.blog_tablesorter thead th.headerSortUp b {
    background-color: #8DBDD8;
    background-image: url('../../images/controlpanel/icons/sort.asc.gif');
}

.blog_tablesorter tbody tr {
    cursor: pointer;
}

.blog_tablesorter tbody tr:hover td {
    background-color: #8CD89C;
}

.blog_tablesorter tbody tr.booking_nohover:hover td {
    background-color: inherit;
    cursor: default;
}

.blog_tablesorter tbody tr td, .blog_tablesorter tfoot tr td {
    border: #CDCDCD solid 1px;
    padding: 4px;
}

.blog_tablesorter tbody tr td table td {
    border-style: none;
    padding: 0px;
}

.blog_tablesorter tbody tr.bg1 {
    background-color: #F0F0F6;
}

.blog_tablesorter tbody tr.bg2 {
    background-color: #fff;
}
/* /End TableSorter Table */

/** Tags App -----------------------------------------------------------------*/

#blog_tags_app {
    display: block;
    position: relative;
}

#blog_tags_app img {
    width: 235px; 
    height: 36px; 
    margin-bottom: 4px;
}

#blog_tags_app .tag {
    padding: 0 0 0 4px;
    margin: 0 0 2px 0;
}

#blog_tags_app .knowledgebank {
    padding: 4px;
    border-radius: 6px;
    display: block;
    text-align: center;
    border: #808080 solid 1px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);

    background: #d9d9d9;
    background: -moz-linear-gradient(top,  #d9d9d9 0%, #c3c3c3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#c3c3c3));
    background: -webkit-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%);
    background: -o-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%);
    background: -ms-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%);
    background: linear-gradient(to bottom,  #d9d9d9 0%,#c3c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#c3c3c3',GradientType=0 );

    color: #fff;
    text-decoration: none;
    
    margin: 0 4px 0 8px;
    
}

/* End Tags App */

/** Knowledge Bank -----------------------------------------------------------*/

#blog_tags_container {
    position: relative;
    margin: 24px auto 8px auto;
    max-width: 1280px;
    padding: 20px;
}

#blog_tags_container .blog_tags_group {
    background-color: #eee;
    padding: 16px;
    margin: 0 0 16px 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: #777 solid 2px;
    border-top-style: none;
    
    clear: both;
    overflow: auto;
}

#blog_tags_container .blog_tags_title {
    margin: 0;
    padding: 4px 8px 4px 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: #777 solid 2px;
    
    font-size: 18px;
    font-weight: bold;
    background-color: #aaa;
    color: #fff;
}

#blog_tags_container .blog_tags_group a {
    display: block;
    float: left;
    border: #000 solid 1px !important;
    padding: 2px 4px 2px 4px !important;
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    margin: 0 6px 6px 0 !important;    
    
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

/* End Knowledge Bank */

/* Blog Posted: Admin Overview */
.blog_post_content, .blog_schedule_content {
    padding: 20px;
    max-width: 1280px;
    margin: 0 auto;
}
.blog_post_overview {
    position: relative;
}

.blog_post_overview img {
    float: left;
    margin: 0 2px 0 0;
}

.blog_share {
    display: block;
    position: relative;
    border: #000 solid 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    background-color: #eee;
    border-radius: 4px;
    padding: 2px;
    clear: both;
    overflow: hidden;
    line-height: 30px;
    height: 30px;
    width: 320px;
    margin: 0 0 4px 0;
    cursor: pointer;
    
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;    
}

.blog_share:hover {
    background-color: #ccc;
}

.blog_shared {
    opacity: 0.6;
}

.blog_share a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.blog_share img {
    float: left;
    margin: 0 6px 0 0;
}

.rowb{margin-left:auto;margin-right:auto;margin-bottom:20px}
.rowb:after{content:"";display:table;clear:both}
.rowb .col{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem}
.rowb .col.s1{width:8.33333%;margin-left:0}
.rowb .col.s2{width:16.66667%;margin-left:0}
.rowb .col.s3{width:25%;margin-left:0}
.rowb .col.s4{width:33.33333%;margin-left:0}
.rowb .col.s5{width:41.66667%;margin-left:0}
.rowb .col.s6{width:50%;margin-left:0}
.rowb .col.s7{width:58.33333%;margin-left:0}
.rowb .col.s8{width:66.66667%;margin-left:0}
.rowb .col.s9{width:75%;margin-left:0}
.rowb .col.s10{width:83.33333%;margin-left:0}
.rowb .col.s11{width:91.66667%;margin-left:0}
.rowb .col.s12{width:100%;margin-left:0}
.rowb .col.offset-s1{margin-left:8.33333%}
.rowb .col.offset-s2{margin-left:16.66667%}
.rowb .col.offset-s3{margin-left:25%}
.rowb .col.offset-s4{margin-left:33.33333%}
.rowb .col.offset-s5{margin-left:41.66667%}
.rowb .col.offset-s6{margin-left:50%}
.rowb .col.offset-s7{margin-left:58.33333%}
.rowb .col.offset-s8{margin-left:66.66667%}
.rowb .col.offset-s9{margin-left:75%}
.rowb .col.offset-s10{margin-left:83.33333%}
.rowb .col.offset-s11{margin-left:91.66667%}
.rowb .col.offset-s12{margin-left:100%}
@media only screen and (min-width:601px){
    .rowb .col.m1{width:8.33333%;margin-left:0}
    .rowb .col.m2{width:16.66667%;margin-left:0}
    .rowb .col.m3{width:25%;margin-left:0}
    .rowb .col.m4{width:33.33333%;margin-left:0}
    .rowb .col.m5{width:41.66667%;margin-left:0}
    .rowb .col.m6{width:50%;margin-left:0}
    .rowb .col.m7{width:58.33333%;margin-left:0}
    .rowb .col.m8{width:66.66667%;margin-left:0}
    .rowb .col.m9{width:75%;margin-left:0}
    .rowb .col.m10{width:83.33333%;margin-left:0}
    .rowb .col.m11{width:91.66667%;margin-left:0}
    .rowb .col.m12{width:100%;margin-left:0}
    .rowb .col.offset-m1{margin-left:8.33333%}
    .rowb .col.offset-m2{margin-left:16.66667%}
    .rowb .col.offset-m3{margin-left:25%}
    .rowb .col.offset-m4{margin-left:33.33333%}
    .rowb .col.offset-m5{margin-left:41.66667%}
    .rowb .col.offset-m6{margin-left:50%}
    .rowb .col.offset-m7{margin-left:58.33333%}
    .rowb .col.offset-m8{margin-left:66.66667%}
    .rowb .col.offset-m9{margin-left:75%}
    .rowb .col.offset-m10{margin-left:83.33333%}
    .rowb .col.offset-m11{margin-left:91.66667%}
    .rowb .col.offset-m12{margin-left:100%}
}
@media only screen and (min-width:993px){
    .rowb .col.l1{width:8.33333%;margin-left:0}
    .rowb .col.l2{width:16.66667%;margin-left:0}
    .rowb .col.l3{width:25%;margin-left:0}
    .rowb .col.l4{width:33.33333%;margin-left:0}
    .rowb .col.l5{width:41.66667%;margin-left:0}
    .rowb .col.l6{width:50%;margin-left:0}
    .rowb .col.l7{width:58.33333%;margin-left:0}
    .rowb .col.l8{width:66.66667%;margin-left:0}
    .rowb .col.l9{width:75%;margin-left:0}
    .rowb .col.l10{width:83.33333%;margin-left:0}
    .rowb .col.l11{width:91.66667%;margin-left:0}
    .rowb .col.l12{width:100%;margin-left:0}
    .rowb .col.l20{width:20%}
    .rowb .col.offset-l1{margin-left:8.33333%}
    .rowb .col.offset-l2{margin-left:16.66667%}
    .rowb .col.offset-l3{margin-left:25%}
    .rowb .col.offset-l4{margin-left:33.33333%}
    .rowb .col.offset-l5{margin-left:41.66667%}
    .rowb .col.offset-l6{margin-left:50%}
    .rowb .col.offset-l7{margin-left:58.33333%}
    .rowb .col.offset-l8{margin-left:66.66667%}
    .rowb .col.offset-l9{margin-left:75%}
    .rowb .col.offset-l10{margin-left:83.33333%}
    .rowb .col.offset-l11{margin-left:91.66667%}
    .rowb .col.offset-l12{margin-left:100%}
}