@font-face {
    font-family: 'Ubuntu-bold';
    src: url('/fonts/Ubuntu-B.ttf'); /* IE9 Compat Modes */
   
}
@font-face {
    font-family: 'Ubuntu';
    src: url('/fonts/Ubuntu-R.ttf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/open-sans.light.ttf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('/fonts/open-sans.bold.ttf'); /* IE9 Compat Modes */
}
@font-face {
    font-family: 'Open Sans Regular';
    src: url('/fonts/open-sans.regular.ttf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'Ubuntu-light';
    src: url('/fonts/Ubuntu-L.ttf'); /* IE9 Compat Modes */
}
body { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-family: "Open Sans Regular", Arial;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.3em; word-wrap: break-word;}


h4 { font-weight: normal; font-family: 'Open Sans Regular'}
p { font-size: 14px; color: #333333; line-height: 1.33em;}
/* Set padding to keep content from hitting the edges */
.body-content { overflow: hidden;}
.wrap {  max-width: 1400px; margin: 0 auto}
.fullWrap { width: 100%; margin: 0 auto;}
.PageContent { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }

.darkBlueBg { background: #1d3265}
.lightBlueBg { background: #0093d0}

.ScrollToTop { display: block; bottom: 20px; position:absolute;}
.mk-go-top svg { position: absolute; top: 15px; left: 15px; fill: #fff; height: 16px; width: 16px;}
.mk-go-top { background: url(/images/bt-bg.png);  display: block; position: fixed; bottom: 15px; width: 45px;height: 45px; text-align: center;
             -webkit-backface-visibility: hidden;z-index: 999999999; 
    backface-visibility: hidden;  -webkit-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    right: 15px; opacity: 20; transition: all .2s ease-in-out; }

.mk-go-top:hover {  background-color: rgba(0,0,0,.4);}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column */
.dl-horizontal dt { white-space: normal;}

/* Set width on the form input elements since they're 100% wide by default */
input,select,textarea { max-width: 280px;}


noscript p { color: #fff; font-size: 20px;}
/******************************Background, Fonts and Colors*************************************/
.darkBG {
    background-color: #002e67;
    padding: 10px 30px
}
.darkBlueBg { background-color: #002e67 ;}
.lightBlueBg { background-color: #0093d0 ;}
.darkBlue { color: #002e67 !important; }

.darkBG p { color: #fff;}
.lightBlue { color: #0093d0 !important; }

.darkFont { color: #333333 !important;}

.lightUbuntuFont {font-family: Ubuntu-light !important;}

.lightSansFont {font-family: 'Open Sans Regular' !important;}

.whiteFont { color: #fff !important; }

.bold { font-weight: 700 !important; font-family: 'Open Sans Bold' !important}

.lightGreyBG { background-color: #f2f2f2;}

.wrapFancyTitle { float: left; margin: 0 !important;}

.fancyBoldText2 {font-size: 24px; color: #0092d0; font-weight: inherit; text-transform: none; letter-spacing: 0px;
    text-align: left;font-weight: 300; padding-top: 0px; font-family: Ubuntu-bold;}
.fancyBoldText2 {font-size: 24px; color: #0092d0; font-weight: inherit; text-transform: none; letter-spacing: 0px;
    text-align: left;font-weight: 300; padding-top: 0px; font-family: Ubuntu-bold;}
.fancyBoldText6 {font-size: 48px; color: #002e67; font-weight: inherit; text-transform: initial; letter-spacing: 0px;
    text-align: left; padding-top: 0px; padding-bottom: 20px; font-family: Ubuntu-bold;}

.fancyText6 {font-size: 48px; color: #002e67; font-weight: bold; text-transform: initial; letter-spacing: 0px;
    text-align: left; padding-top: 0px; padding-bottom: 20px; font-family: Ubuntu;}


.fancyText3 {font-size: 20px; color: #002e67; font-weight: bold; text-transform: initial; letter-spacing: 0px;
    text-align: left; padding-top: 0px; padding-bottom: 20px; font-family: Ubuntu-bold;}

.Home-3-box div span, .box3 div span, .PaddedLetter, .PaddedLetterLight, .PaddedLetterDark {font-size: 45px !important; margin-top: 5px; line-height: 55px;font-family: open sans bold; margin-right: 10px; background-color: #1d3265 !important; padding: 0px 15px; color: #fff; font-weight: bold; float: left; margin-right: 10px}
.PaddedLetterLight, .SmallPaddedLetterLight { background-color: #0093d0 !important; }
.PaddedLetterDark, .SmallPaddedLetterDark { background-color: #002e67 !important; }
.PaddedLetterLight, .PaddedLetter, .PaddedLetterDark { text-transform: uppercase;}

.SmallPaddedLetterDark, .SmallPaddedLetterLight {font-size: 34px !important;line-height: 1em; font-family: open sans bold; margin-right: 5px; padding: 5px; color: #fff; font-weight: bold; float: left;}

.NoMargin { margin: 0 !important;}

.TopBottomPadding { padding-top: 30px; padding-bottom: 30px; }
.TopPadding { Padding-top: 40px !important;}
.BottomPadding { Padding-bottom: 40px !important;}
.SmallBottomPadding { Padding-bottom: 20px !important;}
.SmallTopPadding { Padding-top: 20px !important;}

.NoTopMargin { margin-top: 0 !important;}
.NoTopPadding { padding-top: 0 !important;}
.TopMargin { margin-top: 40px !important;}
.NoBottomMargin { margin-bottom: 0 !important;}
.NoBottomPadding { padding-bottom: 0 !important;}

.TopSmallMargin { margin-top: 20px !important;}
.BottomMargin { margin-bottom: 40px !important;}

.SideMargins { margin-left: 10px; margin-right: 10px;}

.ExtraHeightMargin { margin-bottom: 40px; margin-top: 40px;} 

p.BoldDarkBlue { font-weight: 700; color: #002e67 !important; font-family: Ubuntu-bold; }


.LightThinLeftBorder { margin: 50px 15px;  }
.LightThinLeftBorder p { font-size: 18px !important;font-family: Ubuntu !important; border-left: 2px solid #0093d0; padding: 10px 10px 10px 40px;}

/************************************** Common Styles**********************************************/


.stats { width: 100% !important;}
.stats img { width: 100%; margin: 10px 0 !important;}
.stats p { color: #0092cf !important; font-size: 20px !important; }
.stats span { display: block; color: #000; font-size: 14px !important; margin-top: 15px !important; }

h3 { line-height: 1.3em; word-wrap: break-word;text-transform: none;font-size: 24px; color: #002e67; font-family: Ubuntu-light; text-align: left}

/*.PageContent img { width: 100%;}*/
.normWidth { max-width: 150px !important; width: 100%;}

.paddedDiv { padding: 10px;}

.hugePaddedDiv { padding: 30px 0px;}

.fullBox { display: block; overflow: hidden; position:relative;}
.box-2-equalLeftSmall {} 
.box-2-equalLeftSmaller {} 
.box-2-LeftSmall {} 
.box-2-equal >  div { text-align: left !important;}

/*all 3 div's equal*/
.box-3-equal,.box-2-equalLeftSmaller, .box-3-equalNoPadding, .box-4-equal,.box-3-firstWider,.box-3-firstBigWidth, .box-4-firstSmallWidth, .box-2-equal, .box-2-LeftSmall, .box-2-RightSmall { width: 100%; display: block; position:relative; overflow: hidden; text-align: center}

.box-2-equal, .box-2-LeftSmall, .box-2-RightSmall  { text-align: left}
.box-3-equal > div { text-align: center;}
.box-3-equal > div p { text-align: left; color: #333333}
.box-3-equal > div img:first-of-type { margin: 20px; margin-bottom: 30px; }

/*1st div is wider*/
.box-3-firstWider { text-align: left }

.box-3-firstWider > div,.box-2-equalLeftSmaller > div, .box-3-equalNoPadding > div, .box-3-firstPadded > div,.box-3-firstBigWidth > div, .box-4-firstSmallWidth > div, .box-2-equal >  div, .box-2-equalLeftSmall > div, .box-2-LeftSmall > div, .box-2-RightSmall > div, .box-2-firstWider > div  { display: inline-block; position: relative; overflow: hidden; margin: 10px; vertical-align: top;}
.box-3-firstPadded { text-align: right; margin: 20px;}
.box-2-equalLeftSmaller > div, box-2-firstWider > div { text-align: left}
.box-3-firstPadded > div p { text-align: left; color:#0093d0 }
.box-3-firstPadded > div:first-child { margin-right: 50px; text-align: center}
.box-3-equalNoPadding > div { margin: 0}

img.normalImage {width: 100%;margin: 0 ; margin-bottom: 30px; }
.box-4-equal > div { text-align: center}
.box-4-equal > div iframe { max-width: 310px; max-height: 175px;}
.box-4-firstSmallWidth { }
.box-4-firstSmallWidth > div p, .box-4-equal > div p { text-align: left }
.box-4-firstSmallWidth > div:not(:last-of-type) { margin-right: 30px;}

.box-4-firstSmallWidth > div img:first-of-type { margin-bottom: 30px}
.box-4-firstSmallWidth > div:first-of-type img { margin-bottom: 70px;}


h3.WithUnderline, h3.WithDarkUnderline, h3.WithLightThinUnderline, h3.WithLightUnderline { display: block; overflow: hidden; font-family: Ubuntu-light; clear: both; font-weight: 300; font-size: 24px; font-weight: inherit; text-transform: none; padding-bottom: 20px;  margin-bottom: 20px;}
.darkBG h3.WithUnderline { color:#ffffff }
h3.WithUnderline { color: #0093d0;border-bottom: 2px solid #0093d0;}
h3.WithDarkUnderline { border-bottom: 2px solid #002e67; color: #002e67;  }
h3.WithLightUnderline { border-bottom: 2px solid #0093d0; color: #0093d0;  }
h3.WithLightThinUnderline {border-bottom: 1px solid #0093d0; color: #0093d0; }
.all-blockquote p { font-size: 24px;}

.box-4-equal { text-align: left;margin: 20px 10px;}
.box-4-equal > div > h4 { font-size: 18px;color: #fff; font-weight: inherit; text-transform: none; font-family: Ubuntu-bold; }

.box-4-equal > div { display: inline-block; overflow: hidden;position: relative; vertical-align: top; text-align: left; color: #fff; margin-right: 10px; margin-left: 10px; }

.box-4-equal > div p {}

.Offering h3 { font-family: Ubuntu-light}

.IntroBox { text-align: center; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; max-width: 450px; }
.wide { max-width: 100%;}
.IntroBox p#Heading {font-family: "Ubuntu"; letter-spacing: 4px; text-transform: uppercase; font-size: 16px;color: #aaaaaa;text-align: center;
    font-style: inherit;font-weight: inherit; }
.IntroBox h3 {font-family: "Ubuntu";  letter-spacing: 4px; text-transform: uppercase; font-size: 30px; color: #003164; text-align: center; font-style: inherit;
    font-weight: inherit; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0}
.Directors p { color: #fff !important}
.IntroBox span {border-top-width: 3px;width: 60px; display: block;height:3px;  margin: 0 auto; margin-top: 20px; }
.IntroBox p#Descr { max-width: 420px; margin: 0 auto; margin-top: 20px; color: #333333}
.IntroBox .light {border-top-color: #0092d0;background: #0092d0;}
.IntroBox .grey {border-top-color: #e5e5e5;background: #e5e5e5; }
.IntroBox .dark {border-top-color: #1d3265;background: #1d3265; }

.HomeVideoFrame img { vertical-align: top}

#fancy-title {letter-spacing: 6px; display: inline-block; width: 100%; text-transform: none; font-size: 20px; color: #1d3265; text-align: left;font-family: "Ubuntu"; line-height: 1.3em; font-style: inherit; font-weight: inherit; padding-top: 0px; padding-bottom: 20px;}
.mk-blockquote { position: relative; margin-bottom: 20px; color: #0092d0; line-height: 150%!important;margin: 10px;}
.mk-blockquote p{color: #0092d0; font-weight: 700; font-size: 30px !important; font-family: Ubuntu-bold;}
    
.bg-blue{ background-color: #002e67}

/*****************************Top Container*****************************/
.top-bar { top:0; width: 100%; background: #003164; color: #fff; padding: 5px 0; font-size: 13px;           
         -webkit-transition: all 0.1s ease;
          -moz-transition: all 0.1s ease;
          -ms-transition: all 0.1s ease;
          -o-transition: all 0.1s ease;
          transition: all 0.1s ease;}

.top-bar span { vertical-align: middle; margin-right: 7px;}
.top-bar span p { display: inline-block; color: #fff; margin: 0; font-size: 13px;}
.top-bar a { color: #fff; text-decoration: none; vertical-align: middle;font-size: 13px;}
.top-bar svg:not(:root) { fill:#fff;}
.top-bar svg { vertical-align: sub; margin-right: 7px;}
.top-bar svg:not(:first-child) { margin-left: 15px; }

.top-bar .rightTop ul { list-style: none; display: inline-block; margin-bottom: 0; vertical-align: middle;}
.top-bar .rightTop ul li { float: left;}

.SubscribeForm {  position: absolute;right: 0;width: 250px; overflow:hidden; top: 30px; z-index: 99999; background-color: #fff; border: 1px solid #d9d9d9; padding: 15px; display: none;
                  -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.SubscribeForm h3{ color: #aaaaaa; font-size: 16px; margin-top: 5px;}
.SubscribeForm input{ padding: 10px;color: #aaaaaa; border: 1px solid #e3e3e3; border-radius: 0 !important; padding: 10px 12px; outline: 0;}
.SubscribeForm input.input-validation-error { border-color: red}

.SubscribeForm a, .SubscribeForm button { border: none; color: #fff; background-color: #0092d0 !important; margin-top: 10px; display: block; text-transform: uppercase; font-size: 13px; font-weight: bold; padding: 10px; float: right;
                  -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.SubscribeForm a:hover, .SubscribeForm button:hover{ background-color: #252525!important; color: #fff;}

.logo { width: 155px; margin-left: 20px; margin-top: 6px;
         -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.Loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255, .6); display: none;}
.Loading .preloader-preview-area { top: -5%; margin-top: 0}
.LoadingContact {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255, .6); display: none;}
.LoadingContact .preloader-preview-area { top: 25%; margin-top: 0}

.successSub { color: #0092d0; display: none; clear: both; font-size: 16px; }
.failedSub, .failedExtraSub { color: red; display: none; clear: both; font-size: 16px; }

.navbar-color { background: #0092d0; border-radius: 0 !important;}
.TopBarCan { width: 100%; z-index: 999999;}

.DropdownBox { position: relative; display:block; max-width: 1400px; margin: 0 auto;}

.navbar-nav > li > a, .navbar-nav > li, .navbar, .logo, .TopBarCan {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.MobileBtn { position: absolute; left: 48%;}
.MobileBtn span{ width: 50px; cursor: pointer ;}
.MobileBtn span:before {content: "\f078 "; color: #fff; font-weight: bold; font-family: FontAwesome;}


.no-js .Preloader {
    display: none;
}
.js .Preloader { display: block; position: fixed; left: 00px; top: 0; }
.Preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999999999999999999999999; background: #0093d0;}
.preloader-logo, .preloader-preview-area {
    top: 5%;
    max-height: calc(50% - 20px);
    opacity: 1;
}

.preloader-logo { margin-bottom: 50px;}
.preloader-preview-area {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    margin-top: 10px;
    width: 100%;
    text-align: center;
    position: absolute;
}

@keyframes ball-pulse{10%,
                      80%{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
                      45%{-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:1}}
.line-scale>div {
    animation-fill-mode: both;
    width: 5px;
    border-radius: 2px;}

.ball-pulse > div, .ball-scale > div, .line-scale > div {
    margin: 2px;
    display: inline-block;
}

.ball-scale-multiple > div, .line-scale > div {
    -webkit-animation-fill-mode: both;
    height: 50px;
}
    .line-scale > div:nth-child(1) {
        -webkit-animation: ball-pulse 1s -.5s infinite cubic-bezier(.2,.68,.18,1.08);
        animation: ball-pulse 1s -.5s infinite cubic-bezier(.2,.68,.18,1.08);
    }

    .line-scale > div:nth-child(2) {
        -webkit-animation: ball-pulse 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);
        animation: ball-pulse 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);
    }
    .line-scale > div:nth-child(3) {
        -webkit-animation: ball-pulse 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);
        animation: ball-pulse 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);
    }

    .line-scale > div:nth-child(4) {
        -webkit-animation: ball-pulse 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);
        animation: ball-pulse 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);
    }
    .line-scale > div:nth-child(5) {
        -webkit-animation: ball-pulse 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);
        animation: ball-pulse 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);
    }


    /**************************BreadCrumbs*************************/
    .Crumbs { list-style: none; display: block; overflow: hidden; padding: 10px 30px; font-family: 'Open Sans Regular'; font-size: 14px; max-width: 1400px; margin: 0 auto }
    .Crumbs li { display: inline-block; list-style: none; }
    .Crumbs li a { color: #002e66; text-decoration: none; 
                   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  }
    .Crumbs li span, .Crumbs li a:hover { color: #fff; text-decoration: none; }
        /*****************************Start of Content*****************************/
        .FDA-Slider { margin-left: 0 !important;}
.FDA-Slider .jcarousel-wrapper{ margin-top: 0 !important;}

.HomeImgWrap img { width: 100%;}

.Banner { display: block; overflow: hidden; width: 100%; height: 100%; margin: 0 auto; margin-top: 0; text-align: center;
          -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: 0 130px;
    background-repeat: no-repeat;
    background-size: contain; }

.Banner img { display: block; width: 100% !important; max-height: 550px; margin: 0 !important;}

.Home-3-box { font-size: 14px; margin-top: 50px;}
.Home-3-box div{ display:inline-block; margin: 5px 10px; vertical-align: top;}
.Home-3-box #blue-fade p,.Home-2-box #blue-fade p, .box3 #blue-fade p { color: #003164}
.Home-3-box .HomeVideoFrame { width: 49%; overflow: hidden; position: relative; margin-left: 10px; padding-left: 0; padding-right: 10px }
.Home-3-box .HomeVideoFrame iframe { width: 100%; max-height: 350px; display: block; margin: 0;top: 0;left: 0;
                                     -webkit-box-sizing: border-box;
                                     -moz-box-sizing: border-box;
                                     box-sizing: border-box;}
.Box-Intro { max-width: 650px; display: inline-block; position: relative; overflow: hidden;}

.Home-3-box div span,.Home-2-box div span, .box3 div span, .PaddedLetter{font-size: 45px !important; margin-top: 5px; line-height: 55px;font-family: open sans bold; margin-right: 10px; background-color: #1d3265 !important; padding: 0px 15px; color: #fff; font-weight: bold; float: left; margin-right: 10px}


    .HomeSection { color: #fff !important; padding: 50px 0;}
    .HomeSection h4 { font-size: 20px;}
    .HomeSection > div { display: inline-block; overflow: hidden; margin: 10px; text-align: center;}
    .HomeSection > div p { text-align: left; color: #fff !important;}
    .HomeSection .mk-svg-icon{ height: 64px!important;width: 64px!important; text-align: center; margin: 0 auto; fill: #fff;}
    
    .ServicesSection { margin-bottom: 10px; color: #002e67; display: block; position: relative; overflow:hidden; margin-top: 30px;}
    .HomeSection-Services { color: #002e67; margin-top: 10px; margin-bottom: 10px}
    .HomeSection-Services h4, .ServicesSection h4 { font-size: 20px; padding: 10px 0;font-weight: bold}
    .HomeSection-Services > div p, .ServicesSection > div p { line-height: 1.66em; color: #002e67 !important;}
    .HomeSection-Services > div, .ServicesSection > div { display: inline-block; position: relative; height:460px; overflow: hidden; vertical-align: top; margin: 1px; background: #f2f2f2 !important; padding: 10px; text-align: center;}
    .HomeSection-Services .mk-svg-icon, .ServicesSection .mk-svg-icon  {fill: #0093d0; margin: 20px; }
    .HomeSection-Services .MoreBtn, .ServicesSection .MoreBtn { padding: 15px 20px; background: #0093d0; color: #fff; display: inline-block; border-radius: 5px; margin: 0 auto; position: absolute; left: 0; right: 0; width: 120px; bottom: 10px; -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .HomeSection-Services .MoreBtn:hover, .ServicesSection .MoreBtn:hover { text-decoration: none; background: rgba(0,147,208,0.6);}
    .box3 { display: block; width: 100%; overflow: hidden; position: relative;}
    .box3 .MainCaption p { font-family: Ubuntu-bold; line-height: 50px; margin: 10px; margin-top: 0; color: #003164; font-size: 40px;letter-spacing: 0px; text-transform: none;text-align: left;
    font-style: inherit; font-weight: bold; padding-top: 0px; padding-bottom: 0px;}
    .box3 ul { margin-top: 20px; list-style-type: disc;}
    .box3 ul li, .box3 div p{ color: #333333;}
    .box3 div {   box-sizing: border-box;}


/*****************************About Us*****************************/
    .VissionMissionImg { display: block; position: relative; width: 100%; overflow: hidden; text-align: center;}
    .VissionMissionImg img { display: inline-block; max-width: 504px; width: 100%}
    
    .imgBG { background: url(/source/images/contentpages/bee.jpg) center no-repeat; background-size: contain;background-size: cover; padding: 40px;}
    .FadedBG { max-width: 1340px; margin: 0 auto; display: block; background: rgba(255,255,255,0.8); padding: 10px; overflow: hidden; position: relative;    padding-top: 35px;}
    .FadedBG h4 { color: #002e67; text-align: center; margin-top: 0px;  }
    .FadedBG p { color:  #333333;}
    .BackImg { display:block}

    .LeftHalf, .RightHalf { display: inline-block; position: relative; overflow: hidden; vertical-align: top; color: #1d3265; text-align: center;}
    .RightHalf img { width: 100%; }
    .LeftHalf hr, .RightHalf hr { display: block; width: 30px; height: 3px; background: #1d3265;  }
    .LeftHalf .CountingUp, .RightHalf .CountingUp { width: 280px; display: inline-block; overflow: hidden; text-align: center; vertical-align: top;}
    .LeftHalf .CountingUp p, .RightHalf .CountingUp p { color: #1d3265; font-size: 24px; letter-spacing: 1px; line-height: 100%; margin: 16px 0; padding:16px 0;}
    .LeftHalf p { text-align: center; color: #1d3265; margin: 0 auto;}
    .CountingUp span, .CountingUp span {font-size: 62px;}
        
    ._3boxType { display: inline-block; position: relative;text-align: center; overflow: hidden;padding: 10px; vertical-align: top; max-width: 460px; margin: 0 auto; background: #002e67; }
    ._3boxType svg { fill: #0093d0; margin: 20px 0; }
    ._3boxType h3 {font-weight: inherit; font-size: 23px; color: #ffffff; padding: 10px 0 10px 0;font-family: "Open Sans"; font-weight: bold; text-align: center;}
    ._3boxType h3, ._3boxType p { color: #fff;}

    .affiliatesImg { width: 100%; display: block; margin: 0 auto;}


    .industriesWeServe { color: #fff; max-width: 1400px; margin: 0 auto; position: relative; overflow: hidden; margin-top: 20px; margin-bottom: 20px; }
    .industriesWeServe svg { height: 48px; display: block; margin: 0 auto; margin-bottom: 30px;}
    .industriesWeServe > div { display: inline-block; text-align: center;color: #fff; vertical-align: top; height: 250px;}
    .industriesWeServe > div span { font-size: 40px;}
    .industriesWeServe > div hr {display: block; width: 20px; height: 2px; background: #fff; margin-top: 10px; margin-bottom: 0px;  }
    .industriesWeServe > div p { color: #fff; font-size: 18px; letter-spacing: 1px; line-height: 100%; margin: 16px 0; padding:16px 0; margin-top: 0px;}

/*****************************Directors Listing*****************************/
    .directorsCan { margin: 0 auto; max-width: 1400px;position: relative; display: block;}
    .directorsCan div.directorsBox { vertical-align: top; width: 225px; display: block; float: left; position: relative; overflow: hidden; text-align: center; margin: 0 25px 60px; }
    .directorsCan div.directorsBox img { width: 100%; margin: 0}
    .directorsCan div.directorsBox h3 { color: #fff; text-transform: uppercase; font-size: 16px; margin-bottom: 8px; font-weight: 700; font-family: 'Open Sans Bold'; text-align: center}
    .directorsCan div.directorsBox span { color: #1d3265; font-size: 14px; font-style: italic; letter-spacing: 0; text-transform: none; font-weight: 700; font-family: 'Open Sans Bold' }
    
    .directorsCan .ProPic { position: relative; overflow: hidden; display:block; }
    .directorsCan .ProPic > div:first-of-type { position: relative; overflow: hidden; width: 100%;}
    .directorsCan .ProPic .employee-hover-overlay {
    -webkit-transform: rotate(45deg) scale(0,2);
    -ms-transform: rotate(45deg) scale(0,2);
    transform: rotate(45deg) scale(0,2);
    transition: all .3s ease-in-out;
    transition: .5s ease;
    position: absolute;top: 50%;left: 50%; pointer-events: none; opacity: 0;
}

    .directorsCan .ProPic:hover .employee-hover-overlay { opacity: 1;}
    .directorsCan:hover .employee-hover-overlay { opacity: 1;}


    .ProPic:hover .mask { opacity: 1; border:250px solid rgba(0,0,0,0.7); }
    .ProPic .mask { opacity: 0; overflow: visible; border: 0px solid rgba(0,0,0,0.7);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;  }


/****************************Faqs****************************/
.FaqBox { margin: 0 auto; margin-bottom: 50px;}

.FaqHeading ul { list-style: none; margin: 0 auto; max-width: 500px;padding-left: 0; text-align: center}
.FaqHeading ul > li { display: inline-block; padding: 5px; float: none; }
.FaqHeading span {padding: 12px 14px; line-height: 13px; font-size: 18px; font-weight: bold; color: #323232;display: block;letter-spacing: 1px; cursor: pointer }
.FaqHeading span:hover {background-color: #969696; background-color: rgba(0,0,0,.08); border-radius: 2px; }


.FaqListing { width: 100%; display: block; position: relative; overflow: hidden;              
           -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.FaqListing div {  -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.FaqListing .FaqQuestion { color: #444; font-weight: 700; cursor: pointer; margin-bottom: 15px; margin-top: 15px; }
    .FaqListing .Active svg.RightIcon {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
.FaqListing .FaqQuestion svg{ fill: #d6d6d6; height: 16px; vertical-align: middle; margin-right: 10px;  
                              -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.FaqListing .FaqQuestion svg.RightIcon { float: right;}

    .FaqListing .FaqAnswer {
        margin: 0px 20px;
        color: #615c5c;
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
.FaqListing .hideFaq { display: none;}
.FaqListing .InView { height: auto !important; margin: 20px 20px 40px 20px;}


.aboutMoreBg { background: url(/source/images/contentpages/about-more-info.png) no-repeat; margin-bottom: 3px; }

.AboutMoreDiv div { display: inline-block; max-width: 933px; position: relative; overflow: hidden; margin-left: 10px;}
.AboutMoreDiv div p { font-size: 36px; text-align: left; font-style: inherit; font-weight: inherit; color: #fff; letter-spacing: 0px; padding-top: 10px; padding-bottom: 0; line-height: 1.3em;}
.AboutMoreDiv div span { color: #fff; font-family: 'Open Sans Bold'}
.AboutMoreDiv a { display: inline-block; background:#003164; color: #fff; padding: 14px 24px; margin-top: 30px; margin-bottom: 30px; font-size: 12px; line-height: 100%; text-decoration: none; text-transform: uppercase; font-weight: 700; border-radius: 3px; font-family: 'Open Sans Bold'; vertical-align: top; }
.AboutMoreDiv a:hover { color: #003164 !important; background-color: #ffffff; text-decoration: none;}

/*********************************** CSD **********************************************/
.csd-blockquote p {color:#0092d0 !important; font-size: 24px; color: #ffffff; font-weight: inherit; text-transform: none; font-family: Ubuntu-bold;    line-height: 1.3em; }
.csd-blockquote { margin-right: 30px;}

.Offering { margin: 20px 10px;}
.Offering > div, .Offering > div > div { display: inline-block; overflow: hidden;}
.Offering > div > div {  margin-left: 25px; text-align: left;}
.Offering > div { width: 45%; vertical-align: top; text-align: right; margin: 20px; }
.Offering > div > div > h4, .OfferingWide h4 { color: #002e67;font-size: 22px; font-weight: inherit; text-transform: none;font-family: 'Open Sans Regular';font-weight: 300; margin-top: 0; margin-bottom: 20px; }
.Offering > div > div > p { color: #333333;}
.Offering > div > div > img { width: 100%;}
.Offering > div img { vertical-align: top;}
.OfferingWide { padding-top: 20px; padding-bottom: 20px; display: block; overflow: hidden; position: relative }
.OfferingWide h4 { color: #fff; }
.OfferingWide p { color: #fff}
.OfferingWide > img  { float: left; display: block}
.OfferingWide > div { display: inline-block; float: left; margin-left: 30px;}

/************************************ First Day Absence ***************************************************/
.Home-3-box-first-wide { display: block; overflow: hidden; position: relative;}
.Home-3-box-first-wide > div { display: inline-block; vertical-align: top; margin: 10px; }
.Home-3-box-first-wide > div p { color: #333333}
.Home-3-box-first-wide > img { vertical-align:top; display: inline-block; margin-left: 30px; float: right;}

/***********************************EHWP*********************************************/
.EHWPList { list-style: none;background-color: #f8f8f8; padding-left: 0; border-radius: 5px; margin-bottom: 30px;}
.EHWPList li > div ul li {list-style: disc}
.EHWPList li > span { padding: 10px 20px; display: block; overflow: hidden; position: relative; border-bottom: 1px solid #e5e5e5; font-size: 18px; cursor: pointer; color: #666666;
                       -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.EHWPList li > span:first-of-type em span.after {
    content: ''; display: block; position: absolute; box-sizing: border-box; left: 50%;
    bottom: 0; top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 0 0 0 2px;}

.EHWPList li > span:first-of-type em { position: relative; overflow: hidden; display: inline-block; width: 12px; height: 12px;}

.EHWPList li.EHWPActive > span:first-of-type em span.after { display: none;}
.EHWPList li > span:first-of-type em span.before {content: ''; display: block; position: absolute; box-sizing: border-box;
    left: 0; right: 0; top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-style: solid;
    border-width: 2px 0 0;
}
.EHWPList li:last-of-type > span:first-of-type { border-bottom: none;}
.EHWPList li > span:hover {background-color: rgba(102,102,102,0.1);}
.EHWPList li > div:first-of-type { display: none;border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;
                                   -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;}

.EHWPList li > div.EHWPDescription > div:first-of-type { padding: 40px 20px;}

.EHWPList li.EHWPActive > div:first-of-type { display: block;}


.EHWPList h4 { font-size: 18px !important; }

/*********************************Micro Learning************************************/
.MLDiv { max-width: 675px; position: relative; display: inline-block; padding: 10px; margin-bottom: 30px;}
.MLDiv h3  { margin-top: 0; margin-bottom: 20px;}
.ImageList { width: inherit !important;}
.ImageList li { width: 100%;}
.ImageList li > img {width: 100%;}
/*****************************Footer*****************************/
.Quicklinks {background-color: #003164; color: #fff; padding: 70px 20px;}
.Quicklinks ul { list-style: none;}
.Quicklinks ul li a { color: #fff}
.Quicklinks ul li a:hover { color: #fff; text-decoration: none;}
footer { background-color: #071a2e; width: 100%;}
footer p {max-width: 1400px; margin: 0 auto; padding: 25px 0 20px;color:#fff; font-size: 11px; letter-spacing: 1px; opacity: 0.8;padding-left: 10px; }
    
.ContactDetails ul li { line-height: 25px; }
.ContactDetails #socialMedia { margin-left: 50px; margin-top: 50px;}
.ContactDetails #socialMedia svg { fill: #fff;}
.ContactDetails #socialMedia a { margin-right: 15px;}


.QuicklinkMenu { min-width: 350px; max-width: 600px;}
.QuicklinkMenu h3 { margin-top: 0; font-size: 14px; text-transform: uppercase; color: #fff }
.QuicklinkMenu .quicklinks_submenu { display: none; padding-left: 0;}
.QuicklinkMenu > ul > li.WithChild { font-weight: bold; width: 100%; }
.QuicklinkMenu ul li { padding: 5px 15px 5px 5px; font-size: 14px;}
.QuicklinkMenu ul li:before {content: "\f105";font-family: FontAwesome;margin-right: 5px;}
.QuicklinkMenu > ul > li.WithChild:before { content: none}
.QuicklinkMenu > ul > li a { text-decoration: none;}
.QuicklinkMenu > ul > li a:hover { text-decoration: none;}

.QuickLinkIcon span { -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.QuicklinkMenu span.after {
    content: ''; display: block; position: absolute; box-sizing: border-box; left: 50%;
    bottom: 0; top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 0 0 0 2px;}

.QuicklinkMenu em { position: relative; overflow: hidden; display: inline-block; width: 12px; height: 12px; float: right}
.QuickLinkIcon { display: inline-block; float: right; padding-top: 4px;}

.QuicklinkMenu em span.before {content: ''; display: block; position: absolute; box-sizing: border-box;
    left: 0; right: 0; top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-style: solid;
    border-width: 2px 0 0;
}
 
.QuicklinkMenu .ActiveLink span.after { display: none;}
.QuicklinkMenu span.before { display: none;}
.QuicklinkMenu .ActiveLink span.before { display: block;}



.DirectionsDetails { text-align: center}
.DirectionsDetails span { width: 100px !important; text-align:center; margin-bottom: 25px; }
.DirectionsDetails svg { fill: #fff;}

.DirectionsDetails h3{ color: #fff; font-family: Ubuntu-bold; text-align: center; margin: 20px; }
.DirectionsDetails h4 { color: #fff; font-family: Ubuntu-bold; font-size: 24px; clear:both;}
.DirectionsDetails p {color: #fff;}
.DirectionsDetails .MapG { max-width: 600px; margin: 0 auto; display: block; overflow: hidden; position: relative;}
.DirectionsDetails .MapG {width: 100% !important; text-align: center }
.DirectionsDetails .MapG a { text-decoration: none; overflow: hidden;  position: relative; text-align: center;}
.DirectionsDetails .MapG img { width: 100%;}

.DirectionsDetails .DetailsBox > div { width: 300px; display: inline-block; position: relative; overflow: hidden; margin: 10px; vertical-align: top; height: 200px;}
.DirectionsDetails .DetailsBox > div:nth-child(even) { text-align: left;}
.DirectionsDetails .DetailsBox > div:nth-child(even) span { float: left;}
.DirectionsDetails .DetailsBox > div:nth-child(odd) { text-align: right;}
.DirectionsDetails .DetailsBox > div:nth-child(odd) span { float: right;}
.DirectionsDetails .DetailsBox { text-align: center; margin-top: 50px;}


    /************************************Contact Form**********************************************/
    .ContactForm { max-width: 665px; position: relative; display: block; overflow: hidden;}
    .ContactForm .form-box > div.fullTxt select { }
    .ContactForm .form-box > div.rightTxt input[type=email], .ContactForm .form-box > div.rightTxt input[type=text] { border-left: 1px solid #000;border-right: 2px solid #000;}
    .ContactForm .form-box > div input[type=text]{  border-left: 2px solid #000;border-right: 1px solid #000;}

    .ContactForm .form-box > div.rightTxt  input[type=email], .ContactForm .form-box > div input[type=text],  .ContactForm .form-box textarea,  .ContactForm .form-box select{ padding: 18px; width: 100%; max-width: 100%;
                                                                                                                     border-top: 2px black solid; color: #767676; border-bottom: 0;}
        .ContactForm .form-box > div.rightTxt input[type=email]:focus, .ContactForm .form-box > div input[type=text]:focus, .ContactForm .form-box textarea:focus, .ContactForm .form-box > div.fullTxt select.focus {
            background-color: rgba(0,0,0,.1);
            color: #222;
        }

    .ContactForm .form-box textarea { resize: none; height: 200px; border-left: 2px solid #000;border-right: 2px solid #000;}
    
    .ContactForm .form-box > div.fullTxt select {border-left: 2px solid #000;border-right: 2px solid #000; }
    .ContactForm input[type=submit], .ContactForm button { width: 100%; max-width: 100%; border: 2px black solid; color: #000; padding: 18px; background: rgba(0,0,0,0); font-size: 14px;
                                          transition: all .15s ease 0s; font-weight: 700; font-family: 'Open Sans Bold'; text-transform: uppercase; }

    .ContactForm input[type=submit]:hover, .ContactForm button:hover {background-color: rgba(0,0,0,.4)}

    .ContactForm .input-validation-error { border-color: red !important;}

    .ContactFormCan .overlay { background: rgba(255,255,255,0.8); top: 0; width: 100%; height: 100%; position: absolute; z-index: 999; display: none;}

    .ContactForm .ComplimentsDiv, .ContactForm .CousellingDiv { position: absolute; top: 0; left: 0; width: 100%; display: none; z-index: 999999; background: #fff; }

     .ContactForm .ComplimentsDiv .form-box select,  .ContactForm .CousellingDiv .form-box select{ padding: 18px; width: 100%; max-width: 100%; border-left: 2px black solid; border-right: 2px black solid;border-top: 2px black solid; color: #767676; border-bottom: 0; border-radius: 0;}
     .ContactForm .ComplimentsDiv .form-box .fullTxt:last-of-type select,.ContactForm .CousellingDiv .form-box .fullTxt:last-of-type select { border-bottom:  2px black solid !important}
     
     .CousellingDiv .fullTxt { display: none;}
     .CousellingDiv .fullTxt:first-of-type{ display: block;}

     .NoClick { pointer-events: none; opacity: 0.5}


/***********************************Downloads***********************************************/
.DownloadsWrap { margin: 30px 10px; width: 100%; display: block; overflow: hidden; position: relative; margin: 0 auto; text-align: center; margin-bottom: 50px;}
.DownloadsWrap .DownloadBox {  display: inline-block; position: relative; overflow: hidden; margin: 10px; padding: 10px; vertical-align: top; height: 500px; border: 1px solid; border-color: rgba(0,147,208, 0.6); padding: 10px;}
.DownloadsWrap .DownloadBox h3 { text-align: center; font-family: 'Open Sans Bold'; font-size: 16px; padding-bottom: 10px;  border-bottom: 2px solid #0093d0;}
.DownloadsWrap .DownloadBox p { text-align: center; font-size: 15px;}
.DownloadsWrap .DownloadBox a { width: 100%; background:#0092d0; display: block; padding: 10px; left: 0; position: absolute; bottom: 0; color: #fff; text-align: center; 
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;}
.DownloadsWrap .DownloadBox a:hover { text-decoration: none; background:#003164;}


/*Download Form*/
.DownloadFormCan { max-width: 700px; display: block; position: relative; overflow: hidden; margin: 0 auto; margin-bottom: 30px;}
.DownloadFormCan input[type=text],.DownloadFormCan input[type=email] { padding: 18px; font-size: 18px; display: inline-block; border-radius: 0; box-shadow: none;  color: #767676; width:  100%}
.DownloadFormCan button { background:#0092d0; display: block; border: 1px solid #0092d0; clear:both; width: 100%; padding: 15px 20px; color: #fff; text-align: center;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;}
.DownloadFormCan button:hover { text-decoration: none; background:#003164;}
.nonActive { pointer-events: none; cursor: default; opacity:0.6 }
.DownloadFormCan .ball-scale-multiple > div,.DownloadFormCan .line-scale > div { height: 25px !important;}
.DownloadFormCan .LoadingContact .preloader-preview-area { top: 5px !important;}
.validation-summary { display:none;-webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;}
.validation-summary-errors { display: block;-webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;}
.validation-summary span{ font-size: 16px; font-weight: bold; color: #fe2f00;}
.validation-summary ul li { color: #fe2f00; }

.DownloadFormCan input.input-validation-error { border-color: #fe2f00; }

.DownloadFormCan .checkboxDiv {font-size: 18px; padding: 18px; display: block; overflow:hidden;}
.DownloadFormCan .checkboxDiv input[type=checkbox] { padding: 10px; margin-right: 10px;}

 @media (min-width: 931px) {

    /************************************** common styles **********************************************/
    .box-3-equal div { width: 31%; display: inline-block; position:relative; overflow: hidden; vertical-align: top; margin: 10px;}

    .box-3-equal .DivWider { width: 45%; float: left}
    .box-4-equal > div { width: 23%; }
    .box-2-equal >  div, .Home-2-box >  div { width: 48%; }
    .Home-2-box >  div { display: inline-block; vertical-align: top; position: relative; margin: 10px; overflow: hidden}
    
    .box-2-equalLeftSmall > div:first-of-type, .box-2-LeftSmall > div:first-of-type, .box-2-RightSmall > div:last-of-type { width: 25%; text-align: right;}
    .box-2-equalLeftSmall > div:last-of-type, .box-2-LeftSmall > div:last-of-type , .box-2-RightSmall > div:first-of-type{ width: 70%; }

    .box-2-equalLeftSmaller > div:first-of-type, .box-2-firstWider > div:last-of-type {width: 31%;}
    .box-2-equalLeftSmaller > div:last-of-type, .box-2-firstWider > div:first-of-type { width: 65%;}
    
    .box-2-RightSmall > div:last-of-type { width: 30%; text-align: right;}
    .box-2-RightSmall > div:first-of-type{ width: 65%; }
    /*1st div is wider*/
    .box-3-firstWider > div:first-of-type { width: 48%; }

    .box-3-firstWider > div { width: 23%; }

    .box-3-firstPadded > div:first-of-type,  .box-3-equalNoPadding > div { width: 33%}
    .box-3-firstPadded > div { width: 23%;}

    .box-4-firstSmallWidth > div:first-of-type { width: 10%; }
    .box-4-firstSmallWidth > div { width: 23%; text-align: left } 
    .box-4-firstSmallWidth > div h3 { margin-top: 0}
      
    /**************************Home Page content***************************/
        .HomeSection { text-align: center;}
    .HomeSection > div { width: 40%; vertical-align: top; margin: 10px 30px; }

    .HomeSection-Services > div, .ServicesSection > div{ width: 33.1%; float: left; margin-right: 1px; margin-bottom: 1px;}
    ._3boxType { width: 33.1%;}

    .body-content { top: 130px; position: relative;}
     .ContactDetails { margin-right: 150px; padding-top: 30px;}
    .QuicklinkMenu, .ContactDetails { display: inline-block; vertical-align: top;}
    .QuicklinkMenu > ul { padding-left: 0;}

     /*****************************Content*****************************/    
    .box3 div { display: inline-block; width: 33.3333333%; vertical-align: top; float: left;}

     /*****************************About us*****************************/
    
    .VissionMissionImg img { margin: 50px 90px;}
     .LeftHalf, .RightHalf { width: 45%;}
     .RightHalf img { width: 100%;}
     .LeftHalf > p { max-width: 615px;}  
     ._3boxType { min-height: 410px; float: left; margin: 1px; margin-top: 55px; }
     
    .industriesWeServe > div { width: 24%;}

     /***********************************FAQ***********************************/
     .FaqBox { width: 66%;}   

    /***************************************************************************/
    .OfferingWide { padding-left: 150px;}
    .OfferingWide > div { max-width: 85%;}
    .Offering > div > div { width: 49.5%;}

    
    /************************************ First Day Absence ***************************************************/
    .Home-3-box-first-wide > div:first-child { width: 50%;}


    /********Download Form******/
    .DownloadFormCan input { max-width: 350px; float: left;}
     }
 
    /*******************************Responsive and Mobile styles******************************************/
    @media (max-width: 1399px) {
        ._3boxType { height: 450px; padding-bottom: 20px; margin-bottom: 20px; }
        .LeftHalf, .RightHalf { margin-top: 20px;   }
    }

    
    @media (max-width: 1370px) {
        .MLDiv { max-width: 100%; width: 100%; text-align: center}
        .MLDiv h3 { text-align: center}
        }
    @media (max-width: 1368px) {
        .Home-3-box > div { width: 48%; margin: 0;}
        .Home-3-box { margin-top: 50px;}
        .Home-3-box > div > div { margin: 0}
    }

    /*@media (max-width: 1399px) {
        .LeftHalf, .RightHalf { margin-top: 20px;   }
    }*/



    @media (max-width: 1359px) {
        .DirectionsDetails .DetailsBox > div { width: 200px;}
    }
    @media (max-width: 1230px) {
        .HomeSection-Services > div, .ServicesSection > div { height: 500px; }
    }

    @media (max-width: 1136px) {
        .HomeSection div { width: 100% }
        .Home-2-box > div { width: 100%; max-width: 100%; }
        .HomeVideoFrame img { width: 100%; display: block; margin: 10px;}
        }

    @media (max-width: 1130px) {
        ._3boxType { height: 500px;}
    }
    
    @media (max-width: 1106px) {
        .ContactForm { width: 97%;}
    }
    
    @media (max-width: 1108px) {
        .HomeSection > div {width: 45%; vertical-align: top;}
    }
    
    @media (max-width: 1230px) {
        .HomeSection-Services > div, .ServicesSection > div { height: 550px; }

    }
    @media (max-width: 970px) {
        .LeftHalf, .RightHalf { width: 100%; margin: 0 auto; text-align: center; margin-top: 10px; margin-bottom: 10px; }   
        .Home-3-box > div, .Home-3-box .HomeVideoFrame  { width: 100%; max-width: 100%; margin-bottom: 20px;}
        .Home-3-box > div > div { width: 48%; }
        .Home-3-box > div > div:first-child { margin-right: 10px;}
        .Home-3-box > div.Box-Intro, .Home-3-box > div.Box-Intro #fancy-title { margin-bottom: 0; padding-bottom: 0px;}
    }

    @media (max-width: 945px) {
        .DirectionsDetails .DetailsBox > div { width: 175px}
    }

    @media (max-width: 930px) {

    .logo { width: 95px; margin-left: 0; margin-bottom: 5px;}
   ._3boxType { max-width: 350px; }

   .ServicesSection, .HomeSection-Services { text-align: center; padding: 0}
    .HomeSection-Services > div, .ServicesSection > div { height: 460px;}
   .HomeSection-Services > div, .ServicesSection > div, ._3boxType { max-width: 450px; }

   .industriesWeServe > div { width: 33%; margin-top: 20px; margin-bottom: 20px; }
   .box3 .MainCaption p { margin-left: 0;}

   img.normalImage { margin-top: 10px;}
   .box-3-firstPadded { text-align: center}
   .box-3-firstPadded > div:first-child { }

   .Offering > div { text-align: center; width: 100%; margin: 10px 0;}
   .Offering > div > div > h4 { text-align: center;}
   .Offering > div > img:first-of-type { display: block; margin: 0 auto; margin-bottom: 10px;}
   .Offering > div > div { margin-left: 0}

   .Home-3-box-first-wide > img { float: none; margin-left:0;}

   .container { padding-left: 5px; padding-right: 5px;}

    }
    @media (max-width: 850px) {
        .DownloadFormCan input { display: block; width: 100%; margin: 10px; max-width: 98.5%;}
        .DownloadFormCan button { margin: 10px;}
    }

    @media (max-width: 850px) {
   .ServicesSection, .HomeSection-Services { text-align: center; padding: 10px}
    .HomeSection-Services > div, .ServicesSection > div { width: 100%; max-width: 100%; height: 400px}
    ._3boxType { width: 100%; max-width: 100%; margin-top: 20px; margin-bottom: 20px; height: 350px; }
    .mk-blockquote p { font-size: 18px; margin: 0}
    .mk-blockquote { margin: 0}
    }

    @media (max-width: 730px) {
    .industriesWeServe > div { width: 33%; margin-top: 20px; margin-bottom: 20px; }

    .DirectionsDetails .DetailsBox > div { width: 250px; }
    }

    @media (max-width: 813px) 
    {
    .navbar-nav > li > a { padding: 10px !important;}
    }
    
    @media (max-width: 720px) {
        .jcarousel ul,  .jcarousel li img { max-height: 315px; overflow: hidden}
        .jcarousel-control-prev, .jcarousel-control-next { top: 150px !important; }
        }
    
    @media (min-width: 767px) {
      /*****************************Nav Bar*****************************/
      .DownloadsWrap .DownloadBox { width: 400px;}
        .body-content { top: 129px; position: relative}
      .mobile-submenu { display: none;}
    .navbar-nav > li > a { font-size: 14px; font-weight: inherit; padding-right: 20px; padding-left: 20px;text-transform: uppercase;letter-spacing: 0px;
        border-radius: 5px; margin: 0 2px; display: inline-block; text-align: center; text-decoration: none; position: relative;  box-sizing: border-box;}

    .navbar-nav > li > a.active { border: 2px solid #1d3265; background-color: #1d3265; color: #fff; }
        
    .dropdown-menu{ display: none; background: #333333;padding: 8px 0;
         -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }

    .dropdown-menu li { position: relative; display: block; list-style-type: none;
                         -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }

    .dropdown-menu li a { color: #b3b3b3; font-size: 12px;font-weight: inherit;text-transform: uppercase; letter-spacing: 1px; line-height: 18px; text-align: left;
    float: none; margin: 0; padding: 10px 20px;display: block; position: relative; 
      -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }

    .dropdown-menu li a.activeSM { color: #fff; font-weight:700}
    
    .navbar-nav > li:hover .dropdown-menu, .navbar-nav > li:focus .dropdown-menu {display: block !important; }

     .dropdown-menu li a:hover { background: transparent; color: #fff;}

     /********************************TopBar******************************************/
    .top-bar { display: block !important; height: 35px; }
    .top-bar .rightTop ul { padding-left: 10px;}
    .top-bar .leftTop, .top-bar .rightTop { display: inline-block; padding: 0 20px}
    .top-bar .rightTop { float: right;}

    .TopBarCan { width: 100%; z-index: 999999;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
    /*****************************TopBar Button*****************************/
    .MobileBtn { display: none; }

     .ContactForm .form-box > div.rightTxt, .ContactForm .form-box > div.leftTxt { width: 50%; float: left}

    }


    @media (max-width: 767px) {
        .DownloadsWrap .DownloadBox { max-width: 400px;}
        .wrap { padding: 10px;}
    .preloader-logo, .preloader-preview-area { top: -5%;}
    .body-content { top: 0 !important;}

    .mobile-submenu { display: block; position: absolute; right: 10px; overflow: hidden; cursor: pointer; top: 14px;}
    .navbar-toggle.collapsed { background: url(/images/topnav-bg.gif)  no-repeat center bottom; width: 20px; top:0; right:0; position: absolute;
    width: 15%; height: 60px; border: none; cursor: pointer; max-width: 68px; margin-top: 0; margin-right: 0; }
    .navbar-collapse { max-height: 100%;}
    .navbar-toggle:hover, .navbar-toggle { background: url(/images/topnav-bg.gif)  no-repeat center center;width: 20px; top:0; right:0; position: absolute;
    width: 15%; height: 60px; border: none; cursor: pointer; max-width: 68px; }

    .dropdown-menu { position: relative; float: none; background: #ccc;}
    .dropdown-menu li{  background: #fff;margin-bottom: 1px;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
    .Banner { background-position: 0 !important; background-attachment: inherit;}
    .dropdown-menu > li > a { color: #444444; font-weight: 700;padding: 10px; font-size: 13px; border: 0; }
    .navbar-nav > li > a.active,.navbar-nav > li > a.active:hover,.dropdown-menu > li > a.activeSM, .dropdown-menu > li > a.activeSM:hover { background-color: #1d3265; color: #fff; }
    .top-bar { display: none; }

   .top-bar span, .rightTop ul { display: block; padding: 10px 20px; }

   .MobileBtn { display: block; }

   .rightTop, .leftTop { display: block; float: none; }

   .TopBarCan.affix { position: relative; }

   .navbar { margin-bottom: 0; }

   .navbar-nav { background: rgba(0,0,0,.03); margin: 0  }
   .navbar-collapse { padding-left: 0; background: #ccc}
   .navbar-nav > li { background: #fff; margin-bottom: 1px;}
   .navbar-nav > li > a, .dropdown-menu > li > a { color: #444444; font-weight: 700; font-size: 13px; border: 0; }
   .navbar-nav > li > a:hover, .dropdown-menu > li > a:hover { background: rgba(0,0,0,.03); border: 0; color: #444444;  }
   .dropdown-menu { margin-top: 2px; padding-top: 2px;}
   .mobile-submenu svg{-webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
   }

   .DirectionsDetails .DetailsBox > div { text-align: center !important; }
   .DirectionsDetails .DetailsBox > div span { float: none !important;}

   .Collapsed-SubMenu svg {-webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);}

    .industriesWeServe { text-align: center; }

    .industriesWeServe > div { width: 45%; }

    
    /*******************************Home page*******************************************/
    .Home-3-box > div > div { width: 100%; }
    .Home-3-box > div > div:first-child { margin-right: 10px;}
    .HomeSection > div {width: 100%;  margin: 0px; padding: 10px;}

    
     .DownloadFormCan input { max-width: 95.5%;}
     .DownloadFormCan button { max-width: 96%;}

     .ContactForm .form-box > div input[type=text] { border-right: 2px solid #000; }
     .ContactForm .form-box > div.rightTxt input[type=email], .ContactForm .form-box > div.rightTxt input[type=text] { border-left: 2px solid #000;}

     .Quicklinks ul { padding-left: 10px;}
     .QuicklinkMenu > ul > li.WithChild {width: 90%;}
     .box-4-equal > div img { margin: 10px;}
     }

    @media (max-width: 650px) {
    ._3boxType { height: 400px;}
    }

    @media (max-width: 600px) {
    .industriesWeServe > div, .directorsCan div.directorsBox { width: 90%; }
    .HomeSection-Services > div, .ServicesSection > div { height: 480px}
    }
    @media (max-width: 580px) {
        .DirectionsDetails .DetailsBox > div { width: 200px;}
        }

    @media (max-width: 550px) {
        ._3boxType { height: 500px; }
    }


@media (max-width: 667px)
{
    .Offering > div > div > p { text-align: center;}
    .HideImage { display: none !important;}
    video { display: none;}

    .FDA div p { text-align: center}

    .directorsCan div.directorsBox { margin: 0 auto; margin-bottom: 20px;}

    .ContactDetails #socialMedia { margin-left: 0; margin-top: 30px; margin-bottom: 30px;}

    .IntroBox { margin-top: 20px; margin-bottom: 20px;
    }
}
/*Notepads and Ipads*/
@media all and (max-width:768px) and (max-height: 1024px) {
    .body-content {
        top: 130px;
        position: relative;
    }

    .box-3-equalNoPadding > div {
        width: 100%;
        margin: 10px;
    }

    .box-4-equal > div {
        width: 20%
    }

    .directorsCan {
        overflow: hidden;
        text-align: center;
    }

        .directorsCan div.directorsBox {
            float: none;
            display: inline-block
        }

    .ContactForm {
        margin: 0 auto !important;
        display: block !important;
        width: 100% !important;
    }
}

@media all and (max-width:1024px) and (max-height: 768px) {
    .preloader-logo, .preloader-preview-area { top: 0%;}
    .body-content { top: 129px; }
    .directorsCan { overflow: hidden; text-align: center; }
    .directorsCan div.directorsBox { float: none; display: inline-block }
    .box-2-equal > div { width: 45%;}
    .box-4-equal > div { width: 21%;}
    .box-2-equalLeftSmaller > div:first-of-type, .box-2-firstWider > div:last-of-type { width: 30%;}
    .OfferingWide > div { width: 70%;}
}
@media all and (max-width: 1280px) and (max-height: 680px){
    .preloader-logo, .preloader-preview-area { top: 0%;}
    .body-content { top: 129px; }
    .directorsCan { overflow: hidden; text-align: center; }
    .directorsCan div.directorsBox { float: none; display: inline-block }
    .box-2-equal > div { width: 45%;}
    .box-4-equal > div { width: 21%;}
    .box-2-equalLeftSmaller > div:first-of-type, .box-2-firstWider > div:last-of-type { width: 30%;}
    .OfferingWide > div { width: 70%;}  
}


@media all and (max-width: 800px) and (max-height: 1160px) {
    .body-content { top: 130px;position: relative;}
    .box-3-equalNoPadding > div { width: 100%; margin: 10px;}
    .box-4-equal > div { width: 20%}
    .directorsCan { overflow: hidden; text-align: center; }
    .directorsCan div.directorsBox { float: none; display: inline-block }
    .ContactForm { margin: 0 auto !important; display: block !important; width: 100% !important; }
}

@media (max-width: 360px) {
    .OfferingWide  { padding: 20px 10px;}
    .OfferingWide > img { margin: 0 auto; margin-bottom: 20px;}
    .darkBG { margin-left: 0px; margin-right: 0;}
    .box-2-equal > div, .box-4-equal > div, .box-2-equalLeftSmaller > div:first-of-type, .box-2-firstWider > div:last-of-type, .OfferingWide > div { width: 95% !important;}
    .box-4-equal { margin: 0;}
    .box-2-LeftSmall { text-align: center;}
    .OfferingWide > div { margin: 0; }
    .PageContent img { max-width: 300px !important; margin: 10px;}
    .box-3-equal .DivWider { clear: both;}
   .DownloadsWrap .DownloadBox a { position: relative; margin-bottom: 5px}
    .HomeSection-Services > div, .ServicesSection > div, .DownloadsWrap .DownloadBox { height: auto; max-height: none;}
    .HomeSection-Services .MoreBtn, .ServicesSection .MoreBtn { display: block; position: relative; margin: 0 auto; margin-top: 25px; }
}


@media (max-width: 375px) {
    .OfferingWide  { padding: 20px 10px;}
    .OfferingWide > img { margin: 0 auto; margin-bottom: 20px;}
    .darkBG { margin-left: 0px; margin-right: 0;}
    .box-2-equal > div, .box-4-equal > div, .box-2-equalLeftSmaller > div:first-of-type, .box-2-firstWider > div:last-of-type, .OfferingWide > div { width: 95% !important;}
    .box-4-equal { margin: 0;}
    .box-2-LeftSmall { text-align: center;}
    .OfferingWide > div { margin: 0; }
    .PageContent img { max-width: 100% !important; margin: 10px 0; }
    .box-3-equal .DivWider { clear: both;}
    .EHWPDescription .box-4-equal div { float: none !important; text-align: left !important;}
    
   .DownloadsWrap .DownloadBox a { position: relative; margin-bottom: 5px}
    .HomeSection-Services > div, .ServicesSection > div, .DownloadsWrap .DownloadBox { height: auto; max-height: none;}
    .HomeSection-Services .MoreBtn, .ServicesSection .MoreBtn { display: block; position: relative; margin: 0 auto; margin-top: 25px; }


    
}


@media all and (max-width: 375px) and (max-height: 667px) {
    .OfferingWide  { padding: 20px 10px;}
    .OfferingWide > img { margin: 0 auto; margin-bottom: 20px;}
    .darkBG { margin-left: 0px; margin-right: 0;}
    .box-2-equal > div, .box-4-equal > div, .box-2-equalLeftSmaller > div:first-of-type, .box-2-firstWider > div:last-of-type, .OfferingWide > div { width: 95% !important;}
    .box-4-equal { margin: 0;}
    .box-2-LeftSmall { text-align: center;}
    .OfferingWide > div { margin: 0; }
    .PageContent img { max-width: 300px !important; margin: 10px;}
    .box-3-equal .DivWider { clear: both;}
   .DirectionsDetails .DetailsBox > div { text-align: center !important; }
   .DirectionsDetails .DetailsBox > div span { float: none !important;}
   .DownloadsWrap .DownloadBox a { position: relative; margin-bottom: 5px}
    .HomeSection-Services > div, .ServicesSection > div, .DownloadsWrap .DownloadBox { height: auto; max-height: none;}
    .HomeSection-Services .MoreBtn, .ServicesSection .MoreBtn { display: block; position: relative; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
}


@media all and (max-width: 667px) and (max-height: 375px) {
    .OfferingWide  { padding: 20px 10px;}
    .OfferingWide > img { margin: 0 auto; margin-bottom: 20px;}
    .darkBG { margin-left: 0px; margin-right: 0;}
    .box-2-equal > div, .box-4-equal > div, .box-2-equalLeftSmaller > div:first-of-type, .box-2-firstWider > div:last-of-type, .OfferingWide > div { width: 95% !important;}
    .box-4-equal { margin: 0;}
    .box-2-LeftSmall { text-align: center;}
    .OfferingWide > div { margin: 0; }
    .body-content img { max-width: 300px !important; margin: 10px;}
    .box-3-equal .DivWider { clear: both;}

    .DirectionsDetails .DetailsBox > div { }
}


@media all and (max-width: 414px) and (max-height: 740px) {
    .OfferingWide  { padding: 20px 10px;}
    .OfferingWide > img { margin: 0 auto; margin-bottom: 20px;}
    .darkBG { margin-left: 0px; margin-right: 0;}
    .box-2-equal > div, .box-4-equal > div, .box-2-equalLeftSmaller > div:first-of-type, .box-2-firstWider > div:last-of-type, .OfferingWide > div { width: 95% !important;}
    .box-4-equal { margin: 0;}
    .box-2-LeftSmall { text-align: center;}
    .OfferingWide > div { margin: 0; }
    .PageContent img { max-width: 300px !important; margin: 10px;}
    .box-3-equal .DivWider { clear: both;}
    
   .DirectionsDetails .DetailsBox > div { text-align: center !important; }
   .DirectionsDetails .DetailsBox > div span { float: none !important;}
   .DownloadsWrap .DownloadBox a { position: relative; margin-bottom: 5px}
    .HomeSection-Services > div, .ServicesSection > div, .DownloadsWrap .DownloadBox { height: auto; max-height: none;}
    .HomeSection-Services .MoreBtn, .ServicesSection .MoreBtn { display: block; position: relative; margin: 0 auto; margin-top: 25px;}
}