@charset "utf-8";

/*=========== POWERED BY MERIDIAN SOLUTIONS INC ============*/

/*************** DEFAULT CSS ***************/
body{
 	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-style: normal;
	line-height: normal;
	font-weight:400;
	color: #424242;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
html{ scroll-behavior: smooth;}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #000; /* Safari */
	color:#fff;
        }
::-moz-selection {
    background: #000; /* Firefox */
	color:#fff;
}
a {
	color:#084e82;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: #559cd4;
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	line-height: 24px;
	
	}
.justy{
	text-align:justify;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:100%;
	height:100%;
	position:absolute;
	left:0; /* centers the loading animation horizontally one the screen */
	top:0; /* centers the loading animation vertically one the screen */
	background-image:url("https://demo.meridianksa.com/2022/fascia/wp-content/uploads/2022/08/fascia-svsm-logo.jpg"); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:0; /* is width and height divided by two */
}

/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
	}
.row-flex{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row-flex-center { justify-content: center; }
.row{
	width:100%;
	display:block;
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
.clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.container{
	width:1180px;
	margin:0 auto;
}
.fullwidth{
	width:100%;
	display:block;
}
.two-col{
	width: 46%;
    float: left;
    margin-right: 8%;
}
.three-col{
	width:30.66666666666666666%;
	float:left;
	margin-right:4%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}
.last{
	margin-right:0 !important;
}
section {
	width: 100%;
	float: left;
	position: relative;
}
aside {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
}
summary {
    width: 70%;
    float: right;
    margin: 0;
    padding: 0;
}
.text-center{ text-align: center !important; }
.text-white{ color: #fff !important; }
.text-18{ font-size: 18px !important; }
.text-blue{ color: #559cd3 !important; }
.link a{ display: inline-block; position: relative; color: #000; font-weight: 500; padding: 4px 36px 4px 0; font-size: 13px;  }
.link a:after{position: absolute; content: ''; width: 27px; height: 27px; right: 0px; top: 0; background-image: url(../images/icons/icon12.png);
background-position: right center; background-repeat: no-repeat;}
.link a:hover{ color: #084d82; padding: 4px 44px 4px 0;}
.main-dr{
	width: 100%;
	float: left;
	text-align: center;
}
.main-dr .team-inn {
    width: 30%;
    margin: 0 1% 25px;
    /* min-height: 488px; */
    /* float: left; */
    background-color: #084e82;
    display: inline-block;
}
.row-flex {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.d-inline{
	display: inline-block;
}

/*************** HOME PAGE CSS ***************/
header{ float: left; width: 100%; top: -100px; background-color: #fff; }
.logo{ float: left; margin-top: 15px; margin-bottom: 10px;}
.right-head{float: right;margin-top: 18px;}
.top-head{ text-align: right; margin-bottom: 15px;}
.top-links{display: inline-block;margin-right: 10px;vertical-align: middle;}
.top-links i{font-size: 20px;color: #569cd7;display: inline-block;vertical-align: middle;margin-right: 8px;}
.top-links a{color: #424242;display: inline-block;vertical-align: middle;}
.social{ display: inline-block; }
.social a{color: #094d81;font-size: 18px;margin: 0 5px;}
.social a:hover{ color: #569cd7; }
.head-btn{display: inline-block; font-size: 14px; color: #094d84; border: 1px solid #569cd4; padding: 8px 15px; border-radius: 50px; font-weight: 500; }
.head-btn:hover{ background-color: #569cd4; color: #fff; }
.intro{ padding: 80px 0px 250px; }
.head-cap{font-size: 18px;color: #559cd3;letter-spacing: 12px;margin-bottom: 10px; float: left; width: 100%;}
.heading{font-size: 50px;color: #0d4c7c;font-weight: 700;line-height: 52px;float: left; width: 100%;}
.sub-cap{font-size: 26px;color: #424242;line-height: normal; margin-bottom: 40px;}
.icon-box { float: left; width: 100%; position: relative; padding-left:110px; background-repeat: no-repeat; background-position: top left; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.icon-box h4{color: #0d4c7c;font-size: 20px;font-weight: 600;position: relative;margin-bottom: 10px;padding-top: 15px;} 
.icon-box h4:after{position: absolute;content: '';width: 60px;height: 1px;top: 0px;left: 0px;background-color: #0d4c7c;}
.icon1{ background-image: url(../images/icons/icon1.png); }
.icon2{ background-image: url(../images/icons/icon2.png); }
.icon3{ background-image: url(../images/icons/icon3.png); }
.icon-box:hover{ background-position: top 15px left; }
.depatment{ background-image: url(../images/treatment-bg.jpg); padding:0 0 80px; }
.dprt-box{width: 25%;padding: 20px 20px 65px;color: #fff;position: relative;}
.dprt-box h4{ font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 10px; }
.bg-lit-blue{ background-color: #569cd5; }
.bg-drk-blue{ background-color: #084e82; }
.dp-readmore{float: right;width: 35px;height: 35px;background-image: url(../images/icons/arrow1.png);background-position: center;border: 1px solid #fff;background-repeat: no-repeat;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;-ms-border-radius: 50px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;position: absolute;right: 20px;bottom: 20px;}
.dprt-box:hover .dp-readmore{ background-color: #d4652e; margin-right: 10px;}
.dprt-box p{ color: #fff; margin-bottom: 5px;  }
.dp-icons{ display: inline-block; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.dprt-box:hover .dp-icons{  -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);
transform: rotate(360deg);  }
.subheading{ position: relative; float: left; width: 100%; font-size: 50px; font-weight: 700; color: #0d4c7c; padding-bottom: 10px; margin-bottom: 40px; }
.subheading:after{ position: absolute; content: ''; width: 60px; height: 2px; background-color: #0d4c7c; left: 0px; bottom: 0px; }
.depatment .subheading:after{ background-color: #fff; }
.team{ padding: 80px 0px; }
.team-hm, .team-img, .team-cnt{ float: left; width: 100%; }
.team-hm{ background-color: #0d4c7c; }
.team-img{ line-height: 0px; overflow: hidden; }
.team-img img{ width: 100%; -moz-transition: all 7s ease;-o-transition: all 7s ease; -webkit-transition: all 7s ease; transition: all 7s ease; line-height: 0px; }
.team-hm:hover .team-img img{ -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5); }
.team-cnt{ padding: 25px; color: #fff; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.doc-slid{ min-height: 180px; }
.team-cnt h3{ font-size: 16px; font-weight: 600; margin-bottom: 5px; }
.team-cnt h4{ font-size: 14px; }
.team-link{position: relative;color: #fff;font-weight: 500;padding: 4px 36px 4px 0;font-size: 13px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.team-link:after{position: absolute;content: '';width: 27px;height: 27px;right: 0px;top: 0;background-image: url(../images/icons/icon12.png);background-position: right center;background-repeat: no-repeat;}
.team-link:hover{padding: 4px 44px 4px 0;}
.team-hm:hover { background-color: #569cd5; }
.news{ padding: 80px 0px; }
.gray-clr{ color: #424242; }
.news-cnt{ float: left; width: 100%; border-left: 4px solid #0064a3; padding-left: 30px; }
.news-cnt .n-date{ color: #8a8a8a; font-size: 14px; margin-bottom: 5px; }
.news-cnt p{ color: #0d1f2d; margin-bottom: 0px; }
.question{ background-image: url(../images/bg2.jpg);  }
.question .subheading{ color: #fff; margin-bottom: 10px; padding-bottom: 0px; }
.question .subheading:after{ display: none; }
.question p, .question p a{ color: #fff; font-size: 18px; }
.question h4{ font-size: 18px; color: #bdcce0; margin-bottom: 10px; font-style: italic; }
.frm-two{float: left;width: 48%;margin-right: 4%;margin-bottom: 12px;}
.ftr-textarea{ float: left; width: 100%; margin-right: 0; }
.ftr-textarea .fieldset1{ height: 89px; }
.ftr-fm-btn{ float: left; width: 100%; }
.ftr-fm-btn .sendbutton{ height: 65px; margin: 0px; text-align: center; }
.footer-frm-wrp{float: left;width: 57%;padding: 60px 0px 10px;position: relative;z-index: 1;}
.footer-frm-img{float: left;width: 51%;margin-left: -100px;margin-top: -40px;line-height: 0;}
.footer-frm-img img{max-width: 100%;}
footer{ float: left; width: 100%; background-image: url(../images/bg2.jpg); padding: 45px 0 0 0; position: relative;  }
.ftr-logo{ display: inline-block; margin-right: 20px;vertical-align: middle; }
.copy{ display: inline-block; vertical-align: middle;float:left; width:100%; margin-top: 25px; padding-top: 25px;border-top: 1px solid #012648;}
.copy, .copy a{ font-size: 12px; color: #fff; }
.copy a:hover{ color: 559bd6; }
.copy p {margin-bottom: 20px;}
.copy .row-flex {justify-content: space-between;}
footer:after{ position: absolute; content: ''; width: 100%; height: 100%; background-color: #000000b5; z-index: -1; left: 0px; top: 0px; }
.loc-map{float: left;font-size: 14px;color: #fff;border: 1px solid #fff;padding: 8px 25px;margin-top: 20px;border-radius: 50px; 
text-transform: uppercase; font-weight: 600;}
.loc-map:hover{ background-color: #559bd6;    color: #fff; }
.loc-map:hover i{    color: #fff; }
.loc-map i{ margin-right: 8px; font-size: 15px;color: #559bd6; }
.whtsapp-link{position:fixed;right:12px;bottom:75px;z-index:11;}
.whtsapp-link h5{float:left;width: 122px;position:absolute;right:-11px;opacity:0;color: #6c6c6c;font-size: 14px;font-weight:500;margin: 8px 0 0 0;background-color:#e8e8e8;padding: 12px 10px;border-radius:5px;line-height:18px;z-index:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.whatsapp-icon{width:56px;height:56px;background:#2db742;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);-webkit-box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);-moz-box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);text-align:center;line-height:78px;float:right;margin-left:0;z-index:1;position:relative;}
.whatsapp-icon img{width:32px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.whtsapp-link:hover h5{right:52px;opacity:1}
.whtsapp-link:hover .whatsapp-icon img{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-hm-wrap{ float: left; width: 100%; margin-top: -200px; margin-bottom: 80px; background-color: #fff; padding: 10px 15px 10px;
box-shadow: 0 10px 25px #00000059; -moz-box-shadow: 0 10px 25px #00000059; -webkit-box-shadow: 0 10px 25px #00000059; -ms-box-shadow: 0 10px 25px #00000059;}
.video-box{ float: left; width: 50%; padding: 10px; }
.icon-box-style {
	padding: 20px;
	color: #fff;
	position: relative;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	transition: all .2s ease 0s;
}
.icon-box-style:hover {
	transform: translateY(-10px);
}
.icn {
	width: 75px;
	height: 75px;
	display: block;
	margin-left: auto;
	margin-bottom: 45px;
	background: #0d4c7c;
	padding: 5px;
	border-radius: 5px;
}
.icn img {
	max-width: 100%;
	display: block;
}
.icon-box-style h3 {
	font-weight: 600;
	margin-bottom: 0;
	position: relative;
	color: #000;
}
.icon-box-style:before {
	content: "";
	position: absolute;
	bottom: 13px;
	left: 0;
	display: block;
	width: 5px;
	height: 40px;
	background: #589ed4;
}
.footer-col {
    width: 20%;
    float: left;
}
.footer-col .logo a img {
    width: 170px;
}
.footer-col h4 {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}
.footer-col li a {
    color: #fff;
    font-weight: 300;
}
.ftr-links a {
    color: #FFF;
    font-weight: 300;
}
.ftr-links i {
    color: #559bd6;
    margin-right: 10px;
}
.ftr-links {
    margin-bottom: 10px;
}
.ftr-list {
    padding: 0;
    margin-bottom: 10px;
}
.footer-col:nth-child(02) {
    width: 17%;
}
.footer-col:nth-child(03) {
    width: 43%;
}
.footer-col:nth-child(03) .ftr-list {
    display: flex;
    flex-wrap: wrap;
}
.footer-col:nth-child(03) .ftr-list li {
    flex: 0 0 48%;
}
.ftr-list {
    padding: 0;
    margin:0 0 10px 0;
}
.ftr-list li{list-style: none;color: #FFF;padding-left: 25px;margin-bottom: 6px;line-height: 24px;position: relative;font-weight: 600;}
.ftr-list li:after{position: absolute; content: "\f061"; left: 0px; top: 2px; font-family: 'Font Awesome 6 Free'; --fa: "\e61b"; font-weight: 900;color: #0064a3;font-size: 13px;}
/*************** INNER PAGE CSS ***************/
.pad{ padding: 80px 0px; }
.team-inn { width: 23%; margin: 0 1% 25px;}
.doc-dtl-box{ float: left; width: 100%; }
.doc-dtl-box h2{font-size: 36px;color: #084e82;line-height: 52px;margin-bottom: 9px;font-weight: 700;}
.doc-dtl-box h3{font-size: 18px;color: #141414;border-bottom: 1px solid #e2e2e2;padding-bottom: 18px;}              
.relt-doc{ border-top: 1px solid #e2e2e2; }
.news-wrp { float: left; width: 31.333333333333333333333%; margin: 0 1% 25px;}
.news-wrp .news-cnt p{ margin-bottom: 15px; }
.news-left{float: left;width: 30%;margin: 0 5% 25px 0;}
.news-right{float: left;width: 65%;}
.news-right h2{font-size: 22px;color: #084e82;font-weight: 600;margin-bottom: 10px;}
.news-right .n-date{ font-size: 15px; color: #559dd4; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; margin-bottom: 25px;}
.cnt-wrap{padding: 25px;background-color: #fff;float: left;width: 48%;margin: 0 1% 30px;box-shadow:0 3px 18px #00000033;
-webkit-box-shadow: 0 3px 18px #00000033;-moz-box-shadow:0 3px 18px #00000033;-ms-box-shadow: 0 3px 18px #00000033;
-o-box-shadow: 0 3px 18px #00000033;}
.icon_box { border-bottom:1px solid #e1e1e1;padding-bottom: 7px;margin-bottom: 12px;}
.icon_box:hover i {background-color: #0d4c7c;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.icon_box i {float:left;margin:0px 15px 0px 0px;padding:8px;border-radius:100%;width: 40px;height: 40px;text-align:center;line-height: 25px;color: #ffffff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background: #569bd3;}
.icon_box .descripion { display:block; overflow:hidden}
.icon_box .descripion h5 {font-size: 18px;margin: 0 0 4px 0;font-weight: 700;color: #0d4c7c;}
.icon_box p {margin:0;padding-bottom: 4px;line-height: 22px;}
.icon_box a { color:#434446}
.icon_box:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.subtittle{ font-size: 40px; color: #0d4c7c; font-weight: 700; line-height: 46px; }
.career-wrp{float: left;width: 100%; box-shadow:0 3px 18px #00000033;-webkit-box-shadow: 0 3px 18px #00000033;
-moz-box-shadow:0 3px 18px #00000033;-ms-box-shadow: 0 3px 18px #00000033;-o-box-shadow: 0 3px 18px #00000033;margin-bottom: 50px;padding: 30px;}
.career-wrp h2{ color: #084e82; font-weight: 700; margin-bottom: 10px;}
.career-wrp ul{ padding: 0px; margin: 0px;}
.career-wrp ul li{ list-style: none; border-bottom: 1px solid #e2e2e2; padding: 8px 0;}
.career-wrp ul li a{ border-bottom: 1px solid #084e82; }
.mob-icons-head{ display: none; }
.fixed-bottom-nav{ display: none; }

.pum-container {
    top: 100px;
    position: absolute;
    margin-bottom: 3em;
    z-index: 1999999999;
    left: 0 !important;
	right: 0 !important;
	margin: 0 auto !important;
}
input.popup-input {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    font-weight: 400;
    margin-bottom: 0;
}
textarea.popup-input {
	border: 1px solid #dfdfdf;
    border-radius: 5px;
    font-weight: 400;
}
.pum-container p {
	margin-bottom: 0;
}
.pum-container p label {
	display: none;
}
.pum-container p br {
	display: none;
}
/*************** INNER BANNER ***************/
.banner{ float: left; width: 100%; height:350px; position: relative; background-image: url(../images/banner.jpg); background-repeat: no-repeat;
background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center; text-align: center; }
.banner-caption h2{color: #fff;font-size: 42px;margin-bottom: 15px;font-weight: 700;line-height: 42px; text-shadow: 0 3px 4px #00000080; -webkit-text-shadow: 0 3px 4px #00000080;
-moz-text-shadow: 0 3px 4px #00000080; -ms-text-shadow: 0 3px 4px #00000080; -o-text-shadow: 0 3px 4px #00000080;}
.banner-caption h4, .banner-caption h4 a, .banner-caption h4 span{ color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.banner-caption h4{background-color: #559cd3; border-radius:100px;padding:12px 20px;display: inline-block;margin-bottom: 0px;}
.banner-caption{position: relative;z-index: 1;}
.banner:after{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; background-color:#000; opacity: .2; }
.list{}
.list li{ float: left; width: 100%; list-style: none; background-image: url(../images/list.png); background-repeat: no-repeat; background-position: left top 5px;
font-size: 14px; color: #1f1f1f; font-weight: 500; padding-left: 25px; margin-bottom: 10px;}
video{ background-color: #000; }



/********* FIXED HEADER ***************/
header.smaller{position: fixed; left: 0px; top: 0px; width: 100%; z-index: 99; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;top: 0;
box-shadow: 0px 1px 25px #0000003d;}
header.smaller .top-head{ display: none; }
header.smaller .logo img{ width: 138px; }
header.smaller .right-head { margin-top: 4px;}
header.smaller .logo { margin-top: 8px; margin-bottom: 3px;}

/*************** JARALLAX ***************/
.jarallax{ position:relative; background-repeat:no-repeat; background-position:center center; -moz-background-size:cover; 
-webkit-background-size:cover; -o-background-size:cover; background-size:cover;}


/*********time popup**************/
#div-to-toggle{border: none;padding: 15px 15px 15px 15px;margin:0px;width: 195px;background: #559cd5;overflow: visible;
box-shadow: 0 4px 16px #559cd5;position: absolute;display: none;z-index: 222; right: 14px; top: 65px;}
#close-btn{position: absolute;background: #084e82;border: none;color: #fff;border-radius: 12px; height:25px; width:25px;padding: 1px;top: -10px;right: -10px;box-shadow: 2px 2px 10px #084e82;cursor: pointer;}
.btn-container{ width: 300px; margin: 10px auto; text-align: center; clear: both; }
.btn-container button{ height: 35px;}
#div-to-toggle p{ color: #fff; margin-bottom: 0px; }



/*********file chosen style**************/
input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 0;
    display: inline-block;
  	padding: 10px 20px;
	color:#fff;
    cursor: pointer;
	background-color: #074e84;
}

/**********check box**************/
.check-wrp {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  margin-right: 20px;
}
.check-wrp input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
	display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #a4c3db;
}
.check-wrp:hover input ~ .checkmark {
  background-color: #084e82;
}
.check-wrp input:checked ~ .checkmark {
  background-color: #559cd4;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-wrp input:checked ~ .checkmark:after {
  display: block;
}
.check-wrp .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.check-wrp:last-child{ margin-right: 0px; }
/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}
.fieldset{
	width:100%;
	height: 52px;
	padding: 8px 18px;
	background-color:
	none;
	background-color: #ffffff29;
	display:block;
	border: 1px solid rgb(255 255 255 / 13%);
	margin:0 0 10px 0;
	color:#000;
	font-size: 13px;
	float:
	left;
}
.footer-form .fieldset{ color: #fff; }
.fieldset1{ height: 110px; padding: 20px 18px; }
.contact-form{ float: left;width: 100%; }
.contact-form span{position: relative;float: left;width: 100%; margin-bottom:17px;}
.contact-form span i{position: absolute;left: 0;top: 0;color: #fff;font-size: 20px;width: 60px;height: 100%;text-align: center;line-height: 52px;
background-color: #084e82;}
.contact-form .fieldset { padding: 8px 10px 8px 78px; margin-bottom: 0px;border: 1px solid #e2e2e2;}
.normal-form .fieldset{ border: 1px solid #cdcdcd; }
label{ float: left; width: 100%; margin-bottom: 5px; font-size: 15px; font-weight: 600; }
label span{ color: #cb0808; }

.sendbutton{
	width:auto;
	height:auto;
	border:0;
	outline:0;
	margin:0 5px 0 0;
	float:left;
	color:#fff;
	font-size:20px;
	cursor:pointer;
	vertical-align:top;
	padding:10px 20px;
	text-align:center;
	background-color:#559bd6;
	text-transform:uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	}
.sendbutton:hover{
	background-color:#084e82;
	color:#fff;
	}
::-webkit-input-placeholder {
   color: #424242 !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #424242 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #424242 !important;
}
:-ms-input-placeholder {  
   color: #424242 !important;
}

/**********************/
.contact-form ::-webkit-input-placeholder {
   color: #424242 !important;
}
.contact-form :-moz-placeholder { /* Firefox 18- */
   color: #424242 !important;
}
.contact-form ::-moz-placeholder {  /* Firefox 19+ */
   color: #424242 !important;
}
.contact-form :-ms-input-placeholder {  
   color: #424242 !important;
}

/**********************/

.footer-form ::-webkit-input-placeholder {
   color: #fff !important;
}
.footer-form :-moz-placeholder { /* Firefox 18- */
   color: #fff !important;
}
.footer-form ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important;
}
.footer-form :-ms-input-placeholder {  
   color: #fff !important;
}

/************************************* 1180px *************************************/
@media only screen and (max-width: 1199px) {
.head-btn{ vertical-align: middle; margin-left: 20px; }
header.smaller .right-head { margin-top: 0px;}
}

/************************************* 1180px *************************************/
@media only screen and (max-width: 1180px) {
.container{ width:96%;}
.footer-col:last-child {
    flex: 0 0 24%;
}
.footer-col:nth-child(02) {
	width: 14%;
}
.footer-col:nth-child(03) .ftr-list li {
    flex: 0 0 48%;
}
.footer-col li a {
    font-size: 13px;
}
}

/************************************* 1080px *************************************/
@media only screen and (max-width: 1080px) {
header .container{ width: 100%;  }
.logo{ width: 100%; text-align: center; }
.right-head{ margin-top: 0px;  width: 100%; }
.top-head{ text-align: center; }
.menu{ float: right; margin-top: 0px; background-color: #569bd3; padding: 5px 20px; width: 100%; }
.head-btn{ border: 1px solid #fff;  float: right; margin-left: 0px; color: #fff; }
.footer-col:last-child {
    flex: 0 0 100%;
}
.footer-col:nth-child(03) {
    width: 50%;
}
.footer-col:nth-child(01),
.footer-col:nth-child(02)  {
        width: 25%;
}
.footer-col .logo {
	text-align: left;
}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
.main-dr .team-inn {
    width: 38%;
    margin: 0 1% 25px;
    min-height: 488px;
    float: left;
    background-color: #084e82;
    display: inline-block;
}
}

/************************************* 800px *************************************/
@media only screen and (max-width: 800px) {
	.main-dr .team-inn {
    width: 48%;
    margin: 0 1% 25px;
    min-height: 488px;
    float: left;
    background-color: #084e82;
    display: inline-block;
}
.dprt-box { width: 33.333333333333%;}
.footer-frm-wrp, .footer-frm-img{ width: 100%; margin: 0 0 25px; }
.footer-frm-img{ margin: 0px; }
footer{ text-align: center; }
.ftr-logo, .copy{ width: 100%; text-align: center; margin: 0 0 25px; }
.loc-map{ float: none; display: inline-block; margin-top: 0px; }
.cnt-wrap { width: 49%;}
.team-inn { width: 31.3333333333333%;}
.footer-col {
    width: 35%;
    text-align: left;
}
.footer-col:nth-child(01) {
    width: 50%;
}
.footer-col:nth-child(02) {
    width: 50%;
}
.footer-col:nth-child(03) {
	flex: 0 0 100%;
}
.footer-col:last-child {
    width: 100%;
}
.footer-col {
	margin-bottom: 20px;
}
}

/************************************* 767px *************************************/
@media only screen and (max-width: 768px) {
.news-wrp { width: 48%;}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {

.two-col, .three-col, .four-col, aside, summary, .news-left, .news-right{ width:100%; margin:0 0 25px 0; }
.dprt-box { width: 50%;}
.banner { height: 200px;}
.mob-icons-head{ display: block; float: right; }
.logo{width: 120px;text-align: left;padding-left: 10px;margin-top: 13px;margin-bottom: 0px;}
.logo img{ max-width: 100%; }
.top-head{ display: none; }
.mob-icons-head span{float: left;border-left: 1px solid #e2e2e2;}
.mob-icons-head span:first-child{ border-left: none; }
.mob-icons-head span a, #click-to-show{padding: 13px 15px 10px;float: left;text-align: center;font-size: 11px;color: #606060;}
.mob-icons-head span a i, #click-to-show i{display: block;font-size: 20px;color: #084e82;margin-bottom: 4px;}
#click-to-show{ background:transparent; border: none; }
.fixed-bottom-nav{display: block;position: fixed;bottom: 0px;left: 0px;    height: 67px;background-color: #fff;z-index: 2;width: 100%;text-align: center;box-shadow: 0px 0px 16px #0000002e;}
.fixed-bottom-nav a{ color: #000; float: left; width: 25%; padding: 12px 0px 10px; font-size: 12px;}
.fixed-bottom-nav a i{ display: block; font-size: 24px; margin-bottom: 3px; color: #084e82;}
.fixed-bottom-nav a.menu-mob-alng{ padding-top: 38px; padding-bottom: 0px;}
.head-btn{ display: none; }
.menu { padding: 0; line-height: 0; background: transparent;}
.fixed-bottom-nav .whatsapp-chat i{color: #0aa115;}
footer{ padding-bottom: 100px; }
header.smaller .logo{ margin-top: 13px; margin-bottom: 0px; }
.team-cnt { padding: 25px 10px;}
.team-inn { width: 48%;}
.video-box{ width: 100%; padding: 10px 15px 10px;}
.video-hm-wrap{ padding: 0px; }
.footer-col {
    width: 100%;
}
.footer-col:nth-child(01),
.footer-col:nth-child(02) {
    width:50%;
}
.footer-col:nth-child(03) {
    width: 100%;
}
.copy .row-flex {
    justify-content: center;
}
.footer-col {
	width: 100%;
	margin-bottom: 25px;
}
.whtsapp-link {bottom: 135px;}
.whatsapp-icon {width: 46px;height: 46px;line-height: 60px;}
.whatsapp-icon img{width: 25px;}
}

/************************************* 575px *************************************/
@media only screen and (max-width: 575px) {
	.main-dr .team-inn {
    width: 100%;
    margin: 0 1% 25px;
    min-height: 488px;
    float: left;
    background-color: #084e82;
    display: inline-block;
}
.container{ width:90%; }
.dprt-box { width: 100%;border-bottom: 1px solid #ffffff40;}
.subheading { font-size: 32px;}
.heading { font-size: 34px; line-height: 36px;}
.head-cap { font-size: 14px;}
.sub-cap { font-size: 16px;}
.intro { padding: 60px 0px 240px;}
.depatment { padding:0 0 60px;}
.team { padding: 60px 0px 0;}
.relt-doc{ padding-bottom: 60px; }
.ftr-textarea{ width: 100%; margin: 0; }
.news-wrp { width: 100%; margin: 0 0 25px;}
.cnt-wrap { width: 100%; margin: 0 0 25px;}
.banner {  height: 140px;}
.banner-caption h2 { font-size: 26px; line-height: 32px;}
.banner-caption h4 { padding: 6px 14px;}
.banner-caption h4, .banner-caption h4 a, .banner-caption h4 span {font-size: 11px;}
.question p, .question p a, .question h4{ font-size: 15px; }
}
/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.team-inn { width: 100%; margin: 0 0 20px;}
.footer-col:nth-child(03) .ftr-list {flex-direction: column;}
.footer-col:nth-child(01),
.footer-col:nth-child(02) {
    width:100%;
}
}

/************************************* 390px *************************************/
@media only screen and (max-width: 390px) {
.check-wrp{ width: 100%; margin: 0 0 10px; }
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.frm-two{ width: 100%; margin: 0; }
.fixed-bottom-nav a{ font-size: 11px; }
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {
.container{width:90%;}
}