@charset "utf-8";
/*
Theme Name: Blank Elementor
Theme URI: https://www.hitechbpo.com/
Author: Manoj Soni
Author URI: http://hitechos.com/
Version: 2.0
Text Domain: hitechbpo.com
*/

* {margin: 0; padding: 0}
html{-webkit-text-size-adjust:none}

.clr {clear:both}
a {text-decoration: none}
.whitetxt {color: #fff!important}
.aligncenter {text-align: center}
body {font:18px/32px 'Source Sans Pro', sans-serif; color: #000; background-color: #fff}
.wrapper {width: 1170px; margin: 0 auto; position: relative}
.responsiveimg {max-width: 100%}

#nav {height: 80px; background-color: #000; width: 100%}
#nav ul {list-style: none;}
#nav ul li {display: inline-block; padding: 22px 0; position: relative}
#nav ul li:hover > ul {display: block}
#nav ul li a {color: #fff; text-decoration: none; text-transform: uppercase; line-height: 36px; display: block; height: 36px; padding: 0 40px; border-right: dotted 1px #fff} 
#nav ul li:last-child a {border-right: none}

#nav ul ul {position:absolute; width: 250px; background-color: #fff; top: 100%; z-index: 3; display: none}
#nav ul ul li {display: block; padding: 0 20px}
#nav ul ul li a {color: #000; padding: 10px 0; border-bottom: dotted 1px #cecec8; display: block}
#nav ul ul li a:hover {color: #ff831c}
#nav ul ul li:last-child a {border-bottom: none}

address {font-style: normal}

#homebanner {height: 800px; width: 100%; background: url(images/homebg.png); background-size: 100% 100%}
#innerbanner {height: 440px; width: 100%; background: url(images/innerbg.png); background-size: 100% 100%}
.bannersep {height: 1px; margin:20px 0 20px 0; border-top: dotted 1px #fff}

#logo {position: absolute; top: 20px; left: 0}
#headerright {float: right; margin-top: 60px; color: #fff; font-weight: 600; font-size: 26px}
#callus {position: relative; padding-left: 39px}
#callus:before {content: ""; width: 30px; height: 30px; position: absolute; top:2px; left: 0; background: url(images/phoneicon.png); display: block}

#bannerwrapper {margin-top: 30px; display: flex; align-items: stretch; position: relative}
#bannerwrapper:after {width: 1100px; height: 40px; content: ""; position: absolute; top: 100%; left: 50%; transform:translateX(-50%); background: url(images/bannershadow.png); background-size: 100%}
.bannerleft {width:510px; float: left; padding:80px 70px; box-sizing: border-box; background-color: #f16621; color: #fff}
.bannerimg {width: 660px; float: left}
.bannerimg img {width: 100%; display: block}

#innercontent {margin-top: 40px}
#content {width: 64%; float: left; margin-right: 3%}
#sidebar {width: 33%; float: left}

#timing {background-color: #e9e9e9; padding: 20px}

#content h2, #sidebar h2 {color: #000; text-transform: uppercase; font-weight: normal; margin-bottom: 25px}
.teamname, .timedays {color: #ff831c; font-size: 25px; margin-bottom: 10px}
.team {color: #858585; line-height: 28px}
.team img {width:100%; display: block; margin-bottom: 15px}
.sep {height: 1px; background-color: #cecec8; margin: 40px 0}
#docphoto {float: left; margin-right: 30px}
.uppercase {text-transform: uppercase}
.readmore {background-color: #e9e9e9; display: inline-block; padding: 5px 20px; border-radius: 25px; color: #000; text-transform: uppercase; letter-spacing: 2px; margin-top: 15px}
.timedays {text-transform: uppercase; margin-bottom: 0}
#stylebottom {margin-bottom: 15px}
#sidebarcall {font-size: 26px; margin-top: 20px}

.one-half {width: 48.5%; margin-right: 3%; float: left}
.one-half:nth-child(2n) {margin-right: 0}
.one-fourth {width: 22.75%; float: left; margin-right: 3%}
.one-fourth:nth-child(4n) {margin-right: 0}

.photo img {width: 100%}
#contactform {margin-bottom: 40px}
#contactform input, #contactform textarea {width: 100%; border: solid 1px #ccc; padding: 12px; margin-bottom: 15px; font: 16px/32px 'Source Sans Pro'; box-sizing: border-box}
#contactform textarea {height: 100px}
#contactform input[type=submit] {color: #fff; background-color: #007abd; text-transform: uppercase; letter-spacing: 2px; font-size: 20px; transition:all 0.5s}
#contactform input[type=submit]:hover {background-color: #363636; cursor: pointer}


.bannertitle {font-size: 42px; letter-spacing: -1px; color: #fff; margin-bottom: 30px}
.bannertitle span {display: block; font-size: 75px; color: #fff280; text-transform: uppercase; margin-bottom: 30px}

#bannerwelcome {margin-top: 50px}
#bannerwelcome h1 {font-weight: 400; margin-bottom: 10px; font-size: 36px}
#bannerwelcome a {display: inline-block; padding: 5px 25px; color: #f85431; text-decoration: none; background-color: #fff; margin-top: 10px; transition: all 0.4s}
#bannerwelcome a:hover {color: #fff; background-color: #f85431}

.one-third {width: 31.33%; float: left; margin-right: 3%}
.one-third:nth-child(3n) {margin-right: 0}

.box .textarea, .box2 .textarea {font-size: 35px; font-weight: 600; padding: 43px; box-sizing: border-box; line-height: 42px}
.box .textarea p, .box2 .textarea p {margin-top: 15px}
.box .imgarea img, .box2 .imgarea img {width: 100%; display: block}
.purple {background-color: #64537f; position: relative}
.pink {background-color: #cb4867; position: relative}
.purple a {color: #baabd2}
.pink a {color: #f3a5b5}

#aboutus {background: url(images/bgimage.jpg); padding: 50px 85px; box-sizing: border-box; margin-top: 50px; background-size: cover}
#aboutus h1 {text-align: center; margin-bottom: 20px}
#aboutus p {text-align: justify}

.purple:after, .pink:after {content: ""; width: 44px; height: 21px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 2; background: url(images/purple-arrow.png)}
.pink:after {top: auto; bottom: 100%; background: url(images/pink-arrow.png)}

#homerow2 {background-color: #e9e9e9; margin-top: -170px; position: relative; z-index: -1; padding: 50px 0}
#homerow2 .wrapper {margin-top: 170px}

.press {margin-bottom: 35px}
.press img {display: block; width: 100%}

#doctorphoto {float: left; margin-right: 6%; width: 30%}
#doctorbio {float: left; width: 64%}
#doctorphoto img {display: block; padding: 5px; max-width: 100%; border: solid 1px #ccc}
#docname {font-weight: bold; font-size: 24px}
#docdegree {font-size: 16px; line-height: 24px;}

#docdesc {margin: 12px 0}
#docdesc strong {text-transform: uppercase; font-size: 22px}
#docdetails {font-size: 15px; line-height: 22px}
#docdetails p {margin-bottom: 10px}

#additionalinfo {margin-top: 50px}
#additionalinfo p {margin-bottom: 12px}
h2 {font-size: 30px; color: #27527c; margin-bottom: 10px}
#additionalinfo ul, #sidebar ul {list-style: none}
#additionalinfo ul li, #sidebar ul li {background:url(images/bullet.jpg) 0 10px no-repeat; padding-left: 25px}
ul#advices li {margin-bottom: 10px}

h2.smaller {font-size: 24px}

#sidebar ul li {background-position: 0 12px; margin-bottom: 6px}

#footer {background-color: #255585; padding: 20px 0; font-size: 15px; line-height: 20px; color: #fff; margin-top: 40px}
#footer ul {list-style: none; margin-bottom: 15px}
#footer ul li {display: inline-block; font-size: 15px; line-height: 20px}
#footer ul li:last-child a {border-right: none}
#footer ul li:first-child a {padding-left: 0}
#footer ul li a {display: block; padding: 0 10px; border-right: solid 1px #fff; color: #fff; text-decoration: none}
#mobilebtn {display: none}

@media only screen and (min-width: 980px) and (max-width: 1169px) {
	.wrapper {width: 960px}
	#nav ul li a {padding: 0 23px}
	.bannerleft {padding: 49px 40px}
	#bannerwrapper:after {width: 98%; background-repeat: no-repeat}
	#homebanner {height: 700px}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	.wrapper {width: 750px}
	#logo {width: 200px}
	#headerright {margin-top: 44px}
	.bannerimg {position: relative}
	.bannerimg img {position: absolute; height: 100%}
	#nav ul li a {padding: 0 16.8px; font-size: 15px}
	.bannerleft {padding: 30px}
	.bannertitle span {font-size: 50px; margin-bottom: 10px}
	.bannertitle {font-size: 30px; margin-bottom: 12px}
	#bannerwrapper:after {width: 98%; background-repeat: no-repeat}
	#homebanner {height: 625px}
	.box .textarea, .box2 .textarea {font-size: 28px; line-height: 33px; padding: 25px}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	.wrapper {width: 630px}
	#logo {width: 200px}
	#headerright {margin-top: 35px}
	.bannerimg {position: relative}
	.bannerimg img {position: absolute; height: 100%}
	#nav ul li a {padding: 0 12px; font-size: 13px}
	.bannerleft {padding: 30px}
	.bannerleft {font-size: 17px; line-height: 30px}
	#bannerwelcome h1 {font-size: 28px}
	#bannerwelcome {margin-top: 30px}
	.bannertitle span {font-size: 40px; margin-bottom: 7px}
	.bannertitle {font-size: 30px; margin-bottom: 12px}
	#bannerwrapper:after {width: 98%; background-repeat: no-repeat}
	#homebanner {height: 625px}
	.box .textarea, .box2 .textarea {font-size: 24px; line-height: 30px; padding: 25px}
	#aboutus {padding: 40px}
	#aboutus h1 {line-height: normal}
	#additionalinfo .one-third {width: 100%; float: none; margin: 0 0 35px 0}
	.one-fourth {width: 48.5%; margin-bottom: 30px}
	.one-fourth:nth-child(2n) {margin-right: 0}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	.wrapper {width: 97%}
	#logo {width: 200px; position: static; margin-top: 20px}
	.bannerimg {position: relative}
	.bannerimg img {position: absolute; height: 100%}
	#nav ul {position: fixed; overflow: auto; width: 80%; top: 55px; right: 100%; background-color: #363636; transition: all 0.4s}
	#nav ul ul {position: static; width: 100%; background-color: #000; outline: none}
	#nav ul ul li a {color: #fff; outline: none}
	#nav ul li {display: block; padding: 8px 0; border-bottom: solid 1px #545454}
	#nav ul li a {padding: 0 20px; outline: none}
	#nav {height: 55px; position: fixed; z-index: 3; top: 0}
	.navactive {right: 0!important}
	.bannerleft {padding: 30px}
	.bannerleft {font-size: 17px; line-height: 30px}
	#bannerwelcome h1 {font-size: 28px}
	#bannerwelcome {margin-top: 30px}
	.bannertitle span {font-size: 40px; margin-bottom: 7px}
	.bannertitle {font-size: 30px; margin-bottom: 12px}
	#bannerwrapper {margin-top: 14px}
	#bannerwrapper:after {width: 98%; background-repeat: no-repeat;}
	#homebanner, #innerbanner {height: auto; margin-top: 55px; background: url(images/mobile-banner-bg.jpg); padding-bottom: 35px}
	.box .textarea, .box2 .textarea {font-size: 24px; line-height: 30px; padding: 25px}
	#aboutus {padding: 40px}
	#aboutus h1 {line-height: normal}
	#additionalinfo .one-third {width: 100%; float: none; margin: 0 0 35px 0}
	#mobilebtn {position: absolute; width: 35px; height: 35px; margin: 10px; top: 0; right: 0; background: url(images/mobile-menu.png); display: block; cursor: pointer}
	.one-third {width: 100%; margin: 0 0 30px 0; float: none}
	.box2 {display: flex; flex-wrap: wrap}
	.box2 .textarea, .box2 .imgarea {width: 100%}
	.box2 .imgarea {order: 2}
	.pink:after {bottom: -21px; top: auto; transform: rotate(180deg) translateX(50%)}
	#content, #sidebar {width: 100%; float: none; margin-bottom: 30px}
	#sidebar {border-top: solid 2px #cecec8; padding-top: 35px}
	.one-fourth {width: 48.5%; margin-bottom: 30px}
	.one-fourth:nth-child(2n) {margin-right: 0}
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.wrapper {width: 97%}
	#logo {width: 170px; position: static; margin-top: 20px}
	.bannerimg {position: relative}
	#headerright {font-size: 18px; margin-top: 46px}
	#callus {padding-left: 25px}
	#callus:before {height: 20px; width: 20px; background-size: contain; top: 7px; }
	.bannerimg img {position: absolute; height: 100%}
	#nav ul {position: fixed; overflow: auto; width: 80%; top: 55px; right: 100%; background-color: #363636; transition: all 0.4s}
	#nav ul ul {position: static; width: 100%; background-color: #000; outline: none}
	#nav ul ul li a {color: #fff; outline: none}
	#nav ul li {display: block; padding: 8px 0; border-bottom: solid 1px #545454}
	#nav ul li a {padding: 0 20px; outline: none}
	#nav {height: 55px; position: fixed; z-index: 3; top: 0}
	.navactive {right: 0!important}
	#bannerwrapper {display: block}
	.bannerleft {padding: 30px; float: none}
	.bannerleft {font-size: 17px; line-height: 30px}
	.bannerleft, .bannerimg {width: 100%}
	.bannerimg {float: none}
	.bannerimg img {position: static}
	#bannerwelcome h1 {font-size: 28px}
	#bannerwelcome {margin-top: 30px}
	.bannertitle span {font-size: 40px; margin-bottom: 7px}
	.bannertitle {font-size: 30px; margin-bottom: 12px}
	#bannerwrapper {margin-top: 14px}
	#bannerwrapper:after {width: 98%; background-repeat: no-repeat;}
	#homebanner, #innerbanner {height: auto; margin-top: 55px; background: url(images/mobile-banner-bg.jpg); padding-bottom: 35px}
	.box .textarea, .box2 .textarea {font-size: 24px; line-height: 30px; padding: 25px}
	#aboutus {padding: 40px}
	#aboutus h1 {line-height: normal}
	#additionalinfo .one-third {width: 100%; float: none; margin: 0 0 35px 0}
	#mobilebtn {position: absolute; width: 35px; height: 35px; margin: 10px; top: 0; right: 0; background: url(images/mobile-menu.png); display: block; cursor: pointer}
	.one-third {width: 100%; margin: 0 0 30px 0; float: none}
	.box2 {display: flex; flex-wrap: wrap}
	.box2 .textarea, .box2 .imgarea {width: 100%}
	.box2 .imgarea {order: 2}
	.pink:after {bottom: -21px; top: auto; transform: rotate(180deg) translateX(50%)}
	#content, #sidebar, #doctorphoto, #doctorbio, .one-fourth, .one-half {width: 100%; float: none; margin-bottom: 30px}
	#sidebar {border-top: solid 2px #cecec8; padding-top: 35px}
	.one-half {margin-bottom: 0}
}

@media only screen and (max-width: 359px) {
	.wrapper {width: 97%}
	#logo {width: 140px; position: static; margin-top: 20px}
	.bannerimg {position: relative}
	#headerright {font-size: 18px; margin-top: 40px}
	#callus {padding-left: 25px}
	#callus:before {height: 20px; width: 20px; background-size: contain; top: 7px; }
	.bannerimg img {position: absolute; height: 100%}
	#nav ul {position: fixed; overflow: auto; width: 80%; top: 55px; right: 100%; background-color: #363636; transition: all 0.4s}
	#nav ul ul {position: static; width: 100%; background-color: #000; outline: none}
	#nav ul ul li a {color: #fff; outline: none}
	#nav ul li {display: block; padding: 8px 0; border-bottom: solid 1px #545454}
	#nav ul li a {padding: 0 20px; outline: none}
	#nav {height: 55px; position: fixed; z-index: 3; top: 0}
	.navactive {right: 0!important}
	#bannerwrapper {display: block}
	.bannerleft {padding: 30px; float: none}
	.bannerleft {font-size: 17px; line-height: 30px}
	.bannerleft, .bannerimg {width: 100%}
	.bannerimg {float: none}
	.bannerimg img {position: static}
	#bannerwelcome h1 {font-size: 28px}
	#bannerwelcome {margin-top: 30px}
	.bannertitle span {font-size: 40px; margin-bottom: 7px}
	.bannertitle {font-size: 30px; margin-bottom: 12px}
	#bannerwrapper {margin-top: 14px}
	#bannerwrapper:after {width: 98%; background-repeat: no-repeat;}
	#homebanner, #innerbanner {height: auto; margin-top: 55px; background: url(images/mobile-banner-bg.jpg); padding-bottom: 35px}
	.box .textarea, .box2 .textarea {font-size: 24px; line-height: 30px; padding: 25px}
	#aboutus {padding: 40px}
	#aboutus h1 {line-height: normal}
	#additionalinfo .one-third {width: 100%; float: none; margin: 0 0 35px 0}
	#mobilebtn {position: absolute; width: 35px; height: 35px; margin: 10px; top: 0; right: 0; background: url(images/mobile-menu.png); display: block; cursor: pointer}
	.one-third {width: 100%; margin: 0 0 30px 0; float: none}
	.box2 {display: flex; flex-wrap: wrap}
	.box2 .textarea, .box2 .imgarea {width: 100%}
	.box2 .imgarea {order: 2}
	.pink:after {bottom: -21px; top: auto; transform: rotate(180deg) translateX(50%)}
	#content, #sidebar, #doctorphoto, #doctorbio, .one-fourth, .one-half {width: 100%; float: none; margin-bottom: 30px}
	#sidebar {border-top: solid 2px #cecec8; padding-top: 35px}
	.one-half {margin-bottom: 0}
}