@import "animate.css";
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import "icons.css";
/*========================================================
						Includes
=========================================================*/	
/*
@font-face {
font-family: "Futura";
src: url("../fonts/futura_medium_bt-webfont.eot");
src: url("../fonts/futura_medium_bt-webfont.eot?#iefix") format("embedded-opentype"), 
url("../fonts/futura_medium_bt-webfont.woff") format("woff"), 
url("../fonts/futura_medium_bt-webfont.ttf") format("truetype"),
url("../fonts/futura_medium_bt-webfont.svg#arbat") format("svg");
font-weight: normal;
font-style: normal;
}			

@font-face {
font-family: "Gothic";
src: url("../fonts/GOTHIC.eot");
src: url("../fonts/GOTHIC.eot?#iefix") format("embedded-opentype"), 
url("../fonts/GOTHIC.woff") format("woff"), 
url("../fonts/GOTHIC.ttf") format("truetype"),
url("../fonts/GOTHIC.svg#arbat") format("svg");
font-weight: normal;
font-style: normal;
}
	

@font-face {
 font-family: Futura;
 src: url("../fonts/futura_medium_bt-webfont.eot") 
}
@font-face {
 font-family: Futura;
 src: url("../fonts/futura_medium_bt-webfont.ttf") 
}
@font-face {
 font-family: Gothic;
 src: url("../fonts/GOTHIC.eot") 
}
@font-face {
 font-family: Gothic;
 src: url("../fonts/GOTHIC.TTF") 
}*/					

/*========================================================
					  Main Styles
=========================================================*/



.page-kursi-massazha #featured {
    width: 270px;
}

.page-kursi-massazha #content {
margin:0 !important;
width: 100%;
padding: 0;
}

.page-kursi-massazha  #content .section {
padding:0 !important;
}

.page-kursi-massazha .panel-1col {
border:none;
padding-top:9px
}

.page-kursi-massazha #breadcrumb, .page-kursi-massazha  #page-title,
.page-kursi-massazha #sidebar-second, .page-kursi-massazha #sidebar-first,
.page-kursi-massazha #content h2.pane-title, .page-kursi-massazha  #content .content #node,
.page-kursi-massazha #node-2080 h2{
    display:none
}

body.page-kursi-massazha {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #666;
  background: #ffffff;
  -webkit-text-size-adjust: none;
  margin: 10px 5px 20px 5px;
  padding: 0;
  border: 0;
  outline: 0;
  background: url(http://massage.ru/sites/all/themes/massage/images/bg_body.jpg) no-repeat fixed 0 0 #DDD6C7;
}
.page-kursi-massazha #content img {
  max-width: 100%;
  height: auto;  
  border: 0 solid #DDDDDD; 
  margin: 0;
  padding: 0;
}
.page-kursi-massazha h1,
.page-kursi-massazha h2,
.page-kursi-massazha h3,
.page-kursi-massazha h4,
.page-kursi-massazha h5,
.page-kursi-massazha h6 {
  color: #111;
  font-weight: bold;
}
.page-kursi-massazha .container  h2{
  font-family: 'Roboto', sans-serif;
  font-size: 60px !important;
  line-height: 85px !important;
  font-weight: 900;
  text-transform: uppercase;
}

.page-kursi-massazha h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.page-kursi-massazha p a:hover {
  text-decoration: underline;
}
.page-kursi-massazha a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.page-kursi-massazha a:active {
  background: transparent;
}
.page-kursi-massazha a:focus {
  outline: none;
}
.page-kursi-massazha hr {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border: 0;
  height: 1px;
  width: 104px;
  background: #555555;
}
.page-kursi-massazha a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
.page-kursi-massazha .fa {
  line-height: inherit;
}
[class*='fa-']:before {
  font-weight: 400;
  font-family: 'Verdana';
}
.page-kursi-massazha .left {
  text-align: left;
}

.page-kursi-massazha .center {
  text-align: center;
}
.page-kursi-massazha .right {
  text-align: right;
}
@media (max-width: 767px) {
 .page-kursi-massazha  .right {
    text-align: center;
  }
}
.page-kursi-massazha .page {
  overflow: hidden;
  min-height: 500px;
}
.page-kursi-massazha .lt-ie9 .page {
  min-width: 1200px;
}

.page-kursi-massazha .region-content ul, .page-kursi-massazha .region-content ol {
padding:0;
    margin: 0;
list-style: inside disc;
}
 .page-kursi-massazha .region-content .semfull ol {   
 margin: 20px 300px;
 }

/*=======================================================
                       Main Layout
=========================================================*/
p {
font-size: 16px;
  text-align: inherit;
}

* + hr {
  margin-top: 40px !important;
}
* + h2 {
  margin-top: 30px !important;
}
* + h3 {
  margin-top: 13px !important;
}
* + p {
  margin-top: 19px;
}
* + .btn {
  margin-top: 48px;
}
* + .btn_wrap {
  margin-top: 48px;
}
* + .row {
  margin-top: 33px;
}
* + .carousel {
  margin-top: 50px;
}
* + .copyright {
  margin-top: 70px;
}
header * + .row {
  margin-top: 57px;
}
/*=======================================================
						Components
=========================================================*/

/*==================   Parallax    ======================*/
.parallax {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 2500px) and (min-width: 1281px) {
 .parallax {
    background-size: 140% auto;
  }
}

@media (max-width: 1280px) {
  .parallax {
    background-size: 110% auto;
  }
}

@media (max-width: 1199px) {
  .parallax {
    background-size: 140% auto;
  }
}
@media (max-width: 767px) {
  .parallax {
    background-size: cover;
  }
}
.mobile .parallax,
.tablet .parallax {
  background-position: 50% 0 !important;
  background-size: cover;
}
.parallax01 {
  background-color: #FFF;
  padding: 182px 0 0;
    position: relative;
}

.parallax02 {
  background-color: #FFF;
  padding: 100px 0 90px;
  color: #ffffff;
  background-size:cover;
}

.parallax02 h1,
.parallax02 h2,
.parallax02 h3,
.parallax02 h4,
.parallax02 h5,
.parallax02 h6 {
  color: #ffffff;
}
@media (max-width: 767px) {
  .parallax {
    background-position: center 0 !important;
  }
}

/*=================       Tabs     ======================*/
.resp-tabs-list {
  padding: 58px 0 0 0;
}
.resp-tabs-list li {
  display: inline-block;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #373737;
}

.resp-tabs-list li:after {
  content: "-";
  padding: 0 10px;
}

.resp-tabs-list li:last-child:after {
  display: none;
}
.resp-tabs-list li:hover,
.resp-tabs-list li.resp-tab-active {
  color: #d0d0d0;
}
.resp-accordion {
  display: none;
}
.resp-tab-content {
  display: none;
}
.parallax02 h3 {
 font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 40px;
    text-transform: uppercase;
}

.parallax02 h3 + p {
  margin-top: 16px;
}
.resp-tab-content-active {
  display: block;
}
@media (max-width: 767px) {
  .resp-accordion {
    display: none;
  }
  .resp-tabs-list {
    display: block;
  }
}
/*==================== Btn ====================*/
.btn{
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2.8px;
  padding: 12px 34px 13px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 47px;
}
.btn:hover {
  color: #c32139;
  background: #ffffff;
}
.btn_wrap {
  position: relative;
}
.btn_wrap:before,
.btn_wrap:after {
  content: "";
  position: absolute;
  top: 23px;
  height: 1px;
  background: rgba(255, 255, 255, 0.28);
}
.btn_wrap:before {
  left: 0;
  right: 50%;
  margin-right: 100px;
}
.btn_wrap:after {
  left: 50%;
  right: 0;
  margin-left: 100px;
}
.btn_wrap__mod-1:before {
  left: -30px;
}

.btn_wrap__mod-1:after {
  right: -30px;
}

/*==================== Icon ====================*/
.icon {
  font-size: 50px;
  line-height: 50px;
  color: #669900;
}
.icon_wrap {
  position: relative;
}
.icon_wrap:before,
.icon_wrap:after {
  content: "";
  position: absolute;
  top: 18px;
  width: 72px;
  height: 1px;
  background: #dddddd;
}
.icon_wrap:before {
  right: 50%;
  margin-right: 42px;
}
.icon_wrap:after {
  left: 50%;
  margin-left: 42px;
}

/*==================== Img ====================*/
.page-kursi-massazha #content .img {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
}
/*========================================================
					 HEADER  Section
=========================================================*/
.page-kursi-massazha header {
  color: #ffffff;
  background: transparent;
  text-align: center;
}
.page-kursi-massazha header h1,
.page-kursi-massazha header h2,
.page-kursi-massazha header h3,
.page-kursi-massazha header h4,
.page-kursi-massazha header h5,
.page-kursi-massazha header h6 {
  color: #ffffff;
}
.page-kursi-massazha header hr {
  background: #f5f5f5;
  background: rgba(245, 245, 245, 0.2);
}
.page-kursi-massazha .lt-ie9 header hr {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33f5f5f5', endColorstr='#33f5f5f5');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33f5f5f5', endColorstr='#33f5f5f5');
  zoom: 1;
}
/*==================== Brand ====================*/
.brand {
  display: inline-block;
}

.brand_name {
background: url("/sites/all/files/school/school-logo.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
width:400px;
height:400px;
overflow:hidden;
display:block
}

.brand_name a{
width:100%;
height:100%;
display:block;
text-indent:-9000px
}

/*========================================================
					 CONTENT  Section
=========================================================*/

/*==================== Well ====================*/
.well {
  padding: 50px 0 60px 0;
  background: #fff;
}

.well2 {
  padding: 0 0 30px 0;
  background: #fff;
}
/*==================== Carousel ====================*/
.page-kursi-massazha .carousel hr {
  background: #dedede;
}
.page-kursi-massazha .carousel * + .owl-carousel {
  margin-top: 55px;
}

/*========================================================
					 additions
=========================================================*/

.page-kursi-massazha h2 span {font-size:30px;display:block;line-height:50px}

div.view-display-id-attachment_1 div.view-content .semfull {
display:none;
padding-bottom: 30px;
}
.pane-content {
text-align:center
}
.pane-content a.button {
margin-left: 0;
    color: #fff;
}
.page-kursi-massazha #content .view-display-id-block_1 h2 {
padding:0
}

.page-kursi-massazha #main-wrapper {
    margin-top: -20px;
}
 .page-kursi-massazha #main {
    width:100%
}

.page-kursi-massazha #block-system-main .view {
border-top:none;
padding-top:0;
}
.page-kursi-massazha table.views-view-grid tr td {
border:none;
    padding: 30px 0;
}

.anons-wrap {
width: 285px;
    background-color: #fff;
    margin: 0 auto;
    padding-bottom: 30px;
    border: 2px solid #dedede;
}

.anons-wrap img{
width: 285px !important;
height:140px !important;
}

.anons-wrap .row {
margin-top: 10px;
}
.anons-wrap h4{
font-size: 130%;
}

.anons-wrap div p {
font-size:14px
}

.dt, .sd {
margin: 10px;
    min-height: 40px;
}

.dt {
background:url(http://massage.ru/sites/all/files/school/icons-sm-1.png) no-repeat 0 50%;
}

.sd {
background:url(http://massage.ru/sites/all/files/school/icons-sm.png) no-repeat 0 50%;
}

#black .container {
width:100%
}

.blk {
margin: 0 !important; 
height:108px;
background:url(http://massage.ru/sites/all/files/school/bg-bar-black.png) repeat 0 0 #292929;
}

.blk li {
display:inline-block;
width:210px;
height:108px;
}

.blk li a{
width:100%;
height:100%;
display:block;
overflow:hidden;
text-indent:-9000em;
background:url(http://massage.ru/sites/all/files/school/bg-menu-black.png) no-repeat -90px 100% transparent;
}

.blk li a:hover, .blk li.active a{
background-position:-90px 0;
}

#tch {
background-position:-300px 100%;
}
#scl {
background-position:-520px 100%;
}
#ph {
background-position:-750px 100%;
}
#cnt {
background-position:-980px 100%;
}

#tch:hover, #tch:active, #tch:focus, .blk li.active #tch{
background-position:-300px 0;
}
#scl:hover, #scl:active, #scl:focus, .blk li.active #scl {
background-position:-520px 0;
}
#ph:hover, #ph:active, #ph:focus, .blk li.active #ph {
background-position:-750px 0;
}
#cnt:hover, #cnt:active, #cnt:focus, .blk li.active #cnt{
background-position:-980px 0;
}

.wht {
margin:0 !important;
height: 120px;
    background: url(http://massage.ru/sites/all/files/school/logo-school.png) no-repeat center center transparent;
	padding-right: 50px;
}
.wht div.right{
padding-top: 50px;
}
big {
font-size:30px;
color: #000;
}

.wht p {
margin:3px 0 0 0;
color:#000;
text-align:center
}

.pane-views-school-seminars-block-1 table{
background-color:#ebebeb
}

.page-kursi-massazha #webformblock h2 {
margin-bottom: 30px;
}

.pane-content a.button, .page-kursi-massazha #webformblock h2 {
background: url(http://massage.ru/sites/all/files/school/bg-gr.png) repeat 0 0 #5AC625;
}

.pane-content a.more-button, .page-kursi-massazha #webformblock input.form-submit, .page-kursi-massazha #webformblock input.form-submit:hover, .page-kursi-massazha #webformblock input.form-submit:focus{
background: url(http://massage.ru/sites/all/files/school/bg-vl.png) repeat 0 0 #781999 !important;
}

.pane-content a.fulltext{
margin-left:40px;
    color: #fff;
    font-size: 150%;
    line-height: 50px;
	background: url(http://massage.ru/sites/all/files/school/bg-vl.png) repeat 0 0 #781999 !important;
	}

.semfull .grid_11 {
padding:20px 0
}

.semfull hr {
margin-top:50px
}

.page-kursi-massazha h2.green{
font-size:200% !important;
color:#669900 !important;
letter-spacing:5px;
line-height: 30px !important;
font-weight:bolder
}

.icon-hands {
    background: url("/sites/all/files/school/hands.png") no-repeat scroll 67% center #fff;
    display: block;
    height: 50px;
    width: 300px;
	background-size:30%
}

.icon-hands:before {
    content: " ";
}

.grey {
margin-top: 20px;
color:#000;
background:#ddd;
}

.descr p {
margin-top: 0;
    padding: 20px 30px 0;
    text-align: justify;
}

.plan {
list-style: decimal;
  text-align: left;
  text-transform: uppercase;
  font-size: 120%;
  color: #333;
  line-height: 140%;
  letter-spacing:2px
}

.plan li ul {
margin:15px 0 15px 20px !important;
list-style: circle;
text-transform: lowercase;
font-size: 100%;
  color: #666;
  line-height: 100%;
  letter-spacing:0
}

.plan li ul li{
margin-bottom:8px;
width:80%
}

.progtxt {
  display: none;
  text-align: justify;
}

.btdwn {
    background: none repeat scroll 0 0 #669900;
    border: 1px solid #669900;
    border-radius: 70px;
    color: #ffffff;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 4px;
    line-height: 20px;
    margin-left: -190px;
    margin-top: 20px;
    outline: medium none;
    padding: 25px 84px;
    text-align: center;
    text-transform: uppercase;
}

.btdwn:hover {
color: #669900;
  background: #fff;
  
}

.parallax02 h2{
display:block;
text-indent:-9000px;
overflow:hidden;
background: url(/sites/all/files/school/massage-spb-logo.png) no-repeat scroll center top transparent;
margin-bottom:100px !important
}

.feedback {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  background: url(/sites/all/themes/massage/images/block-top.png) repeat-x scroll center top #EDEDED;
  border: 1px solid #DDDDDD;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#toTop {
  position: fixed;
  bottom: 30px;
  right: 20px;
  cursor: pointer;
  width: 76px;
  height: 76px;
  margin: 0 auto;
  opacity:0.7;
  background: url(/sites/all/files/school/arr.png) no-repeat scroll 0 0 transparent;
	 }	 
#toTop:hover {
background-position: 0 100%
}

    #owl-2 .item img{
    display: block;
    width: auto;
    height: 100%;
	margin:0 auto
    }
	
	#owl-2 .item {
  height: 600px;
  overflow:hidden
    }

.page-kursi-massazha #main-menu .menu {
font-size:0.8em
}

strong {
font-weight:bold;
color:#333
}

/*========================================================
					 FOOTER  Styles
=========================================================*/
.page-kursi-massazha footer {
  text-align: center;
  padding: 20px 0;
  background: transparent;
}
.page-kursi-massazha footer hr {
  background: #dddddd;
}
.page-kursi-massazha .copyright {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #cccccc;
}