html, body {font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; color: #003358; font-size: 17px; font-weight: normal; background-attachment: fixed; background-color: #fff; height: 100%; width: 100%; margin: 0; padding: 0; text-align:left;}
@media (max-width: 980px) {html, body {font-size: 16px; line-height: 1.2em;}}
@media (max-width: 360px) {html, body {font-size: 16px; line-height: 1.2em;}}
/*===================================================================================================================================================================*/
/*GLOBAL STYLE */
.container-full {margin-right: 0;margin-left: 0;padding-left: 0;padding-right: 0;}
button {position: relative;margin: 0;padding: 1em;z-index: 1;}
@media (min-width:768px) {.container-full {width:100%}}
@media (min-width:980px) {.container-full{width:100%}}
@media (min-width:1200px) {.container-full {width:100%}}
.row-centered {text-align: center;}
.col-centered {margin: 0 auto;}
.container {padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto;}
@media (min-width: 768px) {.container {width: 100%;}}
@media (min-width: 992px) {.container {width: 100%;}}
@media (min-width: 1230px) {.container {width: 100%;}}
/*===================================================================================================================================================================*/
/* Parallax Styles */
.parallax {text-align: center;background-position: center center;background-attachment: fixed !important;}
.parallax-overlay {background-color:rgba(0,0,0,0.80);}
/*===================================================================================================================================================================*/
/* LOGO + TOPBAR */
/*logo*/
@media (max-width: 477px) { .logo {min-width: 188px;}}
/*top background*/
.topbg {background-color: #FFFFFF; background-repeat:repeat; width: 100%;z-index: 2000;}
/*===================================================================================================================================================================*/
/* NAVIGATION */
.clear {clear: both;}
.logo {padding: 20px;}
.navbar-default {margin-bottom: 0px; z-index: 1000; background-color: transparent; border: none; padding-right: 50px;}
.navbar-default .navbar-nav > li > a {padding: 65px 20px 0px 20px; color: #003358; outline: none; font-size: 17px; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #1ec1ca; outline: none;}
@media (max-width: 1147px) { 	
	.navbar-default .navbar-nav > li > a {padding: 52px 20px 20px 20px; font-size:16px;}	
}
@media (max-width: 980px) { 	
	.navbar-default .navbar-nav > li > a {padding: 50px 20px 20px 20px; font-size:15px;}
	.navbar-default {margin-bottom: 0px; z-index: 1000; background-color: transparent; border: none; padding-right: 20px;}
}
@media (max-width: 800px) { 	
	.navbar-default .navbar-nav > li > a {padding: 40px 20px 20px 20px; font-size:14px;}	
}
@media (max-width: 767px) { 	
	.navbar-default .navbar-nav > li > a {padding: 5px; border-bottom: 1px solid #003358; color: #003358;}
	.navbar-collapse {background-color: #ffffff; z-index: 1000;}
	.navbar-default {margin-bottom: 0px; z-index: 1000; background-color: transparent; color: #003358; border: none; padding-right: 10px;}
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #1ec1ca; background-color: none;}
/*mobile navbar*/
.navbar-toggle {position: relative; float: right; padding: 9px 7px; background-color: transparent; background-image: none; border: 0px solid transparent; border-radius: 4px; margin-top: -20px; margin-bottom: 0px; margin-right: 0px;}
.navbar-toggle .icon-bar {display: block; width: 25px; height: 4px; border-radius: 1px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #1ec1ca;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #ffffff;}
.navbar-collapse {z-index: 1000; padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 0; -webkit-box-shadow: none; box-shadow: none;}
.navbar-collapse.in {overflow-y: auto;}
/*==================================================================================================================================================*/
/* MAIN DROP DOWN MENU */
.dropdown-menu {position: absolute; top: 100%; left: 0; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; z-index: 1000; color: #003358; border: none; display: none; float: left; min-width: 130px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 17px; background-clip: padding-box;}
.dropdown-menu > li > a {display: block; text-align: left; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857143; color: #003358; white-space: nowrap; text-shadow: none; font-size: 17px; border-bottom: 1px solid #003358;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {text-decoration: none; font-size: 17px; text-shadow: none; background-color: none; border-bottom: 1px solid #003358; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; color: #1ec1ca; outline: none; font-weight: normal;}
@media (max-width: 980px) {
	.dropdown-menu > li > a {display: block; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; text-align: left; 
		padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857143; color: #003358; outline: none; background-color: #ffffff; white-space: nowrap; font-size: 13px;}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {text-decoration: none; color: #1ec1ca; outline: none; font-size: 13px;}
}
@media (max-width: 767px) {
	.dropdown-menu > li > a {display: block; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; text-align: left; 
		padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857143; color: #003358; outline: none; background-color: #ffffff; white-space: nowrap; font-size: 13px;}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {text-decoration: none; color: #1ec1ca; outline: none; font-size: 13px;}
}
@media (max-width: 360px) {
	.dropdown-menu > li > a {display: block; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; text-align: left; 
		padding: 3px 0px; clear: both; font-weight: normal; line-height: 1.42857143; color: #003358; outline: none; background-color: #ffffff; white-space: nowrap; font-size: 13px; border-bottom: 1px solid #003358;}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {text-decoration: none; color: #1ec1ca; outline: none; font-size: 13px;}
}
/*=======================================================================================================================*/
/*HEADINGS*/
h1 {color: #003358; font-size: 48px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: left; padding: 0px;}
h2 {color: #003358; font-size: 28px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: left; padding: 0px;}
h3 {color: #ffffff; font-size: 30px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: center; padding: 0px;}
h4 {font-size: 33px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: center; padding: 0px;}
h5 {font-size: 33px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; padding: 0px;}
h6 {font-size: 25px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; padding: 0px;}
span.white {color: #ffffff; font-weight: bold;}
span.lrg-text {color: #ffffff; font-size: 30px;}
span.ssc {font-size: 12px; color: #ffffff;}
span.quote-text {font-size: 20px; font-weight: bold; color:#ffffff;}
span.green {color: #6AB335;}
span.pop {color: #1ec0ca;}
span.dblue {color: #003358;}
span.whitetext {color: #ffffff;}
span.hovertext {font-size: 18px; color:#003358; font-weight: bold;}
@media (max-width: 980px) {
	h1 {color: #003358; font-size: 30px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: left; padding: 0px;}
	h2 {color: #003358; font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: left; padding: 0px;}
	h3 {color: #ffffff; font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: center; padding: 0px;}
	h4 {font-size: 23px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: center; padding: 0px;}
	h5 {font-size: 25px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; padding: 0px;}
	h6 {font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; padding: 0px;}
	span.lrg-text {color: #ffffff; font-size: 36px;}
	span.ssc {font-size: 10px; color: #ffffff;}
	span.quote-text {font-size: 18px; font-weight: bold;}
}
@media (max-width: 360px) {
	h1 {color: #003358; font-size: 30px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: left; padding: 0px;}
	h2 {color: #003358; font-size: 17px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: left; padding: 0px;}
	h3 {color: #ffffff; font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: center; padding: 0px;}
	h4 {font-size: 17px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; text-align: center; padding: 0px;}
	h5 {font-size: 25px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; padding: 0px;}
	h6 {font-size: 17px; font-weight: bold; font-family: Arial, Helvetica, Calibri, Century Gothic, Century Gothic; margin: 0; padding: 0px;}
	span.lrg-text {color: #ffffff; font-size: 26px;}
	span.ssc {font-size: 11px; color: #ffffff;}
	span.quote-text {font-size: 15px; font-weight: bold;}
}
/*===================================================================================================================================================================*/
/* HOME */
.whitebg {background-color: #ffffff;}
.bluebg {background-color: #003358;}
.greybg {background-color: #F0F0F0;}
.contentpd {padding: 60px 100px 60px 100px;}
.intropd {padding: 180px 100px 60px 100px;}
.intropd2 {padding: 50px 100px 60px 100px;}
.intropd3 {padding: 50px 100px 60px 100px;}
.contentpd2 {padding: 40px 40px 40px 40px;}
.contentpd3 {padding: 40px 40px 40px 40px;}
.growthpd {padding: 290px 150px 0px 390px;}
.topnobg {background-color: #1EC0CA; height: auto; width: 100%;}
.toppd {padding: 10px 20px 10px 50px;}
.quoteright {padding: 220px 100px 0px 0px;}
.quoteright2 {padding: 220px 0px 0px 700px;}
.rightline {border-right: 1px solid #E2E2E2; height: auto;}
.leftline {border-left: 1px solid #E2E2E2; height: auto;}
.blue {background-color: #1EC0CA;}
.greenbg {background-color: #6AB335;}
.bluepd {padding: 30px 30px 30px 30px;}
.bluepd2 {padding: 30px 80px 30px 30px;}
.whitebg {background-color: #ffffff;}
.icon {width: 8%;}
.center-block {float:none;}
.textpd {padding-top: 10px;}
.break {height: 70px;}
.break2 {height: 70px;}
.box {border: 2px solid #003358; border-radius: 10px; padding: 10px 10px 20px 10px;}
@media (max-width: 980px) {
	.quoteright {padding: 150px 100px 0px 0px;}
	.contentpd {padding: 40px 40px 40px 40px;}
	.contentpd2 {padding: 150px 100px 40px 100px;}
	.intropd {padding: 100px 40px 60px 80px;}
	.intropd2 {padding: 50px 40px 60px 40px;}
	.intropd3 {padding: 50px 40px 60px 40px;}
	.contentpd3 {padding: 20px 20px 20px 20px;}
	.bluepd {padding: 20px 30px 20px 30px;}
	.bluepd2 {padding: 20px 30px 20px 30px;}
	.growthpd {padding: 240px 150px 0px 280px;}
	.break {height: 60px;}
	.break2 {height: 40px;}
}
@media (max-width: 360px) {
	.quoteright {padding: 30px;}
	.rightline {border-right: 0px solid #003358;}
	.contentpd {padding: 45px 30px 45px 30px;}
	.contentpd2 {padding: 45px 30px 45px 30px;}
	.intropd {padding: 25px 30px 0px 30px;}
	.intropd2 {padding: 25px 30px 0px 30px;}
	.growthpd {padding: 25px 45px 0px 45px;}
	.bluepd2 {padding: 10px 45px 10px 45px;}
	.bluepd {padding: 10px 45px 10px 45px;}
	.break {height: 20px;}
	.break2 {height: 20px;}
}
/*===================================================================================================================================================================*/
/* background images */
.welcomeslide {background-image: url("../images/background/welcome.jpg"); background-repeat: no-repeat; background-size: 100%; background-color: #ffffff; height: 470px;}
.changeslide {background-image: url("../images/background/change.jpg"); background-repeat: no-repeat; background-size: 100%; height: 470px; background-color: #ffffff;}
.teamslide {background-image: url("../images/background/team.jpg"); background-repeat: no-repeat; background-size: 100%; background-color: #ffffff; height: 470px;}
.startupslide {background-image: url("../images/background/startup.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 470px; background-color: #ffffff;}
.existingslide {background-image: url("../images/background/existing.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 470px; background-color: #ffffff;}
.clinicslide {background-image: url("../images/background/clinics.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 470px; background-color: #ffffff;}
.contactslide {background-image: url("../images/background/contact.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 470px; background-color: #ffffff;}
@media (max-width: 980px) {
	.welcomeslide {background-image: url("../images/background/welcome-980.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 400px; background-color: #ffffff;}
	.changeslide {background-image: url("../images/background/change-980.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 400px; background-color: #ffffff;}
	.teamslide {background-image: url("../images/background/team-980.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 400px; background-color: #ffffff;}
	.startupslide {background-image: url("../images/background/startup-980.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 400px; background-color: #ffffff;}
	.existingslide{background-image: url("../images/background/existing-980.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 400px; background-color: #ffffff;}
	.clinicslide {background-image: url("../images/background/clinics-980.jpg"); background-repeat: no-repeat; background-size: 100%;  height: 400px; background-color: #ffffff;}
	.contactslide {background-image: url("../images/background/contact-980.jpg");  background-repeat: no-repeat; background-size: 100%;  height: 400px; background-color: #ffffff;}
}
@media (max-width: 360px) {
	.who {background-color: #012533; background-image: none; width: 100%; height: auto;}
	.welcomeslide {background-color: #ffffff; background-image: none; width: 100%; height: auto;}
	.changeslide {background-color: #ffffff; background-image: none; width: 100%; height: auto;}
	.partnerslide {background-color: #ffffff; background-image: none; width: 100%; height: auto;}
	.teamslide {background-color: #ffffff; background-image: none; width: 100%; height: auto;}
	.startupslide {background-color: #ffffff; background-image: none; width: 100%; height: auto;}
	.existingslide{background-color: #ffffff; background-image: none; width: 100%; height: auto;}
	.clinicslide {background-color: #ffffff; background-image: none; width: 100%; height: auto;}
	.contactslide {background-color: #ffffff; background-image: none; width: 100%; height: auto;}
}
/*===================================================================================================================================================================*/
/*CONTACT*/
.map {width: 100%; height: 400px;}
.email {color: #003358; font-weight: normal;}.email a {color: #003358;}.email a:hover {color: #003358; text-decoration:none;}a.email,a.email:visited {text-decoration: none; color: #003358; outline: none;}
a.email:hover,a.email:visited:hover {text-decoration: none; color: #1EC0CA; outline: none;}
/*CONTACT FORM*/
.form-control {border-radius: 5px; color: #777;}
.form-control:focus {border-color: #582931; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(81,94,162,.075), 0 0 8px rgba(81,94,162, .6); box-shadow: inset 0 1px 1px rgba(81,94,162,.075), 0 0 8px rgba(81,94,162, .6);}
.btn-primary {color: #ffffff; background-color: #003358; border-radius: 0px; border: none;}
.btn-primary:hover,.btn-primary:focus,
.btn-primary:active,.btn-primary.active,
.open > .dropdown-toggle.btn-primary {color: #ffffff; background-color: #6AB335;}
.btn-primary:active,.btn-primary.active,
.open > .dropdown-toggle.btn-primary {background-image: none;}
.btn {border-radius: 5px;}
.loading-form {width: 30px; height: 30px; background-image: url('../images/ico/loading.gif'); background-repeat: no-repeat;}
/*===================================================================================================================================================================*/
/* BUTTONS */
.btn-read {color: #ffffff; background-color: #6AB335; border-radius: 0px; font-size: 17px; border: none;}
.btn-read:hover,.btn-read:focus,
.btn-read:active,.btn-read.active,
.open > .dropdown-toggle.btn-read {color: #ffffff; background-color: #1EC0CA;}
.btn-read:active,.btn-read.active,
.open > .dropdown-toggle.btn-read {background-image: none;}
.btn {border-radius: 5px; width: 100%;}

.btn-enquiry {color: #ffffff; background-color: #003358; border-radius: 0px; font-size: 17px;}
.btn-enquiry:hover,.btn-enquiry:focus,
.btn-enquiry:active,.btn-enquiry.active,
.open > .dropdown-toggle.btn-enquiry {color: #ffffff; background-color: #6AB335; font-size: 17px;}
.btn-enquiry:active,.btn-enquiry.active,
.open > .dropdown-toggle.btn-enquiry {background-image: none;}
.btn {border-radius: 30px; width: 100%;}
/*===================================================================================================================================================================*/
/* FOOTER */
.bot-bar {text-align:left; color: #ffffff; background-color:#003358; height: auto; padding: 20px 20px 0px 20px; font-family: Arial, helvetica, Calibri, Century Gothic;}
span.copycontact {color: #ffffff; font-size: 13px; font-family: Arial, helvetica, Calibri, Century Gothic; padding: 0; text-align: right;}


.copytext {color: #ffffff; font-weight: normal;}
.copytext a {color: #ffffff;}.copytext a:hover {color: #ffffff; text-decoration:none;}a.copytext,a.copytext:visited {text-decoration: none; color: #ffffff; outline: none;}
a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #1EC0CA; outline: none;}

@media (max-width: 980px) {
	.bot-bar {text-align:left; color: #ffffff; line-height: 0.75em; background-color:#003358; height: auto; padding: 20px 20px 0px 20px; font-family: Arial, helvetica, Calibri, Century Gothic;}
	span.copycontact {color: #ffffff; font-size: 10px; font-family: Arial, helvetica, Calibri, Century Gothic; padding: 0; text-align: right;}
}
@media (max-width: 360px) {
	.bot-bar {text-align:left; color: #ffffff; line-height: 0.98em; background-color:#003358; height: auto; padding: 20px 20px 20px 20px; font-family: Arial, helvetica, Calibri, Century Gothic;}
	span.copytext {color: #ffffff; font-size: 13px; font-family: Arial, helvetica, Calibri, Century Gothic; padding: 0;}
	span.copycontact {color: #ffffff; font-size: 13px; font-family: Arial, helvetica, Calibri, Century Gothic; padding: 0; text-align: left;}
}

/*===================================================================================================================================================================*/
/*UPGRADE BROWSER PAGE*/
.container-ie{border:none;background:url('../images/sprite/browsers-sprite.png') -506px 0px;  height:126px;width:126px;}
.container-chrome{border:none;background:url('../images/sprite/browsers-sprite.png')  0px 0px;height:126px;width:126px;}
.container-firefox{border:none;background:url('../images/sprite/browsers-sprite.png') -127px 0px;height:126px;width:126px;}
.container-safari{border:none;background:url('../images/sprite/browsers-sprite.png') -256px 0px;height:126px;width:126px;}
/*===================================================================================================================================================================*/
/* 5 COLUMNS */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-xs-15 {width: 20%; float: left;}
@media (min-width: 768px) {
.col-sm-15 {width: 20%; float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%; float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%; float: left;}
}

/*===================================================================================================================================================================*/
/*Testimonials*/
/* sb extra styling */
.slider-box {width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; background-color: none; color: #003358; padding: 15px 15px 60px; position: relative;}
.slider__source {color: #003358; display: block;}

@media (max-width: 600px) {}
.slider__contents a { text-decoration: none;}
*, *:before, *:after { box-sizing: border-box;}

.slider {
  height: 150px; position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
  display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end;
  align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;
  justify-content: center;
}
.slider__nav {
  width: 10px; height: 10px; margin: 100px 6px 6px 6px!important;
  border-radius: 50%; z-index: 10; outline: none;
  border: 8px solid #003358;
  cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards; animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner { left: 0%; }
.slider__nav:checked:nth-of-type(2) ~ .slider__inner { left: -100%; }
.slider__nav:checked:nth-of-type(3) ~ .slider__inner { left: -200%; }
.slider__nav:checked:nth-of-type(4) ~ .slider__inner { left: -300%; }
.slider__inner {
  position: absolute; top: 10%; left: 10%; width: 400%; height: 100%; -webkit-transition: left 0.4s; transition: left 0.4s;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; 
}
.slider__contents {
  height: 150px; padding: 10px; text-align: center;
  display: -webkit-box; display: -webkit-flex;
  display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;
  flex: 1; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
  align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.slider__txt {color: #003358;}

@-webkit-keyframes check {
  50% { border-color: #fff; }
  100% { border-color: #fff; } }
@keyframes check { 
  50% { border-color: #fff; }
  100% { border-color: #fff; } }
/*===================================================================================================================================================================*/
/*Animation*/
@keyframes afl {
	from {opacity:0; transform:translateX(-100px)}
	to {opacity:1; transform:translateX(0)}
}
@-webkit-keyframes afl {
	from {opacity:0; -webkit-transform: translateX(-100px)}
	to {opacity:1; -webkit-transform: translateX(0)}
}

.animate_afl {opacity:0}
.animate_afl.animate_start {-webkit-animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afl; animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afl; opacity:1}

@keyframes afc {
	from {opacity:0; transform:scale(0.2)}
	to {opacity:1; transform:scale(1)}
}
@-webkit-keyframes afc {
	from {opacity:0; -webkit-transform:scale(0.2)}
	to {opacity:1; -webkit-transform:scale(1)}
}
.animate_afc {opacity:0}
.animate_afc.animate_start {-webkit-animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afc; animation:0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afc; opacity:1}
.d1.animate_start {-webkit-animation-delay:0.2s; animation-delay:0.2s}
.d2.animate_start {-webkit-animation-delay:0.4s; animation-delay:0.4s}
.d3.animate_start {-webkit-animation-delay:0.6s; animation-delay:0.6s}
.d4.animate_start {-webkit-animation-delay:0.8s; animation-delay:0.8s}
.d5.animate_start {-webkit-animation-delay:1s; animation-delay: 1s}
.d6.animate_start {-webkit-animation-delay:1.2s; animation-delay: 1.2s}
.d7.animate_start {-webkit-animation-delay:1.4s; animation-delay: 1.4s}



.snip1529 {
  background-color: #000000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-family: Arial, sans-serif;
  line-height: 1.6em;
  margin: 10px;
  max-width: 310px;
  min-width: 250px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}

.snip1529 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.snip1529 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  opacity: 0.75;
}

.snip1529 figcaption {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.snip1529 .date {
  background-color: #fff;
  color: #333;
  font-size: 18px;
  font-weight: 800;
  min-height: 48px;
  min-width: 48px;
  padding: 10px 0;
  position: absolute;
  right: 15px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}

.snip1529 .date span {
  display: block;
  line-height: 14px;
}

.snip1529 .date .month {
  font-size: 11px;
}

.snip1529 h3,
.snip1529 p {
  margin: 0;
  padding: 0;
}

.snip1529 h3 {
  font-weight: 800;
  letter-spacing: -0.4px;
}

.snip1529 .hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  background-color: rgba(30, 192, 202, 0.75);
  display: flex;
  font-size: 65px;
  justify-content: center;
  opacity: 0;
}

.snip1529 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.snip1529:hover .hover,
.snip1529.hover .hover {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.snip1529:hover figcaption,
.snip1529.hover figcaption {
  opacity: 0;
}

.snip1529:hover .date,
.snip1529.hover .date {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

@media (min-width: 360px) {
    .snip1529 {
	  background-color: #003358;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	  color: #ffffff;
	  font-family: Arial, sans-serif;
	  line-height: 1.6em;
	  margin: 10px;
	  max-width: 310px;
	  min-width: 250px;
		height: 400px;
	  overflow: hidden;
	  position: relative;
	  text-align: left;
	  width: 100%;
	}

}
/*===================================================================================================================================================================*/
 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #13436b;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 40px;
  border: 1px solid #ffffff;
  width: 100%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #ffffff;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}