body {background-color:#fff !important;}

/*framework and nav*/
#wrapper {position:relative; left:0px; max-width: 100vw; overflow-x: hidden;}
#mobNav {position:fixed;width: 260px;left: -260px;top:0;bottom:0;z-index: 200;background: #666;}
#navBtn {position: absolute;right: -60px;top: 60px;background:#ff0102;padding: 6px 10px;border-radius: 2px;font-size: 32px;color: #fff;cursor:pointer;}
#navBtn:hover {}
#navBtn:active {}

@media (max-width:962px){
#navBtn {}
#topNav {padding: 0px !important;}
.midNav .social {margin-top:-20px; padding-botttom:10px;}
#topNav li {display:none !Important;}
}

.siteSearch {z-index:100;width: 100%;position:relative;display: none;}
.siteSearch .fa-search {position:absolute; top: 6px; left:8px; color:#fff; font-size: 23px;}
.siteSearch .fa-times-circle {position:absolute; top: 4px; right: 6px; cursor:pointer; font-size: 26px; color:#fff;}
.siteSearch .fa-times-circle:hover {color:#000;}
.siteSearch input {width: 100%; padding: 8px 20px 8px 35px !important; color:#fff; outline:none; border:none; border-radius: 0px; background:#ff0102;}
.siteSearch input:focus {outline:0 !important; border:none; box-shadow:none; color:#000 !important;}

.mobNavOn {left: 0px !important;}
.wrapperOn {left: 130px;}

#mobNav .nav_first {padding-bottom:100px;/* min-width:110%; */display:block;}
#mobNav .nav_first>li {}
#mobNav .nav_first>li>a {font-size: 16px; width: 100%; display:block; color:#ddd; padding: 5px 10px 5px 5px; border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid #000; font-weight:300;}
#mobNav .nav_first>li>a:hover {color:#fff;}
#mobNav .nav_first>li>.staticNav {position:relative;}
#mobNav .nav_first>li>a:before {content:"\f105"; padding-left: 5px;font-family:fontAwesome; width: 20px; display:inline-block; ;;;;;;color: #444;;;;;;;}
#mobNav .nav_first>li>a.navOpen:before {content:"\f107";}

#mobNav .nav_second>li>a{padding: 10px 5px 0px 30px; margin-bottom: 5px; line-height: 0.8;display:block; width: 100%; position:relative; color:#ddd; color:rgba(255,255,255,0.6); font-size: 14px;}
#mobNav .nav_second>li>a:before {position:absolute; content:">"; left: 14px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_second>li>a:hover {padding-left:40px;}
#mobNav .nav_second>li>a:hover:before {left:24px; color:#fff;}

#mobNav .nav_third>li>a{}
#mobNav .nav_third>li>a:before {}
#mobNav .nav_third>li>a:hover {}
#mobNav .nav_third>li>a:hover:before {}

#mobNav .nav_fourth>li {}
#mobNav .nav_fourth>li>a{}
#mobNav .nav_fourth>li>a:before {}
#mobNav .nav_fourth>li>a:hover {}
#mobNav .nav_fourth>li>a:hover:before {}

.nav_second .staticNav { color:#aaa !important;}
.nav_third .staticNav {color:#aaa !important;}
.nav_second .staticNav:before,.nav_third .staticNav:before  {content:" " !important;}
#topNav .noTopNav {display:none !important;}




/*search results*/
#searchResults {background:#06191e; position: relative; z-index: 999;}
#searchResults li {color:#999; font-weight: 100; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding: 6px 10px 6px 30px; border-bottom:1px solid rgba(255,255,255,0.1);}
#searchResults li a {color:#fff; font-weight: 200; font-size: 14px;}
#searchResults li:hover {background-color:#0a2933;}
#searchResults .search_News:before {position:absolute; content:"\f1ea"; color:#00919c; left: 6px; top: 5px; font-size: 16px; font-family:\'fontAwesome\';}
#searchResults .search_Navigation:before {position:absolute; content:"\f054"; color:#ddd; left: 10px; top: 5px; font-size: 16px; font-family:\'fontAwesome\';}
#searchResults .selected {background-color:#0a2933;}





/*TEXT FORMATS*/

body, h1, h2, h3, h4, h5, p, a, li, strong, div, span, input, select {font-family: \'Source Sans Pro\', sans-serif; line-height: 1.3;}

.heading1 {font-size:48px; font-weight:300; margin-bottom:24px;  color:#444;}
.heading2 {font-size:24px; font-weight:300; margin-bottom:24px;  color:#444;}
.heading3 {font-size:18px; font-weight:600; margin-bottom:9px;  color:#444;}
strong {font-weight:600;} span {font-weight:inherit;}
.copy {font-size:16px; margin-bottom:8px; text-align:left; font-weight: 300; line-height: 1.6;  color:#444;}

@media (min-width:769px) and (max-width:962px){
.heading1 {font-size:36px; margin-bottom:18px;}
.heading2 {font-size:22px; margin-bottom:22px;}
.heading3 {font-size:16px; margin-bottom:9px;}
.copy {font-size:15px; margin-bottom:7px;}
}
@media (max-width:768px){
.heading1 {font-size:32px; margin-bottom:16px;}
.heading2 {font-size:20px; margin-bottom:20px;}
.heading3 {font-size:18px; margin-bottom:9px;}
.copy {font-size:14px; margin-bottom:7px;}
}
@media (max-width:962px){
  .contained {max-width:96% !Important;} 
}

/*HEADER*/
header .contained {position:relative; z-index:100;}
header .logo {position:absolute;margin-left: -3px;/* background-color:#ff0102; */display:inline-block;border-radius: 0px 0px 2px 2px;right: 20px;}
header .logo img {width: 92px;}

/*.fixHead .container {position:relative;}*/
.fixHead .logo {/* position:fixed; *//* top:0px; *//* z-index:1000; */}
/*.fixHead .logo img {width:100px;}*/

.logo:before, .logo:after {content:""; z-index:-100; position:absolute;  top:0; bottom: 0; background:#000; opacity:0; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;  pointer-events:none;}
.logo:before {left:-500px; right:100px;}
.logo:after {left:100px; right:-3000px;}
.fixHead .logo:before, .fixHead .logo:after {opacity:0;}
#navBtn.fixHead {top: 3px;}

.btn {text-shadow:0px 1px 0px rgba(0,0,0,0.5); white-space:nowrap; cursor:pointer; position:relative;font-weight: 500;color:#fff; font-size:16px; padding: 1px 18px;border-top:1px solid rgba(255,255,255,0.2);box-shadow:inset 0px -10px 20px rgba(0,0,0,0.3);display:inline-block;margin:10px;border-radius: 4px;}
.btn:before {position:absolute; content: ""; z-index:-1; border-radius: 6px; width:104%; height: 112%;  box-shadow:inset 0px 10px 20px rgba(0,0,0,0.3); background:inherit; left: -2%; top:-6%;}
.btn:after {position:absolute; content: ""; z-index:-2; border-radius: 6px; width:90%; height: 100%;  box-shadow: 0px 2px 10px 3px rgba(0,0,50,0.5); background:inherit; left: 6%; top:0;}
.btn:active {-webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); transform:scale(0.95);}
.btn:hover {background:#ff1122;}

#breadcrumbs {background-color:#000; padding:5px 0px; font-size: 9px; white-space:nowrap; color:rgba(255,255,255,0.5); overflow:auto; }
#breadcrumbs a {color:#fff; font-weight: 600; font-size: 12px; padding:0px 10px;}
#breadcrumbs a:hover {text-decoration:underline;}

#topNav {font-size:0px;padding: 30px 0px 30px 65px;margin-left: -10px;margin-top: -3px;}
#topNav .noTopNav {display:none;}
#topNav li {display:inline-block; margin:0; padding: 10px 8px;}
#topNav li:last-child {}
#topNav li a {color: #111;font-weight: 300;font-size: 20px;}

#topNav li:hover, #topNav li.selected  {background:#ff0102;border-radius:  2px;}
#topNav li:hover a, #topNav li.selected a {color:#fff !important;}
.midNav .social {text-align:right;}
.midNav .social a {color:#fff; font-size: 22px;}
.midNav .social li {display:inline-block; padding:35px 0px 5px 10px;}

#megaMenu {}
.megamenu {min-height:100px; padding: 20px 0px 10px 0px;}
.megamenu ul li {cursor:pointer; line-height: 1.4; position:relative; left:0px; margin-bottom: 10px; font-size: 14px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.megamenu ul li:before {content:"\f054"; font-family:fontAwesome; margin-right: 8px; color:#bccb09;}
.megamenu ul li:hover {left:5px;}
.megamenu ul li a {color:inherit;}
.megamenu h2 {color:#bccb09; font-size: 32px; margin-bottom: 15px;}

/*FOOTER*/

footer ul li {color:#000; font-size: 14px; line-height: 1.5;}
footer ul li a {color:#000;}
footer ul li img {margin-top: 10px;}

/*form classes*/
.formTextBox {outline:none; font-size: 16px; font-weight:300; border-radius: 3px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#444; min-width: 60px;}
.formTextBox:hover,.formTextarea:hover {}
.formTextBox:focus,.formTextarea:focus {}
.formButton {}
.formButton:hover {}
.formButton:active {}
.w100p {width: 100%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
fieldset {}
fieldset label {}
fieldset select {}
fieldset input[type="checkbox"] {margin:0px; margin-top:-2px;}
fieldset a {font-weight: 600; color:inherit;}

.formButton {}
.formButton:hover {}
.mandatoryError {}
.formTextarea {}
.formError {}


/*HOME HERO*/
.staticHero {position:relative; height: 50vh;}
.homeHero {position:relative; height:80vh;}
.homeHero li {position:absolute; z-index:5; min-height: 400px; width:100%; height: 100%; background:#333; overflow:hidden;}
.homeHeroPic {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); position:absolute; z-index:-0; left: 0; top:0; right:0; bottom:0; background-size:cover; background-position:50% 50%;
-webkit-transition: all 6s ease-in; -moz-transition: all 6s ease-in; -ms-transition: all 6s ease-in; transition: all 6s ease-in;
}
#rgeWrapper .homeHero li {position:relative !important;}

.homeHeroPicS {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);}
.homeHeroBlock {position:absolute; z-index:50; bottom:30px;}
.homeHeroNav i {font-size: 32px; display:inline-block; width: 50px; height: 50px; padding-top: 10px;text-align:center;}
.homeHeroNav i:nth-of-type(1) {background:#ff1122; color:#fff;}
.homeHeroNav i:nth-of-type(2) {background:#fff; color:#333; padding-left: 3px;}
.homeHeroNav i:hover {background:#000; color:#fff;}

.homeHeroBlock h2 {color:#fff; font-weight: 600; background:#000; padding:4px 20px; font-size: 42px; display:block;}
.homeHeroBlock h3 {color:#fff; background:#ff1122; padding:4px 20px; font-size: 26px; position:relative; display:inline-block;}
.homeHeroBlock h3 a {position:absolute; text-shadow:0px 0px 2px #fff; bottom: 0px; color:red; font-size: 16px; white-space:nowrap; right:-120%;}
.homeHeroBlock h3 a:hover {text-decoration:underline;}

@media (max-width:768px){
.homeHeroBlock h2 {font-size: 26px;}
.homeHeroBlock h3 {font-size: 20px;}
.siteFooter .row>div:nth-of-type(2) {margin-bottom: 20px;} 
.siteFooter .row>div:nth-of-type(3) {clear:both;}
.footLogo {padding-top:50% !important; margin-bottom: 20px;}
}
.home-tweets-ul {padding:0% 10% 0% 10%;}

/*FOOTER */
.siteFooter {border-top:1px solid #222; background-color:#fff; padding: 15px; position:relative;}
.siteFooter h4 {color:#000; font-weight: 300; font-size: 20px; margin-bottom: 15px;}
.siteFooter .row>div {position:static;}
.footLogo {max-width: 180px; width:100%; padding-top: 60%; margin-right:10px; position:relative; bottom: 0px; background: url(files/image/ Logo/Red_FireLogo.jpg) no-repeat 0% 90%; background-size:contain;}
.siteFooter address {color:#000; font-weight: 300; font-style:normal; font-size: 13px; position:relative; padding-left: 45px;}
.siteFooter address label {position:absolute; left: 0px; font-size: 10px; color:#666; padding-top: 3px;}
.siteFooter ul li {margin-bottom: 4px;}
.siteFooter ul li a {color:#000; font-weight: 300; padding-left: 0px;}
.siteFooter ul li a:before {content:"\f105"; color:#ff1122; font-family:fontAwesome; padding-right: 6px;}
.siteFooter ul li a:hover {color:red;}

/*HOME PANELS*/
.panel {position:relative; padding-top: 66%;  overflow:hidden; cursor:pointer; margin-bottom: 15px; }
.panel h3 {opacity:0.9; font-size: 18px; position:absolute; bottom:0px; padding: 5px 10px; background:#ff1122; color:#eee; z-index:2; width:100%; text-align:left;}
.panel .panelPic {position:absolute; left:0; top:0; right: 0; bottom:0; transform:scale(1); opacity:0.9; z-index:1; background-size:cover; }
.panel:hover .panelPic {transform:scale(1.1); opacity:1;}
.panel:hover h3 {color:#fff; text-shadow:0px 0px 4px #fff;}
.panel h3 i {position:absolute; right: 10px; font-size: 20px;}
.panelB h3 i {position:absolute; font-size: 40px; border-radius: 10px 0px 0px 0px; background:#ff1122; bottom: 0px; padding: 10px 15px; right: 0px;}
@media(max-width:479px){ .panel h3 {font-size: 15px;} .panelB h3 {font-size: 18px;}}


/*NEWS HOME LISTING*/
.newsListing a {color:inherit;}
.newsListing li span {border:1px solid rgba(255,255,255,0); background:red; width: 15%; margin-right: 15px; padding-top: 10%; display:inline-block; float:left; background-size:cover;}
.newsListing li {clear:both; margin-bottom: 20px;}
.newsListing li h3 {font-weight: 200 !important; font-size: 18px; color:#ccc;}
.newsListing li p {color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsListing a:hover h3 {color:#fff !important; text-shadow:0px 0px 3px #fff;}
.newsListing a:hover span {border:1px solid #fff;}

/*NEWS*/
.newsStoryImg {position:relative; padding: 20px; background:#ff1122; overflow:hidden; max-height: 600px;}
.newsStoryImg span {position:absolute; z-index:0; opacity:0.4; top:0; left:0;width: 100%; height: 100%; background-size:cover; background-size:cover; filter:blur(5px); -webkit-filter:blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px); background-position:50% 50%; }
.newsStory {padding:20px 5px;}
.newsStoryImg p {position:relative; z-index:10;}
.newsStoryImg img {border:2px solid #fff; width: 100%; max-width:600px;}
.newsStory p {font-size: 15px; color:#fff; margin-bottom: 10px; line-height: 1.8;}
.newsStory h2 {font-size: 24px; margin-bottom: 12px; color:#ddd;}
#newsStoryShell h1 {font-size: 32px; color:#ff1122; font-size: 48px !important;; margin:20px 0px;}
.newsStory p a, .newsStory li a {color:#d1ff29; font-weight: 600;}
.newsStory p a:hover {color:#fff; text-decoration:underline;}
@media (max-width:768px){ #newsStoryShell h1 {font-size: 32px !Important; margin-bottom: 0px;} }
#newsStoryShell strong {color:#fff;}

.newsPanel {background: #f00;/* border:1px solid #eee; *//* border-radius:3px; */padding: 0px 0px 10px 0px;margin:20px 0px;}
.newsPanel a {color:inherit;}
.newsPanel .newsNanoImage,.newsPanel iframe {width: 100%; height: 220px !important; background-size:cover;}
.newsPanel .newsTitle {/* margin:15px 0px 10px 0px; */font-size: 22px;color: #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:  10px;}
.newsPanel p {overflow:hidden;width: 100%;height: 36px;font-size: 14px;color: #fff;line-height: 1.4;padding: 0px 10px;}

.newsStory ol li {margin-left: 25px; font-size: 14px; padding-left: 10px; list-style-type:decimal; margin-bottom: 12px; }
.newsGridHeader {padding: 25px 0px 0px 0px; }
.newsGridHeader h2 {font-size: 32px !important; color:#003b4f;}
.newsPanel:hover {transform:rotate(2deg) scale(1.05); -webkit-transform:rotate(2deg) scale(1.05); -moz-transform:rotate(2deg) scale(1.05); -ms-transform:rotate(2deg) scale(1.05);}


/*tooltip hover*/
#toolTip {position:fixed; text-align:center; z-index:10000; line-height: 1.3; padding:5px 8px; font-size: 13px; border-radius: 3px; color:#fff; box-shadow:2px 10px 10px rgba(0,0,0,0.2); background:#222; left:-1000px; top:-1000px; max-width: 200px;  pointer-events: none;}
#toolTip:after {content:"\f0d7"; font-size: 20px; position:absolute; font-family:fontAwesome; bottom:-16px; left: 49%; text-shadow:0 6px 3px rgba(0,0,0,0.1); color:#222;}




/*CAROUSEL*/

.carouselWrapper {padding:0px 50px !important; position:relative;}
.carousel {margin-left:-15px; margin-right:-15px; height:auto; position:relative; font-size:0px; padding-bottom: 12px;}
.carouseltem  {width:250px; padding:0px 15px; display:inline-block;}
.carouseltem h4 {font-size:16px;}
.carLeft,.carRight {cursor:pointer; position:absolute; font-size:32px; color:rgba(255,255,255,0.4); top:45%;}
.carLeft {left:5px;}
.carRight {right: 5px;}
.carLeft:hover,.carRight:hover {color:rgba(255,255,255,0.9);}
.infoPanel {padding-top: 70%; transform:scale(1); overflow:hidden !important; width:100%; position:relative;}

.picZoom {opacity:1; position:absolute; left:0; right:0; top:0; bottom:0;background-size:cover; background-position: center center; transform-origin: 50% 50%;
transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;
}
.infoZoom {transform:scale(0.9); opacity: 0; position:absolute; padding: 0px 4% 10px 4%; left:-10%; width: 120%; right:10%; height: auto; bottom:-20px; background:rgba(0,0,0,0.7); color:#fff;  transform-origin: 50% 0%; white-space:normal; 
transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s;
}
.infoZoom p {line-height: 1.2; font-size: 13px; padding: 15px 50px; text-align:center; font-weight: 300;}
.infoPanel:hover .infoZoom {transform:scale(1); opacity:1;}
.infoPanel:hover .picZoom {transform:scale(1.05); opacity:0.8;}
.infoPanel:hover h4 {bottom:-25px;}
.infoPanel h4 {z-index:100; position:absolute; bottom: 0px; height: 25px; background:#ff1122; color:#fff; width:100%; padding: 3px 10px;}

/*CONTENT*/

.content {padding-bottom: 40px;}
.content h1 {color:#ff1122;}
.content h2 {color:#ff1122; font-size: 20px; margin-bottom: 10px;}
.content p {color:#eee; font-size: 16px; line-height: 1.5; margin-bottom: 8px; font-weight: 300;}
.content p a {color:#ff1122; font-weight: 500;}
.content p a:hover {color:#fff; text-decoration:underline;}
.content blockquote {margin: 0px 30px 20px 30px; text-align:center; position:relative; color:#ddd; font-size: 14px; line-height: 1.5; font-weight: 300; }
.content ul li {color:#ddd; font-weight: 300; line-height: 1.4; margin-bottom: 6px;}
.content ul {margin-bottom: 10px;}
.content blockquote:before,.content blockquote:after {position:absolute; font-family:Impact, Arial; color:red; font-size: 60px;}
.content blockquote:before {content:"“"; left: -30px; top: -18px;}
.content blockquote:after {content:"”"; right: -30px; bottom: -50px;}
.content .fa-ul i {color:#b8d200;}

.caseStudy_quote p {font-size: 12px; text-align:center; color:#aaa; margin-bottom: 15px;}
.caseStudyMain {position: relative; z-index: 10; padding-bottom: 40px;}
.caseStudyMain .col-sm-6 {margin-bottom: 20px;}
.caseStudyMain .infoPanel {padding-top: 60%;}



/*form classes*/
.formTextBox {outline:none; font-size: 16px; background:#f5f5f5; font-weight:300; border-radius: 3px;  border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#444; min-width: 60px;}
.totalForm input, .totalForm textarea  {font-family: \'Source Sans Pro\', sans-serif;}
.formTextBox:hover,.formTextarea:hover {border-color:#ebff65; box-shadow:0px 0px 5px rgba(255,255,255,0.3);}
.formTextBox:focus,.formTextarea:focus {border-color:#000; background:#ebff65; box-shadow:0px 0px 5px #ebff65;}
.formButton {cursor:pointer; outline:none; font-size: 16px; font-family:\'Work Sans\'; border-radius: 3px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#fff; color:rgba(255,255,255,0.8); background:#0075bf;}
.formButton:hover {color:#fff; opacity:0.9; }
.formButton:active {color:#fff; opacity:1; text-shadow:0px 1px 1px rgba(0,0,0,0.4); background:#000 !important;}
.w100p {width: 100%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
fieldset {padding: 3px; border:1px solid #aaa; border-radius: 3px;}
fieldset label {padding:10px; font-size: 14px; color:#333; display:block;font-weight: 300;}
fieldset select {width: 100%; font-size: 16px; background:#f5f5f5;}
fieldset input[type="checkbox"] {margin:0px; margin-top:-2px;}
fieldset a {font-weight: 600; color:inherit;}

.formButton {font-weight: 600; padding: 4px 20px; background:red;}
.formButton:hover {background:#ebff65 !important; color:#000;}
.mandatoryError {background:#fdd; color:#f00}
.formTextarea {width: 100%; height: 80px; outline:none; font-size: 16px; background:#f5f5f5; font-weight:300; font-family:\'Work Sans\'; border-radius: 5px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#444;}
.topLabel {color:#666; font-size:10px; text-align:center; background:#f5f5f5; padding:2px;}
.formError {text-align:center; color:#f00; font-weight:600; font-size: 14px; padding: 10px;}
.error {background:red; color:#fff;}

/*TWITTER*/
.newsTwitter {background: #000;/* border-top:3px solid #f00; *//* border-bottom:3px solid #f00; */margin: 40px 0px;padding: 30px 0px;}
.newsTwitter .contained {position:relative; padding-left: 60px; }
.newsTwitter ul {max-width:992px; position:relative; }
.newsTwitter .fa-twitter {font-size: 48px; position:absolute; left: 0px; color:#ebff65; top: 0px;}
.newsTwitter ul img {display:none;}
.newsTwitter ul li {color:#fff; font-size: 18px; text-align:center;}
.newsTwitter ul li a {color:#ebff65;}

/*parallax blocks */
.px {background-repeat:no-repeat; background-size:cover; background-attachment:fixed; z-index:-2; height:100%;}
.parallax600 {width: 100%; height: 600px; overflow: hidden; position:relative;}
.parallax500 {width: 100%; height: 500px; overflow: hidden; position:relative}
.parallax400 {width: 100%; height: 400px; overflow: hidden; position:relative}
.parallax300 {width: 100%; height: 300px; overflow: hidden; position:relative}

.testimonialsBlock li {-moz-transition: all 7s linear; -webkit-transition: all 7s linear; -ms-transition: all 7s linear; transition: all 7s linear; -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8); opacity:0; position:absolute; width:100%;}

.testimonialsBlock li p { color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.5); font-weight: 300; text-align:center; font-size: 20px; line-height: 1.5; }
.testimonialsBlock li p em {font-size: 80%;}


.testimonialsBlock li.showTest {-ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); opacity:1; transform:scale(1.05);}


/*client logos*/

.clientLogos {background:#222; padding: 25px;}
.clientLogo h3, .clientLogo p {display:none;}
.clientLogo {cursor:help; position:relative; padding-top:66%; margin:15px; background-size:contain; background-repeat:no-repeat;}
.clientLogo:after {position:absolute; z-index:20; left:0; top:0; right:0; bottom:0; content:""; background:rgba(34,34,34,0.4); opacity:1;
-webkit-transition:1s all; -moz-transition:1s all; -ms-transition:1s all; -o-transition:1s all; transition:1s all;
}
.clientLogo:hover:after {opacity:0;}
#clientPop {z-index:1000; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9);}
#clientPop div {position:absolute; left: 50%; margin-left:-160px; box-shadow:0px 0px 20px #ddd; background:#fff; border-radius: 20px; max-width:320px; padding:20px; width:100%;}
#clientPop div h3 {font-size: 20px; color:red; text-align:center; margin: 12px 0px;}
#clientPop div p {font-size: 12px; line-height: 1.5; color:#444;}

/*gallery*/


/*GALLERY*/
.gallery {background-size:cover; background-position:center center; background-size:cover !important;}
.gallery .fa-search-plus {position:absolute; bottom: 10px; font-size: 32px; right: 10px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.7);}


#gallery,#vrgallery {position:fixed; padding: 40px; top:0; left:0;right:0;bottom:0; background:#000; background:rgba(0,0,0,0.8); z-index:200; }
#gallery ul {display:block; position:relative; text-align:center; height: 100%;}
#gallery li {position:absolute; top: 0px; left: 0px; width: 100%; tet-align:center; pointer-events:none;}
#gallery li img {max-width: 100%;}
#gallery li p {position:absolute; bottom:0;left:-20%;right:-20%;padding:20px 10px; color:#fff;background:rgba(0,0,0,0.6); text-align:center; font-size:18px;}
#gallery .galClose,#vrgallery .vrClose {opacity:0.8; position:absolute; top: 8px; right: 8px; z-index:201; color:#fff; font-size: 48px;}
#gallery .galPrev  {opacity:0.8; position:absolute; top: 48%; left: 5px; z-index:201; color:#fff; font-size: 36px;}
#gallery .galNext  {opacity:0.8; position:absolute; top: 48%; right: 5px; z-index:201; color:#fff; font-size: 36px;}
#gallery i:hover {opacity:1;}
#vrgallery iframe {position:relative; width: 100%; height: 100%; overflow:hidden; max-width:960px; min-height: 250px; max-height: 500px; margin: 0 auto;}

.basicPanel {position:relative; background:#fff; box-shadow:0px 0px 4px rgba(0,0,0,0.3); padding:40% 0px; margin-top:30px;}


.headTop {background:#666; padding: 5px; font-size: 18px; color:#ddd !important; text-align:center;}

@media (max-width:480px){
    .headTop {font-size: 13px; padding: 5px 10%;}
}


#redpics li {position:relative;}
#redpics li h2 {position:absolute; text-align:Center; right: 25px; bottom: 25px; font-size: 48px; font-weight: bold; box-shadow: 0 0 20px rgba(0,0,0,0.3); background:#fff; padding: 10px; border-radius: 14px;}
#redpics li h2 a {display:block; text-align:center; background:red; color:#fff; padding: 5px 10px; border-radius: 10px; font-size: 60%;}
#redpics li h2 a:hover {background:#444;}


.pageTemplate .toppic .contained {position:relative;}
.pageTemplate .toppic h1 {position:absolute; bottom: 0; right: 0px; font-size: 32px; padding: 10px 30px; background:red; border-radius: 20px 20px 0 0; color:#fff; font-weight: 100;}
.pageTemplate p {color:#333; margin-bottom: 10px;}


@media (max-width:640px){
#redpics li {padding-top: 60% !important;}
.midNav {display:none;}
#redpics li h2 {font-size: 24px;}
.logo {top: 6px;}
.pageTemplate .toppic h1 { font-size: 22px; padding: 6px 20px; background:red; border-radius: 10px 10px 0 0; color:#fff; font-weight: 100;}

}


#modal {
position: fixed;
z-index: 999999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(240,240,240,.8)
}

#modalBox {
box-shadow: 0 0 10px rgba(0,0,0,.1);
background: #fff;
padding: 25px;
border: 1px solid #ddd;
position: relative;
margin: 100px auto;
width: 90%;
max-width: 640px;
transform: scale(1)
}

#modalBox .closeModal {
position: absolute;
right: 10px;
top: 10px;
font-size: 24px;
color: #999;
cursor: pointer
}

#modalBox .closeModal:hover {
color: #1a339a
}

#modalBox.shrunk {
transform: scale(.9)!important;
opacity: 0
}

#modalBox h3 {
font-weight: 100;
color: #1a339a;
font-size: 24px!important
}

#modalBox p {
color: #444;
font-weight: 300;
margin: 5px 0;
font-size: 14px;
line-height: 1.6
}

#modalBox fieldset {
padding: 0;
margin: 0
}

#modalBox fieldset label {
font-size: 12px!important;
padding: 5px 0
}

#modalBox h4 {
font-weight: 100;
color: #333;
font-size: 18px!important;
margin: 10px 0
}

#modalBox .modalBtn {
display: inline-block;
margin: 5px 10px 0 0;
font-size: 14px;
background: #1a339a;
color: #fff;
padding: 4px 12px;
border-radius: 2px
}

#modalBox .modalBtn:hover {
background: #111
}

@media(max-width: 768px) {
#modalBox {
position:absolute;
margin: 0 auto;
top: 10px;
left: 5px;
right: 5px;
max-height: 95vh;
overflow: auto
}
}



.formTextBox,.forms input[type=password],.forms input[type=text],.forms textarea {
    outline: 0;
    font-size: 16px;
    background: #fdfdfd;
    font-weight: 300;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.2);
    padding: 3px 12px;
    box-shadow: inset 1px 3px 5px 1px rgba(0,0,0,.05);
    color: #444;
    min-width: 100px;
    width: 100%;
    max-width: 320px;
    margin: 3px 0
}

.formTextBox:hover,.forms input[type=password]:hover,.forms input[type=text]:hover,.forms textarea:hover .formTextarea:hover {
    border-color: #aaa
}

.formTextBox:focus,.formTextarea:focus,.forms input[type=text]:focus,.forms textarea:focus {
    color: #111;
    border-color: #999;
    background: #fff
}

.formButton,.forms input[type=button],.forms input[type=submit] {
    cursor: pointer;
    outline: 0;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.3);
    padding: 3px 12px;
    box-shadow: 0 0 1px rgba(0,0,0,.1);
    color: #fff;
    color: rgba(255,255,255,.8);
    background: #F00
}

.formButton:hover,.forms input[type=button]:hover {
    color: #fff;
    opacity: .9
}

.formButton:active,.forms input[type=button]:active {
    color: #fff;
    opacity: 1;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    background: #000!important
}

.w100p {
    width: 100%
}

.w50p {
    width: 50%
}

.w40p {
    width: 40%
}

fieldset {
    padding: 3px 0;
    border: none;
    position: relative
}

fieldset label {
    padding: 3px 0;
    font-size: 12px;
    color: #333;
    display: block;
    font-weight: 300
}

fieldset select {
    width: 100%;
    font-size: 16px;
    background: #f5f5f5
}

fieldset input[type=checkbox] {
    margin: 0;
    margin-top: -2px
}

fieldset a {
    font-weight: 600;
    color: inherit
}

.formOptins {
    margin: 10px 0
}

.formOptins label {
    font-size: 12px;
    color: #444;
    font-weight: 200;
    position: relative;
    padding-left: 25px;
    line-height: 1.3;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%
}

.formOptins label input[type=checkbox] {
    position: absolute;
    left: 0;
    top: -2px
}

.forms select {
    width: 100%;
    max-width: 320px;
    height: 26px;
    font-size: 16px;
    color: #444;
    margin: 3px 0
}

.help {
    position: relative;
    font-size: 13px!important;
    background: #eef;
    padding: 5px 10px 5px 50px;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

.help:before {
    content: "\f059";
    font-family: fontAwesome!important;
    position: absolute;
    left: 10px;
    top: -3px;
    font-size: 36px;
    color: #1a339a
}

.mandatoryError {
    background: #fdd;
    color: red
}

.formTextarea {
    width: 100%;
    height: 80px;
    outline: 0;
    font-size: 16px;
    background: #f5f5f5;
    font-weight: 300;
    font-family: 'Work Sans';
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.3);
    padding: 3px 12px;
    box-shadow: 0 0 1px rgba(0,0,0,.1);
    color: #444
}

.topLabel {
    color: #666;
    font-size: 10px;
    text-align: center;
    background: #f5f5f5;
    padding: 2px
}

.formError {
    color: red;
    border-color: red!important
}

.error {
    background: red;
    color: #fff
}

.deleteBtn {
    background: #a00!important;
    border-color: red!important
}

 .content h2:before {content:"\f054"; font-family:fontAwesome;margin-right:5px; margin-left:-20px;}
 
 .panel h3:before {content:"\f054"; color: #fff; font-family:fontAwesome;margin-right:5px;}