*{
	margin:0px;
	padding:0px;
}

html,body{
	width:100%;
	height:100%;
}

body{
	background-color: #ffffff;
	font-family:  'PFDinDisplayPro-Thin', Arial; 
	font-size:18px;
	color:#575757;
	letter-spacing:1px;
	overflow-x:hidden;
}

img{
	border:0px;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
}


.clear{
	clear:both;	
}


a{
	color:inherit; 
	text-decoration:inherit;
	transition:all 0.2s;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

a:hover{
	opacity:0.6;
}

button, 
button:active, 
button:focus {
    outline: none;
}

p{
	margin-bottom:24px;
}


.arrowBottom{
	display:block;
	position:fixed;
	width:100%;
	height:80px;
	bottom:0px;
	left:0px;
	z-index:300;
	transition:all 0.2s;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
	display:block;
}

.arrowBottom>a{
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	display:block;
}

.arrowBottom>a.white{
	background-image:url('../img/arrowBottomWhite.png');
	z-index:301;
	display:block;
}

.arrowBottom>a.black{
	background-image:url('../img/arrowBottomBlack.png');
	z-index:302;
	display:none;
}


.arrowBottom.hidden{
	opacity:0;
	display:none;
}

.container.fs{
	height:100%;
}


.container{
	width:100%;
	position:relative;
}

.indexPage .photos{
	width:100%;
	height:100%;
	position:relative;
}

.indexPage .photos .photo{
	width:100%;
	height:100%;
	position:absolute;
	background-position:center center;   
	background-size:cover;
	display:none;
}

.indexPage .photos .over{
	width:100%;
	height:100%;
	background:#000000;
	z-index:100;
	position:absolute;
}

.indexPage .line{
	background-color: #dd2041;
	height: 7px;
	bottom:0px;
	left:0px;
	position:absolute;
	width:100%;
	z-index:200;
}

.indexPage .logo{
	width:337px;
	height:133px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-168px;
	margin-top:-76px;
	z-index:200;
}

.indexPage .logoRappoport{
	width:55px;
	position:absolute;
	right:40px;
	bottom:27px;
	z-index:400;
}

.indexPage .logoRappoport img{
	width:100%;
}



.indexPage .info{
	font-family: "PFDinTextCompPro-Light", Arial;
	font-size:16px;
	color:#ffffff;
	position:absolute;
	z-index:200;
	bottom:28px;
	left:40px;
}
 


.header{
	font-size:42px;
	color:#111111;
	font-family: "PFDinTextCompPro-Regular", Arial;
	text-transform:uppercase;
	padding-top:44px;
	letter-spacing:0.04em;
	text-align:center;
}

.menuIcon{
	position:absolute;
	left:40px;
	top:36px;
	z-index:300;
}

.menuIcon .unactive{
	display:block;
	width:60px;
	height:60px;
	background-color:#111111;
	background-image:url('../img/menuIcon.png');
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
}

.menuIcon .active{
	display:none;
	width:60px;
	height:60px;
	background-color:#dd2041;
	background-image:url('../img/menuIconActive.png');
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
}

.menuIcon .unactive:hover, .menuIcon .active:hover{
	background-color:#dd2041;
	opacity:1;
}

.container>.text, .container>.block>.text{
	width:57%;
	margin:0px auto;
	font-size:18px;
	text-align:justify;
	margin-top:55px;
	line-height:1.3;
}

.contactsPage>.block>.text{
	text-align:center;
}

.container .text i{
	font-family:  'PFDinDisplayPro-ThinItalic', Arial;
	color:#111111;
}




.aboutPage .address , .contactsPage .address {
	text-align:center;
	margin-top:57px; 
	margin-bottom:57px;
}

.aboutPage .address  .icon , .contactsPage .address .icon {
	margin-bottom:14px;
}

.aboutPage .address  .text , .contactsPage .address .text {
	font-family: "PFDinTextCompPro-Regular", Arial;
	font-size:16px;
	color:#111111;
}


.container>.photo{
	width:100%;
}	

.container>.photo img{
	width:100%;
	display:block;
}	

.container .photo .name{
	font-family: 'PFDinTextCompPro-LightItalic', Arial;
	font-size:14px;
	color:#111111;
	text-align:right;
	padding:9px 39px 10px 0px;
	float:right;
}

.container>.photo .name{
	font-family: 'PFDinTextCompPro-LightItalic', Arial;
	font-size:14px;
	color:#ffffff;
	text-align:right;
	padding:9px 39px 10px 0px;
	position:absolute;
	bottom:13px;
	right:0px;
}


.container>.buttons{
	text-align:center;
	margin-top:79px;
	margin-bottom:47px;
}
.container>.buttons a:hover{
	opacity:1;
}


.blackButton{
	font-family: "PFDinTextCompPro-Regular", Arial;
	font-size:16px;
	color:#ffffff;
	border:none;
	background-color:#111111;
	padding:9px 0px 9px 0px;
	letter-spacing:0.06em;
	cursor:pointer;
	transition:all 0.2s;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
	width:220px;
	display:inline-block;
	margin-left:5px;
}

.blackButton:hover{
	background-color:#dd2041;
	color:#ffffff;
}


.galleryPage .photos{
	width:100%;
	height:100%;
	position:relative;
	margin-top:50px;
	margin-bottom:78px;
	overflow-x:hidden; 
} 

.galleryPage .photos .photo{
	width:66%;
	height:100%;
	padding-top:86px;
	padding-bottom:98px;
	position:absolute;
	left:100%;
}

.galleryPage .photos .photo a{
	width:100%;
	height:100%;
	display:block;
	background-position:center center;
	background-size:cover;
	text-align:center;
}

.galleryPage .photos .photo a img{
	margin:0px auto;
	height:100%;
}


.galleryPage .photos .photo:nth-last-child(1) a{
	cursor:default;
}


.galleryPage .arrow{
	display:block;
	position:absolute;
	width:94px;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	top:0px;
	z-index:10;
}


.galleryPage .arrow.left{
	left:0px;
	background-image:url('../img/arrowLeft.png');
}


.galleryPage .arrow.right{
	right:0px;
	background-image:url('../img/arrowRight.png');
}

.contactsPage{
	min-height:720px;
}


.contactsPage>.buttons{
	margin-top:49px;
}

.contactsPage input[type=button]{
	margin-top:8px;
}

.contactsPage .text a:hover{
	opacity:1;
	color:#dd2041;
}


.contactsPage input[type=button].blackButton{
	padding:9px 42px 9px 42px;
}

.contactsPage .social{
	text-align:center;
	padding-top:20px;
}



.contactsPage .logoRappoport{
	width:55px;
	position:absolute;
	right:40px;
	bottom:20px; 
	z-index:200;
}

.contactsPage .logoRappoport img{
	width:100%;
}


.footer{
	font-family: "PFDinTextCompPro-Regular", Arial;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	background-color:#111111;
	text-transform:uppercase;
	margin-top:25px;
	overflow:hidden;
}

.footer .copyright{
	float:left;
	padding:23px 0px 23px 40px;
}

.footer .otomweb{
	float:right;
	padding:23px 40px 23px 0px;
}


.menuContainer{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.85);
	z-index:280;
	display:none;
}

.menuContainer .info{
	font-family: "PFDinTextCompPro-Light", Arial;
	font-size:16px;
	color:#ffffff;
	position:absolute;
	z-index:200;
	bottom:28px;
	left:40px;
}

.menuContainer .menu{
	font-family: "PFDinTextCompPro-Regular", Arial;
	font-size:46px;
	color:#ffffff;
	text-transform:uppercase;
}

.menuContainer .menu ul{
	width:100%;
}

.menuContainer .menu ul li{
	margin-top:28px;
	text-align:center;
}

.menuContainer .menu ul li a:hover{
	color:#dd2041;
	opacity:1;
}