.menu-trigger,.menu-trigger-inner{-webkit-transition:all .2s linear}.clear,.clearfix:after{clear:both}.menu-trigger,.menu-trigger-inner{-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}body,form{margin:0;padding:0}img{border:0;max-width:100%}address{font-style:normal}dl,h1,h2,h3,li,ol,p,ul{margin:0}a{color:#011b58;text-decoration:underline}a:hover{color:#7c9efc;text-decoration:none}ul{padding:0 0 30px}ul li{background:url(../images/bullet.png) left 10px no-repeat;list-style:none;padding:0 0 0 20px}p{padding:0 0 40px}.ctr{text-align:center}.clearfix:after,.clearfix:before{content:"";display:table}hr{background:0 0;border-top:1px solid #e5e5e5;margin:25px 0;padding:0}.contact-ph a,.contact-ph a:hover{color:#011b58;text-decoration:none}h2,h3{color:#0c54a0}body{font-family:Roboto;font-size:100%;background:#404b52}.inner-wrap{margin:0 auto;padding:0 11px;max-width:1300px}.inner-heading-container{background:#2465aa;text-align:left}h1{color:#fff;display:inline-block;font-size:30px;font-weight:700;line-height:33px;padding:15px 15px 15px 0;text-align:left;text-transform:uppercase}.job-description h3,body[data-pagetype=home] h1,h2,h3{font-weight:500;text-transform:uppercase;font-family:Oswald}.job-description,h2,h3{padding:0 0 30px}h2{font-size:28px;line-height:39px}.job-description h3,h3{font-size:24px;line-height:38px}.job-description h3{background:#0c54a0;color:#fff;margin:0 0 15px;padding:8px 21px 11px;cursor:pointer}header,main{background:#fff}body[data-pagetype=home] h1{color:#0c54a0;font-size:30px;line-height:33px;padding:0 0 52px;text-align:center;min-width:auto;background:0 0}body[data-pagetype=home] main{padding:0 0 30px}main{color:#4c4e50;display:block;font-size:16px;font-weight:400;line-height:28px;padding:0}header{padding:20px 0 0;text-align:right;background:-moz-linear-gradient(top,#fff 0,#f5f5f5 100%);background:-webkit-linear-gradient(top,#fff 0,#f5f5f5 100%);background:linear-gradient(to bottom,#fff 0,#f5f5f5 100%)}#company-logo{float:left;max-width:276px;width:63.5%;margin:0 0 18px;position:relative;z-index:1}.menu-trigger{text-align:right;z-index:1000;transition:all .2s ease;position:fixed;right:21px;top:-54px;width:91px;height:122px}.menu-trigger-inner{transition:all .2s ease;position:relative;top:53px;width:100%;z-index:99999}.menu-trigger.sticky-menu .menu-trigger-inner{top:0}.menu-trigger.sticky-menu:hover .menu-trigger-inner{top:53px}.menu-trigger .menu-link{color:#0c54a0;font-weight:600;text-decoration:none;text-align:left;-webkit-transition:all .2s linear;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;cursor:pointer;position:absolute;font-size:16px;top:50px;left:15px;width:76px}.menu-link:focus{outline:0}.menu-link span{display:block;position:absolute;right:0;top:9px;left:36px;height:4px;background:#95c12b}.menu-link span:after,.menu-link span:before{position:absolute;display:block;left:0;width:100%;height:4px;background-color:#95c12b;content:""}.menu-link span:after{bottom:-5px}.menu-link span:before{top:-5px}.menu-link--htra span{-webkit-transition:-webkit-transform .5s;transition:transform .5s}.menu-link--htra span:before{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform .5s,width .5s,top .5s;transition:transform .5s,width .5s,top .5s}.menu-link--htra span:after{-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transition:-webkit-transform .5s,width .5s,bottom .5s;transition:transform .5s,width .5s,bottom .5s}.menu-link--htra.is-active span{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.menu-link--htra.is-active span:after,.menu-link--htra.is-active span:before{width:23%;height:10px}.menu-link--htra.is-active span:before{top:0;-webkit-transform:translateX(-2px) translateY(2px) rotate(-45deg);-ms-transform:translateX(-2px) translateY(2px) rotate(-45deg);transform:translateX(-2px) translateY(2px) rotate(-45deg)}.menu-link--htra.is-active span:after{bottom:0;-webkit-transform:translateX(-2px) translateY(-2px) rotate(45deg);-ms-transform:translateX(-2px) translateY(-2px) rotate(45deg);transform:translateX(-2px) translateY(-2px) rotate(45deg)}#top-nav{background-color:#fff;opacity:.9;z-index:999;-webkit-transition:all .5s linear;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:fixed;top:0;right:-319px;width:319px;text-align:left}#top-nav.active{display:block;-webkit-transition:all .5s linear;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:fixed;right:0;top:0;height:100%;overflow-y:scroll}#loading,#loading>img{position:absolute;left:0}.top-nav-links{padding:79px 0 68px 40px}.top-nav-links>li{padding:0 0 15px;background:0 0;line-height:21px}.top-nav-links>li>a{color:#95c12b;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:18px;line-height:21px}.top-nav-links>li>a:hover{text-decoration:underline}.top-nav-links>li.has-child>ul{display:none;margin:0;padding:5px 0 0;list-style:none}#banner>img,#loading,.bx-wrapper img,.submenu-trigger{display:block}.top-nav-links>li.has-child>ul>li{padding:0;background:0 0}.top-nav-links>li.has-child>ul>li>a{display:block;padding:5px 10px 4px;color:#0c54a0;font-size:16px;line-height:19px;text-decoration:none}.top-nav-links>li.has-child>ul>li>a:hover{background-color:#95c12b;color:#fff}.submenu-trigger{width:20px;height:20px;float:right;background:url(../images/plus.png) center center no-repeat;margin:0 15px 0 0;cursor:pointer}.submenu-trigger.active{background:url(../images/minus.png) center center no-repeat}#banner{margin:0 0 30px}body[data-pagetype=home] #banner{margin:0}#loading{background-color:#fff;height:100%;text-align:center;top:0;width:100%;z-index:54}#loading>img{margin:0 auto;max-width:6.25em;right:0;top:32%;width:15%}.bx-wrapper{position:relative}.bx-wrapper img{width:100%;margin:0 auto}.bx-wrapper .bx-viewport{-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}#banner .bx-pager.bx-default-pager{bottom:-13px;left:0;position:absolute;right:0;text-align:center}#connect-wtih-us,footer address,footer h2,footer nav{text-align:left}.campaign #connect-wtih-us,.campaign #get-in-touch{max-width:310px;display:block;margin:0 auto}#banner .bx-pager-item{display:inline-block}#banner .bx-pager-item>a{background-color:rgba(0,0,0,.5);border:1px solid #000;border-radius:50%;display:inline-block;height:7px;margin:0 0 0 10px;outline:0;text-indent:-9999px;width:7px}#banner .bx-pager-item>a.active{background-color:rgba(182,174,166,.5)}.heading-container{background:#0c54a0;color:#fff;font-size:21px;font-weight:700;line-height:24px;padding:16px 0;text-align:left;text-transform:capitalize;position:relative}.heading-container span{box-sizing:border-box;display:block;padding:0 37px 0 0}#step-engineering-info{text-align:center;background:url(../images/bg-intro.jpg) center center no-repeat #e8eef2;padding:22px 0 50px;background-size:174% auto}#step-engineering-info h1{color:#0c54a0;font-size:30px;line-height:33px;font-weight:500;padding:0 0 15px;text-transform:uppercase;text-align:center;font-family:Oswald}#step-engineering-info p{color:#4c4e50;font-size:22px;line-height:25px;font-weight:400;padding:22px 0 40px}#step-engineering-info a{background:#95c12b;color:#fff;display:inline-block;font-size:18px;font-weight:400;line-height:21px;padding:13px 54px;text-decoration:none;text-transform:uppercase;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;overflow:hidden;position:relative;z-index:0}#step-engineering-info a:after{content:"";position:absolute;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:-1;background:#0c4d91;height:0;left:50%;opacity:0;top:50%;-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-o--transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);width:100%;box-sizing:border-box}#step-engineering-bucket article a,#step-engineering-bucket article a:hover{-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;-webkit-transition:all .8s ease-in-out 0s}#step-engineering-info a:hover:after{height:260%;opacity:1}#step-engineering-bucket{text-align:center;padding:30px 0 0}#step-engineering-bucket article{display:inline-block;vertical-align:top;margin:0 0 10px;text-align:center}#step-engineering-bucket article a{color:#0c54a0;display:block;font-size:30px;font-weight:700;line-height:30px;text-decoration:none;text-transform:uppercase;width:100%;max-width:302px;margin:0 auto;transition:all .8s ease-in-out 0s}#step-engineering-bucket article a:hover{color:#95c12b;transition:all .8s ease-in-out 0s}#step-engineering-bucket article span{position:relative;display:block;margin:0 0 35px}#step-engineering-bucket article a span:before{content:"";position:absolute;background-color:#e8eef2;border-radius:50%;z-index:0;width:247px;height:247px;border:4px solid #95c12b;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg);transform:rotate(10deg);-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;-webkit-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s;top:21px;left:0;right:0;margin:0 auto}#step-engineering-bucket article a img{display:block;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:0 auto;position:relative;z-index:0}footer{color:#95c12b;padding:65px 0 8px}footer h2{color:#fff;font-size:24px;font-weight:700;line-height:27px;padding:0 0 24px}footer nav{padding:0 0 60px}footer nav h2{padding:0 0 40px}footer nav ul{padding:0}footer nav ul li{padding:0 0 10px;background:0 0}footer nav ul li a{text-transform:uppercase;color:#95c12b;font-weight:700;font-size:18px;line-height:21px;text-decoration:none}footer nav ul li a:hover{color:#fff}footer .text-color{display:block}#get-in-touch>h2{padding:0 0 50px}footer address{font-size:18px;font-weight:400;line-height:25px;margin:0 0 100px}#get-in-touch span:first-child{font-weight:700;margin:0 0 8px;text-transform:uppercase}footer address .contact-no{display:inline-block;vertical-align:top}footer address .contact-no span a{color:#95c12b;text-decoration:none}.contact-ph a{color:#4c4e50;text-decoration:none}footer address a{color:#95c12b}footer address a:hover{color:#fff}footer address span{display:block}.social-media{margin:0 0 58px}.social-media>a{display:inline-block;margin:0 20px 0 0;vertical-align:top}.stay-informed{padding:0 0 41px}.footer-contact-link{padding:0 0 41px}.footer-contact-link a{color: #95c12b;font-size:28px;font-weight: 700;line-height: 32px;text-decoration:none;text-transform: uppercase;}.footer-contact-link a:hover{color: #ffffff;text-decoration:none;}footer .stay-informed div{width:288px;background:#95c12b;height:37px}footer .stay-informed input[type=text]{background:#404b52;border:3px solid #95c12b;width:200px;color:#fff;font-size:14px;line-height:17px;height:29px}footer .stay-informed input[type=submit]{background-color:#95c12b;border:none;color:#404b52;font-size:18px;font-weight:700;line-height:21px;padding:7px 1px;text-transform:uppercase;cursor:pointer;display:inline-block;vertical-align:top;height:37px}footer .stay-informed input[type=submit]:hover{color:#fff}footer .copy-right-text{border-top:1px solid #a0a5a9;font-size:13px;line-height:17px;padding:8px 0 0;text-align:center}.feature-img{border:21px solid #eee;max-width:350px;width:82%;margin:0 auto 20px}.feature-img img{display:block}#gmap iframe{border:none;width:100%;height:410px}.overlay{background:0 0;position:relative;width:100%;height:410px;top:410px;margin-top:-410px}.job-description P{padding:0 0 20px}.job-description>div{display:none;padding:0 21px}.job-description .apply-btn>a{background-color:#95c12b;border:none;color:#404b52;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;line-height:21px;padding:12px 19px;text-decoration:none;text-transform:uppercase;vertical-align:top}.job-description .apply-btn>a:hover{background-color:#0c54a0;color:#fff}.job-description p{font-weight:700;text-decoration:underline}#right-content h3{text-align:center;padding:0 0 16px;line-height:24px}.right-contact-form{padding:20px 15px;border-radius:10px;border:1px solid #ccc;box-shadow:0 2px 4px 1px #ccc}div.fieldwrapper{padding:0;width:100%;font-size:1em}div.fieldwrapper label.styled{margin:0 0 5px;display:block;width:100%}div.fieldwrapper div.thefield{float:left;font-size:1em;margin-bottom:.7142857142857143em;width:100%}.thefield textarea,div.thefield input[type=email],div.thefield input[type=tel],div.thefield input[type=text]{border:1px solid #bdbdbd;border-radius:4px;width:100%;padding:3px;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:1em;box-sizing:border-box}.fieldwrapper input[type=text]{border:1px solid #bdbdbd;padding:0;margin:0}div.fieldwrapper div.thefield textarea{height:7.142857142857143em}div.buttonsdiv{margin:1.071428571428571em 0 0}.buttonsdiv input[type=submit]{color:#fff;font-weight:400;cursor:pointer;border:none;font-family:arial;font-size:1em;margin-top:.357143em;padding:.5em .714286em;border-radius:5px;background:#65a7db;background:-webkit-gradient(linear,0 0,0 bottom,from(#65a7db),to(#3573a4));background:-webkit-linear-gradient(#65a7db,#3573a4);background:-moz-linear-gradient(#65a7db,#3573a4);background:-ms-linear-gradient(#65a7db,#3573a4);background:-o-linear-gradient(#65a7db,#3573a4);background:linear-gradient(#65a7db,#3573a4);-pie-background:linear-gradient(#65a7db,#3573a4);behavior:url(/pie/PIE.htc);position:relative;text-decoration:none}.buttonsdiv input[type=submit]:hover{text-decoration:underline}@media only screen and (min-width:40em){.copy-right-text br{display:none}#get-in-touch,footer nav{display:inline-block;vertical-align:top;width:49%}.campaign #connect-wtih-us,.campaign #get-in-touch{display:inline-block;vertical-align:top;margin:0}.campaign #connect-wtih-us{float:right}#step-engineering-bucket article a span:before{width:240px;height:240px;border:4px solid #fff;top:21px;left:0}#step-engineering-bucket{margin:0 auto;max-width:640px}#step-engineering-bucket article a:hover span:before{-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-o-transform:rotate(190deg);-webkit-transform:rotate(190deg);transform:rotate(190deg);-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border-style:solid;border-color:#95c12b;border-width:4px;top:21px;left:0;right:0;margin:0 auto;width:240px;height:240px;content:"";position:absolute;box-sizing:border-box}#step-engineering-bucket article span{display:block;margin:0 0 35px;position:relative}footer nav{padding:0 0 60px;text-align:left}}@media only screen and (min-width:60em){header{left:0;position:fixed;right:0;top:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;width:100%;z-index:999;padding:15px 0 0}header.sticky{top:-133px}.heading-container{position:absolute;background:0 0;top:50%;transform:translateY(-30%);width:100%;font-size:30px;line-height:37px;padding:0}.heading-container span{background:rgba(12,84,160,.89);padding:24px;width:44%}#banner .bx-pager.bx-default-pager{bottom:0}#banner .bx-pager-item>a{width:15px;height:15px}.inner-heading-container{position:absolute;text-align:left;top:50%;transform:translateY(-49%);width:100%;background:0 0}#top-nav,.menu-trigger{right:auto;width:auto;top:auto;position:relative}h1{background:rgba(12,84,160,.89);color:#fff;display:inline-block;font-size:30px;font-weight:700;line-height:33px;min-width:518px;padding:40px 40px 40px 30px;text-align:left;text-transform:uppercase}.menu-trigger{height:auto;z-index:0}.menu-trigger-inner{display:none}#top-nav{background:0 0;display:block;padding:44px 0 49px;text-align:right;transition:none}.top-nav-links{padding:0}.top-nav-links>li{display:inline;line-height:16px;position:relative;padding:16px 0 17px;margin:0 10px 0 0}.top-nav-links>li>a{background:0 0;padding:16px 6px;vertical-align:middle;font-size:14px;line-height:17px;color:#0c54a0;margin:0;border-bottom:3px solid #95c12b}.top-nav-links>li>a:hover,header nav ul>li:hover>a{color:#fff;text-decoration:none}.top-nav-links>li>a:after{content:"";position:absolute;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:-1;background:#95c12b;height:0;left:0;top:0;width:100%}.top-nav-links>li.has-child:hover>a:after,.top-nav-links>li>a:active:after,.top-nav-links>li>a:hover:after{height:100%}.submenu-trigger{display:none}.top-nav-links>li.has-child>ul{position:absolute;width:280px;padding:0;left:0;top:100%;text-align:left;z-index:10}#banner,.overlay{position:relative}.top-nav-links>li.has-child:hover>ul{display:block}.top-nav-links>li.has-child>ul>li>a{font-size:14px;line-height:19px;padding:10px 5px 10px 10px;background:#95c12b;color:#0c54a0}#connect-wtih-us,#get-in-touch,footer nav{padding:0;display:inline-block;vertical-align:top}.top-nav-links>li.has-child>ul>li>a:hover{background:#0c54a0;color:#fff}#get-in-touch,footer nav{text-align:left;width:33.33%}#connect-wtih-us{width:32%}#step-engineering-info{background:url(../images/bg-intro.jpg) center 0/100% auto no-repeat #e8eef2;padding:49px 0 50px}body[data-pagetype=home] main{padding:134px 0 40px}main{padding:134px 0 100px}main.campaign-main{padding:134px 0 10px}.feature-img{float:left;margin:0 30px 15px 0;width:25%}#gmap iframe,.overlay{width:100%;height:744px}.divided-data{-moz-column-count:2;-webkit-column-count:2;-o-column-count:2;column-count:2}#gmap iframe{border:none}.overlay{background:0 0;top:744px;margin-top:-744px}.contact-container>div{display:inline-block;vertical-align:top;width:32%}footer .stay-informed div{width:293px}footer .stay-informed input[type=text]{width:200px}#loading{min-height:500px}}@media only screen and (min-width:64em){#step-engineering-bucket article a span:before,#step-engineering-bucket article a:hover span:before{top:20px;width:250px;height:250px}#step-engineering-bucket article span,body[data-pagetype=home] #banner{margin:0}#banner{margin:0 0 100px}#step-engineering-bucket article a{width:100%}.left-content{float:left;width:72%}#right-content{float:right;width:25%;max-width:300px}}@media only screen and (min-width:75em){#step-engineering-bucket{max-width:none}#step-engineering-bucket article span{margin:0 0 25px}#step-engineering-bucket article{width:23%}#step-engineering-bucket article a span:before,#step-engineering-bucket article a:hover span:before{width:258px;height:258px}.feature-img{width:100%}}@media only screen and (min-width:87.5em){.left-content{width:75%;width:calc(100% - 320px)}}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  min-width: 60px;
  max-width: 65px; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
/* text-based popup styling */
.white-popup {
  position: relative;
  background: #FFF;
  padding:10px;
  width: auto;
  max-width: 300px;
  margin: 0 auto;
  border-radius:10px;
}
/* 
====== Move-from-top effect ======
*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}
.logo-box > div {
	margin:0 0 20px 0;
}
.logo-box > div:before, .logo-box > div:after{
	content:"";
	display:table;
	clear:both;
}

.logo-box > div img {
	float:left;
	margin:0 15px 0 0;
}
.logo-box > div span {
	float:left;
	width:calc(100% - 140px);
	padding:4% 0 0 0;
}
.flip-card {
  background-color: transparent;
  width:300px;
  height:250px;
  border: 3px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.3);
  border-radius:8px;
  margin:0 auto 16px auto;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  border-radius:8px;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
  border-radius:8px;
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius:8px;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  color: black;
  border-radius:8px;
}
.magenta-gradient {
     background: -moz-linear-gradient(330deg, rgba(153,218,255,1) 0%, rgba(120,115,209,1) 92%, rgba(120,115,209,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(153,218,255,1)), color-stop(92%, rgba(120,115,209,1)), color-stop(100%, rgba(120,115,209,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(330deg, rgba(153,218,255,1) 0%, rgba(120,115,209,1) 92%, rgba(120,115,209,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(330deg, rgba(153,218,255,1) 0%, rgba(120,115,209,1) 92%, rgba(120,115,209,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(330deg, rgba(153,218,255,1) 0%, rgba(120,115,209,1) 92%, rgba(120,115,209,1) 100%); /* ie10+ */
    background: linear-gradient(120deg, rgba(153,218,255,1) 0%, rgba(120,115,209,1) 92%, rgba(120,115,209,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99DAFF', endColorstr='#7873D1',GradientType=1 ); /* ie6-9 */ 
}
.green-gradient {
	background: -moz-linear-gradient(330deg, rgba(36,227,189,1) 0%, rgba(47,105,103,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(36,227,189,1)), color-stop(100%, rgba(47,105,103,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(330deg, rgba(36,227,189,1) 0%, rgba(47,105,103,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(330deg, rgba(36,227,189,1) 0%, rgba(47,105,103,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(330deg, rgba(36,227,189,1) 0%, rgba(47,105,103,1) 100%); /* ie10+ */
    background: linear-gradient(120deg, rgba(36,227,189,1) 0%, rgba(47,105,103,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24E3BD', endColorstr='#2F6967',GradientType=1 ); /* ie6-9 */ 
}
.light-purpul-gradient {
	background: -moz-linear-gradient(330deg, rgba(198,197,252,1) 0%, rgba(50,50,115,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(198,197,252,1)), color-stop(100%, rgba(50,50,115,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(330deg, rgba(198,197,252,1) 0%, rgba(50,50,115,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(330deg, rgba(198,197,252,1) 0%, rgba(50,50,115,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(330deg, rgba(198,197,252,1) 0%, rgba(50,50,115,1) 100%); /* ie10+ */
    background: linear-gradient(120deg, rgba(198,197,252,1) 0%, rgba(50,50,115,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6C5FC', endColorstr='#323273',GradientType=1 ); /* ie6-9 */ 
}
.cheri-red-gradient {
    background: -moz-linear-gradient(330deg, rgba(245,110,198,1) 0%, rgba(79,36,77,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(245,110,198,1)), color-stop(100%, rgba(79,36,77,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(330deg, rgba(245,110,198,1) 0%, rgba(79,36,77,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(330deg, rgba(245,110,198,1) 0%, rgba(79,36,77,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(330deg, rgba(245,110,198,1) 0%, rgba(79,36,77,1) 100%); /* ie10+ */
    background: linear-gradient(120deg, rgba(245,110,198,1) 0%, rgba(79,36,77,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F56EC6', endColorstr='#4F244D',GradientType=1 ); /* ie6-9 */ 
}
.blue-gradient {
	     background: -moz-linear-gradient(342deg, rgba(13,223,255,1) 0%, rgba(7,46,97,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(13,223,255,1)), color-stop(100%, rgba(7,46,97,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(342deg, rgba(13,223,255,1) 0%, rgba(7,46,97,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(342deg, rgba(13,223,255,1) 0%, rgba(7,46,97,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(342deg, rgba(13,223,255,1) 0%, rgba(7,46,97,1) 100%); /* ie10+ */
    background: linear-gradient(108deg, rgba(13,223,255,1) 0%, rgba(7,46,97,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0DDFFF', endColorstr='#072E61',GradientType=1 ); /* ie6-9 */ 
}
.yellow-gradient {
	     background: -moz-linear-gradient(326deg, rgba(227,207,59,1) 0%, rgba(145,95,38,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(227,207,59,1)), color-stop(100%, rgba(145,95,38,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(326deg, rgba(227,207,59,1) 0%, rgba(145,95,38,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(326deg, rgba(227,207,59,1) 0%, rgba(145,95,38,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(326deg, rgba(227,207,59,1) 0%, rgba(145,95,38,1) 100%); /* ie10+ */
    background: linear-gradient(124deg, rgba(227,207,59,1) 0%, rgba(145,95,38,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3CF3B', endColorstr='#915F26',GradientType=1 ); /* ie6-9 */ 
}

/* Style the back side */
.flip-card-back {
  background-color:#95c12b;
  color: white;
  transform: rotateY(180deg);
  border-radius:8px;
}
.card-title {
	position:absolute;
	display:block;
	text-align:center;
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
	font-size:32px;
	line-height:36px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.flip-card-back ul {
	position:absolute;
	text-align:left;
	width:70%;
	max-width:250px;
	left:0;
	right:0;
	top:50%;
	margin:auto;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

.colored-circles {
	max-width:600px;
	margin:0 auto;
}
.colored-circles div {
	border:3px solid #ffffff;
	padding: 8px 0 8px 15px;
	border-right:none;
	text-align:center;
	position:relative;
	border-radius:40px 0 0 40px;
}
.colored-circles div span {
	display:block;
	font-weight:bold;
}

.orange {
	background-color:#ed9f61;
		
}
.green {
	background-color:#a1ba76;	
		
}
.blue {
	background-color:#1178b3;		
	
}
.dark-green {
	background-color:#5497a8;
			
}
.light-blue {
	background-color:#9db5e3;	
		
}
.yellow {
	background-color:#e7e01d;	
		
}
.lighter-blue {
	background-color:#d7c8cf;
	
}
.colored-circles div:hover {
	font-size:18px;	
}
@media only screen and (min-width:40em){
.flip-container {
	text-align:center;
}
.flip-card {
	width:45%;
	margin:0 1.5% 24px 1.5%;
	display:inline-block;
	vertical-align:top;
	max-width:300px;	
}

}
@media only screen and (min-width:1200px){
.flip-card {
	width:31%;
	margin:0 0.5% 24px 0.5%;
}
}