@font-face {font-family: 'OpenSans-Regular'; src: url('../fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');}
@font-face {font-family: 'Montserrat-Black'; src: url('../fonts/Montserrat/Montserrat-Black.ttf') format('truetype');}

:root {--xsFont:12px !important; --smFont:13.5px !important; --mdFont:14px !important; --lgFont:17px !important; --xlFont:25px !important; --xxlFont:40px;}

html, body {height: 100%; margin: 0; padding: 0;}

* {box-sizing: border-box;}

body {
font-family: "OpenSans-Regular", sans-serif;
font-size: 16px;
font-weight: 500;
color: #333333;
}

a {
color: #333333;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

a:focus,
a:hover {
outline: none;
text-decoration: none;
}

p {font-size: var(--mdFont); line-height: 22.5px;}
ul,ol {margin: 0; padding: 0;}
ul.bullets {list-style: none;}
ul li {font-size: var(--mdFont); list-style: none;}
ol li {font-size: var(--mdFont);}

img {max-width: 100%; height: auto;}

h1, h2, h3, h4, h5, h6 {font-family: "Montserrat-Black", sans-serif; color: #000000;}

h2 {
line-height: 40px;
}

blockquote {
padding: 10px 0px 10px 20px;
font-size: 16px;
}

.tb-padding {
padding: 40px 0px 25px 0px;
}

.tb-padding-25 {
padding: 25px 0px;
}

.b-padding {
padding-bottom: 50px;
}


/*.b-padding{padding:25px;}*/

.section-title {
text-align: left;
font-size: 40px;
font-weight: 300;
margin: 0px 10px 30px 10px;
padding: 0;
text-transform: uppercase;
}

.section-title span {
font-weight: 700;
}

.lg {
width: 260px;
}

.btn {
background: #ED1A92;
color: #FFFFFF;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
}


/* Navbar  start */

#navigation {
/*background: #253449;
border: 1px solid #253449;*/
background: #253449;
border: 1px solid #253449;
color: #FFFFFF;
text-align: center;
width: 300px;
position: fixed;
right: -300px;
top: 0;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: all 0.5s;
transition: all 0.5s;
padding: 25px
}

#navigation .logo {
margin: 0 auto;
padding: 30px;
width: 300px;
}

#navigation .nav li {
border: 1px solid transparent;
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
width: 100%;
margin: 8px auto;
}

#navigation .nav li a {
background: transparent;
color: #FFFFFF;
font-size: 15px;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0;
padding: 5px 15px;
}

#navigation .nav li:hover,
#navigation .nav li.active {
border-color: #FFFFFF;
}


/* Navbar End */


/* Header Section Start */

#header {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
color: #FFFFFF;
}

#header:before {
background: rgba(0, 0, 0, 0.15);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
bottom: 0px;
content: "";
display: block;
}

#header-top {
display: none;
}

#header .top-header {
margin-top: 20px;
}

.transarent-nav #menu {
display: block;
width: 48px;
height: 48px;
padding: 24px 30px;
cursor: pointer;
margin: 15px 0;
}

.transarent-nav #menu span {
background-color: #FFFFFF;
display: block;
font-size: 0px;
height: 3px;
margin-top: -1px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
width: 32px;
}

.transarent-nav #menu span:before,
.transarent-nav #menu span:after {
background: #FFFFFF;
content: "";
height: 100%;
left: 0;
position: absolute;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}

.transarent-nav #menu span:before {
-webkit-transform: translateY(-300%);
-moz-transform: translateY(-300%);
transform: translateY(-300%);
}

.transarent-nav #menu span:after {
-webkit-transform: translateY(300%);
-moz-transform: translateY(300%);
transform: translateY(300%);
}

.transarent-nav #menu:hover span,
.transarent-nav #menu:hover span:after,
.transarent-nav #menu:hover span:before {
background: #000000;
}

.transarent-nav #menu.active {
position: absolute;
right: 300px;
}

.transarent-nav #menu.active span {
background-color: transparent;
}

.transarent-nav #menu.active span:before,
.transarent-nav #menu.active span:after {
top: 0;
}

.transarent-nav #menu.active span:before {
transform: rotate(45deg);
}

.transarent-nav #menu.active span:after {
transform: rotate(-45deg);
}

#navigation.show_menu {
right: 0px;
}

#header .banner-text,
.covertext .banner-text {
margin: 25px auto;
}

#header .banner-text h2,
.covertext .banner-text h2 {
color: #000000;
font-size: 45px;
margin: 10px 0px;
}

#header .banner-text h6,
.covertext .banner-text h6 {
color: #FFFFFF;
font-size: 20px;
margin: 20px 0px;
}

#header .banner-text img,
.covertext .banner-text img {
max-width: 115px;
border-radius: 115px;
}

#header .banner,
.covertext .banner {
margin: 50px;
}

#header .banner h1,
.covertext .banner h1 {
color: #253449;
font-size: 42px;
font-weight: 400;
text-transform: uppercase;
}

#header .banner .scroll,
.covertext .banner .scroll {
margin: 50px 0;
}

#header .banner .scroll a i,
.covertext .banner .scroll a i {
font-size: 48px;
color: #000000;
padding: 12px;
width: 68px;
height: 68px;
text-align: center;
border-radius: 50%;
background: #FFFFFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#header .banner .scroll a i:hover,
.covertext .banner .scroll a i:hover {
background: #000000;
color: #FFFFFF;
}

.sub-banner {
text-align: center;
background: rgb(194 30 45 / 7%);
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 50px;
border: 2px solid #c11d2c21;
}

.sub-banner p {
font-size: 18px;
font-weight: 600;
}
/* Header Section End */


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


/* Professional Excellence Section          */


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


/* #professional-excellence{} */

#professional-excellence h2 {
margin: 0px 0px 40px 0px;
}


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


/* Treatments Section                       */


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

#treatments {
width: 100%;
position: relative;
}

#treatments .large {
position: absolute;
height: auto;
bottom: -15px;
background: #F1598B;
padding: 15px;
}

#treatments .large a {
color: #FFFFFF;
font-size: 20px;
}

#treatments .large p {
color: #FFFFFF;
font-size: 15px;
font-weight: 400;
}

#treatments .treatments-item {
margin-top: 15px;
overflow: hidden;
background: #ED1A92;
}

#treatments .treatments-item .content {
padding: 0px 7px;
}

#treatments .treatments-item .content a {
padding: 5px 0px;
color: #FFFFFF;
font-size: 20px;
display: inline-block;
}

#treatments .treatments-item .content p {
color: #FFFFFF;
font-size: 15px;
font-weight: 400;
margin-bottom: 0;
}

#treatments .treatments-item .treatment-img-section {
padding: 0px;
}

#treatments .title {
font-weight: 700;
text-decoration: none;
padding-bottom: 12px;
}

#treatments .title:hover {
color: #FFFFFF;
}

.treatments-large {
margin-top: 15px;
}


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


/* Facts Section Start                      */


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

#facts {
background: #fff;
background-size: 425px;
text-align: center;
}


/* #facts .section-title{} */

#facts .fa {
color: #FFFFFF;
font-size: 60px;
}

#facts .fact-block {
background: rgba(255, 255, 255, 0.07);
width: 216px;
border-radius: 50%;
height: 216px;
padding: 6px 6px;
margin: 24px 8px;
position: relative;
}

#facts .count-info {
position: absolute;
top: 0;
padding: 105px 32px;
}

#facts .count-info h3 {
font-size: 40px;
font-weight: 700;
line-height: 34px;
}

#facts .count-info h3 a {
color: #F1598B;
}

#facts .count-info h4 {
font-size: 14.5px;
font-weight: 700;
line-height: 20px;
color: #ED1A92;
text-transform: uppercase;
/*padding-top:5px;*/
margin-top: -30px;
}

#facts .count-info.read-more {
margin-top: -50px;
}

.circle {
width: 200px;
margin: 6px 20px 20px;
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
}

.circle strong {
position: absolute;
top: 60px;
left: 0;
width: 100%;
text-align: center;
line-height: 45px;
font-size: 42px;
}


/* Facts Section End */


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


/* Social Work Section Start                */


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

#social-work h2 {
margin: 50px 0px;
}


/********************************************/
/* Detailed Profile Section                 */
/********************************************/

#profile-section {background-color: #002856;}
#profile-section h2, #profile-section p {color: #fff;}

.profile-summary {
background: url(../images/background-stripe.png);
margin-top: 80px;
}

.profile-summary-content {
background: #FFFFFF;
padding: 20px 20px 20px 20px;
}

.patient-services h2 {
margin-top: 0px;
}

.patient-services h3 {
color: #F5CDB2;
padding: 5px 0px;
font-weight: 700;
}

.patient-services h4 {
line-height: 25px;
padding-bottom: 20px;
}

.patient-services hr {
border-top: 1px solid #EFEFEF;
}


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


/* Professional Journey Section Start       */


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


/* #professional-journey{} */


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


/* Achievements Awards Honors Section Start */


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

#achievements {
background: url(../images/background-stripe.png);
margin-bottom: 25px;
}

#achievements h3 {
color: #F5CDB2;
padding: 5px 0px;
font-weight: 700;
}

#achievements hr {
border-top: 1px solid #EFEFEF;
}

.achievements-content {
background: #FFFFFF;
margin: 30px 0px 20px 0px
}

#awards-honors h3 {
background: #F5CDB2;
padding: 5px 0px;
font-weight: 700;
}

#awards-honors hr {
border-top: 1px solid #EFEFEF;
}


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


/* Patient Services Section                 */


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

.patient-services {
background: url(../images/background-stripe.png);
}

.patient-services h2 {
margin-top: 0px;
}

.patient-services h3 {
padding: 5px 0px;
font-weight: 700;
}

.patient-services h4 {
line-height: 25px;
padding-bottom: 0px;
}

.patient-services hr {
border-top: 1px solid #EFEFEF;
}

.patient-services-content {
background: #FFFFFF;
padding: 20px 20px 0px 20px;
}

#gynaecological-treatment .col-md-4 {
width: 30.5%;
}

#gynaecological-treatment .patient-services-content {
margin: 0px 15px 20px 15px;
padding-bottom: 15px;
}

#gynaecological-treatment .patient-services-content ul li {
list-style: circle;
margin-left: 15px;
}

#infertility .col-md-4 {
width: 30.5%;
}

#infertility .patient-services-content {
margin: 0px 15px 20px 15px;
padding-bottom: 15px;
}

#infertility .patient-services-content ul li {
list-style: circle;
margin-left: 15px;
}


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


/* News Archives Section Start              */


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

#news-archives {
background: url(../images/background-stripe.png);
}

#news-archives h2 {
margin: 30px 0px;
font-weight: 700;
}

#news-archives h5 {
font-size: 15px;
font-weight: 600;
line-height: 20px;
color: #676767;
}

.archives-content {
background: #FFFFFF;
margin: 40px 0px 30px 0px;
padding-bottom: 20px;
}

.archives-content p {
text-align: center;
}

.archives-content-news {
min-height: 250px;
}


/* Footer Section Start */

#footer .footer-menu {
color: #777777;
width: 100%;
background: #F1F1F1;
padding: 25px;
background-size: cover;
margin-top:15px;
}

#footer .footer-menu h3 {
font-size: 20px;
font-weight: 700;
}

#footer .footer-menu p {
font-size: 12.5px;
line-height: 20px;
font-weight: 700;
}

#footer .footer-menu a {
color: #777777;
font-size: 12.5px;
line-height: 25px;
padding-left: 40px;
font-weight: 700;
text-decoration: none;
}

#footer .footer-menu a:hover,
.footer-copyright a:hover {
color: #F1598B;
}

#footer .footer-menu .social-icon {
font-size: 25px;
padding-left: 0px;
}

#footer .footer-copyright p {
font-size: 12.5px;
font-weight: 500;
padding: 10px 0px 0px 0px;
}

#footer .footer-copyright a {
padding-left: 0px;
}


/* Feedback Section End */

.transarent-nav ul li ul.dropdown-menu {
background-color: #253449;
left: 0;
padding: 10px;
}

.transarent-nav ul li ul.dropdown-menu li {
text-align: center;
}

.navbar-default.transarent-nav {
background: none;
position: absolute;
margin: 0 auto;
width: 100%;
}


/* CSS Hack to trigger GPU for smooth transition */


/* CSS Hack to trigger GPU for smooth transition */


/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

.color-yellow {
color: #ffa500;
font-weight: 600;
font-style: italic;
}

.feature_image {
max-width: 100%;
background-size: cover;
height: 100%;
background-repeat: no-repeat;
min-height: 280px;
background-position: center center;
position: relative;
margin-top: 80px;
}

.feature-heading {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.5);
}

.full-screen {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}


/* Override Bootstrap Styles */

.textwidget {
padding-left: 35px
}

.navbar-brand {
padding: 8px 15px;
}

.awards_dml li {
width: 19%;
margin: 30px 0;
}

.awards_dml li img.img-thumbnail {
box-shadow: 2px 2px 5px #aaa;
}

.awards_dml li img.img-thumbnail:hover {
transform: scale(1.1);
}

.press_media li {
margin: 20px 4px auto;
width: 19%;
background-color: #f5f6f7;
position: relative;
border: 1px solid #d9d8c5;
}

.press_media li:hover {
border-width: 2px;
}

.press_media li:before,
.press_media li:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width: 300px;
background: #777;
box-shadow: 0 15px 10px #777;
transform: rotate(-3deg);
}

.press_media li:after {
transform: rotate(3deg);
right: 10px;
left: auto;
}

.lightbox .lb-container {
background-color: #d9d8c5;
transition: transform .2s;
}

.lightbox .lb-container:hover {
-ms-transform: scale(1.3);
/* IE 9 */
-webkit-transform: scale(1.3);
/* Safari 3-8 */
transform: scale(1.3);
}

.googlemap-wrapper {
width: 100%;
min-height: 400px;
border: none;
margin: 10px 0px;
background: #ececee;
}

.map-responsive {
overflow: hidden;
position: relative;
height: 480px;
}


/*
* Add all your customizations here
*/


/* HTML Tags Styles */


/* Generic HTML Styles */

.h2-line {
border-bottom: 10px double #FAFAFA;
line-height: 0em;
margin: 40px 0px 20px 0px;
}

.h2-line span {
background: #FFFFFF;
padding-right: 20px;
}

.padding-top20 {
padding-top: 20px;
}

.parallax {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}


/* Top Bar */

#header-top {
background-color: #F1F1F1;
font-size: 11.5px;
}

.top-bar {
min-height: 25px;
line-height: 30px;
}

.top-bar a {
color: #000000;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
}

.top-bar ul.secondary-menu {
margin: 0;
}

.top-bar ul.secondary-menu li {
display: inline;
list-style: none;
position: relative;
padding-bottom: 15px;
}

.top-bar ul.secondary-menu li a {
text-decoration: none;
color: #000000;
}

.top-bar ul.secondary-menu li a:hover {
color: #BA0000;
}

.top-bar ul.secondary-menu li span.divider {
position: relative;
margin: 0px 5px 0px -5px;
color: #000000;
}

.top-bar ul.secondary-menu li span.divider:last-child {
color: transparent;
}


/*End of top bar*/

.logo-section-border {
border-bottom: 1px solid #f1f1f1;
}

.logo {
margin: 10px 0px;
width: 80px;
display: inline-block;
}

.logo-text {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
font-size: 30px;
}

.logo-regency {
margin: 10px 0px;
padding-right: 0;
}

.logo-regency img {
width: 150px;
margin: 15px 0px;
}


/* Home Page Carousel */

.carousel {
margin-top: 80px;
}

.carousel .item {
max-width: 100%;
background-size: 100%;
background-position: center center;
height: auto;
transition-property: opacity;
background-repeat: no-repeat;
background-size: cover;
}

.carousel-indicators {
bottom: 5%;
left: 50%;
}

.carousel-caption {
position: inherit;
padding-top: 15em;
text-align: center;
}

.carousel-control {
line-height: 32em;
}

.carousel-caption h2 span,
.carousel-caption h3 span {
font-weight: 700;
color: #ff9900;
}

.carousel-caption p {
letter-spacing: 7px;
font-size: 1.1em;
font-weight: 300;
color: #fff;
margin: 1em 0 1em 0;
}

.carousel-fade .carousel-inner .item {
transition-property: opacity;
min-height: 680px;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
z-index: 2;
}

.sr-only {
font-size: 150px;
font-weight: 100;
color: #FFFFFF;
position: relative;
width: 128px;
height: 128px;
top: 5%;
}


/* 404 Page Styles */

.error-404 {
font-size: 100px;
}


/* Override Bootstrap Styles */

.navbar-default .navbar-toggle .icon-bar {
color: #000000;
}

.navbar {
margin-bottom: 0px;
border: 0px;
}

.navbar-default {
background-color: #FFFFFF;
border-radius: 0px;
z-index: 10000;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
background: none;
color: #F1598B;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background: none;
color: #ED1A92;
}

.navbar-default .navbar-nav>li>a {
color: #000000;
font-family: "Montserrat-Black", sans-serif;
font-size: 17px;
line-height: 40px;
margin: 10px 5px;
padding: 0px 10px;
cursor: pointer;
text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover {
background: none;
color: #F1598B;
}

.dropdown-menu>li>a {
color: #ED1A92;
font-family: "Montserrat-Black", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 25px;
text-transform: uppercase;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
background: none;
color: #F1598B;
text-decoration: none;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
background: none;
color: #F1598B;
}


/* Override Bootstrap Styles For Mobile Display */

.navbar-default .navbar-toggle {
border: none;
border-radius: 0px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background: none;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #000;
}

.navbar-toggle .icon-bar {
width: 35px;
height: 5px;
}

.fertility-box {
background: #F6F6F6;
padding: 25px 0px;
}

.fertility-box .flipster {
margin: 10px 0px;
}

.flipster--carousel .flipster__item {
perspective: 900px;
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
overflow: inherit !important;
}

#cboxTitle {
text-align: left;
}

#cboxCurrent {
display: none !important;
}

#cboxNext {
left: unset;
right: 30px;
}

#cboxPrevious {
left: unset;
right: 54px;
}

h2.f-title {
padding: 0px 0px;
margin: 5px 10px 10px;
}

.text-middle .first-half,
.text-middle .second-half {
display: inline-block;
vertical-align: middle;
padding-left: 30px
}

.text-middle .first-half {
width: 50%;
}

.text-middle .second-half {
width: 49%;
}

.btn-more {
background-color: #000;
color: #fff;
padding: 7px 20px;
margin: 25px 0;
font-size: 12.5px;
border-radius: 0px;
border: 5px solid #000;
}

.btn-more:hover,
.btn-more:focus {
background-color: #fff;
color: #000;
border: 5px solid #000;
}

#video-section {background-color: #F1598B;}
#video-section h2, #video-section p {color: #fff;}

#video-section h2 {
font-size: 24px;
}

#video-section .video-wrapper {
position: relative;
}

#video-section .video-wrapper>video {
width: 100%;
vertical-align: middle;
}

#video-section .video-wrapper>video.has-media-controls-hidden::-webkit-media-controls {
display: none;
}

#video-section .video-overlay-play-button {
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 10px calc(50% - 50px);
position: absolute;
top: 0;
left: 0;
display: block;
opacity: 0.85;
cursor: pointer;
background-image: linear-gradient(transparent, #111);
transition: opacity 150ms;
}

#video-section .video-overlay-play-button:hover {}

#video-section .video-overlay-play-button.is-hidden {
display: none;
}

.footer-menu h4 {
color: #444444;
margin-bottom: 25px;
}

.introduction {
padding-top: 200px;
}

.facts-detail {
padding: 0;
}

.facts-detail p {
font-size: 13.5px;
}


/* Menu css  */

#navbarContent ul ul {
display: none;
}

#navbarContent ul li:hover ul {
display: block;
background: #ffffff;
width: 350px;
position: absolute;
padding: 10px 0;
border: 1px solid #f1f1f1;
box-shadow: rgb(169 169 169 / 8%) 0px 2px 5px 1px;
border-radius: 0px 0px 15px 15px;
}

#navbarContent ul li:hover ul li a {
padding: 12px 20px;
display: block;
font-size: 16.5px;
font-weight: 800;
}

#navbarContent ul li:hover ul li a:hover {
color: #F1598B;
}

.head_bannerarea {
background: linear-gradient(90deg, rgba(153, 218, 225, 1) 0%, rgba(0, 92, 99, 1) 100%);
height: 260px;
max-width: 1080px;
margin: auto;
border-radius: 30px;
margin-top: 230px;
}

.head_bannerarea .imgBox img {
float: right;
height: 321px;
margin-top: -60px;
}

.head_bannerarea .imgBox {
width: 100%;
height: 250px;
margin-bottom: 30px;
}

.head_bannerarea .leftContent_area {
float: left;
margin: 20px 50px 20px;
max-width: 510px;
}

.head_bannerarea .leftContent_area h2 {
color: #035056;
font-weight: bolder;
margin-top: 7px;
line-height: 1.4;
}

.head_bannerarea .leftContent_area p {
color: #035056;
font-size: 21px;
font-weight: 500;
line-height: 1.3;
}

.head_bannerarea .leftContent_area a {
color: #035056;
line-height: 1.5;
background: #fff;
border-radius: 4px;
padding: 10px 15px;
font-size: 14px;
font-weight: 600;
margin-top: 1px;
float: left;
}


.head_bannerarea.red {
background:linear-gradient(270deg, rgb(30 22 27) 0%, rgb(183 2 61) 100%);
}
.head_bannerarea.green {
background: linear-gradient(90deg, rgb(220 252 255) 0%, rgb(245 254 255) 100%);
}
.head_bannerarea.red h2{
color: #f5c7d6;
}.head_bannerarea.red p{
color: #fff;
}

/* about_content__section */

.about_content__section {
max-width: 1080px;
margin: auto;
padding: 50px 0;
}

.about_content__section p {
padding: 8px 0;
font-size: 16px;
font-weight: 600;
}

.about_content__section ul{
margin: 0 15px;
padding: 0px;

}
.about_content__section ul li{
list-style-type: disc;
font-size: 16px;
font-weight: 600;
padding: 8px 0px;

}

.page-banner {margin-top: 160px; background: #f1f1f1; /* height:450px; */}
.page-banner img {max-width: 100%; max-height: 100%; width: 100%; object-fit: cover; /* height: 100%; */}

/* Media Section */
.media-section {width: 100%; padding: 50px 0;}
.media-section .thumbnail-box {width: 100%; height: 160px; overflow: hidden; margin-bottom: 10px; padding: 11px; background: #fff; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 20%);}
.media-section .thumbnail-box img {max-width: 100%; max-height: 100%; height: 100%; width: 100%; object-fit: cover;}

.ekko-lightbox {
z-index: 999999!important;
}
.modal-backdrop.fade.in {
z-index: 99999!important;
}

/*
Reference:https://scotch.io/tutorials/default-sizes-for-twitter-bootstraps-media-queries

Custom, iPhone Retina
@media only screen and (min-width :320px){}

Extra Small Devices, Phones
@media only screen and (min-width :480px){}

Small Devices, Tablets
@media only screen and (min-width :768px){}

Medium Devices, Desktops
@media only screen and (min-width :992px){}

Large Devices, Wide Screens
@media only screen and (min-width :1200px){}
*/

@media (max-width: 767.98px) {
.text-middle .first-half,
.text-middle .second-half {
display: block;
padding-left: 20px;
width: 100%;
margin-top: 20px;
}
.introduction {
padding-top: 260px;
}
}

@media only screen and (max-width:480px) {
.carousel .item {
background-size: contain;
margin: 0px 0px -80px 0px;
}
.carousel-control {
line-height: 18px;
}
.carousel-caption {
min-height: 350px !important;
padding-top: 2em;
}
}

@media only screen and (min-width:768px) {}

@media only screen and (max-width:768px) {
.small_screen_img img {
width: 300px;
}
.sr-only {
display: none;
}
.navbar-brand {
padding: 15px;
}
.navbar-brand img {
width: 250px;
}
.navbar-toggle {
margin-top: 15px;
margin-bottom: 15px;
}
.logo {
margin: 5px 0;
}
.carousel-fade .carousel-inner .item {
min-height: auto!important;
}
.feature_image {
min-height: auto;
height: 100px;
}
.cntl-icon {
width: 80px;
height: 80px;
border: solid 8px #FFB800;
font-size: 25px;
line-height: 62px;
}
.cntl-content,
.cntl-image {
width: 85%;
}
.cntl-animate .cntl-content,
.cntl-animate .cntl-image {
margin-left: 1%;
}
}

@media only screen and (min-width:992px) {}

@media only screen and (min-width:1200px) {}