@charset "utf-8";
/* CSS Document */

.clear{ clear:both; }
.container{ margin:0 auto; max-width:1140px; position:relative;  }
.img-left{float: left; margin: 10px 30px 10px 0px}

.header-wrap{background: #1a97fd; float: left;width: 100%; padding: 3px 0 15px 0;}
.header-wrap header{position:fixed; background: #1a97fd; z-index: 99;}


/*----------------------sidebar----------------*/

aside { float: right;margin: 0; width: 260px;}
.treat-s {float: left;margin: 4px 0 0;padding: 0 0 2px; width: 258px;border:1px solid #e1e1e1;}

.treat-s h4 a {  background: #282828 none repeat scroll 0 0; color: #ffffff; display: block; font: 400 18px/24px "Roboto",sans-serif; margin: 0; padding: 12px 0 13px 25px; text-transform: uppercase;}
.treat-s li { float: none; margin: 10px auto; width: 86%;}
.treat-s ul{list-style: none;margin: 0px padding:0px;}
.treat-s li a {border-bottom: 1px solid #e1e1e1;color: #474747;display: block;float: left;font: 14.5px/20px "Poppins",sans-serif;margin: 0;padding: 9px 0 17px; width: 100%;}
.treat-s li:last-child a{border-bottom:none; }

/*---------------------- treat-s ---------------*/
.latest-projects {  border: 1px solid #e1e1e1;  float: left; margin: 3px 0 0;  padding: 0; width: 99.5%; position:relative;}
.latest-projects h3 a { background: #282828 none repeat scroll 0 0; color: #ffffff; display: block; font: 400 18px/24px "Roboto",sans-serif; padding: 11px 0 13px 25px; text-transform: uppercase;}
.latest-projects li {text-align: center; margin: 10px 0px; width:100%;}
.latest-projects-tab {right: 4px;min-height: 28px; position: absolute; top: 12px; width: 68px; z-index: 9;}
#controls3 li{background: #fff;}
#controls4 li{background: #fff;}
.patient-testimonials-tab {   right: 7px; min-height: 28px;position: absolute;bottom:10px;width: 60px;z-index: 9;}
#controls3 li, #controls4 li {cursor: pointer;display: inline-block; margin: 0 !important; padding: 0px; width: 20px;}
/*----------------------latest-projects ---------------*/
.patient-testimonials { float: left;margin: 5px 0 6px; padding: 0 0 10px; width: 99.6%;   border: 1px solid #e1e1e1; position:relative;}
.patient-testimonials h3 a { background: #282828 none repeat scroll 0 0; color: #ffffff; display: block; font: 400 18px/24px "Roboto",sans-serif; padding: 11px 0 13px 25px; text-transform: uppercase;}
.patient-testimonials li{text-align: center;}
.patient-testimonials #slider4 li img { margin: 23px 0 15px; }
.patient-testimonials li {float: left; width: 100%;}

.patient-testimonials .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;min-height: 535px !important; }
.patient-testimonials .rslides > li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; z-index:9;}
.patient-testimonials .rslides > li:first-child { position: relative; display: block; float: left; }
.patient-testimonials .rslides > img { display: block; height: auto; float: left; width: 100%; border: 0;}

.patient-testimonials li p {

	margin: 10px auto;

	width: 95%;
	min-height: 10px;
}
.patient-testimonials li span { text-align: center;  }
.patient-testimonials .galleries li img {
	margin: 10px auto;
	display: block;
	clear: both;
	width: 85px;
	border-radius: 100%;
}
aside .galleries  .readmore a {
  list-style: none;
  margin: 10px 0 10px 10px;
  line-height: 20px;
  background: #1a97fd;
  border-radius: 5px;
  padding: 8px;
  color: #fff;
}


.digital-marketing{float: left; width:100%; margin: 0px 0px 40px 0px;}
.digital-marketing img{float: left; margin: 10px 20px 20px 0px}
.digital-text { float: right; width: 47%;}

.web-site-development{float: left; width:100%;}
.web-site-development li{float:left; width: 100%; margin: 10px 0px; padding: 0px; list-style: none; background: none;}
.development-text1{float: left; width:47%;}
.development-text1 h3 { color: #1f1f1f; font: 30px/34px "Roboto Condensed",sans-serif; padding: 90px 0 13px; text-align: left; text-transform: uppercase;}
.development-text1 p span{font: 500 14px/20px "Poppins",sans-serif; color:#1a97fd; }
.development-img1{float:right; }
a.read-dev { background: #1a97fd none repeat scroll 0 0; color: #ffffff; display: block; font: 12px/16px "Roboto Condensed",sans-serif; padding: 12px 7px; text-align: center; text-transform: uppercase; width: 92px; margin:20px 0px 0px 0px; }
.development-text2 a.read-dev {background: #1a97fd none repeat scroll 0 0;color: #ffffff;display: block; font: 12px/16px "Roboto Condensed",sans-serif;  padding: 12px 7px;text-align: center; text-transform: uppercase;margin:20px 0px 0px 0px; width: 92px; text-align: center; float: right}
.development-img2 {float: left}
.development-text2{float: right; width:47%;}
.development-text2 h3 {color: #1f1f1f; font: 30px/34px "Roboto Condensed",sans-serif; padding: 90px 0 4px; text-align: right;  text-transform: uppercase;}
.development-text2 p span{font: 500 14px/20px "Poppins",sans-serif; color:#1a97fd; }
.development-text1 p{font: 15px/25px "Roboto Condensed",sans-serif;}
.development-text2 p{font: 15px/25px "Roboto Condensed",sans-serif; text-align:right;}

.development-text1 h3.development1{background: rgba(0, 0, 0, 0) url("../images/website-brand1.png") no-repeat scroll 0 0; }
.development-text2 h3.development2{background: rgba(0, 0, 0, 0) url("../images/website-brand2.png") no-repeat scroll right 0; }
.development-text1 h3.development3{background: rgba(0, 0, 0, 0) url("../images/website-brand3.png") no-repeat scroll 0 0; }
.development-text2 h3.development4{background: rgba(0, 0, 0, 0) url("../images/website-brand4.png") no-repeat scroll right 0; }
.development-text1 h3.development5{background: rgba(0, 0, 0, 0) url("../images/website-brand5.png") no-repeat scroll 0 0; }
.development-text2 h3.development6{background: rgba(0, 0, 0, 0) url("../images/website-brand6.png") no-repeat scroll right 0; }
.development-text1 h3.development7{background: rgba(0, 0, 0, 0) url("../images/website-brand7.png") no-repeat scroll 0 0; }
.development-text2 h3.development8{background: rgba(0, 0, 0, 0) url("../images/website-brand8.png") no-repeat scroll right 0; }
.development-text1 h3.development9{background: rgba(0, 0, 0, 0) url("../images/website-brand9.png") no-repeat scroll 0 0; }

/*-----------------------sidebar--------------------*/
/*--------------subpage-------------------------------*/
.contents{ float:left;font:normal 12px Verdana, Geneva, sans-serif; color:#232323; text-align:left; width:100%; padding:0px 0% 0 0%;}
.contents h1 {color: #34373e; font-family:  'work_sansbold';font-size: 32px;font-weight: normal;margin: 0 5px 10px 0; padding-bottom: 6px; text-transform: uppercase;}
article {  color: #003466;float: left; font: 15px/22px 'Poppins', sans-serif; margin: 12px 0; width: 71%;}

article h1 { color: #072b61; font: 30px/34px 'Poppins', sans-serif;  margin: 0 0 15px; padding: 0 0 20px; text-align: left;}
article h2 {color: #1f1f1f; font:30px/34px 'Roboto Condensed', sans-serif; text-align: left; }
article h2 span{color: #1a97fd; font:25px/34px 'Roboto Condensed', sans-serif; text-align: left; text-transform: initial; display: block;}
article h3{font: 25px/27px 'Roboto Condensed', sans-serif;color: #1a97fd;margin: 15px 0;}
article h4{font: 20px/20px 'Roboto Condensed', sans-serif;color: #1a97fd;margin: 15px 0;}
article p {font: 400 15px/25px 'Poppins', sans-serif; margin: 12px 0;text-align: left;color: #616161;}
article ul, article ol { list-style: outside none none;margin: 0;padding: 0;}
article ul li {background: rgba(0, 0, 0, 0) url("../images/li-bg.png") no-repeat scroll 2px 9px; list-style: outside none none;padding: 5px 0 5px 35px;font: 15px/25px 'Poppins', sans-serif; color: #616161 }
article ul li a {color: #616161;font-size: 15px;}
article a{color: #1A97FD}
article ol li { list-style: outside none number; margin: 0 0 0 30px;padding: 5px 0 5px 5px;font-size: 15px; color: #616161;}
article ol li a {color: #616161;}
article ol li a:hover, article ul li a:hover{color: #ooo;}
article  {font: 15px/22px 'Work Sans', sans-serif; margin: 12px 0;text-align: left;color: #003466; }
article strong{font-weight: 600; color: #000;}

.page_heading, .about_heading {  clear: both;  float: left;  margin: 0 0 15px;  width: 100%;}
.about_heading h2 {color: #00aeef; font-size: 22px;}
.about_heading span {  padding: 14px 5px 0;   float: left;}

.page_heading h2 a, .about_heading h2 a { color: #00aeef; font-size: 22px; line-height: 24px;}
.page_heading h2, .about_heading h2 {float: left; line-height: 54px;}
.research-tab { background: url("../images/reach-new.jpg") no-repeat scroll 0 0; color: #ffffff; height: 103px; margin: 20px 0;   padding:26px 18px 7px 15px; text-align: center; width: 372px;}
.research-tab p { line-height: 17px;  margin: 10px 0 0;  text-align: center;}
.research-tab strong{font-weight: 600; color: #fff;}
.health_education_video {  float: left;  margin: 30px 0;  width: 100%;}
.video_lib_inc {  float: left; margin: 0px 0 20px;  width: 100%;}
/*.video_lib_inc {  float: left; margin: 20px 0 20px;  width: 100%;}*/
.video_lib_inc ul {margin: 10px 0 0 15px;}
.video_lib_inc ul li {  color: #ef4e68; float: left;margin: 5px 0;  width: 20%;}
.video_lib_inc ul li a, .references a {color: #6a6868;}
.pricing-content {  background: #e4f5f5 none repeat scroll 0 0;  color: #ffffff; float: left;  padding: 10px 0;  width: 100%;}
.pricing-content h2 { color: #2ca2ce;font: 20px 'Roboto Condensed', sans-serif;text-align: center; text-transform: initial;}
.pricing-content p {  color: #525a5a; font: 20px 'Roboto Condensed', sans-serif; margin: 8px 0; text-align: center;}
.multi-contact { background: #1f9aca none repeat scroll 0 0;  color: #ffffff;  float: left;  margin: 0 0 20px;  padding: 10px 0;  width: 100%;}
.multi-contact h2 { color: #ffffff; font: 28px/34px "Roboto Condensed",sans-serif; margin: 0;  text-align: center; text-transform: initial;}
.multi-mail {  margin: 0 0 0 10px;  text-align: center;}
.references {  float: left;}
.references h3 { font-size: 16px;}
.references ol { margin: 5px 0 0 15px;}
.references ol li { font-size: 11px; list-style-type: decimal;}
.multi-mail a {background: rgba(0, 0, 0, 0) url("../images/multimedia-call-mail.jpg") no-repeat scroll 0 5px;color: #ffffff; font: 28px 'Roboto Condensed', sans-serif;  padding: 6px 0 0 50px;  line-height: 38px;}
.health_nav {
  border-bottom: 1px dotted #e0e0e0;
  float: left;
  margin: 11px 0;
  padding: 0 0 22px;
  width: 100%;
}
.health_nav a {
  float: left;
}
.app_desc {
  float: left;
  margin: 5px 0 0 2%;
  width: 80%;
}
.app_desc h3 {
  color: #0080c0;
  margin: 0 0 10px !important;
}
.app_desc p {
  font-size: 12px;
  margin: 5px 0;
}
.app_desc p {
  font-size: 12px;
  margin: 5px 0;
}
.app_desc p a {
  margin: 0 5px;
}



#ser-slider-box{float:left; width:100%; background:#f8f8f8; margin:50px 0; }
.ser-slider{margin:0 auto; max-width:1170px;}
ul.ser-slider-nav {width:100%;  float:left; }
ul.ser-slider-nav li{list-style:none; float:left;  padding:0; }
ul.ser-slider-nav li a{color: #1a1a1a;float: left;font-size:16px; text-align: center;  border-right: 1px solid #d6d6d6;list-style: outside none none; margin: 0;padding: 134px 10px 0px 10px;text-align: center;  text-transform:uppercase; width:200px;  min-height:60px;}	
ul.ser-slider-nav li a.last{border-right:0px solid #d6d6d6;}	
ul.ser-slider-nav li a.icon1{background: rgba(0, 0, 0, 0) url("../images/ser-icon1.png") no-repeat scroll center 2px;}
ul.ser-slider-nav li a.icon2{background: rgba(0, 0, 0, 0) url("../images/ser-icon2.png") no-repeat scroll center 2px;}
ul.ser-slider-nav li a.icon3{background: rgba(0, 0, 0, 0) url("../images/ser-icon3.png") no-repeat scroll center 2px;}
ul.ser-slider-nav li a.icon4{background: rgba(0, 0, 0, 0) url("../images/ser-icon4.png") no-repeat scroll center 2px;}
ul.ser-slider-nav li a.icon5{background: rgba(0, 0, 0, 0) url("../images/ser-icon5.png") no-repeat scroll center 2px;}
ul.ser-slider-nav li a.icon6{background: rgba(0, 0, 0, 0) url("../images/ser-icon6.png") no-repeat scroll center 2px;}
ul.ser-slider-nav li a.icon7{background: rgba(0, 0, 0, 0) url("../images/ser-icon7.png") no-repeat scroll center 2px;}
ul.ser-slider-nav li a.icon8{background: rgba(0, 0, 0, 0) url("../images/ser-icon8.png") no-repeat scroll center 2px;}
ul.ser-slider-nav li a.icon9{background: rgba(0, 0, 0, 0) url("../images/ser-icon9.png") no-repeat scroll center 2px;}


#flexiselDemo5{display:block; }
#ser-slider-box .nbs-flexisel-container {position:relative;max-width:100%;  margin:0; float:left; }
#ser-slider-box .nbs-flexisel-ul { position:relative; width:9999px; padding:25px 0 0 0; list-style-type:none; z-index: 2; }
#ser-slider-box .nbs-flexisel-inner {overflow:hidden; width:90%; margin:0px auto;  height:240px; }
#ser-slider-box  .nbs-flexisel-item {float:left;margin:0px;padding:0px;position:relative;  text-align:center; }
/*** Navigation ***/
#ser-slider-box .nbs-flexisel-nav-left,
#ser-slider-box .nbs-flexisel-nav-right { width:36px; height:42px;  position: absolute; cursor: pointer; z-index: 2; top:100px!important;}
#ser-slider-box .nbs-flexisel-nav-left { left:0; background:url(../images/serv-left-arrow.png) no-repeat 2px 0px; width:36px; height:42px;}
#ser-slider-box .nbs-flexisel-nav-right {right:0;  background:url(../images/serv-right-arrow.png) no-repeat 0px 6px; width:36px; height:42px;}


.dfw-blackmode article h2, .dfw-blackmode article h3, .dfw-blackmode article h4, .dfw-blackmode article ul li, .dfw-blackmode article ol li, .dfw-blackmode article p, .dfw-blackmode article strong, .dfw-blackmode .treat-s h4 a, .dfw-blackmode .treat-s li a, .dfw-blackmode .patient-testimonials h3 a, .dfw-blackmode .patient-testimonials li p, .dfw-blackmode .patient-testimonials li span {color: #fff; }


.dfw-blackmode article ul li a, .dfw-blackmode article ol li a, .dfw-blackmode article p a{color: #ff0;}


.chck_out_links{padding: 0px; margin: 10px 0;}
.chck_out_links li{ list-style: none; background: none; font-size: 18px; padding: 5px 0; color: #1A97FD;}
.chck_out_links li u a{font-size: 18px;  color: #000;}

.form-tabs,.forms-home{float:left;width:100%;clear:both; margin-top:20px;}
#servtabs{padding:0}
#servtabs li{padding:0;list-style:none!important;float:left;border:1px solid #343434;border-radius:5px;background:none!important; width:42%; margin: 0 10px;}
#servtabs li a{background:#242424;padding:15px 0 15px 10px; margin:3px;display:block;float:left;color:#fff;text-align:center; font: 14px/20px "Poppins",sans-serif; width:95%;}
#servtabs li a:hover,#servtabs li a.selected{background:#1a97fd;color:#fff}

#slider10 .patient-testimonials .galleries li img {
	margin: 10px auto;
	display: block;
	clear: both;
	width: 85px;
	border-radius: 100%;
}

aside   .readmore a {
  list-style: none;
  margin: 50px 0 10px 10px;
  line-height: 20px;
  background: #1a97fd;
  border-radius: 5px;
  padding: 8px;
  color: #fff;
}

aside .readmore {
  margin: 25px 0;
}

@media screen and (max-width:1159px){
   
    aside{ margin-right: 1% !important; }
    article{ margin-left:1% !important; }
.header-wrap header{position:relative; }    

.digital-marketing img { margin: 10px 20px 58px 0;}
.digital-text { width: 43%;}
.web-site-development li {margin: 20px 10px 20px 0;  width: 99%;}
.development-text1 { width: 52%;}
.development-text2 { width: 52%;}
.development-img2, .development-img1 {  width: 45%;}

}


  @media screen and (max-width:1025px){
.digital-marketing img { width: 44%;}
.digital-text {width: 52%;}
.development-text1 h3, .development-text2 h3 {  margin: 0;}
}
  @media screen and (max-width:975px){
.digital-text { width: 100%;}
.digital-marketing img { margin: 10px 20px 30px 0; width: auto;}
.digital-marketing h2 { font: 27px/34px "Roboto Condensed",sans-serif;}
.development-text1 p, .development-text2 p { margin: 4px 0;}
.development-text1 h3, .development-text2 h3 { padding: 77px 0 0; font: 25px/34px "Roboto Condensed",sans-serif}
.development-text1, .development-text2 { width: 54%;}
.development-text2 a.read-dev, a.read-dev { margin: 5px 0 0;}
article{width: 64%;}
#servtabs li a {
	width: auto;
	font: 12px/20px "Poppins",sans-serif;
}
  	}
/*--------------------*/
  @media screen and (max-width:770px){
article { width: 55%;}
.video_lib_inc ul li {  width: 39%;}

}
/*--------------------*/


@media screen and (max-width:640px){
.header-wrap {
	padding: 0px;
}
}
@media screen and (max-width:639px){
.web-site-development li {  width: 99%;  border-bottom: 1px solid #ccc;}
.development-text2{float:left;}
.development-text2 a.read-dev, a.read-dev { margin: 5px 0 5px;}
.development-text1, .development-text2 { width: 100%;}
.development-img2, .development-img1 {width: 69%; float: left;}
 .development-text2 h3, .development-text2 p,  .development-text2  p span {text-align: left;}

.development-text2 h3.development2{background: rgba(0, 0, 0, 0) url("../images/website-brand2.png") no-repeat scroll left 0; }
.development-text2 h3.development4{background: rgba(0, 0, 0, 0) url("../images/website-brand4.png") no-repeat scroll left 0; }
.development-text2 h3.development6{background: rgba(0, 0, 0, 0) url("../images/website-brand6.png") no-repeat scroll left 0; }
.development-text2 h3.development8{background: rgba(0, 0, 0, 0) url("../images/website-brand8.png") no-repeat scroll left 0; }
.development-text2 a.read-dev { float: left;}
article {  width: 94%; margin-left: 2%!important;}
aside {float: none; margin: 10px auto !important; width: 260px;}
.multi-mail a { background: rgba(0, 0, 0, 0) url("../images/multimedia-call-mail.jpg") no-repeat scroll 0 5px; color: #ffffff;   font: 22px/38px "Roboto Condensed",sans-serif;  padding: 6px 0 10px 50px;width: 99%}
	
article h2{font-size: 25px;}
article h3{font-size: 21px;}

}