@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cormorant&family=Lato&display=swap');
/* 
font-family: 'Lato', sans-serif;
font-family: 'Cormorant', serif; 
*/



*{margin:0; padding:0; box-sizing: border-box;}
html,body{ height:100%; width:100%;font-family: 'Lato', sans-serif;}
body{color:#000;font-size:16px; line-height:20px;}
header,section,article,figure,aside,footer,nav{ display:block;}
.clr{ clear:both;}
ul{ list-style:none;margin:0px; padding:0px;  }
figure,img,iframe,video{ max-width:100%; vertical-align:bottom;}
a{text-decoration:none; }
p{margin:5px 0 20px 0; }
textarea{ resize:none;}
.fleft{ float:left;}
.fright{ float:right;}




.aligner{margin:0px auto;max-width:1200px; position:relative;}
.full_aligner{margin:0px 20px;position:relative;}


.myheader{border-top:5px solid #203866; position:fixed;top:0;left:0;right:0; z-index:999;font-family: 'Montserrat', sans-serif; }
.myheader .aligner{display:flex; flex-wrap:wrap; justify-content:space-between;}
.myheader.sticky{background:#eeeeee;padding:0;}
.sticky .logo_holder img{height:80px;}
.sticky .nav_holder{padding:0;}
#pull{display:none;}

.nav_holder{padding:35px 0 0 0;}
.logo_holder{padding:8px 0;}


.navigation{ cursor:pointer;display:none; padding:10px;}
.menu_controller{ cursor:pointer; display:none;}
.menuholder{ }
.sujit-nav{font-size:16px; text-transform:uppercase; }
.sujit-nav ul li{ float:left; position:relative;}
.sujit-nav ul li a{color:#12729c; display:block; padding:15px 15px;}
.sujit-nav ul li a:hover,.sujit-nav ul li:hover a{color:#203866;}
.sujit-nav ul li.current_page_item  a{color:#203866; }

.sujit-nav ul li ul{display:none; position:absolute;left:0;top:45px;text-transform:normal; }
.sujit-nav ul li:hover ul{display:block;}
.sujit-nav ul li ul li{display:block;float:none; width:220px;}
.sujit-nav ul li ul li a{display:block; padding:8px 10px; background:#FFF;}
.sujit-nav ul li ul li a:hover{ background:#203866; color:#FFF;}



.banner{ display:block;width:100%; position:relative; text-align:right; background:#eeeeee;}
.banner_aligner{ position:absolute; top:0px; width:100%; text-align:left;}
.banner h1{font-family: 'Montserrat', sans-serif; font-size:45px; font-weight:800; text-transform:uppercase;color:#13729b; line-height:50px;margin:170px 0 0 0;}
.watermark{ position:absolute;top:0;animation: watermark_ani 2s linear infinite alternate;}
.plus_sign{animation: plus_ani 8s linear infinite; position:absolute;top:120px;}
.medical{animation: medical_ani 5s linear infinite; position:absolute;top:120px;right:10%;}

.doctor{ }

  
  


/*
.banner_block{background:#f2e6d8;}
.banner{ position:relative;}
.mybanner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.banner_quote{}
.banner_quote h1{ font-family: 'Cormorant', serif; font-size:60px; line-height:60px;font-weight:400;color:#4B4036;margin: 0 0 40px 0;}
.banner_quote{max-width:500px; margin:0px auto;}
.banner_quote a{color:#FFF; background:#4B4036;font-size:14px;padding:16px 45px; }
.banner_quote a:hover{background:#B2A69B;color:#4B4036;font-weight:bold;}
*/



.welcome_block{padding:50px 0;}
.the_row{ display:flex; flex-wrap:wrap;justify-content:space-between;}

.welcome_slider{width:calc(100% - 710px	);}
.welcome_message{ width:700px; font-size:17.5px;}
.welcome_message p{ line-height:25px;}
.welcome_message h1{font-family:'Cormorant', serif; font-size:45px; color:#5c7dbc;font-weight:400;line-height:60px;}
h1 span{color:#203866;}

.titlebar{margin: 0 0 40px 0;text-align:center; }
.titlebar h1{font-family:'Cormorant', serif; font-size:45px;font-weight:400;line-height:60px;}
.titlebar h3{color:#000; font-size:13px; letter-spacing:4px; line-height:25px;}
.service_block{padding:50px 0; background:#F3F3F3;}
.service_block .titlebar{}


.products_block{ padding:50px 0;animation: bg_ani 10s linear 0s infinite alternate;color:#FFF;    background-size: 300% 300%;
    background-image: linear-gradient( -45deg, rgba(7,117,134,1) 0%, rgba(111,209,187,1) 50%, rgba(0,191,241,1) 100% );}
@keyframes bg_ani {
	0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes watermark_ani {
	0%{opacity: 0.3;transform: scale(1);}
  50%{opacity: 0.6;transform: scale(0.8);}
  100%{opacity: transform: scale(0.7);}
}

@keyframes plus_ani {
	0%{opacity: 0;transform: scale(0);left:40%;}
  20%{opacity: 0.3;transform: scale(0.5);left:50%;}
  40%{opacity: 0.8;transform: scale(1);left:60%;}
  80%{opacity: 1;transform: scale(1);left:80%;}
  100%{opacity: 0;transform: scale(0.1);left:105%;}
}
@keyframes medical_ani {
	0%{opacity: 0;transform: scale(0) rotate(-85deg);}
  40%{opacity: 0.5;transform: scale(0.5) rotate(0deg);}
  60%{opacity: 0.7;transform: scale(0.9) rotate(360deg);}
  70%{opacity: 0.9;transform: scale(1) rotate(360deg);}
  90%{opacity: 0.5;transform: scale(0.8) rotate(90deg);}
  100%{opacity: 0;transform: scale(0.1);}
}
.product_slider{}
.product_boxx{text-align:center; font-size:16px;}
.product_intro{padding:20px;}
.product_boxx a{color:#4B4036;}
.product_boxx h2{font-family: 'Cormorant', serif; font-size:35px; line-height:40px;color:#FFF;margin:10px 0; font-style:italic; letter-spacing:1px;}
.product_thumbnail{position:relative}
.book_overlay{display:none;position:absolute;left:0;right:0;top:0;bottom:0; z-index:999; text-align:center; }
.book_overlay a{top:50%;position:relative;color:#FFF; display:inline-block; padding:8px 15px; border:2px solid #FFF; background:rgba(255,255,255,0.2);}
.book_overlay a:hover{ background:rgba(255,255,255,1);color:#4B4036;}

.product_boxx:hover .book_overlay{display:block; background:rgba(57,41,28,0.6);}
.product_boxx:hover .product_intro{background:#203866;}

.bx-controls{}
.bx-wrapper .bx-controls-direction a{position:absolute;top:40%;margin-top:0px;outline:0;width:35px;height:45px;text-indent:-9999px;z-index:999;}
/*
.bx-wrapper .bx-prev{background:#4B4036;left:0px;}
.bx-wrapper .bx-next{background:#4B4036;right:0px;}
*/
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;display: inline-block; vertical-align: bottom;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #B2A69B;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;   -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #4B4036;}


.roundbox{width:400px; max-width:100%; position:relative;}
.roundbox svg{height:100%; width:100%;overflow:visible;-webkit-animation: path-rotate 20s linear infinite;}
.roundbox svg text{fill:#ff7a00;font-family:'Cormorant', serif; font-size:20px; color:#4B4036;font-weight:400;line-height:40px;}
.roundbox svg path{fill:none;}
@keyframes path-rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.slide_aligner{position:absolute;left:20px;top:20px;right:20px;}
.spa_slide{}
.theslide{border-radius:50%;overflow:hidden;}


/*
.testimonial_block{padding:50px 0; text-align:center; background:#f8f1ea; }
.border_box{ max-width:700px; margin:0px auto;}
.testimonial_box{ font-size:17px; line-height:25px;}
*/
.inner_header{ display:block;min-height:300px; padding:160px 0 0 0; text-align:center;width:100%;animation: bg_ani 10s linear 0s infinite alternate;color:#FFF;    background-size: 300% 300%;
    background-image: linear-gradient( -45deg, rgba(7,117,134,1) 0%, rgba(111,209,187,1) 50%, rgba(0,191,241,1) 100% );}
.inner_header h1{ font-family: 'Cormorant', serif; font-size:60px; line-height:60px;font-weight:400;color:#FFF; font-style:italic;}

.inner_content{min-height:450px; padding:50px 0;}
.inner_content h1{font-family:'Cormorant', serif; font-size:32px; color:#203866;line-height:40px; font-style:italic;}
.inner_content h3{font-family:'Cormorant', serif; font-size:28px; color:#000;line-height:40px; font-style:italic; clear:both; display:block;}
.inner_content h4{font-size:15px; color:#000;line-height:40px; clear:both; display:block;}
.inner_content h4 span{color:#0b94d0; font-style:italic;}
.inner_content ul{margin:0 0 20px 0;}
.inner_content ul li{padding:2px 2px 5px 30px; position:relative;}
.inner_content ul li:before{content:'\f046';font:400 16px FontAwesome; position:absolute;left:0;top:5px;color:#12729c;}
.about_row{ display:flex; flex-wrap:wrap;}
.about_thumb{width:500px;}
.about_content{padding:0 0 0 30px;width:calc(100% - 500px); }

.products{ display:flex; flex-wrap:wrap; }
.productbox{ width:350px; margin:15px; border:1px solid #efefef; background:#efefef; text-align:center; position:relative;}
.productbox h2{color:#203866;}
.product_thumb{display:block; overflow:hidden;}
.product_name{ padding:10px;font-family:'Cormorant', serif; font-size:18px; }
.product_thumb img{filter:brightness(1);}
.productbox:hover .product_thumb img{filter:brightness(0.7);}

.productbox a{display:none; z-index:9;}
a span{padding:7px 15px; color:#FFF;border:2px solid #FFF;}
.productbox:hover a{display:block; position:absolute;left:0;right:0;top:0;bottom:0; padding:150px 0 0 0; text-aliign:center; background:rgba(0,177,255,0.2);}

.buy_now{padding:10px 0; text-align:center; font-size:19px;}
.buy_now a{ display:inline-block; background:#0b94d0;color:#FFF; padding:10px 20px; border:2px solid #0079ae;}
.buy_now a:hover{background:#203866;color:#FFF; }

*{-webkit-transition: all 600ms linear;
-moz-transition: all 600ms linear;
-ms-transition: all 600ms linear;
-o-transition: all 600ms linear;
transition: all 600ms linear;}
.mask{-webkit-mask-image:url(https://creamz.wpengine.com/wp-content/uploads/2023/08/Creamz-pop-up-mask-img.png) ;-webkit-mask-position:center center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;}





.contact_block{padding:100px 0 0 0;}
.contact_block .titlebar{text-align:center;margin: 0 0 30px 0;}
.contact_thumb{width:45%;float:left;}
.contactboxx{width:45%;float:right;}
.contactboxx div{padding:7px;display:flex;}
.form_label{font-family:'Rock Slayers';font-style:normal; font-size:30px;width:130px;}
.form_field{width:calc(100% - 130px);padding:5px;}
.txtbox{ background:url('../images/txtbox.jpg') no-repeat center; background-size:100% 100%;}
.textarea{ background:url('../images/textarea.jpg') no-repeat center; background-size:100% 100%;}
.txtboxx{display:block;background:#FFF;border:none; padding:8px;width:100%;border-radius:3px;font-family: 'Heebo', sans-serif;font-weight:300; font-size:14px; }
.txtboxx:focus {background:#FFF;border:none;outline:0; }
.smt_btn{background:url('../images/send.jpg') no-repeat center; background-size:100% 100%;color:#000;font-size:19px;display:inline-block; padding:12px 25px;  font-weight:600;cursor:pointer;border:none;}
.smt_btn:hover{color:#e53861;}



footer{display:block; background:#203866;border-top:6px solid #559698;color:#FFF;padding:35px 0 0 0;}
.footer_left{float:left;padding:0 0 20px 0;}
.footer_logo{padding:0 0 30px 0;}
.footer_social ul li{display:inline-block; margin-right:8px; padding:0px;}
.footer_social ul li:before{content:'';display:none;}
.footer_social i{ font-size:18px;}
.footer_social a{color:#FFF; background:#7573da; border-radius:50%; height:38px; width:38px; text-align:center; line-height:40px;display:block;}
.footer_social a:hover{color:#203866; background:#FFF;}

.footer_social.contact a{color:#FFF; background:#203866;}
.footer_social.contact a:hover{color:#FFF; background:#569698;}

.footer_right{float:right; max-width:310px;}
.footer_row{padding:5px 0 15px 30px; position:relative; font-size:14.7px; line-height:20px;}
.icon_holder{position:absolute;left:0;top:7px;}
.icon_holder i{ font-size:16px;}

.copyright{text-align:center; padding:15px; font-size:14px; border-top:1px solid #559698;}


@media only screen and (max-width:1200px) {
	.aligner{ margin:0px 10px;}
  .roundbox{width:300px;}
}
@media only screen and (max-width:980px) {
	.spa_row{ flex-wrap:wrap;}
	.boxx{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.spa{width:30%;}
  .roundbox{width:300px; margin:0px auto;}
}
@media only screen and (max-width:960px) {
	.banner_quote h1{ font-size:40px; line-height:45px;}
	
	.service_row{ justify-content:space-between;}
	.service_thumb{ width:40%;}
	.service_content{width:60%;}
}
@media only screen and (max-width:900px) {
	.myheader {position:static;}
	.sticky .logo_holder img{height:80px;}
	.banner_quote{top:80px;}
	
	.inner_header{ padding:80px 10px;min-height:auto;}
	
	.about_thumb{ width:40%;}
	.about_content{ width:60%;}
}
@media only screen and (max-width:750px) {
	.boxx{  justify-content:space-around;}
	.spa{width:45%;}
}
@media only screen and (max-width:690px) {
	.myheader .aligner{margin:0;}
	.logo_holder{ width:100%;padding:5px;}
	.nav_holder{padding:0; width:100%;}
	
	.service_thumb{ width:100%;}
	.mask{ max-width:300px; margin:0px auto;}
	.service_content{width:100%; padding:0;}
}
@media only screen and (max-width:600px) {
	footer{ }
	.footer_left{width:100%;text-align:center;float:none; clear:both;}
	.footer_logo{padding:5px;}
	.footer_logo img{height:70px;}
	.footer_right{ float:none; margin:0px auto;}
	
	.inner_header{ padding:40px 5px;}
	.inner_header h1{ font-size:40px; line-height:45px;}
	.about_thumb{ width:100%; text-align:center;}
	.about_thumb img{ height:250px;}
	.about_content{ width:100%;}
	
}
@media only screen and (max-width:850px) {
	.myheader .aligner{margin:0;}
	.logo_holder{width:100%;padding:10px;}
	.nav_holder{width:100%;padding:0;}
	
	.watermark{display:none;}
	
	#pull{background:#569799;color:#FFF;display:block;padding:10px;text-align:right;z-index:9999;}
	.sujit-nav ul{display:none;z-index:9999;}
	.sujit-nav ul li{ display:block; width:100%; border-bottom:1px solid rgba(255,255,255,0.2);}
	.sujit-nav ul li:last-child{border-bottom:1px solid #203868;}
	.sujit-nav>ul>li:last-child{border-bottom:3px solid #203868;}
	li.hassub{position:relative;}
	li.hassub:before{content:'\f13a';font:400 16px FontAwesome;color:#203868; position:absolute;right:10px;top:8px;}
	.sujit-nav ul li a{padding:9px 15px;}
	.sujit-nav ul li a:hover{padding:9px 15px;background:#b3813a;color:#FFF;}
	
	.sujit-nav ul li ul{ display:block;position:static;}
	.sujit-nav ul li ul li{width:100%;}
	.sujit-nav ul li ul li a{padding:6px 6px 10px 30px;}
}
@media only screen and (max-width:450px) {
	.testimonial_block .titlebar h1{ font-size:35px; line-height:35px;}
	.service_intro{ padding:15px 5px;}
	.service_boxx h2{ font-size:25px; line-height:28px; margin:0;}
	
	.roundbox{ width:100%; padding:15px;}
	.service_content ul li{ width:100%;float:none;}
}