/*
	
	itmosfera Digital Agency
	skype: itmosfera
	e-mail: info@itmosfera.ru
	web: itmosfera.ru
	
	Team project:

	Timur Shagiakhmetov
	Gleb Kraynov

********************************/

html {
	 margin: 0 !important;
	 width: 100%;
	 height: 100%;
	 min-height: 100%;
	 position: relative;
}

body {
	 color: #444444;
	 background: #fff;
	 width: 100%;
	 height: 100%;
	 min-height: 100%;
	 position: relative;
	 font: 90% Myriad Pro, Verdana, serif;
	 line-height: 1.5em;
}


/* --------------------------------------------------------------------------------------
    Standart Element's 
----------------------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	 margin-bottom: 8px;
}

h1 {
	 font-size: 36px;
	 line-height: 44px;
}

h2 {
	 font-size: 30px;
	 line-height: 44px;
	 color: #00a8ff;
}

h3 {
	 font-size: 24px;
	 line-height: 44px;
}

h4 {
	 font-size: 18px;
	 line-height: 24px;
}

h5 {
	 font-size: 14px;
	 line-height: 24px;
	 font-weight: bold;
}

h6 {
	 font-size: 12px;
	 line-height: 24px;
}

p {
	 margin: 8px 0;
}

small {
  font-size: 75%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}


a {
	 color: #3b5998;
	 text-decoration: none;
}

a:hover {
	 color: #3b5998;
	 text-decoration: underline;
}

/* --------------------------------------------------------------------------------------
    / Standart Element's 
----------------------------------------------------------------------------------------- */


#page_wrapper {
	 width: 100%;
	 height: 100%;
	 position: relative;
}



/* ----------------------------------------------------------------------------------------------
    HEADER
------------------------------------------------------------------------------------------------- */

#header {
	 width: 100%;
	 min-height: 626px;
	 
	 padding-top: 30px;
	 
	 color: #fff;
	 
	 float: left;
	 background: url(../images/header.jpg) 100% 100% no-repeat;
	 background-size: cover;
	 
	 position: relative;
}

#header h3 {
	 line-height: 1;
	 margin: 0;
}

#header p {
	 margin: 0;
}

#title_text {
	 margin-top: 150px;
	 
}

#title_text h3 {
	 font-size: 28px;
}

#title_text h5 {
	 font-weight: normal;
}

#podl {
	 margin-top: 40px;
	 font-size: 18px;
}

.header_block {
	 position: relative; 
	 min-height: 626px;
}

#abs_block_header {
	 width: 70%;
	 min-height: 60px;
	 
	 top: 350px;
	 left: 0;
	 position: absolute;
	 
	 background: rgba(255,255,255, 0.5);
	 z-index: 50;
}

.name_header {
	 font-size: 24px;
}


#gomeopat_header {
	 top: 50px;
	 bottom: 0;
	 right: 0;
	 position: absolute;
	 width: 307px;
	 height: 598px;
	 z-index: 80000;
}

.green_btn, .name_header {
	 margin-top: 50px;
}



.name_header {
	 text-align: right;
}

.green_btn {
	 background: #a2d678;
	 border-bottom: 2px solid #92c16c;
	 text-align: center;
	 height: 50px;
	 line-height: 55px;
	 font-size: 22px;
}

.green_btn a {
	color: white;
}


#description {
	 padding: 40px 0;
	 font-size: 18px;
	 text-align: justify;
}










#wrapper_treatment {
	 width: 100%;
	 float: left;
	 
	 padding-top: 40px;
}

	 #wrapper_treatment h2 {
		 text-align: center;
	 }
	 

.wrapper_treatment_descr {
	 width: 100%;
	 float: left;
	 background: #cff2fe;
	 padding: 40px;
}


.treatment_descr {
	 margin-left: 150px;
	 padding-left: 0;
     
}

.treatment_descr {
	 text-align: center;
	 float: left;
	 width: 100%;
}

.treatment_descr li {
	 margin-bottom: 40px;
}

.treatment_descr li h3 {
	 color: #00a8ff;
	 font-size: 20px;
}

.treatment_descr li p {
	text-align: left;
	font-size: 15px;
}


#wrapper_about {
	 width: 100%;
	 float: left;
	 padding: 40px 0;
	 background: #cff2fe;
}

#wrapper_about p {
	 font-size: 18px;
}

#wrapper_about ul li {
	 font-size: 18px;
}

.text_center {
	 text-align: center;
}

.about_doctor h3 {
	 font-size: 24px;
}

.about_doctor p {
	 font-size: 16px;
}

.about_doctor ul {
	 width: 100%;
	 float: left;
	 padding-left: 20px;
	 margin-top: 30px;
	 margin-left: 40px;
	 margin-bottom: 30px;
	 list-style: none;
	 border-left: 2px solid #00a8ff;
}

.box_faq {
	 margin-bottom: 40px;
	 font-size: 16px;
	 font-weight: 300;
}

.box_faq h3 {
	 line-height: 1;
}

#wrapper_form_one {
	 width: 100%;
	 min-height: 517px;
	 float: left;
	 
	 background: url(../images/form.jpg) 100% 100% no-repeat;
	 background-size: cover;
}





#form {
	 margin-top: 50px;
	 min-height: 300px;
	 color: white;
	 background: #00becc;
	 box-shadow: 0 5px 5px #111;
}

#form h3 {
	 text-align: center;
	 margin-top: 15px;
}


.input {
	 margin: 15px;
}

.input  label {
	 width: 100%;
}

.input  input[type=text] {
	 width: 100%;
	 height: 40px;
	 border: 1px solid #1b828d;
	 color: black;
}

#send {
	 border: 0;
	 border-bottom: 2px solid #68a934;
	 background: #82d042;
	 width: 90%;
	 height: 50px;
	 margin: 15px;
	 font-size: 22px;
}


/**************/

#form2 {
	 margin-top: 50px;
	 min-height: 300px;
	 color: white;
	 background: #00becc;
	 box-shadow: 0 0px 5px #565656;
	 position: absolute;
	 right: 0;
	 bottom: 50px;
}

#form2 h3 {
	 text-align: center;
	 margin-top: 15px;
}


.input {
	 margin: 15px;
}

.input  label {
	 width: 100%;
}

.input  input[type=text] {
	 width: 100%;
	 height: 40px;
	 border: 1px solid #1b828d;
}

#send2 {
	 border: 0;
	 border-bottom: 2px solid #68a934;
	 background: #82d042;
	 width: 90%;
	 height: 50px;
	 margin: 15px;
}





#mifs {
	 padding: 40px 0;
}

#mifs p {
	font-size: 18px;
}




/*****************/

#wrapper_rewiew {
	 padding: 40px 0;
}	

#review {
	 width: 100%;
	 background: #e3edf7;
	 padding: 20px 0;
	 float: left;
}
	 
	 .container_center {
		 margin: 0 auto;
		 width: 960px;
	 }
	 
	 .review_title {
		 text-align: center;
		 padding-top: 20px;
	 }

	 .review_block {
		 margin-top: 30px;
		 padding: 20px;
		 min-height: 350px;
	 }
	 
	 .review_img {
		 width: 100%;
		 height: 120px;
		 text-align: center;
	 }
	 
	 .review_img img {
		 border-radius: 50%;
	 }
	 
	 .review_block article {
		 width: 80%;
		 margin: 0 auto;
		 font-style: italic;
		 font-size: 18px;
		 line-height: 1.5;
		 text-align: center;
	 }
	 
	 .review_block article h3 {
		 text-align: center;
	 }
	 
	 
	 .review_h2 {
		 text-align: center;
		 margin-top: 40px;
	 }
	 
	 .box_send_review {
		 text-align: center;
		 display: table;
		 width: 300px;
		 margin: 0 auto;
	 }

.carousel-control.left, .carousel-control.right {
	 background-image: none;
}


/* ----------------------------------------------------------------------------------------------
    Выходные данные
------------------------------------------------------------------------------------------------- */

#copyright_wrapper {
	 padding: 50px 0;
}

#copyright {
	 color: #111;
}

	 #copyright a {
		 color: black;
	 }
	 
	 #copyright a:hover {
		 color: black;
	 }

.developers {
	 text-align: right;
}


#copyright_wrapper_books {
	 margin-top: 50px;
	 margin-bottom: 30px;
	 background: none;
}

#copyright_books {
	 color: #111;
}


#wrapper_faq {
	width: 100%;
	float: left;
	padding: 40px 0;
	background: #cff2fe;
 }




/******** Bootstrap **********/

.carousel {
	 
}

.carousel .item h4 {
	 text-align: center;
}

.carousel-control.left {
	 background: none;
}

.carousel-control.right {
	 background: none;
}

/********/
#tabs {
	 padding: 40px 0;
	 font-size: 18px;
}



.section {
    width: 750px;
    background: #dff6fe;
    margin: 0 auto;
}
ul.tabs {
    height: 40px;
	line-height: 35px;
    list-style: none;
    border-bottom: 1px solid #8ac2d5;
    background: #FFF;
	margin-left: 0;
}
.tabs li {
    float: left;
    display: inline;
	
    margin: 0 1px -5px 0;
    padding: 0 13px 1px;
    
	color: #008dd2;
	font-size: 20px;
	text-align: center;
	
    cursor: pointer;
    /*background: #dff6fe;*/
    border: 0px solid #8ac2d5;
    border-bottom: 0px solid #8ac2d5;
    position: relative;
	width: 249px;
}
.tabs li:hover,
.vertical .tabs li:hover {
    color: #F70;
    padding: 0 13px;
    background: #dff6fe;
    border: 1px solid #8ac2d5;
}
.tabs li.current {
    color: #008dd2;
    background: #dff6fe;
    padding: 0 13px 2px;
    border: 1px solid #8ac2d5;
    border-bottom: 1px solid #8ac2d5;
}
.box {
    display: none;
    border: 1px solid #8ac2d5;
  border-width: 0 1px 1px;
    background: #dff6fe;
    padding: 20px;
	line-height: 1.5;
}
.box.visible {
    display: block;
}

.section.vertical {
    width: 440px;
    border-left: 160px solid #8ac2d5;
}
.vertical .tabs {
    width: 160px;
    float: left;
    display: inline;
    margin: 0 0 0 -160px;
}
.vertical .tabs li {
    padding: 0 13px;
    margin: 0 0 1px;
    border: 1px solid #8ac2d5;
    border-right: 1px solid #8ac2d5;
    width: 132px;
    height: 25px;
}
.vertical .tabs li:hover {
    width: 131px;
}
.vertical .tabs li.current {
    width: 133px;
    color: #444;
    background: #dff6fe;
    border: 1px solid #8ac2d5;
  border-right: 1px solid #8ac2d5;
  margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
}


#contact {
	 padding: 40px 0;
}

#map {
	 width: 100%;
	 height: 450px;
	 float: left;
	 
}

#map_center {
	 width: 960px;
	 margin: 0 auto;
	 position: relative;
	 z-index: 10;
}