/* FLEX 1080 v3 Responsive Design, By: Patrick Callantine
/* Phone & Tablet layouts
/* RESET
----------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; margin:0; padding:0; background:transparent; font-size:100%; }
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display:block }
a img { border:0 }
body, li { line-height: 1; }
ol, ul { list-style:square; }
blockquote, q { quotes: none; margin:20px; }
/* FLEX
----------------------------------------------------------*/
.wrap div { display: block; float: left; }
.wrap { width: 100%;;padding-left: 0;padding-right: 0; margin: 0 auto;   }
.section { width: 100%; *zoom: 1; height:auto; clear:both; position:relative }
.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { padding: 10px; margin: 10px; word-wrap: break-word; float: left; }
.one { width: 50px }
.two { width: 140px }
.three { width: 230px }
.four { width: 320px }
.five { width: 410px }
.six { width: 500px }
.seven { width: 590px }
.eight { width: 680px }
.nine { width: 770px }
.ten { width: 860px }
.eleven { width: 950px }
.twelve { width: 1040px }
.one-full { width: 90px }
.two-full { width: 180px }
.three-full { width: 270px }
.four-full { width: 360px }
.five-full { width: 450px }
.six-full { width: 540px }
.seven-full { width: 630px }
.eight-full { width: 720px }
.nine-full { width: 810px }
.ten-full { width: 900px }
.eleven-full { width: 990px }
.twelve-full { width: 1080px }
.offset-left { padding-left:0; margin-left:0 }
.offset-right { padding-right:0; margin-right:0 }
.offset-both { padding-right:0; padding-left:0; margin-right:0; margin-left:0 }
img { max-width: 100%; height: auto }
.clearfix,.clearboth  { clear: both !important; }
/* TYPE SETTINGS
----------------------------------------------------------*/
body { font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: 14px; line-height: 1.5em; margin: 0px; background-image: none; width:100%; background-position: center top; font-weight: normal; background-repeat: repeat-x;  }
a { color: #e3771d; font-weight:bold; text-decoration: none; transition: color 0.4s ease; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; }
a:hover { color:#777; }
p { margin-bottom:.5em; }
h1, h2, h3, h4, h5, h6 { line-height:1.5em; margin-bottom:0.2em; clear: both; }
h1, h1 a { font-size: 26px; font-weight: normal; color: #000; line-height: 1.2em; text-transform: uppercase; }
h2, h2 a { font-size: 24px; color: #e3771d; font-weight: normal; line-height: 1.2em; padding-bottom: 3px; border-bottom: 1px dashed #CCC; }
h3 { font-size: 14px; clear: both; margin-top: 30px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; text-transform: uppercase; }
.font9 { font-size: 9px; }
.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font24 { font-size: 24px; }
.font30 { font-size: 30px; }
.highlight-color { color: #C00; }
.h1-subtitle { color: #333; font-size: 16px; font-style: italic; }
/* TOOLS
----------------------------------------------------------*/
.floatfix { float: none !important; }
.align-center, .aligncenter, .center { text-align:center; }
.align-left, .left { text-align:left; }
.align-right, .right { text-align:right; }
.float-img-right, .alignright { display:block; padding:10px; float:right; }
.float-img-left, .alignleft { display:left; padding:10px; float:left; }
img.align-center, img.aligncenter, img.center {display: block;clear: both;margin: inherit auto;}
.inline-img { display: inline; vertical-align: middle; margin-right: 3px; }
.img-vert-padding { padding-top: 10px; padding-bottom: 10px; }
#article-resource { font-size:75% }
a.make-button { padding: 7px 5px; text-align: center; color: #333 !important; font-size: 11px; float: right; line-height: 1em; margin: 5px; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: uppercase; background-image: none; background-repeat: repeat; }
a.make-button:hover { color: #FFF !important; background-color: #DB6600; }
.make-line { display:block; background-color:#000; height:10px; width:96%; margin-top:10px; margin-bottom:10px; padding-left:2%; padding-right:2%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; clear: both; opacity: .1; }
.keyword-services { width: 30%; margin: 5px; padding: 5px 6px; }
.hide-from-mobile { }

/* HEADER 
----------------------------------------------------------*/
#header-background { }
#header { line-height: 0px; }
#header img { width: auto; line-height: 0px; margin: 0px; padding: 0px; }
/* HIDE MOBILE HEADER 
----------------------------------------------------------*/
#mobile-header {left:-999em; position: absolute; }
#tablet-header {left:-999em; position: absolute; }
/* CONTENT  
----------------------------------------------------------*/
#breadcrumb { height: auto; font-size: 11px; font-weight: bold; color: #333; line-height: 16px; width: 97%; margin-bottom: 5px; border: 1px solid #F0F0F0; padding: 2px 1%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#breadcrumb ul { padding-left: 0px !important; }
#breadcrumb ul li { display:inline; font-size: 12px !important; line-height: 16px; background-image: none !important; font-family: "Arial Black", Gadget, sans-serif; font-weight: normal; }
#breadcrumb ul li a, #breadcrumb ul li span.wp_bc { color: #D6D6D6 !important; display: block; float: left; height: auto; text-transform: uppercase; background-image: none; background-repeat: no-repeat; background-position: left center; padding: 0px 8px 0px 12px; }
#breadcrumb ul li:first-child a { background-image:none; padding-left:0;}
#breadcrumb a:hover { color: #333 !important; text-decoration: underline; }
#body-wrap { }
#body-top { height: 15px;  background-repeat: no-repeat; }
#body { background-repeat: repeat-y;  }
#body ul { margin: 0px; padding-left: 10px; list-style-type: none; }
#body ul li { padding-top: 7px; padding-bottom: 7px; background-image: url(files/body/bullet-large-dark.png); background-repeat: no-repeat; background-position: left 11px; padding-left: 15px; height: auto; line-height: 1.3em; }
#body ul.checkmarks li{ background-image: none; background-repeat: no-repeat; background-position: left top; padding-left: 30px; font-size: 16px; line-height: 1em; }
#body-bottom { height: 15px;  }
#content { float: right; font-size: 17px; }
#body a img:hover    { opacity: .85; }
/* SIDEBAR
----------------------------------------------------------*/
#sidebar { }
#form {width: 300px;height: auto;padding-top: 0;padding-right: 10px;padding-left: 10px;margin-bottom: 10px;background-repeat: no-repeat;min-height: 50px;margin-top: 10px;}
div[id^="emwebservices"] { width: 100%; }
#follow { display: block; height: auto; clear: both; width: 205px; background-image: none; background-repeat: no-repeat; background-position: left top; padding-top: 5px; padding-bottom: 15px; padding-left: 115px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
#follow p { line-height: 0px; display: block; margin: 0px; padding: 0px; float: left; }
#follow .facebook { width: 80px; margin-right: 5px; margin-top: 10px; }
#follow .google-plus { width: 70px; margin-top: 8px; }
#follow .rss { padding-top: 10px; padding-left: 5px; }
#connect { background-image: none; background-repeat: no-repeat; height: 40px; width: 320px; padding-top: 36px; text-align: center; margin-top: 10px; margin-bottom: 10px; }
#connect img { padding-right: 10px; padding-left: 10px; }
/* FOOTER
----------------------------------------------------------*/
#footer-wrap { background: #424242;}
#footer { color: #FFF; font-size: 12px; line-height: 1.3em; max-width: 1080px;}
#footer p { margin: 0px; }
#footer a { color: #FFF; }
#footer strong { text-transform: uppercase; }
#footer h4 { font-size: 16px; color: #f78c33; margin-top: 0px; margin-bottom: 5px; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 0px; }
#footer ul { margin: 0px; padding-left: 0px; list-style-type: none; }
#footer ul li { padding-top: 7px; padding-bottom: 7px; background-image: none; background-repeat: no-repeat; background-position: left 10px; padding-left: 0px; border-bottom-width: none; border-bottom-style: none; border-bottom-color: none; line-height: none; }
#footer ul li a { text-decoration: none; color: #FFF; font-weight: normal; }
#footer ul li a:hover, #footer a:hover { color: #f78c33; text-decoration: none; }
#footer ul li.gplaces{ background-image: none; background-repeat: no-repeat; background-position: -4px center; }
#footer a.make-button { background-image: none; background-repeat: repeat; color: #333 !important; }
#footer a.make-button:hover { color: #FFF !important; }
.social img { margin-top: 5px; margin-bottom: 7px; }
.no-underline { border-bottom-style: none !important; }
/* MENU
----------------------------------------------------------*/
.menu-top { height: auto; zoom:1; background-image: url(files/menu/menu.jpg); z-index: 2000; }
.menu-top ul, .menu-top li, .menu-top ul ul li { list-style:none; padding:0; margin:0; display:block; }
.menu-top ul li { float:left; position:relative; background-image: url(files/menu/divider.png); background-repeat: repeat-y; background-position: right center; z-index: 3000; }
.menu-top ul li a { display:block; font-weight: normal; color: #FFF; font-size: 14px; line-height: 64px; padding-right: 27px; padding-left: 27px; text-transform: uppercase; }
.menu-top ul li a:hover { background-image: url(files/menu/menu-highlight.png); background-repeat: repeat; }
.menu-top ul ul { position:absolute; top:-99999px; left:0; opacity: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index:9998; background:#000; padding: 5px; width:auto; }
.menu-top ul ul li { white-space:nowrap; float:none; position:relative; width:auto; margin-top:-15px; -moz-transition: margin 0.3s 0.1s ease-out; -webkit-transition:margin 0.3s 0.1s ease-out; -o-transition:margin 0.3s 0.1s ease-out; transition:margin 0.3s 0.1s ease-out; background-image: none; z-index: 4000; }
.menu-top ul ul li a { color: #fff; line-height: 28px; font-size: 14px; padding: 0px 15px; }
.menu-top ul ul li a:hover { color: #FFF; background-image: url(files/menu/menu-highlight.png); background-color: transparent; }
.menu-top ul li:hover > ul { opacity: .9; position:absolute; top:99%; left:0; }
.menu-top li:hover ul li { margin-top:0; }
.menu-top ul ul li:hover > ul { position:absolute; top:0; left:100%; opacity: .9; z-index:9999; background:#222; }
.menu-top ul ul ul { position:absolute; top:-99999px; left:75%; opacity: 0; -webkit-transition: opacity .5s ease-in-out, left .5s ease-in-out; -moz-transition: opacity .5s ease-in-out, left .5s ease-in-out; -o-transition: opacity .5s ease-in-out, left .5s ease-in-out; transition: opacity .5s ease-in-out, left .5s ease-in-out; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:auto; }
.menu-top .current-menu-item a, .menu-top .current_page_item a, .menu-top a:hover { color: #FFF; background-image: none; background-repeat: repeat-x; }
.menu-top ul li:last-child { background-image: none; }
.mobile-dropdown { display: none; }
/* SIDEBAR MENU
----------------------------------------------------------*/
.sidebar-menu { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; display: block; width: 100%; margin-top: 15px; margin-bottom: 15px; }
.sidebar-menu h4 { margin: 0px; line-height: 1em; font-size: 16px; color: #FFF; background: #333; text-transform: uppercase; font-weight: normal; padding: 7px 2%; width: 96%; }
.sidebar-menu ul, .sidebar-menu ul ul { list-style-type: none; padding:0px !important; margin:0px !important; width: 100%; }
.sidebar-menu ul li { font-size:16px; line-height: 1.2em; background-image: none !important; margin: 0px 0px 1px !important; width: 100%; padding: 0px !important; }
.sidebar-menu ul li a { font-size:16px; display: block; height: auto; color: #FFF; font-weight: normal; text-transform: uppercase; transition: background 0.4s ease; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; background-color: #444; margin: 0px; width: 96%; padding-top: 7px; padding-bottom: 7px; padding-left: 4%; }
.sidebar-menu ul li a:hover { color: #FFF; background-color: #DD0012; text-decoration:none; }
.sidebar-menu li a.active { }
.sidebar-menu ul li ul li a { background-color:#666 !important; color: #fff !important; }
.sidebar-menu ul li ul li a:hover { color: #FFF !important; background-color: #DD0012 !important; }
.sidebar-menu .first-item { -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; }
.sidebar-menu .last-item { -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; }
.dropdown { }
.active { }
/* CARD FLIPS - CJL
----------------------------------------------------------*/
#cards { z-index:998; background-color: #FFF; }
.card-flip-x, .card-flip-y, .card-flip-x .front, .card-flip-x .back, .card-flip-y .front, .card-flip-y .back { width:320px; height:150px; z-index:1000; } /* CHANGE DIMENSIONS HERE*/
.card-flip-x, .card-flip-y  { position: relative; -webkit-perspective: 1200px; -moz-perspective: 1200px; }
.card-flip-x .front, .card-flip-x .back, .card-flip-y .front, .card-flip-y .back  { float: none; position: absolute; top: 0; left: 0; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;  }
.card-flip-x .front p, .card-flip-y .front p { background-color:#000; background-color:rgba(0,0,0,.4); color:#FFF; font-size:1.25em; position:absolute; bottom:15px;  font-weight:bold;  padding:5px 0; margin:0; text-align:center; width:100%;  text-transform:uppercase; z-index:402; }
.card-flip-x .front img, .card-flip-y .front img { position:absolute; z-index:401; width:100%; height:100%; top:0; left:0; }
.card-flip-x .back h2, .card-flip-x .back p, .card-flip-y .back h2, .card-flip-y .back p { padding:20px; color: #FFF; }
.card-flip-x .front, .card-flip-y .front { z-index: 400; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); background-color:#444; } /* Front of Card - Background Color */
.card-flip-x:hover .front, .card-flip-y:hover .front  { z-index: 400; } /* Front of Card - Background Color DURING TRANSITION */ 
.card-flip-x .back, .card-flip-y .back { z-index:300; background-image: none; } /* Back of Card - Background Color DURING TRANSITION */ 
.card-flip-x:hover .back, .card-flip-y:hover .back { z-index: 500; } /* Back of Card - Background Color */
.card-flip-x:hover .front  { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); }
.card-flip-x .back { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); overflow:hidden; }
.card-flip-y:hover .front  { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.card-flip-y .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); overflow:hidden; }
.card-flip-x:hover .back, .card-flip-y:hover .back {-webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
#cards a.make-button { color: #441F0D !important; background-image: none; background-repeat: repeat; position: absolute; right: 10px; bottom: 10px; display: block; margin: 0px !important; }
#cards a.make-button:hover { color: #FFF !important; background-color: #04929E; }
/* Image Rollover
----------------------------------------------------------*/
.imageRoll { height: 145px; padding-top: 10px; }
.imageRoll a { display:block; width: 180px; background-position: left top; line-height: 0px; margin: 0px; padding: 3px 0px 0px; float: left; height: 142px; font-size: 2px; color: #FFF; text-align: center; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
.imageRoll a:hover { background-position: left bottom; color: #D60000; }
.s1 { background-image: url(); background-repeat: no-repeat; }
/* Banner Scroller
----------------------------------------------------------*/
.scrollLeftBanner { position: relative; overflow: hidden; width: 100%; height: 300px; z-index:101; line-height: 0px; }
.scrollLeftBanner p { line-height: 0px; margin: 0px; padding: 0px; display:block; height: 100%; width:100%; overflow: hidden; position: absolute; }
.scrollLeftBanner p img{ width:100%; height:100%;}
/* Banner Fade
----------------------------------------------------------*/
.banner { position:relative; height:300px; width: 1080px; overflow: hidden; clear: left; }
.banner a, .banner img { display:block; margin: 0px; line-height: 0px; height: 300px; width: 1080px; position: absolute; left: 0px; top: 0px; }
/* Banner Deluxe
----------------------------------------------------------*/
.banner-deluxe { position:relative; height:300px; width: 1080px; overflow: hidden; clear: left; }
.banner-deluxe .deluxe-slide { display:block; margin: 0px; height: 300px; width: 1080px; position: absolute; left: 0px; top: 0px; }
.banner-deluxe .slide-1 { background-image: url(files/home/home-1.jpg); }
.banner-deluxe .slide-2 { background-image: url(files/home/home-2.jpg); }
.banner-deluxe .slide-3 { background-image: url(files/home/home-3.jpg); }
.deluxe-slide .banner-overlay { background-image: url(files/home/banner-overlay.png); background-repeat: repeat; height: 220px; position: absolute; top: 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 360px; right: 40px; padding: 20px; color: #FFF; }
.banner-deluxe h2, .banner-deluxe h2 a { color: #FFF; }
.banner-deluxe a.make-button { background-image: none; background-repeat: repeat; color: #000; }
.banner-deluxe a.make-button:hover { background-color: #FFF; color: #333 !important; }

/* Text Scroller
----------------------------------------------------------*/
#testimonials { background-image: none; height: 180px; padding-top: 69px; width: 310px; padding-right: 10px; position: relative; }
.scrollText { position: relative; overflow: hidden; width: 310px; height: 180px; z-index:101; line-height: 0px; }
.scrollText p { line-height: 1.5em; margin:0; padding:0; display:block; height: 180px; width:310px; overflow: hidden; position: absolute; }
.scrollText .customer { font-weight:bold; font-size:12px; color:#000; }
.scrollText .customer .rating { font-weight: normal; font-size: 10px; }
/* PopUp Window
----------------------------------------------------------*/
#popupblock h1 { color: #2C7079; font-size: 30px; background: url(none); border-style: none; margin-bottom: 20px; }
#popupblock h2 { color: #7B9E42; font-size: 18px; background: url(none); padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999; margin-bottom: 20px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }
#popupblock a { display: block; height: auto; width: 96%; font-size: 16px; color: #FFF; clear: both; text-align: center; text-transform: uppercase; line-height: 1.5em; transition: background 0.4s ease; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; font-weight: normal; margin-right: 2%; margin-left: 2%; padding-top: 5px; padding-bottom: 5px; margin-top: 20px; background-color: #80A347; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#popupblock a:hover { color: #FFF; background-color: #333; }
#fade { display: none; background: #000; position:fixed; left:0; top:0; z-index: 4000; width: 100%; height: 100%; opacity: .85; }
#popupblock { display: none; position: fixed; left:25%; padding: 2%; border: 15px solid #ddd; font-size: 16px; margin-left:auto; margin-right:auto; opacity:1; filter:alpha(opacity=100); width:46%; height:auto; z-index: 99999; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #fff; background-image: url(logo.jpg); background-repeat: no-repeat; background-position: center bottom; overflow: auto; }
.close { text-decoration:none; }

/* MOBILE FLEX
----------------------------------------------------------*/
@media handheld, only screen and (min-width: 767px) {
    .hide-from-pc { display:none !important;}
}
@media handheld, only screen and (max-width: 767px) {
body { font-size: 16px; -webkit-text-size-adjust: none; }
h1, h2 { padding-left:3px; padding-right:3px }
.wrap { width: 100%; margin:0; padding:0; position:relative }
#body, #footer { width: 100%;padding-right: 15px;padding-left: 15px;;  background-image: none; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box;}
.section ul { width: 96% !important; }
.one, .two, .three, .keyword-services { width: 25% !important; margin: 10px 2% !important; padding:5px 2%!important; float: left; }
.four, .five { width: 42% !important; margin: 10px 2% !important; padding:5px 2%!important; float: left; }
.six, .seven, .eight, .nine, .ten, .eleven, .twelve { float: none; margin: 5px 0px !important; padding:5px 0px!important; width: 100%; clear:both; }
/*.offset-left, .offset-right, .offset-both { width: 100%; margin:5px 0px !important; padding:0px !important; }*/
#tablet-header { position: static ; padding-top:5px !important; width:100%; height: auto; }
#tablet-header p { width: 100%; padding:0px; margin:0px; line-height:0; display: block; float: center; }
#header-background { background-image: none; background: #424242;}
#sidebar img, #content img { padding:5px 0px; }
#footer, #footer-wrap { background-image:none;  }
#footer h4 { }
#footer a { }
.menu-top p.mobile-dropdown { color:#333; display: block !important; text-align: left; width: 90% !important; margin:0 0 10 !important; padding:0 0 0 10% !important; line-height: 40px !important; cursor: pointer; background-image: url(files/mobile/menu-view.png); background-repeat: no-repeat; background-position: right center; font-size: 11px; text-transform: uppercase; font-weight: bold; }
.menu-top { width: 88% !important; position: relative !important; left: 0; overflow: hidden; line-height: 34px; top: 0px; height:40px; border: 1px solid #CCC; background-color: #FFF; background-image: url(files/mobile/tablet-number.png); margin: 20px 5%; padding: 2px 1%; }
.menu-top:hover { -webkit-transition: height .5s ease; -moz-transition: height .5s ease; -o-transition: height .5s ease; -ms-transition: height .5s ease; transition: height .5s ease; }
.menu-top ul, .menu-top ul li, .menu-top ul ul li { list-style:none; width:100% !important; }
.menu-top ul { opacity: .85; background-color: #FFF; }
.menu-top ul li, .menu-top ul ul li { float:none; position:static; background-image: none; margin:1px 0px !important; white-space:wrap; clear:both; }
.menu-top ul li a, .menu-top ul ul li a { display:block; font-weight: normal; color: #333; font-size: 16px; border-radius:0px; padding:0px !important; margin:0px !important; line-height: 40px !important; text-align:center; text-transform: uppercase; width:100% !important; background-color: #F0F0F0; }
.menu-top ul ul { position:static; top:0; left:0; opacity:1; padding:0px; -moz-transition:0 !important; -webkit-transition:0 !important; -o-transition:0 !important; transition:0 !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background:transparent; width:100%; margin-top:1px; }
.menu-top ul li:hover > ul, .menu-top ul ul li:hover > ul { opacity: 1; position:static; top:0; left:0; }
.menu-top ul li a:hover, .menu-top ul ul li a:hover { color: #FFF !important; background-image: none; background-color:#666 !important; }
.menu-top li:hover ul li { margin-top:0; }
.menu-top ul ul li, .menu-top ul ul ul li, .sidebar-menu ul ul { display:none !important; }
.menu-top .current-menu-item a, .menu-top .current_page_item a { color: #FFF; background-image: none; background-color:#666; }
.menu-top li.show-mobile { display:block !important; }
.sidebar-menu ul li a { width:100% !important }
#sidebar {width:100%}
/* GALLERY
----------------------------------------------------------*/
#gallery ul li { padding: 5px 1% !important; width: 48% !important; padding-right:0 !important }
#gallery ul li a { margin: 0 !important; padding:0 !important }
/* Hide Elements From Mobile
----------------------------------------------------------*/
.hide-from-mobile { display:none !important; }
.hide-from-pc { display:inherit !important; }
div#tablet-header p img {
    width: 100%;
}
}
 @media handheld, only screen and (max-width: 575px) {
.one, .two { width: 46% !important; margin: 10px 1% 0px !important; padding:5px 1%!important; float: left; }
.three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .keyword-services { float: none; margin: 5px 0px !important; padding:5px 0px!important; width: 100% !important; clear:both; }
#footer .one, #footer .two, #footer .three { width: 46% !important; margin: 10px 1% 0px !important; padding:5px 1%!important; float: left; }
.offset-left, .offset-right, .offset-both { width: 100%; margin:5px 0px !important; padding:0px !important; }
#mobile-header:after { clear: both; }
#mobile-header { position:static !important; padding-top:5px !important; width:100%; }
#mobile-header p { width:100%; text-align:center; clear:both; padding:0px; margin:0px; line-height:0; }
#sidebar img, #content img { padding:5px 0px; }
#footer h4 { }
#footer a { }
#content .float-img-left, #content .float-img-right { display:block; margin:0 auto; float:none; text-align:center; }
/* GALLERY
----------------------------------------------------------*/
#gallery ul li { padding: 5px 1% !important; width: 48% !important; padding-right:0 !important }
#gallery ul li a { margin: 0 !important; padding:0 !important }
/* Hide Elements From Mobile
----------------------------------------------------------*/
.hide-from-mobile { display:none !important; }
.hide-from-pc { display:inherit !important; }
#tablet-header { display:none !important; }
}
/* Services Box
----------------------------------------------------------*/
.services { padding-top: 5px; width:100% }
.services img { float: left; display: left; padding-right: 5px; }



ul.services-ul li a {font-size: 12px !important;line-height: 17px !important;}
 /* extra csss here  */
 div#header:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
    content: "";
    z-index: -1;
    height: 8px;
}
div#header2 {
    width: 100%;
background: url(files/header/header-bg.jpg);background-size: cover;}

div#header:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    
    content: "";
    z-index: -1;
    height: 3px;
}
 .services-icons p img{
    display: inline-block !important;
}
.text-center{
text-align:center !important;
}
.eight.request-page {
float: none !important;
margin: 0 auto;
width: 100%;

}
.eight.request-page h1{
text-align: center !important;
}
.menu-top.section ul {
max-width: 1057px;
margin: 0 auto;
}
#body-wrap {
max-width: 1200px;
margin: 0 auto;
}
div#header {margin: 0 auto;float: none !important;text-align: center;background: #fff;position: relative;z-index: 9;}

iframe {
margin: 0 auto;
float: none !important;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.contact-us-center {
width: 100%;
text-align: center;
}
.contact-us-center p {
text-align: center !important;
width: 100%;
}
.contact-page-breadcumb {
display: flex !important;
justify-content:center;
}

/* responsive  */
@media (min-width: 992px) and (max-width: 1200px){
 .menu-top.section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
 }
 .menu-top.section ul {
 max-width: 992px;
 margin: 0 auto;
}
 .menu-top ul li a {
 line-height: 60px;
 padding-right: 20px;
 padding-left: 20px;
}
.left-logo img {
 max-width: 70%;
}
.right-cta img {
 max-width: 70%;
}

.right-cta {
 text-align: right;
}
div#header {
 min-height: 110px;
}
.custom-header-wrapper {
 width: 100%;
 max-width: 992px;
 }
 #body-wrap {
 max-width: 1080px;
 margin: 0 auto;
}
.custom-header-wrapper {
 width: 100%;
 max-width: 1080px;
}
.contact-page-breadcumb {
text-align: center;
}

.contact-page-breadcumb ul {
display: inline-block;
}

.contact-page-breadcumb ul li {
padding: 0 !important;
}
}

@media (min-width: 768px) and (max-width: 991px){
 .menu-top.section ul {
 max-width: 768px;
 margin: 0 auto;
}
.menu-top ul li a {
padding-right: 6px;
padding-left: 6px;
line-height: 41px;
}
.menu-top ul li {
background-position: right 0px;
}
.custom-header-wrapper {
 width: 100%;
 max-width: 768px;
 }
 .left-logo img {
 max-width: 70%;
}
.right-cta img {
 max-width: 70%;
}

.right-cta {
 text-align: right;
}
div#header {
 min-height: 90px;
}
.banner-deluxe {  height:300px; }
.banner-deluxe .deluxe-slide {  height: 300px;  }
.menu-top.section {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}
.contact-page-breadcumb {
text-align: center;
}

.contact-page-breadcumb ul {
display: inline-block;
}

.contact-page-breadcumb ul li {
padding: 0 !important;
}
}


@media (max-width: 991px){
     #form {
 margin: 0 auto;
 float: none;
}
#content {
 margin: 0 auto;
 float: none !important;
 text-align: center;
}
#sidebar {
 float: none;
 margin: 0 auto;
}
div#content p {
 text-align: left;
}

div#content li {
 text-align: left;
}
.contact-info-text {
 float: none !important;
 margin: 0 auto;
 text-align: center;
 display: block;
}

.contact-info-text p {
 text-align: center !important;
}
div#content p img {
 margin: 0 auto;
 display: block;
}
p.gallery-photo img {
 display: inline !important;
}

p.gallery-photo {
 text-align: center !important;
}
table tbody tr {
width: 100%;
display: flex;
flex-wrap: wrap;
}

table {
width: 100%;
}
}
@media (max-width: 767px){

h1, h2, h3, h4, h5, h6 {
 text-align: center;
}
div#footer-wrap h4 {
 text-align: left;
}
.social.two {
 padding-left: 0px !important;
}
.four.offset-both {
width: 100% !important;
margin: 5px 0px !important;
padding: 0px !important;
float: none !important;
text-align: center;
}
#sidebar img {
padding: 5px 0px;
margin: 0 auto;
display: block;
}
}

@media (max-width: 1080px){
 #content {
 margin: 0 auto;
 float: none !important;
}
#sidebar {
 float: none;
     margin: 0 auto !important;
}
#breadcrumb ul {
 display: inline-block;
}
/* #form {
 height:100%;
max-height: 520px;
} */
.services img {
float: none;
padding-right: 0px;
}
}
@media (min-width:1200px){
 #body-wrap {
     max-width: 1100px;
     margin: 0 auto;
 }
 div#footer-wrap .new-wrapper {
     max-width: 1080px;
     margin:0 auto;
 }
 iframe.google-map-show {
     max-width: 100%;
     border-radius: 5px;
     width: 100%;
 }
 .menu-top.section {
    width: 100%;
    display: flex;
    justify-content: center;
}
.contact-page-breadcumb {
    text-align: center;
}

.contact-page-breadcumb ul {
    display: inline-block;
}

.contact-page-breadcumb ul li {
    padding: 0 !important;
}
}
 @media (min-width:1366px){
    .scrollLeftBanner {
        width: 100%;
        height: 480px;
    }
 }
 .d-inline {
    display: inline-block !important;
}
area {
    border: none;
    outline: none !important;
}
h1{text-align:center;}