@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,300,700);

/* page basics ============================================================================= */

html, body {
    margin: 0;
    padding: 0;
	overflow:hidden;
	color:#000000;
	-webkit-tap-highlight-color: #ffffff;
}


img 
{
    border : 0;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}



ol,ul 
{
    list-style: none;
    margin:0;
    padding:0;
}


q:before,q:after 
{
    content:'';
}


/*  sections ============================================================================= */

.ms-section 
{
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align: center;
}


.ms-section.ms-table
{
    display: table;
    width: 100%;
}


.ms-tableCell 
{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}


.ms-easing 
{
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}




/*  dot navigation ============================================================================= */

#multiscroll-nav 
{
    position: fixed;
    z-index: 100;
    margin-top: -85px;
    top: 50%;
    opacity: 1;
}

#multiscroll-nav.right 
{
    right: 40px;
}


#multiscroll-nav.left 
{
    left: 17px;
}


#multiscroll-nav ul
{
  margin: 0;
  padding: 0;
}


#multiscroll-nav li
{
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}


#multiscroll-nav li a
{
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}


#multiscroll-nav li .active span
{
    background: #c0a35a;
}


#multiscroll-nav span
{
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 2px solid #c0a35a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

.multiscroll-tooltip 
{
    position: absolute;
    color: #c0a35a;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    top: -2px;
}


.multiscroll-tooltip.right 
{
    right: 20px;
}

.multiscroll-tooltip.left 
{
    left: 17px;
}

/*  pages ============================================================================= */

#left1
{
	background-color:#f6f6f6; 
	border-right: 3px solid #ffffff;
	background-image:url(../img/bg_left_1.png);
	background-repeat: no-repeat;
}


#right1
{
	background-color:#f6f6f6; 
	border-left: 3px solid #ffffff;
	background-image:url(../img/bg_right_1.png);
	background-repeat: no-repeat;
}

@media only screen and (min-height: 680px) { #left1 { background-size: 100% 100%;}
											 #right1 { background-size: 100% 100%;}}

#left2
{
	background-color:#f6f6f6; 
	border-right: 3px solid #ffffff;
	background-image:url(../img/bg_left_2.png);
}


#right2
{
	background-color:#f6f6f6; 
	border-left: 3px solid #ffffff;
	background-image:url(../img/bg_right_2.png);
}


#left3
{
	background-color:#f6f6f6; 
	border-right: 3px solid #ffffff;
	background-image:url(../img/bg_left_3.png);
}


#right3
{
	background-color:#f6f6f6; 
	border-left: 3px solid #ffffff;
	background-image:url(../img/bg_right_3.png);
}




/*   responsive meniu ============================================================================= */	

#responsive_meniu
{
	position:absolute;
	z-index:500;
	right:50px;
	top:20px;
	cursor:pointer;
}


.social
{
	position:absolute;
	z-index:500;
	left:50px;
	top:25px;
	cursor:pointer;
}

.new_order li
{
	display:inline-block;
}


#responsive_meniu:hover
{
	opacity:0.5;
}

#responsive_meniu .icon {
    display: inline-block;
	position: relative;
    width: 35px;
    height: 4px;
    left: 4px;
    top: 8px;
	margin: 10px 0px;
    background: none repeat scroll 0% 0% #5e5e5e;
}

#responsive_meniu .icon:after {
    top: 8px;
}
#responsive_meniu .icon:before {
    top: -8px;
}

#responsive_meniu .icon:before, #responsive_meniu .icon:after {
    content: "";
    width: 100%;
    height: 4px;
    background: none repeat scroll 0% 0% #5e5e5e;
    position: absolute;	
}

#responsive_meniu .icon, #responsive_meniu .icon:before, #responsive_meniu .icon:after {
    transition: all 0.3s ease 0s;
}



#responsive_meniu.close span:after {
    top: 0px !important;
    background-color: #ffffff;
    transform: rotate(45deg);
}

#responsive_meniu.close span:before {
    top: 0px !important;
    background-color: #ffffff;
    transform: rotate(-45deg);
}


#responsive_meniu.close span {
    background: none repeat scroll 0px center transparent;
}


.meniu_box
{
	z-index:310;
	position:absolute;
	font-family: 'Raleway', sans-serif;
	top:0px;
	padding-top:110px;
	padding-left:50px;
	padding-right:50px;
	right:-310px;
	width:200px;
	height:100%;
	background-color:#c0a35a;
}

.new_right
{
	right:0px; 
}

.meniu_box li
{
    display:block;
	margin-bottom:20px;
	border-bottom:1px dotted #ffffff;
	
}


.meniu_box li a 
{
	position: relative;
	display: inline-block;
	margin-left:5px;
	outline: none;
	text-decoration: none;
	letter-spacing: 5px;
	font-size: 14px;
	color: #ffffff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.meniu_box .link a:hover {
	color: #7d217a;
}


.name_middle
{
	z-index:200;
	position:absolute;
	width:100%;
	bottom:10%;
}


.facebook
{
	width:22px;
	height:22px;
	background-image:url(../img/1.png);
}

.facebook:hover
{
	background-image:url(../img/1c.png);
}

.twitter
{
	width:22px;
	height:22px;
	background-image:url(../img/2.png);
	margin-top:6px;
}

.twitter:hover
{
	background-image:url(../img/2c.png);
}

.linkedin
{
	width:22px;
	height:22px;
	background-image:url(../img/3.png);
	margin-top:6px;
}

.linkedin:hover
{
	background-image:url(../img/3c.png);
}


@media only screen and (max-width: 360px) { .facebook:hover {background-image:url(../img/1b.png);}
                                            .twitter:hover {background-image:url(../img/2b.png);}
											.linkedin:hover {background-image:url(../img/3b.png);}}

.float_image
{
	float:right;
	padding-right:50px;
}

.float_image_2
{
	padding-left:40px;
}


@media only screen and (max-width: 600px) { #multiscroll-nav {margin-top: -100px;}}

@media only screen and (max-width: 480px) { #multiscroll-nav {margin-top: -120px;}}

@media only screen and (max-width: 420px) { .float_image {float:none; margin-left:24%; padding-right:0px;}
                                            .float_image_2 {padding-left:0px;}}

@media only screen and (max-width: 400px) { .float_image {margin-left:19%;}}

@media only screen and (max-width: 380px) { .float_image {margin-left:14%;}}

@media only screen and (max-width: 360px) { .float_image {margin-left:9%;}}

@media only screen and (max-width: 340px) { .float_image {margin-left:4%;}}

@media only screen and (max-width: 320px) { .float_image {margin-left:0%;}}


/*   pages_2 ============================================================================= */


.rw-wrapper{
	width: 60%;
	position: relative;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Raleway', sans-serif;
	padding:0px;
}
.rw-sentence{
	margin: 0;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.rw-sentence span{
	color: #444;
	font-size: 150%;
	font-weight: normal;
}
.rw-words{
	display: inline;
	text-indent:0px;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #c0a35a;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	color: #7d217a;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #c0a35a;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	color: #7d217a;
}
.rw-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
	color: #c0a35a;
}
.rw-words-1 span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	color: #7d217a;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 900px){
	.rw-sentence { font-size: 16px; }
}
@media screen and (max-width: 480px){
	.rw-sentence { font-size: 9px; }
}




/*  pagina_contact  ============================================================================= */

#formular_contact
{
     position:relative;
	 margin-left:auto;
	 margin-right:auto;
	 z-index:270;
	 color:#c0a35a;
}


#user-details {
	float: left;
	width: 40%;
	border:none;
	}
	
#user-message 
{
	float: right;
	width: 40%;
	border:none;
	}
	
#formular_contact input, textarea { 		
		padding: 8px; 
		margin: 4px 0 8px 0; 
		background: #f6f6f6; 
		width: 90%; 
		font-size: 14px; 
		color: #555; 
		border: 2px #484848 solid;	
		-webkit-transition: background 0.3s linear;							
	}
	
#formular_contact textarea {		
		width: 90%; 
		height: 100%; 		 		
	}
	
#formular_contact input:hover, textarea:hover {
	background: #b1aeae;
	color: #ffffff;
	}
		
#formular_contact input.submit { 	
		width: 110px; 
		color: #eee; 
		text-transform: uppercase;
		font-size:16px;
		font-weight:bold; 
		margin-top: 50px;
		border: 2px #ffffff solid;
		float:right;
		margin-right:5px;
		background-color:#c0a35a;	
	} 
	
#formular_contact input.submit:hover { 	
        background-color:#b1aeae;	
		cursor:  pointer; 
	} 

@media only screen and (max-width: 800px) {  #user-message { float:left; width:100%;}
											 #user-details {width: 100%;}}
											 
@media only screen and (max-width: 483px) {  #arrow_contact { display:none;}
											 #formular_contact { border-left:none; border-top: 4px solid #cdc8bc; padding-top:20px; top:20px;}}