@charset "utf-8"; @import url(/_shared/common/bootstrap3/bootstrap-3.2.0/css/bootstrap.min.css); @import url(//netdna.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css); /* http://fontawesome.io/icons/ for icons */ @import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,700,600); @import url(/_includes/fonts/FlatIcon/flaticon.css); /* ---------------------------------------------------------------- */ body{font-family: "proxima-nova"; color:#5c5c5c; font-size:16px;} /* Headers */ h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{font-family: "acumin-pro-condensed";} h1, .h1{color:#3c3e55; font-size:44px; font-weight:600;} h2, .h2{color:#11bdb9; font-size:36px; font-weight:300;} h3, .h3{color:#434976; font-size:30px; font-weight:400;} h4, .h4{color:#3c3e55; font-size:26px; font-weight:400;} h5, .h5{color:#3c3e55; font-size:20px; font-weight:700;} h6, .h6{color:#3c3e55; font-size:16px; font-weight:700;} /* Links */ a, a:link, a:active, a:visited{color:#21deda; text-decoration:none;} a:focus, a:hover{color:#168a8a; text-decoration:none; outline:none;} /* a, input[type="submit"], button, *:before, *:after{-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} */ ::-moz-selection {color:#ffffff; background:#21deda;} ::selection {color:#ffffff; background:#21deda;} label {font-size:12px;} input[type=checkbox] {margin:0px!important; position:relative!important;} .checkbox label {padding-left:5px!important;} /* Tables */ .table-responsive {margin:30px 0;} blockquote {font-weight:200; font-style:italic;} .form-control::-webkit-input-placeholder {color:#bbb;} .form-control:-moz-placeholder {color:#bbb;opacity:1;} .form-control::-moz-placeholder {color:#bbb;opacity:1;} .form-control:-ms-input-placeholder {color:#bbb;} .bs-callout {padding:5px; margin:5px 0; border:1px solid #eee; border-left-width:5px; border-left-color:#ce4844; border-radius:3px;} .bs-callout h4 {color:#ce4844; margin-top:0; margin-bottom:5px;font-size:15px;} /* ---------------------------------------------------------------- */ html{-webkit-font-smoothing: antialiased;} form, fieldset{margin:0; padding:0; border:0;} a img, :link img, :visited img{border:0;} acronym{cursor:help; border-bottom:1px dotted;} li.webdebug{z-index:10000; position:relative; color:red; display:block; background:#fff; width:50%; left:0; text-align:left; white-space:nowrap; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} .instructional{background-color:#FFFFCF!important; border-top:1px dotted #666; padding:20px; color:#000!important} .instructional h1, .instructional h2{padding:0px; margin:0px;} .info{color:#666;} #content .info:before{font-family:"FontAwesome"; content:"\f05a"; margin-right:5px; color:#3498db;} .SiteSearch legend, .SiteSearch label, .Zone legend, .Zone label, .Zone h1, .hidden, .pnlGoogleMapsLink, .rssLinkContainer ul li.RSSHelpLink a img {display:none!important;} .pnlHoverControlsNews a{height:20px;} /* Siternity fix */ .NavVertical ul, .NavVertical ul li, .NavHorizontal ul, .NavHorizontal ul li, .secondaryNav ul li, secondaryNav ul li, ul.paging li, #StyleSheetTools ul, #StyleSheetTools ul li, .BreadCrumb ul, .BreadCrumb ul li, #footerAddress ul, #footerAddress ul li, .rssLinkContainer ul, .rssLinkContainer ul li{list-style:none; margin:0; padding:0} .NavVertical ul li a, .NavHorizontal ul li a, #Tools1 ul li a{overflow:hidden; display:block; text-decoration:none;} .secondaryNav ul li, .BreadCrumb ul li, .rssLinkContainer ul li{display:inline;} .rssLinkContainer ul li{border-left:1px solid #ccc; padding-left:10px!important; margin-left:10px!important; display:none;} .rssLinkContainer ul li.first{margin-right:0px!important; margin-left:0px!important;} .rssLinkContainer ul li:first-child{border-left:0px; padding-left:0px!important; margin-left:0px!important;} .rssLinkContainer ul li.RSSHelpLink a:before{font-family:"FontAwesome"; content:"\f143"; color:#f58d1e; padding-right:5px;} .zoomContainer {z-index:998;} .scrollup{width:41px; height:41px; position:fixed; bottom:15px; right:15px; font-size:36px; display:none; z-index:30000; font-family:"FontAwesome";} .scrollup:before{content:"\f139"; color:#cbcbcb; filter:alpha(opacity=50); opacity:0.5;} .scrollup:hover:before{color:#21deda; filter:alpha(opacity=100); opacity:1;} .scrollup:hover{text-decoration:none!important;} /* Bootstrap Button: http://blog.koalite.com/bbg/ */ .btn-primary{color: #ffffff!important; background-color: #21deda; border-color: #21deda;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{color:#ffffff!important; background-color: #168a8a; border-color: #168a8a; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-image: none;} .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: #333; border-color: #333; color:#fff!important} .btn-primary .badge {color: #21deda!important; background-color: #ffffff;} /* Bootstrap Button END */ a.btn{color: #ffffff!important;} /* Bootstrap Link */ /* --------------------------------
-------------------------------- */ .topHeader{background:#fff; position:relative; z-index:60;overflow:hidden} /* Logo */ @media screen { #logo{margin:0px 0px; display:block; text-align:center;} } #logo a{} /* toolsNavigation */ #toolsNavigation{height:35px; z-index:1;} #toolsNavigation ul{margin:0; padding:0;} #toolsNavigation ul li{display:inline-block; height:25px; margin:0; padding:0;} #toolsNavigation ul li a{display:inline-block; padding:0; margin:0} /* Main Nav*/ #menu-togle {background:url(../../images/buttons/menuA.png) no-repeat top center; display:block; width:110px; height:100px;float: right;z-index:999; position:relative; margin-top: 10px} #menu-togle:hover {background:url(../../images/buttons/menuB.png) no-repeat top center; display:block; width:110px; height:100px;float: right;z-index:999; position:relative; margin-top: 10px} #menu-togle.active-menu-top {background:url(../../images/buttons/menuX.png) no-repeat top center; display:block; width:110px; height:100px;float: right;z-index:999; position:relative; margin-top: 10px; position: fixed; right: 0; padding-right: 238px} #MainNav {display:block; width:100%; position:fixed; top:0; background:rgba(19,175,172,0.9);left:0;height:100vh; display:none} #MainNav ul {list-style:none; padding:0px; margin:0px 0px 0px 0px; width:100%; margin-top:10%} #MainNav ul li {display:block; text-align:center; padding:0px; margin:0px 0px 0px -4px;} #MainNav ul li ul {display:none;} #MainNav ul li a {display:block; padding:10px 15px; border-radius:0px; text-decoration:none; color:#fff; font-size:30px; letter-spacing:1px;font-weight:400; border-bottom:0px;font-family: "acumin-pro-condensed"; font-weight: 300; font-size:40px; } #MainNav ul li a.NavSelected{ color:#5bfffd; } #MainNav ul li a:hover {} #MainNav ul li:hover > ul {display:block; margin:0px; width:225px; position:absolute; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);} #MainNav ul li:hover li {width:100%; margin:0px;} #MainNav ul li:hover a { color:#5bfffd;} #MainNav ul li.dropdown > a {border-bottom-left-radius:0px; border-bottom-right-radius:0px;color:#fff} #MainNav ul li.dropdown:hover a:hover { color: #5bfffd} #MainNav ul li:hover li a:hover {} #MainNav ul li ul {display:none!important} #MainNav ul li ul li {} #MainNav ul li ul li a{border-bottom:1px solid #168a8a;} #MainNav ul ul ul {left:100%; top:0; z-index:70;} #MainNav ul:before, #MainNav ul:after {content:" "; display:table;} #MainNav ul:after {clear:both;} #MainNav ul.moveLeft{left:-225px;} #MainNav ul.level2.moveLeft{right:0px; left:initial;} .level2 a {border-radius:0px!important;} #MainNav span.menudrop {display:none;} .dropdown-menu {border:0px;} .dropdown-menu>li>a {white-space:normal;} /* Set the shadow position .ddshadow{position:absolute; display:none}*/ #topContacts ul{ float: right; border: 0px solid red; list-style: none; line-height: 2.8em; margin-top: 15px} #topContacts .topPhone{font-family: "acumin-pro-condensed"; font-weight: 300; font-size:40px; background: url(../../images/bgs/phone.png) no-repeat 0px 8px; padding-left: 56px; color: #21deda } #topContacts .topOpeningHours{ font-family: "acumin-pro-condensed"; font-weight: 300; font-size:31px;background: url(../../images/bgs/clock.png) no-repeat 0px 8px; padding-left: 56px;color: #21deda } .topSnippet{ background:#1b2634} .snippet124 ul {list-style:none; padding:0px; margin:0px 0px 0px 0px; padding-top: 10px; padding-bottom: 5px} .snippet124 ul li{width:13%;display:inline-block; padding:0px; margin:0px 0px 0px 0px; position:relative; border:1px solid #304258;margin-right: 10px; } .snippet124 ul li:hover{background: #21deda} .snippet124 .img-responsive{float:left; padding:10px; } .ImgSlider .bodyText{ margin-top: 200px; padding: 45px!important } .ImgSlider H2{ color: #ffffff;font-family: "acumin-pro-condensed"; font-weight: 700; font-size:60px; margin-bottom: 0px} .ImgSlider p{ color: #ffffff; font-family: "acumin-pro-condensed"; font-size:34px;} .homemiddle{ background: #d9d9d9; } .homemiddle #homeContnt{ background: #ffffff; min-height: 389px;margin: 44px 0px 45px 0px; padding:47px 40px 0px 40px} .homemiddle #homeContnt H1{ margin-bottom: 30px} .homemiddle #openHours{ background: url(../../images/bgs/openinghours.jpg) no-repeat; min-height: 389px;margin: 44px 0px 45px 0px; padding-top: 35px; padding-left: 37px} .homemiddle #openHours H2{font-family: "proxima-nova"; font-weight: 600; font-size: 40px; padding-bottom: 8px; color: #fff} .homemiddle #openHours H2 a{color: #fff} .homemiddle #openHours ul{color: #fff; list-style: none; font-size: 16px; margin-bottom: 40px} .homemiddle #openHours p a{font-family: "acumin-pro-condensed"; font-weight: 400; color: #fff; font-size: 20px; margin: 0!important; padding: 7px 60px 10px 60px!important; line-height: 0; border: 1px solid #fff} .homemiddle #openHours p a:hover{ color: #fff; border: 1px solid #077673; background: #067d7a} #galleryShots{ margin-top: 25px; margin-bottom: 25px; max-height: 326px; overflow: hidden} #galleryShots .img-responsive{ background: #11a3a0; } #galleryShots .img-responsive:hover {opacity: .3; cursor: pointer;} #galleryShots2{ margin-bottom: 25px; max-height: 326px; overflow: hidden} #galleryShots2 .img-responsive:hover {opacity: .3; cursor: pointer;} .wrap {width: 100%;margin:0px;background:#11a3a0 url(../../images/bgs/gallery.png) no-repeat center center} #testimonialSnippet{ min-height: 327px; background: url(../../images/bgs/testimonials.jpg) no-repeat 15px 0px; color: #fff; font-size: 14px} #testimonialSnippet H2{font-family: "acumin-pro-condensed"; font-weight: 700; color: #21deda; font-size: 30px; margin:40px 0px 35px 0px} .footerSection{ background:url(../../images/bgs/footer.jpg) no-repeat top center; min-height: 837px;} .topfooter{ padding-top: 620px;} .socialNetworkNavigation li a{ border: 1px solid #fff; padding: 0px; width: 36px; height:36px} #seeMore{ text-align: center; padding-top: 55px} #seeMore H2{font-family: "proxima-nova"; font-weight: 500; color: #2b2733; font-size: 100px; margin: 0!important} #seeMore p{font-family: "proxima-nova"; font-weight: 400; color: #2b2733; font-size: 40px; margin: 0!important; padding: 10px!important; line-height: 0} #seeMore a{font-family: "acumin-pro-condensed"; font-weight: 700; color: #2b2733; font-size: 20px; margin: 0!important; padding: 13px 40px 13px 40px!important; line-height: 0; border: 2px solid #2b2733} #seeMore a:hover{color: #fff; 0; border: 2px solid #2b2733; background: #2b2733} #viewLocation{ text-align: center; padding-top: 310px} #viewLocation a{font-family: "acumin-pro-condensed"; font-weight: 700; color: #89edec; font-size: 30px; background: url(../../images/bgs/locationicon.png) no-repeat 0px 0px; padding: 0px 0px 20px 40px} #viewLocation a:hover{color: #ffffff; background: url(../../images/bgs/locationiconHover.png) no-repeat 0px 0px; } /* ----------------------------------------------------- */ /* Social media */ ul.socialNetworkNavigation {padding:0px; margin:0px; list-style:none;} .topHeader ul.socialNetworkNavigation {display:inline-block; margin:15px 0px 0px 0px;} ul.socialNetworkNavigation li{padding:0px 0px 0px 15px; margin:0px; display:inline-block;} ul.socialNetworkNavigation li:first-child{padding-left:0px;} ul.socialNetworkNavigation li a{font-family:"FontAwesome"; color:#fff; font-size:18px; display:inline-block;} ul.socialNetworkNavigation li a:hover{text-decoration:none; color:#ccc;} ul.socialNetworkNavigation li a span{display:none;} ul.socialNetworkNavigation li a:before{text-align:center; padding-top:5px; width:100%; display:inline-block;} ul.socialNetworkNavigation li a:hover:before{} /* icons */ ul.socialNetworkNavigation li.twitter a:before {content:"\f099";} ul.socialNetworkNavigation li.facebook a:before {content:"\f09a";} ul.socialNetworkNavigation li.pinterest a:before {content:"\f0d2";} ul.socialNetworkNavigation li.googlePlus a:before {content:"\f0d5";} ul.socialNetworkNavigation li.linkedIn a:before {content:"\f0e1";} ul.socialNetworkNavigation li.youTube a:before {content:"\f167";} ul.socialNetworkNavigation li.skype a:before {content:"\f17e";} ul.socialNetworkNavigation li.newsletter a:before {content:"\f0e0";} ul.socialNetworkNavigation li.instagram a:before {content:"\f16d";} /* ------------------------------------------------------ */ /* mobile navigations */ #PhoneNav {} #PhoneNav ul.nav {padding-top:0px; padding-bottom:0px;} #PhoneNav ul.nav li {border-bottom:1px solid #e4e4e4;} #PhoneNav ul.nav li a {padding-left:0px; color:#21deda; font-size:14px;} #PhoneNav ul.nav li a:hover {color:#168a8a; background:transparent;} #PhoneNav ul.nav li a.dropDown {position:relative; padding-right:33px;} #PhoneNav ul.nav li span.menudrop {position:absolute; right:0; top:0; height:100%; z-index:2;} #PhoneNav ul.nav li span.menudrop a.dropbtn {padding:0px; cursor:pointer;} #PhoneNav ul.nav li span.menudrop a.dropbtn:before {color:#21deda; content:"+"; font-size:14px!important; display:inline-block; padding:10px 15px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #PhoneNav ul.nav li span.menudrop a.dropbtn-close:before {content:"+"; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);} #PhoneNav ul.nav li span.menudrop a.dropbtn:hover:before {color:#168a8a;} #PhoneNav ul.nav li ul.level2, #PhoneNav ul.nav li ul.level3, #PhoneNav ul.nav li ul.level4{display:none; margin:0px; padding:0px 0px 10px 0px; border-bottom:0px;} #PhoneNav ul.nav li ul li {font-size:90%; border-bottom:0px;} #PhoneNav ul.nav li ul li a{padding-left:15px; padding-top:5px; padding-bottom:5px; font-size:12px;} #PhoneNav ul.nav li ul li ul li a{padding-left:25px; font-size:11px;} #PhoneNav ul.nav li ul li ul li ul li a{padding-left:35px;} #PhoneNav ul.socialNetworkNavigation {text-align:center; padding:15px 15px 10px 15px;} #PhoneNav ul.socialNetworkNavigation li {padding-bottom:5px;} #PhoneNav ul.socialNetworkNavigation li a {color:#fff; background:#21deda; width:35px; height:35px;} #PhoneNav ul.socialNetworkNavigation li a:hover {color:#fff; background:#168a8a;} #PhoneNav ul.socialNetworkNavigation li a:before{padding-top:6px;} .menu-link {font-size:0px; display:inline-block; padding:12px 15px 0px 15px; margin-left:-15px; height:50px; cursor:pointer;} .menu-link:before {color:#27a3a3; font-family:"Flaticon"; content:"\e014"; font-size:24px; line-height:normal;} .menu-link:hover {color:#ccc;} .menu-link:hover:before {color:#ccc;} .menu-wrap {position:fixed; overflow-y:auto; z-index:200; width:300px; padding-left:10px; padding-right:10px; height:100%; background:#fff;} .menu-wrap {-webkit-transform: translate3d(-320px,0px,0); transform: translate3d(-320px,0px,0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);} .show-menu .menu-wrap {-webkit-transform: translate3d(0px,0px,0); transform: translate3d(0px,0px,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);} .show-menu .content::before {opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .ie9 .menu-wrap {left:-320px; top:0px;} .ie9 .show-menu .menu-wrap {left:0px;} /* ----------------------------------------------------------- */ .CartBtn {height:35px; width:110px; position:relative; display:inline-block; vertical-align:middle; margin:15px 0px 0px 15px;} .CartBtn a{padding:10px 15px 10px 15px; position:absolute; top:0px; left:0px; display:inline-block; white-space:nowrap; max-height:35px; font-size:12px; line-height:1; background:#21deda; color:#fff;} .CartBtn a:after{font-family:"FontAwesome"; content:"\f07a"; font-size:16px; vertical-align:middle; margin-left:10px;} .CartBtn a:hover{background:#168a8a;} #PhoneNav .CartBtn {width:100%; height:auto; text-align:center; margin:0px; padding:15px 10px 0px 10px;} #PhoneNav .CartBtn a{position:relative; height:auto; width:100%; color:#21deda; background:#fff;} #PhoneNav .CartBtn a:hover{color:#168a8a;} /* ----------------------------------------------------------- */ .SiteSearch{height:35px; line-height:1; width:200px; position:relative; margin:15px 0px 0px 0px; display:inline-block; vertical-align:middle;} .SiteSearch .form{padding:0px; margin:0px; height:35px;} .SiteSearch .form-horizontal .control-label {display:none!important;} .SiteSearch input{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:1px 10px; line-height:normal; height:35px;} .SiteSearch input[type="text"]{background-color:#fff; border: 1px solid #ccc; top:0px; left:0px; width:100%; padding-right:40px; position:absolute;} .SiteSearch .btn-group {top:0px; right:0px; position:absolute;} .SiteSearch input[type="submit"]{background-color:#999; color:#e2e2e2; border:1px solid #ccc; vertical-align:middle; top:0px; right:0px; width:40px; position:absolute; font-family:"FontAwesome";} .SiteSearch input[type="submit"]:hover{background-color:#666;} /* ------------------------------------------------------------ */ .newsletter h3{} .newsletter .form {position:relative; padding-bottom:40px;} .newsletter .form-group {top:0px; right:0px; width:100%; max-width:55px; position:absolute; text-align:right;} .newsletter .form-group.required {max-width:100%;} .newsletter input{border-radius:0px!important;} .newsletter input[type="text"] {width:100%; height:42px;} .newsletter input[type="submit"] {font-family:"FontAwesome"; height:42px; margin-right:0px;} .newsletter .control-label {display:none;} a.MailingList {height:40px; display:inline-block; margin-bottom:15px; width:100%; color:#999!important; border:1px solid #ccc; font-size:14px; line-height:37px; text-align:left; padding-left:10px; background:#fff;} a.MailingList:hover {color:#fff!important; background:#999;} a.MailingList:before {height:100%; padding-left:15px; padding-right:15px; padding-top:7px; line-height:normal; text-align:center; background:#21deda; color:#fff; float:right; display:inline-block; font-size:22px; font-family:"FontAwesome"; content:"\f0e0";} /* --------------------------------------------------------------- */ .ImgSlider{margin:0px; position:relative;} .bnrTemplateZone {position:relative; visibility:hidden;} .ImgSlider .adminButtons{position:absolute; z-index:60; top:10px; width:97%; text-align:right;} .ImgSlider .adminButtons .btn-danger{display:none;} .ImgSlider .bx-wrapper .bx-viewport {left:0px;} .ImgSlider .bx-wrapper .bx-prev {left:25px!important; } .ImgSlider .bx-wrapper .bx-next {right:25px!important; } .ImgSlider .bx-wrapper .bx-prev:hover, .ImgSlider .bx-wrapper .bx-next:hover {opacity:1;} .bx-wrapper .bx-controls-direction a{margin-top:-15px;} .bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before {font-family:"FontAwesome"; color:#fff; display:block; line-height:normal; font-size:40px;} .bx-wrapper .bx-prev:hover:before, .bx-wrapper .bx-next:hover:before {color:#21deda;} .ImgSlider .slide {position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover!important;} .ImgSlider .slide .container {position:relative;} .ImgSlider .bodyText{padding:25px; bottom:0px; display:inline-block; z-index:59;} .ImgSlider .bodyText h2{margin-top:0px;} .ImgSlider .bodyText p{margin-bottom:0px;} .ImgSlider .bodyText p a{} .ImgSlider .bodyText p a:hover{} .ImgSlider .btn-danger{display:none;} .ImgSlider img {width:100%!important;} /* fix flicker on load */ /* -------------------------------------------------------- */ .middle{padding:0px; margin:0px; position:relative; background: #fff} .middle .container {padding-top:20px;} #itemBody {padding-bottom:15px;} /* Mast head */ .mastHeadContainer{background:rgba(0, 0, 0, .7); position:absolute; bottom:0; width:100%; z-index:55; display:none} .mastHead{font-size:28px; color:#fff; padding:20px 0px; font-weight:300; line-height:1;} h1.header{margin-top:0px;} /* Allow content Left... */ #contentZone{} /* Content */ #content{min-height:50px;} #content img{-ms-interpolation-mode: bicubic;} /* Fix bootstrap image behaviour */ #content ul, #content ol{} #content ol li{} #content ul li{} /* Google Map */ #map-canvas{} .google-map-canvas, .google-map-canvas * { .box-sizing(content-box); } /* Blog */ .Blog{} .Blog .BlogArticle{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #aaa;} /* Blog Header */ .Blog .BlogArticle .BlogHeader h2{margin:0 0 20px 0; padding:0px 0;} .Blog .BlogArticle .BlogHeader h2 a{text-decoration:none;} .Blog .BlogArticle .BlogHeader h2 a:hover{text-decoration:underline;} /* Blog information */ .Blog .BlogInformation{margin-bottom:15px} .Blog .BlogInformation br{display:none;} /* Blog Article */ .Blog .BlogArticle .BlogContent{padding-bottom:0px;} /* Blog Footer */ .Blog .newsFooter {display:none;} .Blog .newsFooter ul{} .Blog .newsFooter ul li{} .Blog .newsFooter ul li.first{} .Blog .newsFooter ul li img{float:none!important; margin-right:5px} /* Blog Comments */ .BlogComments{padding-bottom:40px;} .BlogComments .Individual{margin-bottom:40px} .BlogComments .Individual.AltColor{background-color:#f5f5f5;} .BlogComments .Individual.NewComment, .Blog .BlogArticle .BlogCommentCount a.NewComment{} .BlogComments .Individual.NewComment .BlogCommentNumber{color:#21deda} .BlogComments .Individual.Author .BlogCommentName{color:#fff} .BlogComments .Individual.Author .BlogCommentNumber{} .BlogComments .BlogCommentSkipToForm{margin-bottom:20px} .BlogComments .BlogCommentSkipToForm h2{font-size:100%;} .BlogComments .BlogCommentSkipToForm a{font-style:normal; padding-left:10px; border-left:1px dotted!important; margin-left:10px} .BlogComments .BlogHeader{margin:10px 0 10px 0; padding:15px; background:#21deda;} .BlogComments .BlogHeader .AuthorDate{font-size:85%; float:right; color:#fff} .BlogComments .BlogHeader .AuthorDate a{color:#fff} .BlogComments .BlogHeader .BlogCommentName{font-weight:bold;} .BlogComments .BlogContent{padding:0px 10px 30px 0px; margin-bottom:10px; min-height:20px; } .BlogComments .BlogContent .BlogCommentNumber{padding:13px 12px 18px 12px; font-size:420%; color:#21deda; float:left; font-family:Times New Roman; margin:10px 0 10px 0;} .BlogCommentCount {display:none;} .BlogCategories ul li a span.badge {background-color:#fff; color:#999; width:25px; height:25px; border-radius:50%; font-size:14px; padding-top:5px; text-align:center;} .BlogCategories ul li a:hover span.badge {color:#21deda;} /* Blog Comment Form */ #content #BlogCommentForm legend{display:none} #content #BlogCommentForm p{font-size:89%; margin-bottom:30px} /* Breadcrumb */ .BreadCrumbContainer{} #BreadCrumb ul{margin:0px; padding:0px 0px 15px 0px; list-style:none;} #BreadCrumb ul li{margin:0px; padding:0px; display:inline-block; font-size:12px;} #BreadCrumb ul li img{display:none!important;} #BreadCrumb ul li#introText{} #BreadCrumb ul li a{} #BreadCrumb ul li a:hover{} #BreadCrumb ul li:before {padding:0px 10px; content:"/";} #BreadCrumb ul li:first-child:before {display:none;} /* Gallery */ ul.gallery{margin:0px; padding:15px 0px 0px 0px; background:#f5f5f5; list-style:none;} li.pnlGalleryImage {background-size:cover!important; background-repeat:no-repeat!important; background-position:center center!important; height:100px; margin-bottom:15px;} li.pnlGalleryImage a{width:100%; height:100px; display:inline-block;} .pnlHoverControls a{height:26px!important;} /* Contact Page */ .ContactPage{} #ContactMap #map-canvas {height:300px;} #ContactPageSnippets{} .ContactForm .help-inline .glyphicon:before {font-size:80%;} /* sideBar */ #sideBar{padding-bottom:15px;} .nav-tabs{border-bottom:0} #sideBar h2.leftNavHeader, .BlogCategories h2{padding:0px; margin:0px 0px 0px 0px; display:none} #sideBar h2.leftNavHeader a, .BlogCategories h2{background:#525252; color:#fff; font-size:24px; padding:10px; display:inline-block; width:100%;} #sideBar h2.leftNavHeader a:hover{background:#21deda; color:#fff;} #ddlLeftNavDropDown select, #divBlogCategoriesDropDownList select{width:100%; margin-bottom:15px; margin-top:15px; background:#acacac url('/images/bgs/menu.png') no-repeat right center; font-weight:bold; border:2px solid #959595; color:#fff; padding:10px 40px 10px 10px; -webkit-appearance:none;} #ddlLeftNavDropDown select::-ms-expand, #divBlogCategoriesDropDownList select::-ms-expand{display:none;} /* .level1 + blog categories */ #sideBar ul.level1, .BlogCategories ul{padding:0px; margin:0px!important;} #sideBar ul.level1 li, #content .BlogCategories ul li{margin:1px 0px 0px 0px; list-style:none; list-style-image:none;} /* set the width here for IE browsers */ #sideBar ul.level1 li a, .BlogCategories ul li a{background:#1b2634; color:#ffffff; padding:12px 12px 12px 12px; display:block;} #sideBar ul.level1 li a:hover, .BlogCategories ul li a:hover{background:#13afac; color:#fff; text-decoration:none;} #sideBar ul.level1 li a.NavSelected, .BlogCategories ul li a.NavSelected{background:#21deda; color:#fff} /* .level1 */ #sideBar ul.level1 li{} /* set the width here for IE browsers */ #sideBar ul.level1 li a{} #sideBar ul.level1 li a:hover{} #sideBar ul.level1 li a.NavSelected{} /* .level2 */ #sideBar ul.level2{margin-bottom:0px} #sideBar ul.level2 li a{padding-left:25px;} #sideBar ul.level2 li a:hover{} #sideBar ul.level2 li a.NavSelected{} /* .level3 */ #sideBar ul.level3{margin-bottom:0px} #sideBar ul.level3 li a{padding-left:35px;} #sideBar ul.level3 li a:hover{} #sideBar ul.level3 li a.NavSelected{} .tweets {} .fb-feed {} .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .tweets iframe {width:100%!important;} /* Isotope Filtering */ .SnippetGroupFilter {display:none;} .SnippetGroupFilter ul{padding:0px; margin:0px; list-style:none;} .SnippetGroupFilter ul li{list-style:none; padding:0px; margin:0px 10px 10px 0px; display:inline-block; font-size:14px;} .SnippetGroupFilter ul li:before{display:none;} .SnippetGroupFilter ul li a{padding:7px 12px; margin:0px; display:inline-block; border-radius:5px; background:#fff; border:1px solid #21deda; color:#21deda;} .SnippetGroupFilter ul li a.selected{background:#21deda; border:1px solid #21deda; color:#fff;} .SnippetGroupFilter ul li a:hover{background:#444; border:1px solid #444; color:#999;} /* Isotope styles */ #isoTopeContainer {margin-top:20px; margin-bottom:20px; overflow:visible!important;} #isoTopeContainer .snippetText {border-radius:5px; background:#fff; font-size:14px; margin-bottom:15px; width:100%; border:1px solid #999; padding:15px; text-align:center;} #isoTopeContainer .snippetText h2 {margin-top:0px;} #isoTopeContainer .snippetText img {margin:0px!important; max-width:100%!important; height:auto!important;} /* Isotope BootstrapV3 3-col fix */ .isotope .col-md-4 {margin-right: -1px;} /* Isotope Settings */ .isotope-item{z-index: 2;} .isotope-hidden.isotope-item {pointer-events: none; z-index: 1;} .isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;} .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property:transform, opacity;} /* disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} /* End Isotope */ .slick-prev:before, .slick-next:before {color:#fff;} dl.faqList {width:100%;} dl.faqList dt {margin:10px 0px 0px 0px; padding-bottom:5px; font-size:16px; cursor:pointer; color:#21deda; border-bottom:1px solid #eeeeee;} dl.faqList dt:hover {color:#21deda;} dl.faqList dt:before {font-family:"FontAwesome"; content:"\f055"; display:inline-block; float:right;} dl.faqList dt.listclose:before {content:"\f056";} dl.faqList dd {display:none; padding:20px 20px 10px 20px; font-size:14px; background-color:#eeeeee; margin:0px 0px 3px 0px;} /* Members Login */ .AspNet-Login-UserPanel span, .AspNet-Login-PasswordPanel span, .AspNet-PasswordRecovery-UserName-UserPanel span, .passwordRecorvery{display:none} .memberLogin{margin-bottom:15px;} .memberLogin h3{padding:5px 5px 10px 5px; font-size:18px; text-transform:uppercase; margin:0px;} .memberLogin .form-group {margin-bottom:0px;} .memberLogin .btn-group {width:100%;} .memberLogin input[type="text"], .memberLogin input[type="password"] {margin-bottom:15px;} .memberLogin .password-reset {width:100%; text-align:right; display:inline-block; padding-top:5px;} .logoutButton{} /* ------------------------------------------------------- */ .testimonial .snippetText {background:#e6eff6; border-radius:5px; padding:10px; font-style:italic;} .testimonial_Footer {position:relative; margin-bottom:20px; font-weight:600; margin-top:10px;} .testimonial_Footer:before {content:"\f0d7"; font-size:30px; font-family:"FontAwesome"; line-height:normal; position:absolute; color:#e6eff6; top:-22px; left:20px;} .testimonial_Footer .snippetText p {padding-left:30px;} #youmax-header, #youmax-tabs{display:none !important;} #youmax{width:100% !important;} a.YouTubeLink {background:#777; border:2px solid #777; color:#fff; display:inline-block; font-size:16px; line-height:1; padding:15px 10px; text-align:center; text-transform:uppercase; width:100%;} a.YouTubeLink:hover {background:#21deda;} a.YouTubeLink:before {font-family:"FontAwesome"; content:"\f01d"; margin-right:10px;} h2.NewsTitle {color:#21deda; font-size:30px; text-transform:uppercase; width:100%; text-align:center; margin-bottom:15px; padding-bottom:15px;} .LatestNews .Blog .BlogArticle {border-bottom:0px; margin-bottom:10px; padding-bottom:10px;} .LatestNews .Blog .BlogArticle .BlogHeader {padding-left: 100px;} .LatestNews .Blog .BlogArticle .BlogHeader h2 {font-size:18px; margin-bottom:10px;} .LatestNews .Blog .BlogArticle .BlogHeader h2 a {font-size:18px; color:#21deda; font-weight:300;} .LatestNews .Blog .BlogArticle .BlogHeader h2 a:hover {color:#21deda;} .LatestNews .BlogContent {padding-left:100px; font-size:14px; color:#777;} .LatestNews .BlogInformation {display:none;} .show-popup {cursor:pointer;} .overlay-bg {display:none; position:fixed; top:0; left:0; height:100%; width:100%; cursor:pointer; z-index:1000; background:#000; background:rgba(0,0,0,0.75);} .overlay-content {display:none; background:#fff; padding:20px; position:absolute; top:30%; left:50%; cursor:default; border-radius:5px;} .close-btn {cursor:pointer; font-size:0px; position:absolute; top:15px; right:10px;} .close-btn:before{font-family:"FontAwesome"; content:"\f00d"; color:#21deda; font-size:20px;} .close-btn:hover:before{color:#666;} #categoriesSide {} #productSideSearch h3 {margin:15px 0px; cursor:pointer; font-weight:300; font-size:18px; color:#fff; padding:10px 15px; background:#21deda;} #productSideSearch h3:before {font-family:"FontAwesome"; content:"\f105"; float:right;} #productSideSearch h3.open {background:#168a8a;} #productSideSearch h3.open:before {content:"\f107";} #productSideSearch .row {display:none;} #productSideSearch input[type="submit"] {border:0px;} #productSideSearch input[type="submit"]:hover {border:0px;} .Profiles {} .Profiles .Profile {border-bottom:1px solid #e3e3e3; padding-bottom:20px; margin-bottom:20px;} .Profiles .Profile .ProfileTxt h2{margin:0px!important; font-size:20px; font-weight:700; color:#281e72!important;} .Profiles .Profile .ProfileTxt p{margin-bottom:0px; vertical-align:top;} .Profiles .Profile .ProfileTxt .wrap {position:relative; overflow:hidden;} .Profiles .Profile .ProfileTxt .gradient {width:100%; height:35px; background:url('/images/bgs/bg-gradient.png') repeat-x; position:absolute; bottom:0; left:0;} .Profiles .Profile .ProfileImg img{width:100%; height:auto;} .ProfileBlocks {} .ProfileBlocks .StaffProfile {margin-bottom:20px;} .ProfileBlocks .StaffProfile p{margin-bottom:0px; vertical-align:top; font-size:16px; color:#9ea2a2;} .ProfileBlocks .StaffProfile p strong{font-size:18px; color:#555;} .ProfileBlocks .StaffProfile p:first-of-type{margin-bottom:10px; border-bottom:5px solid #8b169c;} .ProfileBlocks .StaffProfile p img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); filter:gray; filter:grayscale(100%); border-top:3px solid #e9e9e9; border-right:3px solid #e9e9e9; border-left:3px solid #e9e9e9;} .ProfileBlocks .StaffProfile p img:hover{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); filter:grayscale(0%);} #tabs {padding:0px; margin:0px; width:100%; list-style:none;} #tabs .tab {padding:0px; margin:0px;} #tabs .tab a{cursor:pointer; width:100%; font-size:18px; display:inline-block; padding:15px; text-align:center;} #tabs .tab a.inactive{color:#fff; background:#555;} #tabs .tab a.inactive:hover{color:#fff; background:#999;} .tabContent {} .client-list{} .client-list .snippetText{border:5px solid #f6f6f6; margin-bottom:20px;} .client-list .snippetText img{margin:15px auto;} .nopadding {margin:0!important; padding:0!important;} /* --------------------------------