@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');

html, body { margin:0; padding: 0; position: relative;height: 100%; background-color: #f0f1f3;}

/** global attributes **/
.row { margin: 0; padding: 0 }
.BlackBack {background-color: #000;}

.CenterText {text-align: center;}
.RightText {text-align: right;}

.marginTop20 {margin-top: 20px}
.marginTop50 {margin-top: 50px}
.marginTop80 {margin-top: 80px}
.marginTop100 {margin-top: 100px}

.marginBottom50 {margin-bottom: 50px;}

.paddingLeft0 {padding-left: 0px !important;}

.height100 {height: 100%;}
.lh24 {line-height: 24px;}
.lh30 {line-height: 30px;}
.font-14{font-size: 14px !important;}

.sticky { position:fixed !important; top: 0px; height: 81px; padding: 10px 20px; width: 100%; background-color: #fff; z-index: 100; border-bottom: solid 1px #255e8a;}

.cf:after { content: "."; visibility: hidden; display: block; height: 0; clear: both;}

.bottomBorder { border-bottom: 1px solid #da1f27; padding-bottom: 15px; margin-bottom:15px;}
.topBorder { border-top: 1px solid #da1f27; padding-top: 15px; margin-top:15px;}


/** font color **/
.fontBlack {color:#000 !important;}
.fontWhite {color:#fff !important;}
.fontRed {color: #da1f27 !important;}
.fontOrange {color:#ff9600 !important;}

/** font style ***/
.boldit {font-weight: bold;}

/** section header **/
.main-logo {padding: 25px 0 25px 65px;}
.social-logos {position: absolute; top: 65px; right: 30px;}
.social-logos ul {position: relative; margin: 0; padding: 0;}
.social-logos ul li {position: relative; float: left; padding-right: 15px; list-style: none;}
.social-logos ul li:last-child {padding-right:0px !important;}
.social-logos ul li a {opacity: .7;}
.social-logos ul li a:hover {opacity: 1;}

.main-nav {background-color: #fff; margin-left:150px !important; position: relative; margin: 0; padding: 0;}
.main-nav .nav-c {position: relative;margin: 0; padding: 0;}
.main-nav .nav-c ul {position: relative; margin: 0 0 0 25px; padding:0; font-family: 'Roboto Condensed', sans-serif;}
.main-nav .nav-c ul li {position: relative; float: left; padding: 10px 22px 11px 0; font-size: 16px; list-style: none; font-weight: 100;}
.main-nav .nav-c ul li a {color:#255e8a;}
.main-nav .nav-c ul li:first-child {padding:8px 22px 11px 0 !important;}


.stick-logo {width: 130px; float: left;}
.sticky-nav-c {float: left; margin-top: 11px;}
.sticky-nav-c ul {position: relative; margin: 0 0 0 25px; padding:0; font-family: 'Roboto Condensed', sans-serif;}
.sticky-nav-c ul li {position: relative; float: left; padding: 10px 22px 11px 0; font-size: 16px; list-style: none; font-weight: 100;}
.sticky-nav-c ul li a {color:#255e8a;}
.sticky-nav-c ul li:first-child {padding:8px 22px 11px 0 !important;}
.sticky .phone {background-color: #c9c9c9; position: absolute; right: 0px; top:0px; padding: 30px 30px; color: #302a2a; font-weight: 600; letter-spacing: 1px}

.main-nav .phone {background-color: #c9c9c9; position: absolute; right: 0px; top:0px; padding: 11px 30px 12px 30px; color: #302a2a; font-weight: 600; letter-spacing: 1px}
.main-nav .phone img {display: inline-block; margin-right: 11px;}

.mediap .main-photos .overlay-c {position: absolute;left: 41px; z-index: 20;}
.overlay-c-r {position: absolute;right: 10px; z-index: 20;}

.MainRotatingImages img { position: absolute; z-index: 1;}

/** section content **/
.content {position: relative;margin: 0 75px 0 150px; background-color: #fff; z-index: 98;}
.contact-container {position: absolute; right: 0px; bottom: 0px; width: 268px;z-index: 30;}
.contact-container .contact-section {background-color: #464646; padding: 20px 30px ;color:#fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 100; }
.contact-container .contact-section .table-s {font-size: 12px;padding-bottom: 6px;}
.contact-container .contact-section .input-s {margin-bottom: 10px;width: 90%;color: #333;font-size: 12px;}
.contact-container .contact-section .button-dis {font-size: 9px; font-weight: 600; letter-spacing: 1px;text-align: center; padding:6px 40px;background: #cccccc;
border: 0; }
.contact-container .contact-section .button-s {font-size: 9px; font-weight: 600; letter-spacing: 1px;text-align: center; padding:6px 40px;background: #ff9600;
border: 0; }
.contact-container .video-c { width: 268px; height: 151px;}
.contact-container .bullet-c {background-color: #eeeeee; padding: 20px 30px; font-family: 'Roboto Condensed', sans-serif;}
.contact-container .bullet-c h4 {margin: 0 0 14px 0; text-transform: uppercase; font-size: 16px; font-weight: 100; letter-spacing: 1px;}
.contact-container .bullet-c .callout-c .c-header {color:#255e8a; font-size: 13px; font-weight: 300; padding: 5px 0;}
.contact-container .bullet-c .callout-c .c-content {font-size: 11px; line-height: 20px; font-weight: 100;padding-left:25px;}

.content .sub-content {background-color: #255e8a; color:#fff; text-transform: uppercase; font-size:10px; font-weight: 400; letter-spacing: 1px; text-align: left; position: relative;;padding:10px 25px; z-index: 3}
.sub-content p {margin: 0 0 3px !important;}

.content .content-c {font-family: 'Roboto Condensed', sans-serif; font-weight: 100; color: #255e8a; width: 600px;
margin: 0 0 0 26px;}
.content .content-c h2 {padding-top:20px;}
.content .content-c ul {position: relative; margin:0; padding:0;}
.content .content-c ul li {position: relative; margin:0; padding:0 30px 0 0; float: left; width:50%; list-style: none; line-height: 30px; font-size: 16px;}
.content .learn {position: relative; background-color: #ff9600; color:#fff; text-transform: uppercase; width:225px; font-size: 9px; font-weight: 600; letter-spacing: 1px; text-align: center; margin: 50px 0 50px 155px;}
.content .learn .learn-m {padding:8px; display: block;}

.contact-section h3{ font-family: 'Roboto Condensed', sans-serif; font-weight: 300; margin: 0 0 8px; padding: 0; color: #fff; font-size: 20px}
.contact-section p { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 12px; color: #fff; line-height: 22px;}
.contact-section .required {font-weight: 500;font-size: 11px;padding-bottom: 8px;}

.content-c .overlay-img {position: absolute; top:-158px;left:0;}
.content .sub-page {width: 85% !important;}
.content .sub-page ul {position: relative; margin:0; padding:0;}
.content .sub-page ul li {position: relative; margin:0; padding:10px 0 30px 0; float: left; width:25%; list-style: none; line-height: 20px; font-size: 16px; text-align: center;}

.sub-page .container {width:auto !important; padding-left: 0px}
.contactForm td {text-align: left; padding-bottom: 10px;}

/** Portfolio Page **/
.picContainer {text-align: center;}
.picContainer img {border: 2px solid;}
.picContainer p {margin: 12px 0; font-weight: 500;}


/** footer **/
.footer {position: relative; padding: 0; margin:0 0px 0 150px;}
.footer .blue-divder {background-color: #255e8a; padding:10px 0;}
.footer .copyright-c {text-align: center; color: #255e8a; text-transform: uppercase; font-size: 10px; line-height: 15px;padding: 25px 0 50px 0; background-color: #fff; margin: 0 75px 0 0px}
.footer .copyright-c a {color: #255e8a; font-weight: 400;}

/** mobile fixes **/

.ua-mobile .main-logo { text-align: center; padding: 25px 0 25px 0;}
.ua-mobile .social-logos {position: relative;text-align: center; height: 40px; top:auto !important; right: auto !important; }
.ua-mobile .social-logos ul {position: relative; margin: 0 auto; padding: 0; width:135px;}
.ua-mobile .main-nav {margin-left: 0 !important;}
.ua-mobile .nav-c ul:first-child {padding: 8px 15px 4px 0 !important;}
.ua-mobile .nav-c ul li {font-size: 13px; padding:6px 13px 0 0;}
.ua-mobile .phone {position: relative;}
.ua-mobile .content  {margin: 0px !important}
.ua-mobile .contact-container {position: relative !important; right: auto; bottom: auto; width:100% !important;}
.ua-mobile .content-c {width: 100% !important; margin: 0 !important; padding:0px 15px;}
.ua-mobile .content-c h2 {font-size: 22px !important}
.ua-mobile .content-c ul li {padding: 0 25px 0 0 !important; width: 50%; font-size: 14px;}
.ua-mobile .learn {margin: 40px auto !important;}
.ua-mobile .footer {margin: 0px !important;}
.ua-mobile .footer .copyright-c {margin: 0; padding:25px;}
.ua-mobile .overlay-c {display: none !important;}

.ua-mobile .contact-container .contact-section .button-dis {font-size: 9px; font-weight: 600; letter-spacing: 1px;text-align: center; padding:6px 40px;background: #cccccc;
border: 0; }
.ua-mobile .contact-container .contact-section .button-s {font-size: 9px; font-weight: 600; letter-spacing: 1px;text-align: center; padding:6px 40px;background: #ff9600;
border: 0; }
.ua-mobile td input {border: 1px solid #ccc !important;}
.ua-mobile td textarea {border: 1px solid #ccc !important;}

.ua-mobile .video-c {display: none;}
.ua-mobile .content-c .overlay-img {position: absolute;top: -64px;left: 0;}
.ua-mobile .sticky {display: none !important;}