@import url('../css/normalize.css');
@import url('../css/prettyPhoto.css');
@import url('http://fonts.googleapis.com/css?family=Anton');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');


/* Global */

body {
	font-family: 'Tahoma', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: #7a7a7a;
	overflow-x: hidden;
}

::selection {
	background: #df4d58;
	color: #fff;
}

::-moz-selection {
	background: #df4d58;
	color: #fff;
}

img {
	max-width: 100%;
}

a:link {
	color: #df4d58;
	text-decoration: none;
}

a:hover {
	color: #df4d58;
}

a:visited {
	color: #df4d58;
	text-decoration: none;
}

.fright {
	float: right;
}

.fleft {
	float: left;
}

.tleft {
	text-align: left;
}

#content p,
#psychoterapia-about,
#adress {
	font-size: 1.17em;
	letter-spacing: 0.5px;
	line-height: 25px;
}

/* Navigation */
#undefined-sticky-wrapper {
	position: relative;
	height: 0 !important;
}

.menu {
	position:absolute;
	bottom:0px;
	width:100%;
	height:76px;
	background:#535353;
	z-index:9999;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(83, 83, 83);
	/* RGBa with 0.7 opacity */
	background: rgba(83, 83, 83, 0.7);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#535353, endColorstr=#535353);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#535353, endColorstr=#535353)";	
}

#nav {
	text-align: right;
}

.navigation {
	list-style: none;
	margin: 0;
}

ul.navigation {
	position: relative;
	width: 434px;
	margin: 0 auto;
	padding: 0;
}

.navigation li {
	background: none;
	color: #b7b7b7;
	float: left;
	margin:0;
	padding: 28px 18px;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.navigation li:hover,
.navigation .active {
	background: #df4d58;
	cursor: pointer;
	color: #3e3e3e;
}

.grid_8 ul {
	list-style: square;
	font-size: 1.17em;
	letter-spacing: 0.5px;
	line-height: 25px;
	padding-bottom: 10px;
}

.grid_8 span {
	font-size: 1.17em;
    letter-spacing: 0.5px;
    line-height: 25px;
    list-style: square outside none;
    padding-bottom: 10px;
}

.grid_8 li {
	margin-top: 10px;
	margin-left: 30px;
	font-size: 1em;
	letter-spacing: 0.5px;
	line-height: 25px;
}

.question {
	display:inline-block;
	padding:140px 0 0 60px;
	text-transform:uppercase;
	font-family: 'Open Sans',sans-serif;
	font-weight:700;
	font-size:32em;
	line-height:33px;
	color:#fff;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.21);
	opacity: 0.5;
}

.phone {
	display:inline-block;
	padding:60px 0 0 60px;
	text-transform:uppercase;
	font-family: 'Open Sans',sans-serif;
	font-weight:700;
	font-size:19em;
	line-height:33px;
	color:#fff;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.21);
	opacity: 0.5;
}

/* Slides Constr. */ 

.slide {
	background-attachment: fixed;
	position: relative;
	width: 100%;
	height: 100%;	
	padding: 0;
	overflow: hidden;
}

h1 {
	background: none;
	color:#3e3e3e;
	margin: 0;
	padding: 0 0 6px 0;
	text-transform: uppercase;
	text-align: left;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	font-size: 4.4em;
	font-weight: 700;
	line-height: 86px;
}

.adnot {
	background: url('../images/adnot.png') no-repeat;
	color:#acacac;
	margin: 0;
	padding: 0 0 30px 30px;
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
	font-size:18px;
	font-style:italic;
	line-height:24px;

}

.adnot2 {
	background: url('../images/adnot.png') no-repeat;
	color: #acacac;
	margin: 0;
	padding-left: 30px;
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
	font-size:13px;
	font-style:italic;
	line-height:24px;
}

h4 {
	color: #343434;
	margin: 0;
	padding: 0 0 33px 0;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 35px;
	font-style:normal;
	line-height: 40px;
}

h5 {
	color: #3e3e3e;
	margin: 0;
	padding: 0 0 17px 0;
	text-transform:none;
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 20px;	
}

/* ## S1 ## */

.padding_slide1 {
	padding:241px 0 101px 0;
}



#slide1 {
	background-image: url('../images/slide1_bg.jpg');
	background-size: cover !important;
	width: 100%;
	text-align: center;
}

.filtr_bg {
	position: relative;
	z-index: 20;
	text-align: center;	
}

#slide1 h1 {
	color: #ffffff;
	float: none;
	border-right: none;
	margin: 0;
	padding: 0 0 25px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 93px;
	line-height: 85px;
	font-weight: 400;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.21);
}

.main_text {
	color:#ffffff;
	display: inline-block;
	padding: 0 12px;
	text-transform: uppercase;
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	font-size: 37px;
	line-height: 33px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.21);
}

.left_line {
	background: url('../images/left_bord.png') no-repeat;
	height: 2px;
	width: 140px;
	padding-bottom: 13px;
	display: inline-block;
}

.right_line {
	background: url('../images/right_bord.png') no-repeat;
	height: 2px;
	width: 140px;
	padding-bottom: 13px;
	display: inline-block;
}


#slide1 .button {
	background:url('../images/button_down.png') no-repeat center bottom;
	width: 35px;
	height: 20px;
	display: block;
	cursor: pointer;
	border: none;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	margin: 109px auto 156px;
	/*margin-bottom: 156px;*/
}

/* ## S2 ## */ 

#slide2 {
	background: url('../images/slide_bg.jpg') repeat left top;
	width: 100%;
	padding: 86px 0 69px;
}

/* ## S3 ## */ 

#slide3 {
	background-image: url('../images/slide3_bg.jpg');
	background-size: cover !important;
	width:100%;
	text-align:center;
}

.padding_slide3 {
	padding: 185px 0 151px;
}

/* ## S4 ## */ 

#slide4 {
	background: url('../images/slide_bg.jpg') repeat left top;
	width: 100%;
	padding: 86px 0 69px;
}

/* ## S5 ## */ 

#slide5{
	background-image: url('../images/slide3_bg.jpg');
	background-size: cover !important;
	width: 100%;
	text-align: center;
}

.padding_slide5 {
	padding: 185px 0 151px;
}

.button3 {
	background: url('../images/button_top1.png') no-repeat;
	display: block;
	width: 336px;
	height: 72px;
	margin: 0 auto;
	border: none;
	text-transform: uppercase;
	cursor: pointer;	
}

.button3:hover {
	background: url('../images/button_top2.png') no-repeat;
}

/* ## S6 ## */ 

#slide6 {
	background: url('../images/slide_bg.jpg') repeat left top;
	width: 100%;
	min-height: 375px;
	padding: 100px 0 20px;
}

#slide6 h4 {
	padding-bottom: 18px;
}

/* ## S7 ## */ 

#slide7{
	background-image: url('../images/slide3_bg.jpg');
	background-size: cover !important;
	width:100%;
	text-align:center;
}

.padding_slide7 {
	padding: 148px 0 159px;
}


.photos {
	margin: 0!important;
}

.somespace {
	padding-bottom: 100px;
}
/*## photos ## */

.gallery-list {
	text-align:center;
	/*margin-left:-25px !important;*/
	margin-top: -100px;
}
#slide6 .hover_img {
	overflow:hidden;
	position:relative;
	height: 300px;
	width: 120px;
	background:#fff;
}

.img_block {
	display: inline-block;
	margin: 5px;
	width: 120px;
	height: 300px;
	border: 4px solid #ffffff;
}

.portfolio_zoom, .portfolio_link {
	top: 130px;
	width:40px;
	height:40px;
	position:absolute;
	bottom:0;
	background-repeat:no-repeat;
	background-color:#none;
	transition: right 0.7s ease-in-out;
	-moz-transition: right 0.7s ease-in-out;
	-webkit-transition: right 0.7s ease-in-out;
	-o-transition: right 0.7s ease-in-out;
}
.portfolio_zoom {
	right:40px;
	background-image:url(../images/zoom.png);
	background-position:0 0;
	z-index:302;
}
.portfolio_link {
	right:0px;
	background-image:url(../images/link.png);
	background-position:0 0;
	z-index:303;
}
.portfolio_zoom:hover, .portfolio_link:hover {
	background-color:#2c2c2c;
	z-index:310;
}
.portfolio_zoom a, .portfolio_link a {
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
}

.item_description {
	position: absolute;
	top: -330px;
	left: 0;
	right: 0;
	height: 300px;
	padding: 15px 21px;
	background: #df4d58;
	text-align: left;
	color: #fff;
	opacity: 0.8;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description {
	top:0;
}

.item_description p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

/* ## footer ## */
#footer {
	background:#535353;
	padding:27px 0 23px;
}
.copyright {
	float:left;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	color:#e9e9e9;
}
.copyright a {
	color:#df4d58;
}
.copyright a:hover {text-decoration:none;color:#fff;
}

#back_top {
	float:right;
}
#back_top a.button {
	cursor:pointer;
	position:relative;
	z-index:300;
	display:block;
	margin:0;
	width:30px;
	height:20px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	color:#fff;
}
#back_top a.button:hover {text-decoration:none;}


/* ## 404 ## */

.err404 .main_text {
	font-size: 90px;
	
}

.err404 .slogan {
	margin-bottom: 30px;
}

.err404 .left_line,
.err404 .right_line {
	padding-bottom: 30px;
}

.err404 .adnot {
    background-position: 0 0;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 0;
    width: 400px;
    padding-bottom: 40px;
}

.back404 {
	font-family: 'Tahoma',sans-serif;
	font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;

}

.back404:hover {
	background-color: #DF4D58;
	color: #ffffff;
}

#map-canvas {
    margin: 0;
    padding: 0;
    height: 600px;
    width: 100%;
}

#map-canvas img { max-width: none; }