@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Roboto:wght@400;500&family=Zilla+Slab:wght@400;500;600;700&display=swap');


/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clrflt{clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}

/**************************************************************************************/
a											{color:#000; text-decoration:none !important; outline:0 none; outline:none !important; transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
a:hover										{color:#000;  text-decoration:none;}
h1											{font-size:32px; line-height:45px; padding:0 0 20px 0; color: #818486; text-transform: uppercase; letter-spacing: 2px; }
h2											{font-size:22px; padding:0 0 15px 0; color: #818486; text-transform: uppercase; letter-spacing: 2px;}
h3											{font-size:18px; padding:0 0 15px 0; color: #818486; text-transform: uppercase; letter-spacing: 2px;}
h4											{font-size:16px; padding:0 0 15px 0; color: #818486; text-transform: uppercase; letter-spacing: 2px;}
h5											{font-size:14px; padding:0 0 15px 0; color: #818486; text-transform: uppercase; letter-spacing: 2px; }
h6											{font-size:12px; padding:0 0 15px 0; color: #818486; text-transform: uppercase; letter-spacing: 2px; }
p 											{font-size:13px; line-height:25px; padding:0 0 20px 0;}
p a 										{font-size:13px; padding:0 0 0px 0;}
ul li, ol li 								{font-size:15px; line-height:25px; } 
/*----------------------------------------------------------------------------------*/
 



/*----------------------------------------------------------------------------------*/

html 										{}
body										{color:#000000; background:#fff; font-family: 'Open Sans', sans-serif; font-size:16px;}
.flt_lt										{float:left; display:inline;}
.flt_rt										{float:right; display:inline;}
/* ---------------------------------------------------------------------------------*/
/* ===========
   Helper classes
 =============*/
 .p-0{padding:0!important}
 .p-20{padding:20px}
 .p-t-0{padding-top:0px!important}
 .p-t-10{padding-top:10px!important}
 .p-t-20{padding-top:20px!important}
 .p-t-30{padding-top:30px!important}
 .p-t-40{padding-top:40px!important}
 .p-t-50{padding-top:50px!important}
 .p-t-60{padding-top:60px!important}
 .p-t-70{padding-top:70px!important}
 .p-t-80{padding-top:80px!important}
 .p-t-90{padding-top:90px!important}
 .p-t-100{padding-top:100px!important}
 .p-b-0{padding-bottom:0px!important}
 .p-b-10{padding-bottom:10px!important}
 .p-b-20{padding-bottom:20px!important}
 .p-b-30{padding-bottom:30px!important}
 .p-b-40{padding-bottom:40px!important}
 .p-b-50{padding-bottom:50px!important}
 .p-b-60{padding-bottom:60px!important}
 .p-b-70{padding-bottom:70px!important}
 .p-b-80{padding-bottom:80px!important}
 .p-b-90{padding-bottom:90px!important}
 .p-b-100{padding-bottom:100px!important}

 .m-0{margin:0!important}
 .m-r-5{margin-right:5px}
 .m-r-10{margin-right:10px}
 .m-r-15{margin-right:15px!important}
 .m-t-3{margin-top:3px}
 .m-l-5{margin-left:5px}
 .m-l-10{margin-left:10px}
 .m-l-15{margin-left:15px}
 .m-t-5{margin-top:5px!important}
 .m-t-10{margin-top:10px!important}
 .m-t-15{margin-top:15px!important}
 .m-t-20{margin-top:20px!important}
 .m-t-25{margin-top:25px!important}
 .m-t-30{margin-top:30px!important}
 .m-t-40{margin-top:40px!important}
 .m-t-50{margin-top:50px!important}
 .m-t-60{margin-top:60px!important}
 .m-t-70{margin-top:70px!important}
 .m-t-80{margin-top:80px!important}
 .m-t-90{margin-top:90px!important}
 .m-t-100{margin-top:100px!important}
 .m-b-3{margin-bottom:3px}
 .m-b-5{margin-bottom:5px}
 .m-b-10{margin-bottom:10px}
 .m-b-15{margin-bottom:15px}.m-b-20
 {margin-bottom:20px}
 .m-b-25{margin-bottom:25px}
 .m-b-30{margin-bottom:30px!important}
 .m-b-40{margin-bottom:40px!important}
 .m-b-50{margin-bottom:50px!important}
 .m-b-100 {margin-bottom: 100px !important;}
 .m-b-150 {margin-bottom: 150px !important;}
 .w-xs{min-width:80px}.w-sm{min-width:95px}
 .w-md{min-width:110px}.w-lg{min-width:140px}
 .m-h-50{min-height:50px}.l-h-34{line-height:34px!important}
 .font-300{font-weight:300}.font-400{font-weight:400}.font-600{font-weight:600}
 .font-8{font-size:8px}.font-10{font-size:10px}.font-11{font-size:11px}.font-12{font-size:12px}
 .font-13{font-size:13px}.font-14{font-size:14px}.font-15{font-size:15px}.font-16{font-size:16px}
 .font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.font-24{font-size:24px}
 .b-0{border:none!important}
 .min-150{min-width:150px}
 .max-150{max-width:150px;width:100%}
/* ----------------------- layout ----------*/
body {overflow-x:hidden;}
.wrapper									{margin:0 auto; } 
.container									{}
.main_content								{padding:0; text-decoration: none !important; outline:none !important;}
.header										{position: fixed; z-index:99; width:100%;}
/*-------------------------------------------*/

/* -------------------- LOADER ----------------------*/
.loader {display:table; width:100%; height:100%; position:fixed; z-index:99999999999999999999999; left:0; top:0; background:#ffffff;}
.loaderin {width:100%; height:100%; display:table-cell; vertical-align:middle;}
.loaderlogo {padding:0 0 0px 0; width:100%; text-align:center;}
.loaderimage {padding:0 0 0px 0; width:100%; text-align:center;}
.loaderimage img {width:60px; margin-top:20px;}
::-moz-selection {background-color: rgba(0,0,0,0.9); color: #FFF;}
/* Works in Safari */
::selection {background-color: rgba(0,0,0,0.9);color: #FFF;}
/* Works in Opera */
::-o-selection {background-color: rgba(0,0,0,0.9);color: #FFF;}
::-ms-selection {background-color: rgba(0,0,0,0.9);color: #FFF;}
/* Works in Internet Explorer */
::-webkit-selection {background-color: rgba(0,0,0,0.9);color: #FFF;}
/* ------------------ HEADER HERE -------------------*/

.logo										{display:block; padding:0px 0;  }

/* ------------------------- NAVIGATION HERE ---------------*/
.navigation .container {width: 100%; max-width: 100%;}
.footer .container {width: 100%; max-width: 100%;}
.socialmob {display:none;}
.mobilelist {display:none;}
.navlist          {float:left;}
.navbar {float:right;}
.row-center {display: flex; align-items: center; align-content: space-between;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {background:none !important; box-shadow:none !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:none !important; box-shadow:none !important;}
.navigation									{background:rgba(255,255,255,0.9); position:relative; z-index:99; /*box-shadow:0 0 4px -2px #000;*/  padding: 18px 0; transition: all ease-in-out 0.3s;}
.navbar										{margin:0; min-height:inherit !important;}
.navbar-collapse							{padding:0;}
.navbar-default								{border:none; box-shadow:none; border-radius:0; background:none; width: calc(100% - 166px) !important; }
.navbar-nav									{display:inline-block; text-align:center; float:none;}
.navbar-nav	li 								{display:inline-block; position:relative;  }
.navbar-nav > .active > a					{background:none !important; box-shadow:none !important;}
.navbar-default .navbar-nav 				{font-size:0;}
.navbar-default .navbar-nav > li			{text-align:center;  padding:0px 65px 0px 0px; float:none; font-size:0;}
.navbar-default .navbar-nav > li:last-child {/*padding:0;*/}
.navbar-default .navbar-nav > li > a 		{font-size:15px; line-height:28px; color:#818486; letter-spacing: 2px; text-transform:uppercase;  padding:0; border:0px solid rgba(0, 0, 0, 0); transition:all ease-in-out 0.3s;  text-shadow:none !important;}
.navbar-default .navbar-nav > li.logo_pos {padding:5px 7px;}
.navbar-default .navbar-nav > li > a:after	{content:''; width: 70%; height:0px; background:#375580; display:block; margin:0 auto; padding:0; visibility:visible; opacity:1; transition:all ease-in-out 0.2s;   }
.navbar-default .navbar-nav li.active a {color:#375580;}
.navbar-default .navbar-nav li.active a:after {width: 100%;}
.navbar-default .navbar-nav li.active ul li a {color:#828283;}

.navbar-default .navbar-nav li.active a:after {width:100%;}
.navbar-default .navbar-nav > li > a:hover:after {visibility:visible; width:100%;   opacity:1;} 
 
.navbar-default .navbar-nav > li.appointment > a {  border:1px solid rgba(184, 181, 180, 1); border-radius:3px;}

.navbar-nav	li ul {width:200px; top:100%; left:0; position:absolute; display:none; background:rgba(200,201,203,0.8); padding:10px; }
.navbar-nav	li ul li {display:block; float:none; padding:5px 8px; text-align:left; font-size:13px; line-height:18px;}
.navbar-nav	li ul li a {font-size:14px; line-height:14px; color:#000000 !important; text-transform:uppercase;  padding:0; border:1px solid rgba(0, 0, 0, 0); display:block;}

.navbar-nav	li ul ul {width:200px; top:0; left:190px; position:absolute; display:none; background:rgba(200,201,203,0.8); padding:10px; }
.navbar-nav	li ul ul li {display:block; float:none; padding:5px 8px; text-align:left; font-size:13px; line-height:18px;}
.navbar-nav	li ul ul li a {font-size:14px; line-height:14px; color:#000000 !important; text-transform:uppercase;  padding:0; border:1px solid rgba(0, 0, 0, 0); display:block;}
.navbar-nav	li ul li.active a {color:#ffffff !important;}
.navbar-default .navbar-nav li ul li.active a {color:#ffffff !important;}


/*.navbar-default .navbar-nav > li:last-child a:after {
    background: transparent !important;
}*/

.login_btn { margin:0 ; font-weight:700; background-color:#818486 !important; color:#fff !important; box-shadow:none !important; font-size:13px;  border-radius:0; border:none; text-shadow:none; padding:6px 13px 6px;  transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; outline:none !important;background-image:none !important; display: inline-block; }



.navbar-nav li span								{background:url(../images/icon_plus.png) no-repeat center; width:35px; height:35px; position:absolute; right:2px; top:3px; display:none; cursor:pointer;}
.navbar-nav li span.open						{background:url(../images/icon_minus.png) no-repeat center;}

.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px;}
.navbar-toggle .icon-bar:nth-of-type(3) {top: 2px;}
.navbar-toggle .icon-bar {  position: relative; transition: all 500ms ease-in-out;}
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent;}
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); width: 22px !important;}
/* ---------------------------------------------------------*/

.banner                                     {position: relative; background: #375580;}
.bannermain									{width:100%; display:block;   padding:0px;  }
.bannermainin								{  }
.bannermain img								{width:100%; height:auto;}
.bannermain .item 							{cursor:default;}
.bannerhome									{padding:0px 0; color:#fff !important; }




.owl-nav {margin: 0;}
.owl-nav button {width:60px; height:60px; border:2px solid #fff !important; border-radius: 50% !important; outline: none !important; position:absolute; top:50%; margin:-30px 0 0 0 !important; display:flex !important; align-items: center; justify-content: center; cursor:pointer; font-size:50px !important; line-height:56px !important; color:#fff !important; background:none !important; padding:0 !important; opacity:1 !important;}
.owl-nav button i {font-size:50px !important;  color:#fff !important;}
.owl-nav button.owl-next {right:20px;   }
.owl-nav button.owl-prev {left:20px;  }
 

/* ------------------------ MIAN CONTENT HERE --------------*/

ul.discblock {display:block; list-style-type:none; margin:0; padding:0px 0 20px 0px;}
ul.discblock li { margin:0; padding:0 0 10px 0; font-size: 16px; line-height: 30px; color:#000; position: relative; font-weight: 300; }
ul.discblock li:last-child { padding-bottom: 0; }
ul.discblock li:before {background: #375580; width: 8px; height: 8px; content: ''; border-radius: 50%; position: absolute; left: -20px; top: 12px; }
ul.discblock li a { margin:0; padding:0 0 0px 0; font-size: 16px; line-height: 30px; color:#000;  font-weight: 300;}

ul.lineblock {display:block; list-style-type:none; margin:0; padding:0px 0 15px 0px;}
ul.lineblock li { margin:0; padding:0 0 5px 20px; font-size: 16px; line-height: 30px; color:#000; position: relative; font-weight: 300; }
ul.lineblock li:last-child { padding-bottom: 0; }
ul.lineblock li:before {background: #818486; width: 6px; height: 1px; content: ''; border-radius: 0%; position: absolute; left: 0px; top: 14px; }
ul.lineblock li a { margin:0; padding:0 0 0px 0; font-size: 16px; line-height: 30px; color:#000;  font-weight: 300;}

.banner {position: relative;}
.bannerhome {width: 100%; height: 100vh; min-height: 500px;}
.bannerhome img {width: 100%; height: 100vh; object-fit: cover; min-height: 500px;}
.banner-content .container {margin-top: 90px;}
.banner-content {width: 100%; height: 100%; text-align: center;  position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center;}
.banner-content h1 {font-size: 60px; line-height: 70px; color:#fff; font-weight: 700; letter-spacing: 8px; padding: 0 0 20px 0; }
.banner-content h2 {color:#fff; padding: 0 0 30px 0;font-weight:400;}
.banner-content a   {min-width:250px; max-width:250px;}

.bannerinner {width: 100%;  min-height: 350px;}
.bannerinner img {width: 100%;  object-fit: cover; min-height: 350px; max-height: 450px;}

.btn-border-rounded {font-size: 16px; text-transform: uppercase; text-align: center; padding: 0 50px; color: #fff; font-weight: 700; letter-spacing: 3px; line-height: 36px; border: 2px solid #fff; border-radius: 40px;}
.btn-border-rounded:hover {background: #375580; border-color: #375580; color:#fff;}    

.btn-border {font-size: 25px; max-width: 300px; width: 100%; text-transform: uppercase; text-align: center; padding: 0 15px; color: #818486; font-weight: 300; letter-spacing: 3px; line-height: 50px; border: 2px solid #818486; border-radius: 0px;}
.btn-border:hover {background: #375580;  border-color: #375580; color:#fff;} 

.section {padding: 50px 0; background: #fff; position: relative;}
.wt-bg{background: #fff;}
.grey-bg{background: #edf0f4;}
.blue-bg {background: #4b668c;}

.row-list {display: flex; align-items: center;}
.row-list.row-list-start{align-items: start;}
.row-list-reverse {flex-direction: row-reverse;}

.img-responsive {display: inline-block;}
.head-wo-line {color:#818486; font-size: 30px; line-height: 35px; padding: 0; margin-bottom: 40px; text-align: center; letter-spacing: 5px; text-transform: uppercase; font-weight: 400; }
.head-wt-line {color:#818486; font-size: 30px; line-height: 35px; padding: 0; margin-bottom: 40px; text-align: center; letter-spacing: 5px; text-transform: uppercase; font-weight: 400; position: relative; }
.head-wt-line:before {position: absolute; left: 0; top: 50%; height: 3px; width: 100%; background:#375580 ; margin: -1.5px 0 0 0 ; display: block; content: ''; }
.head-wt-line strong {display: inline-block; background: #fff; padding: 0 30px; text-transform: uppercase; font-weight: 400; color:#818486; font-size: 30px; line-height: 35px; position:  relative; z-index: 1; }
.head-title-italic {font-size: 20px; line-height: 40px; font-style: italic; color: #818486; text-align: center; max-width: 960px; width: 100%; margin: 0 auto; padding: 0; }

.max-400 {    max-width: 430px; width: 100%; padding-left: 30px;}
.max-400 p {font-size: 16px; line-height: 25px; color: #000000; font-weight: 300; }
.max-400 p:last-child {padding: 0;}
.max-400 h2:last-child {padding: 0;}

.max-4000 {  width: 100%; padding-left: 30px;}
.max-4000 p {font-size: 16px; line-height: 30px; color: #000000; font-weight: 300; }
.max-4000 p:last-child {padding: 0;}
.max-4000 h2:last-child {padding: 0;}

.footer .navbar-default{border:0; width:100% !important;}
.footer .navbar-default .navbar-nav > li {    padding: 10px 30px;}
.footer .navbar-nav {margin: 0 !important;}
.foot-logo {float: left; margin-right: 80px; margin-bottom: 30px; }
.foot-logo .img-responsive{width: 200px; }
.social 									{display:inline-block; padding:0px  0 0 0; float: left;  margin-bottom: 30px;}
ul.sociallist								{margin:0; padding:0 0px 0 0; display:inline-block; float: left;}
ul.sociallist li 							{margin:0; padding:0 40px 0 0px ; float:left;}
ul.sociallist li:last-child                 {padding: 0;}
ul.sociallist li a 							{display: block; margin:0; padding:0; display:inline-block; text-align: center; width: 27px; height: 27px; font-size:20px; line-height:27px; border-radius: 50%; background: #fff; color:#4b668c; transition:all ease-in-out 0.3s; }
ul.sociallist li a i						{display:inline-block; margin:0; padding:0; line-height:27px; transition:all ease-in-out 0.3s;}
ul.sociallist li a:hover                    {background: #4b668c; color:#fff; }
ul.appicons									{margin:0; padding:0; display:inline-block; }
ul.appicons li 								{margin:0; padding:5px 10px 5px 0px ;  display:inline-block; vertical-align: middle;}
ul.appicons li:last-child  					{padding:5px 0px 5px 0px ;}
ul.appicons li a 							{display: block; }
ul.appicons li a img						{width:90px; height:auto;/* border:1px solid #fff; */border-radius:5px; display:block; }
.app-icons-list	{margin-top: 20px; text-align: center;}
.app-icons-list h4 { text-align: center; font-size: 20px; line-height: 25px; color:#fff;}

.foot-contact {text-align: right;}
.foot-contact ul {margin: 0; padding: 0; display: block;}
.foot-contact ul li {margin: 0; padding: 0 0 10px 0; display: block; font-size:17px; line-height:28px; color: #fff; font-weight: 300; letter-spacing: 2px;}
.foot-contact ul li a{margin: 0; padding: 0; display: block; font-size:17px; line-height:28px; color: #fff;}
.foot-contact ul li i {display: inline-block; vertical-align: middle; font-size:25px; line-height:28px; margin-left: 20px;}
.foot-contact ul li img {display: inline-block; vertical-align: middle;  margin-left: 20px;}

.contact {text-align: left;}
.contact ul {margin: 0; padding: 0; display: block;}
.contact ul li {margin: 0; padding: 0 0 10px 0; display: block; font-size:17px; line-height:28px; color: #818486; font-weight: 300; letter-spacing: 2px;}
.contact ul li a{margin: 0; padding: 0; display: block; font-size:20px; line-height:28px; color: #818486;}
.contact ul li i {display: inline-block; vertical-align: middle; font-size:25px; line-height:28px; margin-left: 20px;}
.contact ul li img {display: inline-block; vertical-align: middle;  margin-left: 20px;}

.social-contact ul li a { width: 49px; height: 49px; font-size:35px; line-height:49px; color:#edf0f4;}

.form-group {margin-bottom:35px;}
.form-control {color:#818181; background:#ffffff; font-size:20px; line-height:30px;  border-radius:0; box-shadow:none; resize:none; border:1px solid #051944; padding:7px 15px; height:49px;  font-weight: 300; }
textarea.form-control {height:auto;}
.btn-send {background:#39b3e4;  color:#ffffff; box-shadow:none; font-size:14px; line-height:20px; border-radius:5px; border:1px solid #39b3e4; text-transform:uppercase; text-shadow:none; height:35px; padding:7px 15px; margin-top:0px; transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; font-family: 'AvenirMedium'; font-weight:bold; letter-spacing:2px;}
.btn-send:hover {background:#ffffff; color:#39b3e4;}
.form-control::-webkit-input-placeholder { color: #818181 !important; text-transform: uppercase; }
.form-control:-moz-placeholder { color:  #818181 !important; text-transform: uppercase;}
.form-control::-moz-placeholder { color:  #818181 !important; text-transform: uppercase; }
.form-control:-ms-input-placeholder { color:  #818181 !important; text-transform: uppercase;}
.container {width: 100%; max-width: 960px;}
.inner-cont .container {width: 100%; max-width: 960px;}
.max-400 h2 {line-height: 30px;}
.max-inner  {margin-bottom: 20px !important; padding-left: 0;}
.max-inner:last-child {margin-bottom: 0 !important;}
.max-inner h2 {text-transform: inherit; padding-bottom: 20px;}
.max-inner h2:last-child {padding-bottom: 20px;}


.designby{text-align: center; font-size: 12px; line-height: 20px; font-weight: 400; color: #fff; padding:  20px 0 0; text-transform: uppercase; letter-spacing: 2px;}
.designby a{ color: inherit; font-weight: 700; font-size: inherit; }
/* ==================== Back to top Start ==================== */

.backtop-dv{}
.backtop-dv i{ color:#4b668c; transition: all 0.7s ease; font-size: 20px; vertical-align:middle;}
.back-to-top {display: block; width: 40px;height: 40px;line-height: 35px;text-align: center; position: fixed;bottom: -40px;right: 20px;background-color: #fff;color: #4b668c;z-index: 999; 
    border-radius: 50%;text-align: center; border:solid 1px #000;   transition: all 0.5s ease;
}
.back-to-top.show { bottom: 20px; }
.back-to-top:hover { background: #fff; opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
.back-to-top:hover i {color:#000;}


@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
    text-align: center;
    text-decoration: none !important;
    outline:none !important;
}
.scroll-btn > * {
	display: block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none !important;
    outline:none !important;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
  animation: ani-mouse 2.5s linear infinite;}

  .scroll-down {width: 100%; position: absolute; bottom: 120px; left: 0; z-index: 999; text-align: center; }
  #scroll-down {position: absolute; top: -75px;}
  .review-box {
	  display: none !important;
  }
/* ==================== Back to top End ==================== */




.req_popup_main.modal{padding-right: 0 !important;}
.req_popup_inner{padding:20px 20px 0;}
.req_popup_main .modal-dialog {max-width:900px !important; width:100%; padding:0 15px ; margin:15px auto; }
.req_popup_main .modal-header{border:none ;}
.req_popup_main .modal-content{ max-width: 600px; margin: 0 auto; background: #fff; border-radius: 20px;
  -webkit-box-shadow: -2px 0px 25px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: -2px 0px 25px 3px rgba(0,0,0,0.2);
  box-shadow: -2px 0px 25px 3px rgba(0,0,0,0.2);
}
.req_popup_main .close { width:34px; height:34px; position:absolute; right:10px ; top:15px;  outline:none; border-radius:50%; color:#fff !important; font-size:22px !important; line-height:25px !important; opacity:1 !important; text-align:center; text-shadow:none !important; font-weight:normal !important;background: #375580; z-index: 9;
}
.req_popup_main .close span {margin:-3px 0 0 0; display:block; font-size:25px; font-weight: 600; line-height: 30px; color:#fff;}
.send_btn { margin:0 ; font-weight:600; background-color:#375580 !important; color:#fff !important; box-shadow:none !important; font-size:18px;  border-radius:0; border:none; text-shadow:none; padding:6px 16px 6px;  transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; outline:none !important;background-image:none !important; display: inline-block; }
.req_popup_inner .form-group{margin-bottom:15px;}
.req_popup_inner .form-control{height:40px; font-size:18px; font-weight:400;}

/*font-family: 'Playfair Display', serif;  font-family: 'Zilla Slab', serif; font-family: 'Roboto', sans-serif; */


.banner-content { background: rgba(0,0,0,0.25); }
.banner-outer { backdrop-filter: blur(6px); background: rgb(253 253 255 / 30%); padding: 70px; }
.banner-outer h2 { font-weight: 500; font-family: 'Zilla Slab', serif; font-size: 34px; line-height: 50px; }
.btn-border-rounded { border: 2px solid #035391; border-radius: 0; background: #035391; font-family: 'Roboto', sans-serif; font-weight: 500; }
.btn-border-rounded:hover { background: transparent; border: 2px solid #035391; }
.footer { background: #edf0f4; padding: 40px 0; }
.footer-company-description p { font-size: 16px; line-height: 30px; color: #000000; font-weight: 300; }
.footer-company-description { padding: 10px 10px; }
.footer-links ul li a, .footer-links p { font-size: 16px; line-height: 30px; color: #000000; font-weight: 300; padding-bottom: 10px; }
.footer-links .footer-title { font-size: 16px; line-height: 30px; color: #000000; font-weight: 600; padding-bottom: 0; text-transform: uppercase; letter-spacing: 0; }
.footer-links ul { column-count: 2; }
.social-media li a svg { width: 25px; fill: #53b4e3; }
.social-media li:last-child a svg { width: 30px; }
.social-media li { margin-right: 14px; }
.footer-links ul.social-media { column-count: auto; display: inline-flex; align-items: center; }
.social-media { padding: 10px 0; }
.footer-copy { background: #757575; padding: 10px 0; text-align: center; }
.footer-copy p { padding: 0px; color: #fff; font-weight: 600; }
.footer .mb-1 { margin-bottom: 10px; }
.row-list { display: flex; align-items: stretch; }
.inner-cont .container { width: 100%; max-width: 1160px; }
.hero-banner-dimensions img { width: 100%; object-fit: cover; min-height: 260px; max-height: 260px; object-position: 100% 70%; }
.hero-banner-dimensions { min-height: 260px; position: relative; }
.hero-banner-dimensions:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.sub-nav-text { position: absolute; top: auto; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; max-height: 169px; }
.sub-nav-text .sub-ban-top-text h2 { text-align: center; color: #fff; font-weight: 500; font-family: 'Zilla Slab', serif; font-size: 34px; line-height: 50px; padding-bottom: 0px; }
.sub-ban-top-text .breadcrumb { background-color: transparent; margin: 0; }
.sub-ban-top-text .breadcrumb > .active { color: #c6c6c6; text-transform: uppercase; }
.sub-ban-top-text .breadcrumb > li > a { color: #fff; font-size: 16px; }
.max-contact-sec { max-width: 900px; width: 100%; margin: 0 auto; }
.contact-sec { text-align: center; color: #000; font-weight: 500; font-family: 'Zilla Slab', serif; font-size: 34px; line-height: 50px; padding-bottom: 10px; }
.contact-sec h2 { text-align: center; color: #000; font-weight: 500; font-family: 'Zilla Slab', serif; font-size: 34px; line-height: 50px; padding-bottom: 10px; }
.contact-sec p { font-size: 17px; line-height: 25px; color: #2b2b2b; font-weight: 300; font-family: 'Roboto', sans-serif; }
.contact-sec { max-width: 600px; width: 100%; margin: 0 auto; }
.contact-address h5 { color: #000; font-weight: 500; font-size: 20px; line-height: 20px; padding-bottom: 10px; text-transform: capitalize; font-family: 'Roboto', sans-serif; letter-spacing: 0; }
.contact-address p, .contact-address p a, .contact-address a { font-size: 16px; line-height: 25px; color: #757575; font-weight: 300; font-family: 'Roboto', sans-serif; letter-spacing: 0; padding-bottom: 6px; }
.max-offset-grid { border-style: solid; border-width: 0px 0px 0px 2px; border-color: #14B1BB; border-radius: 5px 5px 5px 5px; padding: 20px; display: flex; box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 8%); background: #fff; margin-bottom: 20px; }
.contact-address { margin-left: 16px; }
.bg-contact-gray { background: #F9F9F9; }
.career-content p a { font-size: 16px; line-height: 25px; color: #0997dc; font-weight: 300; font-family: 'Roboto', sans-serif; letter-spacing: 0; padding-bottom: 6px; }
ul.discblock { padding-left: 20px; }
.services-ban { position: relative; padding-bottom: 80%; overflow: hidden; }
.services-grid { margin-bottom: 30px; }
.services-title h3 { text-align: center; color: #ffffff; font-weight: 500; font-family: 'Zilla Slab', serif; font-size: 19px; line-height: 30px; padding-bottom: 10px; letter-spacing: 0; padding-top: 10px; }
.services-title { background: #40aee3; width: 100%; }
.mb-55 { margin-bottom: 40px; }
.services-ban img { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; left: 0; overflow: hidden; }
 @media(max-width:991px) {
.footer-links ul { column-count: auto; }
.footer .col-12 { margin-bottom: 16px; }
}
 @media(max-width:767px) {
.banner-outer { padding: 20px; }
.banner-outer h2 { font-size: 18px; }
.max-4000 { padding-left: 0px; }
}