@charset "utf-8"; @import url(/template/bootstrap.min.css); @import url(//netdna.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css); /* http://fontawesome.io/icons/ for icons */ /* ---------------------------------------------------------------- */ body{font-family:'proxima-nova', sans-serif; color:#4e4d4d; font-size:14px;} body a, .slick-prev, .slick-next{transition: all 0.3s ease 0s;} /* Headers */ h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{font-family:'proxima-nova', sans-serif;} h1, .h1{color:#4a4a4a; font-size:52px; font-weight:300;} h2, .h2{color:#434b5f; font-size:42px; font-weight:300;} h3, .h3{color:#253c87; font-size:36px; font-weight:400;} h4, .h4{color:#4e4d4d; font-size:30px; font-weight:400;} h5, .h5{color:#263c86; font-size:26px; font-weight:700; font-style:oblique} h6, .h6{color:#263c86; font-size:26px; font-weight:700;} /* Links */ ::-moz-selection {color:#ffffff; background:#2fa6d8;} ::selection {color:#ffffff; background:#2fa6d8;} 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;} #homeBody #content #itemBody{ display: none} #homeBody #content H1{ display: none} #homeBody #content { min-height: 0px!important} /* ---------------------------------------------------------------- */ 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:#2fa6d8; 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: #2fa6d8; border-color: #2fa6d8;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{color:#ffffff!important; background-color: #2fa6d8; border-color: #2fa6d8; } .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: #2fa6d8!important; background-color: #ffffff;} /* Bootstrap Button END */ /* --------------------------------
-------------------------------- */ .topHeader{background:#fff; position:relative; z-index:60; -webkit-box-shadow:1px 3px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow:1px 3px 5px 0px rgba(0,0,0,0.4); box-shadow:1px 3px 5px 0px rgba(0,0,0,0.4);} /* 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*/ #MainNav {margin:20px 0px 10px 0px; display:inline-block; width:100%; position:relative;} #MainNav ul {list-style:none; padding:0px; margin:0px 0px 0px 4px; background:#fff;} #MainNav ul li {display:inline-block; text-align:left; padding:0px; margin:0px 0px 0px -4px; position:relative; background:#fff;} #MainNav ul li ul {display:none;} #MainNav ul li a {display:block; padding:10px 15px; border-radius:0px; text-decoration:none; color:#3a3a3a; font-size:14px; letter-spacing:1px; text-transform:uppercase; font-weight:500; border-bottom:0px;} #MainNav ul li a.NavSelected{background:#434B5E; color:#fff;} #MainNav ul li a:hover {background:#2FA6D8;} #MainNav ul li:hover > ul {display:block; margin:0px; width:225px; position:absolute; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);} #MainNav ul li:hover li {width:100%; margin:0px;} #MainNav ul li:hover a {background:#434B5E; color:#fff;} #MainNav ul li.dropdown > a {border-bottom-left-radius:0px; border-bottom-right-radius:0px;} #MainNav ul li.dropdown:hover a:hover {background:#2FA6D8; color:#fff;} #MainNav ul li:hover li a:hover {background:#2FA6D8;} #MainNav ul li ul li {} #MainNav ul li ul li a{border-bottom:1px solid #434B5E; text-transform:none} #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} /* ----------------------------------------------------- */ /* 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";} .topContact {margin-top:30px} .topContact ul li {margin-right:15px; font-size:18px; font-weight:700;} .topContact ul li a {color: #455a9e;} .topContact a:before{display:inline-block; font-family:'FontAwesome'; padding-right:10px; color:#455a9e;} .tPhone a:before{content:'\f095';} .tEmail a:before{content:'\f0e0';} /* ------------------------------------------------------ */ /* 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:#2fa6d8; font-size:14px;} #PhoneNav ul.nav li a:hover {color:#2fa6d8; 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:#2fa6d8; 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:#2fa6d8;} #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:#2fa6d8; width:35px; height:35px;} #PhoneNav ul.socialNetworkNavigation li a:hover {color:#fff; background:#2fa6d8;} #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:#444; 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:#2fa6d8; color:#fff;} .CartBtn a:after{font-family:"FontAwesome"; content:"\f07a"; font-size:16px; vertical-align:middle; margin-left:10px;} .CartBtn a:hover{background:#2fa6d8;} #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:#2fa6d8; background:#fff;} #PhoneNav .CartBtn a:hover{color:#2fa6d8;} /* ----------------------------------------------------------- */ .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:#2fa6d8; color:#fff; float:right; display:inline-block; font-size:22px; font-family:"FontAwesome"; content:"\f0e0";} /* --------------------------------------------------------------- */ .ImgSlider{margin:0px; position:relative; max-height:272px; overflow:hidden} #homeBody .ImgSlider{max-height:439px;} .bnrTemplateZone {position:relative; visibility:hidden; z-index:50} .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:#2fa6d8;} .ImgSlider .slide {position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover!important; color:#fff;} .ImgSlider .slide .container {position:relative;} #homeBody .ImgSlider .bodyText{padding:30px; top:90px; display:inline-block; position:absolute; z-index:59; margin-left:50px; } .ImgSlider .bodyText{padding:20px; top:70px; display:inline-block; position:absolute; z-index:59; margin-left:50px; } /*.ImgSlider .bodyText::after {content:'Read More...'; color:transparent; display:inline-block;} .ImgSlider .bodyText:hover::after {color:#fff; transition: all 0.8s ease 0s; float:right; color:#2fa6d8;}*/ .ImgSlider .bodyText:hover::after {color:#fff; transition: all 0.8s ease 0s; background:#47B0DC; text-align:right} .ImgSlider .bodyText h2, .ImgSlider .bodyText p{margin:0px; padding:0; color:#fff;} .ImgSlider .slide .container, .ImgSliderHome .slide{height:300px;} #homeBody .ImgSlider .bodyText h2 a{font-size:70px; font-weight:300;} #homeBody .ImgSlider .bodyText p a{font-size:50px; font-weight:300;} .ImgSlider .bodyText h2 a{font-size:50px; font-weight:300;} .ImgSlider .bodyText p a{font-size:36px; font-weight:300;} .ImgSlider .bodyText a{color:#fff; display:block;} .ImgSlider .bodyText p a:hover{} .ImgSlider .btn-danger{display:none;} .ImgSlider img {width:100%!important;} /* fix flicker on load */ /* Call to Actions */ #cphSpan4 h2{display:block; font-size:22px; height:98px;} #cphSpan4 h2 a{display:block; border:1px solid #8394a7; color:#8394a7; padding:40px 40px 40px 30px; height:100%; background:url(../../images/pageElements/arrow.png) no-repeat center right;} #cphSpan4 h2 a:before {display:inline-block; margin-left:0px; margin-right:15px; content:''; float:left; width:58px; height:51px; overflow:hidden; margin-top: -10px} #cphSpan4A h2 a:before {background:url(../../images/pageElements/product.png) no-repeat top left; width:58px; height:51px; overflow:hidden} #cphSpan4B h2 a:before {background:url(../../images/pageElements/project.png) no-repeat top left;} #cphSpan4C h2 a:before {background:url(../../images/pageElements/cloud.png) no-repeat top left;} #cphSpan4 h2 a:hover {color:#fff; background: url(../../images/pageElements/arrowWhite.png) no-repeat 30px center;} #cphSpan4A h2 a:hover:before{background:none;} #cphSpan4B h2 a:hover:before{background:none;} #cphSpan4C h2 a:hover:before{background:none;} #cphSpan4A h2 a:hover{background-color: rgba(76, 69, 97, 0.9); border-color: rgba(76, 69, 97, 0.9);} #cphSpan4B h2 a:hover{background-color: rgba(140, 133, 95, 0.9); border-color: rgba(140, 133, 95, 0.9);} #cphSpan4C h2 a:hover{background-color: rgba(47, 166, 216, 0.9); border-color: rgba(47, 166, 216, 0.9);} /* middleSnippets */ .middleSnippets { margin-bottom: 60px;} .middleSnippets h2 a {color:#2f363b} .middleSnippets p { font-weight:600; font-size:13px; margin:0 0 0 0; padding:5px} .middleSnippets .textZoneLeft, .middleSnippets .textZoneRight {border:0px solid black} .middleSnippets .textZoneLeft .snippetText{margin-left:68px; margin-top:45px; border:0px solid red} .middleSnippets .textZoneRight .snippetText{margin-left:0px; margin-top:45px; border:0px solid red} /* chevrons */ .middleSnippets .textZoneRight:hover:before {color:#2fa6d8;} .middleSnippets .textZoneLeft.introText .snippetText {margin-top:0px;} .middleSnippets h4{font-size:24px; font-weight:900; margin:0 0 0 0;} .middleSnippets h4 a{color:#2f363b; font-weight:700; padding:5px;} .middleSnippets h4:after{ content: '__'; font-size: 22px; display: block; clear: both; font-weight:300; padding:0 5px 5px 5px;} .middleSnippets h4 a:hover{background-color:#f3f3f3; transition: all 0.8s ease 0s;} .imgZoneLeft img{float:left; margin-bottom:15px} .imgZoneRight img{float:right; margin-bottom:15px} /* Home slider */ .homeSlider {background:url(../../images/bgs/caseStudyBg.jpg) no-repeat top center; height:378px; margin-bottom:60px} .loggedin .homeSlider {max-height:850px;} .homeSlider .snippetText .bodyText{margin: 0 15px 0 15px} .homeSlider img {float:right; margin-left:30px; max-height:323px; max-width:458px; position:relative; margin-top:-100px;} .homeSlider h2, .homeSlider h2 a {color:#fff; font-size:40px;} .homeSlider h3, .homeSlider h3 a {color:#62bfe6; font-size:30px;} .homeSlider p {color:#fff} .homeSlider p a:last-child {padding:10px 25px; color:#fff; background:#62bfe6; margin-top:15px; display:inline-block; font-weight:bold;} .homeSlider p a:last-child:hover { background: #fff; color: #62bfe6; } .homeSlider .slick-prev {margin-left:-50px; height:50px; width:50px;} .homeSlider .slick-next {margin-right:-50px; height:50px; width:50px;} .homeSlider .slick-prev:before, .homeSlider .slick-next:before {color:#fff; font-size:55px; height:50px; width:50px; font-weight:300; display:block} /* -------------------------------------------------------- */ .middle{padding:0px; margin:0px; position:relative;} .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;} .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:#2fa6d8} .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:#2fa6d8;} .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:#2fa6d8; 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:#2fa6d8;} /* 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, .BlogCategories{} #sideNavigation{margin-bottom:15px;} .nav-tabs{border-bottom:0} /*#sideBar h2.leftNavHeader, .BlogCategories h2{padding:0px; margin:0px 0px 0px 0px;} #sideBar h2.leftNavHeader a, .BlogCategories h2 a{background:none; border:2px solid #253D87; margin:0px 0px 4px 0px; color:#253D87; font-size:16px; padding:12px 12px 12px 12px; display:block; width:100%; font-weight:bold} #sideBar h2.leftNavHeader a:hover{background:#253D87; color:#fff;}*/ /* Down arrow indicator - appears on expansion only */ /*#sideBar ul li > a:first-child:before{content:" "; font-family:"FontAwesome"; font-size:10px; float:right;} #sideBar ul li.dropdown > a:first-child:before{content:"\f078"; font-family:"FontAwesome"; font-size:10px; float:right; padding-left:8px;} */ /* Dropdown arrow - appears on every item with submenu... */ #sideBar ul li.dropdown > a:before{content:"\f078"; font-family:"FontAwesome"; font-size:10px; float:right; padding-left:8px;} /* add them... */ #sideBar ul li > a:only-child:before{content:"";} /* this removes the arrow when the link is the only child */ #sideBar ul li.dropdown > a:before{content:"\f078";} /* set up the right arrows first */ /* .level1 + blog categories */ #sideBar ul.level1, .BlogCategories ul{padding:0px; margin:0px!important;} #sideBar ul.level1 li, #content .BlogCategories ul li{margin:4px 0px 4px 0px; list-style:none; list-style-image:none;} /* set the width here for IE browsers */ #sideBar ul.level1 li a, .BlogCategories ul li a{border:2px solid #253D87; background:#fff; color:#253D87; padding:12px 12px 12px 12px; display:block; font-size:16px; font-weight:bold} .BlogCategories ul li a {padding-right:20px;} #sideBar ul.level1 li.NavSelected a, #sideBar ul.level1 li a:hover, .BlogCategories ul li a:hover{background:#253D87; color:#fff; text-decoration:none;} #sideBar ul.level1 li.active a, .BlogCategories ul li a.active{background:#253D87; color:#fff;} z#sideBar ul.level2 li a:hover:before, .BlogCategories ul li a:hover:before{content:"\f04b"; font-family:"FontAwesome"; text-decoration:none; font-size:9px; position:relative; left:-28px; margin-right:-8px;} z#sideBar ul.level2 li.active a:before, .BlogCategories ul li.active a:before{content:"\f04b"; font-family:"FontAwesome"; text-decoration:none; font-size:9px; position:relative; left:-28px; margin-right:-10px;} /* .level2 */ #sideBar ul.level2{padding-left:0px;} #sideBar ul.level2 li a{margin-left:25px; background:#fff!important; border:0!important; color:#3e3e3e!important;} #sideBar ul.level2 li a:before {content:'|'; font-size:18px; font-weight:bold; padding-right:10px;} #sideBar ul.level2 li a:hover{text-decoration:underline;} #sideBar ul.level2 li.active a{} /* .level3 */ #sideBar ul.level3{ } #sideBar ul.level3 li a{padding-left:35px; background:#fff; color:#253D87!important;} #sideBar ul.level3 li a:hover{} #sideBar ul.level3 li.active a{} .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 #2fa6d8; color:#2fa6d8;} .SnippetGroupFilter ul li a.selected{background:#2fa6d8; border:1px solid #2fa6d8; 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:#2fa6d8; border-bottom:1px solid #eeeeee;} dl.faqList dt:hover {color:#2fa6d8;} 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:#2fa6d8;} a.YouTubeLink:before {font-family:"FontAwesome"; content:"\f01d"; margin-right:10px;} h2.NewsTitle {color:#2fa6d8; 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:#2fa6d8; font-weight:300;} .LatestNews .Blog .BlogArticle .BlogHeader h2 a:hover {color:#2fa6d8;} .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:#2fa6d8; font-size:20px;} .close-btn:hover:before{color:#666;} #productSideSearch {margin-top:15px;} #productSideSearch h3 {margin:15px 0px; cursor:pointer; font-weight:300; font-size:18px; color:#fff; padding:10px 15px; background:#2fa6d8;} #productSideSearch h3:before {font-family:"FontAwesome"; content:"\f105"; float:right;} #productSideSearch h3.open {background:#2fa6d8;} #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;} /* --------------------------------