@charset "utf-8";

*{margin: 0px;padding: 0px; text-decoration:none;}

body{
	background-color: #fff;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    color: #444;
    line-height: 25px;
}

h1,h2,h3,h4,h5,h6{margin:0px;}

img{vertical-align: middle; max-width: 100%;height: auto;}

.clear{ clear:both}


/*----------start of Header css -------  */

.top-had-1{background-color: #008cb5; padding: 5px 0px ;}

.container-2{max-width: 90%; margin: 0 auto; padding: 0%; display:flow-root;}

.left-hed{float:left; color:#c5c5c5;}

.left-hed p{padding:0; margin:0;}

.left-hed{
	color:#fff; 
	font-size:13px; 
	margin:0; 
	padding:0; 
	/*line-height:32px;*/
	float: right;
}
.left-hed i{
	margin: 0 10px;
    display: inline-block;
    font-size: 19px;
    vertical-align: middle;
    color: #f7f7f7;
	}

.left-hed a{text-decoration:none; color:#fff; font-size:14px; transition:.3s;}

.left-hed a:hover{text-decoration: underline; color: #fff; transition:.3s;}

.head-icon{float: left; margin:0; padding:0; line-height:0;}

.head-icon a{    
	color: #e3e3e3 ;
    /*border: 1px solid #e3e3e3;
	border-radius:50%;*/
	display: inline-block;
    width: 32px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    margin: 0 4px 0px 0;
	overflow: hidden;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -webkit-backface-visibility: hidden;
}
.head-icon a:hover{
	/*border:1px solid #e0e0e0; */
	background:transparent; 
	color:#fff;
}
i.hd-socil{
color: #f7f7f7;
    font-size: 18px;
    margin: 0;
    text-align: center;
    line-height: 27px;
}
a.bodr{border-right: 1px solid #778c99;}

.head-tital{float: left;width:27%; }

.head-tital img{margin-right:10px; float:left; width:26%;}

.border-webkit{
  -webkit-text-stroke: 3px red;
}
.border-white{
  /*border white with light shadow*/
  text-shadow: 
     1px  1px     #fff, 
    -1px  1px     #fff, 
     1px -1px     #fff, 
    -1px -1px     #fff,
     1px  1px 5px #555;
}
.border-black{
  color: grey;
  /*border white with light shadow*/
  text-shadow: 
     2px   0  0   #000, 
    -2px   0  0   #000, 
     0    2px 0   #000, 
     0   -2px 0   #000, 
     1px  1px 0   #000, 
    -1px -1px 0   #000, 
     1px -1px 0   #000, 
    -1px  1px 0   #000,
     1px  1px 5px #000;
}
.combined {
   -webkit-text-stroke: 1px black;
   color: white;
   text-shadow:
       2px  2px 0 #000,
      -1px -1px 0 #000,  
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000;
}
.inset{
  background: #333;
  color: rgba(255, 255, 255, 0.3);
  text-shadow: 
    1px 2px 2px #fff, 
    0 0 0 #000, 
    1px 2px 2px #fff;
  line-height:1
}
.inset-dark-bg{
  background: #747474;
  color: #fff;
  line-height: 1;
  text-shadow: 0px -1px 0px #374683;
}
.inset-light-bg{
  color: #777;
  text-shadow: 0px 1px 0px #e5e5ee;
}
.inset-bg{
  background: #8A3DAD;
  line-height:1em;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.3);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}
.emboss{
  color: #9c8468;
  opacity: 0.8;
  line-height: 1;
  padding: 0;
  text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
}
.image-clip{
  line-height:1;
  color: gray;
  background: url(http://eofdreams.com/data_images/dreams/image/image-07.jpg) no-repeat -1034px -942px;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}
.glow{
  text-shadow: 0px 0px 10px rgba(255,0,0,0.9);
}
.neon{
  color: #fff;
  font-size: 8em;
  text-shadow:
    0 0  5px #fff, 
    0 0  10px #fff, 
    0 0  15px #fff, 
    0 0  20px #0f0, 
    0 0  35px #0f0, 
    0 0  40px #0f0, 
    0 0  60px #0f0, 
    0 0  90px #0f0 
}

/* Don't show shadows when selecting text */
::-moz-selection { background: red; color: #fff; text-shadow: none; }
     ::selection { background: red; color: #fff; text-shadow: none; }
	
.company-heading{
	font-family: 'serif';
    color: #da3f28;
    font-size: 40px;
    margin-top: 3.9%;
    transition: all .4s ease;
    float: left;
    font-weight: 700;
    text-transform: uppercase;
}

.tital-sub{
	font-size: 31.5px;
    color: #a73d7c;
    margin-top: 10%;
    text-transform: uppercase;
    text-align: right;
    font-family: 'Vesper Libre', sans-serif;
    letter-spacing: .5px;
}
.menu-sec{background-color:#f9f9f9; margin:0; padding:.5% 0;border-bottom: 1px solid #d8d8d8;}				


/*-------End of Header css--------*/


/*----------Start Index css -------*/

.gray-bg{/*background:#f8f8ff;*/ padding:50px 0 20px; width:100%;}

.service-container{
	width:94%; 
	margin:0 auto; 
	padding:0; 
	text-align:center;
}
.services-box{
	display:inline-block;
	width:22.5%;
	text-align:center;
	background-color:#fff;
	padding:30px 20px;
	border-bottom:solid 3px #28b7e1;
	border-right:solid 3px #28b7e1;
	border-left:solid 1px #d4d4d4;
	border-top:solid 1px #d4d4d4;	
	overflow:hidden;
	max-height:auto;
	vertical-align:top;
	margin: 0% 1% 2% 1%;
	transition: all 0.3s ease-in-out;
	box-sizing: border-box;	
}
.services-box:hover{
	box-shadow:0px 10px 15px 0px rgba(0,0,0,0.1);
	transition: all 0.3s ease-in-out;
border: 1px solid #ddd;
	border-bottom:solid 3px #ff9080;
	border-right:solid 3px #ff9080;
}
.services-box i{
	font-size:56px;
	margin:0px 0px 15px 0px;
	transition: all 0.3s ease-in-out;
	color: #28b7e1;
}
.services-box:hover i{
	transform:scale(1.3) rotate(360deg);
	opacity:0.5;
	color: #f3624c;
	transition: all 0.3s ease-in-out;
}
.services-text{position:relative; z-index:10;}

.services-text h2{
	font-size: 22px;
    text-transform: uppercase;
    color: #555;
    margin: 0px 0px 15px 0px;
    font-family: 'Roboto';
}
.services-text p{	
	line-height:24px;
	font-size: 16px;
	margin:0px 0px 15px 0px;
}


/*--start of parallax section-------*/

.parallax-effect{position: relative; min-height: 100%; width: 100%;}

.para-img{padding:0px 0;}

.parallax-effect:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.85);
	z-index:-1;
}
.parallax-div{
	margin:0 auto; 
	padding:3.5% 0 4%; 
	text-align:center; 
	overflow:hidden;
}
.parallax-container{width:91%;display: inline-block;vertical-align: top;}

.top-hding{width:100%; margin:0 0 40px 0; text-align:center;}

.top-hding p{
   font-size: 17px;
    color: #ededed;
    margin: 0px 0px 20px 0px;
    /* font-family: 'Open Sans', sans-serif; */
    font-weight: bold;
    text-transform: uppercase;
    line-height: 15px;
}
.top-hding h2{
	padding: 0 0 30px 0;
    margin: 0px 0 20px 0;
    text-transform: uppercase;
    font-size: 32px;
    color: #ededed;
    font-family: 'Raleway', serif;
    font-weight: 700;
    position: relative;
    }
    
.top-hding h2:after{
	content: "";
    height: 3px;
    width: 100px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 0px;
	background-color: #e3543e;
}
.bottom-text{display:inline-block; margin:0; padding:0; text-align:justify;}

.about-img{float:left; margin:0% 2% 1% 0%; width:48%; padding:0;}

.bottom-heading{
text-transform: uppercase;
    color: #ededed;
    font-size: 25.5px;
    font-family: 'Raleway', serif;
    margin-bottom: 12px;
    line-height: 30px;
}
.bottom-text p{color:#ededed; margin-bottom:10px;}

/*-----------end of parallax section-------*/



/*------------Start of latest news section-------*/

/*.news-bg{background:#f3f3f3;}*/

.new-hading{color:#000;}

.new-hading p{color:#404040;}

.new-hading h2{color:#008cb5;}

.news-box{
	display: inline-block;
    width: 30.5%;
    border: solid 1px #e6e6e6;
    margin: 0% 1% 2.5%;
    text-align: center;
    background-color: #fff;
	transition:all .3s ease-in-out;
	border-bottom: 3px solid #00aadc;
}
.news-box:hover{
	box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);
	transition:all .3s ease-in-out;
}

.news-thumb{
	float:left; 
	width:100%;	
	position:relative; 
	overflow:hidden;
	transition:all .3s ease-in-out;
	background-color: #e3543e;
}
.news-thumb a:before{
	content:"\0002B";
	font-size:50px;
	color:#fff;
	font-weight: 700;
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	text-align:center;
	margin-top:-15px;
	z-index:10;
	transform:scale(0);
	transition:all .3s ease-in-out;
}
.news-box:hover a:before{transform:scale(1);}

.news-thumb img{width:100%; transition:all .3s ease-in-out;}

.news-box:hover img{opacity:0.15; transform:scale(1.3) rotate(10deg);}

.news-text{float:left; padding-bottom: 20px;}

.news-text h2{
	color: #fdfdfd;
    font-size: 23px;
    font-family: 'Raleway', serif;
    margin-bottom: 10px;
    line-height: 28px;
    background-color: #008cb5;
    padding: 3%;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}
.news-text p{font-size:16px; margin:10px;}

/*------------end of latest news section-------*/

/*-------start new parallax section-------*/

.para-eff:after {background:#232323; opacity:0.8;}

.sucess h2:after {background-color: #fff;}

/*-------end new parallax section-------*/



/*-------start news cases section-------*/

.ltstcase-div{
	width:100%; 
	margin:0;
	padding:0; 
	text-align:center; 
	display:block;
}


/*-------end news cases section-------*/


.testi{background:#ffffff;}








/*----------Start of footer css -------*/

.ftr-container1{
	background: url(../images/footer-bg.png);
	background-size:cover;
	position:relative;
	width: 100%;
	float:left;
	padding:35px 0;
	font-size: 13.5px;
}
.ftr-container1:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}
.ftr-container2{
	max-width: 93.5%;
	margin: 0 auto;
	padding: 0%;
	text-align: center; 
	position:relative;
}

.ftr-div1{
	color:#ddd;
    text-align:left;
    display:inline-block;
	vertical-align: top;
	width: 21%;
    margin : 0% 1.25% 0% 1.25%;
}
.heading3{
	text-transform: uppercase;
    font-size: 20px;
    color: #dcdcdc;
    text-align: left;
    font-family: 'Raleway', serif;
    position: relative;
    display: block;
    padding-bottom: 25px;
}
.heading3:before {
    background-color: #dc3522;
    content: "";
    display: block;
    width: 100px;
    height: 0px;
    position: absolute;
    top: 40px;
    left: 0%;
}
.heading3:after {
   background-color: #e15545;
    content: "";
    display: block;
    width: 76px;
    height: 4px;
    position: absolute;
    top: 35px;
    left: 0%;
}
.arrow1{font-size: 21px;color: #dadada;}

.menu2{color:#dadada;text-decoration:none}

.menu2:hover{color:#dadada;text-decoration:underline;}

.menu2:active{color:#dadada;text-decoration: none;}

.ftr-div2{
	color:#dadada;
    text-align:left;
    display:inline-block;
	vertical-align: top;
	width: 26%;
    margin : 0% 1.25% 0% 1.25%;
	line-height: 30px;
}
.heading4{
	text-transform: uppercase;
	font-size: 23px;
	color: #dadada;
	text-align: left;
	font-family: 'Raleway', serif;
	display: inline-block;
}
.ftr-container3{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #171717;
	border-top: 1px solid #5d5d5d;
	padding-top: 0%;
	padding-bottom: .50%;
}
.ftr-div3{/*max-width: 1130px;*/margin: 0 auto;padding: 2% 4%;}

.foot-menu2{float:left; margin:0; padding:0;}

.foot-menu2 a{    
	color: #828282 ;
    border: 1px solid #828282;
	display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    margin: 0 4px 3px 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
}
.foot-menu2 a:hover{
	border:1px solid #b1b1b1; 
	background:transparent; 
	color:#b1b1b1;
}
i.socil{
	color:#d0d0d0; 
	font-size:18px; 
	margin:0; 
	text-align:center; 
	line-height:36px;
}

/*
a.fcbook{border-color: #607bb3; background-color: #607bb3;}

a.gogle{border-color: #cf360c; background-color: #cf360c;}

a.twter{border-color:#37bbf5; background-color: #37bbf5;}

a.youtbe{border-color: #e74b32; background-color: #e74b32;}*/

.ftr-div5{float: right;color:#ccc;font-size: 12px;padding-top:.5%;}



/*----------End of footer css -------*/


/*----------start of about us css -------*/

.container-about{width:90%; margin:0 auto; padding:3% 0 2%;}

.dtl-div1{text-align: justify;clear: both; display:block;}

.heading1{
	font-family: 'Raleway', sans-serif;
    color: #009bc8;
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 2.5%;
    word-spacing: 3px;
    float: left;
    letter-spacing: 1px;
	font-weight:700;
}
.line{padding-top: 2%;}

hr.style-six { 
	border: 0; 
	height: 0; 
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
}
.dtl-img1{
	float: right;
	margin-left: 2%;
	margin-bottom:1%; 
	border: 1px solid #dddddd;
	border-radius: 6px;
	width:44%;
}

.dtl-img2{
	width: auto;
}

.about-had{
	font-size: 20px;
    font-weight: 700;
    font-family: Roboto;
    padding: 0 0 5px 0;
    /*text-transform: capitalize;*/
    color: #656565;
    }
ul.arrow-new{margin: 0; padding:0 0 10px; list-style-type: none;}

ul li.arrow-new{position:relative; margin-left:.9em; padding:3.9px 5px 5px 4px;}

ul li.arrow-new:before {
    position: absolute;
    left: -.55em;
    top: 1px;
    content: "\00BB \0020";
    font-weight: bold;
    color: #0098c4;
    font-size: 26px;
}
span.red{color: #e74a1e; font-size: 19px; font-weight: bold;}

.br-custom{line-height:35px;}

.abot-last{
	text-align: center;
    color: #004980;
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    background-color: aliceblue;
    padding: 2%;
    border: 1px solid #ddd;
}

.text-bottom{
	width: 90%;
    margin: 0 auto;
}


/*----------End of about us css -------*/


/*----------start of breast cancer css -------*/

.brst-contnr{padding: 1.5% 0 2%;}

.brst-menu{color:#800000; font-weight:700; text-decoration:none;}

.brst-menu:hover{color:#de0072;text-decoration:underline;}

.brst-menu:active{color:#de0072;text-decoration: none;}

/*----------End of breast cancer css -------*/


/*----------start of Fallacies & Facts css -------*/

ul.arrow-fact{margin: 0; padding:0 0 10px; list-style-type: none;}

ul li.arrow-fact{position: relative; margin-left: .7em; padding: 2px 0px 8px 13px;}

ul li.arrow-fact:before {
   position: absolute;
    left: -0.45em;
    top: 1px;
    content: "\02A2F";
    font-weight: bold;
    color: #da3f28;
    font-size: 30px;
}

.ticksign{
	font-size: 15px;margin-right: 5px;
}


/*----------End of Fallacies & Facts css -------*/

/*----------Start of prosthesis css -------*/

ul li.pro-lft{padding:5px 20px 15px;}

ul li.pad-zro{padding:5px 0px 15px;}

.pro-lft ul{margin:0; padding:0;}

.pro-lft ul li{list-style:none; padding:3px 50px; text-indent:-25px;}

.pro-lft ul li span{padding: 6px 6px 0 0; float: left;}

/*----------End of prosthesis css -------*/


/*----------start of book of cancer css -------*/

.book-cont{padding-top: 1%;}

/*----------End of book of cancer css -------*/


/*----------start of contact css -------*/

.det-container3{width:94%; text-align:left; margin:0 auto; margin-top:2.5%;}

.det-div3{display:block; padding:1%; padding-bottom:0;}

.det-div2 {margin-bottom: 2%;}

.det-div2 h2 {
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    color: #3073b9;
    letter-spacing: 1px;
    word-spacing: 3px;
    margin-bottom: 2.4%;
    text-align: left;
    float: left;
	font-weight:700;
}
.det-div2 p{text-align:justify; padding:0 0 1% 0;}

.para4{font-size:20px; margin:0% 0 2%; text-align:justify;}

.con-container {
    width: 91%;
    margin: 0 auto;
    padding: 2% 4.5%;
    background-color: #fbfbfb;
    border-top: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
    overflow: hidden;
}
.fxdiv {display: flex;}

.con-div1 {
    width: 55%;
    float: left;
    height: auto;
    margin-top: 10px;
    margin-right: 1%;
    padding-left: .5%;
}
.adddiv{padding-left:0; padding-right:5%; width:90%; line-height:30px;}

.adddiv span{padding-left:46px; text-indent:-46px; display:block;}

.adddiv img{width: 22px;}

.fac-spn {
	font-weight: 700;
    color: #2173ca;
    font-size: 20px;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
}
.menu3 {color: #333; text-decoration: none;}

.menu3:hover {color: #444; text-decoration: underline;}

.menu3:active {color: #444; text-decoration: none;}


.menu4 {color: #333; text-decoration: underline; font-weight:700; }

.menu4:hover {color: #444; text-decoration: underline;}

.menu4:active {color: #444; text-decoration: none;}

.con-div2 {
    width: 68%;
    height: auto;
    float: right;
    margin-top: 0;
    padding-bottom: 3.5%;
}
.map{width:100%; border-top: 2px solid #b3acac;}

/*----------End of contact css -------*/


/*----------Start of Executive Committee css -------*/
.comti-had{
	font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto';
    padding: 0px;
    margin-top: 15px;
    text-transform: uppercase;
    color: #da3f28;
}
.cometi-min{
    display: inline-block;
    margin: 1% 1% 1% 0;
    padding: 0;
    width: 23.6%;
    color: #000;
    text-align: left;
	vertical-align:top;
}
.cometi-min h2{    
    text-transform: capitalize;
    padding: 0px 0px 5px 0px;
    color: #0093be;
	font-size:20px;
}
.cometi-min p{padding:0; color:#616060; font-weight:normal;}

/*----------End of Executive Committee css -------*/

 .enqmail-div{
    margin: 0 auto;
    clear: both;
    text-align: center;
    padding: 8%;   
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    color: #c86002;
    line-height: 30px;
}

.enqmail-div span{
	font-size: 16px;
    color: #444444;
    text-transform: uppercase;
    font-weight: 700;
}

.enqmail-div span a{
	color: blue;
	text-decoration: underline;
	font-size: 17px;
}

.enqmail-div span a:hover{
	
	color:#8421de;
}






@media handheld, only screen and (max-width: 1024px) {

.head-tital {
	margin-bottom: .5%;
    float: none;
    text-align: center;
    margin: auto;
}

.head-tital img{width: 65px}

.company-heading {font-size: 25px; margin-top: 1%;}
     
.ftr-div1{width: 47%; margin-bottom:5%;}
.ftr-div2{width: 47%;margin-bottom:2%; }

.dtl-img1{width: 50%;}

.det-container3 {width: 95%;}

.con-container {width: 94%; padding: 2% 3%;}

.fxdiv {display: block; text-align: center;}

.con-div1{
	width:100%; 
	float:none; 
	height:auto; 
	margin-top:10px; 
	margin-right:1%;
}	
.adddiv {
    margin: auto;
    text-align: left;
    display: inline-block;
    padding-left: 0;
    padding-right: 1%;
    width: 98%;
}
.con-div2 {float: none; width: 100%; margin-top: 15px;}

.cometi-min{width:31.9%;}

.g-recaptcha {margin: 0 0 2% 25.6%;}

.sec-img{width:27.5%; margin:2%;}


/*------index------*/

.services-box{width:47.5%; min-height:320px;}

.news-box{width:47.3%;}




}


@media handheld, only screen and (max-width: 768px) {
	
.container-2{max-width:100%;}

.menu-sec{padding-bottom:0;}

.dtl-img1{
	width: 100%;
	float: none;
	display: block;
    margin-left: auto;
    margin-right: auto; 
	margin-bottom:3%;
}
.top-had-1{display:none;}	

.head-tital{text-align:center; float:none;}

.head-tital img{float:none; width:auto;}

.company-heading{float:none; display:inline-block; margin:0;}


	
}

@media handheld, only screen and (max-width: 667px) {

.head-tital {margin-bottom: .5%; width:100%;} 
 
.head-tital img {width:65px; margin:0 auto; display:block; float:none;}

.company-heading {font-size: 20px; text-align: center; float: none;}

.tital-sub {
	font-size: 19px;
    margin-top: 4%;
}	

.ftr-div1{width: 100%;margin-bottom: 5%;}

.ftr-div2{width: 100%;margin-bottom: 5%;}

.ftr-div3{width: 100%; text-align: center;}

.ftr-div4{float: none;display: inline-block;padding-top:2%;}

.ftr-div5{
	float:none;
	display:inline-block;
	font-size:10px;
	text-align:center;
	width:100%;
}
.dtl-img1{
	width: 100%;
	float: none;
	display: block;
    margin-left: auto;
    margin-right: auto 
}
.det-container3 {margin-top: 6%;}

.det-div2{margin: 5% 0;}

.det-div2 h2{font-size: 2.1em; line-height: 30px;}

.cometi-min{width:48%;}


.services-box{width:97.5%; min-height:280px;}

.news-box{width:97.3%;}

.heading1{
	font-size: 24px;
}

.top-hding h2 {
	font-size: 22px;
}

.about-img {
   
    width: 100%;
	}
	
	.g-recaptcha {
		
		margin: 0;
		margin-bottom: 5%;
	}


}


@media handheld, only screen and (max-width: 480px) {

.cometi-min{width:98%;}




}