/*
Website Name: MAYA HEALTH CARE
File: Layout CSS
Author: Lalit
Creation Date : 19/04/2017
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700');
body{ margin:0; padding:0; font-family: 'Open Sans', sans-serif;}
.no-padding{ padding:0;}
/*INTRO*/
.widget-intro{ margin:0; padding:20px; width:100%; background:url(../images/intro-bg.jpg) no-repeat; background-size:cover; min-height:700px; overflow-y: hidden;}
.widget-intro h2{ font-size:60px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; margin-bottom:30px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
.widget-intro .service{ border:1px solid #fff; padding:10px; background:rgba(0,0,0,.3);}
.widget-intro h3{ font-size:18px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; margin-bottom:0px;}
.btn-intro{ width:150px; background:#eb1f27; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-top:20px; }
.btn-intro:hover{ background:#fff; color:#000; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s}
.btn-social{ max-width:225px;}
.intro{ background:rgba(0,0,0,.50); color:#fff; padding:20px; margin:0 auto; text-align:center; font-weight:700; font-size:16px; line-height:28px;}


/*INNER*/
.header{ margin:0; padding:10px; width:100%; border-top:3px solid #2c2c2c; z-index:3;}
.top-contact{ margin:10px 0 0 0; padding:0; }
.top-contact h2{ float:left; font-size:12px; margin:0 20px 0 0; color:#535353; line-height:16px; font-weight:normal; }
.top-contact i{ float:left; font-size:11px; background:#ec2028; margin-right:5px; color:#fff; padding:10px; width:30px; height:30px; 
-moz-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px; }
.top-social .btn{ margin-right:3px; border:0; margin-top:10px; }
.menu{ margin:0; padding:0; background: #2c2c2c; border-bottom:1px solid #ccc; z-index:3; -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75); }
.widget1{ margin:0; padding:60px 0; width:100%}
.widget1 h2{ margin:0 0 40px 0; font-size:36px; text-align:center; text-transform:uppercase; font-weight:bold; line-height:30px; color:#2c2c2c;}
.widget1-inner{ margin:0 0 30px 0; padding:10px; background:#f7f7f7;}
.widget1-inner img{ width:100%; margin-bottom:10px; }
.widget1-inner h2{ margin:0; font-size:18px; text-align:left; text-transform:uppercase; font-weight:bold; line-height:28px; color:#ec2028;}
.widget1-inner p{ color:#666; line-height:20px; font-size:13px;}
.widget1-inner a{ margin:0; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s}
.widget1-inner a:hover{ color:#2c2c2c; text-decoration:none; margin-left:5px;}
.widget1-inner a i{ margin-left:5px;}

.widget2{ margin:0; padding:100px 0; width:100%}
.widget2 h2{ margin:0 0 20px 0; font-size:14px; text-align:center; font-weight:bold; line-height:28px; color:#2c6ea6;}
.widget2 h2 span{ font-size:35px; color:#ec2028; }

.widget-overview{ margin:0; padding:80px 0; width:100%; }
.widget-overview h2{ margin:0 0 40px 0; font-size:36px; text-align:center; text-transform:uppercase; font-weight:bold; line-height:30px; color:#2c2c2c;}
.widget-overview p{ color:#444; line-height:24px; text-align:center; font-size:14px; font-weight:normal}

.widget4{ margin:0; padding:80px 0; width:100%; }
.widget4 h2{ margin:0 0 40px 0; font-size:36px; text-align:center; text-transform:uppercase; font-weight:bold; line-height:30px; color:#2c2c2c;}
/* Zoom In #1 */
.widget5 .item { position: relative; border: 1px solid #eee; margin: 2%; overflow: hidden;x; width:100%;}
.widget4 .item img { width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.widget4 .item:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

.widget-testimonial{ margin:0; padding:100px 0; width:100%;}
.widget-testimonial h2{ margin:0 0 40px 0; font-size:36px; text-align:center; text-transform:uppercase; font-weight:bold; line-height:30px; color:#fff;}
.widget-testimonial h3{ margin:0; font-size:12px; font-weight:normal; line-height:22px; color:#ccc;}
.widget-testimonial h3 span{ color:#fff; font-size:13px;}
.widget-testimonial p{ color:#fff; line-height:24px; padding-bottom:10px; font-size:14px; font-weight:normal; border-bottom:1px dashed #737373;}
.testimonial{ background:rgba(0,0,0,.50); margin:0 0 30px 0; padding:25px 35px;}
.testimonial i{ position:absolute; top:25px; left:30px;}

/*CONTACT*/
.widget-contact{ margin:0; padding:100px 0; width:100%; text-align:center;}
.widget-contact h2{ margin:0; font-size:18px; text-transform:uppercase; font-weight:bold; line-height:32px; color:#2c6ea6;}
.widget-contact p{ margin:0; font-size:18px; font-weight:normal; line-height:28px; color:#666;}
.widget-contact .contact{ background:#eee; margin:0; padding:20px 10px; min-height:210px; margin-bottom:20px;}
.widget-contact .contact2{ background:#eee; margin:0; padding:20px 10px; min-height:230px; margin-bottom:20px;}
.widget-contact i{ font-size:40px; color:#ec2028; background:#fff; height:80px; padding:20px; width:80px; border-radius:50px;}
.widget-footer-form .form-control{ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border:none; min-height:50px; border:1px solid #ccc; box-shadow:none; resize:none;}
.widget-footer-form .btn-submit{ background:#ec2028; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color:#fff; width:150px;}




/*BREADCRUMB*/
.widget-breadcrumb{ margin:0; padding:60px 20px; width:100%; background:url(../images/breadcrumb-bg.jpg) no-repeat; background-size:cover; }
.widget-breadcrumb h2{ margin:0; font-size:18px; text-transform:uppercase; font-weight:bold; line-height:30px; color:#ec2028;}
.widget-breadcrumb h2 a{ color:#ec2028; text-decoration:none;}
.widget-breadcrumb h2 a:hover{ color:#ec2028; text-decoration:none;}
.widget-breadcrumb h2 span{ color:#2c6ea6; margin-left:20px;}
.widget-breadcrumb i{ margin-left:20px;}

/*INNNER PAGE*/
.widget-inner{ margin:0; padding:50px 0; width:100%; }
.widget-inner img{ border:1px solid #eee; padding:8px; margin-bottom:20px;}
.widget-inner h2{ margin:10px 0 10px 0; font-size:25px; font-weight:bold; line-height:30px; color:#2c2c2c;}
.widget-inner h3{ margin:10px 0 10px 0; font-size:18px; font-weight:bold; line-height:30px; color:#2c2c2c;}
.widget-inner p{ color:#444; line-height:24px; font-size:14px; text-align:justify;}
.widget-inner ul { margin:0; padding:0;}
.widget-inner ul li { margin:0; padding:0 0 10px 24px; color:#444; line-height:24px; font-size:14px; list-style:none; background:url(../images/check.png) no-repeat;}
.widget-inner .overview-list ul { margin:0; padding:0;}
.widget-inner .overview-list ul li { margin:0 0 5px 0; padding:10px 15px; max-width:390px; color:#fff; line-height:24px; font-size:16px; list-style:none; background:#337ab7; font-weight:bold;}
.widget-inner .overview-list ul li i{ margin-right:5px; font-size:18px;}

.widget-inner .treatment{ margin:0; padding:0;}
.widget-inner .treatment h2{ margin:0 0 10px 0; padding:10px 10px 10px 20px; font-size:22px; text-align:center; text-transform:uppercase; font-weight:bold; line-height:30px; color:#ec2028; background:#f2f840; border:1px solid #ec2028; border-bottom:none;}
.widget-inner .treatment .bg1{background:#36b8b4; width:100%; padding:0px; min-height:610px; }
.widget-inner .treatment .bg2{background:#477baa; width:100%; padding:0px; min-height:610px;}
.widget-inner .treatment .detail{ background:rgba(0,0,0,.1); text-align:center; padding:10px 0; color:#fff; font-weight:bold; font-size:16px; margin-bottom:20px; min-height:160px;}
.widget-inner .treatment .detail img{ margin:0 auto; margin-bottom:10px;}
.widget-inner .treatment ul { margin:0 auto; padding:10px;}
.widget-inner .treatment ul li { margin:0; padding:0 0 10px 24px; float:left; text-align:center; color:#fff; line-height:28px; font-size:18px; list-style:none; background:none;}
.widget-inner .treatment ul li img{ margin:0 auto;}
.widget-inner .treatment img{ padding:0; border:none; margin:0;}
.widget-inner .profile{ background:#f4f4f4; padding:10px;}
.widget-inner .profile p{ text-align:center; background:#fff; padding:10px;}
.widget-inner .profile p strong{ color:#666;}
.widget-inner .profile img{ padding:0; border:none; margin:0; }
.widget-inner .profile .name{background:#337ab7; color:#fff; width:100%; margin:0 0 0px 0; padding:10px; min-height:80px;}
.widget-inner .profile h2{ margin:0; padding:0px; font-size:22px; font-weight:bold; color:#fff; }
.widget-inner .profile h3{ margin:0; padding:0px; font-size:14px; color:#fff;}
.widget-inner .profile i{ background:#276ba5; color:#fff; padding:22px 0; text-align:center; font-size:28px; min-height:80px; width:100%; margin:0; }
.widget-inner .profile ul li{ color:#666; font-weight:700;}

.widget-inner .treatment2{ margin:0; padding:0; border:1px solid #ec2028; background:#f7f7f7; width:100%; max-height:450px;}
.widget-inner .treatment2 h2{ margin:0; padding:10px; line-height:40px; font-size:22px; font-weight:bold; background:#f2f840; color:#ec2028; text-align:center; }
.widget-inner .treatment2 ul { margin:0 auto; padding:10px;}
.widget-inner .treatment2 ul li { margin:0; padding:10px; text-align:center; font-weight:bold; text-align:center; color:#2c6ea6; line-height:22px; font-size:16px; list-style:none; background:none; border-bottom:1px dashed #ccc;}
.widget-inner .treatment2 ul li:last-child{ border:none;}
.widget-inner .treatment2 img{ padding:0; height:100%; max-height:450px;}





/*GALLERY*/
.jbox-img{ padding:10px; border:1px solid #eee; background:#fff; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; margin-bottom:20px; height:200px; width:100%;}
.jbox-img:hover{ padding:10px; border:1px solid #eee; background:#eee;}

/*FOOTER*/
.footer{ margin:0; padding:25px 0; background: #2c2c2c;}
.footer p{ color:#fff; font-weight:normal; font-size:12px; text-align:center;}
.footer p i{ margin-right:4px;}
.footer p a{ color:#fff; }
.footer p a:hover{ color:#ccc; text-decoration:none; }
.footer-social{ margin:0 auto; margin-bottom:10px; width:120px;}
.footer-social .btn{ margin-right:3px; border:0; margin-top:10px; }

/*back-to-top*/
.back-to-top { cursor: pointer; position: fixed; bottom: 0; right: 20px; display:none; font-size:14px; padding:5px 10px 10px 10px; background:#e67e22; border:none; color:#fff;
-webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; z-index:9;}
.back-to-top:hover{background:#cd701f; border:none; color:#fff;}
.back-to-top:focus{background:#cd701f; border:none; color:#fff;}




/* MEDIA QUERY*/
@media screen and (min-width: 240px) and (max-width: 768px) { 
.widget-intro h2{ font-size:30px;} }
@media screen and (min-width: 320px) {
.widget-intro h2{ font-size:30px; } }
@media screen and (min-width: 480px) and (max-width: 800px) {
.widget-intro h2{ font-size:30px; } }
@media screen and (min-width: 768px) {
.widget-intro h2{ font-size:60px; }}
@media screen and (min-width: 1000px) {
.widget-intro h2{ font-size:60px; } }
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {  }