ikan Uploader :
Directory : /var/www/html/shardahospital.org/oncology/css/
Upload File : |
| Current File : /var/www/html/shardahospital.org/oncology/css/style.css |
body {color: #37464c; font-family: 'Open Sans'; line-height: 21px; margin: 0; font-size: 14px; background: #e0f1f8;}
.red {color: #fa8444;}
.orange {background: #fa8444}
.b {font-weight: 700;}
.u {text-transform: uppercase}
.i {font-style: italic}
h5, h4, h3, h2, h1, ul, li, p, video, img {padding: 0; margin: 0; font-family: 'Open Sans'; }
a {color: inherit}
a:hover {text-decoration: none; color: inherit;}
a:visited {text-decoration: none; color: inherit;}
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
src: local('Open Sans Light'), local('OpenSans-Light'),
url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
nav {padding: 15px 0; background: #fff; margin-bottom: 15px;}
.nav_menu {line-height: 65px;}
.nav_menu a {padding: 0 15px; text-transform: uppercase; font-size: 13px;}
.png {background:url(../images/png.png) no-repeat center top;}
.logos1_width {width: 140px; height: 66px;}
.logos1 {background-position: -2px -2px}
.appointment {background: #fa8444; padding: 10px 15px; border-radius: 0; border: 0; margin-top: 5px; font-weight: 700;}
.appointment2 {background: #657a82; padding: 5px 12px; font-size: 12px; border: 1px solid #fff; margin-top: 5px; box-shadow: 5px 5px 5px 5px #d9e8ed;}
.call {font-size: 15px; font-family: Arial, Helvetica, sans-serif;}
.carousel-caption { text-align: left; font-size: 16px; text-shadow: 0 1px 2px rgba(0,0,0,.0); color: #000;}
header h3 {font-size: 35px; font-weight: 700; text-shadow: 0 1px 2px rgba(0,0,0,.0); color: #000; margin-bottom: 10px;}
.hdr_tag {position: absolute; bottom: 20%; padding: 10px 55px; z-index: 1; color: #fff; font-size: 17px; }
.hdr_tag span {font-weight: 800; font-style: italic}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.s_story img {margin: auto;}
.s_story h3, .s_story p {text-align: center; color: #fff; font-size: 14px;}
.s_story .s_story_img {margin: 15px auto;}
.s_story h3 {font-size: 20px;}
.s_story .carousel-caption {
right: 0%;
left: 0%;
padding-bottom: 28px;
top: 3%;
margin: auto;
}
.s_story .carousel-control.left {
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0)),to(rgba(0,0,0,.0001)));
background-image: linear-gradient(to right,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.s_story p, .s_story h3 {padding: 0 10px;}
.carousel-control.right {
right: 25px;
left: auto;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.0)));
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
/*treatments_section*/
#treatment {margin-top: 45px;}
.treatments {padding: 25px 25px 20px 55px; font-size: 13px; position: relative;}
.treatments h4 {margin-bottom: 5px}
.treatments ul li {padding: 12px 0 12px 0; position: relative; font-size: 1vw; line-height: 19px;}
.treatments ul li span {
border: 1px solid #b6c8cf;
position: absolute;
display: block;
left: -40px;
top: 8px;
display: block;
height: 30px;
width: 30px;
border-radius: 100%;
z-index: 999;
}
.border {border-left: 1px solid #b6c8cf; display: block; position: absolute; height: 310px; top: 64px; left: 30px; z-index: 9;}
.treatments_width {width: 28px; height: 28px; background-color: #fff;}
.treatments1 {background-position: 1px -122px}
.treatments2 {background-position: -38px -126px}
.treatments3 {background-position: -78px -123px}
.treatments4 {background-position: -125px -122px}
.treatments5 {background-position: -168px -122px}
.treatments6 {background-position: -209px -121px}
.treatments7 {background-position: -262px -121px}
.treatments8 {background-position: -308px -121px}
/*treatments_section*/
/*after_header_box*/
#boxes {margin-top: 15px;}
.box {background: #fff; padding: 35px; margin-bottom: 15px;}
.box .text {padding-left: 110px;}
.box .text h4 {margin-bottom: 5px; font-weight: 700;}
.box_width {width: 80px; height: 70px; float: left; display: block;}
.box1 {background-position: -151px -0px}
.box2 {background-position: -238px -0px}
.box3 {background-position: -325px -0px}
/*after_header_box*/
/*department_section*/
#department {margin: 35px 0;}
.department_heading {background: #fff; padding: 25px; border-left: 4px solid #fa8444; margin-bottom: 20px;}
.department_heading h3 {font-size: 21px; line-height: 27px;}
.department_box1 {padding: 25px 0; font-size: 12.5px; font-weight: 500; color: #657a82;}
.department_box1 p:first-child {font-size: 13px;}
.department_box1 .text {padding-left: 70px;}
.department_box1 .text h4 {margin: 5px 0 8px 0; font-weight: 700; color: #37464c; font-size: 15px;}
.department_box_width {width: 43px; height: 43px; float: left; display: block;}
.department_box1 {background-position: 6px -150px}
.department_box2 {background-position: -31px -150px}
.department_box3 {background-position: -71px -150px}
.department_box4 {background-position: -107px -150px}
.department_box5 {background-position: -149px -150px}
.department_box6 {background-position: -198px -150px}
.department_box7 {background-position: -241px -150px}
/*department_section*/
/*usp*/
#usp {
background-image: url(../images/bg_usp.jpg);
background-size: auto auto;
background-repeat: no-repeat;
background-size: cover;
padding: 15px 0;
}
.usp_box1 {padding: 25px 0; font-size: 14px; font-weight: 500; color: #d3efff;}
.usp_box1 .text h4 {margin: 5px 0 8px 0; font-weight: 700; color: #fff; font-size: 28px;}
.usp_box1 .text h4.mrgn {margin: 0px 0 8px 0;}
.usp_box_width {width: 32px; height: 32px; display: block; margin-bottom: 25px; border: 1px solid #eec3a9; padding: 20px;}
.usp_box1 {background-position: 4px -80px}
.usp_box2 {background-position: -34px -80px}
.usp_box3 {background-position: -78px -80px}
.usp_box4 {background-position: -123px -80px}
.usp_box5 {background-position: -167px -80px}
.usp_box6 {background-position: -210px -80px}
.usp_box7 {background-position: -259px -80px}
.usp_box8 {background-position: -304px -80px}
/*usp*/
#about {margin: 75px 0 0 0;}
#about .about p {margin-bottom: 25px; font-size: 14px; line-height: 24px;}
/*Form*/
.form_right {background: #a7c2d0; padding: 15px 5px;}
.form_right h4 {font-size: 18px; color: #000;}
.form_right .appointment {width: 100%}
/*Form*/
/*footer*/
footer {
margin: 0;
padding: 65px 0 0 0;
line-height: 24px;
}
footer .fa {display: block; float: left; font-size: 18px; color: #b6c8cf; margin-top: 4px;}
footer .text {padding-left: 35px;}
footer h4 {font-size: 16px; color: #37464c; margin-bottom: 20px;}
footer strong {color: #8f8f8f;}
.t_and_c p {margin: 5px 0;}
.t_and_c ul {padding: 0 15px; margin: 10px 0;}
.t_and_c ul li {margin: 5px 0;}
.border-right {
border-right:1px solid #b6c8cf;
border-left: 1px solid #b6c8cf;
width:5px;
height: 80px;
}
.copyright {
background: #ccdee6;
padding: 8px 0;
font-size: 13px;
}
.copyright ul li {display: inline-block; padding: 0 10px 0 0;}
.copyright i {border: 1px solid #b6c8cf; border-radius: 100%; height: 25px; width: 25px; text-align: center; line-height: 25px; font-size: 14px; background: #fff; margin-left: 15px; }
footer a:hover, .copy i:hover {color: #fa8444}
.map {margin: 35px 0; border: 10px solid #fff;}
.button {position: fixed; bottom: 0; margin: auto; left: 0; right: 0; text-align: center; border-bottom: 5px solid #000}
.button .btn {border: 1px solid #fff; border-bottom: 0; border-radius: 10px 10px 0 0; padding: 10px 15px 5px 15px; background: #000;}
.arrow {
background: url(../images/arrow.png) no-repeat;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-position: 97% center;
background-color: #fff;
-moz-appearance: none;
-webkit-appearance: none;
}
.arrow2 {
background-position: 92% center;
}
.form input, .form select {
height: 41px;
padding: 0 15px;
border: none;
color: #666;
background-color: #fff;
border-radius: 0px;
font-size: 13px;
border: 0;
width: 100%;
}
.calendar {position: absolute; top: 12px; right: 30px; color: #b1b1b1}
.calendar2 {right: 20px;}
.otp { height: 38px; background: #45df3a; border-radius: 5px; padding: 3px 0;;}
.otp .btn {background: #45df3a; border: 0; text-align: center; width: 100%; font-weight: 700; }
#myModal5 .modal-content {background: #1ea2ea; color: #fff;}
/*footer*/
#thanku {margin: 75px 0 35px 0; }
.thanku {margin: auto; background: #fff; padding: 25px; border-left: 4px solid #fa8444; margin-bottom: 20px;}
.thanku h3 {font-size: 21px; line-height: 27px;}
.thanku h5 {margin: 15px 0 5px 0}
.thanku_call {margin-top: 25px;}
.appointment_thanku {padding: 3px 10px; font-weight: 500; margin-top: 15px;}
Kontol Shell Bypass