body{ padding: 0px; margin: 0px; font-weight: 400;font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}
ul, li{ list-style: none}

/*------------Font Face------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,900,900i');

/*--------------------------Header Top----------------------------*/
.header-top .form-group {
  margin-bottom: 15px; margin-top: 20px;
}
.header-top .input-group{ border: 1px #000 solid}
.header-top .input-group .form-control { float: left; margin-bottom: 0; position: relative; width: 74%; font-size: 16px; z-index: 2; box-shadow: none; 
               border: none; border-left: 1px #ddd solid;margin-top: 9px; font-weight: 300;}
.header-top .caret { color: #000;}
.header-top .dropdown-menu.pull-right { left: 0; right: auto;}
.header-top .input-group-btn > .btn{ border: none; border-radius: 0; font-size: 16px; color: #8A8A8A}
.header-top .input-group-btn > .btn:focus,
.header-top .input-group-btn > .btn:hover{ background: transparent; box-shadow: none}
.yello_btn{ display: inline-block; color: #fff; font-size: 18px; padding:13px 0px; border-radius: 0px; border: none; font-weight: 500;
 margin-top: 0px; font-family: 'Roboto', sans-serif;  text-transform: uppercase; width: 25%;
background: #03b6d6; /* Old browsers */
background: -moz-linear-gradient(top, #03b6d6 0%, #0492aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #03b6d6 0%,#0492aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #03b6d6 0%,#0492aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03b6d6', endColorstr='#0492aa',GradientType=0 ); /* IE6-9 */
}
/* Fade */
.yello_btn { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color;
 transition-property: color, background-color;}
.yello_btn:hover, .yello_btn:focus, .yello_btn:active { 
background: #0492aa; /* Old browsers */
background: -moz-linear-gradient(top, #0492aa 0%, #03b6d6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0492aa 0%,#03b6d6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0492aa 0%,#03b6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0492aa', endColorstr='#03b6d6',GradientType=0 ); /* IE6-9 */}
.header-top .yello_btn{ float: right}
/**-------------------------Header--------------------------------*/
.header .navbar-brand { height: auto; padding: 15px 0;transition: width 1s ease, height 1s ease; margin: 0 !important; width: 160px}
.header .navbar.navbar-default{ background: transparent; border: 0 none; border-radius: 0; margin: 0;}
.navbar-me{background: #03B8D7; border: 0 none; border-radius: 0; margin: 0;}
.header .collapse.navbar-collapse{ float: right; width: 100%}
.home-banner{ }
.slider .carousel { float: left; position: relative; width: 100%;}
.slider_cover h2{ color: #fff; font-size: 45px; font-family: 'Roboto', sans-serif; font-weight: 600; text-shadow: none}
.carousel-caption { left: 20%; padding-bottom: 30px; right: 20%; top: 20%;}
.slider { float: left; position: relative; width: 100%;}
.header { float: left; width: 100%; z-index: 999;}
.carousel-indicators .active { background-color: #04B7D7; height: 15px; margin:1px; width: 15px; border: none;}
.carousel-indicators li { background-color: #fff; border:none; border-radius: 10px; cursor: pointer; display: inline-block; height: 15px;
  margin: 1px;text-indent: -999px; width: 15px;}
.header .navbar-default .navbar-nav > li > a { color: #fff; margin: 0 1px 0 0; padding: 25px 22px;font-family: 'Roboto', sans-serif; font-size: 18px;}
.header .navbar-default .navbar-nav > li > a:hover { color: #fff; background: #049AB5 }
.header .navbar-default .navbar-nav > .active > a, 
.header .navbar-default .navbar-nav > .active > a:hover, 
.header .navbar-default .navbar-nav > .active > a:focus { color: #fff; background: #049AB5}
.header .navbar.navbar-default ul.nav.navbar-nav{margin: 0;}
.slider .carousel-inner { text-align: center;}
.slider .carousel-inner > .item > img{ display: inline-block}
.login_menu{ float: left; width: 100%; margin-top: 20px;}
.login_menu li{ float: left; position: relative }
.login_menu li a{ display: block; color: #000; font-size: 16px; font-weight: 500; padding: 0 8px; line-height: 18px;}
.login_menu li a:hover{ color: #03B7D8 }
.login_menu li:first-child{ border-right: 2px #000 solid}
.login_menu li:first-child a{ padding-left: 0;}
.login_menu li:last-child{ float: right}
.login_menu li:last-child a{  padding-right: 32px}
.notification{ background: #04B7D8; width: 25px; height: 25px; display: inline-block; border-radius: 50%; color: #fff ; text-align: center;
line-height: 23px; position: absolute; right: 0; top: -3px}
.contact_number{ display: inline-block; color: #000; font-size: 18px; font-weight: 500; margin-top: 10px;}
.contact_number span{ padding-left: 8px;}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 14px 17px;}
/*----------------------------Medical Equipments--------------------------------------*/
.medical-equipments-section{ padding: 60px 0}
.medical-equipments{ float: left; width: 100%; background: #03B8D7; padding: 7px 0px;}
.medical-equipments h3{ color: #fff; float: left; font-size: 17px; font-weight: normal; padding-top: 8px; padding-left: 15px;}
.sort_by{ float: right; width: 100px;}
.sort_by .form-group{ margin: 0; padding: 0}
.sort_by .open .dropdown-toggle,
.sort_by .open .dropdown-toggle:hover, .sort_by .open .dropdown-toggle:focus,
.sort_by .dropdown-toggle:hover, .sort_by .dropdown-toggle:focus,
.sort_by .dropdown-toggle{ color: #fff; background: transparent; border: none; box-shadow: none; font-size: 17px;}
.medical_products { float: left; padding: 40px 0; width: 100%;}
.medical_products .thumbnail { border: 1px solid #ccc; border-radius: 0; padding: 0px 0 0;}
.medical_products .thumbnail .caption { color: #333; padding: 15px;min-height: 80px;}
.medical_products .thumbnail .caption h3{   color: #333333; font-size: 16px; font-weight: 400}
.medical_products .thumbnail .caption p{   color: #999; font-size: 15px; font-weight: 400; padding-top: 10px;}
.medical_products .btn-primary{ border-radius: 0; width: 100%; background: #03B8D7; border: none; font-size: 18px; padding:12px 30px; text-align: left;
position: relative}
.medical_products .btn-primary i{ position: absolute; right: 20px; top: 9px; }
.thumbnail-medical-img{ display: inline-block; width: 100%; height: 250px; text-align: center; position: relative}
.thumbnail-medical-img img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%; margin: auto}

.footerp .btn-primary:focus,
.footerp .btn-primary:hover,
.medical_products .btn-primary:hover, 
.medical_products .btn-primary:focus { background: #049ab5 ; color: #fff; box-shadow: none}
.medical_viewmore{ display: inline-block; width: 100%; text-align: center}
.medical_viewmore .yello_btn{ width: auto; padding: 13px 30px; border-radius: 5px; text-transform: none}
/*-----------------------how-it-work-section -----------------*/
.how-it-work-section{ background: #03B8D7; padding: 50px 0;}
.how-it-title{ display: inline-block; width: 100%; text-align: center;}
.how-it-title h2{ display: inline-block; font-size: 40px; font-weight: 400; color: #fff; position: relative}
.how-it-title h2::before { background: #8added; bottom: -26px; content: ""; height: 3px; left: 40px; position: absolute; width: 28%;}
.how-it-title h2::after { background: #8added; bottom: -26px; content: ""; height: 3px; right: 40px; position: absolute; width: 28%;}
.how-it-title h2 span{ position: relative}
.how-it-title h2 span::before { background: #fff; border-radius: 50%; bottom: -22px; content: ""; height: 5px; left: 50%; position: absolute;
  transform: translate(-50%, 0px); width: 5px;}
.how-work-serves { float: left; padding-top: 60px; width: 100%;}
.how-work-serves li{ float: left; text-align: center; width: 20%;}
.how-work-serves li:first-child{ text-align: left; }
.how-work-serves li:last-child{ text-align: right; }
.how_it_img{ display: inline-block; width: 100%;}
.how_i_disc { background: #fff ; float: left; height: 2px; margin-top: 20px; position: relative; width: 100%;}
.how_i_disc > span {background: #fff; border-radius: 50%; height: 32px; left: 50%; position: absolute; top: 50%;transform: translate(-50%, -50%); width: 32px;}
.how_it_txt { color: #fff; float: left; font-size: 19px; margin-top: 30px; width: 100%;}
.how_it_txt a { color: #fff;  font-size: 19px; }
.how_it_txt a:hover { color: #e83888; }

.how-work-serves li:first-child .how_i_disc > span { left: 0%;  transform: translate(0%, -50%);}
.how-work-serves li:last-child .how_i_disc > span { right: 0%; left: auto;  transform: translate(0%, -50%);}

.how-work-serves li:first-child .how_i_disc { margin-left: 20%; width: 80%;}
.how-work-serves li:first-child .how_it_txt{ padding-left: 12%}

.how-work-serves li:last-child .how_i_disc { width: 82%;}
.how-work-serves li:last-child .how_it_txt{ padding-right: 12%}
/*-----------------------Why Choose Us-----------------*/
.why-choose-section{ background: #E5E5E5; padding: 60px 0}

.why-choose-section .how-it-title h2{ color: #03B8D7;}
.why-choose-section .how-it-title h2::before { background: #03B8D7;}
.why-choose-section .how-it-title h2::after { background: #03B8D7; }
.why-choose-section .how-it-title h2 span::before { background: #03B8D7;}
.how-itwork-service { display: inline-block; padding-top: 100px; width: 100%;}
.how-itwork-service .list-group{ padding: 40px 0 0 30px;}
.how-itwork-service .list-group-item{ background: transparent; border: none; font-size: 22px; color: #333; font-weight: 400; margin-bottom: 10px;}
.how-itwork-service .list-group-item i{ width: 40px; height: 40px; border-radius: 50%; background: #03B7D8; color: #E5E4E9;  line-height: 39px;
font-size: 28px; margin-right: 10px; vertical-align: middle; text-align: center}

/*-----------------------------about-section-------------*/
.about-section{ padding: 70px 0;background: url("../img/bg3.jpg") no-repeat center top;}

.about-section .jumbotron{ background: transparent; border: none; border-radius: 0; padding: 0}
.about-section .jumbotron h3{ color: #fff; font-size: 34px; position: relative; }
.about-section .jumbotron p{ color: #fff; font-size: 15px; line-height: 22px; font-weight: 400; padding-top: 30px;}
.about-section .jumbotron h3::before { background: #e83888; bottom: -13px; content: ""; height: 3px; left: 0; position: absolute; width: 90px;}
.about-section .jumbotron-second{ padding-top: 40px;}
/*---------------Footer-------------------*/
.footer { background: #fff ; display: inline-block; width: 100%; padding: 0; color: #333;} 
.footer-top{ display: inline-block; width: 100%; padding: 20px 0}
.footer-top .btn.btn-default{ background: transparent; color: #FF7F28; font-size: 18px; padding: 14px 20px; margin-top: 8px;}
.footer_center{ display: inline-block; width: 100%; padding: 20px 0}
.title-widget {color: #333;font-size: 23px;font-weight: 500;line-height: 1;position: relative; margin: 0 0 25px; display: inline-block; width: 100%}
.title-widget span {position: relative; display: inline-block; width: 100%}
.widget_nav_menu ul { list-style: outside none none; padding-left: 0; padding-top: 20px;}
.widget_nav_menu ul li { position: relative;  margin-bottom: 7px;width:95%;}
.widget_nav_menu ul li a{ font-size: 15px; line-height: 20px; color: #000; font-weight: 400;  }
.widget_nav_menu ul.menu_categori{ width: 50%; float: left}
.title-widget span::before { background: #03b8d7; bottom: -16px; content: ""; height: 2px; left: 0; position: absolute; width: 50px;}
.title-widget span::after { background: #03b8d7; bottom: -22px; content: ""; height: 2px; left: 0; position: absolute; width: 70px;}
.ftdrop3,
.ftdrop2,
.ftdrop1{ display: none}
.footerp{ display: inline-block; width: 100%; padding-top: 25px;}
.footerp .input-group{ width: 100%}
.footerp .input-group .form-control{ background: #E6E6E6; border: none; color: #333; box-shadow: none; height: 45px; font-size: 16px;}
.footerp .input-group textarea.form-control{ height: 90px;}
.footerp .btn-primary{ background: #03B8D7; width: 100%; border-radius: 0; border: none; font-size: 18px; padding: 10px 0}

.nomargin a i:hover {
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
			}
			
.nomargin a i {-webkit-transform:scale(0.8);

-moz-transform:scale(0.8);
-o-transform:scale(0.8); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;	}           


.nomargin { margin:0px; padding:0px;}
.nomargin a {  color: #01A5C1} 
.nomargin a:hover {  color: #01A5C1}  
.nomargin a i{ font-size: 29px; width: 52px; height: 52px; border-radius: 50%; line-height: 48px; text-align: center; border: 2px solid #01a5c1;}
.footer-bottom { width: 100%; padding: 15px 10px; background: #03B8D7; float: left}
.copyright { color: #fff; padding: 0px 0; font-size: 15px;}
.copyright a{ color: #fff; padding: 0px 5px;}


/*-----------------------**/
.fixed-me{ background:rgba(0, 0, 0, 0.9) ; padding: 0px  !important; margin-bottom: 5px; position: fixed; top:0;z-index:888;width: 100%;
 border-bottom: 3px solid #c70b09 !important; left: 0;}
.navbar-me {   transition: all 1s ;}
.navbar-me{ padding: 0px 0px; top: 0px; border: 0px; border-radius: 0px; margin: 0}
.header .navbar.navbar-default .fixed-me ul.nav.navbar-nav { margin: 6px 0 0;}
.header .fixed-me .navbar-brand { height: auto; padding: 5px 0; width: 84px;transition: width 1s ease, height 1s ease;}
.header .fixed-me .navbar-brand { height: auto; padding: 10px 0;}
.our-slider-section .glyphicon { top: 50%; transform: translate(0px, -50%);}
.slider .carousel-caption { left: 0; padding-top: 100px; right: 0; top: 15%;}
.header .navbar-me .navbar-brand{ display: none}
.header .fixed-me .navbar-brand{ display: inline-block}
.header .fixed-me .collapse.navbar-collapse {  width: 85%;}
/*-------------------------------Media css-------------*/
@media only screen and (max-width:1200px){
.contact_number,
.login_menu li a { font-size: 13px;}
.header .navbar-default .navbar-nav > li > a { padding: 25px 18px;}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 14px 8px;}
}
@media only screen and (max-width:1100px){
.slider_cover h1 { font-size: 60px;}
.slider_cover p { font-size: 22px;}
.media-heading { font-size: 16px;}
.slider .carousel-caption {left: 10%; right: 10%; top: 15%;}
.slider .slider_cover img { width: 70px;}
.slider_cover h2 { font-size: 35px; padding-top: 10px;}
.contact_number { font-size: 13px;}
.login_menu li a { font-size: 13px; padding: 0 5px}
.header .navbar-default .navbar-nav > li > a { padding: 25px 14px;}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 12px 9px;}
.header .fixed-me .navbar-brand { width: 80px;}
.how-itwork-service .list-group{ padding-top: 10px}
.how-itwork-service .list-group-item{ margin-bottom: 8px;}
}
@media only screen and (max-width:991px){


.footer_center .list-unstyled { min-height: 250px;}
.header .navbar-default .navbar-nav > li > a {  padding:16px 13px; font-size: 13px;}
.slider_cover h1 { color: #fff; font-size: 46px; font-weight: 900;}
.slider_cover p { font-size: 17px;}
.header {position: relative;}
.header .navbar.navbar-default ul.nav.navbar-nav { }
.header .navbar-brand { width: 110px;}
.header .fixed-me .navbar-brand { width: 80px;}
.slider .carousel-caption {top: 4%; left: 0; right: 0;}
.slider .slider_cover img { width: 70px;}
.slider_cover h2 { font-size: 30px;}
.slider_cover h3 { font-size: 25px; padding-top: 4px;}
.slider_cover h4 { font-size: 15px; padding-top: 9px;}
.about-section .jumbotron p{ width: 100%}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 6px 8px;}
.header .navbar.navbar-default .fixed-me ul.nav.navbar-nav { margin: 13px 0 0;}
.yello_btn {width: 35%}
.header-top .input-group .form-control{ width: 65%}
.about-section{ background-size: cover}
.how-itwork-service .list-group { padding: 0;}
.how-itwork-service .list-group-item { font-size: 17px; margin-bottom: 0; padding: 7px;}
.how_it_img { height: 110px; width: 47%;}
}
@media only screen and (max-width:767px){
.slider_cover h1 { font-size: 33px; line-height: 42px;}
.header .navbar-collapse { float: right; left: 0; margin: 0; position: absolute; width: 100%; background: #000}
.moddel-velue i { width: 40px;}
.header .navbar-toggle { margin-top: 30px;}
.footer-top .text-right{ margin-top: 10px;}
.header .navbar-toggle { margin-top: 12px;}
.header .navbar-brand{ margin-left: 10px !important;}
.slider_cover { padding: 30px 0; }
.slider .slider_cover img { width: 60px;}
.slider_cover h2 { font-size: 22px;}
.slider_cover p,
.slider_cover h4,
.slider_cover h3{ display: none}
.slider_cover .yello_btn { font-size: 13px; margin-top: 20px; padding: 8px 15px;}
.how-itwork-service .list-group { padding: 40px 0 0;}
.header-top {

}
.slider .carousel-caption { padding-top: 20px;}
.header .navbar-default .navbar-nav > li > a { font-size: 15px; padding: 9px;}
.login_menu { margin-bottom: 0px; margin-top: 0; width: 100%; text-align: center;}
.login_menu li{ display: inline-block; float: none}

.login_menu li:last-child { float: none;}
.header-top .input-group .form-control { width: 66%;margin-top: 6px;}
.yello_btn { font-size: 14px; width: 34%;}
.contact_number { margin-top: 8px; padding-left: 0; text-align: center; width: 100%;}
.about-section{ background-size: cover}
.nomargin,
.footer_logo { text-align: center;}
.header-top .navbar-brand{ position: relative; z-index: 999; width: 100%; text-align: center}
.header-top .navbar-brand > img { display: inline-block;}
.header-top .pull-left,
.header-top .pull-right { float: left; width: 100%;}
.header .fixed-me .collapse.navbar-collapse { width: 100%;}
.header .navbar.navbar-default ul.nav.navbar-nav { margin: 14px 0 0;}
.how_it_img { height: 80px; width: 47%;}
.how_it_txt a { font-size: 12px;}


.ftdrop2::after, 
.ftdrop1::after, 
.ftdrop3::after, 
.ftdrop4::after, 
.ftdrop5::after{color:#333;content:"+";font-family:"robotolight";font-size:30px;font-weight:normal;position:absolute;right:10px;top:-4px; cursor: pointer}

.ftopen1::after, 
.ftopen2::after, 
.ftopen3::after, 
.ftopen4::after, 
.ftopen5::after{content:"_";top:-19px;}

.ftblock1, 
.ftblock2, 
.ftblock3, 
.ftblock4, 
.ftblock5{padding:0 0px; display: none}
.ftdrop5, .ftdrop4, .ftdrop3, .ftdrop2, .ftdrop1 { display: inline-block; width: 100%; cursor: pointer}
.mobile_sh{ display: none}
.footer_center .list-unstyled { min-height:0px; margin-bottom: 20px;}}
@media only screen and (max-width:479px){
.slider_cover { padding: 10px 0; }
.slider .slider_cover img { width: 42px;}
.slider_cover h2 { font-size: 16px;}
.slider_cover .yello_btn { font-size: 13px; margin-top: 10px; padding: 3px 10px;}
.how-itwork-service .list-group-item { font-size: 14px;}
.slider .carousel-caption { padding-top: 4px;}
.how_it_img { height: 40px;}
.how_i_disc > span { height: 22px; width: 22px;}
.how_it_txt { line-height: 13px;}
}