/* Fonts ================================================== */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800); /*! Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome | License - http://fontawesome.io/license (Font:SIL OFL 1.1, CSS:MIT License) */ @font-face{font-family:'FontAwesome';src:url('lib-fonts/fontawesome-webfont.eot?v=4.2.0');src:url('lib-fonts/fontawesome-webfont.eot?v=4.2.0#iefix') format('embedded-opentype'),url('lib-fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('lib-fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('lib-fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} /* Reset & Basics ================================================== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} table{border-collapse:collapse;border-spacing:0} /* Basic Styles ================================================== */ body{background:#fff;font:16px/21px Helvetica,Arial,sans-serif;color:#444;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%} /* Typography ================================================== */ h1,h2,h3,h4,h5,h6{color:#1356a7;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-weight:800;text-transform:uppercase} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;text-decoration:inherit;color:inherit} h1{font-size:36px;line-height:40px;margin-bottom:20px} h2{font-size:28px;line-height:36px;margin-bottom:10px} h3{font-size:24px;line-height:28px;margin-bottom:10px} h4{font-size:21px;line-height:24px;margin-bottom:10px} h5{font-size:18px;line-height:21px} h6{font-size:16px;line-height:21px} p{margin:0 0 20px 0} p img{margin:0} em,i{font-style:italic} strong,b{font-weight:bold;color:#333} small{font-size:80%} blockquote{margin:40px 80px 40px 80px;padding:9px 20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:17px;line-height:24px;color:#777;font-style:italic} blockquote p{margin:0 0 20px 0;font-size:17px;line-height:24px;color:#777;font-style:italic} blockquote p:last-child{margin:0} blockquote cite{display:block;font-size:12px;color:#555} blockquote cite:before{content:"\2014 \0020"} blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555} hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* Links ================================================== */ a,a:visited{color:#333;text-decoration:underline;outline:0} a:hover,a:focus{color:#000} p a,p a:visited{line-height:inherit} /* Lists ================================================== */ ul,ol{margin-bottom:10px} ul{list-style:none outside} ol{list-style:decimal} ol,ul.square,ul.circle,ul.disc{margin-left:30px} ul.square{list-style:square outside} ul.circle{list-style:circle outside} ul.disc{list-style:disc outside} ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;font-size:90%} ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px} li{line-height:18px;margin-bottom:12px} li p{line-height:21px} /* Clearing ================================================== */ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} .clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .row:after,.clearfix:after{clear:both} .row,.clearfix{zoom:1} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} hr.clear{margin:0!important;padding:0;border:none;opacity:0;filter:alpha(opacity=0)} /* Buttons ================================================== */ a.button,a.button:visited,.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;margin:0;margin-bottom:20px;padding:5px 10px;background:#fff;background:-moz-linear-gradient(top,#fff 20%,#eee 80%);background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(80%,#eee));background:-webkit-linear-gradient(top,#fff 20%,#eee 80%);background:-o-linear-gradient(top,#fff 20%,#eee 80%);background:-ms-linear-gradient(top,#fff 20%,#eee 80%);background:linear-gradient(top,#fff 20%,#eee 80%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0 );border:1px solid #aaa;box-shadow:0 1px 0 #fff inset,0 1px 1px rgba(0,0,0,.15);border-radius:0px;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:normal;color:#444;text-shadow:0 1px 0 #FFF;text-decoration:none;cursor:pointer;text-decoration:none!important} a.button:hover,.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{background:#eee;background:-moz-linear-gradient(top,#eee 20%,#fff 80%);background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background:-webkit-linear-gradient(top,#eee 20%,#fff 80%);background:-o-linear-gradient(top,#eee 20%,#fff 80%);background:-ms-linear-gradient(top,#eee 20%,#fff 80%);background:linear-gradient(top,#eee 20%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0 );color:#333;text-decoration:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} /* Forms ================================================== */ form{margin-bottom:0} fieldset{margin-bottom:20px} input[type="text"],input[type="password"],input[type="email"],textarea,select{border:1px solid #ccc;padding:6px 4px;outline:none;border-radius:2px;font:13px Helvetica,Arial,sans-serif;color:#777;margin:0;width:210px;max-width:100%;display:block;margin-bottom:20px;background:#fff} input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{border:1px solid #aaa;color:#444;box-shadow:0 0 3px rgba(0,0,0,.2)} textarea{min-height:60px} label,legend{display:block;font-weight:bold;font-size:13px} select{width:220px} input[type="checkbox"]{display:inline} label span,legend span{font-weight:normal;font-size:13px;color:#444} /* Form Custom Fields ================================================== */ label.cr-label{margin:0 5px 0 0;padding:0;display:inline} /* errors */ input[type="text"].error,input[type="password"].error,input[type="email"].error,textarea.error,select.error{border-color:#C00} .chzn-container-single.error .chzn-single{border-color:#C00} .chzn-container{width:220px!important;max-width:100%!important} .chzn-drop{width:218px!important;max-width:100%!important} .chzn-container-single .chzn-search input{width:182px!important} span.error{display:block;margin:-15px 0 20px 0;color:#C00;font-weight:normal} .cr-list span.error{margin-top:0} .cr-input + span.error{margin-top:5px} /* checkbox/radio */ span.cr-input{display:inline-block;position:relative;height:20px;width:20px;margin:0;padding:0;background:transparent;vertical-align:bottom;overflow:hidden;cursor:pointer} span.cr-input:before{display:block;position:absolute;top:0;left:0;right:0;font:16px/20px 'FontAwesome';color:#333;text-align:center} span.cr-input.cr-checkbox:before{content:"\f1db";color:#CCC} span.cr-input.cr-radio:before{content:"\f10c";color:#CCC} span.cr-input.cr-checkbox.checked:before{content:"\f00c";color:#333} span.cr-input.cr-radio.checked:before{content:"\f192";color:#333} span.cr-input input{display:block;width:100%;height:100%;margin:0;padding:0;opacity:0;filter:alpha(opacity=0);cursor:pointer} /* Ajax Loader/Form Noscript ================================================== */ form{position:relative} form div.ajax-loader{position:absolute;z-index:75;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background:rgba(255,255,255,.75)} form div.ajax-loader .loader-content{position:absolute;top:50%;left:50%;width:260px;height:64px;margin:-32px -130px;padding:0;background:#FFF url(../images/ajax-loader.gif) no-repeat center center;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:5px} form noscript{position:absolute;z-index:75;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background:rgba(255,255,255,.75)} form noscript .noscript-content{display:block;margin:20px;padding:20px;background:#FFF;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:5px} /* Misc ================================================== */ img.scale-with-grid{display:block;max-width:100%;height:auto;opacity:0.9} .remove-bottom{margin-bottom:0 !important} .half-bottom{margin-bottom:10px !important} .add-bottom{margin-bottom:20px !important} .large-bottom{margin-bottom:40px !important} .huge-bottom{margin-bottom:80px !important} .remove-top{margin-top:0 !important} .half-top{margin-top:10px !important} .add-top{margin-top:20px !important} .large-top{margin-top:40px !important} .huge-top{margin-top:80px !important} /* Base Grid ================================================== */ .container{position:relative;width:1200px;margin:0 auto;padding:0}.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:55px}.container .two.columns{width:130px}.container .three.columns{width:205px}.container .four.columns{width:280px}.container .five.columns{width:355px}.container .six.columns{width:430px}.container .seven.columns{width:505px}.container .eight.columns{width:580px}.container .nine.columns{width:655px}.container .ten.columns{width:730px}.container .eleven.columns{width:805px}.container .twelve.columns{width:880px}.container .thirteen.columns{width:955px}.container .fourteen.columns{width:1030px}.container .fifteen.columns{width:1105px}.container .sixteen.columns{width:1180px}.container .one-third.column{width:380px}.container .two-thirds.column{width:780px}.container .offset-by-one{padding-left:75px}.container .offset-by-two{padding-left:150px}.container .offset-by-three{padding-left:225px}.container .offset-by-four{padding-left:300px}.container .offset-by-five{padding-left:375px}.container .offset-by-six{padding-left:450px}.container .offset-by-seven{padding-left:525px}.container .offset-by-eight{padding-left:600px}.container .offset-by-nine{padding-left:675px}.container .offset-by-ten{padding-left:750px}.container .offset-by-eleven{padding-left:825px}.container .offset-by-twelve{padding-left:900px}.container .offset-by-thirteen{padding-left:975px}.container .offset-by-fourteen{padding-left:1050px}.container .offset-by-fifteen{padding-left:1125px} @media only screen and (min-width:960px) and (max-width:1199px){.container{width:960px}.container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:40px}.container .two.columns{width:100px}.container .three.columns{width:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.container .eight.columns{width:460px}.container .nine.columns{width:520px}.container .ten.columns{width:580px}.container .eleven.columns{width:640px}.container .twelve.columns{width:700px}.container .thirteen.columns{width:760px}.container .fourteen.columns{width:820px}.container .fifteen.columns{width:880px}.container .sixteen.columns{width:940px}.container .one-third.column{width:300px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}} @media only screen and (min-width:768px) and (max-width:959px){.container{width:768px}.container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}} @media only screen and (max-width:767px){.container{width:300px}.container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:300px}.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}} @media only screen and (min-width:480px) and (max-width:767px){.container{width:420px}.container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:420px}} /* Percentage Grid ================================================== */ .width-100,.width-75,.width-66,.width-50,.width-33,.width-25,.width-20,.width-10{float:left;display:inline}.width-100 .wrap,.width-75 .wrap,.width-66 .wrap,.width-50 .wrap,.width-33 .wrap,.width-25 .wrap,.width-20 .wrap,.width-10 .wrap{display:block;margin-left:10px;margin-right:10px}.width-100{width:100%}.width-75{width:75.00%}.width-66{width:66.66%}.width-50{width:50.00%}.width-33{width:33.33%}.width-25{width:25.00%}.width-20{width:20.00%}.width-10{width:10.00%} @media only screen and (max-width:767px){.width-100,.width-75,.width-66,.width-50,.width-33,.width-25,.width-20,.width-10{width:100%}.width-100 .wrap,.width-75 .wrap,.width-66 .wrap,.width-50 .wrap,.width-33 .wrap,.width-25 .wrap,.width-20 .wrap,.width-10 .wrap{margin-left:0;margin-right:0}} /* General Objects ================================================== */ html{height:100%} body{height:100%;overflow-y:scroll} #page-wrap{min-height:100%;min-width:300px;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);background:-o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);background:linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );overflow:hidden} #header,#nav,#page-content,#footer{position:relative;z-index:1;display:block;margin:0;padding:0} /* Header ================================================== */ #header{z-index:60} #header:before{content:"";display:block;height:20px;background:#1356a7} #header .container{padding:10px 0 0 0} #header .logo{display:block;height:95px;width:270px;margin:0;padding:0;background:transparent url('../images/vectorlogo.jpg') no-repeat center;background-size:contain;text-indent:-9999px} #header .phone-area{display:block;margin:20px 0 5px 0;padding:0;text-align:right} #header .phone-area .phone{display:inline-block;margin:0 0 0 40px;font:16px/21px 'Open Sans',Helvetica,Arial,sans-serif;font-weight:400;color:#1356a7} #header .phone-area .phone small{font-size:14px;color:#bfbfbf} #header .address-area{display:block;margin:5px 0 20px 0;padding:0;text-align:right;font:16px/21px 'Open Sans',Helvetica,Arial,sans-serif;font-weight:400;color:#444} /* Navigation ================================================== */ #nav{position:relative;z-index:50;margin:0;padding:0;text-align:center} #nav .container{} #nav ul{position:relative;z-index:51;margin:0;padding:0;display:block;list-style:none;font-size:0;line-height:0} #nav ul li{margin:0;padding:0;position:relative;display:inline-block} #nav ul li a{display:inline-block;padding:15px 13px;font:14px/21px Helvetica,Arial,sans-serif;text-align:center;text-decoration:none;color:#333;text-transform:uppercase} #nav ul li a:first-child{margin-left:0} #nav ul li a:last-child{margin-right:0} #nav ul li a[href="#"]{cursor:default} #nav ul li:hover,#nav ul li.active{} #nav ul li:hover > a,#nav ul li.active > a{color:#1356a7} #nav ul ul{display:none;position:absolute;z-index:52;top:100%;left:0;min-width:100%;background:#FFF;box-shadow:0 0 15px rgba(0,0,0,0.15)} #nav ul li:hover > ul,#nav ul li:hover > div > ul{display:block} #nav ul ul li{display:block;text-align:left} #nav ul ul li + li:before{content:"";position:absolute;top:0;bottom:auto;left:10px;right:10px;height:1px;width:auto;background:#DDD} #nav ul ul li a{display:block;padding:8px 20px;text-align:left;white-space:nowrap} #nav ul ul li:hover,#nav ul ul li.active{} #nav ul ul li:hover > a,#nav ul ul li.active > a{} #nav ul ul ul{position:absolute;z-index:53;top:0;left:100%} /* Nav Arrows */ #nav li.navRight:after{content:"\f0da";display:block;position:absolute;top:50%;right:10px;height:0;width:0;margin:-10px 0 0 0;padding:0;font:12px/20px 'FontAwesome'} #nav li.navLeft:after{content:"\f0d9";display:block;position:absolute;top:50%;left:10px;height:0;width:0;margin:-10px 0 0 0;padding:0;font:12px/20px 'FontAwesome'} #nav li.navDown:after{content:"\f0d7";display:block;position:absolute;top:50%;right:8px;height:0;width:0;margin:-10px 0 0 0;padding:0;font:12px/20px 'FontAwesome'} /* Nav Animated */ #nav ul li:hover > ul,#nav ul li:hover > div > ul{-webkit-animation:navReveal 0.5s;-moz-animation:navReveal 0.5s;animation:navReveal 0.5s} @-webkit-keyframes navReveal{0%{opacity:0;margin-top:-10px}100%{opacity:1;margin-top:0}} @-moz-keyframes navReveal{0%{opacity:0;margin-top:-10px}100%{opacity:1;margin-top:0}} keyframes navReveal{0%{opacity:0;margin-top:-10px}100%{opacity:1;margin-top:0}} /* Mobile Nav */ #nav-reveal{display:block;position:absolute;top:20px;right:10px;height:auto;width:50px;margin:0;padding:0;cursor:pointer;text-decoration:none} #nav-reveal:before{content:"\f0c9";display:block;margin:0;padding:0;font:50px/50px 'FontAwesome';color:#333;text-shadow:0 1px 3px rgba(0,0,0,.15);text-align:center} #nav-hide{display:block;position:absolute;top:-70px;right:0;height:60px;width:60px;margin:0;padding:0;cursor:pointer;text-decoration:none} #nav-hide:before{content:"\f00d";display:block;margin:0;padding:0;font:40px/60px 'FontAwesome';color:#FFF;text-shadow:0 1px 3px rgba(0,0,0,.25);text-align:center} #nav-home{display:block;position:absolute;top:-70px;left:0;height:60px;width:60px;margin:0;padding:0;cursor:pointer;text-decoration:none} #nav-home:before{content:"\f015";display:block;margin:0;padding:0;font:40px/60px 'FontAwesome';color:#FFF;text-shadow:0 1px 3px rgba(0,0,0,.25);text-align:center} #m-nav{display:none;position:absolute;z-index:150;top:0;left:0;right:0;margin:80px 20px 20px 20px;padding:0} #m-nav-overlay{display:none;position:fixed;z-index:145;top:-100px;bottom:0;left:0;right:0;background:rgba(0,0,0,.85)} #m-nav .container{width:auto;max-width:420px} #m-nav ul{display:block;position:relative;margin:0;padding:0} #m-nav ul li{display:block;position:relative;margin:0;padding:0} #m-nav ul li a{display:block;position:relative;margin:0;padding:14px 20px;background:#FFF;border-top:1px solid rgba(255,255,255,.75);border-right:1px solid rgba(255,255,255,.75);border-bottom:1px solid rgba(0,0,0,.15);border-left:1px solid rgba(0,0,0,.15);font-size:14px;text-align:left;text-decoration:none;color:#333} #m-nav ul li a[href="#"]{cursor:default} #m-nav ul ul{display:none} #m-nav ul ul li a{background:#EEE} #m-nav ul ul ul li a{background:#DDD} #m-nav ul ul ul ul li a{background:#CCC} #m-nav ul ul ul ul ul li a{background:#BBB} #m-nav ul ul ul ul ul ul li a{background:#AAA} #m-nav span.m-arrow{content:"";display:block;position:absolute;z-index:155;top:5px;right:5px;height:35px;width:35px;background:#FFF;border-radius:50px;box-shadow:inset 0 1px 3px rgba(0,0,0,.25);cursor:pointer} #m-nav span.m-arrow:before{content:"\f078";display:block;margin:0;padding:0;font:16px/35px 'FontAwesome';color:#777;text-align:center} #m-nav span.m-arrow.open{} #m-nav span.m-arrow.open:before{content:"\f077"} @media only screen and (min-width:767px){ #m-nav{display:none!important} #m-nav-overlay{display:none!important} } /* Content ================================================== */ #page-content{z-index:2} #page-content .container{padding:20px 0} body.home #page-content .container{padding:0} .page-content .btn{display:inline-block;margin:0;padding:2px 10px;background:#fff;color:#fff !important;text-shadow:none;text-decoration:none;text-transform:uppercase;background:#1356a7;font-weight:bold;height:30px;line-height:35px} .page-content .btn:hover{background:#ce2c27;color:#FFF !important;text-decoration:none} /* Footer ================================================== */ #footer{z-index:50;background:#000} #footer .container{padding:12px 0;font-size:12px;color:#FFF} #footer .container a{color:#FFF;text-decoration:none} #footer .container a:hover{color:#FFF;text-decoration:underline} #footer img.coc{ display:block; position:relative; width:185px;height:auto;max-width:100%; margin:-12px 0;padding:0; } #foot-nav{display:inline-block;position:relative;z-index:50;text-align:left} #foot-nav ul{position:relative;z-index:51;margin:0;padding:0;display:block;list-style:none;font-size:0} #foot-nav ul li{margin:0;padding:0;position:relative;display:inline-block;font-size:1em} #foot-nav ul li a{display:inline-block;padding:0px 0;font-size:12px;text-align:center;text-decoration:none;color:#FFF} #foot-nav ul li:hover > a{color:#FFF;text-decoration:underline} #foot-nav ul li + li a{border-left:1px solid #FFF} #foot-nav ul li a[href="#"]{cursor:default} #foot-nav ul ul{display:none;position:absolute;z-index:52;bottom:100%;left:0;min-width:100%;background:#FFF;box-shadow:0 0 15px rgba(0,0,0,0.15)} #foot-nav ul li:hover > ul,#foot-nav ul li:hover > div > ul{display:block} #foot-nav ul ul li{display:block;text-align:left} #foot-nav ul ul li + li:before{content:"";position:absolute;top:0;bottom:auto;left:10px;right:10px;height:1px;width:auto;background:#DDD} #foot-nav ul ul li a{display:block;border:none;padding:8px 20px;text-align:left;white-space:nowrap} #foot-nav ul ul li:hover,#foot-nav ul ul li.active{} #foot-nav ul ul li:hover > a,#foot-nav ul ul li.active > a{} #foot-nav ul ul ul{position:absolute;z-index:53;top:auto;bottom:0;left:100%} #footer .foot-icons{display:block;height:50px;margin:-12px 0;padding:0;font-size:0;text-align:right} #footer .foot-icons .card-discover{display:inline-block;height:30px;width:42px;margin:0 10px 0 0;background:transparent url('../images/foot-icons.png') no-repeat 0 -100px;vertical-align:middle} #footer .foot-icons .card-visa{display:inline-block;height:30px;width:42px;margin:0 10px 0 0;background:transparent url('../images/foot-icons.png') no-repeat 0 -50px;vertical-align:middle} #footer .foot-icons .card-mastercard{display:inline-block;height:30px;width:42px;margin:0 10px 0 0;background:transparent url('../images/foot-icons.png') no-repeat 0 -150px;vertical-align:middle} #footer .foot-icons .icon-bbb{display:inline-block;height:50px;width:32px;margin:0;background:transparent url('../images/foot-icons.png') no-repeat 0 0;vertical-align:middle} #footer .sm-icons{display:inline-block; vertical-align:middle; margin:0 10px; position:relative; top:5px} /* SOCIAL MEDIA ================================================== */ .social-area-wrap{display:block;position:relative;text-align:right;font-size:0} a#share-btn{display:inline-block;vertical-align:top;position:relative;margin:0;padding:0 20px;height:40px;width:auto;background:#707070;text-decoration:none;font:14px/40px Helvetica,Arial,sans-serif;color:#FFF;text-align:left;cursor:pointer} a#share-btn:before{content:"\f064";margin:0 5px 0 0;padding:0;font:14px/40px 'FontAwesome'} a#share-btn:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.15)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#26000000',GradientType=0 )} a#share-btn:hover{background:#606060} .no-js a#share-btn{display:none!important} ul.social-share-bar{display:none;position:absolute;right:0;top:100%;z-index:101;background:#fff;margin:0;padding:10px 20px;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align:left;list-style:none;font-size:0} ul.social-share-bar li{margin:2px 0;padding:0;position:relative;display:block;font-size:1em} ul.social-share-bar li a{display:block;position:relative;padding:0;font-size:12px;text-align:left;text-decoration:none;color:#444;cursor:pointer} ul.social-share-bar li a:before{margin:0 5px 0 0;padding:0;;font:16px/21px 'FontAwesome'} ul.social-share-bar li a.share-facebook:before{content:"\f082"} ul.social-share-bar li a.share-facebook:hover{color:#44559b} ul.social-share-bar li a.share-google-plus:before{content:"\f0d4"} ul.social-share-bar li a.share-google-plus:hover{color:#e8543d} ul.social-share-bar li a.share-twitter:before{content:"\f081"} ul.social-share-bar li a.share-twitter:hover{color:#71cae6} ul.social-share-bar li a.share-linkedin:before{content:"\f08c"} ul.social-share-bar li a.share-linkedin:hover{color:#0077b5} ul.social-share-bar li a.share-pinterest:before{content:"\f0d3"} ul.social-share-bar li a.share-pinterest:hover{color:#c82f2e} ul.social-links{display:inline-block;vertical-align:top;margin:0;padding:0;font-size:0;text-align:left} ul.social-links li{display:inline-block;margin:0;padding:0;vertical-align:top} ul.social-links li a{display:block;position:relative;margin:0;padding:0;height:40px;width:40px;text-decoration:none;color:#FFF;text-align:center;cursor:pointer} ul.social-links li a:before{margin:0;padding:0;font:24px/42px 'FontAwesome'} ul.social-links li a:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.15)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#26000000',GradientType=0 )} ul.social-links li a.link-facebook{background:#44559b} ul.social-links li a.link-facebook:before{content:"\f09a"} ul.social-links li a.link-google-plus{background:#e8543d} ul.social-links li a.link-google-plus:before{content:"\f0d5"} ul.social-links li a.link-twitter{background:#71cae6} ul.social-links li a.link-twitter:before{content:"\f099"} ul.social-links li a.link-linkedin{background:#0077b5} ul.social-links li a.link-linkedin:before{content:"\f0e1"} ul.social-links li a.link-pinterest{background:#c82f2e} ul.social-links li a.link-pinterest:before{content:"\f0d2"} ul.social-links li a.link-youtube{background:#cc181e} ul.social-links li a.link-youtube:before{content:"\f167"} ul.social-links li a.link-vimeo{background:#334455} ul.social-links li a.link-vimeo:before{content:"\f194"} ul.social-links li a span{display:none;position:absolute;top:100%;bottom:auto;left:-51px;right:auto;width:120px;height:auto;margin:10px 0 0 0;padding:5px 5px;background:#EEE;box-shadow:0 0 5px rgba(0,0,0,.25);border-radius:5px;font:12px/18px Helvetica,Arial,sans-serif;color:#777;text-shadow:0 1px 0 #FFF;text-align:center} ul.social-links li a span:before{content:"";display:block;position:absolute;top:-6px;left:50%;height:0;width:0;margin:0 0 0 -3px;padding:0;border:none;border-bottom:6px solid #EEE;border-left:6px solid transparent;border-right:6px solid transparent;overflow:hidden} ul.social-links li a:hover span{display:block} /* Social Animated */ ul.social-links li a:hover > span{-webkit-animation:socialReveal 0.5s;-moz-animation:socialReveal 0.5s;animation:socialReveal 0.5s} @-webkit-keyframes socialReveal{0%{opacity:0;margin-top:0}100%{opacity:1;margin-top:10px}} @-moz-keyframes socialReveal{0%{opacity:0;margin-top:0}100%{opacity:1;margin-top:10px}} keyframes socialReveal{0%{opacity:0;margin-top:0}100%{opacity:1;margin-top:10px}} /* SOCIAL LIKING/+1/FOLLOW ================================================== */ .social-liking{display:block;margin:0 0 20px 0;padding:0;font-size:0;text-align:center} .social-liking > div,.social-liking > div.fb-like,.social-liking > iframe.twitter-follow-button,.social-liking > script,.social-liking > span.IN-widget,.social-liking > a{display:inline-block!important;margin:0 0 0 10px!important;line-height:20px!important;vertical-align:top!important} .social-liking > div{} .social-liking > div.fb-like{} .social-liking > iframe.twitter-follow-button{} .social-liking > script,.social-liking > span.IN-widget{} .social-liking > a{} /* BROWSER UPGRADE ================================================== */ #browser-up-overlay{position:fixed;z-index:9080;top:0;bottom:0;left:0;right:0;background:#000} #browser-up{position:fixed;z-index:9090;top:50%;bottom:auto;left:0;right:0;width:100%;margin:-176px 0 0 0;padding:20px 0 0 0;background:#FFF;border-top:1px solid #000;border-bottom:1px solid #000} #browser-up .container{min-height:320px} #browser-up div.title{margin:0;padding:0;font:30px/30px Helvetica,Arial,sans-serif;color:#05548c} #browser-up div.detail{margin:0 0 20px 0;padding:0;font:14px/21px Helvetica,Arial,sans-serif;color:#444} #browser-up div.detail strong{font-weight:bold;color:#141414;text-transform:uppercase} #browser-up hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0;height:0} #browser-up a.browser-link{display:block;position:relative;max-width:300px;margin:0 auto 20px auto;text-align:center;text-decoration:none} #browser-up a.browser-link img{display:block;margin:-2px;padding:0;border:2px solid #FFF} #browser-up a.browser-link:hover img{border:2px solid #333} #browser-up a.browser-link span.browser-version{display:none;position:absolute;top:0;left:0;right:0;background:#0d3a5c;font:14px/40px Helvetica,Arial,sans-serif;color:#FFF;text-align:center} #browser-up a.browser-link:hover span.browser-version{display:block} #browser-up a.browser-link span.browser-version strong{font-weight:bold;color:#FFF} #browser-up div.no-upgrade{position:absolute;bottom:-26px;right:7px;width:190px} #browser-up div.no-upgrade a.browser-no-upgrade,#browser-up div.no-upgrade a.browser-no-upgrade img{display:block;width:190px;margin:0 auto} /* Tabs ================================================== */ ul.tabs {display:block;margin:0 0 20px 0;padding:0;margin-left:0 !important} ul.tabs li {display:block;width:100%;height:30px;padding:0;float:left;margin-bottom:0} ul.tabs li a {display:block;text-decoration:none;width:auto;height:29px;padding:0px 20px;line-height:30px;border:solid 1px #ddd;margin:0;background:#f5f5f5;font-size:13px} ul.tabs li a.active {background:#1356a7;color:#fff} ul.tabs li:first-child a.active {margin-left:0} ul.tabs li:first-child a {border-width:1px 1px 0 1px;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px} ul.tabs li:last-child a {-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px} ul.tabs-content {margin:0; display:block} ul.tabs-content > li {display:none; list-style:none} ul.tabs-content > li.active {display:block} ul.tabs:before,ul.tabs:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} ul.tabs:after {clear:both} ul.tabs {zoom:1} /* General Objects ================================================== */ .page-content ul{margin-left:30px;list-style:disc outside} .page-content .flexslider ul,.page-content .chzn-container ul{margin-left:0;list-style:none} .page-content a{font-weight:bold;text-decoration:underline} .page-content a:hover{font-weight:bold;text-decoration:underline;color:#1356a7} sub{margin:0 0 0 2px;font-size:70%;vertical-align:sub} sup{margin:0 0 0 2px;font-size:70%;vertical-align:super} .sitemap ul li a[href="#"]{cursor:default} a,a:visited,input,#nav ul li{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease} h1{display:block;position:relative;margin:0 0 20px 0;padding:20px 20px;background:#1356a7;color:#FFF;font-size:36px;line-height:40px} .white-box{display:block;background:#FFF} .white-box.with-padding{padding:20px 20px} .image-link,.gallery-link{display:block;position:relative;background:#000;overflow:hidden;text-decoration:none} .image-link img,.gallery-link img{display:block;opacity:1;width:100%;height:auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease} .image-link:hover img,.gallery-link:hover img{opacity:1} .image-link span.title,.gallery-link span.title{display:block;position:absolute;bottom:20px;left:20px;right:20px;font:32px/36px 'Open Sans',Helvetica,Arial,sans-serif;font-weight:800;text-transform:uppercase;color:#FFF;text-shadow:0 1px 10px rgba(0,0,0,.3)} .sq-block-area{display:block;margin:55px 0;padding:0;text-align:center;font-size:0;line-height:0} .sq-block-area .sq-1{display:inline-block;margin:10px 10px;padding:0;height:30px;width:30px;background:#cfcfcf} .sq-block-area .sq-2{display:inline-block;margin:10px 10px;padding:0;height:30px;width:30px;background:#b9b9b9} .sq-block-area .sq-3{display:inline-block;margin:10px 10px;padding:0;height:30px;width:30px;background:#a1a1a1} .intro-para{margin:40px 0} .flexslider.home-banner{} .flexslider.home-banner .columns{position:relative} .flexslider.home-banner .six.columns{z-index:10} .flexslider.home-banner .title-area{display:block;position:absolute;top:80px;bottom:auto;left:50px;right:50px;height:340px;width:auto;background:#FFF;box-shadow:0 0 25px rgba(0,0,0,.1)} .flexslider.home-banner .title-area:before{content:"";display:block;position:absolute;top:0;left:100%;height:0;width:0;border:none;border-top:170px solid transparent;border-bottom:170px solid transparent;border-left:95px solid #FFF} .flexslider.home-banner .title-area .title-wrap{position:absolute;top:50%;bottom:auto;left:0;right:0;margin:-30px 0;padding:0;font:40px/40px 'Open Sans',Helvetica,Arial,sans-serif;font-weight:800;text-transform:uppercase;color:#1356a7;text-align:center} .flexslider.home-banner .title-area .title-wrap.two-line{margin-top:-50px;position:relative} .flexslider.home-banner .title-area .title-wrap small{display:block;font:19px/21px 'Open Sans',Helvetica,Arial,sans-serif;font-weight:400;color:#bfbfbf} .flexslider.home-banner .ten.columns:before{content:"";display:block;position:absolute;top:auto;bottom:0;left:0;right:0;height:40%;width:auto;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.25)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.25) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#40000000',GradientType=0 )} .flexslider.home-banner .content-area{display:block;position:absolute;bottom:30px;left:30px;right:30px;font:40px/48px 'Open Sans',Helvetica,Arial,sans-serif;font-weight:800;text-transform:uppercase;color:#FFF;text-shadow:0 1px 10px rgba(0,0,0,.3)} .flexslider.home-banner .content-area a{display:inline-block;margin:10px 0 0 0;padding:0 10px;background:#FFF;color:#ce2c27;text-shadow:none;text-decoration:none} .flexslider.home-banner .content-area a:hover{background:#ce2c27;color:#FFF} /* PLUGINS ====================================================================================================================================================== */ /*! jQuery FlexSlider v2.0 | http://www.woothemes.com/flexslider/ | Copyright 2012 WooThemes | Free to use under the GPLv2 license. | http://www.gnu.org/licenses/gpl-2.0.html | Contributing author:Tyler Smith (@mbmufffin) */ .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{position:relative;margin:0 0 20px 0;padding:0}.flexslider .slides > li{display:none;position:relative;margin:0}.flexslider .slides img{max-width:100%;display:block;margin:0 auto}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides > li:first-child{display:block}.flex-caption{width:auto;height:auto;margin:0;padding:10px 20px;position:absolute;top:auto;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px;text-decoration:none}.flexslider.slideshow{}.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}.flex-direction-nav{height:0}.flex-direction-nav li{margin:0}.flex-direction-nav a{width:30px;height:30px;margin:-15px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-decoration:none}.flex-direction-nav li a:before{display:block;position:absolute;top:0;left:0;right:0;font:32px/32px 'FontAwesome';color:#FFF;text-shadow:0 1px 3px rgba(0,0,0,0.5);text-indent:0;text-align:center}.flex-direction-nav .flex-next{right:-36px}.flex-direction-nav .flex-next:before{content:"\f054"}.flex-direction-nav .flex-prev{left:-36px}.flex-direction-nav .flex-prev:before{content:"\f053"}.flexslider:hover .flex-next{opacity:1;filter:alpha(opacity=100);right:5px}.flexslider:hover .flex-prev{opacity:1;filter:alpha(opacity=100);left:5px} =.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100)}.flex-direction-nav .flex-disabled{display:none}.flex-control-nav{width:100%;text-align:center;padding:10px 0}.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,.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,.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(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:767px){.flex-direction-nav .flex-prev{opacity:1;left:0}.flex-direction-nav .flex-next{opacity:1;right:0}} /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch{overflow:hidden !important}#swipebox-overlay img{border:none !important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url('lib-plugins/loader.gif') no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:0px}#swipebox-top-bar{top:0px}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url('lib-plugins/icons.png');background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:768px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white !important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif} .desk-only{display:block!important} .mobile-only{display:none!important} @media only screen and (min-width:960px) and (max-width:1199px){ #nav{padding:12px 0} #nav ul li{margin:0 20px} #nav ul li a{padding:7px 15px} .flexslider.home-banner .title-area{top:60px;bottom:auto;left:40px;right:40px;height:280px} .flexslider.home-banner .title-area:before{width:0;border:none;border-top:140px solid transparent;border-bottom:140px solid transparent;border-left:75px solid #FFF} .flexslider.home-banner .title-area .title-wrap{margin:-20px 0;font-size:28px;line-height:28px} .flexslider.home-banner .title-area .title-wrap.two-line{margin-top:-30px;position:relative} .flexslider.home-banner .title-area .title-wrap small{font-size:14px;line-height:21px} .flexslider.home-banner .content-area{font-size:28px;line-height:36px} body.home .image-link img{height:210px;width:auto} body.home .image-link span.title{bottom:10px;left:10px;font-size:24px;line-height:24px} } @media only screen and (min-width:768px) and (max-width:959px){ #nav{padding:12px 0} #nav ul li a{padding:7px 15px} .flexslider.home-banner .title-area{top:30px;bottom:auto;left:30px;right:30px;height:250px} .flexslider.home-banner .title-area:before{width:0;border:none;border-top:125px solid transparent;border-bottom:125px solid transparent;border-left:65px solid #FFF} .flexslider.home-banner .title-area .title-wrap{margin:-20px 0;font-size:28px;line-height:28px} .flexslider.home-banner .title-area .title-wrap.two-line{margin-top:-30px;position:relative} .flexslider.home-banner .title-area .title-wrap small{font-size:14px;line-height:21px} .flexslider.home-banner .content-area{bottom:20px;left:20px;font-size:28px;line-height:36px} body.home .image-link-wrapper .width-25{width:50%} .sq-block-area{margin:75px 0} .sq-block-area .sq-1{margin:5px 5px;height:25px;width:25px} .sq-block-area .sq-2{margin:5px 5px;height:25px;width:25px} .sq-block-area .sq-3{margin:5px 5px;height:25px;width:30px} } @media only screen and (max-width:767px){ .desk-only{display:none!important} .mobile-only{display:block!important} #header .phone-area{text-align:center} #header .phone-area .phone{margin:0 10px} #header .address-area{text-align:center} #nav{display:none} .flexslider.home-banner .six.columns{display:none} .flexslider.home-banner .content-area{bottom:20px;left:20px;font-size:0;line-height:0} .flexslider.home-banner .content-area a{left:20px;font-size:28px;line-height:36px} .sq-block-area{margin:20px 0} .intro-para{margin:0 0} #footer{text-align:center} #footer .foot-icons{margin:10px 0;text-align:center} #footer img.coc{margin:0 auto 10px auto} .logo-gallery{} .logo-gallery .width-25{float:left;width:25%} .social-area-wrap{text-align:center} ul.social-share-bar{position:relative;top:0;bottom:0;left:0;right:0} ul.social-share-bar li{display:inline-block;width:50%} /* BROWSER UPGRADE ================================================== */ #browser-up{position:absolute;top:20px;margin:0} #browser-up .container{padding-bottom:20px} #browser-up div.no-upgrade{right:50%;margin-right:-95px} } @media only screen and (max-width:479px){ #header .logo{height:70px;width:220px} }