/* ================================================================== *\
   Table of contents
   (Ctrl/Cmd + F, and search for `$section` to jump to a section)
   01. Base................Normalize.css (minified), important styles
   02. Typography..........Basic typography elements
   03. Non-typography......Important elements that are not type-based
   04. Grids...............A simple grid system and width classes
   05. Layout..............Common layout items (wells, islands, etc)
   06. Buttons.............Basic styles, sizes, and shapes
   07. Tables..............Styles for tabular data
   08. Main................Your styles go here!
   09. Helpers.............Some useful, global classes
   10. Print...............Inlined, barebones print styles
\* ================================================================== */
/************************ Fonts **************************/

@font-face
{
font-family: 'MontserratB';
font-weight: normal;
font-style: normal;
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');
}
@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';
font-weight: normal;
font-style: normal;
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');
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
@font-face
{
font-family: 'Montserrat';
src: url('includes/fonts/montserrat-regular-webfont.svg') format('svg');
}
}
/******************** End Fonts *****************************/
/******************** General styles ************************/
*, *:before, *:after {
    -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
     box-sizing: border-box; */
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font : inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
body {
background : #fff;    
line-height : 1;
color: #333;
}
ol, ul {
list-style-type : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
blockquote {
margin : 35px 0;
padding-right : 0;
padding-left : 85px;
color : #555;
background : url(../images/blockquote.png) no-repeat;
background-position : top left;
}
a {
color: #428bca;
text-decoration: none;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h5, h6 {
font-family : 'Montserrat', sans-serif !important ;
padding : 0 !important ;
text-decoration : none !important ;
margin : 0 0 25px 0 !important ;
}

h2, h2 a {
font-size : 28px !important ;
line-height : 34px !important ;
color : #373737;
}
h3, h3 a {
font-size : 24px;
line-height : 35px;
color : #d50035;
}
h4 {
font-size : 24px;
line-height : 30px !important ;
color : #373737 !important ;
}
h5 {
font-size : 20px;
line-height : 27px;
color : #d50035;
}
h6 {
font-size : 20px;
line-height : 27px;
color : #373737;
}
img {
border : none;
}
ol, form {
margin : 0;
padding : 0;
}
p {
margin : 0 0 15px;
text-align : left;
}
small {
font-size : 10px;
}
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 {
font : 12px Verdana, Arial, 'Helvetica', sans-serif;
width : 220px;
height : 15px;
padding-left : 3px;
vertical-align : middle;
color : #383d44;
border : #c7c7c7 solid 0;
background : transparent;
}
.alignleft {
float : left;
margin : 0 20px 10px 0;
text-align : left;
}
.alignright {
float : right;
margin : 0 0 10px 20px;
margin-top : -1px;
text-align : right;
}
.aligncenter {
display : block;
margin : 0 auto;
}
.date {
font : 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
color : #363636;
background : transparent;
}
/****************** General styles *******************/
/******************* Header style *******************/
.cbp-af-header {
position : fixed;
top : 0;
left : 0;
width : 100%;
background : #fff;
z-index : 10000;
height : 99px;
transition : all 0.8s ease-in-out;
}
#page-home .cbp-af-header {
background : transparent;
}
.cbp-af-header .cbp-af-inner {
transition : all 1.8s ease-in-out;
transition-delay : 0.5s;
}
.cbp-af-header h1, .cbp-af-header nav {
display : inline-block;
position : relative;
}
.cbp-af-header #logo {
margin : 10px 0 0;
background : url(../images/logo-resized.png) no-repeat;
width : 214px;
height : 152px;
width : 200px;
height : 142px;
transition : all 0.8s ease-in-out;
position : absolute;
left : 50%;
margin-left : -107px;
top : 3px;
opacity : 1;
}
.cbp-af-header #logosm {
opacity : 0;
transition-delay : 0s;
}
.cbp-af-header nav a {
color : #fff;
color : #DC2819;
margin-top : 5px;
}
.cbp-af-header nav {
float : right;
}
.cbp-af-header nav a, .cbp-af-header nav a:hover {
color : #DC2819;
color : #f0e0c1;
}
.cbp-af-header nav a:hover {
color : #DC2819;
}
.cbp-af-header .sf-menu li.header-social {
float : right;
display : inline;
height : 18px;
width : 18px;
background : url(../header-social-red.png) no-repeat !important ;
padding : 0 !important ;
}
.cbp-af-header .sf-menu li.sm-pin2 {
background-position : -46px 0 !important ;
}
.cbp-af-header .sf-menu li.sm-pin2 a, .cbp-af-header .sf-menu .sm-pin a:hover {
display : block;
width : 18px;
height : 18px;
}
.cbp-af-header .sf-menu li.sm-fb2 {
background-position : -24px 0 !important ;
}
.cbp-af-header .sf-menu li.sm-fb2 a, .cbp-af-header .sf-menu .sm-fb a:hover {
display : block;
width : 18px;
height : 18px;
}
.cbp-af-header .sf-menu li.sm-tw {
background-position : 0 0 !important ;
margin-left : 35px !important ;
margin-right : 3px !important ;
}
.cbp-af-header .sf-menu li.sm-tw2 a, .cbp-af-header .sf-menu .sm-tw a:hover {
display : block;
width : 18px;
height : 18px;
}
.cbp-af-header h1, .cbp-af-header nav a {
transition : all 0.8s;
}
.cbp-af-header.cbp-af-header-shrink {
height : 99px;
background : url(../images/header-small.jpg) repeat-x;
transition : all 0.9s ease-in-out;
}
#page-home .cbp-af-header.cbp-af-header-shrink {
background : url(../images/header-small.jpg) repeat-x;
}
.cbp-af-header.cbp-af-header-shrink nav a {
margin-top : -1px;
}
.cbp-af-header.cbp-af-header-shrink h1 {
font-size : 2em;
}
.cbp-af-header.cbp-af-header-shrink .sf-menu li.header-social {
background : url(../header-social.png) no-repeat !important ;
}
.cbp-af-header.cbp-af-header-shrink .sf-menu li.sm-pin2 {
background-position : -46px 0 !important ;
}
.cbp-af-header.cbp-af-header-shrink .sf-menu li.sm-fb2 {
background-position : -24px 0 !important ;
}
.cbp-af-header.cbp-af-header-shrink .sf-menu li.sm-tw {
background-position : 0 0 !important ;
margin-left : 35px !important ;
margin-right : 3px !important ;
}
.cbp-af-header.cbp-af-header-shrink h1, .cbp-af-header nav a {
color : #fff;
}
.cbp-af-header.cbp-af-header-shrink #logo {
opacity : 0;
opacity : 0;
}
.cbp-af-header.cbp-af-header-shrink #logosm {
background : url(../images/logo-small.png) no-repeat;
width : 148px;
height : 106px;
margin-left : -74px;
top : 17px;
z-index : 9999;
display : block;
position : absolute;
left : 50%;
opacity : 1;
-webkit-transition: opacity .8s ease-in-out;
-moz-transition: opacity .8s ease-in-out;
-ms-transition: opacity .8s ease-in-out;
-o-transition: opacity .8s ease-in-out;
transition-delay : 0.5s;
}
/************************* End header style ***********************/
/************************* Menu styles ****************************/
#nav-container select, .selectDiv {
display:none;
}
.selectDiv {
width:50px;
height:38px;
background:url(../images/threeline.png) no-repeat right #FEFEFE;
border:#ccc 1px solid;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset 0 0 10px 1px #FEFEFE;
box-shadow:inset 0 0 10px 1px #FEFEFE;
position:relative;
z-index:100;
float:left;
margin-left:15px;
padding:0;
}
.selectDefault {
padding-left:8px;
}
.selectDiv select {
width:50px;
opacity:0;
filter:alpha(opacity=0);
position:absolute;
}
.selectDiv select:focus {
outline:none;
}
.selectDefault,.selectDiv option {
font-family:arial;
font-size:12px;
}
#menu {
width : 100%;
margin : 0 auto;
padding : 0;
background : transparent;
}
#leftmenu {
display : inline;
float : left;
width : 48%;
margin : 51px 0 0 90px;
}
#rightmenu {
display : inline;
float : right;
width : 48%;
margin : -45px 20px 0 0;
}
.sf-menu, .sf-menu * {
margin : 0;
padding : 0;
list-style : none;
}
.sf-menu {
line-height : 1.0;
float : left;
margin-left : 0;
}
.sf-menu ul {
position : absolute;
z-index : 55;
top : -999em;
width : 10em;
}
.sf-menu ul li {
width : 100%;
}
.sf-menu li:hover {
visibility : inherit;
background-position : bottom center;
}
/*
.sf-menu li {
position : relative;
float : left;
padding : 0;
border-right : 0 solid #000;
background : transparent;
}
.sf-menu a {
position : relative;
display : block;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
z-index : 199;
top : 33px;
left : 0;
}
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 {
top : 0;
left : 10em;
}
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 {
top : 0;
left : 10em;
}
#rightmenu .sf-menu {
float : right;
}
#rightmenu .sf-menu li {
float : right;
}
.sf-menu a {
font-family : 'Montserrat', sans-serif;
position : relative;
z-index : 888;
margin : 0;
padding : 6px 0 12px;
text-decoration : none;
text-transform : uppercase;
}
.sf-menu li {
font-size : 18px;
line-height : 30px;
margin : 0 35px 0 0;
padding : 0;
background : transparent;
}
#rightmenu .sf-menu li {
margin : 0 0 0 35px;
}
.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 {
width : 180px;
margin : 0;
padding : 0;
}
.sf-menu li li a {
position : relative;
z-index : 800;
margin : 0;
text-transform : none;
color : #fff;
border-right : 0;
background : #2e814c;
}
.sf-menu li li a:hover {
color : #fff;
background : #c5b080;
}
.sf-menu li li li {
width : 200px;
}
.gamecls {
margin-left : 20px;
}
.gamecls1 {
margin-top : -50px;
margin-left : 20px;
}
.sf-menu li li li a {
color : #fff;
background : #bea0a0;
}
.sf-menu li li li a:hover {
color : #fff;
background : #c5b080;
}
.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 {
display : inline;
float : right;
width : 18px;
height : 18px;
margin : 10px 0 0 5px !important ;
padding : 0 !important ;
background : url(../images/header-social.png) no-repeat;
}
#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 {
margin-right : 3px !important ;
margin-left : 35px !important ;
background-position : 0 0;
}
#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 {
position : absolute;
z-index : 99999;
top : 10px;
right : 20px;
display : none;
text-align : right;
}
#mobile-header-social a {
display : block;
display : inline;
float : right;
width : 18px;
height : 18px;
margin : 10px 0 0 5px !important ;
padding : 0 !important ;
background : url(../images/header-social.png) no-repeat;
}
#mobile-header-social a.mhsfb {
background-position : -24px 0 !important ;
}
#mobile-header-social a.mhspn {
background-position : -46px 0 !important ;
}
#page {
width : 100%;
margin : 0 auto;
padding : 0;
text-align : left;
background : transparent;
}
#header {
margin : 0 auto;
padding : 0 0 0 0;
text-align : left;
background : transparent;
}
.wrapper {
position : relative;
width : 1020px;
margin : 0 auto;
}
#main-content {
position : relative;
margin-top : 160px;
}
#blog-content {
position : relative;
margin-top : 160px;
}
#content {
padding : 0 0 0 0;
text-align : left;
}
#content img, .content img {
max-width : 100%;
height : auto;
}
#footer-drop {
position : absolute;
bottom : -30px;
left : 0;
}
.content, .content p, .content li {
font-family : arial, verdana, sans-serif;
font-size : 21px;
line-height : 32px;
color : #292929;
}
.content {
padding-bottom : 70px;
}
#ajax-loading {
width : 500px;
height : 400px;
margin : 30px auto;
border : #fff solid 1px;
background : url(../images/loading.gif) no-repeat #f6f2ef;
}
.spinner {
width : 70px;
margin : 150px auto 450px;
text-align : center;
}
.spinner > div {
display : inline-block;
width : 18px;
height : 18px;
animation : bouncedelay 1.4s ease-in-out infinite;
border-radius : 100%;
background-color : #e03931;
animation-fill-mode : both;
}
.spinner .bounce1 {
animation-delay : -0.32s;
}
.spinner .bounce2 {
animation-delay : -0.16s;
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform : scale(0.0);
}
40% {
transform : scale(1.0);
}
}*/
.sf-menu li {
    position: relative;
    float: left;
    padding: 0;
    border-right: 0 solid #000;
    background: transparent;
}
.sf-menu a {
    position: relative;
    display: block;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    z-index: 199;
    top: 33px;
    left: 0;
}
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 {
    top: 0;
    left: 10em;
}
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 {
    top: 0;
    left: 10em;
}
.sf-menu {
    float: left;
    margin-left: 0;
}
#rightmenu .sf-menu {
    float: right;
}
#rightmenu .sf-menu li {
    float: right;
}
.sf-menu a {
    font-family: 'Montserrat', sans-serif;
    position: relative;
    z-index: 888;
    margin: 0;
    padding: 6px 0 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.sf-menu li {
    font-size: 18px;
    line-height: 30px;
    margin: 0 35px 0 0;
    padding: 0;
    background: transparent;
}
#rightmenu .sf-menu li {
    margin: 0 0 0 35px;
}
.sf-menu li:hover {
    background-position: bottom center;
}
.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 {
    width: 180px;
    margin: 0;
    padding: 0;
}
.sf-menu li li a {
    position: relative;
    z-index: 800;
    margin: 0;
    padding-left: 15px;
    text-transform: none;
    color: #fff;
    border-right: 0;
    background: #d33a31;
}
.sf-menu li li a:hover {
    color: #fff;
    background: #87b497;
}
.sf-menu li li li a {
    color: #fff;
    background: #d33a31;
}
.sf-menu li li li a:hover {
    color: #fff;
    background: #87b497;
}
.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 {
    display: inline;
    float: right;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 5px!important;
    padding: 0!important;
    background: url(../images/header-social.png) no-repeat;
}
#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 {
    margin-right: 3px!important;
    margin-left: 35px!important;
    background-position: 0 0;
}
#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 {
    position: absolute;
    z-index: 99999;
    top: 10px;
    right: 20px;
    display: none;
    text-align: right;
}
#mobile-header-social a {
    display: block;
    display: inline;
    float: right;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 5px!important;
    padding: 0!important;
    background: url(../images/header-social.png) no-repeat;
}
#mobile-header-social a.mhsfb {
    background-position: -24px 0!important;
}
#mobile-header-social a.mhspn {
    background-position: -46px 0!important;
}
#page {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background: transparent;
}
#header {
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: left;
    background: transparent;
}
.wrapper {
    position: relative;
    width: 1020px;
    margin: 0 auto;
}
#main-content {
    position: relative;
    margin-top: 160px;
}
#blog-content {
    position: relative;
    margin-top: 160px;
}
#content {
    padding: 0 0 0 0;
    text-align: left;
}
#content img,
.content img {
    max-width: 100%;
    height: auto;
}
#footer-drop {
    position: absolute;
    bottom: -30px;
    left: 0;
}
.content,
.content p,
.content li {
    font-family: arial, verdana, sans-serif;
    font-size: 21px;
    line-height: 32px;
    color: #292929;
}
.content {
    padding-bottom: 70px;
}
#ajax-loading {
    width: 500px;
    height: 400px;
    margin: 30px auto;
    border: 1px solid #fff;
    background: #f6f2ef url(../images/loading.gif) no-repeat;
}
.spinner {
    width: 70px;
    margin: 150px auto 450px;
    text-align: center;
}
.spinner > div {
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    border-radius: 100%;
    background-color: #e03931;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(.0);
    }
    40% {
        -webkit-transform: scale(1.0);
    }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(.0);
        transform: scale(.0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}*/
/************************* End menu styles ********************/
/* ********************** Free quote form ********************* */
.company_chat_form {
background : none 0 0 repeat scroll #23292f;
float : left;
width : 765px;
}

.company_chat {
display : block;
height : 350px;
position : fixed;
right : 0;
top : 150px;
z-index : 9500;
}

.company_chat_form_right {
display : inline-block;
width : 690px;
}
.company_chatform_title {
color : #ffffff;
font : 20px/22px vagroundedlightssibold;
padding : 12px 13px 0;
}

.company_chat .foot_contact_frm {
display : inline-block;
padding : 15px 0 15px 12px;
width : 330px;
}
.company_chat .fcontact_box {
background : none 0 0 repeat scroll #ffffff;
border : none 0;
width : 100%;
}
.company_chat_form {
background : none 0 0 repeat scroll #23292f;
display : inline-block;
float : left;
width : 765px;
}
.company_chat_form_right .foot_contact_frm {
display : inline-block;
padding : 15px 0 10px 12px;
width : 330px;
}
.company_chat .foot_contact_frm input.ftsubmit_but {
background : linear-gradient(to bottom, #ed1d30 0%, #cd1023 100%) 0 0 repeat scroll transparent;
border-bottom : 1px solid #cd1023;
border-top : 1px solid #f4808b;
font : 20px/25px vagroundedlightssibold;
padding : 8px 40px;
text-shadow : 1px 1px 0 #890c18;
transition : all 0.4s 0s ease;
width : 100%;
}
.company_chat_form_right .foot_contact_frm textarea {
height : 50px;
}
.company_chat_form_right .input_sec select {
height : 30px;
color : #000000;
padding : 0 3%;
}
.company_chat_form_right .foot_contact_frm li {
padding : 0;
}
.company_chat_form_right .foot_contact_frm em {
height : 13px;
}
.companychat_submit_sec {
padding : 0 0 15px;
text-align : center;
}
.companychat_submit_sec input {
display : inline-block;
width : 300px;
margin : 0;
}
#slidediv {
display : none;
}

.foot_contact_frm_outer {
background : #161616;
display : block;
padding : 4px;
border : #383838 solid 1px;
border-radius : 3px;
}
.foot_contact_frm {
display : block;
margin : 0 2% 0 0;
vertical-align : top;
}
.foot_contact_frm li {
display : block;
margin : 3px 0 0;
background : none;
border-radius : 0;
}
.foot_contact_frm li:first-child {
margin : 0;
}
.foot_contact_frm li.fcaptcha_sec {
float : left;
width : auto;
vertical-align : top;
margin-left : 10px;
}
.foot_contact_frm li.fcaptcha_sec p {
font : 30px/30px CarbonTypeRegular;
color : #999;
}
.foot_contact_frm li.fcaptcha_input {
float : left;
width : 57%;
vertical-align : top;
}
.fcontact_box {
background : #222222;
border : #3B3B3B solid 1px;
border-radius : 3px;
font-size : 0;
}
.fcontact_icon {
background : url(../images/home_sprite.png) no-repeat;
display : inline-block;
width : 31px;
height : 30px;
vertical-align : top;
border-right : 1px solid #3B3B3B;
}
.fcontact_icon1 {
background-position : -799px -486px;
}
.fcontact_icon2 {
background-position : -825px -485px;
}
.fcontact_icon3 {
background-position : -851px -486px;
}
.fcontact_icon4 {
background-position : 1px -573px;
}
.foot_contact_frm input {
padding : 7px 2%;
display : inline-block;
width : 83%;
border : 0;
vertical-align : top;
color : #999999;
background : none;
outline : none;
float : none;
height : auto;
margin : 0;
font : 12px arial;
}
.foot_contact_frm li.fcaptcha_input input {
width : 96%;
}
.foot_contact_frm textarea {
resize : none;
border : 0;
padding : 7px 2%;
height : 50px;
color : #999999;
display : block;
width : 96%;
background : none;
outline : none;
overflow : auto;
}
.fcontact_box select {
width : 87%;
background : none;
border : 0;
height : 30px;
color : #999999;
}
.foot_contact_frm {
display : block;
}
.foot_contact_frm {
width : auto;
margin : 0;
display : block;
}
.foot_contact_frm em {
display : block;
margin : 3px 0 0;
color : #FFFFFF;
}
.fcontact_box {
background : #222222;
border : #3B3B3B solid 1px;
border-radius : 3px;
font-size : 0;
}
.contact_frm_right_block .required.feedback {
margin-left : 10px;
width : 345px;
color : #999;
}
input.ftsubmit_but {
background-color : #669900;
border-radius : 3px;
border : 0;
display : inline-block;
margin : 3px 0 0;
font : normal normal 15px/18px vagroundedlightssibold;
color : #ffffff;
padding : 8px 8px;
width : 100%;
cursor : pointer;
transition : all 0.4s ease;
}
.company_chat .foot_contact_frm input.ftsubmit_but {
background : linear-gradient(to bottom, #ed1d30 0%, #cd1023 100%) 0 0 repeat scroll transparent;
border-bottom : 1px solid #cd1023;
border-top : 1px solid #f4808b;
font : 20px/25px vagroundedlightssibold;
padding : 8px 40px;
text-shadow : 1px 1px 0 #890c18;
transition : all 0.4s 0s ease;
width : 100%;
}
.input_sec select {
border : #ebebeb solid 1px;
border-radius : 4px;
color : #999;
height : 41px;
padding : 8px 3%;
width : 100%;
}
.companychat_submit_sec input {
display : inline-block;
width : 300px;
margin : 0;
}

@media screen and (max-width:767px) {
.company_chat {
display : none;
}
}
.company_chat_title:before {
    background:url("../images/company_chat_arrow.png") no-repeat scroll center center transparent;
    color: #999999;
    content: "";
    font-weight:bold;
    font-size:15px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 50px;
}
.company_chat_form .company_chat_title:before {
    background:url("../images/commerce_sprit.png") no-repeat scroll -756px -289px transparent;
}
.company_chat_title {
    background:url("../images/free_quote.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 320px;
    position: relative;
    vertical-align: top;
    width: 50px;
}

/*************************End free quote form ***************/
/************************* Content styles *******************/
#summary-box {
display : inline;
float : left;
width : 285px;
height : 390px;
margin-right : 22px;
margin-bottom : 22px;
padding : 25px 20px;
background : #de3a31;
}
.summary-post {
display : inline;
float : left;
width : 325px;
height : 440px;
margin-right : 22px;
margin-bottom : 22px;
background : #f6f2ef;
}
.summary-post.last {
display : inline;
float : right;
margin-right : 0;
}
.summary-post img {
display : block;
margin : 0;
padding : 0;
border : 0;
}
p.summary-date {
font-family : 'Montserrat', sans-serif;
font-size : 16px;
line-height : 45px;
margin : 0;
padding : 0 20px;
text-transform : uppercase;
color : #fff;
background : #323232;
}
.summary-copy {
font-family : georgia, times, serif;
font-size : 20px;
line-height : 28px;
position : relative;
overflow : hidden;
height : 215px;
padding : 20px;
color : #85827d;
}
.summary-post .summary-hover {
position : absolute;
top : 0;
left : 0;
visibility : hidden;
width : 325px;
height : 255px;
transition : visibility 0.5s, opacity 0.5s linear;
opacity : 0;
background : url(../images/hover-drop.png) no-repeat #de3a31;
background-position : center center;
}
.summary-post:hover .summary-hover {
visibility : visible;
cursor : pointer;
-webkit-transition: opacity .5s linear;
-moz-transition: opacity .5s linear;
-o-transition: opacity .5s linear;
transition: opacity .5s linear;
opacity: 1;
}
.summary-post h2 {
font-weight : normal;
margin-bottom : 8px;
}
.summary-post h2 a {
font-family : 'Montserrat', sans-serif;
font-size : 21px;
line-height : 31px;
text-transform : uppercase;
color : #625d59;
}
#summary-box h3 {
font-family : 'MontserratB', sans-serif;
font-size : 36px;
font-weight : bold;
line-height : 36px;
margin-bottom : 12px;
text-transform : uppercase;
color : #a81810;
}
#summary-box h4 {
font-family : 'MontserratB', sans-serif;
font-size : 29px;
font-weight : bold;
line-height : 30px;
text-transform : uppercase;
color : #fff;
}
#summary-box h5 {
font-family : 'MontserratB', sans-serif;
font-size : 27px;
font-weight : bold;
line-height : 27px;
margin-top : 25px;
margin-bottom : 10px;
text-transform : uppercase;
color : #a81810;
}
#summary-box ul, #summary-box li {
margin : 0;
padding : 0;
list-style-type : none;
}
#summary-box li a {
font-family : 'MontserratB', sans-serif;
font-size : 17px;
line-height : 25px;
text-transform : uppercase;
color : #fff;
}
#summary-box a:hover {
color : #ffaca7;
}
.pagenavigation a {
font-family : 'Montserrat', sans-serif;
font-size : 15px;
max-width : 49%;
text-transform : uppercase;
color : #595959;
}
.pagenavigation .alignleft, .pagenavigation .alignright {
width : 45%;
}
/*********************** Column grid styles *******************/
.column-grid {
    clear: both;
}
.column-grid:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.column-grid .column {
    float: left;
    margin-right: 5%;
    margin-left: 0;
}
.column-grid .column-first {
    margin-left: 0;
}
.column-grid .column-last {
    float: right;
    margin-right: 0;
    margin-left: 0;
}
.column-grid-2 .column-span-2 {
    width: 100%;
}
.column-grid-2 .column-span-1 {
    width: 47.5%;
}
.column-grid-2 .column-push-1 {
    margin-left: 52.5%;
}
.column-grid-3 .column-span-3 {
    width: 100%;
}
.column-grid-3 .column-span-2 {
    width: 52%;
}
.column-grid-3 .column-span-1 {
    width: 38%;
}
.column-grid-3 .column-push-2 {
    margin-left: 70%;
}
.column-grid-3 .column-push-1 {
    margin-left: 35%;
}
.column-grid-4 .column-span-4 {
    width: 100%;
}
.column-grid-4 .column-span-3 {
    width: 68.75%;
}
.column-grid-4 .column-span-2 {
    width: 47.5%;
}
.column-grid-4 .column-span-1 {
    width: 25.25%;
}
.column-grid-4 .column-push-3 {
    margin-left: 78.75%;
}
.column-grid-4 .column-push-2 {
    margin-left: 52.5%;
}
.column-grid-4 .column-push-1 {
    margin-left: 26.25%;
}
.column-grid-5 .column-span-5 {
    width: 100%;
}
.column-grid-5 .column-span-4 {
    width: 79%;
}
.column-grid-5 .column-span-3 {
    width: 58%;
}
.column-grid-5 .column-span-2 {
    width: 37%;
}
.column-grid-5 .column-span-1 {
    width: 16%;
}
.column-grid-5 .column-push-4 {
    margin-left: 84%;
}
.column-grid-5 .column-push-3 {
    margin-left: 63%;
}
.column-grid-5 .column-push-2 {
    margin-left: 42%;
}
.column-grid-5 .column-push-1 {
    margin-left: 21%;
}
.column-grid-12 .column-span-12 {
    width: 100%;
}
.column-grid-12 .column-span-11 {
    width: 91.25%;
}
.column-grid-12 .column-span-10 {
    width: 82.5%;
}
.column-grid-12 .column-span-9 {
    width: 73.75%;
}
.column-grid-12 .column-span-8 {
    width: 65%;
}
.column-grid-12 .column-span-7 {
    width: 56.25%;
}
.column-grid-12 .column-span-6 {
    width: 47.5%;
}
.column-grid-12 .column-span-5 {
    width: 38.75%;
}
.column-grid-12 .column-span-4 {
    width: 30%;
}
.column-grid-12 .column-span-3 {
    width: 21.25%;
}
.column-grid-12 .column-span-2 {
    width: 12.5%;
}
.column-grid-12 .column-span-1 {
    width: 3.75%;
}
.column-grid-12 .column-push-11 {
    margin-left: 96.25%;
}
.column-grid-12 .column-push-10 {
    margin-left: 87.5%;
}
.column-grid-12 .column-push-9 {
    margin-left: 78.75%;
}
.column-grid-12 .column-push-8 {
    margin-left: 69%;
}
.column-grid-12 .column-push-7 {
    margin-left: 61.25%;
}
.column-grid-12 .column-push-6 {
    margin-left: 52.5%;
}
.column-grid-12 .column-push-5 {
    margin-left: 43.75%;
}
.column-grid-12 .column-push-4 {
    margin-left: 35%;
}
.column-grid-12 .column-push-3 {
    margin-left: 26.25%;
}
.column-grid-12 .column-push-2 {
    margin-left: 17.5%;
}
.column-grid-12 .column-push-1 {
    margin-left: 8.75%;
}
/******************** End Column grid**************/
/*********************** SINGLE POST STYLES *******************/
.single-content, .single-content p, .single-content li {
font-family : georgia, times, sans-serif;
font-size : 17px;
line-height : 25px;
color : #292929;
}
#post-info {
width : 100%;
}
#post-info h5 {
font-size : 22px;
line-height : 75px;
display : inline-block;
float : left;
width : 20%;
margin : 0;
text-align : center;
text-transform : uppercase;
color : #fff;
background : #de3a31;
}
#post-info h1 {
font-size : 24px;
line-height : 30px;
display : inline;
display : table-cell;
float : right;
width : 74%;
margin : 10px 0 0;
text-align : center;
vertical-align : middle;
text-transform : uppercase;
color : #373737;
}
#post-wrap {
margin-top : -30px;
}
#post-wrap-copy {
display : inline;
float : right;
width : 100%;
}
#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 {
display : inline;
float : left;
width : 155px;
}
#video-wrapper {
position : relative;
padding-top : 25px;
padding-bottom : 56.25%;
}
#video-wrapper iframe, #video-wrapper object, #video-wrapper embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
#post-wrap-meta h6 a {
font-family : 'Montserrat', sans-serif;
font-size : 16px;
line-height : 20px;
text-transform : uppercase;
color : #535047;
}
.catlinks a:hover {
color : #d50035 !important ;
}
#post-wrap-links {
margin-top : 35px;
margin-bottom : 5px;
}
#post-wrap-links a {
display : inline;
float : left;
width : 26px;
height : 26px;
margin-right : 10px;
background : url(../images/sidebar-social.png) no-repeat;
}
#post-wrap-links .sm-tw {
background-position : 0 0;
}
#post-wrap-links .sm-fb {
margin-right : 10px;
background-position : -37px 0;
}
#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 : url(../images/recent-posts-bg.png) no-repeat;
background-position : bottom center;
}
.latest-post {
display : inline;
float : left;
overflow : hidden;
width : 250px;
height : 335px;
margin-left : 20px;
}
.latest-post .summary-date {
font-size : 16px;
line-height : 38px;
margin-top : -4px;
margin-bottom : 0;
padding : 0 10px;
}
.latest-post h2 {
font-family : 'Montserrat', sans-serif;
font-size : 17px;
font-weight : normal;
font-weight : normal;
line-height : 24px;
overflow : hidden;
max-height : 71px;
margin-top : -5px;
margin-bottom : 8px;
text-transform : uppercase;
color : #6a6762;
}
.recent-posts-title {
font-family : 'Montserrat', sans-serif;
font-size : 16px;
font-weight : normal;
line-height : 23px;
float : left;
width : 200px;
text-transform : uppercase;
}
.recent-posts-title h4 {
font-family : 'Montserrat', sans-serif !important ;
font-size : 30px !important ;
line-height : 39px !important ;
color : #fff !important ;
}
.recent-posts-title p {
font-family : 'Montserrat', sans-serif !important ;
padding : 5px;
color : #fff !important ;
}
.latest-post .summary-copy {
background : #fff;
}
.latest-post p {
font-size : 15px;
line-height : 23px;
}
.latest-post .summary-hover {
position : absolute;
top : 0;
left : 0;
visibility : hidden;
width : 250px;
height : 190px;
opacity : 0;
background : url(../images/hover-drop.png) no-repeat #de3a31;
background-position : center center;
}
.latest-post:hover .summary-hover {
visibility : visible;
cursor : pointer;
-webkit-transition: opacity .5s linear;
-moz-transition: opacity .5s linear;
-o-transition: opacity .5s linear;
transition : opacity 0.5s linear;
opacity : 1;
}
#recent-posts-view-all {
margin-top : 20px;
text-align : right;
}
#recent-posts-view-all a {
font-family : 'Montserrat', sans-serif;
font-size : 15px;
line-height : 23px;
text-transform : uppercase;
}
#featured-work-wrap {
position : relative;
z-index : 999;
padding-top : 20px;
background : url(../images/fww.png) repeat !important ;
}
.featured-work {
display : inline;
float : left;
width : 325px;
height : 230px;
margin-bottom : 20px;
}
.featured-large {
position : relative;
display : inline;
float : left;
width : 670px;
height : 480px;
margin-right : 20px;
margin-bottom : 20px;
padding : 0;
}
.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 {
position : absolute;
top : 0;
left : 0;
visibility : hidden;
width : 325px;
height : 230px;
transition : visibility 0.5s, opacity 0.5s linear;
opacity : 0;
background : url(../images/hover-drop-featured.png) no-repeat #de3a31;
background-position : center center;
}
.featured-work:hover .summary-hover {
visibility : visible;
cursor : pointer;
-webkit-transition: opacity .5s linear;
-moz-transition: opacity .5s linear;
-o-transition: opacity .5s linear;
transition : opacity 0.5s linear;
opacity : 1;
}
.featured-large .summary-copy {
width : 670px;
height : 480px;
margin : 0;
padding : 0;
}
.featured-large .summary-hover {
position : absolute;
top : 0;
left : 0;
visibility : hidden;
width : 670px;
height : 480px;
transition : visibility 0.5s, opacity 0.5s linear;
opacity : 0;
background : url(../images/hover-drop.png) no-repeat #de3a31;
background-position : center center;
}
.featured-large:hover .summary-hover {
visibility : visible;
cursor : pointer;
transition : opacity 0.5s linear;
opacity : 1;
}
.featured-work h2 {
font-family : 'Montserrat', sans-serif !important ;
font-size : 20px !important ;
font-weight : normal !important ;
line-height : 28px !important ;
margin-top : 145px !important ;
text-align : center;
color : #fff;
}
.featured-large h2 {
font-weight : normal !important ;
margin-top : 310px !important ;
}
#featured-work-title {
font-family : 'Montserrat', sans-serif;
font-size : 33px;
line-height : 34px;
position : relative;
margin-top : 0;
margin-bottom : 30px;
text-transform : uppercase;
color : #bf2c18;
text-shadow : 0 0 0.3em #f3ede6;
}
.firefox #featured-work-wrap, .ie #featured-work-wrap {
top : -200px !important ;
margin-top : 0 !important ;
}
.single-slide {
position : relative;
overflow : hidden;
width : 100%;
height : 670px;
padding : 0;
}
.single-slide .wrapper {
position : relative;
z-index : 5;
left : -35px;
margin-top : 105px;
}
.single-slide .wrapper h2 {
font-size : 37px;
padding-top : 80px;
text-align : center;
text-transform : uppercase;
color : #d6d6d6;
text-shadow : 3px 3px 3px #000;
}
.slide-copy {
font-family : 'Montserrat', sans-serif;
font-size : 24px;
line-height : 35px;
padding : 5px 40px 5px 80px;
color : #fff;
background : url(../images/redbg.png) repeat;
background : transparent;
text-shadow : 0 0 1px #000;
}
.slide-copy a {
color : #e33a33;
}
/**************** OUR WORK MAIN *****************************/
#term-description, #term-description p {
font-size : 16px;
line-height : 24px;
width : 85%;
margin : 0 auto 40px;
text-align : center;
color : #222;
}
.work-post {
position : relative;
display : inline;
float : left;
width : 325px;
height : 230px;
margin-right : 22px;
margin-bottom : 22px;
background : #f6f2ef;
}
.work-post.last {
display : inline;
float : right;
margin-right : 0;
}
.work-post img {
display : block;
margin : 0;
padding : 0;
border : 0;
}
p.work-date {
font-family : 'Montserrat', sans-serif;
font-size : 16px;
line-height : 45px;
margin : 0;
padding : 0 20px;
text-transform : uppercase;
color : #fff;
background : #323232;
}
.work-copy {
font-family : georgia, times, serif;
font-family : 'Montserrat', sans-serif;
font-size : 20px;
line-height : 28px;
position : relative;
overflow : hidden;
height : 215px;
padding : 20px;
color : #85827d;
}
#work-copy h4 {
font-size : 19px;
font-weight : normal;
margin : 100px 0 60px;
text-align : center;
text-transform : uppercase;
color : #9d9d9d;
}
.work-post .work-hover {
font-size : 19px;
font-weight : normal;
line-height : 25px;
position : absolute;
top : 0;
left : 0;
visibility : hidden;
width : 325px;
height : 85px;
padding-top : 145px;
transition : visibility 0.5s, opacity 0.5s linear;
text-align : center;
text-align : center;
opacity : 0;
color : #fff;
background : url(../images/hover-drop-small.png) no-repeat #de3a31;
background-position : center top;
}
.work-post .work-hover a {
font-family : 'ff-tisa-web-pro-1', 'ff-tisa-web-pro-2', serif;
font-size : 15px;
line-height : 23px;
text-align : center;
color : #fff;
}
.work-post:hover .work-hover {
visibility : visible;
cursor : pointer;
-webkit-transition: opacity .5s linear;
-moz-transition: opacity .5s linear;
-o-transition: opacity .5s linear;
transition : opacity 0.5s linear;
opacity : 1;
}
#work-nav-wrap {
text-align : center;
}
#work-nav {
display : inline-block;
margin : 0 auto 30px;
padding : 0 0 0;
list-style-type : none;
border-bottom : 1px solid #b8b8b6;
}
#work-nav li {
display : inline-block;
margin : 0 4px -5px;
}
#work-nav a {
font-family : 'Montserrat', sans-serif;
font-size : 16px;
line-height : 30px;
display : block;
padding : 2px 9px 0;
text-transform : uppercase;
color : #5a5a5a;
}
#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 {
font-family : 'Montserrat', sans-serif;
font-size : 18px;
line-height : 27px;
width : 100%;
min-height : 707px;
margin : 0;
color : #fff;
background : #e03931;
}
.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 {
font-family : 'Montserrat', sans-serif;
font-size : 18px;
line-height : 40px;
color : #fff;
}
.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 {
font-family : 'Montserrat', sans-serif;
font-size : 18px;
line-height : 27px;
color : #575757;
}
.white-block h2 {
font-size : 30px;
font-weight : normal;
margin-top : 35px;
margin-bottom : 20px;
text-transform : uppercase;
color : #df0034;
}
.white-block p, .white-block a {
font-family : 'Montserrat', sans-serif;
font-size : 25px;
line-height : 42px;
color : #575757;
}
.grey-block {
width : 100%;
padding : 5px 0;
background : #e7e5e6;
}
#work-copy .grey-block {
padding : 0;
}
/******************* SINGLE WORK ****************************/
#work-scroll-wrap {
margin : -32px 0 35px;
padding-top : 8px;
text-align : center;
border-top : 1px solid #b8b8b6;
}
#work-scroll {
display : inline-block;
margin : 15px 0;
padding : 0;
list-style-type : none;
border : #fff solid 1px;
}
#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 {
display : inline;
float : left;
width : 80px;
text-align : left;
}
.work-next {
display : inline;
float : right;
width : 80px;
text-align : right;
}
.work-link {
font-family : 'Montserrat', sans-serif;
font-size : 15px;
line-height : 45px;
display : inline-block;
text-transform : uppercase;
color : #5e5e5e;
border : #fff solid 1px;
}
.work-link a {
color : #5e5e5e;
}
.work-link a:hover {
color : #cd0205;
}
#work-info {
font-family : 'Montserrat', sans-serif;
font-size : 15px;
line-height : 21px;
display : inline;
float : left;
width : 305px;
text-transform : uppercase;
color : #464646;
}
#work-description {
display : inline;
float : right;
width : 665px;
}
#work-description h1 {
font-size : 24px;
font-weight : normal;
line-height : 29px;
margin-top : 0;
margin-bottom : 5px;
text-transform : uppercase;
color : #3d3d3d;
}
#work-copy {
margin-top : 30px;
}
#work-description p, #work-description li, #work-description, #work-copy, #work-copy p, #work-copy li {
font-size : 18px;
font-weight : normal;
line-height : 27px;
color : #292929;
color : #424242;
}
#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-top : 20px;
margin-bottom : 20px;
}
#rightimg {
display : inline;
float : right;
}
#leftimg {
display : inline;
float : left;
}
#bottom-nav {
font-family : 'Montserrat', sans-serif;
font-size : 15px;
margin : 45px 0 30px;
text-align : center;
text-transform : uppercase;
color : #646464;
}
#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 {
font-family : 'Montserrat', sans-serif;
font-size : 18px;
line-height : 27px;
color : #fff;
}
.red {
font-family : 'Montserrat', sans-serif;
font-size : 18px;
line-height : 27px;
color : #575757;
}
.red h2 {
color : #e03931;
}
.red p, .white a {
font-family : 'Montserrat', sans-serif;
font-size : 18px;
line-height : 27px;
color : #575757;
}
/******************** CONTACT PAGE  *************************/
#contact-info {
position : relative;
width : 100%;
max-width : 472px;
height : 472px;
margin : 55px 0 0;
padding : 50px 0 0;
text-align : center;
background : url(../images/contact-box.jpg) no-repeat;
background-position : top center;
}
.wpcf7 input, .wpcf7 textarea {
font-size : 17.5px;
line-height : 24px;
display : block;
width : 86%;
margin : 0 0 18px;
padding : 2%;
color : #37363c;
border : #8f8f91 solid 3px;
background : #f9f8f6;
}
.wpcf7 textarea {
height : 115px;
}
.wpcf7 label {
font-size : 17.5px;
line-height : 20px;
display : block;
width : 88%;
margin : 0 0 6px;
padding-left : 1.7%;
color : #37363c;
}
.wpcf7 label .rq {
float : right;
color : #ab2003;
}
.wpcf7 .wpcf7-quiz-label {
display : none;
}
.wpcf7 input.wpcf7-quiz {
display : inline;
float : left;
width : 46%;
}
.wpcf7 input.wpcf7-submit {
display : inline;
float : left;
width : 35%;
margin-left : 5%;
text-align : center;
text-transform : uppercase;
color : #fff;
border : #df3a34 solid 3px;
background : #df3a34;
}
.wpcf7 input.wpcf7-submit:hover {
border : #a61414 solid 3px;
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 {
display : block;
margin : 0 0 50px;
color : #5b595a;
}
#contact-info a {
color : #424242;
}
#contact-info img {
display : inline-block;
margin-right : 10px;
}
#contact-info .contact-phone img {
margin-right : 2px;
}
#sidebar {
line-height : 1.6em;
display : inline;
float : right;
width : 250px;
margin : 20px 0 30px 0;
padding : 0;
text-align : left;
color : #383d44;
}
.sidelist {
margin : 0 0 20px 0;
padding : 0;
background : transparent;
}
#sidebar h2 {
font : 24px Arial, 'Helvetica', Verdana, sans-serif;
font-weight : 100;
margin : 0;
padding : 3px 0 3px 0;
color : #326ea1;
background : inherit;
}
#footer {
font-family : 'Montserrat', sans-serif;
overflow : hidden;
min-height : 456px;
margin : 0;
padding : 0;
text-align : left;
color : #fff;
background : url(../images/footer-bg.jpg) no-repeat #e03931;
background-position : top center;
}
#footer .wrapper {
padding : 30px 0 60px;
}
#footer h3 {
font-family : 'Montserrat', sans-serif;
font-size : 22px;
font-weight : normal;
line-height : 22px;
margin-top : 6px;
margin-bottom : 30px;
text-transform : uppercase;
color : #fff;
}
#footer a {
text-decoration : none;
color : #fff;
}
#footer a:hover {
text-decoration : none;
color : #ffaca7;
}
#footerleft {
display : inline;
float : left;
width : 440px;
}
#footerleft input, #footerleft textarea {
font-size : 17px;
display : block;
width : 410px;
margin-bottom : 15px;
padding : 11px 15px;
color : #656565;
border : 0;
}
#footerleft label#question {
font-size : 16px;
line-height : 22px;
display : inline;
float : left;
width : 175px;
color : #fff;
}
#footerleft input#questions {
display : inline;
float : left;
width : 48px;
color : #656565;
}
#footerleft input.submit {
font-weight : bold;
display : inline;
float : right;
width : 128px;
text-align : center;
text-transform : uppercase;
color : #e03931;
background : #ffaca8;
-webkit-appearance: none;
}
#footerleft .row.error input {
background : #ffaca8;
}
#footerright {
display : inline;
float : right;
width : 530px;
}
#footermid {
font-size : 19px;
line-height : 30px;
display : inline;
float : left;
width : 240px;
text-transform : uppercase;
}
#footermid a {
display : block;
margin-bottom : 21px;
}
#footersocial {
display : inline;
float : right;
width : 255px;
}
#footersocial ul, #footersocial li {
margin : 0;
padding : 0;
list-style-type : none;
}
#footersocial li {
display : inline;
float : left;
width : 50%;
margin-bottom : 10px;
}
#footersocial a {
font-size : 15px;
line-height : 16px;
display : block;
padding : 5px 0 5px 30px;
text-transform : uppercase;
background : url(../images/footer-social.png) no-repeat;
}
#footersocial a.sm-email {
background-position : 0 0;
}
#footersocial a.sm-li {
background-position : 0 -32px;
}
#footersocial a.sm-tw {
background-position : -138px 0;
}
#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 : 470px;
margin : 0 auto;
padding : 0 10px 0 24px;
text-align : center;
color : #d2d2d2;
}
.popup-holder {
height : 470px;
vertical-align : middle;
}
.popup p {
margin : 0;
}
.popups-holder {
position : absolute;
top : -9999px;
left : -9999px;
overflow : hidden;
width : 1px;
height : 1px;
}
/*
ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
position : absolute;
z-index : 9999;
top : 0;
left : 0;
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 {
display : block;
float : left;
margin : auto;
border : 0;
}
.cboxIframe {
display : block;
width : 100%;
height : 100%;
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;
}
#cboxContent {
overflow : visible;
}
#cboxError {
padding : 50px;
border : #ccc solid 1px;
}
#cboxLoadedContent {
padding : 1px;
}
#cboxLoadingGraphic {
background : url(../images/loading.gif) center center no-repeat;
}
#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 */
#jquery-overlay {
position : absolute;
z-index : 10000;
top : 0;
left : 0;
width : 100%;
min-width : 1002px;
height : 500px;
}
#jquery-lightbox {
line-height : 0;
position : absolute;
z-index : 10001;
top : 0;
left : 0;
width : 100%;
text-align : center;
}
#jquery-lightbox a img {
border : none;
}
#lightbox-container-image-box {
position : relative;
width : 250px;
height : 250px;
margin : 0 auto;
background-color : #fff;
}
#lightbox-container-image {
padding : 10px;
}
#lightbox-loading {
line-height : 0;
position : absolute;
top : 40%;
left : 0;
width : 100%;
height : 25%;
text-align : center;
}
#lightbox-nav {
position : absolute;
z-index : 10;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
#lightbox-container-image-box > #lightbox-nav {
left : 0;
}
#lightbox-nav a {
outline : none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
display : block;
width : 49%;
height : 100%;
}
#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;
line-height : 1.4em;
overflow : auto;
width : 100%;
margin : 0 auto;
padding : 0 10px 0;
background-color : #fff;
}
#lightbox-container-image-data {
padding : 0 10px;
color : #666;
}
#lightbox-container-image-data #lightbox-image-details {
float : left;
width : 70%;
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 {
float : right;
width : 66px;
padding-bottom : 0.7em;
}
/****************   COMMENT STYLING  ********************/
#comment {
font-size : 13px;
width : 510px;
padding-left : 2px;
vertical-align : middle;
color : #444;
border : #ccc solid 1px;
background : #fafafa;
}
.commentbody {
font-size : 13px;
position : relative;
margin : 0 0 10px 0;
padding : 15px 15px 5px 15px;
color : #444;
border : #ccc solid 1px;
background : #fafafa;
}
.commentbody a {
text-decoration : none;
color : #a00;
}
.commentbody a:hover {
text-decoration : none;
color : #2d5175;
}
.commentbody p {
line-height : 1.2em;
}
.commentlink {
font-size : 13px;
}
.commentlist {
list-style : none;
}
#email, #author {
font : 12px Verdana, Arial, 'Helvetica', sans-serif;
padding-left : 5px;
vertical-align : middle;
color : #444;
border : #ccc solid 1px;
background : #fafafa;
}
#url {
font : 12px Verdana, Arial, 'Helvetica', sans-serif;
height : 16px;
padding-left : 5px;
vertical-align : middle;
color : #444;
border : #ccc solid 1px;
background : #fafafa;
}
#submit {
font : 12px Verdana, Arial, 'Helvetica', sans-serif;
margin : 0;
padding : 0 10px;
color : #444;
border : #ccc solid 1px;
background : #fafafa;
}
textarea {
overflow : auto;
}
.commentheader {
font-size : 18px;
font-weight : lighter;
line-height : 1.5em;
padding : 0;
text-align : left;
color : #326ea1;
background : inherit;
}
/***************   POST METADATA    *************************/
.postmetadata {
font-style : italic;
line-height : 1.5em;
clear : both;
margin : 15px 0 70px 0;
padding : 3px 3px 3px 3px;
text-align : right;
color : #363636;
background : transparent;
}
.postmetadata a {
text-decoration : none;
color : #363636;
background : transparent;
}
.postmetadata2 {
font-size : 11px;
line-height : 1.3em;
clear : both;
margin : 0 0 20px 0;
padding : 5px;
text-align : left;
letter-spacing : 0;
color : #282828;
border : #ccc solid 1px;
background : #eee;
}
.alt {
line-height : 1.3em;
padding : 10px;
}
.alt a {
text-decoration : none;
color : #a00;
background : inherit;
}
.clear {
clear : both;
}
.stretch, .clear {
font-size : 15px;
line-height : 1px;
clear : both;
height : 1px;
margin : 0;
padding : 0;
}
.clearfix:after {
display : block;
visibility : hidden;
clear : both;
height : 0;
content : '.';
}
.clearfix {
display : inline-block;
}
.clearfix {
display : block;
}
.tinynav {
display : none;
}
#nav .selected a, #nav2 .selected a {
color : red;
}
/***************************Royal slider *************************/
.royalSlider {
width : 600px;
height : 400px;
position : relative;
direction : ltr;
}
.royalSlider > * {
float : left;
}
.rsOverflow {
width : 100%;
height : 100%;
position : relative;
overflow : hidden;
float : left;
}
.rsVisibleNearbyWrap {
width : 100%;
height : 100%;
position : relative;
overflow : hidden;
left : 0;
top : 0;
}
.rsVisibleNearbyWrap .rsOverflow {
position : absolute;
left : 0;
top : 0;
}
.rsContainer {
position : relative;
width : 100%;
height : 100%;
}
.rsArrow, .rsThumbsArrow {
cursor : pointer;
}
.rsThumb {
float : left;
position : relative;
}
.rsArrow, .rsNav, .rsThumbsArrow {
opacity : 1;
transition : opacity 0.3s linear;
}
.rsHidden {
opacity : 0;
visibility : hidden;
transition : visibility 0s 0.3s linear, opacity 0.3s linear;
}
.rsGCaption {
width : 100%;
float : left;
text-align : center;
}
.royalSlider.rsFullscreen {
position : fixed !important ;
height : auto !important ;
width : auto !important ;
margin : 0 !important ;
padding : 0 !important ;
z-index : 2147483647 !important ;
top : 0 !important ;
left : 0 !important ;
bottom : 0 !important ;
right : 0 !important ;
}
.royalSlider .rsSlide.rsFakePreloader {
opacity : 1 !important ;
transition : 0s;
display : none;
}
.rsSlide {
position : absolute;
left : 0;
top : 0;
display : block;
overflow : hidden;
height : 100%;
width : 100%;
}
.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
height : auto;
}
.rsContent {
width : 100%;
height : 100%;
position : relative;
}
.rsPreloader {
position : absolute;
z-index : 0;
}
.rsThumbs {
cursor : pointer;
position : relative;
overflow : hidden;
float : left;
z-index : 22;
}
.rsTabs {
float : left;
background : none !important ;
}
.rsVideoContainer {
width : auto;
height : auto;
line-height : 0;
position : relative;
}
.rsVideoFrameHolder {
position : absolute;
left : 0;
top : 0;
background : #141414;
opacity : 0;
}
.rsVideoFrameHolder.rsVideoActive {
opacity : 1;
}
.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
position : absolute;
z-index : 50;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
box-sizing : border-box;
padding-right : 44px;
}
.rsABlock {
left : 0;
top : 0;
position : absolute;
z-index : 15;
}
img.rsImg {
max-width : none;
}
.grab-cursor {
cursor : url(grab.png) 8 8, move;
}
.grabbing-cursor {
cursor : url(grabbing.png) 8 8, move;
}
.rsNoDrag {
cursor : auto;
}
.rsLink {
left : 0;
top : 0;
position : absolute;
width : 100%;
height : 100%;
display : block;
z-index : 20;
background : url(blank.gif);
}
/*********************** End Royal slider ***********************/
/*********************** cardslider **************************/
#demoslider {
background-image : url("../images/bg.jpg");
height : 564px;
}
#demoslider1 {
background-image : url("../images/bg1.jpg");
height : 564px;
}
#demoslider2 {
background-image : url("../images/bg2.jpg");
height : 564px;
}
#demoslider3 {
background-image : url("../images/banner1.jpg");
height : 564px;
}
#demoslider4 {
background-image : url("../images/bg4.jpg");
height : 564px;
}
#demoslider5 {
background-image : url("../images/bg5.jpg");
height : 564px;
}
#demoslider6 {
background-image : url("../images/bg6.jpg");
height : 564px;
}
.cardslider {
background : #0D1426;
height : 600px;
overflow : hidden;
}
.cardslider * {
box-sizing : border-box;
font-family : 'Montserrat', sans-serif !important ;
}
.sandiego a {
font-size : 12px !important ;
}
.sandiego li {
line-height : 22px !important ;
}
.cs-container {
position : relative;
height : 100%;
}
.cs-slides-holder {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.cs-slide {
position : absolute;
perspective : 1500px;
width : 100%;
height : 100%;
visibility : hidden;
}
.cs-current {
visibility : visible;
}
.cs-media {
position : absolute;
left : 45%;
width : 50%;
top : 50%;
}
.cs-css3d .cs-media {
transform : translateY(-50%), rotateX(58deg), rotateZ(31deg);
transform-style : preserve-3d;
}
.cs-media-item {
position : relative;
display : block;
transform-style : preserve-3d;
margin : 4% 6%;
outline : none !important ;
}
.cs-media-wrap {
display : block;
}
.cs-media-item img {
width : 100%;
vertical-align : middle;
border : none;
}
.cs-desc-content p {
color : #fff;
}
.cs-shadow {
position : absolute;
top : 30px;
left : 30px;
right : 30px;
bottom : 30px;
background : #000;
transform : translateZ(-50px);
box-shadow : 0 0 30px 30px rgba(0, 0, 0, 1);
opacity : 0.4000000059604644775390625;
}
.tow-in-row .cs-media-item {
float : left;
width : 44%;
margin : 4% 3%;
}
.cs-card3d .cs-media-wrap {
transform-style : preserve-3d;
}
.cs-card3d .cs-media-wrap:before {
content : "";
position : absolute;
display : block;
top : 0;
right : 0;
bottom : 0;
transform : rotateY(-90deg);
transform-origin : right center;
background-image : inherit;
background-size : cover;
background-position : right center;
width : 7px;
left : auto;
outline : 1px solid transparent;
}
.cs-card3d .cs-media-wrap:after {
content : "";
position : absolute;
display : block;
left : 0;
right : 0;
bottom : 0;
transform : rotateX(90deg);
transform-origin : center bottom;
background-image : inherit;
background-size : cover;
background-position : bottom center;
height : 7px;
top : auto;
outline : 1px solid transparent;
}
.cs-inning .cs-media-item {
transition : transform 1s 0s cubic-bezier(0,1,0,1);
}
.cs-outing .cs-media-item {
transition : transform 1s 0s cubic-bezier(1,0,1,0);
}
.cs-show .cs-media-item {
transform : translate3d(0,0,0) !important ;
}
.cs-right .cs-media-item {
transform : translate3d(5000px,0,0);
}
.cs-left .cs-media-item {
transform : translate3d(-5000px,0,0);
}
.cs-top .cs-media-item {
transform : translate3d(0,-5000px,0);
}
.cs-bottom .cs-media-item {
transform : translate3d(0,5000px,0);
}
.cs-up .cs-media-item {
transform : translate3d(0,0,5000px);
}
.cs-down .cs-media-item {
transform : translate3d(0,0,-5000px);
}
.cs-complete .cs-media-wrap {
animation-name : cs-wave;
animation-duration : 5s;
animation-iteration-count : infinite;
}
.cs-shadow-animation .cs-complete .cs-shadow {
animation-name : shadow;
animation-duration : 5s;
animation-iteration-count : infinite;
}
.cs-nav-prev, .cs-nav-next {
position : absolute;
top : 50%;
height : 48px;
width : 48px;
background : url('nav-arrow-white.png') 0 0 no-repeat;
left : 10px;
margin-top : -24px;
opacity : 0;
transition : opacity 0.4s;
outline : none !important ;
z-index : 2;
}
.cs-nav-next {
background-position : -96px 0;
right : 10px;
left : auto;
}
.cs-container:hover .cs-nav-prev, .cs-container:hover .cs-nav-next {
opacity : 0.699999988079071044921875;
}
.cs-nav-prev:hover, .cs-nav-next:hover {
opacity : 1 !important ;
}
.cs-dots {
position : absolute;
bottom : 5px;
width : 100%;
text-align : center;
}
.cs-dots > a {
display : inline-block;
outline : none !important ;
z-index : 2;
background : rgba(0, 0, 0, 0);
}
.cs-dots > a > span {
display : block;
width : 11px;
height : 11px;
margin : 10px 7px;
border : #fff solid 2px;
border-radius : 50%;
opacity : 0.800000011920928955078125;
transition : background-color 0.2s;
box-shadow : 0 0 3px rgba(0, 0, 0, 0.4);
}
.cs-dots > a:hover > span {
background-color : rgba(255, 255, 255, 0.3);
}
.cs-dots > a.cs-dot-active > span {
background-color : #fff;
opacity : 0.89999997615814208984375;
}
@keyframes cs-wave {
0%, 50%, 100% {
transform : translate3d(0,0,0);
animation-timing-function : cubic-bezier(0.42,0.74,0.64,1);
}
25% {
transform : translate3d(0,0,10px);
animation-timing-function : cubic-bezier(0.36,0,0.58,0.26);
}
75% {
transform : translate3d(0,0,-10px);
animation-timing-function : cubic-bezier(0.36,0,0.58,0.26);
}
}
@keyframes shadow {
0%, 50%, 100% {
opacity : 0.4000000059604644775390625;
transform : scale(1), translateZ(-50px);
animation-timing-function : cubic-bezier(0.42,0.74,0.64,1);
}
25% {
opacity : 0.25;
transform : scale(1.04), translateZ(-50px);
animation-timing-function : cubic-bezier(0.36,0,0.58,0.26);
}
75% {
opacity : 0.5;
transform : scale(0.97), translateZ(-50px);
animation-timing-function : cubic-bezier(0.36,0,0.58,0.26);
}
}
@keyframes fadeInUp {
0% {
opacity : 0;
transform : translate3d(0,100px,0);
}
100% {
opacity : 1;
transform : none;
}
}
@keyframes fadeOut {
0% {
opacity : 1;
}
100% {
opacity : 0;
}
}
.cs-description {
padding : 25px 40px;
color : #fff;
z-index : 1;
font-size : 18px;
position : absolute;
width : 35%;
top : 0;
left : 0;
}
.fulwdth {
width : 100% !important ;
margin : 0 auto !important ;
}
.fulwdth h2 {
text-align : center !important ;
}
.cs-desc-title {
font-size : 2.5em;
font-weight : 500;
line-height : 1.2em;
margin : 0.6em 0;
color : #fff !important ;
}
.cs-desc-content {
font-size : 1em;
line-height : 1.5em;
color : #eee;
}
.btn-detail {
font-size : 13px;
line-height : 1em;
padding : 11px 15px;
border : #eee solid 1px;
color : #eee;
text-transform : uppercase;
text-decoration : none !important ;
outline : none !important ;
letter-spacing : 3px;
margin-top : 1em;
display : inline-block;
}
.btn-detail:hover, .btn-detail:focus {
color : #fff;
border : #fff solid 1px;
}
.cs-css3d.alternative-3d-style .cs-media, .cs-css3d .alternative-3d-style .cs-media {
transform : translateY(-50%), rotateX(58deg), rotateZ(-26deg);
}
.cs-card3d.alternative-3d-style .cs-media-wrap:before, .cs-card3d .alternative-3d-style .cs-media-wrap:before {
transform : rotateY(90deg);
transform-origin : left center;
background-position : left center;
right : auto;
}
@media (max-width:992px) {
.cs-slide > .cs-description {
width : 100%;
min-height : 100%;
padding : 10px;
}
.fulwdth {
width : 100% !important ;
padding : 0 !important ;
}
.crdsub {
display : none;
}
.cs-slide > .cs-media {
left : 0;
width : 100%;
opacity : 0.4000000059604644775390625;
}
.cs-shadow-animation .cs-complete .cs-shadow {
animation : none;
}
.cs-nav-prev {
left : 0;
}
.cs-nav-next {
right : 0;
}
}
.cs-current.cs-show .cs-desc-title {
animation-name : fadeInUp;
animation-duration : 0.7s;
}
.cs-current.cs-show .cs-desc-content {
animation-name : fadeInUp;
animation-duration : 0.9s;
}
.cs-current.cs-outing .cs-description {
animation-name : fadeOut;
animation-duration : 0.4s;
animation-fill-mode : both;
}
.cs-no-css3d .cs-media {
top : 0;
}
.cs-no-css3d .cs-media-item {
margin : 4% 3%;
}
.iphonelst a {
font-size : 18px;
padding-top : 0 !important ;
line-height : 32px !important ;
padding-bottom : 0 !important ;
color : #000 !important ;
}
.row {
margin-left : auto;
margin-right : auto;
}
.row:after {
content : "";
display : table;
clear : both;
}
.row .col {
float : left;
box-sizing : border-box;
padding : 0 0.75rem;
}
.row .col.s1 {
width : 8.33333%;
margin-left : 0;
}
.row .col.s2 {
width : 16.66667%;
margin-left : 0;
}
.row .col.s3 {
width : 25%;
margin-left : 0;
}
.row .col.s4 {
width : 33.33333%;
margin-left : 0;
}
.row .col.s5 {
width : 41.66667%;
margin-left : 0;
}
.row .col.s6 {
width : 50%;
margin-left : 0;
}
.row .col.s7 {
width : 58.33333%;
margin-left : 0;
}
.row .col.s8 {
width : 66.66667%;
margin-left : 0;
}
.row .col.s9 {
width : 75%;
margin-left : 0;
}
.row .col.s10 {
width : 83.33333%;
margin-left : 0;
}
.row .col.s11 {
width : 91.66667%;
margin-left : 0;
}
.row .col.s12 {
width : 100%;
margin-left : 0;
}
.row .col.offset-s1 {
margin-left : 8.33333%;
}
.row .col.offset-s2 {
margin-left : 16.66667%;
}
.row .col.offset-s3 {
margin-left : 25%;
}
.row .col.offset-s4 {
margin-left : 33.33333%;
}
.row .col.offset-s5 {
margin-left : 41.66667%;
}
.row .col.offset-s6 {
margin-left : 50%;
}
.row .col.offset-s7 {
margin-left : 58.33333%;
}
.row .col.offset-s8 {
margin-left : 66.66667%;
}
.row .col.offset-s9 {
margin-left : 75%;
}
.row .col.offset-s10 {
margin-left : 83.33333%;
}
.row .col.offset-s11 {
margin-left : 91.66667%;
}
.row .col.offset-s12 {
margin-left : 100%;
}
@media only screen and (min-width:601px) {
.row .col.m1 {
width : 8.33333%;
margin-left : 0;
}
.row .col.m2 {
width : 16.66667%;
margin-left : 0;
}
.row .col.m3 {
width : 25%;
margin-left : 0;
}
.row .col.m4 {
width : 33.33333%;
margin-left : 0;
}
.row .col.m5 {
width : 41.66667%;
margin-left : 0;
}
.row .col.m6 {
width : 50%;
margin-left : 0;
}
.row .col.m7 {
width : 58.33333%;
margin-left : 0;
}
.row .col.m8 {
width : 66.66667%;
margin-left : 0;
}
.row .col.m9 {
width : 75%;
margin-left : 0;
}
.row .col.m10 {
width : 83.33333%;
margin-left : 0;
}
.row .col.m11 {
width : 91.66667%;
margin-left : 0;
}
.row .col.m12 {
width : 100%;
margin-left : 0;
}
.row .col.offset-m1 {
margin-left : 8.33333%;
}
.row .col.offset-m2 {
margin-left : 16.66667%;
}
.row .col.offset-m3 {
margin-left : 25%;
}
.row .col.offset-m4 {
margin-left : 33.33333%;
}
.row .col.offset-m5 {
margin-left : 41.66667%;
}
.row .col.offset-m6 {
margin-left : 50%;
}
.row .col.offset-m7 {
margin-left : 58.33333%;
}
.row .col.offset-m8 {
margin-left : 66.66667%;
}
.row .col.offset-m9 {
margin-left : 75%;
}
.row .col.offset-m10 {
margin-left : 83.33333%;
}
.row .col.offset-m11 {
margin-left : 91.66667%;
}
.row .col.offset-m12 {
margin-left : 100%;
}
}
@media only screen and (min-width:993px) {
.row .col.l1 {
width : 8.33333%;
margin-left : 0;
}
.row .col.l2 {
width : 16.66667%;
margin-left : 0;
}
.row .col.l3 {
width : 25%;
margin-left : 0;
}
.row .col.l4 {
width : 33.33333%;
margin-left : 0;
}
.row .col.l5 {
width : 41.66667%;
margin-left : 0;
}
.row .col.l6 {
width : 50%;
margin-left : 0;
}
.row .col.l7 {
width : 58.33333%;
margin-left : 0;
}
.row .col.l8 {
width : 66.66667%;
margin-left : 0;
}
.row .col.l9 {
width : 75%;
margin-left : 0;
}
.row .col.l10 {
width : 83.33333%;
margin-left : 0;
}
.row .col.l11 {
width : 91.66667%;
margin-left : 0;
}
.row .col.l12 {
width : 100%;
margin-left : 0;
}
.row .col.offset-l1 {
margin-left : 8.33333%;
}
.row .col.offset-l2 {
margin-left : 16.66667%;
}
.row .col.offset-l3 {
margin-left : 25%;
}
.row .col.offset-l4 {
margin-left : 33.33333%;
}
.row .col.offset-l5 {
margin-left : 41.66667%;
}
.row .col.offset-l6 {
margin-left : 50%;
}
.row .col.offset-l7 {
margin-left : 58.33333%;
}
.row .col.offset-l8 {
margin-left : 66.66667%;
}
.row .col.offset-l9 {
margin-left : 75%;
}
.row .col.offset-l10 {
margin-left : 83.33333%;
}
.row .col.offset-l11 {
margin-left : 91.66667%;
}
.row .col.offset-l12 {
margin-left : 100%;
}
}
.card {
position : relative;
overflow : hidden;
margin : 0.5rem 0 1rem 0;
background-color : #fff;
transition : box-shadow 0.25s;
border-radius : 2px;
}
.card .card-title {
color : #fff;
font-size : 24px;
font-weight : 300;
line-height : 26px;
}
.card.small, .card.medium, .card.large {
position : relative;
}
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
position : absolute;
bottom : 0;
left : 0;
right : 0;
}
.card-action h6 {
text-align : center;
}
.card.small {
height : 300px !important ;
}
.card.small .card-image {
height : 150px;
}
.card.small .card-content {
height : 150px;
}
.card.medium {
height : 400px;
}
.card.medium .card-image {
height : 250px;
}
.card.medium .card-content {
height : 150px;
}
.card.large {
height : 500px;
}
.card.large .card-image {
height : 330px;
}
.card.large .card-content {
height : 170px;
}
.card .card-image {
position : relative;
}
.card .card-image img {
border-radius : 2px 2px 0 0;
position : relative;
left : 0;
right : 0;
top : 0;
bottom : 0;
width : 100%;
}
.card .card-image .card-title {
position : absolute;
bottom : 0;
left : 0;
padding : 20px;
}
.card .card-content {
padding : 5px;
border-radius : 0 0 2px 2px;
}
.card .card-content p {
margin : 0;
color : inherit;
}
.card .card-action {
border-top : 1px solid rgba(160, 160, 160, 0.2);
padding : 10px 0;
}
.card .card-action a {
color : #ffab40;
transition : color 0.3s ease;
}
.card .card-action a:hover {
color : #ffd8a6;
}
.card-panel, .card {
box-shadow : 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.red-text {
color : #F44336 !important ;
}
.black {
background-color : #000000 !important ;
}
.black-text {
color : #000000 !important ;
}
.white {
background-color : #FFFFFF !important ;
}
.white-text {
color : #FFFFFF !important ;
}
.transparent {
background-color : transparent !important ;
}
.transparent-text {
color : transparent !important ;
}
.collection {
margin : 0.5rem 0 1rem 0;
border : #e0e0e0 solid 1px;
border-radius : 2px;
overflow : visible;
position : relative;
background-color : #fff;
}
ul.collection li {
font-size : 12px !important ;
}
.collection-item {
font-family : 'Montserrat', sans-serif;
font-size : 12px;
line-height : 24px;
padding : 10px !important ;
margin : 0;
border-bottom : 1px solid #e0e0e0;
}
.collection .collection-item.avatar {
min-height : 84px;
padding-left : 72px;
position : relative;
}
.collection .collection-item.avatar .circle {
position : absolute;
width : 42px;
height : 42px;
overflow : hidden;
left : 15px;
display : inline-block;
vertical-align : middle;
}
.collection .collection-item.avatar i.circle {
font-size : 18px;
line-height : 42px;
color : #fff;
background-color : #999;
text-align : center;
}
.collection .collection-item.avatar .title {
font-size : 16px;
}
.collection .collection-item.avatar p {
margin : 0;
}
.collection .collection-item.avatar .secondary-content {
position : absolute;
top : 16px;
right : 16px;
}
.collection .collection-item:last-child {
border-bottom : none;
}
.collection .collection-item.active {
background-color : #26a69a;
color : #eafaf9;
}
.collection a.collection-item {
display : block;
transition : 0.25s;
color : #26a69a;
}
.collection a.collection-item:not(.active):hover {
background-color : #ddd;
}
.collection.with-header .collection-header {
background-color : #fff;
border-bottom : 1px solid #e0e0e0;
padding : 10px 20px;
}
.collection.with-header .collection-item {
padding-left : 30px;
}
.collection.with-header .collection-item.avatar {
padding-left : 72px;
}
.center {
text-align : center;
}
button {
position : relative;
display : block;
padding : 0;
text-align : center;
width : 13em;
height : 3em;
margin : 0 auto;
color : #fff;
background : #00bad2;
cursor : pointer;
overflow : hidden;
border-radius : 2px;
}
.ripple {
position : absolute;
background : rgba(0, 0, 0, 0.25);
border-radius : 100%;
transform : scale(0);
}
.ripple.show {
animation : ripple 0.5s ease-out;
}
@keyframes ripple {
to {
transform : scale(1.5);
opacity : 0;
}
}
/*******************End card slider *******************/
/******************* styles for mobile ********************/
@media (max-width:1024px){
#nav-container {
width:100%;
margin-top:20px;
}
#leftmenu, #rightmenu {
display: none;
}
#mobile-header-social {
display: block;
}
.selectDiv {
display:block;   
}
#nav-container select {
display:block;
float:left;
margin-top:-17px;
height:38px;
background:#f6f6f6;
border:1px solid #ececec;
color:#666;
font:italic 12px Arial, sans-serif;
z-index:900;
position:relative;
}
#nav-container option {
display:block;
height:38px;
margin-top:-10px;
background:#f6f6f6;
border:1px solid #ececec;
color:#666;
font:italic 12px Arial, sans-serif;
z-index:900;
position:relative;
margin:12px auto;
}
}
@media screen and (max-width:600px) {
.tinynav {
display : block;
}
#nav, #nav2 {
display : none;
}
}
#full-width-slider {
width : 100%;
height : 500px;
color : #000;
}
.coloredBlock {
top : 5%;
left : 20%;
width : 200px;
padding : 12px;
color : #fff;
background : rgba(255, 0, 0, 0.6);
}
.infoBlock {
position : absolute;
z-index : 99999;
top : 200px;
left : 50%;
overflow : hidden;
width : 1020px;
margin-left : -510px;
padding-bottom : 0;
background : transparent;
}
.infoBlock h1 {
font-size : 37px !important ;
text-align : center !important ;
text-transform : uppercase !important ;
color : #fff !important ;
}
.infoBlock h4 {
font-size : 20px;
line-height : 1.2;
margin : 0;
padding-bottom : 3px;
}
.infoBlock h2 {
font-size : 37px;
text-align : center;
text-transform : uppercase;
color : #d7d7d7;
}
.infoBlock p {
font-family : 'Montserrat', sans-serif;
font-size : 14px;
font-size : 24px;
font-weight : bold;
line-height : 35px;
margin : 40px 0 0;
padding : 0 30px 0 70px;
color : #fff !important ;
text-shadow : 1px 1px 1px #000;
}
.infoBlock a {
text-decoration : none;
color : #fa381f;
}
.fullWidth {
max-width : 1400px;
max-width : 100%;
margin : 0 auto 24px;
}
@media screen and (max-width:1060px) {
#page, .wrapper {
width : 100%;
max-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) {
#page, .wrapper {
width : 100%;
max-width : 100%;
}
.work-post-loop {
width : 100%;
margin : 0 auto;
}
.summary-post {
margin-right : 0;
margin-right : 22px;
margin-left : 0;
}
.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;
width : 260px;
margin-top : 20px;
margin-right : 0;
margin-left : 10px;
}
#work-description {
width : 410px;
margin-right : 10px;
margin-left : 0;
}
#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 : 0 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 {
position : absolute;
top : 150px !important ;
left : 5% !important ;
width : 90% !important ;
max-width : 90% !important ;
margin-left : 0;
}
.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 {
display : inline;
float : left;
margin-right : 22px;
}
#footer .wrapper {
width : 95%;
margin : 0 auto;
}
#footerright, #footerleft {
display : block;
float : none;
}
#footerright {
width : 100%;
margin-top : 30px;
}
.single-slide .wrapper {
left : -35px;
width : 90%;
}
.single-slide .wrapper h2 {
font-size : 27px;
margin-top : -60px !important ;
}
.slide-copy {
font-size : 17px;
line-height : 27px;
padding : 20px 30px;
}
.cbp-af-header #logo {
position : absolute !important ;
z-index : 9999 !important ;
top : 17px !important ;
left : 50% !important ;
display : block !important ;
width : 148px !important ;
height : 106px !important ;
margin-left : -74px !important ;
background : url(../images/logo-small.png) no-repeat !important ;
}
.panel-wrapper, .single-slide, .panel-container {
overflow : hidden;
height : 500px;
}
.panel-wrapper img {
position : absolute !important ;
top : 0;
left : 50%;
width : auto !important ;
width : 1500px !important ;
height : 400px !important ;
}
#featured-work-wrap {
width : 100%;
margin-top : -100px;
}
#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) {
#page, .wrapper {
width : 100%;
max-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 {
display : block;
float : none;
margin : 0 auto 20px !important ;
}
#work-info, #work-description {
display : block;
float : none;
width : 100%;
max-width : 460px;
margin : 0 auto;
}
#work-description h1 {
margin-top : 20px;
}
#recent-posts-wrap {
height : auto;
background : url(../images/recent-posts-bg.png) !important ;
}
.recent-posts-title {
width : 250px;
text-align : center;
}
.recent-posts-title br {
display : none;
}
.latest-post {
display : block;
float : none;
margin-top : 10px;
margin-right : auto;
margin-left : auto;
}
#featured-work-wrap {
overflow : hidden;
width : 100% !important ;
max-width : 480px;
}
#featured-work-wrap img {
max-width : 100% !important ;
height : auto;
}
.featured-work {
display : block;
float : none;
margin : 0 auto 30px;
}
.featured-large {
display : block;
float : none;
width : 480px;
height : 344px;
margin : 0 auto 30px;
}
.featured-large img {
width : 480px;
height : 344px;
}
.featured-large .summary-hover {
width : 480px;
height : 344px;
}
.featured-large h2 {
font-weight : normal !important ;
margin-top : 240px !important ;
}
#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 {
display : block;
float : none;
max-width : 480px;
}
#footermid, #footersocial {
font-size : 14px;
line-height : 22px;
}
#footersocial {
margin : 0;
}
#footermid {
width : 180px;
}
.single-slide {
overflow : hidden;
height : 230px;
}
.single-slide .wrapper {
left : -10px;
width : 90%;
margin-top : 80px;
}
.single-slide .wrapper h2 {
font-size : 22px;
line-height : 22px;
margin-top : 40px !important ;
margin-bottom : 10px;
}
.slide-copy {
font-size : 12px !important ;
line-height : 20px !important ;
overflow : hidden;
max-height : 50px;
padding : 10px 20px 15px;
}
#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 : 0 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 : block;
float : none;
margin : 0;
text-align : center;
}
.blog-content #summary-box {
display : block;
display : inline;
float : none;
float : left;
width : 38.5%;
max-width : 38.5%;
margin : 0 auto 25px;
margin : 0 10px;
padding : 25px 4%;
}
.blog-content .summary-post {
display : block;
display : inline;
float : none;
float : left;
width : 45%;
max-width : 45%;
margin : 0 auto 25px;
margin : 0 10px 25px;
}
p.summary-date {
width : 96%;
padding-right : 0;
padding-left : 4%;
}
.slide-copy {
display : none;
}
.panel-wrapper, .single-slide, .panel-container {
overflow : hidden;
height : 400px;
}
.panel-wrapper img {
position : absolute !important ;
top : 0;
left : 50%;
width : auto !important ;
width : 1500px !important ;
height : 300px !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 {
font-size : 14px;
line-height : 21px;
margin-top : 0;
padding-right : 0;
padding-left : 0;
}
.infoBlock br {
display : none;
}
.infoBlock h2 {
font-size : 19px !important ;
margin-top : 0;
margin-bottom : 15px;
}
.alignleft, .alignright {
float : none;
margin-right : 0;
margin-left : 0;
}
.sf-menu {
display : none;
}
.tinynav {
display : block;
overflow : hidden;
width : 100%;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
text-transform : uppercase;
color : #333;
border : none;
background : #fff;
background-color : transparent;
background-image : none;
background-repeat : no-repeat;
background-position : right center;
}
.tinynav option {
color : #000;
}
}
@media (max-device-width:650px) {
.tinynav {
background-image : url('../images/select-arrow.png');
}
}
@media screen and (max-width:479px) {
#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 {
float : none;
width : 100%;
max-width : 300px;
margin : 0 auto;
padding : 0 0 0 10px;
}
#featured-work-wrap {
width : 300px;
margin : 30px auto 0;
}
.recent-posts-title {
font-size : 16px;
margin-right : 0;
margin-left : 50px;
}
/*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 {
display : block;
float : none;
margin : 0 auto 20px !important ;
}
#work-info, #work-description {
display : block;
float : none;
width : 100%;
max-width : 300px;
margin : 0 auto;
}
#work-description h1 {
margin-top : 20px;
}
.summary-post, .summary-post.last {
display : block;
float : none;
margin : 0 auto 20px !important ;
}
.summary-post h2 a {
font-size : 18px;
font-weight : normal;
}
#post-info h1, #post-info h5 {
display : block;
float : none;
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 {
display : block;
float : none;
}
#footermid, #footersocial {
font-size : 14px;
line-height : 22px;
display : block;
float : none;
}
#footersocial {
margin : 30px 0 0;
}
.content p, .content li {
font-size : 13px;
line-height : 21px;
}
.content li {
margin : 0;
padding : 0;
}
blockquote {
font-style : italic;
padding-left : 0;
background : transparent;
}
.blog-content #summary-box {
display : block;
float : none;
width : 72%;
max-width : 280px;
margin : 0 auto 25px;
padding : 25px 4%;
}
.blog-content .summary-post {
display : block;
float : none;
width : 80%;
max-width : 280px;
margin : 0 auto 25px;
}
.single-slide {
overflow : hidden;
height : 120px;
}
.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 {
overflow : hidden;
width : 100% !important ;
max-width : 320px;
}
#featured-work-wrap img {
max-width : 100%;
height : auto;
}
.featured-work {
display : block;
float : none;
margin : 0 auto 30px;
}
.featured-large {
display : block;
float : none;
width : 320px;
height : 229px;
margin : 0 auto 30px;
}
.featured-large img {
width : 320px;
height : 229px;
}
.featured-large .summary-hover {
width : 320px;
height : 229px;
}
.featured-large h2 {
font-weight : normal !important ;
margin-top : 160px !important ;
}
.blog-content #summary-box {
padding : 25px 10px;
}
.blog-content .summary-post {
display : block;
float : none;
margin : 0 auto 25px;
}
.panel-wrapper, .single-slide, .panel-container {
overflow : hidden;
height : 300px;
}
.panel-wrapper img {
position : absolute !important ;
top : 0;
left : 50%;
width : auto !important ;
width : 1800px !important ;
height : 300px !important ;
}
#featured-work-wrap {
margin : -80px auto 0 !important ;
margin-top : -230px;
}
#featured-work-wrap #featured-work-title {
text-align : center;
}
.infoBlock h1 {
font-size : 37px !important ;
text-align : center !important ;
text-transform : uppercase !important ;
color : #fff !important ;
}
.infoBlock h2 {
font-size : 23px;
line-height : 23px;
margin-top : 0 !important ;
}
.infoBlock p {
font-size : 12px;
line-height : 19px;
margin-top : 0;
padding-right : 0;
padding-left : 0;
}
.infoBlock br {
display : none;
}
.infoBlock h2 {
font-size : 19px !important ;
margin-top : 0;
margin-bottom : 15px;
}
}
@media screen and (max-width:319px) {
#page {
max-width : 100%;
}
}
@media screen and (min-width:1600px) {
.single-slide {
position : relative;
overflow : hidden;
width : 100%;
height : 880px;
padding : 0;
}
#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 ;
}
}
.captioning {
font-size : 20px;
text-align : left;
font-family : Arial;
color : #FFFFFF !important ;
padding-left : 10px;
margin-left : 10px;
}
.captioning-bottom {
font-size : 20px;
text-align : left;
font-family : Arial;
color : #FFFFFF !important ;
padding-top : 170px;
margin-top : 50px;
margin-left : 10px;
padding-left : 10px;
}
.captioning-lite {
font-size : 20px;
text-align : center;
font-family : Arial;
color : #FFFFFF !important ;
padding-top : 5px;
margin-top : 10px;
}
.captioning-bottom-lite {
font-size : 20px;
text-align : center;
font-family : Arial;
color : #FFFFFF !important ;
padding-top : 100px;
margin : 25px;
}
.smallheadline {
font-size : 25px !important ;
text-align : left;
font-family : Arial;
color : #FFFFFF !important ;
padding-right : 55px;
margin-right : 35px;
}
.captioning-brow {
font-size : 25px !important ;
text-align : left;
font-family : Arial;
color : #000000 !important ;
padding : 5px;
padding-right : 55px;
margin-right : 35px;
margin : 5px;
}
.animate_opacity {
transition-duration : 0.4s;
transition-property : opacity;
}
.animate_opacity:hover, .animate_opacity:active {
opacity : 0.4000000059604644775390625;
}
.animate_height {
transition-timing-function : ease;
transition-duration : 0.6s;
transition-property : height;
}
.animate_height:hover, .animate_height:active {
height : 100px;
}
.img1 img {
padding-left : 10px;
}
.img2 img {
padding-left : 10px;
}
.sitelst li {
padding : 5px;
list-style-type : circle;
}
.sitelst li a {
color : #d50035 !important ;
}
.linklst a {
display : block;
color : #d50035 !important ;
}
.alst a {
color : #d50035 !important ;
}
.site li a {
padding : 15px 0;
}
.paragame {
margin-top : 15px;
}
.mbl404 {
display : block;
margin-top : 65px;
}
#btn1 {
display : block;
margin-top : 10px;
}
.gamedev {
width : 100%;
}
ul.gameul {
float : left;
width : 45%;
}
.gameli {
margin-top : 45px;
}
@media screen and (max-width:480px) {
ul.gameul {
width : 100%;
}
.gameli {
margin-top : 0;
}
}
#achieve {
margin-top : 8px;
}
#consts p {
margin-left : 5px;
font-size : 20px;
text-align : left;
}
#consts h2 {
margin-left : 20px !important ;
}
#container {
display : table;
width : 100%;
margin : 15px auto;
padding : 0;
border : red solid 1px;
}
#container h3 {
font-family : 'Montserrat', sans-serif;
font-size : 20px;
font-weight : normal;
line-height : 35px;
margin : 0 0 5px 0;
padding : 0 0 0 0;
text-decoration : none;
color : #d50035;
}
.lstrow {
display : table-row;
}
.lstrow1 {
border : #fff solid 1px;
}
.left {
display : table-cell;
width : 23%;
padding : 1em 0.4em;
}
.middle {
display : table-cell;
width : 26%;
padding : 1em 0.4em;
background-color : #eee;
}
.right {
display : table-cell;
width : 26%;
padding : 1em 0.4em;
background-color : #eee;
}
@media screen and (max-width:600px) and (min-width:481px) {
.lstrow, .lstrow h3 {
font-size : 15px;
}
}
@media screen and (max-width:480px) {
.lstrow, .lstrow h3 {
font-size : 12px !important ;
}
.peek-a-bar {
margin : 40% auto !important ;
width : 50% !important ;
}
}
.main > p {
padding : 1em !important ;
}
#siteimg {
width : 100%;
}
.upgradecls {
list-style : inside;
}
.bulletcls {
list-style : inside;
list-style-type : square;
}
.phonegapcls h2 {
margin : 5px 0 10px 0 !important ;
text-align : center;
}
.phonegapcls h4 {
line-height : 20px !important ;
}
.phonegapcls p {
line-height : 30px !important ;
}
.foot_contact_frm em {
font-size : 12px;
color : red !important ;
}
.fcaptcha_sec {
width : 100%;
}
#mainCaptcha {
float : left;
width : 50%;
}
#refresh {
float : left;
width : 40%;
background-color : #fff;
}
.agileframe, .agileframe h1 {
color : #000 !important ;
}
.agileframe p {
text-align : left;
}
.agileframe h2 {
font-family : 'Montserrat', sans-serif;
font-size : 28px;
font-weight : normal;
line-height : 3px;
margin : 0 0 25px 0;
padding : 0 0 0 0;
text-decoration : none;
}
.agileframe h1 {
text-align : center;
}
.portfoliocls {
width : 600px !important ;
margin-top : -60px !important ;
}
.exlinkscls a {
font-size : 10px;
}
.glossary {
padding-left : 5px;
}
.indexcontentcls li {
font-family : 'Montserrat', sans-serif;
font-size : 16px;
line-height : 35px !important ;
margin-top : -25px !important ;
}
.indexcontentcls h2 {
font-size : 20px !important ;
}
.uscities {
width : 700px !important ;
margin-left : 20px;
}
.amazonbanner {
width : 100%;
text-align : center;
}
.peek-a-bar {
margin : 20% auto;
position : fixed;
width : 50%;
left : 0;
right : 0;
text-align : center;
}
.custom-bar {
font-size : 20px;
font-family : 'Montserrat', sans-serif;
color : #fff;
padding : 15px !important ;
}
.recentpost-content div {
color : #000 !important ;
margin : 10px 0 !important ;
}
.recentpost-content p {
font-size : 18px !important ;
color : #000 !important ;
line-height : 30px !important ;
}
.recentpost-content {
font-family : 'Montserrat', sans-serif !important ;
font-size : 18px !important ;
line-height : 30px !important ;
margin : 0 !important ;
padding : 0 !important ;
}
.contact_button {
width : 320px;
display : inline-block;
background : #D33A31;
color : #FFF;
border-radius : 6px;
/*height : 50px;*/
line-height : 30px;
font-size : 18px;
color : #fff;
margin : 0;
padding : 10px 0;
text-decoration : none;
text-align : center;
}
.contact_button:hover {
color : #fff !important ;
}
@media screen and (max-width:768px) {
.contact_button {
width : 100%;
}
}