html,
body {
    margin: 0;
    padding: 0;
    text-align: center;
}
body {
    background: #fff;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
    padding: 0;
}
@font-face {
    font-family: 'MontserratB';
    src: url('includes/fonts/montserrat-bold-webfont.eot');
    src: url('includes/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/montserrat-bold-webfont.woff') format('woff'), url('includes/fonts/montserrat-bold-webfont.ttf') format('truetype'), url('includes/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'MontserratB';
        src: url('includes/fonts/montserrat-bold-webfont.svg') format('svg');
    }
}
@font-face {
    font-family: 'Montserrat';
    src: url('includes/fonts/montserrat-regular-webfont.eot');
    src: url('includes/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/montserrat-regular-webfont.woff') format('woff'), url('includes/fonts/montserrat-regular-webfont.ttf') format('truetype'), url('includes/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Montserrat';
        src: url('includes/fonts/montserrat-regular-webfont.svg') format('svg');
    }
}
blockquote {
    background: url(../images/blockquote.png) no-repeat;
    background-position: top left;
    color: #555555;
    padding-left: 85px;
    padding-right: 0px;
    margin: 35px 0px;
}
a {
    color: #D50035;
    text-decoration: none;
    outline: none;
}

h1,h1 a {
    color: #D50035!important;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 35px!important;
    line-height: 49px!important;
    margin: 0 0 25px 0!important;
    padding:0!important;
    text-decoration: none!important;
    font-weight: normal!important;
}
h2,h2 a {
    color: #373737;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 25px 0;
    padding: 0 0 0 0;
    text-decoration: none;
    font-weight: normal;
}
h3,
h3 a {
    color: #373737;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 35px;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    text-decoration: none;
    color: #D50035;
    font-weight: normal;
}
h4 {
    color: #373737;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    text-decoration: none;
    font-weight: normal;
}
h5 {
    color: #373737;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    text-decoration: none;
    color: #D50035;
    font-weight: normal;
}
h6 {
    color: #373737;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    text-decoration: none;
    font-weight: normal;
}
img {
    border: none;
}
ol,
form {
    margin: 0;
    padding: 0;
}
p {
    text-align: left;
    margin: 0 0 15px;
}
small {
    font-size: 10px;
}
ul {
    list-style-type: circle;
    margin: 0 0 0 25px;
    padding: 0 0 0 0;
}
ul li {
    line-height: 1.5em;
    margin: 0;
    padding: 5px;
}
ol {
    margin: 0 0 0 25px;
    padding: 0 0 0 0;
}
ol li {
    line-height: 1.5em;
    margin: 0;
    padding: 5px;
}
.s {
    background: transparent;
    border: 0px solid #c7c7c7;
    color: #383d44;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
    height: 15px;
    padding-left: 3px;
    vertical-align: middle;
    width: 220px;
}
.alignleft {
    float: left;
    text-align: left;
    margin: 0 20px 10px 0;
}
.alignright {
    float: right;
    margin-top: -1px;
    text-align: right;
    margin: 0 0 10px 20px;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.date {
    background: transparent;
    color: #363636;
    font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#menu {
    width: 100%;
    margin: 0px auto;
    padding: 0;
    background: transparent;
}
#leftmenu {
    width: 48%;
    float: left;
    display: inline;
    margin: 51px 0 0 90px;
}
#rightmenu {
    width: 48%;
    float: right;
    display: inline;
    margin: -45px 20px 0 0;
}
.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu {
    line-height: 1.0;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em;
    z-index: 55;
}
.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit;
}
.sf-menu li {
    float: left;
    position: relative;
    padding: 0;
    border-right: 0px solid #000;
    background: transparent;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0px;
    top: 33px;
    z-index: 199;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em;
    top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}
.sf-menu {
    float: left;
    margin-left: 0px;
}
#rightmenu .sf-menu {
    float: right;
}
#rightmenu .sf-menu li {
    float: right;
}
.sf-menu a {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    padding: 6px 0px 12px;
    text-decoration: none;
    position: relative;
    z-index: 888;
    text-transform: uppercase;
}
.sf-menu a,
.sf-menu a:visited {}.sf-menu li {
    background: transparent;
    font-size: 18px;
    margin: 0px 35px 0 0;
    line-height: 30px;
    padding: 0;
}
#rightmenu .sf-menu li {
    margin: 0 0 0 35px;
}
.sf-menu li:hover {
   
    background-position: bottom center;
}
.sf-menu li a:hover {}.sf-menu li.current_page_item {
  
    background-position: bottom center;
}
#page-work #leftmenu .sf-menu li.first {
 
    background-position: bottom center;
}
#page-post #rightmenu .sf-menu li.last {
   
    background-position: bottom center;
}
.sf-menu li li {
    margin: 0;
    padding: 0;
    width: 180px;
}
.sf-menu li li a {
    background: #2E814C;
    border-right: 0;
    position: relative;
    z-index: 800;
    margin: 0;
    color: #fff;
    text-transform: none;
}
.sf-menu li li a:hover {
    color: #fff;
    background: #C5B080;
}
.sf-menu li li li {
width:200px;
}
.gamecls{
margin-left:20px;
   
}
.sf-menu li li li a {
    background: #BEA0A0;
    color: #fff;
}
.sf-menu li li li a:hover {
    background: #C5B080;
    color: #fff;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    outline: 0;
}
.current {
    font-weight: bold!important;
}
#rightmenu .sf-menu li.header-social {
    float: right;
    display: inline;
    height: 18px;
    width: 18px;
    background: url(../images/header-social.png) no-repeat;
    padding: 0!important;
    margin: 10px 0 0 5px!important;
}
#rightmenu .sf-menu li.header-social a {}#rightmenu .sf-menu li.sm-pin {
    background-position: -46px 0!important;
}
#rightmenu .sf-menu .sm-pin a,
#rightmenu .sf-menu .sm-pin a:hover {
    display: block;
    width: 18px;
    height: 18px;
}
#rightmenu .sf-menu li.sm-fb {
    background-position: -24px 0!important;
}
#rightmenu .sf-menu .sm-fb a,
#rightmenu .sf-menu .sm-fb a:hover {
    display: block;
    width: 18px;
    height: 18px;
}
#rightmenu .sf-menu li.sm-tw {
    background-position: 0px 0;
    margin-left: 35px!important;
    margin-right: 3px!important;
}
#rightmenu .sf-menu .sm-tw a,
#rightmenu .sf-menu .sm-tw a:hover {
    display: block;
    width: 18px;
    height: 18px;
}
.sf-menu li.menu-item-1319 {
    display: none;
}
#page-home .sf-menu li.menu-item-1338 {
    display: none;
}
#page-home .sf-menu li.menu-item-1319 {
    display: inline;
}
#mobile-header-social {
    display: none;
    position: absolute;
    right: 20px;
    top: 10px;
    text-align: right;
    z-index: 99999;
}
#mobile-header-social a {
    display: block;
    float: right;
    display: inline;
    height: 18px;
    width: 18px;
    background: url(../images/header-social.png) no-repeat;
    padding: 0!important;
    margin: 10px 0 0 5px!important;
}
#mobile-header-social a.mhsfb {
    background-position: -24px 0!important;
}
#mobile-header-social a.mhspn {
    background-position: -46px 0!important;
}
#page {
    background: transparent;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
}
#header {
    background: transparent;
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}
.wrapper {
    width: 1020px;
    margin: 0 auto;
    position: relative;
}
#main-content {
    margin-top: 160px;
    position: relative;
}
#blog-content {
    margin-top: 160px;
    position: relative;
}
#content {
    padding: 0 0px 0 0px;
    text-align: left;
}
#content img,
.content img {
    max-width: 100%;
    height: auto;
}
#footer-drop {
    position: absolute;
    bottom: -30px;
    left: 0px;
}
.content,
.content p,
.content li {
    color: #292929;
    font-size: 21px;
    line-height: 32px;
    font-family: arial, verdana, sans-serif;
}
.content {
    padding-bottom: 70px;
}
#ajax-loading {
    width: 500px;
    height: 400px;
    margin: 30px auto;
    background: #F6F2EF url(../images/loading.gif) no-repeat;
    border: 1px solid #fff;
}
.spinner {
    margin: 150px auto 450px;
    width: 70px;
    text-align: center;
}
.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #E03931;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
}
.sf-menu li {
    float: left;
    position: relative;
    padding: 0;
    border-right: 0px solid #000;
    background: transparent;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0px;
    top: 33px;
    z-index: 199;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em;
    top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}
.sf-menu {
    float: left;
    margin-left: 0px;
}
#rightmenu .sf-menu {
    float: right;
}
#rightmenu .sf-menu li {
    float: right;
}
.sf-menu a {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    padding: 6px 0px 12px;
    text-decoration: none;
    position: relative;
    z-index: 888;
    text-transform: uppercase;
}
.sf-menu a,
.sf-menu a:visited {}.sf-menu li {
    background: transparent;
    font-size: 18px;
    margin: 0px 35px 0 0;
    line-height: 30px;
    padding: 0;
}
#rightmenu .sf-menu li {
    margin: 0 0 0 35px;
}
.sf-menu li:hover {
    
    background-position: bottom center;
}
.sf-menu li a:hover {}.sf-menu li.current_page_item {
    
    background-position: bottom center;
}
#page-work #leftmenu .sf-menu li.first {
   
    background-position: bottom center;
}
#page-post #rightmenu .sf-menu li.last {
   
    background-position: bottom center;
}
.sf-menu li li {
    margin: 0;
    padding: 0;
    width: 180px;
}
.sf-menu li li a { 
    background: #BC1C44;
    border-right: 0;
    position: relative;
    z-index: 800;
    margin: 0;
    color: #fff;
    text-transform: none;
    padding-left: 15px;
}
.sf-menu li li a:hover {
    color: #fff;
    background: #87B497;
}
.sf-menu li li li {}.sf-menu li li li a {
    background: #BC1C44;
    color: #fff;
}
.sf-menu li li li a:hover {
    background: #87B497;
    color: #fff;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    outline: 0;
}
.current {
    font-weight: bold!important;
}
#rightmenu .sf-menu li.header-social {
    float: right;
    display: inline;
    height: 18px;
    width: 18px;
    background: url(../images/header-social.png) no-repeat;
    padding: 0!important;
    margin: 10px 0 0 5px!important;
}
#rightmenu .sf-menu li.header-social a {}#rightmenu .sf-menu li.sm-pin {
    background-position: -46px 0!important;
}
#rightmenu .sf-menu .sm-pin a,
#rightmenu .sf-menu .sm-pin a:hover {
    display: block;
    width: 18px;
    height: 18px;
}
#rightmenu .sf-menu li.sm-fb {
    background-position: -24px 0!important;
}
#rightmenu .sf-menu .sm-fb a,
#rightmenu .sf-menu .sm-fb a:hover {
    display: block;
    width: 18px;
    height: 18px;
}
#rightmenu .sf-menu li.sm-tw {
    background-position: 0px 0;
    margin-left: 35px!important;
    margin-right: 3px!important;
}
#rightmenu .sf-menu .sm-tw a,
#rightmenu .sf-menu .sm-tw a:hover {
    display: block;
    width: 18px;
    height: 18px;
}
.sf-menu li.menu-item-1319 {
    display: none;
}
#page-home .sf-menu li.menu-item-1338 {
    display: none;
}
#page-home .sf-menu li.menu-item-1319 {
    display: inline;
}
#mobile-header-social {
    display: none;
    position: absolute;
    right: 20px;
    top: 10px;
    text-align: right;
    z-index: 99999;
}
#mobile-header-social a {
    display: block;
    float: right;
    display: inline;
    height: 18px;
    width: 18px;
    background: url(../images/header-social.png) no-repeat;
    padding: 0!important;
    margin: 10px 0 0 5px!important;
}
#mobile-header-social a.mhsfb {
    background-position: -24px 0!important;
}
#mobile-header-social a.mhspn {
    background-position: -46px 0!important;
}
#page {
    background: transparent;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
}
#header {
    background: transparent;
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}
.wrapper {
    width: 1020px;
    margin: 0 auto;
    position: relative;
}
#main-content {
    margin-top: 160px;
    position: relative;
}
#blog-content {
    margin-top: 160px;
    position: relative;
}
#content {
    padding: 0 0px 0 0px;
    text-align: left;
}
#content img,
.content img {
    max-width: 100%;
    height: auto;
}
#footer-drop {
    position: absolute;
    bottom: -30px;
    left: 0px;
}
.content,
.content p,
.content li {
    color: #292929;
    font-size: 21px;
    line-height: 32px;
    font-family: arial, verdana, sans-serif;
}
.content {
    padding-bottom: 70px;
}
#ajax-loading {
    width: 500px;
    height: 400px;
    margin: 30px auto;
    background: #F6F2EF url(../images/loading.gif) no-repeat;
    border: 1px solid #fff;
}
.spinner {
    margin: 150px auto 450px;
    width: 70px;
    text-align: center;
}
.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #E03931;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
#summary-box {
    width: 285px;
    height: 390px;
    background: #DE3A31;
    float: left;
    display: inline;
    margin-right: 22px;
    margin-bottom: 22px;
    padding: 25px 20px;
}
.summary-post {
    width: 325px;
    height: 440px;
    background: #F6F2EF;
    float: left;
    display: inline;
    margin-right: 22px;
    margin-bottom: 22px;
}
.summary-post.last {
    margin-right: 0;
    float: right;
    display: inline;
}
.summary-post img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}
p.summary-date {
    color: #fff;
    background: #323232;
    margin: 0;
    padding: 0 20px;
    line-height: 45px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}
.summary-copy {
    padding: 20px;
    position: relative;
    height: 215px;
    overflow: hidden;
    color: #85827D;
    font-family: georgia, times, serif;
    font-size: 20px;
    line-height: 28px;
}
.summary-post .summary-hover {
    visibility: hidden;
    opacity: 0;
    transition: visibility .5s, opacity .5s linear;
    background: #DE3A31 url(../images/hover-drop.png) no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 325px;
    height: 255px;
}
.summary-post:hover .summary-hover {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
    cursor: hand;
    cursor: pointer;
}
.summary-post h2 {
    margin-bottom: 8px;
    font-weight: normal;
}
.summary-post h2 a {
    font-family: 'Montserrat', sans-serif;
    color: #625D59;
    font-size: 21px;
    line-height: 31px;
    text-transform: uppercase;
}
#summary-box h3 {
    color: #A81810;
    font-family: 'MontserratB', sans-serif;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 12px;
}
#summary-box h4 {
    color: #fff;
    font-family: 'MontserratB', sans-serif;
    font-size: 29px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
}
#summary-box h5 {
    color: #A81810;
    font-family: 'MontserratB', sans-serif;
    font-size: 27px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 25px;
}
#summary-box ul,
#summary-box li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#summary-box li a {
    color: #fff;
    font-family: 'MontserratB', sans-serif;
    font-size: 17px;
    line-height: 25px;
    text-transform: uppercase;
}
#summary-box a:hover {
    color: #ffaca7;
}
.pagenavigation a {
    font-family: 'Montserrat', sans-serif;
    color: #595959;
    text-transform: uppercase;
    font-size: 15px;
    max-width: 49%;
}
.pagenavigation .alignleft,
.pagenavigation .alignright {
    width: 45%;
}
/*********************** SINGLE POST STYLES *******************/

.single-content,
.single-content p,
.single-content li {
    color: #292929;
    font-size: 17px;
    line-height: 25px;
    font-family: georgia, times, sans-serif;
}
#post-info {
   
 
    width: 100%
}
#post-info h5 {
    margin: 0;
    float: left;
    display: inline-block;
    width: 20%;
    line-height: 75px;
    color: #fff;
    text-transform: uppercase;
    background: #DE3A31;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 22px;
}
#post-info h1 {
    float: right;
    display: inline;
    width: 74%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    margin: 10px 0 0;
    color: #373737;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
}
#post-wrap {
    margin-top: -30px;
}
#post-wrap-copy {
    width: 715px;
    float: right;
    display: inline;
}
#post-wrap-copy,
#post-wrap-copy p,
#post-wrap-copy li {
    font-size: 20px;
    line-height: 28px;
}
#post-wrap-copy p {
    margin-bottom: 30px;
}
#post-wrap-copy img {
    max-width: 100%;
    height: auto;
}
#post-wrap-meta {
    width: 155px;
    float: left;
    display: inline;
}
#video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    
    padding-top: 25px;
}
#video-wrapper iframe,
#video-wrapper object,
#video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#post-wrap-meta h6 a {
    color: #535047;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
}
.catlinks a:hover {
    color: #D50035!important;
}
#post-wrap-links {
    margin-top: 35px;
    margin-bottom: 5px;
}
#post-wrap-links a {
    float: left;
    display: inline;
    width: 26px;
    height: 26px;
    background: url(../images/sidebar-social.png) no-repeat;
    margin-right: 10px;
}
#post-wrap-links .sm-tw {
    background-position: 0 0;
}
#post-wrap-links .sm-fb {
    background-position: -37px 0;
    margin-right: 10px;
}
#post-wrap-links .sm-pin {
    background-position: -72px 0;
}
#post-wrap-meta a.sm-sub {
    display: block;
    width: 98px;
    height: 26px;
    background: url(../images/sidebar-social.png) no-repeat;
    background-position: 0 -32px;
}
/**************************  HOME PAGE  ***************************/

#recent-posts-wrap {
    background: #F6F2EE url(../images/recent-posts-bg.png) no-repeat;
    background-position: bottom center;
    height: 398px;
    padding-top: 30px;
    margin-bottom: -30px;
}
.latest-post {
    float: left;
    display: inline;
    width: 250px;
    height: 335px;
    overflow: hidden;
    margin-left: 20px;
}
.latest-post .summary-date {
    padding: 0 10px;
    line-height: 38px;
    font-size: 16px;
    margin-top: -4px;
    margin-bottom: 0;
}
.latest-post h2 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 8px;
    color: #6A6762;
    max-height: 71px;
    overflow: hidden;
    font-weight: normal;
    font-weight: normal;
    margin-top: -5px
}
.recent-posts-title {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 23px;
    float: left;
    display: inline;
    width: 150px;
    margin-right: 60px;
    text-align: right;
    font-weight: normal;
}
.recent-posts-title h4 {
    color: #525252;
    margin-top: 10px;
    font-size: 30px;
    line-height: 39px;
    font-family: 'Montserrat', sans-serif;
}
.latest-post .summary-copy {
    background: #fff;
}
.latest-post p {
    font-size: 15px;
    line-height: 23px;
}
.latest-post .summary-hover {
    visibility: hidden;
    opacity: 0;
    background: #DE3A31 url(../images/hover-drop.png) no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 190px;
}
.latest-post:hover .summary-hover {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
    cursor: hand;
    cursor: pointer;
}

#recent-posts-view-all {
    text-align: right;
    margin-top: 20px;
}
#recent-posts-view-all a {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 23px;
}
#featured-work-wrap {
    margin: -200px 0 20px;
    background: url(../images/fww.png) repeat!important;
    position: relative;
    z-index: 999;
    padding-top: 40px;
}
.featured-work {
    float: left;
    display: inline;
    width: 325px;
    height: 230px;
    margin-bottom: 20px;
}
.featured-large {
    width: 670px;
    height: 480px;
    position: relative;
    padding: 0;
    float: left;
    display: inline;
    margin-right: 20px;
    margin-bottom: 20px;
}
.featured-work img {
    margin: 0;
    padding: 0;
}
.right-margin {
    margin-right: 20px;
}
.featured-work .summary-copy {
    width: 325px;
    height: 230px;
    margin: 0;
    padding: 0;
}
.featured-work .summary-hover {
    visibility: hidden;
    opacity: 0;
    transition: visibility .5s, opacity .5s linear;
    background: #DE3A31 url(../images/hover-drop-featured.png) no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 325px;
    height: 230px;
}
.featured-work:hover .summary-hover {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
    cursor: hand;
    cursor: pointer;
}
.featured-large .summary-copy {
    width: 670px;
    height: 480px;
    margin: 0;
    padding: 0;
}
.featured-large .summary-hover {
    visibility: hidden;
    opacity: 0;
    transition: visibility .5s, opacity .5s linear;
    background: #DE3A31 url(../images/hover-drop.png) no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 670px;
    height: 480px;
}
.featured-large:hover .summary-hover {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s linear;
    cursor: hand;
    cursor: pointer;
}
.featured-work h2 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    margin-top: 145px;
    font-weight: normal;
}
.featured-large h2 {
    margin-top: 310px;
    font-weight: normal;
}
#featured-work-title {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 33px;
    line-height: 34px;
    color: #BF2C18;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
    text-shadow: 0 0 0.3em #f3ede6;
}
.firefox #featured-work-wrap,
.ie #featured-work-wrap {
    top: -200px!important;
    margin-top: 0!important;
}
.single-slide {
    width: 100%;
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 670px;
}
.single-slide .wrapper {
    margin-top: 105px;
    position: relative;
    z-index: 5;
    left: -35px;
}
.single-slide .wrapper h2 {
    text-align: center;
    color: #D6D6D6;
    text-transform: uppercase;
    text-shadow: 3px 3px 3px #000;
    font-size: 37px;
    padding-top: 80px;
}
.slide-copy {
    background: url(../images/redbg.png) repeat;
    background: transparent;
    padding: 5px 40px 5px 80px;
    color: #fff;
    font-size: 24px;
    line-height: 35px;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 0px 0px 1px #000;
}
.slide-copy a {
    color: #E33A33;
}
/**************** OUR WORK MAIN *****************************/

#term-description,
#term-description p {
    color: #222;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 40px;
    text-align: center;
    width: 85%;
}
.work-post {
    width: 325px;
    height: 230px;
    background: #F6F2EF;
    float: left;
    display: inline;
    margin-right: 22px;
    margin-bottom: 22px;
    position: relative;
}
.work-post.last {
    margin-right: 0;
    float: right;
    display: inline;
}
.work-post img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}
p.work-date {
    color: #fff;
    background: #323232;
    margin: 0;
    padding: 0 20px;
    line-height: 45px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}
.work-copy {
    padding: 20px;
    position: relative;
    height: 215px;
    overflow: hidden;
    color: #85827D;
    font-family: georgia, times, serif;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Montserrat', sans-serif;
}
#work-copy h4 {
    color: #9D9D9D;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    margin: 100px 0 60px;
    font-size: 19px;
}
.work-post .work-hover {
    visibility: hidden;
    opacity: 0;
    transition: visibility .5s, opacity .5s linear;
    background: #DE3A31 url(../images/hover-drop-small.png) no-repeat;
    background-position: center top;
    position: absolute;
    top: 0;
    left: 0;
    width: 325px;
    height: 85px;
    text-align: center;
    padding-top: 145px;
    color: #fff;
    font-size: 19px;
    text-align: center;
    line-height: 25px;
    font-weight: normal;
}
.work-post .work-hover a {
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 23px;
    font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", serif;
}
.work-post:hover .work-hover {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
    cursor: hand;
    cursor: pointer;
}
#work-nav-wrap {
    text-align: center;
}
#work-nav {
    list-style-type: none;
    margin: 0 auto 30px;
    padding: 0 0 0px;
    display: inline-block;
    border-bottom: 1px solid #B8B8B6;
}
#work-nav li {
    display: inline-block;
    margin: 0 4px -5px;
}
#work-nav a {
    font-family: 'Montserrat', sans-serif;
    color: #5A5A5A;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 16px;
    padding: 2px 9px 0;
    display: block;
}
#work-nav a:hover {
    color: #CD0205;
}
#work-nav a.active,
#work-nav a.active:hover {
    color: #fff;
    background: #E03931;
}
/********************  RED BLOCK **********************/

.red-wave {
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 0;
    background: url(../images/red-wave.png) no-repeat;
    background-position: bottom center;
}
.firefox .red-wave,
.ie .red-wave {
    margin-top: -150px;
}
.red-block {
    width: 100%;
    margin: 0;
    background: #E03931;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    min-height: 707px;
}
.red-block p,
.red-block a,
.red-block li,
.red-block h1,
.red-block h2,
.red-block h3 {
    color: #fff;
}
.red-block p,
.red-block a,
.red-block li,
.red-block td {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 40px;
}
.red-block p {
    margin-bottom: 35px;
}
.red-block a:hover {
    color: #730e09;
}
.red-block h2 {
    font-size: 33px;
    margin-bottom: 30px;
}
.red-block td {
    padding-right: 25px;
}
.firefox #page-home .red-block h2,
.ie11 #page-home .red-block h2 {
    margin-top: -40px!important;
}
.white-block {
    color: #575757;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 27px;
}
.white-block h2 {
    color: #DF0034;
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 35px;
}
.white-block p,
.white-block a {
    color: #575757;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    line-height: 42px;
}
.grey-block {
    background: #e7e5e6;
    width: 100%;
    padding: 5px 0;
}
#work-copy .grey-block {
    padding: 0;
}
/******************* SINGLE WORK ****************************/

#work-scroll-wrap {
    text-align: center;
    margin: -32px 0 35px;
    border-top: 1px solid #B8B8B6;
    padding-top: 8px;
}
#work-scroll {
    list-style-type: none;
    margin: 15px 0;
    padding: 0;
    display: inline-block;
    border: 1px solid #fff;
}
#work-scroll li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
#work-scroll a {
    display: block;
    width: 19px;
    height: 22px;
    background: url(../images/drops.png) no-repeat;
    background-position: 0 0;
}
#work-scroll a:hover {
    background-position: -21px 0;
}
#work-scroll a.current {
    background-position: -21px 0;
}
.work-prev {
    float: left;
    display: inline;
    text-align: left;
    width: 80px;
}
.work-next {
    float: right;
    display: inline;
    text-align: right;
    width: 80px;
}
.work-link {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    line-height: 45px;
    display: inline-block;
    border: 1px solid #fff;
    font-size: 15px;
    color: #5E5E5E;
}
.work-link a {
    color: #5E5E5E;
}
.work-link a:hover {
    color: #CD0205;
}
#work-info {
    float: left;
    display: inline;
    width: 305px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #464646;
    font-size: 15px;
    line-height: 21px;
}
#work-description {
    float: right;
    display: inline;
    width: 665px;
}
#work-description h1 {
    color: #3D3D3D;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 0;
    line-height: 29px;
    font-weight: normal;
    margin-bottom: 5px;
}
#work-copy {
    margin-top: 30px;
}
#work-description p,
#work-description li,
#work-description,
#work-copy,
#work-copy p,
#work-copy li {
    color: #292929;
    font-size: 18px;
    line-height: 27px;
    color: #424242;
    font-weight: normal;
}
#work-info a {
    color: #464646;
}
#work-info a:hover {
    color: #D50035;
}
#work-info #rlinks {
    display: block;
    margin-top: 30px;
}
#work-info strong {
    font-family: 'MontserratB', 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;
}
#work-info #post-wrap-links {
    margin-top: 10px;
}
#fullimg {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}
#rightimg {
    float: right;
    display: inline;
}
#leftimg {
    float: left;
    display: inline;
}
#bottom-nav {
    text-align: center;
    margin: 45px 0 30px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    color: #646464;
    font-size: 15px;
}
#bottom-nav a {
    color: #646464;
}
.white {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
}
.white h2 {
    color: #fff;
}
.white p,
.white a {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 27px;
}
.red {
    color: #575757;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 27px;
}
.red h2 {
    color: #E03931;
}
.red p,
.white a {
    color: #575757;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 27px;
}
/******************** CONTACT PAGE  *************************/

#contact-info {
    width: 100%;
    max-width: 472px;
    height: 472px;
    background: url(../images/contact-box.jpg) no-repeat;
    background-position: top center;
    text-align: center;
    position: relative;
    margin: 55px 0 0;
    padding: 50px 0 0;
}
.wpcf7 input,
.wpcf7 textarea {
    background: #F9F8F6;
    border: 3px solid #8F8F91;
    width: 86%;
    padding: 2%;
    display: block;
    color: #37363C;
    font-size: 17.5px;
    line-height: 24px;
    margin: 0 0 18px;
}
.wpcf7 textarea {
    height: 115px;
}
.wpcf7 label {
    width: 88%;
    padding-left: 1.7%;
    color: #37363C;
    font-size: 17.5px;
    line-height: 20px;
    display: block;
    margin: 0 0 6px;
}
.wpcf7 label .rq {
    float: right;
    color: #AB2003;
}
.wpcf7 .wpcf7-quiz-label {
    display: none;
}
.wpcf7 input.wpcf7-quiz {
    float: left;
    width: 46%;
    display: inline;
}
.wpcf7 input.wpcf7-submit {
    float: left;
    display: inline;
    width: 35%;
    border: 3px solid #DF3A34;
    background: #DF3A34;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-left: 5%
}
.wpcf7 input.wpcf7-submit:hover {
    border: 3px solid #A61414;
    background: #A61414;
}
.wpcf7 .row.error input,
.wpcf7 .row.error textarea {
    background: #FFACA8!important;
}
.wpcf7 .row.error input.wpcf7-submit {
    background: #DF3A34!important;
}
span.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
    display: none!important;
}
.contact-email,
.contact-phone,
.contact-email {
    display: block;
    margin-bottom: 15px;
}
#contact-info h2 {
    color: #5B595A;
    display: block;
    margin: 0 0 50px;
}
#contact-info a {
    color: #424242;
}
#contact-info img {
    display: inline-block;
    margin-right: 10px;
}
#contact-info .contact-phone img {
    margin-right: 2px;
}
/**********************  SIDEBAR ******************************/

#sidebar {
    width: 250px;
    text-align: left;
    float: right;
    display: inline;
    margin: 20px 0px 30px 0px;
    padding: 0;
    line-height: 1.6em;
    color: #383d44;
}
.sidelist {
    background: transparent;
    margin: 0 0 20px 0;
    padding: 0;
}
#sidebar h2 {
    background: inherit;
    color: #326ea1;
    font: 24px Arial, 'Helvetica', Verdana, sans-serif;
    font-weight: 100;
    padding: 3px 0px 3px 0px;
    margin: 0;
}
#footer {
    background: #E03931 url(../images/footer-bg.jpg) no-repeat;
    background-position: top center;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
    min-height: 456px;
    font-family: 'Montserrat', sans-serif;
}
#footer .wrapper {
    padding: 30px 0 60px;
}
#footer h3 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 30px;
    margin-top: 6px;
    font-weight: normal;
}
#footer a {
    color: #fff;
    text-decoration: none;
}
#footer a:hover {
    color: #ffaca7;
    text-decoration: none;
}
#footerleft {
    float: left;
    display: inline;
    width: 440px;
}
#footerleft input,
#footerleft textarea {
    display: block;
    width: 410px;
    padding: 11px 15px;
    font-size: 17px;
    color: #656565;
    border: 0;
    margin-bottom: 15px;
}
#footerleft label#question {
    font-size: 16px;
    line-height: 22px;
    float: left;
    display: inline;
    width: 175px;
    color: #fff;
}
#footerleft input#questions {
    float: left;
    display: inline;
    width: 48px;
    color: #656565;
}
#footerleft input.submit {
    float: right;
    display: inline;
    width: 128px;
    text-align: center;
    background: #FFACA8;
    text-transform: uppercase;
    color: #E03931;
    font-weight: bold;
    -webkit-appearance: none;
}
#footerleft .row.error input {
    background: #FFACA8;
}
#footerright {
    float: right;
    display: inline;
    width: 530px;
}
#footermid {
    float: left;
    display: inline;
    width: 240px;
    text-transform: uppercase;
    font-size: 19px;
    line-height: 30px;
}
#footermid a {
    margin-bottom: 21px;
    display: block;
}
#footersocial {
    float: right;
    display: inline;
    width: 255px;
}
#footersocial ul,
#footersocial li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#footersocial li {
    width: 50%;
    float: left;
    display: inline;
    margin-bottom: 10px;
}
#footersocial a {
    background: url(../images/footer-social.png) no-repeat;
    font-size: 15px;
    line-height: 16px;
    padding: 5px 0 5px 30px;
    display: block;
    text-transform: uppercase;
}
#footersocial a.sm-email {
    background-position: 0 0;
}
#footersocial a.sm-li {
    background-position: 0 -32px;
}
#footersocial a.sm-tw {
    background-position: -138px 0px;
}
#footersocial a.sm-pin {
    background-position: 0 -70px;
}
#footersocial a.sm-fb {
    background-position: -138px -31px;
}
#footersocial a.sm-google {
    background-position: -138px -70px;
}
/******************  FOOTER CONTACT FORM *********************/

.popup {
    width: 457px;
    height: 417px;
    padding: 0 10px 0 24px;
    text-align: center;
    color: #d2d2d2;
    margin: 0 auto;
}
.popup-holder {
    vertical-align: middle;
}
.popup p {
    margin: 0;
}
.popups-holder {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -9999px;
    left: -9999px;
    overflow: hidden;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}
#cboxContent {
    position: relative;
}
#cboxLoadedContent {
    overflow: auto;
}
#cboxTitle {
    margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}
.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
}
.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
    background: #000;
}
#colorbox {} #cboxContent {
    overflow: visible;
}
#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}
#cboxLoadedContent {
    padding: 1px;
}
#cboxLoadingGraphic {
    background: url(../images/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
    background: #000;
}
#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000;
}
#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
}
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
    display: none !important
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    min-width: 1002px;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img {
    border: none;
}
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image {
    padding: 10px;
}
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}
#lightbox-nav a {
    outline: none;
}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption {
    font-weight: bold;
}
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}
/****************   COMMENT STYLING  ********************/

#comment {
    background: #fafafa;
    border: 1px solid #cccccc;
    color: #444444;
    font-size: 13px;
    padding-left: 2px;
    vertical-align: middle;
    width: 510px;
}
.commentbody {
    background: #fafafa;
    border: 1px solid #cccccc;
    color: #444444;
    font-size: 13px;
    margin: 0 0 10px 0;
    padding: 15px 15px 5px 15px;
    position: relative;
    -moz-border-radius: 10px;
}
.commentbody a {
    color: #aa0000;
    text-decoration: none;
}
.commentbody a:hover {
    color: #2d5175;
    text-decoration: none;
}
.commentbody p {
    line-height: 1.2em;
}
.commentlink {
    font-size: 13px;
}
.commentlist {
    list-style: none;
}
#email,
#author {
    background: #fafafa;
    border: 1px solid #cccccc;
    color: #444444;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
    padding-left: 5px;
    vertical-align: middle;
}
#url {
    background: #fafafa;
    border: 1px solid #cccccc;
    color: #444444;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
    height: 16px;
    padding-left: 5px;
    vertical-align: middle;
}
#submit {
    background: #fafafa;
    border: 1px solid #cccccc;
    color: #444444;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
    margin: 0;
    padding: 0 10px;
}
textarea {
    overflow: auto;
}
.commentheader {
    background: inherit;
    font-size: 18px;
    font-weight: lighter;
    text-align: left;
    color: #326ea1;
    padding: 0;
    line-height: 1.5em;
}
/***************   POST METADATA    *************************/

.postmetadata {
    background: transparent;
    font-style: italic;
    color: #363636;
    line-height: 1.5em;
    margin: 15px 0 70px 0;
    padding: 3px 3px 3px 3px;
    text-align: right;
    clear: both;
}
.postmetadata a {
    background: transparent;
    color: #363636;
    text-decoration: none;
}
.postmetadata2 {
    background: #eeeeee;
    color: #282828;
    border: 1px solid #cccccc;
    font-size: 11px;
    line-height: 1.3em;
    letter-spacing: 0em;
    margin: 0 0 20px 0;
    padding: 5px;
    text-align: left;
    clear: both;
    -moz-border-radius: 10px;
}
/* different postmetadata style for single.php */

.alt {
    line-height: 1.3em;
    padding: 10px;
}
.alt a {
    background: inherit;
    color: #aa0000;
    text-decoration: none;
}
.clear {
    clear: both;
}
.stretch,
.clear {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1px;
}
.clearfix:after {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: inline-block;
}
/* Hide from IE Mac \*/

.clearfix {
    display: block;
}
/* End hide from IE Mac */
/* styles for desktop */

.tinynav {
    display: none
}
#nav .selected a,
#nav2 .selected a {
    color: red
}
/* styles for mobile */

@media screen and (max-width: 600px) {
    .tinynav {
        display: block
    }
    #nav,
    #nav2 {
        display: none
    }
}
#full-width-slider {
    width: 100%;
    height: 650px;
    color: #000;
}
.coloredBlock {
    padding: 12px;
    background: rgba(255, 0, 0, 0.6);
    color: #FFF;
    width: 200px;
    left: 20%;
    top: 5%;
}
.infoBlock {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -510px;
    padding-bottom: 0;
    background: transparent;
    overflow: hidden;
    width: 1020px;
    z-index: 99999;
}
.infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px;
}
.infoBlock h2 {
    text-align: center;
    color: #D7D7D7;
    text-transform: uppercase;
    font-size: 37px;
    font-shadow: 1px 1px 1px #000;
}
.infoBlock p {
    font-size: 14px;
    margin: 40px 0 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    padding: 0 30px 0 70px;
    text-shadow: 1px 1px 1px #000;
}
.infoBlock a {
    color: #FA381F;
    text-decoration: none;
}
.fullWidth {
    max-width: 1400px;
    max-width: 100%;
    margin: 0 auto 24px;
}
/* =Responsive Structure
----------------------------------------------- */
/* Smaller than standard 1060 (devices and browsers) */

@media screen and (max-width: 1060px) {
    #page,
    .wrapper {
        max-width: 100%;
        width: 100%;
    }
    #footerright {
        width: 400px;
    }
    .work-post-loop {
        width: 70%;
        margin: 0 auto;
    }
    .summary-post {
        margin-right: 22px;
        margin-left: 0;
    }
    .summary-post.last {
        float: left;
        margin-right: 22px;
    }
}
@media screen and (max-width: 960px) {
    /*  ipad */
    
    #page,
    .wrapper {
        max-width: 100%;
        width: 100%;
    }
    .work-post-loop {
        width: 100%;
        margin: 0 auto;
    }
    .summary-post {
        margin-right: 0px;
        margin-left: 0px;
        margin-right: 22px;
    }
    .summary-post.last {
        float: left;
        margin-right: 22px;
        margin-left: 0;
    }
    .single-blog-post {
        padding: 0 3%;
    }
    .work-post,
    .work-post.last {
        float: left;
        margin: 0 10px 20px!important;
    }
    #work-info {
        font-size: 14px;
        margin-left: 10px;
        margin-top: 20px;
        margin-right: 0;
        width: 260px;
    }
    #work-description {
        width: 410px;
        margin-left: 0;
        margin-right: 10px
    }
    #work-description h1 {
        margin-top: 20px;
    }
    .work-post-loop {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
    }
    #main-content .entrytext {
        padding: 0 20px;
    }
    .red-block .wrapper {
        width: 95%;
        margin: 0 auto;
        padding: 30px 0 0;
    }
    .red-block h2 {
        font-size: 24px;
        text-align: center;
    }
    .red-block p,
    .red-block li,
    .red-block td {
        font-size: 17px;
        line-height: 26px;
    }
    #page-home .red-block img {
        display: none;
    }
    #page-home .red-block .column-span-3 {
        display: block;
        float: none;
        width: 100%;
    }
    .white-block .wrapper {
        width: 95%;
        margin: 0 auto;
        padding: 0px 0 0;
    }
    .white-block h2 {
        font-size: 24px;
        text-align: center;
    }
    .white-block p,
    .white-block li,
    .white-block td {
        font-size: 18px;
        line-height: 26px;
    }
    #page-home .white-block img {
        display: none;
    }
    #page-home .white-block .column-span-3 {
        display: block;
        float: none;
        width: 100%;
    }
    .recent-posts-title {
        display: none;
    }
    .latest-post {
        margin-left: 5px;
    }
    .sf-menu a {
        font-size: 12px!important;
    }
    #leftmenu {
        left: 35px;
    }
    #rightmenu {
        right: 35px;
    }
    #featured-work-wrap {
        width: 685px;
        margin: 30px auto 0;
    }
    #full-width-slider {
        width: 100%;
        height: 400px;
        max-height: 400px!important;
    }
    .infoBlock {
        width: 90%!important;
        max-width: 90%!important;
        position: absolute;
        left: 5%!important;
        margin-left: 0;
        top: 160px!important;
    }
    .infoBlock h2 {
        font-size: 30px;
        margin-bottom: 0;
    }
    .infoBlock p {
        font-size: 19px;
        line-height: 27px;
        padding-left: 30px;
    }
    .recent-posts-title {
        font-size: 16px;
        width: 80px;
        margin-right: 0;
        margin-left: 10px;
    }
    .summary-post.last {
        margin-right: 22px;
        float: left;
        display: inline;
    }
    #footer .wrapper {
        width: 95%;
  margin: 0 auto;
    }
    #footerright,
    #footerleft {
        display: block;
        float: none;
    }
    #footerright {
        margin-top: 30px;
        width: 100%
    }
    .single-slide .wrapper {
        left: -35px;
        width: 90%;
    }
    .single-slide .wrapper h2 {
        font-size: 27px;
        margin-top: -60px!important
    }
    .slide-copy {
        padding: 20px 30px;
        font-size: 17px;
        line-height: 27px;
    }
    .cbp-af-header #logo {
        background: url(../images/logo-small.png) no-repeat!important;
        width: 148px!important;
        height: 106px!important;
        margin-left: -74px!important;
        top: 17px!important;
        z-index: 9999!important;
        display: block!important;
        position: absolute!important;
        left: 50%!important;
    }
    .panel-wrapper,
    .single-slide,
    .panel-container {
        overflow: hidden;
        height: 500px;
    }
    .panel-wrapper img {
        width: auto!important;
        height: 400px!important;
        position: absolute!important;
        top: 0;
        left: 50%;
        width: 1500px!important;
    }
    #featured-work-wrap {
        margin-top: -100px;
        width: 100%;
    }
    #featured-work-wrap .wrapper,
    #featured-work-wrap #featured-work-title {
        width: 100%;
        max-width: 685px;
        margin: 0 auto;
    }
    .featured-work.right-margin {
        margin-right: 0;
    }
    .featured-work {
        margin: 0 5px 10px;
    }
    #featured-work-title {
        margin-top: -135px;
    }
}
@media screen and (max-width: 767px) {
    /*  small tablet */
    
    #page,
    .wrapper {
        max-width: 100%;
        width: 100%;
    }
    li.service-link {
        display: none!important;
    }
    .fullWidth {
        position: relative;
        z-index: 5;
    }
    #topnav {
        z-index: 9999;
    }
    #topnav nav ul li {
        background: #fff;
    }
    #mobile-header-social {
        display: block;
    }
    #page-home #topnav {
        position: absolute;
    }
    #work-copy img {
        max-width: 100%;
        height: auto!important;
    }
    .work-post,
    .work-post.last {
        float: none;
        display: block;
        margin: 0 auto 20px!important;
    }
    #work-info,
    #work-description {
        width: 100%;
        max-width: 460px;
        margin: 0 auto;
        float: none;
        display: block;
    }
    #work-description h1 {
        margin-top: 20px;
    }
    #recent-posts-wrap {
        height: auto;
    }
    .recent-posts-title {
        width: 250px;
        text-align: center;
    }
    .recent-posts-title br {
        display: none;
    }
    .latest-post {
        margin-left: 20px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
        margin-top: 25px;
    }
    #featured-work-wrap {
        width: 100%!important;
        max-width: 480px;
        overflow: hidden;
    }
    #featured-work-wrap img {
        max-width: 100%;
        height: auto;
    }
    .featured-work {
        display: block;
        margin: 0 auto 30px;
        float: none;
    }
    .featured-large {
        width: 480px;
        height: 344px;
        display: block;
        float: none;
        margin: 0 auto 30px;
    }
    .featured-large img {
        width: 480px;
        height: 344px;
    }
    .featured-large .summary-hover {
        width: 480px;
        height: 344px;
    }
    .featured-large h2 {
        margin-top: 240px;
        font-weight: normal;
    }
    #post-wrap-copy {
        width: 100%;
        max-width: 100%;
    }
    h1 {
        font-size: 29px!important;
        line-height: 37px!important;
    }
    h2 {
        font-size: 25px;
        line-height: 32px;
    }
    h3 {
        font-size: 25px;
        line-height: 32px;
    }
    h4 {
        font-size: 25px;
        line-height: 32px;
    }
    #footerleft,
    #footerright {
        float: none;
        display: block;
        max-width: 480px;
    }
    #footermid,
    #footersocial {
        font-size: 14px;
        line-height: 22px;
    }
    #footersocial {
        margin: 0;
    }
    #footermid {
        width: 180px;
    }
    .single-slide {
        height: 230px;
        overflow: hidden;
    }
    .single-slide .wrapper {
        left: -10px;
        width: 90%;
        margin-top: 80px;
    }
    .single-slide .wrapper h2 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 10px;
        margin-top: 40px!important;
    }
    .slide-copy {
        padding: 10px 20px 15px;
        font-size: 12px!important;
        line-height: 20px!important;
        max-height: 50px;
        overflow: hidden;
    }
    #post-info h5 {
        line-height: 28px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .red-block .wrapper {
        width: 95%;
        margin: 0 auto;
        padding: 30px 0 0;
    }
    .red-block h2 {
        font-size: 24px;
        text-align: center;
    }
    .red-block p,
    .red-block li,
    .red-block td {
        font-size: 18px;
        line-height: 26px;
    }
    #page-home .red-block img {
        display: none;
    }
    #page-home .red-block .column-span-3 {
        display: block;
        float: none;
        width: 100%;
    }
    .white-block .wrapper {
        width: 95%;
        margin: 0 auto;
        padding: 0px 0 0;
    }
    .white-block h2 {
        font-size: 24px;
        text-align: center;
    }
    .white-block p,
    .white-block li,
    .white-block td {
        font-size: 18px;
        line-height: 26px;
    }
    #page-home .white-block img {
        display: none;
    }
    #page-home .white-block .column-span-3 {
        display: block;
        float: none;
        width: 100%;
    }
    .recent-posts-title {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .blog-content #summary-box {
        float: none;
        margin: 0 auto 25px;
        display: block;
        float: left;
        display: inline;
        margin: 0 10px;
        max-width: 38.5%;
        width: 38.5%;
        padding: 25px 4%;
    }
    .blog-content .summary-post {
        float: none;
        margin: 0 auto 25px;
        display: block;
        float: left;
        display: inline;
        margin: 0 10px 25px;
        max-width: 45%;
        width: 45%;
    }
    p.summary-date {
        padding-left: 4%;
        width: 96%;
        padding-right: 0;
    }
    .slide-copy {
        display: none;
    }
    .panel-wrapper,
    .single-slide,
    .panel-container {
        overflow: hidden;
        height: 400px;
    }
    .panel-wrapper img {
        width: auto!important;
        height: 300px!important;
        position: absolute!important;
        top: 0;
        left: 50%;
        width: 1500px!important;
    }
    #featured-work-wrap {
        margin-top: -110px!important;
    }
    #featured-work-wrap {
        width: 100%!important;
        max-width: 100%!important;
    }
    #featured-work-wrap .wrapper,
    #featured-work-wrap #featured-work-title {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
    }
    .featured-work.right-margin {
        margin-right: auto;
        margin-left: auto;
    }
    .infoBlock p {
        /*display:none;*/
        
        font-size: 14px;
        line-height: 21px;
        margin-top: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
    .infoBlock br {
        display: none;
    }
    .infoBlock h2 {
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 19px!important;
    }
    .alignleft,
    .alignright {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .sf-menu {
        display: none;
    }
    .tinynav {
        background-image: none;
        background-color: transparent;
        background-position: right center;
        background-repeat: no-repeat;
        background: #fff;
        border: none;
        color: #333;
        display: block;
        margin-bottom: 0;
        margin-left: auto;
        margin-top: 0;
        overflow: hidden;
        width: 100%;
        text-transform: uppercase;
    }
    .tinynav option {
        color: #000;
    }
}
@media (max-device-width: 650px) {
    .tinynav {
        background-image: url("../images/select-arrow.png");
    }
}
@media screen and (max-width: 575px) {} @media screen and (max-width: 479px) {
    /*  iphone */
    
    #page,
    .wrapper {
        width:100%;
    }
    .sf-menu {
        display: none;
    }
    li.service-link {
        display: none!important;
    }
    .fullWidth {
        position: relative;
        z-index: 5;
    }
    #topnav {
        z-index: 9999;
        background: #fff;
    }
    #topnav nav ul li {
        background: #fff;
    }
    #main-content {
        padding: 10px;
    }
    #footerleft,
    #footerright {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        padding: 0 0 0 10px;
        float: none;
    }
    #featured-work-wrap {
        width: 300px;
        margin: 30px auto 0;
    }
    .recent-posts-title {
        font-size: 16px;
        width: 80px;
        margin-right: 0;
        margin-left: 10px;
    }
    h1 {
        font-size: 26px!important;
        line-height: 34px;
    }
    h2 {
        font-size: 22px;
        line-height: 29px;
    }
    h3 {
        font-size: 22px;
        line-height: 29px;
    }
    h4 {
        font-size: 22px;
        line-height: 29px;
    }
    .work-post,
    .work-post.last {
        float: none;
        display: block;
        margin: 0 auto 20px!important;
    }
    #work-info,
    #work-description {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        float: none;
        display: block;
    }
    #work-description h1 {
        margin-top: 20px;
    }
    .summary-post,
    .summary-post.last {
        float: none;
        display: block;
        margin: 0 auto 20px!important;
    }
    .summary-post h2 a {
        font-size: 18px;
        font-weight: normal;
    }
    #post-info h1,
    #post-info h5 {
        float: none;
        display: block;
        width: 100%;
    }
    #post-wrap {
        margin: 0;
    }
    #post-wrap-meta,
    #post-wrap-copy {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #post-wrap-meta {
        font-size: 13px;
        line-height: 16px;
    }
    .sm-sub {
        margin-bottom: 15px;
    }
    #post-wrap-copy {
        margin-top: 20px;
    }
    .pagenavigation .alignleft,
    .pagenavigation .alignright {
        display: block;
        float: none;
        width: 100%;
    }
    #footer h3 {
        font-size: 16px;
    }
    #footerleft input,
    #footerleft textarea {
        width: 90%;
        max-width: 280px;
    }
    #footerleft input.submit {
        float: none;
        display: block;
    }
    #footermid,
    #footersocial {
        font-size: 14px;
        line-height: 22px;
        float: none;
        display: block;
    }
    #footersocial {
        margin: 30px 0 0;
    }
    .content p,
    .content li {
        font-size: 13px;
        line-height: 21px;
    }
    .content li {
        margin: 0;
        padding: 0;
    }
    blockquote {
        background: transparent;
        padding-left: 0;
        font-style: italic;
    }
    .blog-content #summary-box {
        float: none;
        margin: 0 auto 25px;
        display: block;
        padding: 25px 4%;
        max-width: 280px;
        width: 72%;
    }
    .blog-content .summary-post {
        float: none;
        margin: 0 auto 25px;
        display: block;
        max-width: 280px;
        width: 80%;
    }
    .single-slide {
        height: 120px;
        overflow: hidden;
    }
    .single-slide .wrapper {
        left: -7px;
        width: 90%;
        margin-top: 25px;
    }
    .single-slide .wrapper h2 {
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 10px;
    }
    .slide-copy {
        display: none;
    }
    #featured-work-wrap {
        width: 100%!important;
        max-width: 320px;
        overflow: hidden;
    }
    #featured-work-wrap img {
        max-width: 100%;
        height: auto;
    }
    .featured-work {
        display: block;
        margin: 0 auto 30px;
        float: none;
    }
    .featured-large {
        width: 320px;
        height: 229px;
        display: block;
        float: none;
        margin: 0 auto 30px;
    }
    .featured-large img {
        width: 320px;
        height: 229px;
    }
    .featured-large .summary-hover {
        width: 320px;
        height: 229px;
    }
    .featured-large h2 {
        margin-top: 160px;
        font-weight: normal;
    }
    .blog-content #summary-box {
        padding: 25px 10px;
    }
    .blog-content .summary-post {
        float: none;
        margin: 0 auto 25px;
        display: block;
    }
    .panel-wrapper,
    .single-slide,
    .panel-container {
        overflow: hidden;
        height: 300px;
    }
    .panel-wrapper img {
        width: auto!important;
        height: 300px!important;
        position: absolute!important;
        top: 0;
        left: 50%;
        width: 1800px!important;
    }
    #featured-work-wrap {
        margin-top: -230px;
        margin: -80px auto 0!important;
    }
    #featured-work-wrap #featured-work-title {
        text-align: center;
    }
    .infoBlock h2 {
        font-size: 23px;
        line-height: 23px;
        margin-top: 0px!important
    }
    .infoBlock p {
        /*display:none;*/
        
        font-size: 12px;
        line-height: 19px;
        margin-top: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
    .infoBlock br {
        display: none;
    }
    .infoBlock h2 {
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 19px!important;
    }
}
@media screen and (max-width: 319px) {
    /* small phone */
    
    #page {
        max-width: 100%;
    }
}
@media screen and (min-width: 1600px) {
    .single-slide {
        width: 100%;
        padding: 0;
        overflow: hidden;
        position: relative;
        height: 880px;
    }
    #full-width-slider {
        width: 100%;
        height: 880px;
        color: #000;
    }
    #featured-work-wrap {
        margin: -310px 0 20px;
    }
    .firefox #featured-work-wrap {
        margin: -120px 0 20px!important;
    }
    .firefox #featured-work-title {
        top: -50px!important;
        margin-bottom: 0!important;
    }
    .infoBlock h2 {
        margin-top: 65px;
    }
    .firefox .latest-post img {
        margin-bottom: -3px!important;
    }
}
.animate_opacity:hover,.animate_opacity:active {
opacity:0.4;
}


/** my style **/
.img1 {
    margin-left: 50px;
}
@media screen and (max-width: 768px) {
    .img1{
  margin: 0;
  padding: 0;
 }
}
.img2 {
    margin-right: 50px;
}
@media screen and (max-width: 768px) {
    .img2{
  margin: 0;
  padding: 0;
 }
}
.main > p {
	padding: 1em!important;
}
.paracontent{
text-align: justify;
padding: 3px;
    margin: 0;
}
.youtube{
      margin-top:20px;
}

@media screen and (max-width: 768px) {
    .youtube{
  max-width: 300px;
     margin: 0 0 0 -10px;
}
}