html, body {font-family: 'robotoregular', Arial; color: #333333; font-size: 15px; line-height: 18px; 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: 13px; line-height: 15px;}}
/*===================================================================================================================================================================*/
/*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);}
/*===================================================================================================================================================================*/
/* FONTS */
@font-face {
    font-family: 'robotoregular';
    src: url('../font/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('../font/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
         url('../font/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../font/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium_italic';
    src: url('../font/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.eot');
    src: url('../font/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('../font/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('../font/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../font/roboto_medium_macroman/Roboto-Medium-webfont.eot');
    src: url('../font/roboto_medium_macroman/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_medium_macroman/Roboto-Medium-webfont.woff') format('woff'),
         url('../font/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../font/roboto_medium_macroman/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoitalic';
    src: url('../font/roboto_italic_macroman/Roboto-Italic-webfont.eot');
    src: url('../font/roboto_italic_macroman/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_italic_macroman/Roboto-Italic-webfont.woff') format('woff'),
         url('../font/roboto_italic_macroman/Roboto-Italic-webfont.ttf') format('truetype'),
         url('../font/roboto_italic_macroman/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold_italic';
    src: url('../font/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.eot');
    src: url('../font/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('../font/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../font/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.eot');
    src: url('../font/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../font/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../font/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../font/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('../font/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
         url('../font/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../font/roboto_bold_macroman/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoblack';
    src: url('../font/roboto_black_macroman/Roboto-Black-webfont.eot');
    src: url('../font/roboto_black_macroman/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_black_macroman/Roboto-Black-webfont.woff') format('woff'),
         url('../font/roboto_black_macroman/Roboto-Black-webfont.ttf') format('truetype'),
         url('../font/roboto_black_macroman/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*===================================================================================================================================================================*/
/*HEADINGS*/
h1 {color: #112c53; font-size: 36px; font-family: 'robotoregular', Arial; margin: 0; padding: 0 0 30px 0;}
h2 {color: #112c53; font-size: 30px; font-family: 'robotoregular', Arial; margin: 0; padding: 0 0 30px 0;}
h3 {color: #112c53; font-size: 20px; font-family: 'robotoregular', Arial; margin: 0; padding: 0 0 30px 0;}
h4 {color: #ffffff; font-size: 25px; font-family: 'robotobold', Arial; margin: 0; padding: 0 0 30px 0;}
h5 {color: #112c53; font-size: 20px; font-family: 'robotobold', Arial; margin: 0; padding: 0;}
h6 {color: #112c53; font-size: 20px; font-family: 'robotoregular', Arial; margin: 0; padding: 0;}
h7 {color: #112c53; font-size: 25px; font-family: 'robotobold', Arial; margin: 0; padding: 0 0 30px 0;}


@media (max-width: 1380px) {
	h1 {font-size: 25px;}
	h2 {font-size: 25px;}
	h3 {font-size: 18px;}
	span.subheading {font-size: 15px; color: #112c53; font-family: 'robotobold', Arial;}
	span.stay {font-size: 40px; font-weight: bold; color: #112c53;}
	h7 {color: #112c53; font-size: 25px; font-family: 'robotobold', Arial; margin: 0; padding: 0 0 30px 0;}
}
@media (max-width: 997px) {
	h1 {font-size: 25px;}
	h2 {font-size: 25px;}
	h3 {font-size: 18px;}
	span.stay {font-size: 30px; font-weight: bold; color: #112c53;}
	h4 {color: #ffffff; font-size: 20px; font-family: 'robotobold', Arial; margin: 0; padding: 0 0 30px 0;}
	h5 {color: #112c53; font-size: 15px; font-family: 'robotobold', Arial; margin: 0; padding: 0;}
	h6 {font-size: 18px;}
	h7 {color: #112c53; font-size: 20px; font-family: 'robotobold', Arial; margin: 0; padding: 0 0 30px 0;}
}
@media (max-width: 360px) {
	h1 {font-size: 20px;}
	h2 {font-size: 20px;}
	h3 {font-size: 15px;}
	span.callnow {font-size: 15px; color: #112c53; font-family: 'robotoregular', Arial;}
	span.subheading {font-size: 13px; color: #112c53; font-family: 'robotobold', Arial;}
	span.board {font-size:13px; font-family: 'robotobold', Arial; color: #112c53;}
span.stay {font-size: 20px; font-weight: bold; color: #112c53;}
}
/*===================================================================================================================================================================*/
/* HOME */
.contentbg {background-color: #fff;}
.yellowbg {background-color: #ffcb08;}
.mainbg { background-color: #f8fbff; }
.yellowpd {padding: 20px 77px 20px 77px;}
.welcomepd {padding: 60px 200px 60px 200px;}
.welcomepd2 {padding: 60px 200px 0px 200px;}
.welcomepd3 {padding: 60px 200px 0px 0px;}
.greybg {background-color: #f5f6f7;}
.contentpd {padding: 60px 200px 60px 200px;}
.contentpd2 {padding: 10px 0px 10px 0px;}
.contentpd3 {padding: 20px 55px 20px 55px;}
.contentpd4 {padding: 10px 200px 10px 200px;}
.tablepd {padding: 60px 110px 60px 110px;}
.bluebg {background-color: #112c53; height: auto;}
.yellowout {border: 2px solid #ffcb08;}
.blueout {border: 2px solid #112c53;}
.lightgrey {background-color: #f5f6f7; height: 150px;}
.darkgrey {background-color: #e7e8e8; height: 150px;}

.covidbg {background-color: #112c53;}
.covidlink {color: #ffffff; font-weight: bold; font-size: 20px;}
.covidlink a {color: #ffffff;font-size: 20px;}
.covidlink a:hover {color: #ffcb08; text-decoration:none;font-size: 20px;}
a.covidlink,a.covidlink:visited {text-decoration: none; color: #ffffff; outline: none;font-size: 20px;}
a.covidlink:hover,a.covidlink:visited:hover {text-decoration: none; color: #ffcb08; outline: none;font-size: 20px;}
.covidpd {padding: 25px 77px 25px 77px; text-align: right;}

.yellowline {background-color: #ffcb08; height: 5px;}
.blueline {background-color: #112c53; height: 5px;}
.logosize {width: 80%;}
.callpd {padding: 10px 0px 0px 0px;}
/*plans page*/
.medicalblock {border: 2px solid #112c53; width: 100%; height: auto;}
.medicalblock3 {border: 0px solid #112c53; width: 100%; height: auto;}
.medicalblock2 {border: 2px solid #112c53; width: 100%; height: auto;}
.space {height: 5px;}
.tinyicon {width: 10%;}
.linepd {padding: 0px 15px 0px 15px;}
.blueline {background-color: #112c53; height: 2px; width: 100%;}
.blueline2 {background-color: #112c53; height: 2px; width: 73%;}
.bigspace {height: 15px;}
.rightline {border-right: #112c53 solid 1px;}
.leftpd {padding: 30px 0px 30px 80px;}
.rightpd {padding: 30px 80px 30px 80px;}
.comppd1 {padding-top: 50px;}
.comppd2 {padding-top: 20px;}
.comppd3 {padding-top: 30px;}
.medpd {margin-right: 30px;}

.whatsgreen {background-color:#0d8407;}
.wapd {padding: 0px 20px 0px 20px;}
.copd {padding: 30px 55px 30px 55px;}
span.lrgtext {font-size: 18px;}
span.subheading {text-transform: uppercase; font-family: 'robotobold', Arial; font-size: 18px;}
span.blue-text {color:#ffffff;}
.franspd {padding: 10px 30px 0px 50px;}

/*--------*/
@media (max-width: 1382px) {
	.contentpd {padding: 10px 80px 10px 80px;}
}
@media (max-width: 1216px) {
	.medpd {margin-right: 20px;}
}
@media (max-width: 980px) {
	.welcomepd {padding: 20px 50px 20px 50px;}
	.contentpd {padding: 10px 30px 10px 30px;}
	.logosize {width: 100%;}
	.comppd1 {padding-top: 0;}
	.comppd2 {padding-top: 0;}
	.comppd3 {padding-top: 0;}
	.medicalblock {border: 2px solid #112c53; width: 100%; height: auto; }
	.medicalblock3 {border: 0px solid #112c53; width: 100%; height: auto; }
	.medicalblock2 {border: 2px solid #112c53; width: 100%; height: auto; }
	span.lrgtext {font-size: 18px;}
	span.subheading {text-transform: uppercase; font-family: 'robotobold', Arial; font-size: 18px;}
	.wapd {padding: 0px 20px 0px 20px;}
	.copd {padding: 30px 30px 30px 30px;}
	.tablepd {padding: 60px 30px 60px 30px;}
}
@media (max-width: 360px) {
	.franspd {padding: 10px 20px 20px 30px;}
	.contentpd {padding: 10px 10px 10px 10px;}
	.logosize {width: 60%;}
	.callpd {padding: 10px 0px 0px 0px;}
	.yellowpd {padding: 20px 20px 20px 20px;}
	.welcomepd {padding: 20px 30px 20px 30px;}
	.smlicon {width: 20%;}
	.lightgrey {background-color: #f5f6f7; height: auto;}
	.darkgrey {background-color: #e7e8e8; height: auto;}
	.comppd1 {padding-top: 0;}
	.comppd2 {padding-top: 0;}
	.comppd3 {padding-top: 0;}	
	.medicalblock {border: 2px solid #112c53; width: 100%; height: auto;}
	.medicalblock3 {border: 0px solid #112c53; width: 100%; height: auto; }
	.medicalblock2 {border: 2px solid #112c53; width: 100%; height: auto;}
	span.lrgtext {font-size: 16px;}
	span.subheading {text-transform: uppercase; font-family: 'robotobold', Arial; font-size: 16px;}
	.wapd {padding: 0px 20px 0px 20px;}
	.copd {padding: 30px 30px 30px 30px;}
	
	.covidbg {background-color: #112c53;}
	.covidlink {color: #ffffff; font-weight: bold; font-size: 15px;}
	.covidlink a {color: #ffffff;font-size: 15px;}
	.covidlink a:hover {color: #ffcb08; text-decoration:none;font-size: 15px;}
	a.covidlink,a.covidlink:visited {text-decoration: none; color: #ffffff; outline: none;font-size: 15px;}
	a.covidlink:hover,a.covidlink:visited:hover {text-decoration: none; color: #ffcb08; outline: none;font-size: 15px;}
	.covidpd {padding: 15px 30px 15px 30px; text-align: right;}
}

/*===================================================================================================================================================================*/
/*CONTACT*/
.email {color: #333333; font-weight: bold;}.email a {color: #333333;}.email a:hover {color: #ffcb05; text-decoration:none;}a.email,a.email:visited {text-decoration: none; color: #333333; outline: none;}
a.email:hover,a.email:visited:hover {text-decoration: none; color: #ffcb05; outline: none;}
/*CONTACT FORM*/
.form-control {border-radius: 5px; color: #777;}
.form-control:focus {border-color: #112c53; 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: #112c53; border-radius: 0px;}
.btn-primary:hover,.btn-primary:focus,
.btn-primary:active,.btn-primary.active,
.open > .dropdown-toggle.btn-primary {color: #ffcb05; background-color: #112c53; border-radius: 0px;}
.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;}
/*===================================================================================================================================*/
/*ACCORIDAN*/
.panel-default > .panel-heading {background-color: #f5f6f7; border-radius: 0px; border: 0px;}
.panel-default > .panel-heading-blue {background-color: #f5f6f7; border: 0px; margin-left: 10px;}
.panel-heading-blue {padding: 10px 20px 10px 20px; border-radius: 0px; border: 0px; text-align: left;}
.panel {margin-bottom: 0px; color: #8c8c8c; background-color: #f5f6f7; border-radius: 0px; border-top: 0px;}
.panel-group .panel {margin-bottom: 0; text-decoration: none;}
.panel-title > a {outline: none; text-decoration: none; color: #333333;}
.panel-title > a:hover {outline: none; text-decoration: none; color: #ffcb05;}
.panel-body {color: #353631; text-align: left;}
/*===================================================================================================================================================================*/
/* FOOTER */
.bot-bar {text-align:left; background-color: #ffcb08; color: #112c53; font-size: 16px; padding: 20px; font-family: 'robotoregular', Arial;}

.copytext {color: #112c53; font-size: 16px; line-height: 18px; font-family: 'robotoregular', Arial; padding: 0;}
.copytext a {color: #112c53; font-size: 16px;}
.copytext a:hover {color: #ffffff; text-decoration:none;}
a.copytext,a.copytext:visited {text-decoration: none; color: #112c53; font-size: 16px; outline: none; font-family: 'robotoregular', Arial;}
a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #112c53; outline: none;}
.copytext2 {color: #ffffff; font-size: 13px; line-height: 18px; font-family: 'robotoregular', Arial; padding-right: 30px 10px 10px 10px;}
.line {border-bottom: 2px solid #112c53;}
.break {height: 5px;}

.copypd {padding: 10px; text-align: center;}
@media (max-width: 980px) {.bot-bar {font-size: 13px;}.copytext {font-size: 11px;}.copytext a {font-size: 11px;}.copytext2 {font-size: 11px;}}
@media (max-width: 360px) {
	.bot-bar {text-align: left; padding: 20px; font-size: 13px;}
	.copytext {text-align: left; color: #ffffff; font-size: 13px; padding: 0;}
}
/*===================================================================================================================================================================*/
/*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;}
/*===================================================================================================================================================================*/
/*NEWS*/
figure.snip1208 {font-family: 'robotoregular', Arial, sans-serif; position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 220px; max-width: 310px; width: 100%; background-color: #ffffff; color: #000000; text-align: left;}
figure.snip1208 * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
figure.snip1208 img {max-width: 100%; vertical-align: top; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
figure.snip1208 figcaption {padding: 10px; position: relative;}
figure.snip1208 .date,
figure.snip1208 i {background-color: #ffcb08; top: 25px; color: #fff; left: 25px; min-height: 60px; min-width: 60px; position: absolute; text-align: center;}
figure.snip1208 .date {-webkit-transition-delay: 0.2s; transition-delay: 0.2s; font-size: 22px; font-family: 'robotobold', Arial; text-transform: uppercase;}
figure.snip1208 .date span {display: block; line-height: 30px;}
figure.snip1208 .date .month {font-size: 16px; background-color: rgba(0, 0, 0, 0.1);}
figure.snip1208 i {line-height: 60px; font-size: 30px; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition-delay: 0s; transition-delay: 0s;}
figure.snip1208 h3,
figure.snip1208 p {margin: 0; padding: 0;}
figure.snip1208 h3 {margin-bottom: 10px; display: inline-block; font-weight: 600; color: #333333; text-transform: uppercase;}
figure.snip1208 p {margin-bottom: 20px; line-height: 1.5em;}
figure.snip1208 button {border: medium none; padding: 10px 20px; background-color: #112c53; font-family: 'robotobold', Arial; color: #ffffff; letter-spacing: 2px; text-transform: uppercase;}
figure.snip1208 a {left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;}
figure.snip1208:hover img,
figure.snip1208.hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
figure.snip1208:hover .date,
figure.snip1208.hover .date {-webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-delay: 0s; transition-delay: 0s;}
figure.snip1208:hover i,
figure.snip1208.hover i {-webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
figure.snip1208:hover button,
figure.snip1208.hover button {background-color: #117964;}

/*===================================================================================================================================================================*/
/*ANIMATIONS*/
@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}
/*===================================================================================================================================================================*/
/*GOOGLE MAP*/
#map_canvas{width:100%;height:400px;z-index:0;position:relative; background-color:#303030;}
#map_canvas.loading{background:#e3e3e3 url('../images/ico/litcreations-loading.gif') center center no-repeat;}
#info-window{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:19px 0 0 0;width:200px;height:180px;text-align:center;}
#info-window p strong {color:#2774a0; margin-bottom:2px; }
#info-window p{font-family:'robotoregular', Arial, sans-serif !important;color:#1c202b !important;font-size:13px !important;font-weight:500 !important;}
#info-window p a{display:inline-block;background:url('../images/ico/directions.png') 0 6px no-repeat;padding:10px  0 10px 50px;height:40px;font-weight:500 !important;color:#2774a0 !important; }
#info-window p a:hover{color:#a4cc38 !important ;}
/*===================================================================================================================================================================*/
/*TABLES*/
/* 
Generic Styling, for Desktops/Laptops 
*/
table {width: 100%; border-collapse: collapse;}
/* Zebra striping */
tr:nth-of-type(odd) {background: #e6e7e8;}
th {background: #112c53; color: white; text-align: center; font-family: 'robotoregular', Arial; font-weight: normal;}
td, th {padding: 12px; border: 0px solid #112c53; text-align: left;}
.mud-table-root .mud-table-head .mud-table-cell {
	color: white !important;
	font-weight: 600 !important;
	line-height: 1.5rem !important;
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 978px)  {

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {display: block;}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr {position: absolute; top: -9999px; left: -9999px;}

tr {border: 1px solid #ccc;}
/* Behave  like a "row" */
td {border: none; border-bottom: 0px solid #e6e7e8; position: relative; padding-left: 50%;}

td:before {/* Now like a table header */position: absolute;
	/* Top/left values mimic padding */top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;
}

}
/*===================================================================================================================================================================*/
/* 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;}
}

/*===================================================================================================================================================================*/
 /* 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: #ffcb08;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #ffffff;
  width: 100%; /* Could be more or less, depending on screen size */
}

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

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 
/*========================================================================================================================================================*/
/* WHATSAPP */
.whatsappbg {
	position: static;
	width: 100%;
	height: auto;
	background-image: url("../images/background/whatsapp.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.whatsappd {padding: 60px 60px 50px 40px;}
span.whatstext {color: #ffffff; font-size: 17px; font-family: 'robotoregular', Arial, sans-serif; font-weight: normal;}
span.yellow {color: #ffcc05; font-family: 'robotobold', Arial, sans-serif; font-weight: normal;}
.applink {color: #ffcc05; font-family: 'robotobold', Arial, sans-serif; font-weight: normal;}.applink a {color: #ffcc05;}.applink a:hover {color: #ffffff; text-decoration:none;}a.applink,a.applink:visited {text-decoration: none; color: #ffcc05; outline: none;}

.btn-green {color: #ffffff; background-color: #00bf22; border: 1px solid #ffffff; border-radius: 5px; font-size: 17px;}
.btn-green:hover,.btn-green:focus,
.btn-green:active,.btn-green.active,
.open > .dropdown-toggle.btn-green {color: #ffffff; background-color: #016b10; border: 1px solid #ffffff; border-radius: 5px; font-size: 17px;}
.btn-green:active,.btn-green.active,
.open > .dropdown-toggle.btn-green {background-image: none;}
.btn {border-radius: 5px;}
.app {width: 83%; float: right;}

@media (max-width: 980px) {
	.whatsappd {padding: 60px 40px 50px 40px;}
	span.whatstext {color: #ffffff; font-size: 15px; font-family: 'robotoregular', Arial, sans-serif; font-weight: normal;}
	.btn-green {color: #ffffff; background-color: #00bf22; border: 1px solid #ffffff; border-radius: 5px; font-size: 15px;}
	.btn-green:hover,.btn-green:focus,
	.btn-green:active,.btn-green.active,
	.open > .dropdown-toggle.btn-green {color: #ffffff; background-color: #016b10; border: 1px solid #ffffff; border-radius: 5px; font-size: 15px;}
	.btn-green:active,.btn-green.active,
	.open > .dropdown-toggle.btn-green {background-image: none;}
	.btn {border-radius: 5px;}
}
@media (max-width: 360px) {
	.whatsappd {padding: 60px 30px 50px 30px;}
	span.whatstext {color: #ffffff; font-size: 15px; font-family: 'robotoregular', Arial, sans-serif; font-weight: normal;}
	.btn-green {color: #ffffff; background-color: #00bf22; border: 1px solid #ffffff; border-radius: 5px; font-size: 15px;}
	.btn-green:hover,.btn-green:focus,
	.btn-green:active,.btn-green.active,
	.open > .dropdown-toggle.btn-green {color: #ffffff; background-color: #016b10; border: 1px solid #ffffff; border-radius: 5px; font-size: 15px;}
	.btn-green:active,.btn-green.active,
	.open > .dropdown-toggle.btn-green {background-image: none;}
	.btn {border-radius: 5px;}
	.whatsappbg {background-image:none; background-color: #056600;}
	.app {width: 100%;}
	
	
}
/*========================================================================================================================================================*/
/* TELEHEALTH */
.telehealthbg {background-color: #fcfcfc;}
.telyelbg {background-color: #ffcc05;}

.telpd {padding: 30px 60px 30px 40px;}
span.teletext {color: #112c53; font-size: 16px; font-family: 'robotoregular', Arial, sans-serif; font-weight: normal;}
span.feeltext {color: #112c53; font-size: 20px; font-family: 'robotoregular', Arial, sans-serif; font-weight: normal;}
span.headingtext {font-family: 'robotobold', Arial, sans-serif; font-weight: normal;color: #112c53;font-size: 20px;}


@media (max-width: 980px) {
	.whatsappd {padding: 60px 40px 50px 40px;}
	span.teletext {color: #112c53; font-size: 15px; font-family: 'robotoregular', Arial, sans-serif; font-weight: normal;}
	span.feeltext {color: #112c53; font-size: 18px; font-family: 'robotoregular', Arial, sans-serif; font-weight: normal;}
	span.headingtext {font-family: 'robotobold', Arial, sans-serif; font-weight: normal;color: #112c53;font-size: 18px;}
}
@media (max-width: 360px) {
	.whatsappd {padding: 60px 30px 50px 30px;}
	span.teletext {color: #112c53; font-size: 15px; font-family: 'robotoregular', Arial, sans-serif; font-weight: normal;}
	span.feeltext {color: #112c53; font-size: 17px; font-family: 'robotoregular', Arial, sans-serif; font-weight: normal;}
	span.headingtext {font-family: 'robotobold', Arial, sans-serif; font-weight: normal;color: #112c53;font-size: 17px;}
}
/*===================================================================================================================================================================*/
/* IFRAME */
.formheight {height: 800px; width: 100%;}

@media (max-width: 2000px) {
	.formheight {height: 1100px; width: 100%;}
}
@media (max-width: 1950px) {
	.formheight {height: 1100px; width: 100%;}
}
@media (max-width: 1800px) {
	.formheight {height: 1100px; width: 100%;}
}
@media (max-width: 1382px) {
	.formheight {height: 1100px; width: 100%;}
}
@media (max-width: 1368px) {
	.formheight {height: 1100px; width: 100%;}
}
@media (max-width: 1216px) {
	.formheight {height: 1100px; width: 100%;}
}
@media (max-width: 1174px) {
	.formheight {height: 1100px; width: 100%;}
}
@media (max-width: 1140px) {
	.formheight {height: 1100px; width: 100%;}
}
@media (max-width: 982px) {
	.formheight {height: 700px; width: 100%;}
}
@media (max-width: 838px) {
	.formheight {height: 900px; width: 100%;}
}
@media (max-width: 769px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 607px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 572px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 540px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 520px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 485px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 475px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 455px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 420px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 400px) {
	.formheight {height: 1400px; width: 100%;}
}
@media (max-width: 360px) {
	.formheight {height: 1400px; width: 100%;}
}


.fake-input {
	position: relative;
}

	.fake-input input {
		border: none;
		background-color: #fff;
		display: block;
		width: 100%;
		box-sizing: border-box
	}

	.fake-input img {
		position: absolute;
		top: 2px;
		right: 5px
	}