body{ margin:0; padding:0; font-family: 'latoregular'; overflow-x:hidden; } h1,h2,h3,h4,h5,h6,ul,ol,li,p,a,span{ margin:0; padding:0; font-weight:normal;} h1{ font-size:40px; color:#000; margin:0 0 15px 0; } h2{ font-size:30px; margin:0 0 10px 0; color:#333; } h3{ font-size:23px; margin:0 0 5px 0; color:#666;} h4{ font-size:18px; margin:0 0 5px 0; color:#0f9f90;} h5{ font-size:16px; margin:0 0 5px 0; color:#666;} h6{ font-size:15px; margin:0 0 5px 0; color:#666;} p{ font-size:15px; color:#000; line-height:24px; margin:0 0 20px 0; font-family: 'latolight';} ul{ list-style:none; } .list-style{ margin:0 0 20px 0} .list-style li:before{ content:"\f101"; color:#fb7600; font-family: 'FontAwesome'; margin:0 8px 0 0; float:left;} .list-style li{font-family: 'latolight'; padding:0 0 3px 0; font-size:15px; color:#7e7e7e; line-height:24px; } @font-face { font-family: 'roboto_condensedregular'; src: url('fonts/robotocondensed-regular_0-webfont.eot'); src: url('fonts/robotocondensed-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-regular_0-webfont.woff2') format('woff2'), url('fonts/robotocondensed-regular_0-webfont.woff') format('woff'), url('fonts/robotocondensed-regular_0-webfont.ttf') format('truetype'), url('fonts/robotocondensed-regular_0-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('fonts/robotocondensed-bold_0-webfont.woff2') format('woff2'), url('fonts/robotocondensed-bold_0-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'OpenSansRegular'; src: url('fonts/OpenSans-Regular-webfont.eot'); src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('fonts/OpenSans-Semibold-webfont.eot'); src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('fonts/OpenSans-Bold-webfont.eot'); src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtrabold'; src: url('fonts/OpenSans-ExtraBold-webfont.eot'); src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('fonts/opensans-light_0-webfont.eot'); src: url('fonts/opensans-light_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light_0-webfont.woff') format('woff'), url('fonts/opensans-light_0-webfont.ttf') format('truetype'), url('fonts/opensans-light_0-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'latoregular'; src: url('fonts/lato-regular-webfont.woff2') format('woff2'), url('fonts/lato-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latoblack'; src: url('fonts/lato-black-webfont.woff2') format('woff2'), url('fonts/lato-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latobold'; src: url('fonts/lato-bold-webfont.woff2') format('woff2'), url('fonts/lato-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latolight'; src: url('fonts/lato-light-webfont.woff2') format('woff2'), url('fonts/lato-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'latosemibold'; src: url('fonts/lato-semibold-webfont.woff2') format('woff2'), url('fonts/lato-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'roboto_condensedlight'; src: url('fonts/robotocondensed-light_0-webfont.eot'); src: url('fonts/robotocondensed-light_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-light_0-webfont.woff2') format('woff2'), url('fonts/robotocondensed-light_0-webfont.woff') format('woff'), url('fonts/robotocondensed-light_0-webfont.ttf') format('truetype'), url('fonts/robotocondensed-light_0-webfont.svg#roboto_condensedlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ScriptMTBold'; src: url('fonts/ScriptMTBold.eot?#iefix') format('fonts/embedded-opentype'), url('fonts/ScriptMTBold.woff') format('woff'), url('fonts/ScriptMTBold.ttf') format('truetype'), url('fonts/ScriptMTBold.svg#ScriptMTBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('fonts/robotocondensed-bold_0-webfont.woff2') format('woff2'), url('fonts/robotocondensed-bold_0-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'gothic'; src: url('fonts/gothic.eot'); src: local('gothic'), url('fonts/gothic.woff') format('woff'), url('fonts/gothic.ttf') format('truetype'); }.fa-instagram:before { content: "\f16d"; } header{ clear:both; background:#fff; } address{ font-style:normal;} section{ clear:both;} footer{ clear:both; display:block; overflow:hidden; position:relative;} a{ text-decoration:none; color:#359fa7; outline:none; transition: all 0.5s ease 0s;} a:hover{ color:#c9dd1d;} a:focus{ outline:none;} img{ max-width:100%; outline:none; border:none; transition: all 0.5s ease 0s;} .clear{ clear:both;}.clear5{ clear:both; height:5px}.clear10{ clear:both; height:10px}.clear20{ clear:both; height:20px;}.clear30{ clear:both; height:30px;}.clear25{ clear:both; height:25px;}.clear40{ clear:both; height:40px;} .float_right{ float:right!important;} .float_right2{ float:right!important;} .readmore{ background:#e74fa6; font-size:15px; color:#fff; padding:10px 25px; border-radius:30px; text-transform:capitalize; display:inline-block; margin-top:10px; } .readmore:hover{ background:#000; color:#fff;} .readmore2{ background:#fb7600; font-size:15px; color:#fff; padding:10px 25px; text-transform:capitalize; display:inline-block; } .readmore2:hover{ background:#573b2c ; color:#fff;} .readmore2a{ background:#ce4a3a; font-size:13px; color:#fff; padding:7px 12px;border-radius:5px; text-transform:capitalize; display:inline-block; margin-left:5px;} .readmore2a:hover{ background:#000 ; color:#fff;} .readmore3{ background:#ce4a3a; font-size:18px; color:#fff; padding:11px 30px; text-transform:capitalize; display:inline-block; } .readmore3:hover{ background:#fff; color:#000;} .container{ width:100%; max-width:1180px; margin:0 auto;} .container1{ width:100%; max-width:1180px; margin:0 auto;} .container2{ width:100%; max-width:900px; margin:0 auto;} .right-info{ text-align:right; float:right; margin:32px 0 0 0; width:55%;} .right-info .fa{ color:#fb7600} .right-info strong{ font-size:15px;} .right-info p{ font-family: 'latolight'; font-size:20px; color:#000} .right-info p a{ color:#000} .right-info p a:hover{ color:#fb7600} .right-info .call-us{ float:left; vertical-align:top; margin:21px 0px 0 0; text-align:left;} .right-info .call-us img{ float:left; margin:12px 12px 0 0} .right-info .call-us p{ float:left;} .right-info .book-an{ background:#fb7600; padding:10px 20px; display:inline-block; color:#fff;} .right-info .book-an:hover{ background:#573b2c;} .right-info .social-icon{ display:inline-block; } .right-info .social-icon li{ display:inline-block; margin:0 10px 0 0; width:36px; height:36px; font-size:26px; border:2px solid #cbcbcb; border-radius:100%; text-align:center; transition:all 0.5s ease 0s } .right-info .social-icon li a{ display:block; margin:5px 0 0 5px;} .right-info .social-icon li .fa{ color:#000} .right-info .social-icon li:hover{ border:2px solid #ec6851; } .right-info .social-icon li:hover .fa{color:#ec6851 } .white-bg{ background:url(../images/nav-bg.png) center no-repeat;} .logo{ float:left; margin:10px 0} .logo img{ max-width:100%;} .list-style{ margin:0 0 20px 20px} .list-style li:before{ content:"\f138"; color:#2f98a3; font-family: 'FontAwesome'; margin:0 8px 0 -20px; float:left;} .list-style li{font-family: 'latolight'; font-size:15px; color:#000; line-height:24px;} .banner{ clear:both; position:relative} .banner:before{ content:'';/* background:url(../images/header-sd.png);*/ height:9px; position:absolute; z-index:99; width:100%; top:0; left:0; right:0;} .textc{ text-align:center;} .list50 li{ float: left; width:50%;} .banner img{ height:480px; object-fit:cover; width:100%; } .banner-txt{ width:45%; position:absolute; left:0; text-align:left;} .banner-txt .style-1{font-family: 'latobold'; font-size:50px; color:#fff; text-shadow:0 3px 3px #000; margin:33% 0 0 0; display:block; line-height:60px;} .banner-txt .more{ background:#e74c3c; font-size:18px; padding:10px 25px; color:#fff;} .banner-txt .more:hover{ background:#000;} .side-box .make-an{ padding:10px 6% 25px 6%; text-align:center; background:#ce4a3a; box-shadow:0 0 10px rgba(0,0,0,0.4); position:relative; width:88%; top:0;} .side-box .make-an h2{ font-size:31px; text-align:left;} .make-an{ width:26%; position:absolute; padding:10px 30px 25px 30px; right:0; top:25px; text-align:center; background:#ce4a3a; box-shadow:0 0 10px rgba(0,0,0,0.6); z-index:99} .make-an h2{ color:#fff; font-size:35px; font-family: 'latobold'; text-align:center } .make-an form{ clear:both; } .makeRow{ width:47%; float:left; overflow:hidden;} .makeRow2{ width:47%; float:right; overflow:hidden; margin:0 12px 0 0} .makeRow3{ width:100%; overflow:hidden; margin:0 auto} .make-an input{transition: all 0.5s ease 0s; font-size:15px; width:96.7%; border:none; padding:0 0 0 10px; outline:none; height:42px; color:#000; -webkit-text-fill-color: #000 !important; line-height:40px; margin:0 0 10px 0; background:#faf9f9; } .make-an textarea{transition: all 0.5s ease 0s; font-size:15px; width:96.7%; padding:10px 0 0 10px; font-family: 'latoregular'; outline:none; height:95px; margin:0 0 10px 0; color:#000; -webkit-text-fill-color: #000 !important; border:none; background:#faf9f9; } .make-an button{font-family: 'latobold'; transition: all 0.5s ease 0s; outline:none; border:none; font-size:27px; padding:5px 50px 7px 50px; border-radius:30px; text-transform:capitalize; color:#fff; background:#000; margin:15px 0 0 0} .make-an button:hover{ background:#fff; cursor:pointer; color:#000;} .services-sec{ clear:both; padding:40px 0 70px 0; overflow:hidden;} .services-sec li{ width:19%; margin:0px 10px 0px 10px; padding:20px 15px 0px 15px; display:inline-block; vertical-align:top; text-align:center;} .services-sec li img{width:200px; border:solid 10px #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-border-radius:100%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); margin-top:30px; transition:all 0.5s ease 0s; margin-bottom:5px; } .services-sec li img:hover{box-shadow:none} .services-sec li:nth-child(2n){ } .services-sec li:nth-child(4n){ } .services-sec li:nth-child(3n){} .services-sec li:hover{ } .services-sec h2{ font-size:20px; font-family: 'latobold'; color:#333; background:url(../images/hline.png) center top no-repeat; padding:30px 0px 0px 0;} .services-sec h2 a{ color:#333;} .services-sec h2 a:hover{ color:#359fa7;} .services-sec p{ color:#000; font-size:16px;} .services-sec p a{ color:#359fa7 !important; padding:0px 0px; font-size:16px; font-family: 'latoregular'; } .services-sec p a:hover{ color:#000!important; text-decoration:underline;} .welcome{ float:left; width:47.5%; padding-bottom:30px;} .welcome h2{ font-size:40px; color:#000; background:none; padding:0} .welcome p{ color:#000; font-size:18px; color:#000; line-height:28px; margin-bottom:15px;} .welcome p a{ color:#359fa7; text-decoration:underline;} .welcome p a:hover{ color:#000; text-decoration:underline;} .usp-area{ float:right; width:48%; padding-top:3px;} .dr-sec{ overflow:hidden; padding:60px 0 80px 0; } .floatleft{ float:left !important} .dr-sec strong{ } .dr-sec h2{ color:#fff; font-family: 'latobold'; font-size:35px; margin:0 0 5px 0} .dr-img{ display:none} .dr-text{ width:44%; float:right; } .dr-text h4{font-family: 'latobold'; color:#fff; font-size:18px; margin:0 0 24px 0; line-height:26px;} .dr-text h5{font-family: 'latoregular'; color:#fff;font-size:20px; font-weight:400; margin-bottom:3px; } .dr-text p{ color:#fff; font-family: 'latoregular'; font-size:18px;} .dr-text p a{ color:#fff; font-family: 'latoregular';} .dr-text p a:hover{ color:#abe3eb; } .green{ color:#f2d970;} .bot-mrg{ margin:0 50px 0 0} .bot-wid50 .left{ float:left; width:48%;} .bot-wid50 .right{ float:right;width:48%;} .bottom-area .socail-icon{ margin:20px 0 0 0} .bottom-area .socail-icon li{ display:inline-block} .bottom-area .socail-icon li a{ display:inline-block; font-size:28px; } .bottom-area .socail-icon li:before{ content:""!important; margin:0 10px 0 0;} .bot-sec{ padding:40px 0 25px 0; overflow:hidden; text-align:center; background:#6686a9;} .bot-sec p{ margin:30px 0 0 0; color:#fff;} .bot-sec li{ display:inline-block; margin:0 10px; } .bot-sec li a{ font-size:40px; color:#fff!important} .bot-sec li a:hover{opacity:0.7} .news-sec{ clear:both; padding:50px 0; overflow:hidden; text-align:center;} .news-sec li{ display:inline-block; width:22%; margin:0 1%} .test-area{ background:#ecfdff; padding:40px 0; overflow:hidden; } .test-area h2{ font-size:36px; color:#000; text-align:center; margin:0 0 25px 0} .test-area li{ width:23.3%; display:inline-block; margin:0 20px 0 0; vertical-align:top;} .test-area li:nth-child(4n){ margin:0} .test-img{ width:153px; height:153px; border:5px solid #fff; overflow:hidden; border-radius:100%; float:left; margin:0 30px 0 0 } .test-img img{ width:100%;height:100%; object-fit:cover} .test-box{ padding:25px 25px 10px 25px; border-radius:10px; background:#fff; position:relative; box-shadow:0 0 10px rgba(0,0,0,0.1); min-height:502px; } .test-box:after{ content:""; background:url(../images/test-icon.png) no-repeat; width:35px; height:23px; right:0; bottom:0;} .test-box p{ position:relative; text-align:left; font-size:17px; line-height:24px;} .test-box:after{ background:url(../images/testarrow.png) no-repeat; content:""; width:30px; height:25px; position:absolute; right:50px; bottom:-25px; z-index:999} .dp-area{ clear:both; margin:15px 0 0 22px; text-align:left;} .drbox{ width:75px; height:75px; overflow:hidden; border-radius:100%; display:inline-block; vertical-align:middle; margin:0 10px 0 0} .drbox img{ height:100%; object-fit:cover;} .dp-area h4{font-family: 'latobold'; font-size:18px; color:#000; text-align:left; display:inline-block; vertical-align:middle} .dp-area h4 span{ font-family: 'latolight'; font-size:14px;} .dp-area span{font-family: 'latosemibold'; font-size:15px; color:#000; font-style:normal;} .blue-bg{ background:#ecfdff; padding:0px 0 60px 0; overflow:hidden; box-shadow:0 8px 6px -6px rgba(0,0,0,0.1);} .blue-bg li{width:22.5%; display:inline-block; margin:0 19px 0 0; border:5px solid #ccc} .blue-bg li:nth-child(4n){ margin:0} .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .right-info ul{ list-style:none; float:right; width:48%;} .right-info li{ width:20%; display:inline-block; vertical-align:top; margin:7px 5px 20px 0; } .news-sec h2 { font-size: 40px; font-family: 'latobold'; color: #000; margin: 0; text-align: center; } .head2 { font-size: 40px; font-family: 'latobold'; color: #000; margin:10px 0 21px 0; text-align: center; } .news-sec p{ font-size:18px; font-family: 'latoregular'; } .news-sec p a{ color:#359fa7; font-family: 'latoregular'; } .news-sec p a:hover{ color:#000; text-decoration:underline;} .imgleft{ float:left; padding-right:15px;} .services-sec img{transition:all 0.5s ease 0s; display:block; margin:0 auto;} .services-sec img:hover{ opacity:0.8; } .footer-address{ padding-top:40px; padding-bottom:30px;} .footer-address .main-area{ max-width:1000px; margin:0 auto; width:100%;} .footer-address .main-area p{ font-size:17px; margin-top:0;} .footer-address .main-area .left{ float:left; width:48%; text-align:right;} .footer-address .main-area .right{ float:right; width:48%; text-align:left;} .footer-address h3{ text-align:center; color:#000; font-size:35px; padding-bottom:12px;} .usp-area{ margin-bottom:30px;} .usp-area h3 { font-size:33px; font-family: 'latobold'; color: #000; padding-bottom:7px;} .usp-area li{ clear:both; border-bottom:1px solid #ddd; display:block; background:none !important; box-shadow:0 0 0px rgba(0,0,0,0.0) !important; width:auto !important; margin:0 !important; padding:0 !important} .usp-area li:before{ content:""; background:url(../images/tick.png) no-repeat; width:18px; height:19px; margin:10px 3px 0 0px !important; float:left; transition:all 0.5s ease 0s; padding:0 !important } .usp-area li a{font-family: 'open_sanslight'; font-size:15px; color:#000; display:flex; padding:8px 0 } .usp-area li a:hover{ color:#359fa7; } .usp-area li:hover:before{color:#ea482e } .welcomesection{ padding:40px 0px 0 0;} .bdbottom{ border-bottom:0 !important} .left48{ float:left; width:48%} .right48{ float:right; width:48%} .dr-list{ border-bottom:1px dashed #d8d8d8; padding:0 0 20px 0; overflow:hidden; margin:0 0 13px 0; font-family: 'latoregular';} .dr-list img:hover{ opacity:0.9;} .dr-list h2{ color:#333; margin:0 0 5px 0; display:block; font-size:24px; } .dr-list .drimg{ width:31%; border:1px solid #f9f6ed; padding:5px; margin:6px 0 0 5px; float:left;} .dr-list .drimg img { margin:0} .dr-list .dr-img2{ width:18%; border:1px solid #f9f6ed; padding:5px; margin:6px 20px 20px 0; float:left;} .dr-list .dr-img2 img { margin:0} .dr-list .dr-text{ width:62%; background:none; padding:0; margin:10px 0 0 0; float:right} .dr-list .dr-text p{ margin:0 0 10px 0; color:#000 !important; font-family: 'latoregular'; font-size:15px;} .dr-list .dr-text span{ line-height:20px;} a.readmore2{ background:#44a8b3; font-size:13px; color:#fff; padding:7px 12px; border-radius:5px; text-transform:capitalize; display:inline-block; } a.readmore2:hover{ background:#000 ; color:#fff;} a.readmore02{ background:#b0cb1f; font-size:13px; color:#fff; padding:7px 12px; border-radius:5px; text-transform:capitalize; display:inline-block; } a.readmore02:hover{ background:#000 ; color:#fff;} a.readmore002{ background:#ce4a3a; font-size:13px; color:#fff; padding:7px 12px; border-radius:5px; text-transform:capitalize; display:inline-block; } a.readmore002:hover{ background:#000 ; color:#fff;} a.readmore02a{ background:#b0cb1f; font-weight:600; font-size:18px; color:#fff; padding:12px 20px; border-radius:5px; text-transform:capitalize; display:inline-block; } a.readmore02a:hover{ background:#44a8b3 ; color:#fff;} .in-text a.readmore2{ margin-top:10px;} .rlAccordion .text{ padding:2% 2% 1px 1%} .rlAccordion .text p {font-size:15px; color:#000 !important; line-height:22px; } .rlAccordion > h4 { color:#000; font-size:15px; font-family: 'latobold'; margin: 11px auto 0px auto; padding:0 0 12px 0; cursor:pointer; border-bottom:1px solid #ddd;} .rlAccordion > h4 > span { float: left; height: 22px; line-height:22px; margin: 1px 10px 0 0; padding: 0; width: 22px; background:#999; color:#fff; border-radius:100%; text-align:center; font-size:18px; } .rlAccordion > h4 > .rl-close { background:#000!important; color:#fff!important; font-size:18px; } .rlAccordion > h4 + div.text { display: none; background:#FFF; text-align:justify;} .rlAccordion > h4 + div.text p { } .rlAccordion .text { margin-bottom:0;} .slick-track-area{ } .top-area{ background:#3e644b; width:100%; padding: 0px ;} .top-area .right-section{ float:right;width:100%;} .top-area .right-section .social{ float:left; font-size:15px; color:#fff; padding-top:9px;} .top-area .right-section .social a{ display:inline-block; margin:0 5px; color:#fff; font-size:17px; line-height:18px; position:relative; top:2px;} .top-area .right-section .social a:hover{ color:#c2df33} .top-area .right-section .fa-angle-right{ font-size:17px; } .top-area .right-section .mappoint{ float:left; margin-left:15px; padding-top:9px;} .top-area .right-section .link{ float:right; color:#8f9599; position:relative; z-index:99999; } .top-area .right-section .link a{ display:inline-block; padding:9px 10px; color:#fff; } .top-area .right-section .link a:hover{ color:#c2df33;} .top-area .right-section .link .act{ color:#c2df33;} .top-area .right-section .mappoint a{ background:#ce4a3a; font-size:16px; color:#fff; font-family: 'OpenSansSemibold'; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px 17px 4px 17px;} .top-area .right-section .mappoint a:hover{ background:#fff; color:#000} .nav-area{ width:100%; background:#151c22; clear:both;} .blue-bar{ background:#359fa7; padding:10px 0 10px 0; overflow:hidden;} .blue-bar h2{font-family: 'open_sanslight'; font-size:23px; text-align:center; color:#fff; margin:0; text-align:center} .footer-area{ clear:both; background:#151c22; padding:50px 0 0 0; overflow:hidden;} .footer-area h3{font-family: 'OpenSansSemibold'; color:#fff; font-size:20px; margin:0 0 10px 0;} .foot-left { width:62%; float:left;} .foot-left ul{ list-style:none; margin:0 0 20px 0} .foot-left li{ display:inline-block; vertical-align:top; margin:0 0 5px 0} .foot-left li:before{ content:'/'; color:#c5c6c7; font-size:15px; margin:0 7px;} .foot-left li:first-child:before{ content:''; margin:0} .sepn:before{ content:''!important; margin:0 !important} .foot-left li a{font-family: 'open_sanslight'; color:#c5c6c7; font-size:15px;} .foot-left li a:hover{ color:#fff;} .foot-right { width:32%; float:right; text-align:right;} .foot-right p{font-family: 'open_sanslight'; color:#c5c6c7; font-size:15px; margin:0 0 25px 0} .bottom-area{ border-top:1px solid #484e53; padding:20px 0; overflow:hidden; clear:both; text-align:center; margin:30px 0 0 0} .bottom-area p{ color:#fff; margin-bottom:0;} .accredlogo{ clear:both;} .accredlogo ul{ list-style:none;} .accredlogo li:before{ display:none;} .accredlogo li{ width:10%; margin:7px 10px 0 0 ; padding:0; display:inline-block; vertical-align:top} .in-banner{ clear:both; text-align:center; position:relative;} .in-banner:before{ background:url(../images/head-shadow.png); height:9px; position:absolute; top:0; width:100%; content:''; z-index:99; left:0; right:0;} .in-banner img{ width:100%;} .breadcrumb { text-align:left; overflow: hidden; display: block; clear:both; padding:0 0 10px 0; border-bottom:1px solid #e2e2e2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+1,f7f7f8+59,f7f7f8+59,ffffff+100 */ background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(247,247,248,1) 59%, rgba(247,247,248,1) 59%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(247,247,248,1) 59%,rgba(247,247,248,1) 59%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(247,247,248,1) 59%,rgba(247,247,248,1) 59%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .breadcrumb ul { list-style: none; float:left; margin:10px 0 0 0} .breadcrumb li { display: inline-block; } .breadcrumb li { background: url("../images/arrow_icon.png") no-repeat scroll 0 6px; color:#3d9ea6; font-size: 14px; padding: 0 5px 0 12px; text-decoration: none; } .breadcrumb li:first-child { background: none; padding: 0 5px 0 0; } .breadcrumb li a { color: #000; font-size: 14px; text-decoration: none; } .breadcrumb li a:hover { color: #34a647; } .in-text{ clear:both; padding:40px 0 0 0} .in-text img{ max-width:100%; margin:0 0 20px 0 ;} .in-text h1{font-family: 'roboto_condensedregular'; font-size:37px; line-height:38px; color:#000; margin:3px 0 30px 0 } .in-text h1 a span{ color:#000; font-family: 'roboto_condensedregular';} .in-text h2{font-family: 'roboto_condensedregular';font-size:28px; line-height:36px; color:#46a7b2; margin:10px 0 7px 0 } .in-text h3{font-family: 'roboto_condensedregular'; font-size:22px; margin:0 0 10px 0; color:#374249;} .in-text h4{font-family: 'roboto_condensedregular'; font-size:18px; margin:0 0 10px 0; color:#000;} .in-text h5{font-family: 'roboto_condensedregular';font-size:16px; margin:0 0 5px 0; color:#000;} .in-text h6{font-size:15px; margin:0 0 20px 0; color:#000;} .in-text ol{ list-style: decimal outside!important; margin:0 0 15px 20px; } .in-text li{font-family: 'latolight'; padding:0 0 10px 0; font-size:15px; color:#000; line-height:24px;} .in-text p{font-family: 'latolight';font-size:16px; color:#000; line-height:24px; margin:0 0 20px 0} .left-img{ float:left!important; margin:7px 25px 10px 0!important; border:10px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.3)} .right-img{ float:right!important; margin:5px 0 10px 20px!important; border:10px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.3)} .left33{ float:left; width:33%; text-align:center;} .side-box{ width:26%; float:left; margin:0 0 30px 0;} .side-box .bor-box{ border-color:#d8d8d8; margin:0 0 10px 0} .side-box .readmore2{ display:block; text-align:center} .our-special{ margin:0 0 30px 0; padding:40px 0 0px 0 } .our-special h2{ font-family: 'roboto_condensedregular'; font-size:37px; line-height:30px; color:#46a7b2; margin:0 0 20px 0} .our-special li{ clear:both; background:#eee; margin-bottom:3px;} .our-special li:hover{ background:#ccc} .our-special li:hover a{ color:#000;} .our-special li.act{ background:#ccc} .our-special li.act a{ color:#000 !important; font-family:latobold;} .our-special li:before{ content:""; background:url(../images/arrow01.png) no-repeat; width:7px; height:11px; margin:17px 8px 0 15px; float:left; transition:all 0.5s ease 0s } .our-special li a{font-family: 'latoregular'; font-size:16px; color:#000; display:flex; padding:10px 0 } .our-special li a:hover{ color:#000; } .our-special li:hover:before{color:#ea482e } .our-special .act a{ color:#ea482e!important; } .our-special .act:before{ color:#ea482e!important; } a.book-an{font-family: 'OpenSansBold'; font-size:23px; color:#fff; line-height:24px; position:relative; background: rgb(255,117,95); padding:5px 0 5px 70px!important; border:5px solid #ea482e; border-radius:5px; display:block; padding:10px 0; background: -moz-linear-gradient(top, rgba(255,117,95,1) 0%, rgba(234,73,47,1) 100%); background: -webkit-linear-gradient(top, rgba(255,117,95,1) 0%,rgba(234,73,47,1) 100%); background: linear-gradient(to bottom, rgba(255,117,95,1) 0%,rgba(234,73,47,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff755f', endColorstr='#ea492f',GradientType=0 ); transition:all 0.0s ease 0s} a.book-an:before{ background:url(../images/book-icon.png) no-repeat; width:36px; height:34px; position:absolute; left:10px; top:14px; border-right:1px solid #fff; padding:0 10px 0 0; content:''; ovf} a.book-an span{font-family: 'OpenSansRegular'; font-size:16px;} a.book-an:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40b8c1+2,359fa7+100 */ background: rgb(64,184,193); /* Old browsers */ background: -moz-linear-gradient(top, rgba(64,184,193,1) 2%, rgba(53,159,167,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(64,184,193,1) 2%,rgba(53,159,167,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(64,184,193,1) 2%,rgba(53,159,167,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b8c1', endColorstr='#359fa7',GradientType=0 ); /* IE6-9 */ border:5px solid #359fa7;} .content-box{ width:70%; float:right; margin:0 0 0px 0} .slick-track-area .slick-dots li {background-image:none; background:#e2e2e2; width:13px; height:13px; border-radius:100%; margin:4px 5px !important; font-size:0px; text-indent:-999999px;} .slick-track-area .slick-dots li button { font-size:0px; text-indent:-999999px; } .slick-track-area .slick-dots li.slick-active { background:#359fa7; padding:0px;} .slick-track-area .slick-dots li:hover {background:#359fa7;} .slick-track-area .slick-track2{ margin-top:20px;} .testimonial-area h2{ font-size:40px; font-family: 'roboto_condensedbold';color:#000; margin:0 0 20px 0; text-align:left} .testimonial-area p{ font-family: 'latolight'; font-style:italic; font-size:18px; color:#000; margin:0; text-align:center} .celebrityt img{ margin-bottom:0 !important;} .celebrityt .tbox{ width:15% !important;} .testimonial-area p:before{ content:'\f10d'; font-family: 'FontAwesome'; color:#000; padding:0 15px 0 0; font-size:25px;} .testimonial-area p:after{ content:'\f10e'; font-family: 'FontAwesome'; color:#000; font-size:25px; padding:0 0 0 15px;} .testimonial-area li{ padding:40px; background:#d9e7ae; clear:both; border-radius:10px; position:relative;} .testimonial-area li:after{ content:''; background:url(../images/bot-arow.png) no-repeat; width:66px; height:50px; position:absolute; z-index:9; bottom:-50px; left:30%;} .testimonial-area .test-name{ position:absolute; bottom:-40px; left:41%; font-size:20px; color:#000;} .testimonial-area .test-name a{ color:#359fa7;} .testimonial-area .test-name a:hover{ color:#000; text-decoration:underline} .testimonials-under-box-left { width: 65.5%; float: left;} .google-reviews { width: 30.5%; float: right; margin:120px 0 0 0px;} .google-reviews img { width:100%; max-width:340px; height:auto;} .side-box .testimonial-area{ padding:20px 0 0px 0;} .side-box .testimonial-area ul{ padding:0 0 0px 0} .side-box .testimonial-area h2{font-family: 'roboto_condensedregular'; font-size:37px; text-align:left; color:#616161;} .side-box .testimonial-area li { padding:20px; margin:0 2px 130px 2px; background:#eee; width:100%; clear:inherit; overflow:inherit;} .side-box .testimonial-area li:after{ background:url(../images/bot-arow2.png) no-repeat; width:33px; height:30px; left:10%; bottom:-30px;} .side-box .testimonial-area p{ font-size:17px;} .side-box .testimonial-area p:before{ font-size:20px;} .side-box .testimonial-area p:after{ font-size:20px;} .side-box .testimonial-area .test-name{ font-size:16px; left:25%; bottom:-30px; font-size:16px; color:#3e9da8} .side-box .testimonial-area .testimg{ width:80px; height:80px; border-radius:100%; overflow:hidden; position:absolute; bottom:-115px } .side-box .testimonial-area .test-name{ font-size:18px; left:25%; bottom:-30px; font-size:16px; color:#3e9da8} .side-box .testimonial-area .test-name2{ position:absolute; font-size:16px; left:38%; bottom:-105px; font-size:16px; color:#3e9da8; text-align:left} .side-box .testimonial-area .test-name2 span{ font-size:13px; color:#000; display:block; line-height:15px; padding:5px 0 0 0} .side-box .testimonial-area .test-name3{ position:absolute; font-size:16px; left:38%; bottom:-100px; font-size:16px; color:#3e9da8; text-align:left} .side-box .testimonial-area .test-name3 span{ font-size:13px; color:#000; display:block; line-height:15px; padding:5px 0 0 0} .side-box .testimonial-area .slick-dots{ display:none!important;} .content-box .vd-box-l{ width:48.5%; float:left; border-bottom:1px dashed #d8d8d8; margin:0 0 30px 0; padding:0 0 20px 0; text-align:center;} .content-box .vd-box-r{ width:48.5%; float:right; border-bottom:1px dashed #d8d8d8; margin:0 0 30px 0; padding:0 0 20px 0; text-align:center;} .content-box .bor-box{ border-color:#d8d8d8} .media-area h2{ text-align:left; margin-bottom:15px; } .media-area p{font-family: 'OpenSansSemibold'; font-size:20px; line-height:30px; font-family: 'open_sanslight'; color:#7e7e7e;} .media-area .more{font-family: 'OpenSansSemibold'; float:right; font-size:15px; color:#fff; text-decoration:underline; margin:-55px 0 0 0} .bor-box{ border:8px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.2); margin:0 0 20px 0} .media-area .vd-box-l{ width:48.5%; float:left;} .media-area .vd-box-r{ width:48.5%; float:right;} .latest-news{ background:url(../images/shadow-bg.png) top center no-repeat; text-align:center; padding:40px 0; overflow:hidden} .latest-news p{ font-size:18px; color:#616161;} .latest-news p a{ color:#359fa7} .latest-news p a:hover{ color:#000; text-decoration:underline} .latest-news h2{font-size:40px; font-family: 'roboto_condensedbold'; color:#000; margin:0; text-align:center} .latest-news li{width:30%; display:inline-block; vertical-align:top; margin:0 10px; text-align:center } .news-logo{ margin:0 0 20px 0 } .news-logo img{ display:inline-block} .gallery-sec{ clear:both} .gallery-sec li{ width:31%; margin:0 17px 20px 0; border:1px solid #f7f7f7; padding:0!important; cursor:pointer;} .gallery-sec li img{ margin:0;} .content-box .media-area h3{ text-align:left; margin:0 0 20px 0 } .content-box .media-area h2{ text-align:left; margin:20px 0; background:#f7f7f7; padding:5px 10px; clear:both} .content-full{ width:100%; margin:0 0 20px 0; overflow:hidden} .contact-from .makeRow{ width:100%; float:none; margin:0; text-align:center} .contact-from .makeRow img{ display:inline-block} .contact-from .makeRow2{ width:100%; float:none; margin:0; text-align:center} .contact-area{ width:100%; float:left; overflow:hidden} .contact-box{border:10px solid #f5f5f5; overflow:hidden; margin: 0 1.5% 30px 0; float:left; width:30.6%} .contact-area h1{ margin:0 0 10px 0; font-size:28px; line-height:32px;} .contact-area .address-box{ width:92%; padding:20px 15px 0 15px; min-height:282px;} .contact-area .address-box span{ font-size:17px; color:#46a7b2} .contact-area .address-box p{ margin:0 0 10px 0} .contact-area .address-box p a{ font-size:15px; } .contact-area .readmore4{ margin:2px 0 21px 0; background:#000; padding:8px 8px; color:#fff; font-size:16px; display:inline-block;}.contact-area .readmore4:hover{ background:#44a8b3} .contact-area .readmore04{ margin:2px 0 21px 0px; background:#44a8b3; padding:8px 8px; font-size:16px; color:#fff; display:inline-block;}.contact-area .readmore04:hover{ background:#000} .contact-area .map-box{ width:100%;} .contact-from{width:63%; float:right; background:#ce4a3a; padding:20px 15px 20px 20px;} .contact-from h2{font-family: 'roboto_condensedregular'; font-size:37px; line-height:30px; color:#fff; margin:5px 0 10px 0 } .contact-from .makeRow{ width:48%; float:left; margin:0 8px 0 0} .contact-from .makeRow2{ width:48%; float:left; margin:0 0} .contact-from .makeRow3{ width:100%; margin:0 0} .contact-from input{ width:98%; border:1px solid #ccc; color:#333; height:40px; padding:0 0 0 10px; margin:14px 0 0 0;font-family: 'latoregular'; font-size:15px;} .contact-from select{ width:95%; border:1px solid #ccc; color:#000; height:40px; padding:0 0 0 10px; margin:14px 0 0 0} .contact-from textarea{font-family: 'latoregular'; font-size:15px; color:#000; width:98%; border:1px solid #ccc; height:160px; margin:14px 0 14px 0; padding:10px 0 0 10px;} .contact-from button{ background:#000; cursor:pointer; color:#fff; border:none; padding:12px 35px; font-size:18px; float:left; margin:0 18px 0 0; transition:all 0.5s ease 0s} .contact-from button:hover{ background:#fff; color:#000} .content-box .testimonial-area{ padding:0 0 0px 0;} .content-box .testimonial-area li { padding:20px; background:#fff; border:2px solid #f1f3f3; width:43%; margin:0 13px 90px 0; } .content-box .testimonial-area li:nth-child(2n){ margin:0 0 90px 0;} .content-box .testimonial-area li:after{ background:url(../images/bot-arow3.png) no-repeat; width:33px; height:30px; left:10%; bottom:-30px;} .content-box .testimonial-area p{ font-size:17px;} .content-box .testimonial-area p:before{ font-size:20px;} .content-box .testimonial-area p:after{ font-size:20px;} .content-box .testimonial-area .testimg{ width:80px; height:80px; border-radius:100%; overflow:hidden; position:absolute; bottom:-70px; z-index:999; } .content-box .testimonial-area .test-name{ font-size:16px; left:25%; bottom:-30px; font-size:16px; color:#3e9da8;} .content-box .testimonial-area .test-name2{ position:absolute; font-size:16px; left:28%; bottom:-70px; font-size:16px; color:#3e9da8;} .content-box .testimonial-area .test-name2 span{ font-size:13px; color:#000; display:block; line-height:15px; padding:5px 0 0 0} .content-box .testimonial-area .test-name3{ position:absolute; font-size:16px; left:28%; bottom:-50px; font-size:16px; color:#3e9da8} .content-box .testimonial-area .test-name3 span{ font-size:13px; color:#000; display:block; line-height:15px; padding:5px 0 0 0} .content-box .media-area{ clear:both;}.wid40img { width: 40%; float: left;} .in-text p a:hover{ color:#000;} .testimonial-area { clear: both; padding: 50px 0 90px 0; overflow: hidden;}.equimg{ margin-bottom:17px; position:relative; overflow:hidden} .equbox img{width:200px; margin-bottom:20px; border:solid 10px #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); margin-top:30px; transition:all 0.5s ease 0s;} .equbox img:hover{ box-shadow:none } .equimg span{ position:absolute; z-index:999; bottom:-100px; background:rgba(0,0,0,0.5); color:#fff; font-size:16px; text-align:center; width:85.5%; left:0; right:0; margin:0 auto; padding:10px 0; transition:all 0.5s ease 0s} .equimg:hover span{ bottom:20px;} .cataract-section{ text-align:center; background:url(../images/shadow-bg.png) top center no-repeat; padding:20px 0px 50px 0;} .cataract-section h2{ margin-bottom:15px;} .cataract-section h2 span{ background:#fff; font-size:40px; font-family: 'roboto_condensedbold'; padding:0 40px; position:relative; top:22px;} .cataract-section .slick-dots li {background-image:none; background:#e2e2e2; width:13px; height:13px; border-radius:100%; margin:4px 5px !important; font-size:0px; text-indent:-999999px;} .cataract-section .slick-dots li button { font-size:0px; text-indent:-999999px; } .cataract-section .slick-dots li.slick-active { background:#359fa7; padding:0px;} .cataract-section .slick-dots li:hover {background:#359fa7;} .videoframe{ max-width:500px; width:100%; margin:0 auto; text-align:center;} .flink{ padding:15px 0px 0 0; text-align:center;} .flink .fa-angle-down{ font-size:30px;} .flink ul{margin:0 0 20px}.flink li{vertical-align:top;margin:0 1% 8px 1%; width:23%; float: left; }.flink li:before{margin:0 7px}.flink li a:hover{color:#fff}.flink li a{ font-size:15px; color:#c5c6c7; font-family:open_sanslight} .fa-angle-down:before{content:"\f107"} .side-video{ margin-top:20px; margin-bottom:10px;} .clt{ background:#ce4a3a; color:#fff !important; display:inline-block; text-align:center; padding:10px 0px; font-size:20px; width:100%; font-weight:600; border-radius:5px;} .clt:hover{ background:#46a7b2 } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #3e644b; min-width: 190px; z-index: 1; } .dropdown-content a { color: #fff !important; padding: 12px 16px !important; text-decoration: none; display: block !important; } .dropdown-content a:hover {background-color: #448259;} .dropdown:hover .dropdown-content {display: block !important;} @media screen and (-webkit-min-device-pixel-ratio:0) { } @media ( max-width :1179px){.right-info{ width:60%;}.content-box .testimonial-area li{ width:41%;}#cssmenu > ul > li{ margin:0 0px !important} #cssmenu > ul > li > a{ padding:11px 21px 13px 21px !important} .services-sec{ text-align:center} .services-sec li{ margin:0 15px 35px 0; padding:20px 15px 20px 15px;} .make-an{ width:33%;} .dr-sec{ padding:0} .dr-text{ padding:30px 0} } @media ( max-width :1030px){.right-info{ width:60%;}.right-info ul{ width:50%;}#cssmenu > ul > li{ margin:0 15px !important}} @media ( max-width :1024px){ .container{ max-width:96% !important;} .logo{ width:25%; padding:0} nav li a{ font-size:15px; padding:10px 7px 12px 7px} .right-info .email-us p{ font-size:16px;} .make-an{ width:33%;} .test-area li{ width:23%;} .blue-bg li{ width:22%;} } @media(max-width:1024px){.flink li{ width:31%}} @media(max-width:899px){.flink li{ width:48%}} @media(max-width:590px){.flink li{ width:98%}} @media ( max-width :1000px){.right-info{ width:64%;} .services-sec li{ }.usp-area h3{ font-size:25px;}#cssmenu > ul > li{ margin:0 5px !important} } @media ( max-width :980px){.top-right{ margin-top:0}.content-box .testimonial-area li{ width:90%; margin:0 auto 70px auto; left:auto; right:auto} .content-box .testimonial-area li:nth-child(2n){ margin:0 auto 70px auto;} .dr-sec{ padding:0;} .dr-text{ width:50%; padding:20px 0 20px 20px; background:#3e644b;} .make-an{ width:40%;} .test-area{ text-align:center} .test-area li{ width:46%; margin:10px;} .test-area li:nth-child(4n){ margin:10px} .blue-bg li{ width:45%; margin:10px;} .blue-bg li:nth-child(4n){ margin:10px} .contact-area{ width:100%;} .content-box .gallery-area li{ width:29%; margin:0 15px 15px 0;} .contact-area .address-box{ width:50%;} .contact-from{ width:96%; margin:0 auto; float:none; overflow:hidden; clear:both} .gallery-sec li{ width:29%;} } @media ( max-width :890px){.services-sec li{ width:22%;}.welcome{ width:100%; padding-bottom:20px;}.usp-area{ width:100%;}.left48{ width:100%;}.right48{ width:100%;}} @media ( max-width :800px){ .banner-txt{ display:none;} header{ overflow:hidden} .mobnav{ display:block; margin:0;} .banner-txt{ top:0; } .banner-txt span{ font-size:50px;} .services-sec{ text-align:center} .services-sec li{ width:40%; margin:0 10px 10px 0 } .make-an{ width:40%;} .logo{ width:100%; text-align:center; margin:12px 0px;} .right-info{ float:none; text-align:center; width:100%; clear:both;} } @media (max-width:767px){.top-area .right-section{ float:none; max-width:100%; text-align:center } .top-area .right-section .social{ float:none;} .top-area .right-section .mappoint{ float:none; margin-left:0; margin:20px 0;} .top-area .right-section .link{ float:none; width:100%;} .make-an{ width:49%}.footer-address .main-area .left{ width:100%; text-align:center;}.footer-address .main-area .right{ width:100%; text-align:center; padding-top:15px;}.blue-bg li{ width:44%;}.content-box{ width:100%; float:none;} .side-box{width:100%; float:none; margin:0 0 20px 0;}.list50 li{ width:100%;} .contact-from button{ float:none} .contact-area .address-box{ width:90%; float:none; padding:5%;} .contact-area .map-box{ width:100%; float:none;}.content-box .testimonial-area{ text-align:center} .celebrityt .tbox{ width:19% !important} } @media (max-width:660px){ .content-box .testimonial-area li{ width:90%; margin:0 auto 70px auto; left:auto; right:auto} .content-box .testimonial-area li:nth-child(2n){ margin:0 auto 70px auto;} .left20{ width:30%;} } @media (max-width:640px){ .banner img{ height:150px} .makeRow{width:100%; float:none; margin:0 auto} .makeRow2{width:100%; float:none; margin:0 auto} .make-an button{ float:none; margin:0} .services-sec{ text-align:center; margin:460px 0 0 0;} .services-sec li{ width:80%; margin:10px auto 20px auto; min-height:inherit} .make-an{ width:80%; margin:0 auto; left:0; right:0; top:170px;} .dr-sec{ background:#000; text-align:center} .dr-img{ display:block} .dr-text{ width:100%;} .blue-bg{ text-align:center} .blue-bg li{width:43%; margin:0 20px 20px 0;} .blue-bg li:nth-child(4n){margin:0 20px 20px 0;} .dr-list .dr-text p{ padding:0} .floatleft{ float:none !important}.dr-text{ padding-left:0;}.dr-text p{ padding:0 12px;} } @media (max-width:639px){ .test-area li{width:100%; margin:0 auto 20px auto;}.test-box{ min-height:inherit;}.news-sec li{ width:100%; margin:0 0 0px 0;}.right-info ul{ width:46%}.right-info .call-us{ margin:20px 0px 0 0;} } @media (max-width:550px){.top-right .callnow{ width:100%; margin:0 0 20px 0}.in-banner img{height:120px!important; object-fit:cover; width:100%;}.testimonial-area h2 { font-size: 28px; }.testimonials-under-box-left { width: 100%; float: left; }.google-reviews { width: 100%; float: right; margin: 80px 0 0 0px; } .top-area .right-section .link{ text-align:left} .right-info .call-us{ clear:both; margin:0px auto 0 auto;}.right-info ul{ float:none; text-align:center; width:100%; clear:both;}.right-info{ margin-top:0px;} .gallery-sec li{ width:100%; margin:0 0 20px 0} .blue-bg{ text-align:center} .blue-bg li{width:90%; margin:0 0 20px 0} .blue-bg li:nth-child(4n){ margin:0} .foot-left{ width:100%; float:none; text-align:center} .foot-right{ width:100%; float:none; text-align:center}.accredlogo li{ width:20%}.left20{ width:35%;} .gallery-area h2{ font-size:24px;} .media-area .vd-box-l{ width:100%; float:none; text-align:center;} .media-area .vd-box-r{ width:100%; float:none; text-align:center;} .contact-from .makeRow{ width:100%; float:none; margin:0; text-align:center} .contact-from .makeRow img{ display:inline-block} .contact-from .makeRow2{ width:100%; float:none; margin:0; text-align:center} .contact-from{ width:90%;}.content-box .testimonial-area li{ width:86%; margin:0 auto 70px auto; left:auto; right:auto} .content-box .testimonial-area li:nth-child(2n){ margin:0 auto 70px auto;} .wid40img { width: 90%; }.right-img{ float:none !important; margin: 5px 0 10px 0px !important; max-width:94% !important}.left-img{ float:none !important; margin-right:0 !important;max-width:94% !important} .left33{ width:100%; margin-bottom:20px;}.right-info p{ font-size:18px;} .logo{ max-width:180px; margin:4px auto; float:none}.top-area .right-section .link a{ padding:3px 2px 7px 2px; font-size:13px} } @media (max-width:479px){.dr-list .drimg{ width:94%}.dr-list .dr-text{ width:100%; text-align:center;} .in-text h1{ font-size:31px;}.blue-bar h2{ font-size:30px;}.in-text h2{ font-size:25px;} } .controls.hidden { display:none; } .map-section { height: 500px; } .map-section .waypoint-selector { background: #424041; color:#fff; } .innersection .waypoint-selector { background: #359fa7 !important; color:#fff; margin-bottom:0; } .innersection #google-map{ border-top:0px;} .innersection .waypoint-selector h2 { text-align:center; font-size:25px; padding-bottom:10px; color:#fff;} .innersection{ width:100%; background:url(../images/inner-content-bg.jpg) left top repeat-x; margin-bottom:10px;} .innersection h3{font-size:25px !important; color:#fff; text-transform:none !important; float:left; padding-top:5px !important; padding-right:5px !important} .innersection #origin-input, .map-section #destination-input{ width:40% !important;} .innersection .input-area{ max-width:1170px;} .innersection .left-area{ float:left; width:62.5%} .innersection .left-area .bottom-left{ float:left; width:39.2%} .innersection .left-area .bottom-right{ float:right; width:59.6%;} .innersection .right-area{ float:right; width:36.7%; background:#ececec ;} .innersection img:hover{opacity:0.9;} .map-section { height:172px; padding: 0; } #google-map { width:100%; height:100%; padding:0px; margin:0 auto; } .norightm{ margin-right:0 !important} #google-map img { max-width: none; } .map-section .waypoint-selector { padding: 12px 0; margin: 0 0 0px 0;} .map-section .waypoint-selector h3 { font-size: 15px; line-height: 1; font-weight: 700; padding: 0; margin: 0 0 10px; text-transform: uppercase; } .map-section .controls { border: 1px solid #a8a8a8; box-sizing: border-box; -moz-box-sizing: border-box; height: 32px; outline: none; } .map-section #origin-input, .map-section #destination-input { background-color: #ffffff; border:0; font-size: 15px; font-weight: 300; margin-right: 10px; margin-left:10px; padding: 5px 11px 5px 13px; width: 45%; height:36px; } .map-section #origin-input:focus, #destination-input:focus { border-color: #FFF; } .map-address-info { max-width: 250px; } .map-address-info h6 { color: #ba5d3f; font-size: 15px; line-height: 21px; font-weight: 700; padding: 0; margin: 0 0 10px; } .map-address-info p { color:#505050; } .list-mrg li::before { display: block; margin: 0 8px 0 0; } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } { display: none; } #cssmenu { width: auto; line-height: 1; } #menu-line { position: absolute; top: 0; left: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } #cssmenu > ul > li {margin:0 1px; float: left; } #cssmenu.align-center > ul { font-size: 0; text-align: center; } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right > ul > li { float: right; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu > ul > li > a { padding: 11px 38px 13px 38px; font-size:18px; text-decoration: none; color: #fff; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #fff; background:#3e644b; } #cssmenu > ul > li.has-sub > a { padding-right: 35px; } #cssmenu > ul > li.has-sub > a::after { position: absolute; top:20px; right: 24px; width: 4px; height: 4px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #cssmenu > ul > li.has-sub:hover > a::after { border-color: #fff; } #cssmenu ul ul { position: absolute; left: -9999px; z-index:999999; } #cssmenu li:hover > ul { left: auto; } #cssmenu.align-right li:hover > ul { right: 0; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; } #cssmenu ul li:hover > ul > li { height: auto; } #cssmenu ul ul li a { padding: 10px 25px 10px 25px; width: 350px; font-size: 15px; line-height:20px; background: #3e644b; border-bottom:solid 1px #51765e; text-decoration: none; color: #fff; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #cssmenu ul ul ul li a { width:310px;} #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #ffffff; background:#448259; } #cssmenu ul ul li.has-sub > a::after { position: absolute; top: 18px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; } #cssmenu ul ul li.has-sub:hover > a::after { border-color: #ffffff; } @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1020px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1020px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1020px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1020px), only screen and (min-resolution: 192dpi) and (max-width: 1020px), only screen and (min-resolution: 2dppx) and (max-width: 1020px) { #cssmenu { width: 98%; } #cssmenu ul { width: 100%; display: none; } #cssmenu.align-center > ul, #cssmenu.align-right ul ul { text-align: left; } #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li { width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15); } #cssmenu ul li a, #cssmenu ul ul li a { width: 98%; } #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li { float: none; display: block; } #cssmenu ul ul li a { padding: 15px 20px 15px 45px; border-bottom:0; font-size: 15px; color: #fff; background: none; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #fff; background:#448259; } #cssmenu ul ul ul li a { padding-left: 40px; } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; } #menu-line { display: none; } #cssmenu #menu-button { display: block; padding: 17px; color: #fff; cursor: pointer; font-size: 14px; text-transform: uppercase; background:#359fa7 } #cssmenu #menu-button::after { content: ''; position: absolute; top: 30px; right: 20px; display: block; width: 30px; height: 3px; background: #ffffff; } #cssmenu #menu-button::before { content: ''; position: absolute; top: 13px; right: 20px; display: block; width: 30px; height: 5px; border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff; } #cssmenu .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height:45px; width: 52px; cursor: pointer; } #cssmenu .submenu-button::after { content: ''; position: absolute; top: 15px; left: 26px; display: block; width: 1px; height: 11px; background: #fff; z-index: 99; } #cssmenu .submenu-button::before { content: ''; position: absolute; left: 21px; top: 20px; display: block; width: 11px; height: 1px; background: #fff; z-index: 99; } #cssmenu .submenu-button.submenu-opened:after { display: none; } } @media(max-width:980px){ #cssmenu{ text-align:center} #cssmenu > ul > li{ float:none; display:inline-block;} #cssmenu ul ul li a{ text-align:left} #cssmenu .submenu-button{ height:39px;} } @media(max-width:810px){ #cssmenu #menu-button::after { background: #000; } #cssmenu #menu-button::before { border-top: 3px solid #000; border-bottom: 3px solid #000; } } @media(max-width:800px){ #cssmenu{ text-align:left; position:absolute; z-index:9999; background:none; top:33px;} #cssmenu #menu-button{ background:none; font-size:30px;} #cssmenu ul{ background:#151c22; width:96%; z-index:999;} #cssmenu ul ul li a{padding: 15px 20px 15px 30px;} } @media(max-width:767px){ #cssmenu #menu-button::after { background: #fff; } #cssmenu #menu-button::before { border-top: 3px solid #fff; border-bottom: 3px solid #fff; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } ul.slick-track { margin:0px; padding:0px;} ul.slick-track li { list-style-type:none;} .slick-slide { float: left; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; max-width:100%; display:inline-block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next {position: absolute; display: block; height:144px; width:22px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; top:37%; border: none; outline: none; } .slick-track1 .slick-prev{position: absolute; display: block; height: 20px; width: 12px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; top:-50px; border: none; outline: none;} .slick-track1 .slick-next{position: absolute; display: block; height: 20px; width: 12px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; top:-50px; border: none; outline: none;} .slick-track1 .slick-prev { background:url(../images/left-aro2.png) top no-repeat; right:0; outline:none} .slick-track1 .slick-prev:hover { background:url(../images/left-aro2.png) top no-repeat; right:0; outline:none;opacity:0.8} .slick-track1 .slick-next {background:url(../images/right-aro2.png) top no-repeat; left:85%!important; outline:none } .slick-track1 .slick-next:hover { background:url(../images/right-aro2.png) top no-repeat; right:0;outline:none ;opacity:0.8} .slick-track .slick-prev{ display:none!important} .slick-track .slick-next{display:none!important} .slick-track2 .slick-prev{ display:none!important} .slick-track2 .slick-next{display:none!important} .slick-track3 .slick-prev{ display:none!important} .slick-track3 .slick-next{display:none!important} .slick-prev button{ border:none; outline:none;} .slick-next button{ border:none; outline:none;} /* Dots */ .slick-dots { position: absolute; bottom: -20px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /*# sourceMappingURL=slick.css.map */ .trvl-info-gallery .gallery ul.slick-track li { margin:0 6px; } .trvl-info-gallery .gallery ul.slick-track li img { border:4px solid #9097ca; } .fellowshipbox{ border:solid 1px #359fa7} .fellimg{ background:#ccecee; float:left; width:14%; text-align:center; padding-top:15px;} .fellimg img{ border-radius:100%; width:100px }.felltxt{ padding-top:3px; float:right; width:82%; vertical-align:top} .vconrow{} .vconrow .vconcol{ float:left; width:47%; margin-right:2.5%; margin-bottom:20px;} .vconrow .vconcol .form-control { display: block; width: 92%; padding: 10px 4%; font-size:15px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #dddddd; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%); } .vconrow textarea{ display: block; width: 92.5%; padding: 10px 2%; font-size:15px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #dddddd; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%); height:90px; font-family:Arial, Helvetica, sans-serif} .vconrow textarea:focus{resize: none; outline: none} .vconrow .vconcol .form-control:focus {resize: none; outline: none} .submit-btn{ border:0; border-radius: 0.25rem; padding:12px 25px; background:#ce4a3a; color:#fff; font-size:16px; font-weight:bold; cursor:pointer} .submit-btn:hover{ background:#000} .online-video-c{ border-bottom:solid 1px #ddd; padding:20px 0; font-size:18px; line-height:35px;} .online-video-c img{ float:left; margin-right:20px; margin-bottom:0;} .contoura-col{ float:left; width:15.1%; margin-right:1.5%; text-align:center} .contoura-col p{ font-weight:bold; font-size:15px; line-height:21px;} .contoura-col img{ margin-bottom:10px !important; width:85px;} .contoura-row{ margin-top:15px;} .contoura-t li{ width:94% !important; margin:0 0px 70px 0 !important; background:#d9e7ae !important} .contoura-t .test-name{ left:15% !important; bottom:-35px !important;} .contoura-t li:after{background:url(../images/bot-arow-l.png) no-repeat !important} .contoura-t .test-name{ color:#000 !important; font-size:18px !important; font-weight:bold } .contoura-t img{ border-radius:100%; display:inline-block; vertical-align:middle; border:solid 6px #fff; margin-right:20px; margin-bottom:0} .contoura-t p{ display:inline-block; vertical-align:middle; width:68%; text-align:left !important;} .branches-page h2{ font-size:41px; margin-bottom:20px} .branches-page .subtitle{ color:#000; font-size:25px;} .hrline{ background:#e2e2e2; height:2px; width:100%; margin:60px 0} .branches-page .services-sec li{ width:23%} .branches-page .slick-track-area{ text-align:center} .branches-page .services-sec h3 img { box-shadow:0px 0px 5px 0px rgb(0 0 0 / 0%); margin: 0 auto; width: auto; border: 0; padding-bottom: 15px; }.cashless-area { text-align:center;} .hospital-images-area li{ display:inline-block; width:30%; margin:0px 1.5%} .cashless-area ul li{ display:inline-block; vertical-align:top; margin:10px 10px; border:solid 1px #f9f6ed; padding:10px; box-shadow:0px 0px 15px rgb(0 0 0 / 12%);} .cashless-area ul li img{ margin-bottom:0; height:42px;} .branches-page .dr-list .drimg{ margin:6px 0 0 0px} .branches-page .dr-list .dr-text h3{ font-size:24px;} .branches-page .testimonial-area li { padding: 20px; background: #fff; border: 2px solid #f1f3f3; border-radius:10px; clear:both; width: 43%; margin: 0 13px 90px 0; } .branches-page .testimonial-area li:after { background: url(../images/bot-arow3.png) no-repeat; width: 33px; height: 30px; left: 10%; bottom: -30px; }.branches-page .testimonial-area .testimg { width: 80px; height: 80px; border-radius: 100%; overflow: hidden; position: absolute; bottom: -70px; z-index: 999; }.branches-page .testimonial-area .test-name2 { position: absolute; font-size: 16px; left: 22%; bottom: -58px; font-size: 16px; color: #3e9da8; }.branches-page .testimonial-area .test-name2 span { font-size: 13px; color: #000; display: block; line-height: 15px; padding: 5px 0 0 0; } .branch-dr-list .drimg{ width:47.5%} .branch-dr-list .dr-text{ width:47.5%} .toggles{ margin-top:20px;} .toggle { padding: 0px; padding-bottom: 0; background:#fff; margin-bottom:15px; border-top:solid 1px #e2e2e2} .bdtop0{ border-top:0 !important} .toggle-title { position: relative; display: block; color: #000; cursor: pointer; font-size:19px; padding: 15px 15px 6px 0px; } .toggle-title:after { content: ''; position: absolute; top: 59%; right: 0px; width: 18px; height: 9px; border: solid #000; border-width: 0 0 1.5px 1.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; height: 7px; margin-top: -4px; } .toggle.active .toggle-title:after { content: ''; border: solid #50ab99; border-width: 0 0 1.5px 1.5px; -webkit-transform: rotate(-222deg); -ms-transform: rotate(-222deg); transform: rotate(-222deg); width: 7px; height: 7px; margin-top: -4px; } .toggle-content { padding-top: 10px; padding: 0px 20px 0px 0px; display: none; } .toggle.active .toggle-content { display: block !important; } .toggle.active .toggle-title { color:#46a7b2; } .toggle-content:before, .toggle-content:after { content: " "; display:table;} .toggle-content:after { clear: both;} .rlAccordion .text{padding:2% 2% 1px 1%}.rlAccordion .text p{font-size:15px;color:#000!important;line-height:22px}.rlAccordion>h4{color:#000;font-size:15px;font-family:latobold;margin:11px auto 0;padding:0 0 12px;cursor:pointer;border-bottom:1px solid #ddd}.rlAccordion>h4>span{float:left;height:22px;line-height:22px;margin:-2px 10px 0 0;padding:0;width:22px;background:#999;color:#fff;border-radius:100%;text-align:center;font-size:18px}.rlAccordion>h4>.rl-close{background:#000!important;color:#fff!important;font-size:18px}.rlAccordion>h4+div.text{display:none;background:#FFF;text-align:justify}.rlAccordion .text{margin-bottom:0} .icon-img-s{ display:inline-block; margin-right:12px !important; width:40px; vertical-align:middle} .s-icon-a p{ display:inline-block; vertical-align:middle; width:93%} .rcallbtn { position: fixed; top: 245px; right: 0; z-index:99} .rcallbtn a{ width:100px; padding:10px 10px 13px 10px; text-align: center; font-size:18px; line-height:28px; font-weight: 600; color: #FFF; background:#2d3c9c; display: block; border-radius:10px 0 0 10px; letter-spacing:1px;}.rcallbtn a:hover{ background:#44a8b3} .sticky_menu {width:85px;position: fixed; z-index: 9999; float: right; right: 0px; text-align: center; border-radius: 20px 0 0 20px; top: 32%; box-shadow: 4px 6px 12px rgb(0 0 0 / 15%);}.sticky_menu .sticky { display: block; margin: 0; padding: 0;}.sticky_menu li { text-align:center; display: block; position: relative;line-height:14px; padding: 7px 0px 8px 0; width: 85px;}.sticky_menu li a { color:#fff; font-size: 12px;} .sticky_menu li a:hover { color:#000;}.sticky_menu li:nth-child(2) a:hover{ color:#b8c1fc} .sticky_menu li:nth-child(1){ background:#44a8b3; border-radius:20px 0px 0px 0px} .sticky_menu li:nth-child(2){ background:#2d3c9c;} .sticky_menu li:last-child{ background:#28a219; border-radius:0px 0px 0px 20px} .sticky_menu li img{ margin:0 auto; padding-bottom:5px;} .sticky_menu span{ display:block; line-height:12px;} .list-1{ margin-bottom:20px} .list-1 li{ display:inline-block; letter-spacing:1px; background:#eaeaea; border-radius:5px; padding:5px 15px 7px 15px; margin:10px 7px 0px 0; font-weight:600 } .list-1 li:hover{ background:#44a8b3; color:#fff} .list-1 li a{ color:#000; font-weight:600} .list-1 li:hover a{ color:#fff} .testimonials-review{ margin-bottom:15px; text-align:center} .testimonials-review li{ display:inline-block} .testimonials-review li a{ padding:10px 25px; background:#44a8b3; border-radius:5px; color:#fff; margin-right:5px; font-size:16px; font-weight:600} .testimonials-review li a:hover{ background:#b0cb1f} .testimonials-review li a.active{ background:#b0cb1f} .reviews-box{float: left; width: 30%; margin: 20px 3% 20px 0; box-shadow: 0 2px 70px rgb(0 0 0 / 10%); border-radius: 20px;} .reviews-box-main{ padding:35px; text-align:center} .reviews-box-main h4{ margin-top:5px; font-size:22px; color:#44a8b3; margin-bottom:2px} .reviews-box-main h6{ margin-bottom:0} .reviews-box-main .rimg{ width:100px; border-radius:100%; margin-bottom:0} .video-testimonial .reviews-box-main{ padding:12px;} .video-testimonial .reviews-box{ width:32%; margin:20px 1% 5px 0} .video-testimonial h5{ padding-top:12px;} .welcome-row{ padding-bottom:20px; padding-top:10px;}.welcome-row-right h1{ font-size:45px; line-height:50px; margin-bottom:15px;} .heading-description { text-align:center; width:80%; margin:0 auto; padding-bottom:30px;} .mtop30{ margin-top:30px !important;} .mtop20{ margin-top:20px !important;} .heading-description h1{ font-size:45px; line-height:50px; margin-bottom:20px; text-align:center} .welcome-row-left{ float:left; width:47.5%} .welcome-row-right{ float:right; width:47.5%} a.readmore03 { background: #ce4a3a; font-size: 18px; font-weight: 500; color: #fff !important; padding: 10px 20px; border-radius: 5px; display: inline-block; } a.readmore03:hover{ background:#151c22} .doctor-row{ margin:40px 0 0px 0; text-align:center} .doctor-row .dr-list{ border-bottom:1px dashed #ccc} .advanced-row{ padding-bottom:60px;} .doctor-row h2{ font-size:35px; padding-bottom:5px;} .advanced-row h2{ font-size:35px; padding-bottom:25px;} .advanced-row h3{ font-size:23px; margin-bottom:5px; } .advanced-iconbox{ float:left; width:21%} .advanced-iconbox img{ margin:0 auto} .advanced-row-box{ float:left; width:28%; margin:0 1% 20px 1%; padding:25px 1.5% 10px 1.5%; min-height:126px; background:#fff; box-shadow:0 2px 70px rgb(0 0 0 / 10%); border-radius:20px; text-align:center} .empaneled-row{ background:#f4f8f8; padding-bottom:50px;} .empaneled-row .cashless-area ul li{ background:#fff} .empaneled-row h2{ font-size:35px;} .centers-row h2{ font-size:35px; padding-bottom:5px;} .centers-row{ padding-bottom:50px;} .centers-row ul li{ position:relative; float:left; width:20%; background:url(../images/tick-icon.png) left 6px no-repeat; padding-left:21px; margin-left:3%} .address-row{background:#f4f8f8; padding-bottom:40px; } .address-row h2{font-size:35px; text-align:center; padding-bottom:5px;} .address-row-left{ float:left; width:47.5%; text-align:center} .address-row-right{ float:right; width:47.5%; text-align:center} .address-row h3 { font-size:27px; margin-bottom:5px;} .address-row h3 span{ font-size:18px; } .address-row .fa{ font-size:18px;} .address-row a{ color:#000; } .address-row a:hover{ color:#46a7b2 !important} .address-row p span{ width:90%; display:inline-block; vertical-align:top} .reviews-row h2{font-size:35px; padding-bottom:5px;} .reviews-row h4{ margin-bottom:12px;} .reviews-row .rimg{ width:80px; margin-bottom:7px;} .reviews-row{ padding-bottom:50px;} .faqs-row{background:#f4f8f8; padding-bottom:35px;} .faqs-row h2{font-size:35px; padding-bottom:20px;} .faqs-row .toggle{ background:none} .popular-t-row h2{font-size:35px; padding-bottom:10px;} .popular-t-row{ padding-bottom:60px; text-align:center} .popular-t-row li{ display:inline-block; padding:0 10px 0 7px; border-right:solid 1px #ccc; line-height:18px; margin-bottom:10px;} .popular-t-row li a{ color:#000} .popular-t-row li a:hover{ color:#46a7b2} .faqs-row .toggle-title{ font-size:22px; font-family:latosemibold} .doctor-row .dr-box-new{ display:inline-block; vertical-align:top; width:20.6%; margin:25px 0 30px 0; padding:0 2%; text-align:center;} .doctor-row .dr-box-new img{ width:220px; border:solid 10px #fff; border-radius:100%; box-shadow:0px 0px 15px rgb(0 0 0 / 12%)} .doctor-row .dr-box-new .dr-text{ width:100%; float:none } .bdright0{ border-right:0 !important} .dr-box-new p{ margin-bottom:15px;} .address-row h4{ font-size:22px; margin-bottom:1px;} .address-row i img{ padding-right:3px; width:32px; display:inline-block; vertical-align: middle; margin-bottom:0} .timingslist{ margin-bottom:12px; margin-top:7px;} .timingslist li{ display:inline-block; text-align:center; padding-bottom:0; border-radius: 12px; background: #359fa7; height: 36px; width: 36px; margin-right: 16px; color: #fff; justify-content: center; font-weight:600; letter-spacing: 1.6px; line-height: 36px; font-size:18px; }.timingslist li:first-child{ background:#ce4a3a} .gimg{ display:inline-block; vertical-align:sub; padding-left:20px;} .headdesc{ width:80%; text-align:center; margin:0 auto !important; padding-bottom:25px;} .whatsmake-txt{ float:right; width:75%; text-align:left;} .one-roof-row { background:#f4f8f8; padding:10px 0 50px 0} .one-roof-row h2 { font-size:35px; padding-bottom:20px; } .one-roof-row ul li{ position:relative; float:left; width:25%; background:url(../images/tick-icon.png) left 6px no-repeat; padding-left:21px; margin:0 3%} .one-roof-row ul li a{ color:#000 } .one-roof-row ul li a:hover{ color:#46a7b2 } .best-clinic-area{ background:#f4f8f8; padding:10px 0 50px 0; margin-top:50px; text-align:center} .best-clinic-area h2{ font-size:35px; padding-bottom:5px;} .educationpage img { height: 500px; object-fit: cover; object-position: 50% 50%;} .educationpage { position:relative} .educationpage .caption{ position:absolute; width:100%; top:15%} .educationpage .slider-two_title1 { font-family: latobold; padding-bottom: 15px; font-size: 60px; line-height: 65px; }.educationpage .slider-two_title2 { padding-bottom: 30px; font-size: 26px; line-height: 28px; margin-bottom: 20px; } .slider-two_content { max-width: 580px; text-align: center; } .list33 li{ float:left; width:33%} .international-welcome-txt{ background:#3e644b; padding:11px 0 14px 0; text-align:center; color:#fff; font-size:32px; font-weight:600 } .international-page-about-left{ float:left; width:48%} .international-page-about-left img{ border-bottom-right-radius:100px } .international-page-about-right{ float:right; width:48%} .international-page-about-right h2{ padding-bottom:5px; font-size:31px;} .international-page-about-right p{ font-size:18px; line-height:30px;} .international-patient-page{ padding:70px 0 50px 0 !important} .patient-care-area{ background:#f5f5f5; padding:50px 0; text-align:center; } .patient-care-area h2{ font-family: 'roboto_condensedregular'; font-size:31px; line-height: 36px; color: #46a7b2; margin: 10px 0 7px 0;} .patient-care-area p{ font-size:18px; line-height:28px; } .patient-care-box{ background:#fff; box-shadow:0px 4px 40px 0px #0000000f; border-radius:20px; float:left; width:30%; margin:15px 1.5%} .pcboxtxt{ padding:25px 25px 10px 25px; min-height:545px} .pcboxtxt h3{ font-weight:bold; padding-top:15px; } .pcboxicon{ width:140px; height:140px; border-radius:100%; background:#44a8b3; margin:0 auto} .pcboxicon img{ margin:0 auto; padding-top:28px} .why-choose-ojas-box{ background:#fff; box-shadow:0px 4px 40px 0px #0000000f; border-radius:160px; width:100%; margin:20px 0%} .whyboxtxt{ padding:16px 30px 15px 25px; text-align:left; width: calc(100% - 240px); float: left;} .whyboxtxt h3{ font-weight:bold; padding-top:15px; } .whyboxicon{ width:160px; height:160px; border-radius:100%; margin:20px 0 20px 20px; background:#44a8b3; float:left} .whyboxicon img{ margin:0 auto; padding-top:38px} .mtop60{ margin-top:60px;} .patient-base-area { padding: 100px 0; position: relative; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center center; } .patient-base-area:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }.patient-base-area h2{ color:#fff; font-weight:bold; font-size:31px;} .patient-base-area p{ color:#fff; font-size:18px; line-height:30px; font-family: 'latoregular';} .traetment-journey-area{ padding:60px 0} .traetment-journey-area h2{ text-align:center; font-family: 'roboto_condensedregular'; font-size:31px; line-height: 36px; color: #46a7b2; margin: 10px 0 15px 0;} .traetment-journey-area p{ font-size:18px; line-height:28px;} .traetment-journey-area h3{ color:#000; padding-top:5px;} .international-treatment-area{ background:#f5f5f5; padding:50px 0; text-align:center} .international-treatment-area h2{text-align:center; font-family: 'roboto_condensedregular'; font-size:31px; line-height: 36px; color: #46a7b2; margin: 10px 0 15px 0;} .itraetmentbox{background: #fff; border-radius: 25px; box-shadow: 0px 2px 15px #00010121; color: #2B2B2B; overflow: hidden; transition: all 0.4s; display:inline-block; width:23%; margin:12px 0.8%; vertical-align:top} .intertboxtxt{ padding:20px 15px 10px 15px; text-align:left;} .intertboxtxt h3{ font-size:19px; color:#000; font-weight:600; margin-bottom:10px; } .intertboxtxt h3 a:hover{ color:#000} .ip-number-area{ margin-bottom:10px; margin-top:40px;} .ipnumberbox{ float:left; width:21.8%; padding:0 1.5%; text-align:center; border-right: solid 1px #ccc;} .ipnumberbox h2{ font-size:41px;} .minh107{ min-height:107px;} .minh264{ min-height:264px} .ptop35{ padding-top:35px;} .pt10{ padding-top:10px;} @media ( max-width:1024px){ .slick-track1 .slick-next {left:428px!important; outline:none }.slick-prev { display:none !important} .slick-next { display:none !important} } @media ( max-width:980px) { .doctor-row .dr-box-new .dr-text{ background:none} address-row-right{ width:100%; margin-top:20px;} .doctor-row .dr-box-new{ width:45.6%}} @media ( max-width:768px){ .vconrow .vconcol{ width:100%; margin-right:0;} .slick-prev, .slick-next { display:none} .slick-track1 .slick-next {left:300px!important;} .vconrow textarea{ width:95.5%}.online-video-c { font-size:15px; line-height:30px;} .online-video-c img{ margin-right:10px; margin-bottom:2px;} .sticky_menu{ right:auto; bottom:0; top:auto; width:100%}.sticky_menu li{ display:inline-block; margin-left:-5px; width:126px;}.footer-bottom{ padding:25px 0 110px 0}.sticky_menu li a{ font-size:11px;}.sticky_menu li:nth-child(1){ border-radius:0}.sticky_menu li:last-child{ border-radius:0} .video-testimonial .reviews-box{ width:48%} .reviews-box-main{ padding:15px;}.reviews-box{ width:47%} .welcome-row-left{ width:100%} .welcome-row-right{ width:100%} .advanced-row-box{ width:45%} .centers-row ul li { margin-left:2%; width:27%}.address-row-left{ width:100%} .container2{ width:96%}.address-row-right{ width:100%; margin-top:10px;}.one-roof-row ul li { width:40%} .educationpage .caption{ position:relative;} .educationpage .slider-two_title1{ font-size:45px; line-height:54px; padding-top:20px;}.fellowshipbox{ width:96%; margin:0 auto} .list33 li{ width:50%} .international-page-about-left{ width:100%} .international-page-about-right{ width:100%} .patient-care-box{ width:97%} .pcboxtxt{ min-height:inherit} .itraetmentbox{ width:47%} .minh264{ min-height:inherit}.minh107{ min-height:inherit} } @media ( max-width:767px){.whyboxicon{ float:none; margin:20px auto 0 auto}.whyboxtxt{ width:calc(100% - 60px); text-align:center}.why-choose-ojas-box{ border-radius:20px; padding-top:10px;}.ptop35{ padding-top:0}} @media ( max-width:479px){.contoura-col{ width:28.5%; margin-right:4%} .contoura-t li{ width:89% !important}.contoura-t .test-name{ left:22% !important}.contoura-t p{ width:100%; padding-top:15px; text-align:center !important} .branches-page .dr-list .drimg img{ margin:0 auto; display:block; max-width:176px;}.branches-page .services-sec{ margin:0}.branches-page .testimonial-area li{ width:88%} .branches-page .services-sec li{ width:97%}.branches-page .services-sec li img{ margin:0 auto}.hospital-images-area li{ width:47%} .top-area .right-section .mappoint{ margin:7px 0 10px 0}#cssmenu ul{ top:40px;}.s-icon-a p{ width:85%}.bottom-area p{ margin-bottom:70px;} .rcallbtn{ top:inherit; right:inherit; bottom:0; width:100%;} .rcallbtn a{ margin:0 auto; max-width:200px; width:100%; border-radius:10px 10px 0 0px}.sticky_menu li{ padding:10px 0} .sticky_menu span br{ display:none} .video-testimonial .reviews-box{ width:99%}.testimonials-review li{ margin-bottom:20px;} .reviews-box{ width:100%; margin-right:0}.dr-list .drimg{ margin:0 auto; float:none; max-width:176px;} .advanced-row-box{ width:95%; margin-bottom:20px;} .centers-row ul li { width:41%} .welcome-row-right h1 { font-size:41px; line-height:46px;} .doctor-row .dr-box-new { width:95.6%} .doctor-row .dr-box-new .dr-text{ padding:0} .one-roof-row ul li { width:90%}.dr-list{ text-align:-webkit-center} .educationpage img{ height:250px !important; object-position:80% 50%} .list33 li{ width:100%} .itraetmentbox{ width:97%} .ipnumberbox{ width:46%; min-height:100px; margin:10px 0} .bdm0{ border-right:0 !important} } .blinkingbtn{-webkit-animation: glowing 1000ms infinite; -moz-animation: glowing 1000ms infinite; -o-animation: glowing 1000ms infinite; animation: glowing 1000ms infinite; background-color:#44a8b3} @-webkit-keyframes glowing { 0% { background-color: #151c22; } 50% { background-color: #44a8b3; } 100% { background-color: #151c22; } } @-moz-keyframes glowing { 0% { background-color: #151c22; } 50% { background-color: #44a8b3; } 100% { background-color: #151c22; } } @-o-keyframes glowing { 0% { background-color: #151c22; } 50% { background-color: #44a8b3; } 100% { background-color: #151c22; } } @keyframes glowing { 0% { background-color: #151c22; } 50% { background-color: #44a8b3; } 100% { background-color: #151c22; } } .career-t .toggle-title{ font-size:28px;} .career-t .toggle-title span{ padding-left:35px; font-size:20px;} .rmorebtn01 { background: #ce4a3a; color: #fff !important; padding: 12px 35px; border-radius: 30px; font-weight: 600; font-size: 18px; }.rmorebtn01:hover { background:#000} .mright0{ margin-right:0 !important} .highlightbox{ background: #f5f5f5; padding: 20px 40px 10px 40px; margin-bottom: 30px; margin-top:30px;} #tablestyle { font-family: "latolight", Arial, Helvetica, sans-serif; border-collapse: collapse; margin-bottom:20px; width: 100%; } #tablestyle td, #tablestyle th { border: 1px solid #ddd; padding: 8px 15px; } #tablestyle tr:nth-child(even){background-color: #f2f2f2;} #tablestyle tr:hover {background-color: #f5f5f5;} #tablestyle th { padding-top: 12px; padding-bottom: 12px; text-align: center; background-color: #41a5af; color: #fff; } .wavelightbox{ background:#fff; border-radius:20px; box-shadow:0px 4px 40px 0px #0000001f; float:left; width:32%; margin-right:2%} .wavelightboxtxt{ padding:16px 16px 10px 16px; min-height:400px; text-align:center} .wavelightimg{ margin:0 auto 20px auto; background:#44a8b3; border-radius:10px; } .wavelightimg img{ margin:0 auto} .waveimg{ float:right; margin-right:-40px !important} .bgwave{ background:#f1f8f9 url(../images/wavelight.png) right bottom no-repeat; padding-bottom:135px} .wave-row{ margin-bottom:5px; margin-top:15px;} .wave-row .colbox{ float:left; width:50%;} .colboxicin{ float:left; width:70px; height:70px; border-radius:100%; background:#44a8b3; text-align:center} .colboxicin img{ margin:0 auto; padding-top:13px} .colboxtxt{ float:right; width:78%; padding-top:12px;} .colboxtxt h4{ margin-bottom:0} .colboxtxt p{ margin-bottom:0} @media ( max-width:479px){.contact-box{ width:93%; margin-right:0} .table-scroll{ overflow-x:scroll;} .wave-row .colbox{ width:100%}.colboxtxt{ width:72%} .bgwave{ padding-bottom:305px !important;} .bgwave br{ display:none}.wavelightbox{ width:100%; margin-right:0; margin-bottom:20px;}.highlightbox{ padding:20px 20px 10px 20px} }