*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* Zakaria, Front End Developer Custom screen Styling Date: 12th August 2015*/ 
/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } a {
color: inherit;  text-decoration: none;  outline: none;}blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } 
body { color: #ECECEC; font-size: 16px; line-height: 21px; position: relative; margin: 0px; -webkit-font-smoothing: antialiased; font-family: 'ProximaNova','Helvetica Neue',Helvetica,Arial,sans-serif; background: url("../images/bg-services.png") #2D2D2D; } img { border: 0; width: auto; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; } 
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont_3.eot');
  src: url('../fonts/fontawesome-webfont_2.eot#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont_1.woff2') format('woff2'), url('../fonts/fontawesome-webfont_1.woff') format('woff'), url('../fonts/fontawesome-webfont_1.ttf') format('truetype'), url('../fonts/fontawesome-webfont_1.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#highlight {border: 1px solid rgba(189, 189, 189, 0.49);padding: .5em;font-size: .9em;background: #E9A60A;}
#highlight a:link, #highlight a:visited {color: #000000;font-weight: 600;}
#highlight a:hover {color: #CC1411;}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*	-------------------------------------------------- :: Typography -------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .h1,.h2,.h3,.h4,.h5,.h6 {font-weight: bold;line-height: 1.25;margin: 0 0 8px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 32px; margin-bottom: 12px;} h2 { font-size: 28px; margin-bottom: 9px; } h3 { font-size: 24px; margin-bottom: 9px; } h4 { font-size: 21px; margin-bottom: 3px; } h5 { font-size: 18px; margin-bottom: 3px; } h6 { font-size: 15px; font-weight: normal; } 
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal; font-family: 'ProximaNova','Helvetica Neue',Helvetica,Arial,sans-serif;} 
.h1{font-size: 28px;line-height: 36px;}
.h1 small{font-size: 26px;    }
.h2{  font-size: 24px;    line-height: 32px;}
.h2 small    {        font-size: 21px;    }
.h3{    font-size: 18px; line-height: 27px;}
.h3 small    {        font-size: 17px;}
p { line-height: 20px; margin: 0 0 18px; } p img { margin: 0; } p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 85%; line-height: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small { color: inherit; } ul, ol { padding: 0; margin: 0 0 10px 28px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; }ul.disc{list-style-type: disc;} ul.number{list-style-type: decimal;} ul.unstyled, ol.unstyled { margin: 0; list-style: none; }ul.thumbnails{margin-left: 0;} ul.inline { margin-left: 0; list-style: none; } ul.inline li { float: left; } ul.inline li a { display: block; padding: 5px 8px; } ul.inline-items { margin-left: 0; list-style: none; text-align: center; } ul.inline-items li { display: inline-block; } ul.list-items { margin-left: 0; list-style: none; } ul.list-items>li>a{ display:block; } 
.dvAside:after { content: ''; clear: both; display:table;} .center {text-align:center;}
ul>li>a{  transition: all 300ms linear;
          -o-transition: all 300ms linear;
          -ms-transition: all 300ms linear;
          -moz-transition: all 300ms linear;
          -webkit-transition: all 300ms linear;}
.videoWrapper {
    height: 0;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
    padding-bottom: 56.25%;
}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
/*===========================Form Stylet=================================*/
fieldset
{
    padding: 0;
    margin: 0;
    border: 0;
}

label,
input,
button,
select,
textarea
{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

input,
button,
select,
textarea
{
    font-family: 'ProximaNova','Helvetica Neue',Helvetica,Arial,sans-serif;
}

label
{
    display: block;
    margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
    color: #555555;
    font-size: 14px;
    min-height: 21px;
    padding: 5px 6px;
    line-height: 20px;
    margin-bottom: 3px;
    border-radius: 3px;
    display: inline-block;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

textarea
{
    height: auto;
}

textarea,
input[type="text"],
input[type="password"]
{
    background-color: #ffffff;
    border: 1px solid #A0A3A5;
}

input[type="radio"],
input[type="checkbox"]
{
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"]
{
    width: auto;
}
select
{
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
select[multiple],
select[size]
{
    height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder
{
    color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #999999;
}
.radio
{
    min-height: 25px;
    position:relative;
    padding-left: 20px;
}
.checkbox
{
    min-height: 25px;
    position:relative;
    padding-left: 30px;
}
.radio input[type="radio"]
{
    left: 0px;
    position: absolute;        
}
.checkbox input[type="checkbox"]
{
    border: 0;
    padding: 0;
    left: 10px;
    z-index: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
}
.downloadprofile {
    width: 100%;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
    border: thin solid #999999;
    background: none repeat scroll 0 0 #555555;
}
/* ---------------- :: Grid This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. ---------------------------- */ 
.container { width: 100%; margin: 0 auto; position: relative; background: rgba(0,0,0,0); padding: 0 10px; } div.container.nopadding { padding-left: 0px; padding-right: 0px; } .row { width: 100%; margin: 0 auto; } /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0; } 
@media screen and (min-width: 768px) { .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; } .column:first-child, .columns:first-child { margin-left: 0; } [class*="column"] + [class*="column"]:last-child { float: right; } .row .one { width: 4.3%; } .row .two { width: 13%; } .row .three { width: 21.679%; } .row .four { width: 30.37%; } .row .five { width: 39.1%; } .row .six { width: 47.8%; } .row .seven { width: 56.5%; } .row .eight { width: 65.2%; } .row .nine { width: 73.9%; } .row .ten { width: 82.6%; } .row .eleven { width: 91.3%; } .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } .row .offset-by-three { margin-left: 30.5%; } .row .offset-by-four { margin-left: 39.2%; } .row .offset-by-five { margin-left: 47.9%; } .row .offset-by-six { margin-left: 56.6%; } .row .offset-by-seven { margin-left: 65.3%; } .row .offset-by-eight { margin-left: 74.0%; } .row .offset-by-nine { margin-left: 82.7%; } .row .offset-by-ten { margin-left: 91.4%; } .row .centered { float: none; margin: 0 auto; } .row .offset-by-one:first-child { margin-left: 8.7%; } .row .offset-by-two:first-child { margin-left: 17.4%; } .row .offset-by-three:first-child { margin-left: 26.1%; } .row .offset-by-four:first-child { margin-left: 34.8%; } .row .offset-by-five:first-child { margin-left: 43.5%; } .row .offset-by-six:first-child { margin-left: 52.2%; } .row .offset-by-seven:first-child { margin-left: 60.9%; } .row .offset-by-eight:first-child { margin-left: 69.6%; } .row .offset-by-nine:first-child { margin-left: 78.3%; } .row .offset-by-ten:first-child { margin-left: 87%; } .row .offset-by-eleven:first-child { margin-left: 95.7%; } .row .custom-twelve{width: 100%;margin-left: 0;margin-right: 0;} /* Source Ordering */ .push-two { left: 17.4% } .push-three { left: 26.1%; } .push-four { left: 34.8%; } .push-five { left: 43.5%; } .push-six { left: 52.2%; } .push-seven { left: 60.9%; } .push-eight { left: 69.6%; } .push-nine { left: 78.3%; } .push-ten { left: 87%; } .pull-two { right: 17.4% } .pull-three { right: 26.1%; } .pull-four { right: 34.8%; } .pull-five { right: 43.5%; } .pull-six { right: 52.2%; } .pull-seven { right: 60.9%; } .pull-eight { right: 69.6%; } .pull-nine { right: 78.3%; } .pull-ten { right: 87%; } } /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } 
header {position: relative; background: linear-gradient(to bottom,#D4D4D4 0,#FFFFFF 100%);}
.preheader {background-color: #003C74;margin-bottom: 10px;position: relative;}
.preheader .container {background-color: #0A3253;background: linear-gradient(to bottom,#003C73 0,#003D73 100%);padding-bottom: 0px;}
header .container{ padding-bottom: 14px;}
.preheader ul {float:right;}
.preheader ul>li>a:hover{background-color:#FC0002; background: linear-gradient(#FC0002, #d81612);}
.preheader ul li>span{display: block; padding: 5px 8px;}
.fa-phone:before {content: "\f095";}
.fa-twitter:before {content: "\f099";}
.fa-facebook:before {content: "\f09a";}
.fa-google-plus:before { content: "\f0d5";}
.fa-instagram:before {content: "\f16d";}
.fa-flickr:before {content: "\f16e";}
.utility h1 {color: #02335C;margin-top: 8px;}
.utility h2 {color: #E60E0C;margin-bottom: 0;}
.dvBody {padding-top: 10px;position: relative;}
#right-content h1 {color: #fff;}
#right-content a { color: #00aeef; text-decoration: none;}
#right-content a:hover {color: #0076a3; text-decoration: underline;}
.dvCta{text-align:center; margin-bottom: 16px;}
    margin-left: -20px;
}
ul.thumbnails {margin-left:0px;}
.thumbnails:before, 
.thumbnails:after {
    display: table;
    line-height: 0;
    content: "";
}
.thumbnails:after {
    clear: both;
}
.thumbnails > li {
    float: left;
    margin-bottom: 18px;
}
.thumbnail {
    padding: 0px;
    display: block;
    overflow: hidden;
    margin-left: 0px;
    line-height: 20px;
    margin-bottom: 3px;
    position: relative;
    border-radius: 3px;
    border: 1px solid #ddd;
    transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.25);
}
.thumbnail .caplock {
    height: 168px;
    overflow: hidden;
    position: relative;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: rgb(51, 51, 51);
}
.thumbnail .caplock>a>img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    position: absolute;
}
.thumbnail .caption {
    padding: 9px;
    color: #999999;
}
.thumbnail .caption h3 {font-size: 18px; margin-bottom: 0px;}
.thumbnail .caption p {
    font-size: 14px;
    margin-bottom: 8px;
    color: #4d4d4d;
    line-height: 18px;
}
.thumbnail .caption .h2{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.thumbnail .thumb-images>img{width:100%;}
.thumb-images ~ .caption h2 {margin-top:0px; color: #4d4d4d;  font-weight: normal;}
.blog-items:after, .blog-items .list-p:after{
    display: table;
    clear: both;
    content: '';
}
.blog-items p.list-p{
    position: relative;
}
.blog-items p.list-p:nth-child(even){
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: rgba(0,0,0,0.1);
}


.resourcesList {
position: relative;
    padding-left: 286px;}

.resourcesList:after{
   clear: both;
   content: '';
   display:table;
}
.resourcesList .Placeholder{
    position: absolute;
    left: 0px;
    top: 5px;
    width: 266px;
}
/*Gallery Items Styles*/
.gallery-with-icon {margin-left: -10px; margin-right: -10px;}
.gallery-item {
    margin-top: 10px;
    text-align: center;
    padding-left: 10px;
    padding-right: 15px;
}
.gallery-icon>a>img{
   width: 100%;
}
.gallery-hidden {
  display:none;
}
.qa-faq {
    margin-top: -1px;
    position: relative;
    border: 1px solid #ddd;
    background-color: #000000;
}
.qa-faq .qa-faq-title {
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 0;
    padding-top: 6px;
    font-weight: normal;
    padding-left: 42px;
    position: relative;
    padding-bottom: 8px;
}
.qa-faq .qa-faq-title:before {
    top: 6px;
    left: 4px;
    width: 22px;
    height: 22px;
    content: '+';
    color: #f4f6f8;
    font-size: 24px;
    background: none;
    line-height: 24px;
    position: absolute;
    text-align: center;
    display: inline-block;
}
.qa-faq .qa-faq-title.expanded {
    color: #D70818;
}
.qa-faq .qa-faq-title.expanded:before {
    content: '-';
    color: #D70818;
}
.qa-faq .qa-faq-title:after {
    top: 0px;
    width: 1px;
    left: 30px;
    content: '';
    height: 100%;
    position: absolute;
    border-right: 1px solid #ddd;
 }
.qa-faq-answer {
    border-top: 1px solid #ddd;
    padding: 10px 10px 10px 30px;
}
/*Lightbox popup styles adde by zakaria*/
/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/*Block Headline*/
.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

.headline h2 {
    font-size: 22px;
}

.headline h2, 
.headline h3, 
.headline h4 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 1px dotted #005EA8;
}
.headline-md {
    margin-bottom: 15px;
}
.headline-md h2 {
    font-size: 21px;
}
h1[style*="text-align: center"], h1[style="text-align:center"], h2[style*="text-align: center"], h2[style="text-align:center"], h3[style*="text-align: center"], h3[style="text-align:center"], h4[style*="text-align: center"], h4[style="text-align:center"]{
    position: relative;
    padding-bottom: 1rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(30,30,30,0.1);
}
h1[style*="text-align: center"]::after, h1[style="text-align:center"]::after, h2[style*="text-align: center"]::after, h2[style="text-align:center"]::after, h3[style*="text-align: center"]::after, h3[style="text-align:center"]::after, h4[style*="text-align: center"]::after, h4[style="text-align:center"]::after, .special-title[style*="text-align: center"]::after, .special-title[style="text-align:center"]::after {
    top: 100%;
    left: 50%;
    content: '';
    width: 4rem;
    height: .4rem;
    display: block;
    position: absolute;
    margin-top: -.2rem;
    margin-left: -2rem;
}
h1::after, h2::after, h3::after, h4::after, .special-title::after {
    background-color: rgba(192,57,43,1);
}
/*Heading Options*/
.heading { text-align: center;  font-size: 1.25em;  margin: 0 0 .5em 0;  border-bottom: 1px solid rgba(156, 156, 156, 0.32);}
hr, div.hr {
    border: 0;
    margin: 20px 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}
hr.gradient {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.dvAside .list-items>li{margin-bottom:.5em;}
.dvAside .list-items>li img {width: 100%; cursor:pointer;}
.dvAside .list-items>li img:hover {opacity:.75;}

@media screen and (max-width: 767px) {
    .branding img {display: block;    margin: 0 auto;}
    .container { padding:0 10px;}
    footer .columns {display: block;}
    #nav {position: relative;}
    .utility {text-align: center;}
   .photo-frame {margin-bottom: 30px;}
    #nav>ul { left: 0;  top: 36px;  width: 100%;  z-index: 4911;  padding: 0 0px;  overflow: hidden;  position: absolute;     background-color: #0C0C0C; }
    #nav-column #nav ul { display: none; }
    .dvToggler {    color: #fff;    display: block;     padding: 8px 12px;    position: relative;    border-radius: 4px;    background: #000000;    background-color: #101010;    background: -moz-linear-gradient(top, #101010 0%, #000000 100%); background: -webkit-linear-gradient(top, #101010 0%, #000000 100%);    background: -o-linear-gradient(top, #101010  0%, #000000 100%); background: -ms-linear-gradient(top, #101010 0%, #000000 100%);    background: linear-gradient(top, #101010 0%, #000000 100%);}
    .dvToggler a {  color: white; line-height: 21px; display: block;   text-align: right;   padding-right: 32px;  }
    .dvToggler a>small{  top: 5px;  right: 4px;  width: 30px;  padding: 4px;  display: block;  background: red;  border-radius: 4px;  position: absolute;  }
    .dvToggler a>small span {  height: 2px;  width: 100%;  display: block;  border-radius: 2px;  background-color: white;  margin: 3px 0;  }
    .blog-items p.list-p>a {clear: both;}
    .blog-items p.list-p br{display:none;}
    .thumbnails > li {width: 100%; margin-left: 0;}
    #footerbadges img {margin-bottom: 4px;}
    #footer-social {margin-bottom: 10px;text-align: center;}
    #footer-social li {margin-left: 10px; display: inline-block;float: none;}
     table, tbody, tr, th, td {display: block;}
}
@media screen and (min-width: 768px) {
    .utility {text-align: right;}
    .dvToggler {display: none;}
    .blog-items p.list-p {}
    .thumbnails > li {width: 30.333%; margin-left: 3%;}
    .gallery-item {width: 25%; float: left;}
    #footer-menu{text-align:left;}
}

@media screen and (min-width: 768px) and (max-width: 991px) { 
    .container { max-width: 748px; } 
} 
@media screen and (min-width: 992px) and (max-width: 1278px) { 
    .container { max-width: 978px; } 
} 

@media screen and (min-width: 1279px) { 
    .container { max-width: 1140px; }
}


/* 
Desktop CSS
*/
input::-webkit-input-placeholder {color: #999;}
input:focus::-webkit-input-placeholder {color: rgba(64, 78, 81, 0);}
figure{display:block; position:relative; overflow:hidden; margin-top:0px}
#lead_form {padding: 10px; background-color: rgba(0,0,0,0.10); border-radius: 4px;}
#lead_form h2 {text-align: center;color: #FFFFFF;font-weight: 300;position: relative;border-radius: 4px;background-color: #E90B0A;background: linear-gradient(#FC0002, #d81612);margin-bottom: 24px;}
#lead_form h2:before {
    bottom: -20px;
    left: 50%;
    width: 0px;
    content: '';
    height: 0px;
    z-index: 21;
    margin-left: -30px;
    position: absolute;
    border-top: 20px solid #DB1411;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
}
.dvContactForm textarea {color: #000;height: 90px;}
.dvContactForm td textarea, .dvContactForm td input[type="text"] { border-radius: 3px; margin-bottom: 0px; width: 100%;}
.dvContactForm input[type=submit] { display: block; width: 100%; color: #FFFFFF; background-color: #C23E3E; background: linear-gradient(#FC0002, #d81612);
font-weight: bold;font-size: 16px; text-align: center; padding: 8px 20px; text-decoration: none; border: 1px solid #C23E3E; border-radius: 4px; white-space: nowrap; margin-bottom: 0px;}
#container{text-align:left;background-color: rgba(0,0,0,0.12);}
.dvBreadCrumb { background-color: #bb1919;}
.dvBreadCrumb:after {display: table; content: ''; clear: both;}
.breadcrumb{ color: white; font-size: 14px;padding: 6px 10px;margin-bottom: 0px;background-color: transparent; border-bottom: 0px solid #303030;}
.breadcrumb a:link, .breadcrumb a:visited {font-weight:800;color:#ffffff}
.breadcrumb a:hover {text-decoration: underline; }

.resourcesList {
    position: relative;
    padding-left: 286px;
    margin-bottom: 20px;
}

.resourcesList:after{
   clear: both;
   content: '';
   display:table;
}
.resourcesList:nth-child(even){
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: rgba(0,0,0,0.1);
}
.resourcesList .Placeholder{
    top: 5px;
    float: left;
    width: 266px;
    position: relative;
    margin-left: -286px;
}
.utility-nav .title { color: #fff; padding: 10px; background-color: #2D2C2C; border-radius: 3px 3px 0 0;}
.utility-nav>a>img {width: 100%;}
#service-area {border: 1px solid #2B2B2B; border-radius: 4px;}
#insurancewide {color:#333;width:100%; background-color:#f2f3f5;   border-top: 1px solid #30854c;
                border-bottom: 5px solid #30854c;}
.caption h3 { font-size: 16px;}
.photo-frame ~ .caption h3 {margin-top: 16px;}
.thumbImg{float: left; margin: 0 20px 10px 0;}
#home-contact-form {margin-top: -25px;background-color: #FFE479;width: 700px;}
#contact-form-header { text-align:center;color: #000;}
#contact-form-header p {background-color: #000;color: #FFF;font-size: 1.5em;font-weight: bold;padding: 15px 0 15px 0;text-align: center;}
#contact-form-body {width: 100%;position: relative;float: left;background: url('../images/mackenzie-restoration-crew-member.png') no-repeat scroll 0% 0% transparent !important;}
#home-contact-form table {width:99%}
#home-contact-form td {font-size:1.25em;text-align:right;}
#home-contact-form input[type=text] {display: inherit!important;width:99%; font-size:.75em; height:1em;padding:5px}

#home-contact-form input[type=submit] { display:inline-block;background-color:#a70909;color:#ffffff;font-family:Arial;font-size:1em;font-weight:bold;height:40px;width:200px;text-decoration:none;text-align:center;}
#home-contact-form input:hover[type=submit] {background-color:#A83311;cursor: pointer;}
#home-contact-form textarea {width:50%; height:3.25em}

div.form-css {background-color: #080808;color: #E2E0E0;width: 100%;}
div.form-css table{width:100%}
#contact-form p {font-size: 1.25em; font-weight: bold; padding:2px 0 2px 0}
#contact-form table {width:100%}
#contact-form th, #contact-form tr td:first-child { text-align:right; padding:6px 10px; width:168px;vertical-align: top;}
#contact-form td { font-size:15px; text-align:left; padding:6px 10px;}
#contact-form td textarea, #contact-form td input[type="text"] {margin-bottom:0px;}
#contact-form input[type=submit] {  display: inline-block;  color: #FFFFFF;  background-color: #BB1919;  font-weight: bold;  font-size: 14px;  text-align: center;  padding: 8px 12px;  text-decoration: none; border: 1px solid #BB1919; border-radius: 5px;  white-space: nowrap;}
#contact-form input:hover[type=submit] {cursor: pointer;}
#contact-form textarea {color:#000; height:108px;}

.photo-frame { text-align: center; position: relative; box-shadow: 1px 1px 5px 0 rgba(0,0,0,.25);border: 4px solid #fff;}
.photo-frame img{ width: 100%; border-color: rgba(255,255,255,1);}
.photo-frame::before { content: ""; height: 100%; width: 100%; background: #fff; border: 4px solid #fff; position: absolute;
z-index: -1; top: -5px; left: -10px; box-shadow: 1px 1px 5px 0 rgba(0,0,0,.25); border-radius: 3px;  -webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg); transform: rotate(-2deg);  box-sizing: border-box;}
.photo-frame::after { content: ""; height: 100%; width: 100%; background: #fff; border: 4px solid #fff; position: absolute; z-index: -1;
 bottom: -3px;  right: -5px; box-shadow: 1px 1px 5px 0 rgba(0,0,0,.25);  border-radius: 3px;  -webkit-transform: rotate(3deg);  -ms-transform: rotate(3deg);
transform: rotate(3deg);  box-sizing: border-box;}
.wall { color: black; text-align: center; background-color: #e4e6e8; padding: 10px; border-radius: 2px;}
#nav-column{background-color: transparent; margin-bottom: 10px;}
#nav-column>div:not(:last-child){margin-bottom: 10px;}
#nav{padding:0}
#nav ul{list-style:none;margin:1px 0 1em;padding:0}
#nav li{list-style:none;background-repeat:no-repeat;margin:2px 0 0;background-color:#004783;border-color:#FFF;border-radius:0;font-size:14px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}
#nav li:hover{background-color:#333!important}
#nav li a:link{padding:8px;display:block;color:#fff;text-decoration:none}
#nav li a:visited{display:block;color:#fff;text-decoration:none}
#nav li a:hover{display:block;color:#FFF!important;text-decoration:underline}
#nav li.top a:link{display:block;color:#FFF!important}
#nav li.top{font-weight:400;margin:2px 0 0;background-color:#3e473f}
#nav li.sub a:link{display:block;color:#000;}
#nav li.sub a:visited{display:block;color:#000;}
#nav li.sub{padding-left:15px;margin:0;background-color:#EBEBEB;border-radius:0;border-bottom:1px solid #fff}
#nav li.page,#nav li.page a:link,#nav li.page a:visited{display:block;color:#000;font-weight:400}
#nav li.page{padding-left:30px;font-weight:400;margin:0;background-color:#DBDBDB;border-radius:0;border-bottom:1px solid #C7C7C7}
#nav li.active{ padding-left: 1.5em; font-style: italic;     border-right: 15px solid #DA0016!important; }

.county {width:200px;padding:10px; background-color:#c9d4db; border:1px solid #e0e0e0;font-weight:bold; font-size:16px;}
.city {padding:10px; background-color:#e3e1e1; border:1px solid #e0e0e0; overflow:auto;}

#footer{clear: both; color: #fff;text-align: center; background-color: #040404;}
#footer .container {padding-top: 16px; background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; background-size: 8px 8px;}
#footer a {color:#F1F2DB;font-size: 14px;}
#footer a:visited {color:#D6AC8D;text-decoration:underline; }
#footer h3{  color: white;  font-size: 21px;  font-weight: normal;}
#footer-wrap{position:relative;   padding-top: 14px; text-align:center;}
#footer-text{font-size:10pt; color:#FFF;  margin-top: 10px;  margin-bottom: 10px;}
#footer-menu a, #footer-menu a:visited{color:#F1F2DB; text-decoration:none;}
#footer-menu a:hover{color:#D6AC8D; text-decoration:underline;}
.dvCopyright p{font-size: 14px;}
#footerbadges img { max-height: 58px; margin-right: 4px; border-radius: 4px; border: 1px solid #2B3E5E; background-color: rgba(113, 138, 178,.7);}
/* forms */
form{margin:0px;}
#comments table{border:1px solid #e0e0e0;}
#comments td{padding:10px; margin:1px; border-bottom:1px solid #e0e0e0;}
#comment_box{padding:5px 0 15px 0;}
/* other classes */
.red{/* color:#900 */}
.green{color:#090;}
.small{font-size:10px;}

#footerbadges-a{margin-bottom:15px;}
#footerbadges-a img{height:50px;}
#footer-social{margin:0 0 0 0; display:inline-block}
#footer-social li {margin-right: 10px;}
#footer-social li a {width:50px; height:50px; border-radius: 4px; display: block;background-position:0 -50px; }
#footer-social li a:hover{background-position:0 0;}
.lnk-facebook{ background-image:url("../images/facebook.png");}
.lnk-twitter{background-image:url("../images/twitter.png");}
.lnk-pinterest{background-image:url("../images/pinterest.png");}
.lnk-youtube{background-image:url("../images/youtube.png");}
.lnk-googleplus{background-image:url("../images/googleplus.png");}
.lnk-linkedin{background-image:url("../images/linkedin.png");}
input[type="submit"], input[type="reset"], input[type="button"] { background-color: #ee352a;border: 0;color: white; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -ms-border-radius: 3px;   -o-border-radius: 3px;  border-radius: 3px;  cursor: pointer;  display: inline-block;line-height: normal;  margin: 0 auto 1em;  outline: 0;  padding: 6px 10px;  text-shadow: none;  text-transform: capitalize; vertical-align: top;}
#company-footer{clear:both; margin:25px;}
.nivoSlider{margin:0px 0px 25px 0;}
.img-center{margin:15px auto 15px auto;}
.img-wrap{width:100%; text-align:center;}
.img-left{float:left; margin:0px 25px 25px 0px;}
.img-right{float:right; margin:0px 0px 25px 25px;}
.list_image{ width: 150px;  float: left;  margin: 0 .5em .5em 0;}
#vid-left{float:left; width:320px; height:180px; margin:0px 25px 25px 0px;}
#vid-right{float:right; width:320px; height:180px; margin:0px 0px 25px 25px;}
.callout-right{float:right;clear:right;padding:15px;background-color:#f8f8f8;}
#vid-center-full{display:block; text-align:center; width:760px; height:428px; margin:30px 0px 30px 0px;}

.testimonial_customer{color:#333333; text-align:right; margin-top:15px;}
.testimonial_container{padding:15px 15px 15px 15px; margin:25px 0px 25px 0px; border-top:1px dashed #993333; border-bottom:1px dashed #993333;}
.testimonial_text{margin:0px; color:#660000; font-size:20px; font-style:italic; font-family:"Times New Roman", Times, serif;}

#review table{border:1px solid #e0e0e0;}
#review span.rating-span{visibility:hidden;}
#review td{padding:10px; margin:1px; border-bottom:1px solid #e0e0e0; vertical-align:top;}

/*==========================================Table style ==============================*/
table {
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: rgba(0,0,0,0);
}


table.full {
    width: 100%;
}

.table1 {
    width: 100%;
    margin-bottom: 0px;
}

.table1 th,
.table1 td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #CBD0D5;
}

.table1 th {
    font-weight: bold;
}

.table1 thead th {
    vertical-align: bottom;
}

.table1 caption + thead tr:first-child th,
.table1 caption + thead tr:first-child td,
.table1 colgroup + thead tr:first-child th,
.table1 colgroup + thead tr:first-child td,
.table1 thead:first-child tr:first-child th,
.table1 thead:first-child tr:first-child td {
    border-top: 0;
}

.table1 tbody + tbody {
    border-top: 2px solid #CBD0D5;
}
.noStyled {
    margin: 0;
    width: 100%;
}

.noStyled th, .noStyled td {
    padding: 0;
}

.velignbottom td {
    vertical-align: top;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border-radius: 3px;
    border: 1px solid #CBD0D5;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-collapse: separate;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #CBD0D5;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
    border-top-left-radius: 3px;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
    border-top-right-radius: 3px;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 3px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 3px;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
    border-top-left-radius: 3px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
    border-top-right-radius: 3px;
}

.table-striped tbody tr:nth-child(even) td,
.table-striped tbody tr:nth-child(even) th {
    background-color: #f9f9f9;
}

/*=======================Css Slider Styles=======================*/
@media (max-width: 767px) {
    .flex-direction-nav .flex-next {background-position: -56px 0; right: 0px }
    .flex-direction-nav .flex-prev {background-position: -3px -1px; left: 0px;}
    .flexslider:hover .flex-next {opacity: 0.8; right: 0px;}
    .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
    .testblock:hover .flex-next {opacity: 0.8; right: 0px;}
    .testblock:hover .flex-prev {opacity: 0.8; left: 0px;}
}	

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; border-radius:50%}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
    .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* ------------- General ------------- */
@import url(css.css);

@font-face {
    font-family: "cs-ctrl-boundary";
    src: url("../fonts/cs-ctrl-boundary.eot");
    src: url("../fonts/cs-ctrl-boundary.eot#iefix") format("embedded-opentype"),
        url("../fonts/cs-ctrl-boundary.woff") format("woff"),
        url("../fonts/cs-ctrl-boundary.ttf") format("truetype"),
        url("../fonts/cs-ctrl-boundary.svg#boundary") format("svg");
    font-weight: normal;
    font-style: normal;
}

.csslider1 {
    display: inline-block;
    position: relative;
    max-width: 1600px;



    width: 100%;
}
.csslider1,
.csslider1 *,
.csslider1 *:after,
.csslider1 *:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.csslider1 > .cs_anchor {
    display: none;
}
.csslider1 > ul {
    position: relative;
    z-index: 1;
    font-size: 0;
    line-height: 0;
    margin: 0 auto;
    padding: 0;

    overflow: hidden;
    white-space: nowrap;
}
.csslider1 > ul > .cs_skeleton {
    width: 100%;
    visibility: hidden;
    font-size: 0px;
    line-height: 0;
}

.csslider1 > ul > .slide.img img {
    width: 100%;
}



.csslider1 > ul > .slide.img a {
    font-size: 0pt;
    color: transparent;
}
.csslider1 > ul > .slide {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 15px;
    font-size: initial;
    line-height: normal;
    white-space: normal;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.csslider1 .cs_engine{
    position: absolute;
    top: -9999px;
    left: -9999px;
    font-size: 0pt;
    opacity: 0;
    filter: alpha(opacity=0);
}

.csslider1 > ul > li.img,
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_bullets,
.csslider1 > .cs_play_pause {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* ------------- /General Styles ------------- */

/* ------------- General Arrows ------------- */
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext {
    position: absolute;
    top: 50%;
    z-index: 5;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
    position: absolute;
    text-decoration: none;
    cursor: pointer;
    opacity: 0;
    z-index: -1;
}
.csslider1 > .cs_arrowprev {
    left: 0;
}
.csslider1 > .cs_arrownext {
    right: 0;
}

.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label {
    opacity: 0;
    z-index: -1;
}



.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num3,
.csslider1 > #cs_pause1_0:checked ~ .cs_arrowprev > label.num3,
.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1,
.csslider1 > #cs_pause1_0:checked ~ .cs_arrownext > label.num1, 
.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_pause1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2,
.csslider1 > #cs_pause1_1:checked ~ .cs_arrownext > label.num2, 
.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_pause1_2:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num3,
.csslider1 > #cs_pause1_2:checked ~ .cs_arrownext > label.num3, 
.csslider1 > #cs_slide1_3:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_pause1_3:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_slide1_3:checked ~ .cs_arrownext > label.num0,
.csslider1 > #cs_pause1_3:checked ~ .cs_arrownext > label.num0 {
    opacity: 1;
    z-index: 5;
}


@-webkit-keyframes arrow {
    0%, 24.99% { opacity: 1; z-index: 5; }
25%, 100%  { opacity: 0; z-index: -1; }
}
@keyframes arrow {
    0%, 24.99% { opacity: 1; z-index: 5; }
25%, 100%  { opacity: 0; z-index: -1; }
}


.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num3,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1 {
    -webkit-animation: arrow 32000ms infinite -2000ms;
    animation: arrow 32000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2 {
    -webkit-animation: arrow 32000ms infinite 6000ms;
    animation: arrow 32000ms infinite 6000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num3 {
    -webkit-animation: arrow 32000ms infinite 14000ms;
    animation: arrow 32000ms infinite 14000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0 {
    -webkit-animation: arrow 32000ms infinite 22000ms;
    animation: arrow 32000ms infinite 22000ms;
}


.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label,
.csslider1 > .pause:checked ~ .cs_arrowprev > label,
.csslider1 > .pause:checked ~ .cs_arrownext > label {
    -webkit-animation: none;
    animation: none;
}


/* ------------- /General Arrows ------------- */

/* ------------- General Bullets ------------- */
.csslider1 > .cs_bullets {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 6;
    font-size: 0;
    line-height: 8pt;
    text-align: center;
}
.csslider1 > .cs_bullets > div {
    margin-left: -50%;
    width: 100%;
}
.csslider1 > .cs_bullets > label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.csslider1 > .cs_bullets > label > .cs_thumb {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    z-index: 1;
    line-height: 0;
    left: -100px;
    top: -48px;
}
.csslider1 > .cs_bullets > label > .cs_thumb > img {
    max-width: none;
}
/* ------------- /General Bullets ------------- */

/* ------------- General Description ------------- */
.csslider1 > .cs_description {
    z-index: 3;
}
.csslider1 > .cs_description a,
.csslider1 > .cs_description a:visited,
.csslider1 > .cs_description a:active {
    color: inherit;
}
.csslider1 > .cs_description a:hover {
    text-decoration: none;
}
.csslider1 > .cs_description > label {
    position: absolute;
    word-wrap: break-word;
    white-space: normal;
    text-align: left;
    max-width: 50%;
    left: 0;
}
.csslider1 > .cs_description > label > span {
    vertical-align: top;
}
.csslider1 > .cs_description > label span {
    display: inline-block;
}
/* ------------- /General Description ------------- */

/* ------------- General Play Pause ------------- */
.csslider1 > .cs_play_pause {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
}
.csslider1 > .cs_play_pause > label {
    position: absolute;
    cursor: pointer;
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause,
.csslider1 > .slide:checked ~ .cs_play_pause > .cs_play,
.csslider1 > .pause:checked ~ .cs_play_pause > .cs_play {
    display: block;
    z-index: 5;
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_play,
.csslider1 > .slide:checked ~ .cs_play_pause > .cs_pause,
.csslider1 > .pause:checked ~ .cs_play_pause > .cs_pause {
    display: none;
    z-index: -1;
}



@-webkit-keyframes pauseChange {
    0%, 24.99% { opacity: 1; z-index: 5; }
25%, 100%  { opacity: 0; z-index: -1; }
}
@keyframes pauseChange {
    0%, 24.99% { opacity: 1; z-index: 5; }
25%, 100%  { opacity: 0; z-index: -1; }
}


.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num0 {
    opacity: 0;
    z-index: -1;
    -webkit-animation: pauseChange 32000ms infinite -2000ms;
    animation: pauseChange 32000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num1 {
    opacity: 0;
    z-index: -1;
    -webkit-animation: pauseChange 32000ms infinite 6000ms;
    animation: pauseChange 32000ms infinite 6000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num2 {
    opacity: 0;
    z-index: -1;
    -webkit-animation: pauseChange 32000ms infinite 14000ms;
    animation: pauseChange 32000ms infinite 14000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num3 {
    opacity: 0;
    z-index: -1;
    -webkit-animation: pauseChange 32000ms infinite 22000ms;
    animation: pauseChange 32000ms infinite 22000ms;
}


.csslider1 > .slide:checked ~ .cs_play_pause > .cs_pause,
.csslider1 > .pause:checked ~ .cs_play_pause > .cs_pause {
    -webkit-animation: none;
    animation: none;
}


/* ------------- /General Play Pause ------------- */

/* ------------- Effect ------------- */


.csslider1 > ul > .slide {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    opacity: 0;
    z-index: 1;

    -webkit-transition:
        opacity 2000ms ease,
        -webkit-transform 24000ms cubic-bezier(0.840, 0.970, 0.855, 1.000);
    transition:
        opacity 2000ms ease,
        -webkit-transform 24000ms cubic-bezier(0.840, 0.970, 0.855, 1.000),
        transform 24000ms cubic-bezier(0.840, 0.970, 0.855, 1.000);
}

.csslider1 > ul > .slide.num0 {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);

    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;

}
.csslider1 > ul > .slide.num1 {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);

    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

}
.csslider1 > ul > .slide.num2 {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);

    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;

}
.csslider1 > ul > .slide.num3 {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);

    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;

}



.csslider1 > #cs_slide1_0:checked ~ ul > .slide.num0,
.csslider1 > #cs_pause1_0:checked ~ ul > .slide.num0,.csslider1 > #cs_slide1_1:checked ~ ul > .slide.num1,
.csslider1 > #cs_pause1_1:checked ~ ul > .slide.num1,.csslider1 > #cs_slide1_2:checked ~ ul > .slide.num2,
.csslider1 > #cs_pause1_2:checked ~ ul > .slide.num2,.csslider1 > #cs_slide1_3:checked ~ ul > .slide.num3,
.csslider1 > #cs_pause1_3:checked ~ ul > .slide.num3 {
    opacity: 1;
    z-index: 2;
    -webkit-transform: scale(1);
    transform: scale(1);
}



@-webkit-keyframes kenburns1 {
    0.001%, 24.999%  { z-index: 2; }
0%, 100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}
6.25%, 25% { opacity: 1 }
31.25%, 75% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
25.001%, 100%  { z-index: 1; }
}
@keyframes kenburns1 {
    0.001%, 24.999%  { z-index: 2; }
0%, 100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}
6.25%, 25% { opacity: 1 }
31.25%, 75% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
25.001%, 100%  { z-index: 1; }
}


.csslider1 > #cs_play1:checked ~ ul > .slide.num0 {
    -webkit-animation: kenburns1 32000ms infinite -2000ms linear;
    animation: kenburns1 32000ms infinite -2000ms linear;
}
.csslider1 > #cs_play1:checked ~ ul > .slide.num1 {
    -webkit-animation: kenburns1 32000ms infinite 6000ms linear;
    animation: kenburns1 32000ms infinite 6000ms linear;
}
.csslider1 > #cs_play1:checked ~ ul > .slide.num2 {
    -webkit-animation: kenburns1 32000ms infinite 14000ms linear;
    animation: kenburns1 32000ms infinite 14000ms linear;
}
.csslider1 > #cs_play1:checked ~ ul > .slide.num3 {
    -webkit-animation: kenburns1 32000ms infinite 22000ms linear;
    animation: kenburns1 32000ms infinite 22000ms linear;
}


.csslider1 > #cs_play1:checked ~ ul > .slide,
.csslider1 > .pause:checked ~ ul > .slide {

    -webkit-transition: none;
    transition: none;
}

/* ------------- /Effect ------------- */

/* ------------- Template Show on hover ------------- */
.csslider1 > .cs_play_pause {
    -webkit-transition: .5s opacity 0s ease;
    transition: .5s opacity 0s ease;
}
.csslider1 > .cs_arrowprev {
    -webkit-transition: .5s opacity .15s ease;
    transition: .5s opacity .15s ease;
}
.csslider1 > .cs_arrownext {
    -webkit-transition: .5s opacity .3s ease;
    transition: .5s opacity .3s ease;
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_play_pause {
    opacity: 0;
}
.csslider1:hover > .cs_arrowprev,
.csslider1:hover > .cs_arrownext,
.csslider1:hover > .cs_play_pause {
    opacity: 1;
}
/* ------------- /Template Show on hover ------------- */


/* ------------- Template Arrows ------------- */
.csslider1 {
    overflow: hidden;
}
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
    margin-top: -30px;
    width: 35px;
    height: 0;
    padding: 30px 0;
}
.csslider1 > .cs_arrowprev {
    left: 35px;
}
.csslider1 > .cs_arrownext {
    right: 35px;
}
.csslider1 > .cs_arrowprev > label {
    right: 0;
}
.csslider1 > .cs_arrownext > label {
    left: 0;
}

.csslider1 > .cs_arrowprev > label span,
.csslider1 > .cs_arrownext > label span {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #424242;
    color: #fff;
    text-align: center;
    z-index: 2;
}
.csslider1 > .cs_arrowprev > label span:after {
    content: '\e800';
}
.csslider1 > .cs_arrownext > label span:after {
    content: '\e801';
}
.csslider1 > .cs_arrowprev > label span:after,
.csslider1 > .cs_arrownext > label span:after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font: 18px "cs-ctrl-boundary";
    height: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* IE10+ hack */
_:-ms-input-placeholder, :root .csslider1 > .cs_arrowprev > label span:after {
    line-height: 35px;
}
_:-ms-input-placeholder, :root .csslider1 > .cs_arrownext > label span:after {
    line-height: 35px;
}


.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
    -webkit-transition: 300ms padding 300ms ease, 300ms margin-top 300ms ease;
    transition: 300ms padding 300ms ease, 300ms margin-top 300ms ease;
}
.csslider1 > .cs_arrowprev:hover > label {
    padding: 34px 0;
    margin-top: -34px;
    -webkit-transition: 300ms padding ease, 300ms margin-top ease;
    transition: 300ms padding ease, 300ms margin-top ease;
}
.csslider1 > .cs_arrownext:hover > label {
    padding: 34px 0;
    margin-top: -34px;
    -webkit-transition: 300ms padding ease, 300ms margin-top ease;
    transition: 300ms padding ease, 300ms margin-top ease;
}



.csslider1 > .cs_arrowprev img {
    top: 0;
    left: -220px;
    position: absolute;
    max-width: inherit;
    border: 10px solid #424242;
    -webkit-transition: 300ms left ease;
    transition: 300ms left ease;
}
.csslider1 > .cs_arrownext img {
    top: 0;
    right: -220px;
    position: absolute;
    max-width: inherit;
    border: 10px solid #424242;
    -webkit-transition: 300ms right ease;
    transition: 300ms right ease;
}

.csslider1 > .cs_arrowprev:hover img {
    left: 35px;
    -webkit-transition: 300ms left 300ms ease;
    transition: 300ms left 300ms ease;
}
.csslider1 > .cs_arrownext:hover img {
    right: 35px;
    -webkit-transition: 300ms right 300ms ease;
    transition: 300ms right 300ms ease;
}

/* ------------- /Template Arrows ------------- */

/* ------------- Template Play Pause ------------- */
.csslider1 > .cs_play_pause {
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
}
.csslider1 > .cs_play_pause > label {
    position: relative;
    text-decoration: none;
    position: absolute;
    left: -18px;
    top: -18px;

    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #424242;
}
.csslider1 > .cs_play_pause > .cs_play:after {
    display: block;
    content: '\e802';
    font-size: 16px;
    line-height: 21px;
}
.csslider1 > .cs_play_pause > .cs_pause:after {
    display: block;
    content: '\e803';
    font-size: 12px;
    line-height: 21px;
}
.csslider1 > .cs_play_pause > label:after{
    font-family: "cs-ctrl-boundary";
    text-align: center;
    color: #fff;
}
/* ------------- /Template Play Pause ------------- */

/* ------------- Template Bullets ------------- */
.csslider1 > .cs_bullets {
    bottom: 10px;
    width: auto;
    text-align: right;
    line-height: 1;
    max-width: 45%;
    right: 33px;
    left: auto;
}



.csslider1 > .cs_bullets > label {
    margin: 0 6px;
    margin-top: 5px;
    padding: 9px;
    border-radius: 50%;
    background: #424242;
}

.csslider1 > .cs_bullets > label > .cs_point {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -2px;
    margin-top: -2px;
    background: transparent;
    border-radius: 50%;
    padding: 2px;
}

.csslider1 > .cs_bullets > label:hover > .cs_point,

.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0 > .cs_point,
.csslider1 > #cs_pause1_0:checked ~ .cs_bullets > label.num0 > .cs_point,
.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1 > .cs_point,
.csslider1 > #cs_pause1_1:checked ~ .cs_bullets > label.num1 > .cs_point,
.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2 > .cs_point,
.csslider1 > #cs_pause1_2:checked ~ .cs_bullets > label.num2 > .cs_point,
.csslider1 > #cs_slide1_3:checked ~ .cs_bullets > label.num3 > .cs_point,
.csslider1 > #cs_pause1_3:checked ~ .cs_bullets > label.num3 > .cs_point {
    background: #fff;
}




@keyframes bullet {
    0%, 24.99%  { background: #fff; }
25%, 100% { background: transparent; }
}
@-webkit-keyframes bullet {
    0%, 24.99%  { background: #fff; }
25%, 100% { background: transparent; }
}

.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 > .cs_point {
    -webkit-animation: bullet 32000ms infinite -2000ms;
    animation: bullet 32000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 > .cs_point {
    -webkit-animation: bullet 32000ms infinite 6000ms;
    animation: bullet 32000ms infinite 6000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 > .cs_point {
    -webkit-animation: bullet 32000ms infinite 14000ms;
    animation: bullet 32000ms infinite 14000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num3 > .cs_point,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num3 > .cs_point {
    -webkit-animation: bullet 32000ms infinite 22000ms;
    animation: bullet 32000ms infinite 22000ms;
}



.csslider1 > #cs_play1:checked ~ .cs_bullets > label > .cs_point,
.csslider1 > .pause:checked ~ .cs_bullets > label > .cs_point {
    -webkit-transition: none;
    transition: none;
}


.csslider1 > .slide:checked ~ .cs_bullets > label > .cs_point,
.csslider1 > .pause:checked ~ .cs_bullets > label > .cs_point {
    -webkit-animation: none;
    animation: none;
}


/* ------------- /Template Bullets ------------- */

/* ------------- Template Description ------------- */
.csslider1 > .cs_description > label {
    font-family: 'Lora', serif;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    margin: 0;
    padding: 10px;
    background: #424242;
    max-width: 50%;

    text-align: center;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
}




.csslider1 > .cs_description > label > .cs_title {
    font-size: 1.3em;
    margin-bottom: 5px;
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0,
.csslider1 > #cs_pause1_0:checked ~ .cs_description > .num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1,
.csslider1 > #cs_pause1_1:checked ~ .cs_description > .num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2,
.csslider1 > #cs_pause1_2:checked ~ .cs_description > .num2,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3,
.csslider1 > #cs_pause1_3:checked ~ .cs_description > .num3 {
    opacity: 1;
    z-index: 4;
    -webkit-transition: .5s opacity .2s ease, .5s -webkit-transform .2s ease;
    transition: .5s opacity .2s ease, .5s -webkit-transform .2s ease, .5s transform .2s ease;

    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.csslider1 > .slide:checked ~ .cs_description > label {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);

    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);


}




@-webkit-keyframes cs_description {
    1.5625%, 20.3025%  {
    opacity: 1;
    z-index: 4;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
0%, 21.875%, 100%  {
    opacity: 0;
    z-index: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);

}
}
@keyframes cs_description {
    1.5625%, 20.3025%  {
    opacity: 1;
    z-index: 4;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
0%, 21.875%, 100%  {
    opacity: 0;
    z-index: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);

}
}


.csslider1 > #cs_play1:checked ~ .cs_description > .num0 {
    -webkit-animation: cs_description 32000ms infinite 0ms;
    animation: cs_description 32000ms infinite 0ms;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 {
    -webkit-animation: cs_description 32000ms infinite 8000ms;
    animation: cs_description 32000ms infinite 8000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 {
    -webkit-animation: cs_description 32000ms infinite 16000ms;
    animation: cs_description 32000ms infinite 16000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num3 {
    -webkit-animation: cs_description 32000ms infinite 24000ms;
    animation: cs_description 32000ms infinite 24000ms;
}


.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > .pause:checked ~ .cs_description > label > .cs_title,
.csslider1 > .pause:checked ~ .cs_description > label > .cs_descr {
    -webkit-transition: none;
    transition: none;
}

.csslider1 > .play:checked ~ .cs_description > label > .cs_title,
.csslider1 > .play:checked ~ .cs_description > label > .cs_descr
.csslider1 > .pause:checked ~ .cs_description > label > .cs_title,
.csslider1 > .pause:checked ~ .cs_description > label > .cs_descr {
    -webkit-animation: none;
    animation: none;
}

/* hide description & bullets on mobile devices */
@media only screen and (max-width: 480px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                max-resolution: 192dpi) and (max-width: 480px),
only screen and (                max-resolution: 2dppx)  and (max-width: 480px) { 
    .csslider1 > .cs_description,
    .csslider1 > .cs_bullets {
        display: none;
    }
}

@media (max-width:646px){
.facbookLikebox {margin:0 auto;width:250px;}
}

#highlight img {width:100%!important;}
#footer-social .fa {
    font-size: 45px;
}