/*----------------------

Menu

----------------------*/

.h-nav li.active a {

    color: #fccd0b !important;

    border-color: #fccd0b!important;

}

.h-nav li a {

    color: #4b4b4b !important;

}

.h-nav li a {

    color: #333;

}

.h-nav li a:hover {

    color: #fccd0b !important;

    border-color: #fccd0b!important;

}





/*----------------------

Tab

----------------------*/

.h-banner-nav-item:nth-last-of-type(4) {

    background: #ffcb05!important;

}

.h-banner-nav-item:nth-last-of-type(3) {

    background: #ffcb05!important;

}

.h-banner-nav-item:nth-last-of-type(2) {

    background: #ffcb05!important;

}

.h-banner-nav-item {

    background: #ffcb05!important;

}

.h-banner-nav-item.active {

    background: #dbb002!important;

}

.h-banner-nav-item h3 {

    font-size: 13px;

    color: #465558!important;

    text-transform: uppercase;

    margin: 25px 0;

}

.h-banner-nav-item p {

    color: #465558!important;

    font-size: 14px;

    line-height: 1.5;

}

.h-block-title {

    color: #ffca0e !important;

}



.banner {   

    width: 100%;

    float: left;

    position: relative;

	top: 140px;

}

.banner h2 {

	font-size: 52px;

	font-weight: 700;

    color: #4d4d4f!important;

    text-transform: uppercase;

    line-height: inherit;

    position: absolute;

    top: 27%;

    left: 0;

    right: 0;

    text-align: center;

}

.banner-nav-item {

    width: 25%;

    float: left;

    background: #ffcb05;

    padding: 20px;

    cursor:default;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    position: relative;

    z-index: 10;

	min-height: 260px;

}

/*.banner-nav-item:hover {

	background: #dcb004;

}*/

.banner-nav-item:nth-last-of-type(4) {

    background: #dcb004!important;

}

.banner-nav-item:nth-last-of-type(3) {

    background: #e6b805!important;

}

.banner-nav-item:nth-last-of-type(2) {

    background: #ffcb05!important;

}

.banner-nav-item h3 {

    font-size: 19px;

	font-weight: 700;

	text-transform: none !important;

	letter-spacing: 0 !important;

    color: #4d4d4f;

    margin: 40px 0 20px 0;

	font-family: 'Oxygen', sans-serif;

}

.banner-nav-item p {

    font-size: 15px;

	font-weight: 400;

    color: #4d4d4f!important;

	line-height: 18px!important;

	font-family: 'Oxygen', sans-serif;

}

.h-about-section {

    padding-top: 80px !important;

}

.apropos { margin-top: 150px;}



.block-title {

    color: #ffcb05;

    font-size: 60px!important;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 23px;

	font-weight: 700!important;

	letter-spacing: 0!important;

    word-wrap: break-word;

}



.graybackground { background: #4d4d4f; padding: 110px 0; }

.container-fluid.graybackground {clear:both }



.graybackground  h2 {

    color: #ffcb05;

    font-size: 60px!important;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 43px;

	font-weight: 700!important;

	letter-spacing: 0!important;

    word-wrap: break-word;

}



.bloc-medecine  h2 {

    margin-bottom: 26px;

}

.graybackground  p {

    color: #FFF!important;

    font-size: 18px!important;

	line-height: 23px!important;

    text-align: center;

	font-weight: 400!important;

	letter-spacing: 0!important;

}

.graybackground  img {

   margin: 0 auto;

   display: table;

   margin-right: auto !important;

}



.text-medecine{

	text-align:center;

	float:left;

	width:50%;

}



.text-medecine h3{

	color: #ffffff;

    font-size: 49px !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;

    text-transform: uppercase;

    word-wrap: break-word;

}



.text-medecine h3 span{

	color: #ffcb05;

    font-size: 35px !important;

	display:block;

}



.text-medecine p{

	color: #ffffff;

    font-size: 17px !important;

	line-height:24px;

	padding-top:44px;

    font-weight: 400 !important;

    letter-spacing: 0 !important;

    word-wrap: break-word;

}



.image-medecine{

	float:right;

	width:40%;

}



.image-medecine img{

	width:100%;

	height:auto;

}



.fbspacing { position: absolute; top: 38px; }



.trai  {

	background: url(images/traibackground.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	width: 100%;

	float: left;	

}

.trai  h2 {

    color: #FFF;

    font-size: 60px!important;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 43px;

	font-weight: 700!important;

	letter-spacing: 0!important;

    word-wrap: break-word;

}

.trai  h3 {

    color: #FFF;

    font-size: 25px!important;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 25px;

	font-weight: 700!important;

	letter-spacing: 0!important;

    word-wrap: break-word;

}

.trai p {

    color: #FFF!important;

    font-size: 18px!important;

	line-height: 23px!important;

    text-align: center;

	font-weight: 400!important;

	letter-spacing: 0!important;

}



.nos { width: 100%; float: left; background: #FFF; margin-top: 80px; }

.nos  h2 {

    color: #4d4d4f;

    font-size: 45px!important;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 43px;

	font-weight: 700!important;

	letter-spacing: 0!important;

}

.nos p {

    color: #4d4d4f!important;

    font-size: 18px!important;

	line-height: 20px!important;

    text-align: center;

	font-weight: 400!important;

	letter-spacing: 0!important;

}

.cont {

 	background: url(images/bg-contact.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	width: 100%;

	float: left;

	padding: 70px 0;	

	}



.contact-us .form-actions {

    float: left!important;

}

.maparea { width: 100%; float: left; background: #ffcb05;}

.footersec { padding: 0; }

.footersec-bottom { width: 100%; float: left; background: #ffcb05; padding: 16px 0;}



.footersec  h2 {

    color: #ffcb05;

    font-size: 37px!important;

    text-transform: uppercase;

    text-align: center;

    margin: 35px 0 20px;

	font-weight: 700!important;

	letter-spacing: 0!important;

}

.footersec  h3 {

    color: #ffcb05!important;

    font-size: 22px!important;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 15px;

	font-weight: 400!important;

	letter-spacing: 0!important;

}



.footersec h3 a {

    color: #ffffff;

}

.footersec h3 a:hover {

    color: #ffcb05 !important;

}



.pricebox  { background: #FFF; padding-top: 25px;  }

.pricebox:hover  { background: #ebe9ea !important;  }

.pricebox:hover .pricebox_btn  { background: #4d4d4f !important;  }





.pricebox  h6 {

    color: #4d4d4f;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 26px;

	text-align: center;

}

.pricebox h3 {

    color: #ffcb05;

    font-size: 34px;

    font-weight: 700 !important;

		text-align: center; 	margin: 20px 0 35px 0!important;

}

a.pricebox_btn { 

    position: relative;

    background-color: #ffcb05;

    color: #FFF !important;

	font-family: 'Oxygen', sans-serif !important;

    font-size: 18px !important;

    height: 43px;

    line-height: 43px !important;

    padding: 0 30px;

    display: block;

    border: 0;

    text-transform: uppercase;

	margin-top: 15px;   transition: background 0.3s linear;

}



a.pricebox_btn:hover { 

   color: #FFF !important; background-color: #4d4d4f;  padding: 0 30px;

}



/*new class*/



.hoverBtn

{

	background-color: #4d4d4f!important;

}

.outBtn

{

	background-color: #ffcb05!important;

}



.zed { text-align: right;}

.social-roll {

	background-image: url(images/fb.png);

	height: 52px;

	width: 52px;

	cursor: pointer;

	-webkit-transition: all ease 0.3s;

	-moz-transition: all ease 0.3s;

	-o-transition: all ease 0.3s;

	-ms-transition: all ease 0.3s;

	transition: all ease 0.3s;

}

.social-roll:hover {

	background-image: url(images/fb-hover.png);

	opcity: 0.7;

}

.social-rollfooter {

	background-image: url(images/footer-fb.png);

	height: 42px;

	width: 42px;

	cursor: pointer;

	-webkit-transition: all ease 0.3s;

	-moz-transition: all ease 0.3s;

	-o-transition: all ease 0.3s;

	-ms-transition: all ease 0.3s;

	transition: all ease 0.3s;

}

.social-rollfooter:hover {

	background-image: url(images/footer-fb-hover.png);

	opcity: 0.7;

}

#map-canvas {

    height: 700px!important;

    background: #485b77;

}



/*--------------*/

.specing100 { padding-top: 100px; }

.specing50 { padding-top: 50px; }

.specing75 { padding-top: 75px; }

.specing25 { padding-top: 25px; }

.center-Block {

	margin: 0 auto;

	display: table;

	margin-right: auto !important;



}

::-webkit-input-placeholder {

   color: white;

}



:-moz-placeholder { /* Firefox 18- */

   color: white;  

}



::-moz-placeholder {  /* Firefox 19+ */

   color: white;  

}



:-ms-input-placeholder {  

   color: white;  

}

/*-----------------------------

media query

---------------------------*/



/*Extra large device (Desktops)*/

@media (min-width: 1200px) and (max-width: 1920px) {

	

}

/*Medium device (Desktops)*/

@media (min-width: 990px) and (max-width: 1199px) {

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { top: 0;}

}

/*Small device (Tablets)*/

@media (max-width: 1024px) {

	#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { top: 0;}

	.h-banner-nav { display: none; }	

	 .header { padding-bottom: 10px;}

	.text-medecine{

		padding-bottom:40px;

		float:none;

		width:100%;

		padding-top:0;

	}

	.text-medecine h3 {

		font-size: 29px !important;
		

	}

	.text-medecine h3 span {

		font-size: 22px !important;
		
	

	}

	.image-medecine {

		float: none;

		margin: 0 auto;

		max-width: 414px;

		width:auto;
		


	}

}

/*Extra small device (Phones)    @media (max-width: 767px) {  */

@media (max-width: 767px) {

	.h-banner-nav { display: none; }

	#logo img { 

	width: 80%;

	margin: 0 auto;

	display: table;

	margin-right: auto !important;

	}

	#cssmenu {

    background: #ffcb05;

	}

	#cssmenu.small-screen #menu-button { top: -5px; font-size: 0;}

	#cssmenu.small-screen #menu-button::after {  top: 22px;right: 17px; height: 8px; width: 20px; border-top: 2px solid #000; border-bottom: 2px solid #000;}

	#cssmenu.small-screen #menu-button::before {  width: 20px; background: #000;}

	#cssmenu > ul > li > a {

    padding: 10px;

	text-align: center;

    font-size: 16px;

    letter-spacing: 1px;

    text-decoration: none;

    font-weight: 400;

    font-family: "Oxygen",sans-serif;

    color: #4D4D4F;

    border: 0 !important;

}

	#cssmenu > ul > li > a:hover {

    padding: 10px;

    font-size: 16px;

    letter-spacing: 1px;

    text-decoration: none;

    font-weight: 400;

    font-family: "Oxygen",sans-serif;

    color: #FFF;

    border: 0 !important;

}

	#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { top: 0;}

	#cssmenu.small-screen ul li {border-top: 0;}

	.banner { top: 126px;}

	.banner h2 {  font-size: 26px;}

	.header { min-height: 121px !important;}

	.block-title { font-size: 30px !important;}

	.graybackground h2 { font-size: 30px !important;}

	.trai h2 { font-size: 30px !important;}

	a.pricebox_btn{ margin-bottom: 15px!important;    margin: 0 auto; display: table; margin-right: auto !important;}

	.footermoblogo img { width: 80%; }

	.fp { text-align: center; }

	.zed { text-align: center; padding-top: 15px;}

	#cssmenu > ul > li.active a { color: #FFF !important; }

	#cssmenu > ul > li.active a {padding: 0px !important; }

	#cssmenu.small-screen ul { background: #ecbb03;}

}


@media only screen and (max-width: 1024px) {
  .container-fluid.graybackground {
    padding-top: 18vw;
  }
}

@media only screen and (max-width: 768px) {
  .container-fluid.graybackground {
    padding-top: 26vw;
  }
}

@media only screen and (max-width: 550px) {
  .container-fluid.graybackground {
    padding-top: 34vw;
  }
}

@media only screen and (max-width: 420px) {
  .container-fluid.graybackground {
    padding-top: 200px;
  }
}