/*
Theme Name: Corpus
Theme URI: http://www.mudthemes.com/corpus
Description: Corpus is a responsive theme for corporate, business or blogging sites. It supports slideshow, custom menu and sidebars. It has full online documentation and is easily customizable using Theme Customizer.
Version: 1.0.2.8
Author: mudThemes
Author URI: http://www.mudthemes.com
Tags: two-columns, right-sidebar, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, blog
License: GNU General Public License, v2 (or newer)
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: corpus

======================================================
Corpus WordPress Theme, Copyright 2015 mudthemes.com
Corpus is distributed under the terms of the GNU GPL
======================================================

* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
* 
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
* 
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

===========================================================
* Note: see the "readme.txt" page for copyright and license 
* information for bundled resources, including images.
===========================================================
*/
/* Stylesheet */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
    }
body {
    margin: 0
    }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
    }
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0
    }
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
    }
audio:not([controls]) {
    display: none;
    height: 0
    }
[hidden], template {
    display: none
    }
a {
    background-color: transparent
    }
a:active, a:hover {
    outline: 0
    }
.grid-col-1 {
    width: 6.25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-2 {
    width: 12.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-3 {
    width: 18.75%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-4 {
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-5 {
    width: 31.25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-6 {
    width: 37.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-7 {
    width: 43.75%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-8 {
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-9 {
    width: 56.25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-10 {
    width: 62.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-11 {
    width: 68.75%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-12 {
    width: 75%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-13 {
    width: 81.25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-14 {
    width: 87.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-15 {
    width: 93.75%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-16 {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-col-33 {
    width: 33.3333%
    }
.grid-col-25 {
    width: 25%
    }
.grid-pct-5 {
    width: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-10 {
    width: 10%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-15 {
    width: 15%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-20 {
    width: 20%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-25 {
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-30 {
    width: 30%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-35 {
    width: 35%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-40 {
    width: 40%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-45 {
    width: 45%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-50 {
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-55 {
    width: 55%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-60 {
    width: 60%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-65 {
    width: 65%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-70 {
    width: 70%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-75 {
    width: 75%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-80 {
    width: 80%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-85 {
    width: 85%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-90 {
    width: 90%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-95 {
    width: 95%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-pct-100 {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.grid-float-left {
    float: left
    }
.grid-float-right {
    float: right
    }
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    font-size: 100%;
    font-weight: 300
    }
body {
    line-height: 1;
    font-family: "Roboto"
    }
address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal
    }
td, th, caption {
    font-weight: normal;
    text-align: left
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
img, fieldset {
    border: 0
    }
q:before, q:after {
    content: ""
    }
a img {
    border: none
    }
ol ol {
    list-style-type: upper-alpha
    }
ol ol ol {
    list-style-type: lower-roman
    }
ol ol ol ol {
    list-style-type: lower-alpha
    }
ul ul, ol ol, ul ol, ol ul {
    margin: 0
    }
dl, dt, dd {
    margin: 0
    }
strong {
    font-weight: bold
    }
cite, em, i {
    font-style: italic;
    border: none
    }
a {
    outline: none
    }
.headfont, .flex-caption, .site-title a, .post-template .post-title h1, .post-template .post-nav a, .loop-post-title a, .footerbox-section h4.widget-title, .sidebar-right-section h4.widget-title, .copyright {
    font-family: "Roboto"
    }
.bodyfont, .primarymenu-section a {
    font-family: "Roboto"
    }
body {
    line-height: 1
    }
h1, h2, h3, h4, h5, h6 {
    clear: both;
    -ms-word-wrap: break-word;
    word-wrap: break-word
    }
h1 {
    font-size: 28px;
    padding: 10px 0 40px 0
    }
h2 {
    font-size: 24px;
    padding: 10px 0 35px 0
    }
h3 {
    font-size: 22px;
    padding: 5px 0 35px 0
    }
h4 {
    font-size: 20px;
    padding: 5px 0 25px 0
    }
h5 {
    font-size: 18px;
    padding: 5px 0 25px 0
    }
h6 {
    font-size: 17px;
    font-weight: bold;
    padding: 5px 0 25px 0
    }
p {
    font-size: 18px;
    line-height: 1.7;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin-bottom: 25px
    }
ol {
    padding-left: 25px;
    list-style-type: decimal;
    margin: 0 0 25px 0
    }
ul {
    padding-left: 25px;
    list-style-type: disc;
    margin: 0 0 25px 0
    }
li {
    font-size: 14px;
    line-height: 1.8
    }
dl {
    padding: 0 0 25px 0
    }
dt {
    font-weight: bold
    }
dd {
    padding: 10px 0 18px 40px;
    font-size: 14px;
    line-height: 1.5em
    }
address {
    font-size: 13px;
    padding: 0 0 25px 0;
    line-height: 1.3em;
    letter-spacing: 1px
    }
big {
    font-size: 140%
    }
ins {
    padding: 0 3px;
    text-decoration: underline
    }
del {
    padding: 0 3px;
    text-decoration: line-through
    }
q {
    font-style: italic;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5em
    }
blockquote {
    font-style: italic;
    padding: 0 40px;
    letter-spacing: 1px
    }
blockquote p {
    font-size: 14px
    }
blockquote cite, blockquote em, blockquote i {
    font-style: normal
    }
blockquote cite {
    display: block;
    float: right;
    margin: 20px 0;
    letter-spacing: 1px
    }
pre {
    font-size: 15px;
    line-height: 21px;
    margin: 0 0 25px 0;
    padding: 1.5em;
    overflow: auto
    }
abbr, acronym, abbr[title], acronym[title] {
    cursor: help
    }
sup, sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
    font-size: 10px
    }
sup {
    bottom: 1ex
    }
sub {
    top: 0.5ex
    }
hr {
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 25px
    }
var, tt, kbd, code {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    line-height: 21px
    }
img {
    max-width: 100%;
    height: auto
    }
.clearfix:before, .clearfix:after {
    content: "";
    display: table
    }
.clearfix:after {
    clear: both
    }
.clearfix {
    zoom: 1
    }
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height: auto
    }
.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 22px;
    margin-top: 9px
    }
.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 22px;
    margin-top: 8px
    }
.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
    }
.alignleft, .alignright, .aligncenter, img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 10px
    }
.wp-caption {
    border: none;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 15px;
    padding: 4px;
    padding-top: 6px;
    max-width: 96%
    }
.wp-caption img {
    border: 0 none;
    margin: 0;
    height: auto;
    max-width: 98.5%;
    padding: 0;
    width: auto
    }
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 18px;
    margin: 0
    }
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
    }
.gallery-caption {
    margin: 0 0 5px
    }
.wp-smiley {
    margin: 0
    }
body {
    font-size: 14px;
    background-color: #E7E7E7
    }
.parent-wrapper {
    height: auto;
    overflow: visible
    }
.theme-wide .parent-wrapper {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 12px
    }
.theme-boxed .parent-wrapper {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 12px
    }
.wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    clear: both
    }
.header-bg-section {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
    }
.cta-bg-section {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden
    }
.header-section {
    width: 100%;
    max-width: 95%;
    margin: 0 auto
    }
.nav-section {
    clear: none;
    margin: 0 auto
    }
.main-section {
    float: none;
    clear: both;
    margin: 0 auto
    }
.cta-section {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
    }
.mudpack-shortcodes, .headline-section, .main-section, .footerbox-section, .footer-section {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
    }
.footerbox-bg-section {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
    }
.footer-bg-section {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
    }
.content-section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px
    }
.loop-container-section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.inner-content-section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 68%
    }
.sidebar-right-section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32%
    }
.left_sidebar .inner-content-section {
    padding-right: 35px;
    padding-left: 20px;
    float: right
    }
.left_sidebar .sidebar-right-section {
    padding-right: 15px;
    padding-left: 40px;
    float: right
    }
.right_sidebar .inner-content-section {
    float: left;
    padding-left: 35px;
    padding-right: 25px
    }
.right_sidebar .sidebar-right-section {
    float: left;
    padding-left: 15px;
    padding-right: 40px
    }
.no_sidebar .inner-content-section {
    width: 70%;
    margin: 0 auto
    }
.single .sidebar-right-section, .page .sidebar-right-section {
    margin-top: 20px
    }
.archive-empty {
    padding: 0 30px
    }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none
    }
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
    }
.flexslider {
    margin: 0;
    padding: 0
    }
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden
    }
.flexslider .slides img {
    width: 100%;
    display: block
    }
.flex-pauseplay span {
    text-transform: capitalize
    }
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
    }
html[xmlns] .slides {
    display: block
    }
* html .slides {
    height: 1%
    }
.no-js .slides > li:first-child {
    display: block
    }
.flexslider {
    margin: 0 0 0;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    zoom: 1
    }
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease
    }
.loading .flex-viewport {
    max-height: 300px
    }
.flexslider .slides {
    zoom: 1
    }
.carousel li {
    margin-right: 5px
    }
.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(assets/global/images/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all 0.3s ease
    }
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px
    }
.flex-direction-nav .flex-prev {
    left: -36px
    }
.flexslider:hover .flex-next {
    opacity: 1;
    right: 15px
    }
.flexslider:hover .flex-prev {
    opacity: 1;
    left: 15px
    }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1
    }
.flex-direction-nav .flex-disabled {
    opacity: 0.3 !important;
    filter: alpha(opacity=30);
    cursor: default
    }
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
    }
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1
    }
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
    }
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7)
    }
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default
    }
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
    }
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
    }
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: 0.7;
    cursor: pointer
    }
.flex-control-thumbs img:hover {
    opacity: 1
    }
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
    }
.flexslider {
    border: 0 !important
    }
.flex-caption {
    position: absolute;
    width: 100%;
    top: 25%;
    left: 7%;
    text-align: left
    }
.flex-caption .featured-heading {
    display: inline-block;
    min-width: 25%;
    padding: 10px 10px 15px;
    font-size: 28px;
    line-height: 1.3
    }
.flex-caption .featured-content {
    width: 500px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.6
    }
.flex-caption .featured-button {
    display: inline-block;
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    box-sizing: border-box
    }
.flex-caption .featured-button a {
    padding: 15px 20px;
    display: block;
    text-decoration: none
    }
.flexslider .slides > li {
    position: relative
    }
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
    }
.nav-section {
    position: relative
    }
.nav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.nav ul ul {
    display: none
    }
.nav li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    list-style-position: inside;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.nav a {
    display: block;
    position: relative;
    text-decoration: none;
    text-align: left;
    background-image: none;
    background-repeat: repeat;
    overflow: visible;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.menuClicked.primarymenu-section .sf-menu ul {
    width: 100%
    }
.primarymenu-section a {
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 3.4
    }
.primarymenu-section li {
    line-height: 1
    }
.primarymenu-section {
    float: right
    }
.primarymenu-section .sf-menu ul {
    width: 240px;
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99
    }
.primarymenu-section .sf-menu ul a {
    line-height: 4;
    padding: 0 14px
    }
.primarymenu-section .sf-menu ul ul {
    position: absolute;
    display: none;
    top: -1px;
    left: 100%
    }
.primarymenu-section .menu-item-has-children > a:after, .primarymenu-section .page_item_has_children > a:after {
    font-family: "FontAwesome";
    font-size: 9px;
    content: "";
    padding-left: 5px
    }
.primarymenu-section ul {
    padding-left: 0
    }
.primarymenu-section .sub-menu .menu-item-has-children > a:after, .primarymenu-section .children .menu-item-has-children > a:after, .primarymenu-section .sub-menu .page_item_has_children > a:after, .primarymenu-section .children .page_item_has_children > a:after {
    font-family: "FontAwesome";
    font-size: 9px;
    content: "";
    padding-left: 5px
    }
.primarymenu-section .sub-menu li, .primarymenu-section .children li {
    width: 100%;
    min-width: 120px
    }
.primarymenu-resp {
    cursor: pointer;
    padding: 0 15px;
    background-color: #f8f8f8;
    font-size: 0
    }
.primarymenu-resp span {
    font-size: 12px;
    line-height: 3.4;
    text-transform: uppercase;
    padding-left: 12px
    }
.primarymenu-resp span:after {
    font-family: "FontAwesome";
    font-size: 11px;
    content: "";
    padding-left: 5px
    }
.primarymenu-resp i {
    font-size: 21px;
    line-height: 1.95;
    cursor: pointer;
    z-index: 101;
    vertical-align: bottom
    }
.header-bg-section {
    padding: 25px 0 20px
    }
.header-section {
    overflow: visible
    }
.site-title a {
    font-size: 30px;
    letter-spacing: 0;
    text-decoration: none;
    display: inline-block
    }
.site-description {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 3px 0 0 5px;
    clear: left
    }
.logo-section {
    position: relative;
    z-index: 100
    }
.site-title, .site-description {
    float: left;
    display: inline-block
    }
.headboxes-section {
    padding: 35px 8px 30px
    }
.headboxes-section .hb-columns {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both
    }
.headboxes-section .hb-couple-columns {
    float: left;
    clear: none
    }
.headboxes-section .hb-column {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: none;
    text-align: center;
    padding: 0 7px
    }
.headboxes-section .hb-title {
    color: #444;
    font-size: 17px;
    font-weight: 700
    }
.headboxes-section .hb-description {
    font-size: 14px;
    line-height: 2;
    padding-top: 25px
    }
.headboxes-section .hb-button {
    padding: 20px 0 0
    }
.headboxes-section .hb-button a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: #429ffe;
    padding: 7px 15px 8px
    }
.headboxes-section .hb-button a:hover {
    background-color: #3a94ff
    }
.mudpack-columns {
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: auto;
    clear: both;
    line-height: 1.4;
    margin: 0 auto;
    text-align: center
    }
.mudpack-columns .mudpack-columns-4 .mudpack-column-1, .mudpack-columns .mudpack-columns-4 .mudpack-column-2, .mudpack-columns .mudpack-columns-4 .mudpack-column-3, .mudpack-columns .mudpack-columns-4 .mudpack-column-4 {
    width: 25%;
    max-width: 25%;
    padding: 40px 10px
    }
.mudpack-columns .mudpack-columns-3 .mudpack-column-1, .mudpack-columns .mudpack-columns-3 .mudpack-column-2, .mudpack-columns .mudpack-columns-3 .mudpack-column-3, .mudpack-columns .mudpack-columns-3 .mudpack-column-4 {
    width: 33.33%;
    max-width: 33.33%;
    padding: 40px 20px
    }
.mudpack-columns .mudpack-columns-2 .mudpack-column-1, .mudpack-columns .mudpack-columns-2 .mudpack-column-2, .mudpack-columns .mudpack-columns-2 .mudpack-column-3, .mudpack-columns .mudpack-columns-2 .mudpack-column-4 {
    width: 50%;
    max-width: 50%;
    padding: 40px 20px
    }
.mudpack-columns .mudpack-columns-1 .mudpack-column-1, .mudpack-columns .mudpack-columns-1 .mudpack-column-2, .mudpack-columns .mudpack-columns-1 .mudpack-column-3, .mudpack-columns .mudpack-columns-1 .mudpack-column-4 {
    width: 100%;
    max-width: 100%
    }
.mudpack-columns .mudpack-columns-1, .mudpack-columns .mudpack-columns-2, .mudpack-columns .mudpack-columns-3, .mudpack-columns .mudpack-columns-4 {
    overflow: auto;
    height: auto
    }
.mudpack-columns .mudpack-column-1, .mudpack-columns .mudpack-column-2, .mudpack-columns .mudpack-column-3, .mudpack-columns .mudpack-column-4 {
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
    }
.mudpack-cb-content {
    margin-top: 15px;
    font-size: 16px
    }
.mudpack-cb-icon-location-left {
    text-align: center
    }
.mudpack-cb-icon-location-left .mudpack-cb-icon, .mudpack-cb-icon-location-left .mudpack-cb-title {
    display: inline-block
    }
.mudpack-cb-icon-location-left.mudpack-cb-icon-border-circular .mudpack-cb-icon i {
    font-size: 16px;
    margin-right: 15px;
    padding: 12px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px
    }
.mudpack-cb-icon-location-left.mudpack-cb-icon-border-circular .mudpack-cb-title {
    font-size: 22px;
    letter-spacing: 1px
    }
.mudpack-cb-icon-location-left.mudpack-cb-icon-border-circular .mudpack-cb-content {
    font-size: 18px;
    line-height: 1.7;
    margin-top: 20px
    }
.mudpack-cb-icon-location-left.mudpack-cb-icon-border-none .mudpack-cb-icon i {
    font-size: 22px;
    margin-right: 10px
    }
.mudpack-cb-icon-location-left.mudpack-cb-icon-border-none .mudpack-cb-title {
    font-size: 22px
    }
.mudpack-cb-icon-location-left.mudpack-cb-icon-border-none .mudpack-cb-content {
    font-size: 14px
    }
.mudpack-cb-icon-location-top {
    text-align: center
    }
.mudpack-cb-icon-location-top.mudpack-cb-icon-border-circular .mudpack-cb-icon i {
    font-size: 18px;
    margin-bottom: 15px;
    padding: 16px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px
    }
.mudpack-cb-icon-location-top.mudpack-cb-icon-border-circular .mudpack-cb-title {
    font-size: 20px
    }
.mudpack-cb-icon-location-top.mudpack-cb-icon-border-circular .mudpack-cb-content {
    font-size: 14px
    }
.mudpack-cb-icon-location-top.mudpack-cb-icon-border-none .mudpack-cb-icon i {
    font-size: 35px;
    margin-bottom: 25px
    }
.mudpack-cb-icon-location-top.mudpack-cb-icon-border-none .mudpack-cb-title {
    font-size: 18px
    }
.mudpack-cb-icon-location-top.mudpack-cb-icon-border-none .mudpack-cb-content {
    font-size: 13px
    }
.mudpack-cb-icon-location-hide .mudpack-cb-title {
    font-size: 20px
    }
.mudpack-cb-icon-location-hide .mudpack-cb-content {
    font-size: 14px
    }
.mudpack-service .mudpack-service-single {
    width: 100%
    }
.mudpack-service .mudpack-service-headline {
    padding-bottom: 25px;
    font-size: 24px
    }
.mudpack-service .mudpack-service-image {
    position: relative
    }
.mudpack-service .mudpack-service-image a img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
    }
.mudpack-service .mudpack-service-image a img:hover {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg)
    }
.mudpack-service .mudpack-service-text {
    position: relative;
    text-align: center;
    font-size: 14px;
    padding: 25px 2px;
    line-height: 1.7
    }
.mudpack-service .mudpack-service-text a {
    text-decoration: none
    }
.mudpack-service .mudpack-service-text a i {
    display: none;
    position: absolute;
    top: 30%;
    left: 45%;
    font-size: 20px;
    padding: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
    }
.mudpack-service .mudpack-service-text :hover a i {
    display: block
    }
.headline-section {
    padding: 40px 0 50px;
    text-align: center;
    -moz-box-sizing: border-box
    }
.headline-section .headline-section-heading {
    font-size: 40px;
    letter-spacing: 1px
    }
.headline-section .headline-section-content {
    font-size: 20px;
    line-height: 1.7;
    padding: 35px 0 0
    }
.main-section {
    padding-bottom: 50px
    }
.post-template .content-section {
    margin: 0 auto;
    padding: 0
    }
.post-template .post-title {
    text-align: left;
    padding: 0 44px 0 0
    }
.post-template .post-title h1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
    padding-bottom: 10px
    }
.post-template .post-meta {
    font-size: 13px;
    text-align: left;
    padding: 0 8px
    }
.post-template .post-meta .meta-date-url:before {
    font-family: "FontAwesome";
    content: "";
    padding-right: 3px;
    font-size: 0.9em
    }
.post-template .tags-below-content {
    text-align: left;
    font-size: 14px
    }
.post-template .tags-below-content a {
    font-size: 14px;
    font-style: italic;
    display: inline-block;
    text-decoration: none
    }
.post-template .post-nav a {
    font-size: 14px;
    text-decoration: none;
    padding: 6px 8px 7px;
    vertical-align: text-top
    }
.post-template .post-nav .nav-previous {
    display: inline-block;
    float: right
    }
.post-template .post-nav .nav-previous i {
    font-size: 13px;
    padding-left: 5px
    }
.post-template .post-nav .nav-next {
    display: inline-block;
    text-align: left
    }
.post-template .post-nav .nav-next i {
    font-size: 13px;
    padding-right: 5px
    }
.post-template .post-content {
    padding: 0 50px 0 0
    }
.post-template .post-content p {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 24px
    }
.post-template .post-content h1 {
    font-size: 30px
    }
.post-template .post-content h2 {
    font-size: 29px
    }
.post-template .post-content h3 {
    font-size: 28px
    }
.post-template .post-content h4 {
    font-size: 27px
    }
.post-template .post-content h5 {
    font-size: 26px
    }
.post-template .post-content h6 {
    font-size: 24px
    }
.post-template .post-content h1, .post-template .post-content h2, .post-template .post-content h3, .post-template .post-content h4, .post-template .post-content h5, .post-template .post-content h6 {
    font-weight: bold
    }
.post-template .post-content blockquote p:before, .post-template .post-content blockquote p:after {
    font-family: "FontAwesome";
    font-size: 0.7em;
    vertical-align: text-top
    }
.post-template .post-content blockquote p:before {
    padding-right: 5px;
    content: ""
    }
.post-template .post-content blockquote p:after {
    padding-left: 3px;
    content: ""
    }
.post-template .post-content table {
    font-size: 0.9em;
    margin-bottom: 10px
    }
.post-template .post-content table th, .post-template .post-content table td {
    padding: 7px 10px
    }
.post-template .post-content table a {
    color: inherit;
    text-decoration: none
    }
.post-template .wp-caption {
    border: none;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 15px;
    padding: 4px;
    padding-top: 6px;
    max-width: 96%
    }
.post-template .wp-caption img {
    border: 0 none;
    margin: 0;
    height: auto;
    max-width: 98.5%;
    padding: 0;
    width: auto
    }
.post-template .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 18px;
    margin: 0
    }
.post-template .edit-link {
    clear: both
    }
.post-template .gallery img {
    width: 95%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
    }
.custom-page-template div.content-section {
    padding-top: 25px
    }
.custom-page-template .inner-content-section {
    margin: 0 auto;
    padding-bottom: 35px
    }
.comments-section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 80px 0 0;
    padding: 0
    }
.comments-section .comments-title {
    text-align: left;
    font-size: 30px;
    margin: 0 0 50px
    }
.comments-section .commentslist > ol > li > ul.children {
    padding-left: 75px
    }
.comments-section .commentslist ol, .comments-section .commentslist ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%;
    padding: 0;
    list-style-type: none
    }
.comments-section .commentslist .children {
    float: left;
    clear: both
    }
.comments-section .commentslist .comment-block-container {
    clear: both;
    margin: 0 auto 45px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.comments-section .commentslist .comment-block-container .comment-info-container, .comments-section .commentslist .comment-block-container .comment-body-container {
    padding: 40px 0
    }
.comments-section .commentslist .comment-block-container .comment-info-container .comment-author-name {
    padding-top: 10px;
    text-align: center
    }
.comments-section .commentslist .comment-block-container .comment-info-container .comment-author-name a, .comments-section .commentslist .comment-block-container .comment-info-container .comment-author-name cite {
    font-size: 15px;
    text-decoration: none;
    font-style: normal;
    font-weight: bold
    }
.comments-section .commentslist .comment-block-container .comment-info-container .comment-author-avatar-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 145px;
    text-align: center;
    padding: 10px;
    line-height: 1
    }
.comments-section .commentslist .comment-block-container .comment-info-container .comment-date {
    padding-top: 10px;
    font-size: 13px;
    margin: 0 auto;
    text-align: center
    }
.comments-section .commentslist .comment-block-container .comment-info-container .comment-date a {
    text-decoration: none
    }
.comments-section .commentslist .comment-block-container .comment-body-container {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body {
    font-size: 18px;
    line-height: 1.6;
    padding: 0 20px;
    margin-bottom: 40px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body p {
    font-size: 15px;
    line-height: 1.8em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin-bottom: 25px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body ol {
    padding-left: 25px;
    list-style-type: decimal;
    margin: 0 0 25px 0
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body ul {
    padding-left: 25px;
    list-style-type: disc;
    margin: 0 0 25px 0
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body li {
    font-size: 15px;
    line-height: 1.5em
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body dl {
    padding: 0 0 25px 0
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body dt {
    font-weight: bold
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body dd {
    padding: 10px 0 18px 40px;
    font-size: 14px;
    line-height: 1.5em
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body h1 {
    font-size: 34px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body h2 {
    font-size: 30px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body h3 {
    font-size: 26px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body h4 {
    font-size: 22px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body h5 {
    font-size: 20px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body h6 {
    font-size: 18px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body h1, .comments-section .commentslist .comment-block-container .comment-body-container .comment-body h2, .comments-section .commentslist .comment-block-container .comment-body-container .comment-body h3, .comments-section .commentslist .comment-block-container .comment-body-container .comment-body h4, .comments-section .commentslist .comment-block-container .comment-body-container .comment-body h5, .comments-section .commentslist .comment-block-container .comment-body-container .comment-body h6 {
    padding-top: 0
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body blockquote p:before, .comments-section .commentslist .comment-block-container .comment-body-container .comment-body blockquote p:after {
    font-family: "FontAwesome";
    font-size: 0.7em;
    vertical-align: text-top
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body blockquote p:before {
    padding-right: 5px;
    content: ""
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body blockquote p:after {
    padding-left: 3px;
    content: ""
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body table {
    font-size: 0.9em;
    margin-bottom: 40px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body table th, .comments-section .commentslist .comment-block-container .comment-body-container .comment-body table td {
    padding: 7px 10px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-body table a {
    color: inherit;
    text-decoration: none
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-meta {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    padding: 0 4px
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-meta a {
    text-decoration: none
    }
.comments-section .commentslist .comment-block-container .comment-body-container .reply {
    display: inline-block;
    padding-left: 20px;
    float: left
    }
.comments-section .commentslist .comment-block-container .comment-body-container .reply a {
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    padding: 5px 8px 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.comments-section .commentslist .comment-block-container .comment-body-container .comment-edit {
    display: inline-block
    }
.comments-section .commentslist .comment-parent-author span {
    float: right;
    display: inline-block;
    font-size: 12px;
    padding: 0 4px
    }
.comments-section .commentslist .comment-parent-author span:before {
    font-family: "FontAwesome";
    content: "";
    font-size: 0.9em;
    padding: 0 5px 0 2px
    }
.comments-section .comment-navigation {
    width: 100%;
    clear: both
    }
.comments-section .comment-navigation .nav-next, .comments-section .comment-navigation .nav-previous {
    display: inline-block
    }
.comments-section .comment-navigation .nav-previous {
    float: right
    }
.comments-section .comment-respond {
    width: 600px;
    margin: 30px auto 0
    }
.comments-section .comment-respond h3.comment-reply-title {
    font-size: 30px
    }
.comments-section .comment-respond form label {
    display: inline-block;
    width: 150px
    }
.comments-section .comment-respond form input[type="text"] {
    width: 400px;
    height: 30px;
    font-size: 16px
    }
.comments-section .comment-respond form textarea {
    width: 400px;
    height: 100px;
    font-size: 16px;
    vertical-align: text-top
    }
.comments-section .nocomments {
    margin: 10px 0 60px;
    font-size: 32px;
    text-align: center
    }
.home .comments-section {
    margin-top: 0
    }
.archive-meta-container {
    text-align: center;
    padding: 35px 0 45px
    }
.archive-meta-container .archive-head h1 {
    font-size: 34px;
    letter-spacing: 1px
    }
.archive-meta-container .archive-description {
    margin: 0 auto;
    text-align: center;
    max-width: 675px
    }
.archive .archive-nav {
    padding-left: 15px;
    padding-right: 15px
    }
.loop-section-col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    margin: 0 auto 30px
    }
.loop-section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 40px 0
    }
.loop-post-title {
    padding-bottom: 30px
    }
.loop-post-title h1 {
    padding: 0 0 10px 0;
    clear: none
    }
.loop-post-title a {
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none
    }
.loop-post-meta {
    font-size: 12px
    }
.loop-post-meta a {
    font-size: 13px;
    text-decoration: none
    }
.loop-post-excerpt .loop-post-text {
    padding: 0;
    float: left;
    font-size: 14px;
    line-height: 1.9em
    }
.loop-post-excerpt .loop-post-text p {
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 0
    }
.thumbnail-left .loop-thumbnail {
    float: left;
    padding: 5px 20px 0 5px
    }
.thumbnail-right .loop-thumbnail {
    float: right;
    padding: 5px 5px 0 20px
    }
.loop-thumbnail {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.loop-thumbnail img {
    width: 220px;
    padding: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.read-more {
    float: left;
    clear: both;
    margin-top: 20px;
    line-height: 1;
    padding: 2px
    }
.read-more i {
    font-size: 16px;
    padding-left: 5px;
    vertical-align: baseline
    }
.read-more a {
    display: inline-block;
    padding: 7px 5px 9px;
    font-size: 14px;
    line-height: 1;
    text-decoration: none
    }
.archive-nav {
    padding: 30px 0 0 10px;
    clear: both
    }
.archive-nav a {
    text-decoration: none;
    font-size: 15px
    }
.nav-previous a, .nav-next a {
    font-size: 14px;
    text-transform: lowercase;
    padding: 2px 9px 6px;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
    }
.nav-previous {
    float: right
    }
.nav-next {
    float: left
    }
.blog-heading-section {
    padding: 50px 0 50px;
    text-align: center
    }
.blog-heading-section h2 {
    font-size: 36px;
    letter-spacing: 1px;
    padding: 0 0 40px
    }
.blog-heading-section h6 {
    font-weight: normal;
    line-height: 1.6;
    word-spacing: 3px
    }
.loop-stylish-date {
    float: left;
    clear: none;
    text-align: center;
    margin-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.loop-stylish-date .loop-stylish-date-num {
    font-size: 14px;
    padding: 5px 0
    }
.loop-stylish-date .loop-stylish-date-month {
    padding: 6px 10px 7px;
    font-size: 14px;
    text-transform: uppercase
    }
.social-section {
    top: 20px;
    right: 10px;
    position: absolute
    }
.social-icons {
    display: inline-block
    }
.social-section a {
    min-width: 12px;
    font-size: 13px;
    display: inline-block;
    padding: 3px 4px;
    text-align: center;
    margin: 0 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
    }
.socialicons-mi, .socialicons-mo {
    display: none
    }
.telephone-text {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    display: inline-block;
    margin-right: 5px
    }
.footerbox-bg-section {
    padding-top: 30px
    }
.footerbox-section {
    font-size: 14px
    }
.footerbox-cols {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
    }
.footerbox-section a {
    text-decoration: none
    }
.footerbox-section .widget {
    margin-bottom: 40px
    }
.footerbox-section h4.widget-title {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 15px 0;
    margin-bottom: 15px
    }
.footerbox-section ul {
    padding-left: 10px
    }
.footerbox-section ul li {
    padding: 3px 0;
    line-height: 1.7;
    list-style-type: none;
    list-style-position: outside
    }
.footerbox-section ul li:before {
    font-family: "FontAwesome";
    content: "";
    padding-right: 10px;
    padding-bottom: 3px;
    font-size: 0.7em;
    vertical-align: middle
    }
.footerbox-section select {
    width: 90%
    }
.footerbox-section .widget_text .textwidget {
    font-size: 16px;
    word-spacing: 3px;
    line-height: 1.8
    }
.footerbox-section .widget_tag_cloud .tagcloud a {
    line-height: 1.3;
    letter-spacing: 1px
    }
.footerbox-section .widget_calendar table {
    width: 90%;
    margin: 0 auto
    }
.footerbox-section .widget_calendar table caption {
    text-align: center;
    font-size: 16px;
    padding-bottom: 20px
    }
.footerbox-section .widget_calendar table thead th, .footerbox-section .widget_calendar table tbody td {
    text-align: center;
    padding: 7px
    }
.footerbox-section .widget_calendar table tfoot td {
    padding-top: 20px;
    text-align: center
    }
.footerbox-section .widget_search .search-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 98%;
    margin: 0 auto
    }
.footerbox-section .widget_search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    border: 0;
    min-height: 24px
    }
.footerbox-section .widget_search input[type="text"] {
    width: 80%
    }
.footerbox-section .widget_search input[type="submit"] {
    width: 20%
    }
.footerbox-section .widget_corpus_recentposts li:before {
    content: ""
    }
.footerbox-section .widget_corpus_recentposts .rp_block {
    width: 100%;
    float: left;
    clear: both;
    line-height: 1;
    padding-bottom: 5px
    }
.footerbox-section .widget_corpus_recentposts .rp_thumbnail {
    width: 22%;
    float: left;
    padding: 3px;
    line-height: 1;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.footerbox-section .widget_corpus_recentposts .rp_thumbnail img {
    width: 100%;
    vertical-align: top
    }
.footerbox-section .widget_corpus_recentposts .rp_content {
    width: 78%;
    float: left;
    padding-left: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.footerbox-section .widget_corpus_recentposts .rp_title {
    line-height: 1;
    padding: 0 0 0 5px
    }
.footerbox-section .widget_corpus_recentposts .rp_title a {
    line-height: 1
    }
.footerbox-section .widget_corpus_recentposts .rp_date {
    padding: 5px 0 0 5px;
    font-style: italic;
    font-size: 14px
    }
.sidebar-right-section a {
    text-decoration: none
    }
.sidebar-right-section .widget {
    width: 100%;
    padding: 0 0 10px;
    margin-bottom: 30px;
    border-top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.sidebar-right-section .widget * {
    font-size: 14px
    }
.sidebar-right-section .widget > ul, .sidebar-right-section .widget > div {
    padding: 0 10px
    }
.sidebar-right-section h4.widget-title {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0 11px 10px;
    margin-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.sidebar-right-section ul {
    padding: 0;
    margin: 0
    }
.sidebar-right-section ul li {
    padding: 2px 0;
    line-height: 1.7;
    list-style-type: none;
    list-style-position: outside
    }
.sidebar-right-section ul li:before {
    font-family: "FontAwesome";
    content: "";
    padding-right: 10px;
    padding-bottom: 3px;
    font-size: 0.7em;
    vertical-align: middle
    }
.sidebar-right-section select {
    width: 90%
    }
.sidebar-right-section .widget_text .textwidget {
    font-size: 18px;
    line-height: 1.7
    }
.sidebar-right-section .widget_tag_cloud .tagcloud a {
    line-height: 1.3;
    letter-spacing: 1px
    }
.sidebar-right-section .widget_calendar table {
    width: 90%;
    margin: 0 auto
    }
.sidebar-right-section .widget_calendar table caption {
    text-align: center;
    font-size: 16px;
    padding-bottom: 20px
    }
.sidebar-right-section .widget_calendar table thead th, .sidebar-right-section .widget_calendar table tbody td {
    text-align: center;
    padding: 7px
    }
.sidebar-right-section .widget_calendar table tfoot td {
    padding-top: 20px;
    text-align: center
    }
.sidebar-right-section .widget_search .search-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 98%;
    margin: 0 auto;
    padding-top: 15px
    }
.sidebar-right-section .widget_search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 24px
    }
.sidebar-right-section .widget_search input[type="text"] {
    width: 80%
    }
.sidebar-right-section .widget_search input[type="submit"] {
    width: 20%
    }
.sidebar-right-section .widget_corpus_recentposts li:before {
    content: ""
    }
.sidebar-right-section .widget_corpus_recentposts .rp_block {
    width: 100%;
    float: left;
    clear: both;
    line-height: 1;
    padding-bottom: 5px
    }
.sidebar-right-section .widget_corpus_recentposts .rp_thumbnail {
    width: 22%;
    float: left;
    padding: 4px;
    line-height: 1;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.sidebar-right-section .widget_corpus_recentposts .rp_thumbnail img {
    width: 100%;
    vertical-align: top
    }
.sidebar-right-section .widget_corpus_recentposts .rp_content {
    width: 78%;
    float: left;
    padding-left: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.sidebar-right-section .widget_corpus_recentposts .rp_title {
    line-height: 1;
    padding: 0 0 0 5px
    }
.sidebar-right-section .widget_corpus_recentposts .rp_title a {
    line-height: 1
    }
.sidebar-right-section .widget_corpus_recentposts .rp_date {
    padding: 5px 0 0 5px;
    font-style: italic;
    font-size: 14px
    }
.footer-section {
    position: relative;
    padding: 20px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.footer-section a {
    text-decoration: none
    }
.copyright {
    font-size: 14px;
    word-spacing: 0
    }
#scrollUp {
    bottom: 20px;
    right: 20px;
    font-size: 14px;
    font-family: "FontAwesome";
    text-decoration: none;
    opacity: 0.9;
    padding: 15px 20px
    }
.breadcrumbs {
    text-align: right;
    font-size: 11px;
    padding: 16px 14px 0
    }
.breadcrumbs a {
    text-decoration: none
    }
.breadcrumbs .breadcrumb-sep {
    padding: 0 3px
    }
.authorbox {
    width: 80%;
    max-width: 640px;
    clear: both;
    margin: 10px 0 30px 10px
    }
.authorbox .ab-author-image {
    float: left;
    width: 26.5625%;
    padding: 1.5625%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.authorbox .ab-author-image img {
    width: 100%
    }
.authorbox .ab-author-info {
    position: relative;
    float: left;
    width: 73.4375%;
    min-height: 170px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.authorbox .ab-author-name {
    font-size: 15px;
    line-height: 2.1;
    padding: 0 10px
    }
.authorbox .ab-author-bio {
    font-size: 14px;
    padding: 16px 10px 0;
    line-height: 1.8
    }
.authorbox .ab-author-links {
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    bottom: 8px;
    left: 0;
    padding: 0 10px
    }
.authorbox .ab-author-site {
    float: left
    }
.authorbox .ab-author-site a {
    font-size: 13px;
    text-decoration: none
    }
.authorbox .ab-author-social {
    float: right
    }
.authorbox .ab-author-social a {
    font-size: 14px;
    margin-left: 4px
    }
.orange .archive-meta-container .archive-head h1 {
    color: #444
    }
.orange .comments-section .comment-body-container .reply a {
    background-color: #429ffe
    }
.orange .cta-buttons a {
    border: 1px solid #d3d3d3;
    background-color: #e7e7e7;
    color: #333
    }
.orange .cta-bg-section {
    border-bottom: 4px solid #429ffe
    }
.orange .flex-caption .featured-heading {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-right: 8px solid #ff7315;
    color: #191919;
    color: rgba(25, 25, 25, 0.9)
    }
.orange .flex-caption .featured-button {
    background-color: #ec6a00;
    background-color: rgba(236, 106, 0, 0.9)
    }
.orange .flex-caption .featured-button a {
    color: rgba(255, 255, 255, 0.9)
    }
.orange .flex-caption .featured-content {
    color: #EEE
    }
.orange .footer-bg-section {
    background-color: #222;
    border-top: 1px solid #3e3e3e;
    -webkit-box-shadow: 0 -2px 5px -5px #000;
    -moz-box-shadow: 0 -2px 5px -5px #000;
    box-shadow: 0 -2px 5px -5px #000
    }
.orange .site-title a, .orange .site-description {
    color: #555
    }
.orange.home-template .loop-thumbnail img, .orange.archive-template .loop-thumbnail img, .orange.page-template .loop-thumbnail img {
    border: 1px solid #bbb
    }
.orange.home-template .read-more, .orange.archive-template .read-more, .orange.page-template .read-more {
    border: 1px solid #429ffe
    }
.orange.home-template .read-more a, .orange.archive-template .read-more a, .orange.page-template .read-more a {
    background-color: #429ffe;
    color: #fff
    }
.orange.home-template .archive-nav a, .orange.archive-template .archive-nav a, .orange.page-template .archive-nav a {
    color: #fff
    }
.orange .read-more {
    background-color: #fff
    }
.orange .nav-previous a, .orange .nav-next a {
    background-color: #429ffe
    }
.orange .blog-heading-section h2 {
    color: #373737
    }
.orange .loop-stylish-date .loop-stylish-date-num {
    border: 1px solid #DDD;
    border-top: 0
    }
.orange .loop-stylish-date .loop-stylish-date-month {
    background-color: #429ffe;
    color: #FFF
    }
.orange .primarymenu-resp span {
    color: #444
    }
.orange .primarymenu-resp i {
    color: #444
    }
.orange .breadcrumbs {
    color: #999
    }
.orange .breadcrumbs a {
    color: #999
    }
.orange.post-template .post-content .authorbox {
    border: 1px solid #ffe1cd
    }
.orange.post-template .post-content .authorbox .ab-author-image {
    border-right: 1px solid #ffe1cd
    }
.orange.post-template .post-content .authorbox .ab-author-name {
    background-color: #429ffe;
    border-bottom: 1px solid #429ffe;
    color: #fff
    }
.orange.post-template .post-content .authorbox .ab-author-site a {
    color: #429ffe !important
    }
.orange.post-template .post-content .authorbox .ab-author-social a {
    color: #429ffe !important
    }
.orange.post-template .post-meta .meta-author-url a {
    color: #429ffe
    }
.orange.post-template .tags-below-content a {
    color: #444
    }
.orange.post-template .post-content a:link, .orange.post-template .comment-body a:link {
    color: #429ffe
    }
.orange.post-template .post-content a:visited, .orange.post-template .comment-body a:visited {
    color: #3a94ff
    }
.orange.post-template .post-content a:hover, .orange.post-template .comment-body a:hover {
    color: #3a94ff
    }
.orange.post-template .post-content a:active, .orange.post-template .comment-body a:active {
    color: #be4c00
    }
.orange.post-template .post-content blockquote p:before, .orange.post-template .comment-body blockquote p:before, .orange.post-template .post-content blockquote p:after, .orange.post-template .comment-body blockquote p:after {
    color: #666
    }
.orange.post-template .post-content table, .orange.post-template .comment-body table {
    border: 1px solid #999
    }
.orange.post-template .post-content table th, .orange.post-template .comment-body table th {
    background-color: #e7e7e7
    }
.orange.post-template .post-content table thead th, .orange.post-template .comment-body table thead th {
    border-bottom: 1px solid #999
    }
.orange.post-template .post-content table tbody th, .orange.post-template .comment-body table tbody th {
    border-right: 1px solid #999
    }
.orange.post-template .post-content pre, .orange.post-template .comment-body pre, .orange.post-template .post-content code, .orange.post-template .comment-body code, .orange.post-template .post-content kbd, .orange.post-template .comment-body kbd, .orange.post-template .post-content tt, .orange.post-template .comment-body tt, .orange.post-template .post-content var, .orange.post-template .comment-body var {
    background-color: #e7e7e7
    }
.orange.post-template .post-content .gallery img, .orange.post-template .comment-body .gallery img {
    border: 1px solid #e3e3e3 !important
    }
.orange.post-template .post-nav a, .orange.post-template .comment-navigation a {
    color: #fff
    }
.orange.post-template .post-meta-comments a {
    color: #429ffe
    }
.orange .mudpack-cb-icon-location-left.mudpack-cb-icon-border-circular .mudpack-cb-icon i {
    border: 1px solid #000
    }
.orange .mudpack-cb-icon-location-top.mudpack-cb-icon-border-circular .mudpack-cb-icon i {
    border: 1px solid #000
    }
.orange .mudpack-service .mudpack-service-image a img {
    border: 1px solid #bbb
    }
.orange .mudpack-service .mudpack-service-text a {
    color: #111
    }
.orange .mudpack-service .mudpack-service-text a i {
    border: 1px solid #444;
    color: #444
    }
.orange .mudpack-service .mudpack-service-text :hover a {
    color: #ddd
    }
.orange .footer-section .social-section a {
    color: #222;
    background-color: #fff
    }
.orange .socialicons-mi {
    background-color: #888;
    border-color: #888;
    color: #fff
    }
.orange .socialicons-mo {
    background-color: #666;
    border-color: #666;
    color: #f2f2f2
    }
.orange .header-bg-section {
    background-color: #fff
    }
.orange .mudpack-service .mudpack-service-link a {
    color: #333;
    background-color: #e7e7e7
    }
.orange .footerbox-bg-section {
    background-color: #222
    }
.orange .footerbox-section a:link {
    color: #dfdfdf
    }
.orange .footerbox-section a:visited {
    color: #e2e2e2
    }
.orange .footerbox-section a:hover {
    color: #dcdcdc
    }
.orange .footerbox-section a:active {
    color: #d2d2d2
    }
.orange .footerbox-section h4.widget-title {
    border-bottom: 1px dashed #BBB
    }
.orange .footerbox-section ul li:before {
    color: #ddd
    }
.orange .footerbox-section .widget-title {
    color: #dfdfdf
    }
.orange .footerbox-section .widget {
    color: #dfdfdf
    }
.orange .footerbox-section .widget_search .search-box {
    border: 1px solid #ccc
    }
.orange .footerbox-section .widget_search input[type="submit"] {
    border-left: 1px solid #ccc
    }
.orange .footerbox-section .widget_text .textwidget .wp-caption {
    color: #000
    }
.orange .footerbox-section .widget_corpus_recentposts .rp_thumbnail {
    border: 1px solid #939393
    }
.orange .sidebar-right-section a:link {
    color: #333
    }
.orange .sidebar-right-section a:visited {
    color: #333
    }
.orange .sidebar-right-section a:hover {
    color: #333
    }
.orange .sidebar-right-section a:active {
    color: #333
    }
.orange .sidebar-right-section h4.widget-title {
    border-bottom: 1px solid #429ffe;
    color: #333
    }
.orange .sidebar-right-section .widget_search input {
    border: 1px solid #429ffe
    }
.orange .sidebar-right-section .widget_search input[type="submit"] {
    color: #FFF;
    background-color: #429ffe
    }
.orange .sidebar-right-section .widget_corpus_recentposts .rp_thumbnail {
    border: 1px solid #CCC
    }
.orange .wp-caption {
    background-color: #e7e7e7
    }
.orange .wrapper {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px 0 #888;
    -webkit-box-shadow: 0 0 5px 0 #888;
    box-shadow: 0 0 5px 0 #888;
    border-top: 3px solid #429ffe
    }
.orange .nav-section {
    background-color: #fff
    }
.orange .primarymenu-section li.current-menu-item > a, .orange .primarymenu-section li.current-menu-ancestor > a, .orange .primarymenu-section li.current_page_item > a, .orange .primarymenu-section li.current_page_ancestor > a {
    color: #555;
    border-bottom: 1px solid #429ffe
    }
.orange .primarymenu-section a {
    color: #555;
    background-color: #fff;
    border-bottom: 1px solid #FFF;
    -moz-transition: border-color 750ms;
    -webkit-transition: border-color 750ms;
    -o-transition: border-color 750ms;
    transition: border-color 750ms
    }
.orange .primarymenu-section a:hover {
    border-bottom-color: #429ffe
    }
.orange .primarymenu-section li.menu-item-has-children > a {
    border-bottom-color: #fff
    }
.orange .primarymenu-section .sub-menu, .orange .primarymenu-section .children {
    border: 1px solid #eee;
    border-top-color: #429ffe;
    background-color: #fff
    }
.orange .primarymenu-section .sub-menu li a, .orange .primarymenu-section .children li a {
    -moz-transition: color 500ms;
    -webkit-transition: color 500ms;
    -o-transition: color 500ms;
    transition: color 500ms
    }
.orange .primarymenu-section .sub-menu li a:hover, .orange .primarymenu-section .children li a:hover {
    border-bottom-color: #fff;
    color: #429ffe
    }
.orange .primarymenu-section.menuClicked a {
    background-color: #f8f8f8;
    border-color: #FFF;
    color: #222
    }
.orange .primarymenu-section.menuClicked li.current-menu-item > a, .orange .primarymenu-section.menuClicked li.current-menu-ancestor > a {
    background-color: #f8f8f8;
    border-color: #fff;
    color: #222
    }
.orange .primarymenu-section.menuClicked .sub-menu a, .orange .primarymenu-section.menuClicked .children a {
    background-color: #fff;
    border-color: #f8f8f8;
    color: #222
    }
.orange .primarymenu-section.menuClicked .sub-menu a:hover, .orange .primarymenu-section.menuClicked .children a:hover {
    color: #222
    }
.orange .loop-section-col .loop-section {
    border-bottom: 1px dashed #ffcfa8
    }
.orange .loop-post-title a {
    color: #444
    }
.orange .loop-meta-author a {
    color: #429ffe
    }
.orange .archive-meta-container .author a {
    color: #429ffe
    }
.orange .footer-section, .orange .footer-section a {
    color: #dfdfdf
    }
@media only screen and (max-width: 1000px) {
    .orange .primarymenu-section {
        background-color: #f8f8f8
        }
    .orange .primarymenu-section li a {
        border-bottom: 1px solid #8b3700;
        background-color: #f8f8f8
        }
    .orange .primarymenu-section .sub-menu li a {
        border-bottom: 1px solid #8b3700
        }
    }
@media only screen and (max-width: 850px) {
    .orange div.mudpack-service {
        border-bottom: 0
        }
    }
body .comments-section .commentslist .comment-block-container {
    border: 1px solid #eee;
    background-color: #fdfdfd
    }
body .comments-section .commentslist .comment-block-container .comment-info-container .comment-author-avatar-container {
    border: 1px solid #ddd
    }
body .comments-section .commentslist .comment-block-container .comment-info-container img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
body .comments-section .commentslist .comment-block-container .comment-info-container .comment-author-name a, body .comments-section .commentslist .comment-block-container .comment-info-container .comment-author-name cite {
    color: #444
    }
body .comments-section .commentslist .comment-block-container .comment-info-container .comment-date a {
    color: #333
    }
body .comments-section .commentslist .comment-block-container .comment-info-container {
    border-right: 1px solid #f2f2f2
    }
body .comments-section .commentslist .comment-block-container .comment-body-container {
    margin-left: -1px;
    border-left: 1px solid #f2f2f2
    }
body .comments-section .commentslist .comment-block-container .comment-body-container .reply a {
    color: #fff
    }
body .comments-section .commentslist .comment-parent-author span {
    color: #333;
    background-color: #e8e8e8
    }
body .comments-section .nocomments {
    color: #333
    }
body #scrollUp {
    color: #fff;
    background-color: #d8d8d8
    }
body #scrollUp:hover {
    background-color: #aaa
    }
.social-icons-colored .icon a {
    color: #fff
    }
.social-icons-colored .facebook-icon a {
    background-color: #526ba4
    }
.social-icons-colored .twitter-icon a {
    background-color: #2aa9df
    }
.social-icons-colored .google-icon a {
    background-color: #de561a
    }
.social-icons-colored .rss-icon a {
    background-color: #f9a043
    }
.social-icons-colored .pinterest-icon a {
    background-color: #cf292c
    }
.social-icons-colored .linkedin-icon a {
    background-color: #6592bc
    }
.social-icons-colored .tumblr-icon a {
    background-color: #69758a
    }
.social-icons-colored .youtube-play-icon a {
    background-color: #c10c0c
    }
.social-icons-colored .instagram-icon a {
    background-color: #618cae
    }
.social-icons-colored .github-icon a {
    background-color: #4382c5
    }
.social-icons-colored .bitbucket-icon a {
    background-color: #013567
    }
.social-icons-colored .flickr-icon a {
    background-color: #ff0084
    }
.social-icons-colored .dribbble-icon a {
    background-color: #f46899
    }
.social-icons-colored .skype-icon a {
    background-color: #04b3ec
    }
.social-icons-colored .stack-overflow-icon a {
    background-color: #fea501
    }
.social-icons-colored .vimeo-square-icon a {
    background-color: #5bc8ff
    }
.social-icons-colored .xing-icon a {
    background-color: #005d5d
    }
@media only screen and (min-width: 1001px) {
    .primarymenu-resp {
        display: none
        }
    .primarymenu-section {
        display: block !important
        }
    }
@media only screen and (max-width: 1250px) {
    .parent-wrapper {
        width: 98% !important;
        margin-top: 5px !important
        }
    }
@media only screen and (max-width: 1000px) {
    .primarymenu-resp {
        display: inline-block;
        float: right
        }
    .primarymenu-section ul {
        width: 100%
        }
    .primarymenu-section {
        display: none
        }
    .visible-nav .primarymenu-section {
        display: block
        }
    .primarymenu-section {
        position: absolute;
        top: 100%;
        z-index: 100;
        width: 100%
        }
    .primarymenu-section li {
        width: 100%;
        float: left;
        clear: both
        }
    .primarymenu-section li a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        text-transform: none;
        font-size: 10px;
        line-height: 1.7;
        letter-spacing: 1px;
        padding: 10px 0 10px 10px;
        border-right: 0 !important;
        text-transform: uppercase
        }
    .primarymenu-section .menu-item-has-children > a:after {
        content: ""
        }
    .primarymenu-section.menuClicked .sf-menu ul {
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0;
        border: 0
        }
    .primarymenu-section.menuClicked .sf-menu ul li a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        background-color: transparent
        }
    .primarymenu-section.menuClicked .sf-menu ul li a:before {
        font-family: "FontAwesome";
        content: "";
        padding-right: 3px
        }
    .primarymenu-section.menuClicked .sf-menu ul ul {
        display: block
        }
    }
@media only screen and (max-width: 850px) {
    body {
        font-size: 14px
        }
    .inner-content-section {
        padding: 0 10px 0 15px !important
        }
    .inner-content-section .loop-section {
        padding: 0
        }
    .sidebar-right-section {
        padding: 0 10px 0 0 !important
        }
    .blog-heading-section h2 {
        width: 75%;
        margin: 0 auto;
        font-size: 32px
        }
    .blog-heading-section h6 {
        width: 75%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1.8
        }
    .loop-section-col:first-of-type .loop-section {
        padding-top: 10px
        }
    .loop-post-title h1 a {
        font-size: 20px
        }
    .loop-post-excerpt .loop-post-text p {
        font-size: 14px
        }
    .loop-stylish-date {
        margin-top: 10px;
        margin-right: 15px
        }
    .loop-stylish-date .loop-stylish-date-month {
        font-size: 12px;
        text-transform: lowercase;
        padding: 3px 10px 4px
        }
    .loop-stylish-date .loop-stylish-date-num {
        padding: 3px 10px
        }
    .sidebar-right-section h4.widget-title, .footerbox-section h4.widget-title, .sidebar-right-section a, .footerbox-section a, .sidebar-right-section li, .footerbox-section li, .sidebar-right-section p, .footerbox-section p, .sidebar-right-section table, .footerbox-section table, .sidebar-right-section .widget_text .textwidget, .footerbox-section .widget_text .textwidget {
        font-size: 12px
        }
    .sidebar-right-section .widget_calendar, .footerbox-section .widget_calendar {
        overflow-x: auto
        }
    .sidebar-right-section .widget_calendar table thead th, .footerbox-section .widget_calendar table thead th, .sidebar-right-section .widget_calendar table tbody td, .footerbox-section .widget_calendar table tbody td {
        padding: 4px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
        }
    .cta-section {
        padding-top: 0 !important
        }
    .cta-section .flex-caption {
        width: 90%;
        right: 5%;
        left: 5%
        }
    .copyright {
        position: relative;
        line-height: 1.3;
        width: 100%;
        clear: both;
        text-align: center
        }
    .social-section {
        position: relative;
        top: auto;
        right: auto;
        padding: 15px 0 0;
        width: 100%;
        clear: both;
        text-align: center
        }
    }
@media only screen and (max-width: 756px) {
    .logo-section, .nav-section {
        width: 50%
        }
    .inner-content-section {
        padding: 0 10px 0 15px !important
        }
    .sidebar-right-section {
        padding: 0 10px 0 0 !important
        }
    .hb-couple-columns {
        width: 100%;
        clear: both
        }
    .hb-couple-columns:first-child {
        margin-bottom: 40px
        }
    }
@media only screen and (max-width: 600px) {
    .footerbox-cols {
        width: 100%;
        clear: both
        }
    .cta-section .flex-caption {
        left: 5%;
        right: 5%;
        width: 90%;
        top: 35%
        }
    .cta-section .flex-caption .featured-heading {
        padding: 5px 5px;
        font-size: 14px
        }
    .cta-section .flex-caption .featured-content {
        padding: 5px;
        font-size: 16px;
        margin-top: 2px
        }
    .cta-section .flex-caption .featured-button {
        padding: 5px;
        font-size: 16px;
        margin-top: 2px
        }
    }
@media only screen and (max-width: 650px) {
    .inner-content-section {
        width: 100% !important;
        clear: both;
        margin-bottom: 35px
        }
    .inner-content-section .loop-section {
        padding: 10px 20px 40px
        }
    .sidebar-right-section {
        width: 100% !important;
        clear: both
        }
    .footerbox-col-1, .footerbox-col-2, .footerbox-col-3 {
        width: 100%;
        clear: both
        }
    .loop-container-section {
        border-right: 0
        }
    .sidebar-right-section .widget, .footerbox-section .widget {
        width: 80%;
        margin-left: auto;
        margin-right: auto
        }
    }
@media only screen and (max-width: 500px) {
    .hb-couple-columns {
        margin-bottom: 0 !important
        }
    .hb-couple-columns:last-child {
        margin-bottom: -30px !important
        }
    .hb-column {
        width: 70%;
        float: none;
        clear: both;
        margin: 0 auto 30px
        }
    .loop-section-col:first-of-type .loop-section {
        padding-top: 25px
        }
    .loop-section-col {
        position: relative
        }
    .loop-post-title {
        padding-bottom: 20px
        }
    .loop-post-title .loop-stylish-date {
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        clear: both;
        width: 84px;
        margin: 0 auto;
        margin-bottom: 20px
        }
    .loop-post-title .loop-stylish-date .loop-stylish-date-num, .loop-post-title .loop-stylish-date .loop-stylish-date-month {
        float: left
        }
    .loop-post-title .loop-stylish-date .loop-stylish-date-num {
        font-size: 12px;
        line-height: 12px
        }
    .loop-post-title h1 {
        margin: 0 auto;
        text-align: center;
        clear: both
        }
    .loop-post-meta {
        margin: 0 auto;
        text-align: center;
        font-size: 11px;
        line-height: 1.7
        }
    .loop-post-text {
        text-align: center
        }
    .loop-post-text .loop-thumbnail {
        width: 100%;
        float: none;
        clear: both;
        padding: 10px 20px;
        text-align: center
        }
    .loop-post-text .loop-thumbnail img {
        width: 90%
        }
    .loop-post-text p {
        padding: 10px 25px
        }
    .read-more {
        float: none;
        border: 0 !important
        }
    .read-more a {
        padding: 10px 40px 11px
        }
    }
.orange #wrapper .primarymenu-section li .sub-menu {
    margin-top: 0
    }
.orange #wrapper .primarymenu-section li .sub-menu a {
    margin-right: 0 !important
    }
.loop-stylish-date {
    display: none
    }
/* table*/
.conversion-table {
    margin: 10px 0 15px
    }
.orange.post-template .post-content .conversion-table table {
    border: none
    }
.conversion-table table {
    font-size: 14px;
    line-height: 17px;
    color: #444
    }
.conversion-table caption {
    background: #f1f1f1;
    border: 1px solid #d4d4d4;
    font-size: 14px;
    color: #787878;
    padding: 6px;
    margin-bottom: 5px
    }
.conversion-table .ct-bonus {
    font-size: 15px
    }
.conversion-table .ct-bonus strong {
    font-size: 31px;
    color: #429ffe;
    line-height: 1
    }
.conversion-table .ct-bonus [data-prefix]:before {
    font-size: 15px;
    color: #429ffe;
    font-weight: 400;
    display: block;
    margin-bottom: 6px
    }
.conversion-table .ct-bonus [data-suffix]:after {
    font-size: 15px;
    color: #283e4a;
    font-weight: 400;
    display: block
    }
.conversion-table .ct-procon > span {
    display: block;
    padding-left: 26px;
    position: relative
    }
.conversion-table .ct-procon > span:before {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top: 3px;
    left: 0;
    background-position: center;
    background-repeat: no-repeat
    }
.conversion-table .ct-procon .ct-pro:before {
    background-image: url(/assets/images/ct-pro.png)
    }
.conversion-table .ct-procon .ct-con:before {
    background-image: url(/assets/images/ct-con.png)
    }
.conversion-table .ct-procon > span + span {
    margin-top: 10px
    }
.conversion-table .ct-score-box {
    display: block;
    background: #fff;
    border: 1px solid #cfcfcf;
    width: 85px;
    text-align: center;
    font-size: 11px;
    position: relative;
    padding: 0 0 43px;
    border-radius: 2px
    }
.conversion-table .ct-score-box:before {
    color: #fff;
    position: absolute;
    top: 3px;
    left: 12px;
    right: 12px;
    border-bottom: 1px solid #5dbf6e;
    padding-bottom: 2px;
    z-index: 2
    }
.conversion-table .ct-score-box:after {
    position: absolute;
    bottom: 6px;
    left: 5px;
    right: 5px
    }
.conversion-table .ct-score-box > span {
    background: #62c874;
    font-size: 18px;
    position: relative;
    padding: 28px 0 0;
    margin: -1px -1px 0;
    display: block;
    color: #fff;
    font-weight: 700;
    border-radius: 2px 2px 0 0
    }
.conversion-table .ct-score-box > span:before {
    content: "";
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 18px 42px 0 42px;
    border-style: solid;
    border-color: #62c874 transparent transparent;
    position: absolute;
    top: 100%;
    left: 0
    }
.conversion-table .ct-score-box > span:after {
    font-size: 11px;
    display: block;
    font-weight: 400;
    position: relative;
    margin-top: -5px;
    top: 7px
    }
.conversion-table .ct-score-box strong {
    font-weight: 700
    }
.conversion-table .cta-btn {
    display: block;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    margin-top: 54px;
    min-width: 166px;
    text-align: center
    }
@media (max-width: 767px) {
    .conversion-table .cta-btn {
        margin-right: 6px;
        margin-left: 6px
        }
    }
.conversion-table .cta-btn:before {
    color: #838383;
    margin-right: 5px;
    pointer-events: none
    }
.conversion-table .cta-btn:after {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 24px 10px 10px;
    text-align: center;
    min-width: 162px;
    background: #fad73c url(/assets/images/cta-try-arrow.png) right 14px center no-repeat;
    border: 1px solid #fad73c;
    position: absolute;
    top: -54px;
    left: 0;
    right: 0;
    border-radius: 2px;
    color: #262626;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s
    }
.conversion-table .cta-btn:hover:after {
    background-color: transparent
    }
.conversion-table .ct-terms {
    font-size: 11px;
    line-height: 13px;
    color: #747474
    }
.conversion-table .ct-terms .trigger-terms {
    cursor: pointer
    }
.conversion-table .ct-terms .trigger-terms:hover {
    text-decoration: underline
    }
.conversion-table .ct-terms {
    font-size: 11px;
    line-height: 13px;
    color: #747474
    }
.conversion-table .ct-terms .trigger-terms {
    cursor: pointer
    }
.conversion-table .ct-terms .trigger-terms:hover {
    text-decoration: underline
    }
.conversion-table > .ct-terms {
    margin-top: 10px;
    text-align: right
    }
@media only screen and (min-width: 600px) {
    .detail-row + .conversion-table {
        margin-top: 0
        }
    .detail-row + .conversion-table caption {
        margin-top: 5px
        }
    }
@media only screen and (max-width: 767px) {
    .conversion-table .ct-logo span {
        width: 100% !important;
        max-width: 100%;
        margin: 0 auto
        }
    }
@media only screen and (max-width: 1023px) {
    .conversion-table table, .conversion-table caption, .conversion-table tbody, .conversion-table td {
        display: block
        }
    .conversion-table caption {
        margin-bottom: 10px
        }
    .conversion-table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #fff;
        border: 1px solid #d2d2d2;
        padding: 15px
        }
    .conversion-table tbody tr.has-terms {
        border-width: 1px 1px 0;
        padding-bottom: 10px
        }
    .conversion-table tbody tr.has-terms .ct-terms {
        display: none
        }
    .conversion-table tbody tr + tr {
        margin-top: 10px
        }
    .conversion-table tbody tr.ct-row-terms {
        border-width: 0 1px 1px;
        margin-top: 0;
        padding-top: 0
        }
    .conversion-table tbody tr.ct-row-terms .ct-terms {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center
        }
    .conversion-table thead {
        display: none
        }
    .conversion-table .ct-logo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        text-align: center;
        margin-bottom: 10px
        }
    .conversion-table .ct-bonus {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-preferred-size: 56%;
        flex-basis: 56%;
        text-align: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-bottom: 10px
        }
    .conversion-table .ct-score {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%
        }
    .conversion-table .ct-score-box {
        margin-left: auto;
        margin-right: auto
        }
    .conversion-table .ct-procon {
        -ms-flex-preferred-size: 58%;
        flex-basis: 58%;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -ms-flex-item-align: center;
        align-self: center
        }
    .conversion-table .ct-cta {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 15px;
        text-align: center;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
        }
    }
@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .conversion-table .ct-logo {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -ms-flex-item-align: center;
        align-self: center
        }
    .conversion-table .ct-bonus {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
        }
    .conversion-table .ct-score {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        margin-bottom: 10px
        }
    .conversion-table .ct-procon {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
        }
    .conversion-table .ct-cta {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-top: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1
        }
    }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .conversion-table tbody tr.has-terms {
        border-bottom-width: 1px
        }
    .conversion-table tbody tr[data-terms]:after, .conversion-table tbody tr.has-terms .ct-terms {
        content: attr(data-terms);
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        font-size: 11px;
        line-height: 13px;
        color: #747474;
        -ms-flex-item-align: center;
        align-self: center;
        padding-left: 4%;
        padding-bottom: 30px
        }
    .conversion-table tbody tr.has-terms .ct-terms {
        display: block
        }
    .conversion-table .ct-logo {
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%
        }
    .conversion-table .ct-bonus {
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
        margin-right: 2%
        }
    .conversion-table .ct-procon {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
        }
    .conversion-table .ct-score {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-right: 4%
        }
    .conversion-table .ct-cta {
        padding-left: 52%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-right: 4%
        }
    .conversion-table .cta-btn {
        width: 100%
        }
    .conversion-table tbody tr[data-terms] .ct-cta, .conversion-table tbody tr.has-terms:not([data-terms]) .ct-cta {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        padding-left: 0
        }
    .conversion-table tbody tr.ct-row-terms {
        display: none
        }
    }
@media only screen and (min-width: 1024px) {
    .conversion-table table {
        width: 100%;
        font-size: 15px;
        border-collapse: separate;
        border-spacing: 0 10px
        }
    .conversion-table caption {
        margin-bottom: 0
        }
    .conversion-table thead th {
        background: #f1f1f1;
        border-width: 1px 0;
        border-style: solid;
        border-color: #d4d4d4;
        font-size: 14px;
        color: #787878;
        padding: 6px;
        font-weight: 400;
        text-align: center
        }
    .conversion-table thead tr th:first-child {
        border-left-width: 1px;
        padding-left: 55px
        }
    .conversion-table thead tr th:last-child {
        border-right-width: 1px;
        padding-right: 30px;
        font-size: 14px
        }
    .conversion-table thead tr th.ct-cta:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background: url(/assets/images/conv-link-check.png);
        width: 13px;
        height: 15px;
        margin-right: 5px;
        position: relative;
        top: -1px
        }
    .conversion-table tbody {
        counter-reset: convtable
        }
    .conversion-table:not(.ct-with-terms) tbody tr, .conversion-table.ct-with-terms tbody tr.has-terms {
        counter-increment: convtable;
        position: relative
        }
    .conversion-table tbody tr td {
        border-width: 1px 0;
        border-style: solid;
        border-color: #cfcfcf;
        padding: 15px
        }
    .conversion-table tbody tr.has-terms .ct-terms {
        display: none
        }
    .conversion-table tbody tr:last-child td {
        padding-bottom: 15px
        }
    .conversion-table tbody tr td:first-child {
        border-left-width: 1px;
        padding-left: 18px;
        position: relative
        }
    .conversion-table:not(.ct-with-terms) tbody tr td:first-child:before, .conversion-table.ct-with-terms tbody tr.has-terms td:first-child:before {
        content: counter(convtable);
        font-size: 15px;
        line-height: 31px;
        width: 33px;
        height: 33px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #cfcfcf;
        position: absolute;
        top: 50%;
        left: -16px;
        margin-top: -16px
        }
    .conversion-table tbody tr.ct-top td:first-child:before, .conversion-table tbody tr.has-terms.ct-top td:first-child:before {
        margin-top: 2px
        }
    .conversion-table.ct-with-terms tbody tr.has-terms td:first-child:before {
        margin-top: 4px
        }
    .conversion-table.ct-with-terms tbody tr.ct-top td:first-child:before, .conversion-table.ct-with-terms tbody tr.has-terms.ct-top td:first-child:before {
        margin-top: 16px
        }
    .conversion-table tbody tr.ct-top td:first-child:after {
        content: "TOP";
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 16px;
        line-height: 30px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 11px;
        left: -4px;
        background: url(/assets/images/convtable-top-label.png) 50% no-repeat;
        width: 67px;
        height: 36px;
        padding-right: 6px
        }
    .conversion-table tbody tr td:last-child {
        border-right-width: 1px;
        padding-right: 10px
        }
    .conversion-table tbody tr.has-terms td {
        padding-bottom: 0;
        border-bottom-width: 0;
        min-width: 112px
        }
    .conversion-table tbody tr.ct-row-terms td {
        padding-top: 0;
        border-top-width: 0;
        position: relative
        }
    .conversion-table tbody tr.ct-row-terms td:after {
        content: "";
        background: #fff;
        border-width: 0 1px;
        border-style: solid;
        border-color: #cfcfcf;
        position: absolute;
        bottom: 100%;
        left: -1px;
        right: -1px;
        height: 10px
        }
    .conversion-table .ct-procon > span:before {
        top: 2px
        }
    .conversion-table .ct-score-box {
        width: 98px;
        font-size: 13px;
        padding-bottom: 56px;
        margin-left: auto;
        margin-right: auto
        }
    .conversion-table .ct-score-box:before {
        top: 5px
        }
    .conversion-table .ct-score-box:after {
        bottom: 8px
        }
    .conversion-table .ct-score-box > span {
        font-size: 22px;
        padding-top: 31px
        }
    .conversion-table .ct-score-box > span:before {
        border-width: 23px 49px 0
        }
    .conversion-table .ct-score-box > span:after {
        margin-top: 0
        }
    .conversion-table .ct-logo, .conversion-table .ct-bonus, .conversion-table .ct-cta {
        text-align: center
        }
    .conversion-table > .ct-terms {
        margin-top: 0
        }
    }
.conversion-table-title {
    font-family: "Maven Pro", Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #283e4a;
    margin-bottom: 7.5px
    }
@media (min-width: 768px) {
    .conversion-table-title {
        font-size: 20px
        }
    }
@media (min-width: 1024px) {
    .conversion-table-title {
        font-size: 23px
        }
    }
.conversion-table.ct-with-terms.column-5 thead tr th:last-child {
    display: none
    }
.conversion-table.ct-with-terms.column-5 td {
    margin: 8px auto
    }
.conversion-table.ct-with-terms.column-5.v2 .ct-bonus strong {
    font-size: 20px
    }
/* helpers*/
[data-prefix]:before {
    content: attr(data-prefix)
    }
[data-suffix]:after {
    content: attr(data-suffix)
    }
.hidden {
    display: none
    }
.left, .alignleft {
    float: left
    }
.right, .alignright {
    float: right
    }
.clear-before:before {
    content: "";
    clear: both;
    height: 0;
    display: table
    }
.clear-after:after {
    content: "";
    clear: both;
    height: 0;
    display: table
    }
.center {
    text-align: center
    }
.block {
    display: block
    }
@media (min-width: 768px) {
    .visible-mobile {
        display: none !important
        }
    }
@media (max-width: 1023px) {
    .visible-desktop {
        display: none !important
        }
    }
/* logos */
.asset:not(.before):not(.after) {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
    }
.asset.circular-before:before {
    border-radius: 50%
    }
.asset.circular-after:after {
    border-radius: 50%
    }
.asset.draftkings:not(.before):not(.after), .asset.draftkings.before:before, .asset.draftkings.after:after {
    width: 125px;
    height: 50px;
    background-image: url(/assets/operators/draftkings.png)
    }
.asset.wynnbet:not(.before):not(.after), .asset.wynnbet.before:before, .asset.wynnbet.after:after {
    width: 125px;
    height: 50px;
    background-image: url(/assets/operators/wynnbet.png)
    }
/*-POPUP-*/
#layer {
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
    }
#layer > .alt-wrap {
    position: absolute;
    top: -100px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 900px;
    background: #fff;
    border-radius: 3px
    }
#layer.alts1 .alt-wrap {
    width: 96%;
    top: 10px;
    bottom: auto;
    color: #fff;
    text-align: center;
    background: rgb(62, 110, 159);
    z-index: 4
    }
.alts1 .alt-wrap > .caption {
    font-size: 17px;
    line-height: 21px;
    padding: 1%;
    margin: 10px
    }
.alts1 .alt-wrap > .caption:before {
    float: right;
    content: "";
    width: 35px;
    height: 10px
    }
.alts1 .alt-wrap > .caption strong {
    font-weight: 900
    }
.alts1 .alt-wrap > .caption a {
    color: #fff
    }
.alts1 .alt-wrap > .main-offer {
    background: #fff;
    border: 1px solid #dadada;
    border-bottom: none;
    margin: 0 2%;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
    }
.alts1 .alt-wrap > .main-offer > .logo {
    padding-top: 1px
    }
.alts1 .alt-wrap > .main-offer > .logo span {
    display: block;
    margin: 20px auto;
    text-indent: -9999px
    }
.alts1 .alt-wrap > .main-offer > .withlink {
    font-size: 25px;
    line-height: 25px;
    padding: 1px;
    color: #777
    }
.alts1 .alt-wrap > .main-offer > .withlink > b {
    display: block;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #505050
    }
.alts1 .alt-wrap > .main-offer > .withlink > b b {
    font-weight: normal;
    white-space: nowrap
    }
.alts1 .alt-wrap > .main-offer > .withlink > b strong {
    color: #389acb;
    font-weight: 800
    }
.alts1 .alt-wrap > .main-offer > .withlink > a {
    position: relative;
    display: block;
    width: 78%;
    max-width: 320px;
    font: normal 25px/32px "open sans", sans-serif;
    padding: 9px 9px 9px 40px;
    margin: 15px auto;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    background: #ff3405
    }
.alts1 .alt-wrap > .main-offer > .withlink > a:before {
    content: "";
    display: block;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px;
    background: url(/wp-content/uploads/assets/close-button.png) no-repeat 0 0
    }
.alts1 .alt-wrap > .main-offer > .withlink > a:hover {
    background: #fd4e26
    }
.alts1 .alt-wrap > .secondary-offer {
    background: #f6f6f6;
    border: 1px solid #dadada;
    margin: 0 2% 2%;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
    }
.alts1 .alt-wrap > .secondary-offer > span {
    display: block;
    font-size: 14px;
    line-height: 15px;
    color: #757474;
    border-bottom: 1px solid #d2d3d8;
    margin: 0 3%;
    padding: 8px
    }
.alts1 .alt-wrap > .secondary-offer > a {
    display: block;
    font: normal 14px/15px Arial, sans-serif;
    color: #389acb;
    padding: 8px 0 8px 95px;
    margin: 8px auto;
    max-width: 285px;
    text-align: left;
    text-decoration: underline;
    position: relative;
    box-sizing: border-box
    }
.alts1 .alt-wrap > .secondary-offer > a b {
    display: block;
    font-weight: normal
    }
.alts1 .alt-wrap > .secondary-offer > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0
    }
.alts1 .alt-wrap > .secondary-offer > a:hover {
    color: #092e76
    }
#layer .close-this {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url(/wp-content/uploads/assets/close-button.png) no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer
    }
span.agbspan.popup {
    text-align: left;
    display: block;
    padding-left: 10px
    }
table.table.table-hover.table-striped tbody tr {
    background: #f9f9f9
    }
@media only screen and (min-width: 600px) {
    #layer.alts1 .alt-wrap {
        top: 70%;
        margin-top: -230px
        }
    .alts1 .alt-wrap > .secondary-offer {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 1px;
        overflow: hidden
        }
    .alts1 .alt-wrap > .secondary-offer > span {
        padding: 1.4%;
        margin: 0;
        font-size: 16px
        }
    .alts1 .alt-wrap > .secondary-offer > a {
        float: left;
        width: 50%;
        padding-right: 10px;
        max-width: none
        }
    .alts1 .alt-wrap > .caption {
        font-size: 19px;
        line-height: 25px;
        padding: 1%
        }
    .alts1 .alt-wrap > .main-offer {
        padding: 3% 0
        }
    .alts1 .alt-wrap > .main-offer > .logo {
        float: left;
        width: 48%
        }
    .alts1 .alt-wrap > .main-offer > .logo span {
        margin-top: 0
        }
    .alts1 .alt-wrap > .main-offer > .logo:after {
        content: "";
        display: block;
        width: 186px;
        height: 31px;
        margin: 27px auto 0;
        box-shadow: 0 -10px 0 0 white, 0 -11px 0 0 #e2e3eb;
        background: url(/wp-content/uploads/assets/close-button.png) no-repeat 0 0
        }
    .alts1 .alt-wrap > .main-offer > .withlink {
        overflow: hidden
        }
    }
@media only screen and (min-width: 768px) {
    .alts1 .alt-wrap > .main-offer > .logo span {
        margin-bottom: 40px
        }
    .alts1 .alt-wrap > .main-offer > .logo:after {
        box-shadow: -50px -10px 0 0 white, -50px -11px 0 0 #e2e3eb, 50px -10px 0 0 white, 50px -11px 0 0 #e2e3eb
        }
    .alts1 .alt-wrap > .main-offer > .withlink > a {
        font-size: 28px;
        margin-bottom: 5px
        }
    .alts1 .alt-wrap > .main-offer > .withlink > b {
        font-size: 38px;
        line-height: 38px;
        padding: 9px 0
        }
    .alts1 .alt-wrap > .secondary-offer > a {
        margin-top: 20px;
        margin-bottom: 20px
        }
    .alts1 .alt-wrap > .secondary-offer > a b {
        display: inline
        }
    }
@media only screen and (min-width: 960px) {
    .alts1 .alt-wrap > .secondary-offer {
        text-align: center
        }
    .alts1 .alt-wrap > .secondary-offer > a {
        float: none;
        display: inline-block;
        width: auto;
        margin: 20px 15px;
        vertical-align: middle;
        padding-left: 80px
        }
    }