/*COMMON*/

body{
	
	font-family: 'Open Sans', sans-serif;
}

*{
	outline:none!important;
} 

h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans', sans-serif;
}

input::-webkit-input-placeholder {color: #fff!important;}
input::-moz-placeholder {color: #fff!important;}
input:-ms-input-placeholder {color: #fff!important;}
input:-moz-placeholder {color: #fff!important;}
input:focus::-webkit-input-placeholder {opacity:0.3;}
input:focus::-moz-placeholder {opacity:0.3;}
input:focus:-ms-input-placeholder {opacity:0.3;}
input:focus:-moz-placeholder {opacity:0.3;}
textarea::-webkit-textarea-placeholder {color: #fff!important;}
textarea::-moz-placeholder {color: #fff!important;}
textarea:-ms-textarea-placeholder {color: #fff!important;}
textarea:-moz-placeholder {color: #fff!important;}
textarea:focus::-webkit-textarea-placeholder {opacity:0.3;}
textarea:focus::-moz-placeholder {opacity:0.3;}
textarea:focus:-ms-textarea-placeholder {opacity:0.3;}
textarea:focus:-moz-placeholder {opacity:0.3;}

.color-1{
	color:#FBBB04;
	font-weight:800;
	text-transform:uppercase;
}

.uk-slidenav{
	background:3px #FBBB04;
	color:#fff;
	font-size:50px;
	line-height:55px;
	width:60px;
	height:60px;
	margin-top:-30px;
	transition:all 0.3s ease;
	display:block;
	opacity:0.6;
	
}
.uk-slidenav:hover{
	opacity:1;
}

.uk-slidenav:hover{
	background:#FBBB04;
}

/*NAVBAR*/
#navbar{
	background: url("../images/navbar-bg.png")repeat-x bottom -5px center;
	z-index:400000;
	padding:15px 0 50px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	transition:padding 0.3s ease;
}

#navbar.uk-active{
	background:rgba(0,0,0,0.9);
	padding:10px 0;
	z-index:400000;
}




/*sections*/

.section-inner{
		padding:70px 0;
}

.section-inner .subtitle{
	text-align:center;
	font-size:28px;
	font-weight:bold;
	line-height:32px;
	margin:0;
}

.section-inner > h2{
	text-align:center;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	font-size:36px;
	line-height:38px;
	margin-bottom:30px;
}

@media (max-width:450px){
	.section-inner > h2{
		font-size:28px;
		line-height:30px;
	}
	
	.section-inner{
		padding:30px 0;
	}
}

.section .half-color-left{
	position:absolute;
	background:rgba(0,0,0,0.6) ;
	height:100%;
	left:0;
	width:50%;
	content:"";
	display:block;
	z-index:100;
	border-bottom:3px solid #FBBB04;
}

.section .half-color-right{
	position:absolute;
	background:rgba(0,0,0,0.6) ;
	height:100%;
	right:0;
	width:50%;
	content:"";
	display:block;
	z-index:100;
	border-bottom:3px solid #FBBB04;
}

@media (max-width:768px){
	.section .half-color-left{
		width:100%;	
	}
	
	.section .half-color-right{
		width:100%;	
	}
}


/*logo*/
#logo {
	display:inline-block;
	width:130px;
	height:49px;
	background-image:url("../images/logo-w.png");
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	transition:all 0.3s ease;
}


#navbar.uk-active #logo{
	width:100px;
	height:30px;
}


@media (max-width:500px){
	#navbar:not(.uk-active){
		padding:0;
		text-align:center;
		background:none;
	}
	#navbar:not(.uk-active) #logo{
		width:100px;
		height:30px;
		float:none;
		margin-top:20px;
	}
	
	#navbar:not(.uk-active) .uk-navbar-flip{
		float:none;
		text-align:center;
		margin-bottom:20px;
	}
	
	#navbar:not(.uk-active) .top-phone{
		position:static;
		
	}
}





/*menu*/
#navbar nav{
	background:none;
}

#navbar nav > ul > li{
	float:none;
	display:inline-block;
}

#navbar nav > ul > li > a{
	cursor:pointer;
	background:none;
	height:50px;
	line-height:50px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-size:16px;
	transition:all 0.3s ease;
}

#navbar.uk-active nav > ul > li > a{
	height:30px;
	line-height:30px;
	font-size:16px;
}


#navbar nav > ul > li > a:hover,
#navbar nav > ul > li.uk-active > a{
	color:#FBBB04;
	
}

#navbar nav > ul > li.uk-active > a,
#navbar nav > ul > li > a:active,
#navbar nav > ul > li > a:focus{
	background:none;
	
}

#navbar nav{
	position:relative;
}

/*top-phone*/
.top-phone{
	list-style:none;
	padding:10px;
	margin:0;
	position:absolute;
	right:-10px;
	top:-5px;
	transition:all 0.3s ease;
	
}

.uk-active .top-phone{
	border:3px solid transparent;
}

.uk-active .top-phone:hover{
	border:3px solid #fff;
	background:rgba(0,0,0,0.2);
}

.uk-active .top-phone:hover{
	background:rgba(0,0,0,1);
}



.uk-active  .top-phone li:nth-child(2),
.uk-active  .top-phone li:nth-child(3){
	display:none;
	opacity:0;
	transition:all 0.3s ease;
}

.uk-active  .top-phone:hover li:nth-child(2),
.uk-active  .top-phone:hover li:nth-child(3){
	display:block;
	opacity:1;
}

.top-phone a{
	height:50px;
	line-height:34px;
	color:#fff;
	font-weight:bold;
	font-size:28px;
	text-decoration:none;
	transition:all 0.3s ease;
}

#navbar.uk-active .top-phone {
	top:-15px;
}
#navbar.uk-active .top-phone a{
	height:30px;
	line-height:30px;
	font-size:20px;
	transition:all 0.3s ease;
}

.top-phone a:hover{
	color:#FBBB04;
}

.top-phone i{
	color:#FBBB04;
}



@media (max-width:1220px){
	#navbar nav > ul > li > a,
	#navbar.uk-active nav > ul > li > a{
		font-size:14px;
		padding:0 5px;
	}
}



/*TOP-SECTION*/
#top-section{
	 background: url("../images/top-section-bg.jpg") no-repeat bottom center;
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; background:#000 url("../images/top-section-bg.jpg") no-repeat bottom center;
	
	background-size:cover;
	overflow:hidden;
	position:relative;
	
}
#top-section:before{
	display:block;
	content:"";
	background:rgba(0,0,0,0.3);
	position:absolute;
	height:100%;
	left:0;
	right:0;
	z-index:10;
}

#top-section .section-inner{
	padding-top:120px;
	position:relative;
	z-index:15;
	height:100%;
	min-height:500px;
	
}

@media (min-width:1000px){
	#top-section{
		background-attachment:fixed;
	}
}


/*left*/
.top-section-left {
	color:#fff;
	margin-top:30px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.1);
}

.top-section-left h1{
	font-weight:bold;
	font-size:50px;
	color:#fff;
	line-height:55px;
	
	color:#FBBB04;
}

.free-design-order{
	font-weight:bold;
	color:#fff;
	font-size:30px;
	line-height:36px;
	/*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
}
 
.free-design-order .uk-button{
	padding:15px 25px;
	text-transform:uppercase;
	color:#FBBB04;
	background:transparent;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	font-size:24px;
	font-weight:800;
	display:block;
	max-width:300px;
	/*margin:0 auto;*/
	border:3px solid #fff;
	
}

.free-design-order .uk-button:hover{
	border-color:#fff;
	transition:all 0.3s ease;
	background:#FBBB04;
	color:#fff;
}


.free-design-order .uk-button:active{
	position:relative;
	top:1px;
	left:1px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.4);
}

/*right*/

.top-section-right{
	overflow:hidden;
	position:relative;
}

.top-section-people{
	position:absolute;
	bottom:-10px;
	right:0;
	z-index:-10;
}

@media (max-width:768px){
	
	#top-section .section-inner{
		min-height:300px;
	}
	.top-section-people{
		max-height:400px;
		opacity:0;
	}

	.top-section-left h1{
		text-align:center;
		font-size:40px;
		line-height:45px;
	}

	.free-design-order{
		text-align:center;
		font-size:25px;
		line-height:28px;
	}

	.free-design-order .uk-button{
		margin:0 auto;
	}	
}

@media (max-width:500px){
		.top-section-left h1{
			font-size:30px;
			line-height:35px;
			margin-top:20px;
		}

		.free-design-order{
			font-size:20px;
			line-height:24px;
		
		}	

}

/*SECTION ABOUT*/
#about-us{
	
	position:relative;
	
	background:#fff url("../images/logo-bg.png") no-repeat center center;
	background-attachment:fixed;
	
}

#about-us h3{
	text-align:center;
	color:#FBBB04;
	font-weight:bold;
	margin-bottom:35px;
	font-size:26px;
	
}

.about-block {
	text-align:center;
	background:rgba(255,255,255,0.8);
	padding:20px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	border-top:5px solid #FBBB04;
}

.about-block img{
	max-width:80px;
	margin-bottom:20px;
	display:noe;
}
.about-block p{
	text-align:left;
}






/*SECTION FEATURES*/
#features{
	
	background:#FBBB04;
	background:#FBBB04 url("../images/logo-bg.png") no-repeat center center;
	background-attachment:fixed;
}

#features h2{
	color:#fff;
	text-shadow:2px 2px 0px rgba(0,0,0,0.4);
}

.feature{
	/*border:3px solid #E6E6E6;*/
	transition:all 0.3s ease;
	background:#fff;
	padding:15px;
	box-shadow:0 0 3px rgba(0,0,0,0.4);
	
}

.feature:hover{
	border-color:#FBBB04;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}

.feature img{
	
}

.feature .uk-panel-title{
	padding:10px 5px 0;
	text-align:center;
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	min-height:45px;
}

.feature p{
	padding:0 10px 10px;
}

@media (max-width:768px){
	.feature h3.uk-panel-title{
		font-size:18px;
		line-height:20px;
		min-height:auto;
		margin-bottom:10px;
	}
	
	.feature p{
		padding:0 0px 10px;
		font-size:13px;
		line-height:16px;
		margin:0;
		margin-bottom:5px;
		
	}
}

@media (max-width:600px){
	.feature{
		font-size:12px;
		line-height:14px;
	}
	.feature h3.uk-panel-title{
		font-size:14px;
		line-height:18px;
		min-height:auto;
		margin-bottom:10px;
	}
	/*#features .uk-width-1-2{
		width:50%;
	}
	
	.uk-container {
		padding:0 10px;
	}*/
}

/*SECTION GIFT*/

#gift{
	min-height:300px; 
	background:url("../images/top-section-bg.jpg") no-repeat bottom center;
	background-attachment:fixed;
	background-size:cover;
	overflow:hidden;
	position:relative;
	color:#fff;
}

#gift .form-block{
	position:relative;
	z-index:200;
}

#gift .form-block h3{
	color:#fff;
	font-weight:bold;
	line-height:38px;
	font-size:34px;
}

#gift .form-block h3 span{
	display:block;
}

#gift .form-block h3 .color-1{
	color:#FBBB04;
	font-weight:800;
	text-transform:uppercase;
}


#gift .form-block form{
	margin-top:25px;
	margin-right:30px
}

#gift .form-block form input{
	height:60px;
	border:3px solid #fff;
	background:transparent;
	color:#fff;
	transition:all 0.3s ease;
}

#gift .form-block form input:focus{
	border-color:#FBBB04;
}

#gift .form-block .uk-button{
	padding:15px 25px;
	text-transform:uppercase;
	color:#FBBB04;
	
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	font-size:24px;
	font-weight:800;
	display:block;
	/*max-width:300px;*/
	/*margin:0 auto;*/
	border:3px solid #fff;
	
}

#gift .form-block .uk-button:hover{
	border-color:#fff;
	transition:all 0.3s ease;
	background:#FBBB04;
	color:#fff;
}

#gift .form-block .uk-button:active{
	position:relative;
	top:1px;
	left:1px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.4);
}

@media (max-width:600px){
	
	#gift .form-block form{
		margin-top:25px;
		margin-right:0px
	}
	
	#gift .form-block .uk-button{ 
		font-size:18px;
		margin-top:30px;
	}
}



/*WHY US*/

.why-us{
	text-align:center;
}

.why-us img{
	max-width:140px;
	/*border:5px solid #E4E4E4 ;
	padding:5px;
	transition:all 0.3s ease;
	border-radius:100%;*/
}



/*.why-us:hover img{
	border-color:#FBBB04;
}*/

.why-us  h4{
	font-weight:bold;
	color:#000;
	font-size:20px;
	line-height:22px;
}


/*FUNCTIONS*/
#functions{
	background:#FBBB04;
	background:#FBBB04 url("../images/logo-bg.png") no-repeat center center;
	background-attachment:fixed;
	
}

#functions h2{
	color:#fff;
	text-shadow:1px 1px 3px rgba(0,0,0,0.3);
}

.function{
	background:#fff;
	/*border:3px solid #FBBB04;*/
	/*padding:10px;*/
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	transition:all 0.3s ease;
	padding-bottom:20px;
	text-align:center;
	padding:15px;
} 

.function h4{
	padding:10px 10px 0;
	margin:0;
	font-weight:bold;
	color:#000;
	font-size:18px;
	line-height:20px;
	text-align:center;
	min-height:60px;
	
}

.function a{
	display:inline-block;
	background:#fff;
	border:3px solid #FBBB04;
	transition:all 0.3s ease;
	margin:10px;
	text-transform:upperacse;
	color:#000;
	font-weight:bold;
	padding:5px 10px;
}

.function a:hover{
	background:#FBBB04;
	color:#fff;
}



@media (max-width:600px){
	.function{
		padding:10px;
	}
	
	.function h4{
		font-size:18px;
		line-height:22px;
	}
}




/*SECTION GIFT*/

#design{
	min-height:300px; 
	background:url("../images/top-section-bg.jpg") no-repeat bottom center;
	background-attachment:fixed;
	background-size:cover;
	overflow:hidden;
	position:relative;
	color:#fff;
}

#design .form-block{
	position:relative;
	z-index:200;
	margin-left:30px
}

#design .form-block h3{
	color:#fff;
	font-weight:bold;
	line-height:36px;
	font-size:34px;
}

#design .form-block h3 span{
	display:block;
}



#design .form-block .subtitle{
	font-weight:bold;
	font-size:18px;
	line-height:22px;
}


#design .form-block form{
	margin-top:25px;
	
}

#design .form-block form input[type="text"],
#design .form-block form input[type="submit"]
{
	height:60px;
	border:3px solid #fff;
	background:transparent;
	color:#fff;
	transition:all 0.3s ease;
}

#design .form-block form input[type="file"]{
	text-align:center;
	height:30px;
	background:rgba(0,0,0,0.3);
	cursor:pointer;
	display:none;
}

#design .form-block form textarea{
	border:3px solid #fff;
	background:transparent;
	color:#fff;
	transition:all 0.3s ease;
	min-height:100%;
}

#design .form-block form input:focus,
#design .form-block form textarea:focus
{
	border-color:#FBBB04;
}

#design .form-block .uk-button{
	padding:15px 25px;
	text-transform:uppercase;
	color:#FBBB04;
	
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	font-size:24px;
	font-weight:800;
	display:block;
	/*max-width:300px;*/
	/*margin:0 auto;*/
	border:3px solid #fff;
	
}

#design .form-block .uk-button:hover{
	border-color:#fff;
	transition:all 0.3s ease;
	background:#FBBB04;
	color:#fff;
}

#design .form-block .uk-button:active{
	position:relative;
	top:1px;
	left:1px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.4);
}

.file-load-block{
	text-align:center;
}

@media (max-width:600px){
	
	#design .form-block {
		margin-left:0px
	}
	
	#design .form-block form{
		margin-top:25px;
		
	}
	
	
	#design .form-block .uk-button{ 
		font-size:18px;
		margin-top:30px;
	}
}





/*OUR WORKS*/
#loading{
    display: none;
    text-align: center;
	color:#fff;
	margin-top:25px;
	font-size:28px;
	line-height:32px;
}

#more-button {
	text-align:center;
	margin-top:45px;
}

#more-button span{
	color:#fff;
	font-size:24px; 
	padding:10px;
	border:3px solid #fff;
	cursor:pointer;
}

#more-button span:hover{
	background:#fff;
	color:#FBBB04;
}

#works-container{
	margin-bottom:30px;
}

#our-works{
	background:#FBBB04;
	background:#FBBB04 url("../images/logo-bg.png") no-repeat center center;
	background-attachment:fixed;
}

#our-works h2{
	color:#fff;
	text-shadow:2px 2px 0px rgba(0,0,0,0.4);
} 

.work-block{
	background:#fff;
	padding:20px;
	text-align:center;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	transition:all 0.3s ease;
	margin-top:25px;
}

.work-block:hover {
	box-shadow:0 0 15px rgba(0,0,0,0.3);
}

.work-block .work-image{
	overflow:hidden;
}

.work-block .work-image img{
	transition:all 0.3s ease;
}

.work-block:hover img{
	transform:scale(1.05);
}

.work-block h4{
	color:#000;
	font-weight:bold;
	
	font-size:20px;
}

.work-block .place{
	display:block;
	font-weight:normal;
}

.work-block .uk-button{
	display:inline-block;
	background:#fff;
	border:3px solid #FBBB04;
	transition:all 0.3s ease;
	margin:10px;
	text-transform:upperacse;
	color:#000;
	font-weight:bold;
	padding:5px 10px;
}

.work-block .uk-button:hover{
	background:#FBBB04;
	color:#fff;
}



/*VIDEOS*/

#videos {
	background:#fff url("../images/logo-bg.png") no-repeat center center;
	background-attachment:fixed;	
}

#videos .uk-slidenav{
	background:3px #FBBB04;
	color:#fff;
	font-size:50px;
	line-height:55px;
	width:60px;
	height:60px;
	margin-top:-30px;
	transition:all 0.3s ease;
	display:block;
	opacity:0.6;
	
}
#videos .uk-slidenav:hover{
	opacity:1;
}
#videos .uk-slidenav-previous{
	left:-20px;
}

#videos .uk-slidenav-next{
	right:-20px;
}

#videos .uk-slidenav:hover{
	background:#FBBB04;
}

.video-block{
		border:3px solid #FBBB04;
		/*background:#FBBB04;*/
}

.video-block .video-title{
	padding:5px;
	text-align:center;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
}

.video-block .uk-overlay-panel{
	transition:all 0.3s ease;
	background:rgba(0,0,0,0.2);
}

.video-block .uk-overlay-icon:before{
	content:"\f16a";
	color:red;
	transition:all 0.3s ease;
	text-shadow:1px 1px #fff;
}
/*//VIDEOS*/




/*ORDER-STEPS*/
#order-steps{
	background:#FBBB04;
	background:#FBBB04 url("../images/logo-bg.png") no-repeat center center;
	background-attachment:fixed;
	color:#fff;
}

#order-steps h2{
	color:#fff;
	text-shadow:2px 2px 0px rgba(0,0,0,0.4);
} 

.step-blocks{
	margin-top:60px;
	padding:0 25px;
}

.step-block{
	position:relative;
	background:#fff;
	padding:30px;
	margin-bottom:100px;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	
}

.step-number{
	position:absolute;
	text-align:center;
	top:-30px;
	left:0;
	right:0;
}

.step-number span{
	display:inline-block;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:40px;
	font-weight:800;
	border:5px solid #fff;
	background:#FBBB04;
	border-radius:100%;
	box-shadow:0 0 0 5px #FBBB04;
	color:#000;
	
}

.step-icon{
	max-width:50%;
	margin:30px auto 10px;
}

.step-title{
	color:#000;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	margin-bottom:20px;
}

.step-desc{
	color:#787878;
	font-size:16px;
	line-height:22px;
	text-align:center;
}

/*//ORDER-STEPS*/




/*IDEAL-REASONS*/
#ideal-reasons{
	
	background:#fff url("../images/logo-bg.png") no-repeat center center;
	background-attachment:fixed;
	
}

#ideal-reasons h2{
	
} 

.ideal-reasons-block{
	border-top:3px solid #FBBB04;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	background:#fff;
	padding:25px 10px;
	text-align:center;
	font-size:16px;
}

.ideal-reasons-block i{
	color:#fff;
	display:inline-block;
	border-radius:100%;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	background:#FBBB04;
	margin-bottom:0px;
	font-size:30px;
}


/*//IDEAL-REASONS*/



/*TESTIMONIALS*/
#testimonials {
	background:#FBBB04;
	
}

#testimonials .section-inner{
	
	background: url("../images/logo-bg.png") no-repeat center center;
	background-attachment:fixed;
	
}

#testimonials h2{
	color:#fff;
	text-shadow:2px 2px 0px rgba(0,0,0,0.4);
} 



#testimonials .subtitle{
	color:#fff;
	font-size:24px;
	line-height:28px;
	margin:0;
	margin-bottom:30px;
}


#testimonials img{
	border:2px solid rgba(0,0,0,0.4);
}

#testimonials .uk-slidenav{
	background:3px #FBBB04;
	color:#fff;
	font-size:50px;
	line-height:55px;
	width:60px;
	height:60px;
	margin-top:-30px;
	transition:all 0.3s ease;
	display:block;
	opacity:0.6;
	border:3px solid #fff;
	
}
#testimonials .uk-slidenav:hover{
	opacity:1;
}
#testimonials .uk-slidenav-previous{
	left:-20px;
}

#testimonials .uk-slidenav-next{
	right:-20px;
}


.testimonial-block .uk-overlay-panel{
	transition:all 0.3s ease;
	background:rgba(0,0,0,0.2);
	box-shadow:0 0 2px rgba(0,0,0,0.3);
}
.testimonial-block .uk-overlay {
	margin: 0;
	margin-left: 50%;
	right: 34%;
	width: 100%;
	height: auto;
}

.testimonial-block .uk-overlay-icon:before{
	
	color:#FBBB04;
	transition:all 0.3s ease;

}


/*//IDEAL-REASONS*/



/*SECTION free-design*/

#free-design{
	min-height:300px; 
	background:url("../images/design-bg.jpg") no-repeat bottom center;
	background-attachment:fixed;
	background-size:cover;
	overflow:hidden;
	position:relative;
	color:#fff;
}

#free-design .form-block{
	position:relative;
	z-index:200;
}

#free-design .form-block h3{
	color:#fff;
	font-weight:bold;
	line-height:38px;
	font-size:34px;
}

#free-design .form-block h3 span{
	display:block;
}

#free-design .form-block h3 .color-1{
	color:#FBBB04;
	font-weight:800;
	text-transform:uppercase;
}


#free-design .form-block form{
	margin-top:25px;
	margin-right:30px
}

#free-design .form-block form input{
	height:60px;
	border:3px solid #fff;
	background:transparent;
	color:#fff;
	transition:all 0.3s ease;
}

#free-design .form-block form input:focus{
	border-color:#FBBB04;
}

#free-design .form-block .uk-button{
	padding:15px 25px;
	text-transform:uppercase;
	color:#FBBB04;
	
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	font-size:24px;
	font-weight:800;
	display:block;
	/*max-width:300px;*/
	/*margin:0 auto;*/
	border:3px solid #fff;
	
}

#free-design .form-block .uk-button:hover{
	border-color:#fff;
	transition:all 0.3s ease;
	background:#FBBB04;
	color:#fff;
}

#free-design .form-block .uk-button:active{
	position:relative;
	top:1px;
	left:1px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.4);
}

@media (max-width:600px){
	
	#free-design .form-block form{
		margin-top:25px;
		margin-right:0px
	}
	
	#free-design .form-block .uk-button{ 
		font-size:18px;
		margin-top:30px;
	}
	#free-design .form-block h3{
		color:#fff;
		font-weight:bold;
		line-height:32px;
		font-size:26px;
	}
}

/*END SECTION free-design*/





/*CONTACTS*/

#contacts{
	
	border-top:5px solid #000;
	position:relative;
	background:url("../images/contacts-map.jpg") no-repeat center center;
	background-size:cover;
	/*background:#FBBB04;*/
	
	
}

@media (max-width:768px){
	#contacts{
		background:url("../images/contacts-map.jpg") no-repeat right center;
	}
}

#contacts h2{
	/*text-shadow:2px 2px 0px rgba(0,0,0,0.4);*/
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:36px;
	line-height:38px;
	margin-bottom:30px;

}

.contacts-block{
	max-width:800px;
	margin:0 auto;
	z-index:10000;
	position:relative;
	color:#fff;
	text-align:center;
}

.contacts-block h5{
	margin:0;
	color:#FBBB04;
	font-weight:bold;
	margin-top:10px;
	text-transform:uppercase;
	font-size:18px;
}

.contacts-block a{
	color:#fff;
	transition:all 0.3s ease;
}


.contacts-block a:hover{
	color:#FBBB04;
	text-decoration:none;
}

.contacts-block .phones{
	font-weight:600;
	font-size:36px;
	line-height:40px; 
	border:3px solid #fff;
	padding:10px;
}

.contacts-block .email {
	border:3px solid #fff;
	padding:10px;
	margin-top:15px;
}
.contacts-block .email a{
	font-size:26px;
	line-height:32px;
}

.contacts-block .time{
	font-size:26px;
	line-height:32px;
	font-weight:bold;
	border:3px solid #fff;
	padding:15px;
	border:3px solid #fff;
	padding:10px;
	margin-top:15px;
}

.contacts-block .social{
	font-size:52px;
	line-height:56px;
	margin:0 2px;
	border:3px solid #fff;
	padding:10px;
	margin-top:15px;
}


@media (max-width:768px){
	#contacts .half-color-right{
		
		
		box-sizing:border-box;
	}
	
	
	
	
}

@media (max-width:500px){
	.contacts-block .phones{
		font-size:28px;
		line-height:30px;
	}
	
	.contacts-block .email a{
		font-size:18px;
		line-height:26px;
	}
	
	.contacts-block .social a{
		font-size:28px;
		line-height:30px;
	}
}


/*end CONTACTS*/


/*FOOTER*/
#footer{
	padding:15px 0;
	background:#000;
	min-height:30px;
	text-align:center;
	font-size:12px;
	line-height:16px;
	color:#fff;
}
#footer p{
	margin:0
}

#footer a{
	color:#FBBB04;
}

#footer .social {
	margin-top:15px;
}

#footer .social a{
	color:#FBBB04;
	font-size:20px;
	margin:0 4px;
}
	

#footer .social .uk-icon{
	color:#fff;
	font-size:20px;
	
}


/*MODAl FORMS*/
.uk-modal{
	padding:0 10px;
	z-index:500000;
}
.modal-form .uk-modal-dialog{
	padding:25px;
	background:#fff;
	background:rgba(255,255,255,0.3) url("../images/form-bg.jpg") no-repeat center center;
	margin:0 auto;
	background-size:cover;
	border:5px solid #FBBB04;
	max-width:400px;
	z-index:500000;
}
.modal-form .uk-modal-dialog h3{
	color:#000;
	text-shadow:1px 1px 0px 3px rgba(0,0,0,0.5);
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	font-size:24px;
	line-height:28px;
	background:#FBBB04;
	padding:10px;
	
	
}

.modal-form .uk-modal-dialog h3 strong{
	font-weight:800;
	font-size:36px;
	line-height:38px;
	color:#fff;
}

.modal-form .uk-modal-dialog .uk-modal-close{
	position:absolute;
	top:-10px;
	right:-10px;
	border-color:#FBBB04;
}

.modal-form form input{
	border:3px solid #fff!important;
	height:50px!important;
	background:rgba(0,0,0,0.5)!important;
	color:#fff!important;
}

.modal-form form input:active,
.modal-form form input:focus{
	border-color:#FBBB04!important;
	color:#fff!important;
}

.modal-form form input[type=submit]{
	font-weight:800;
	text-transform:uppercase;
	color:#FBBB04;
	font-size:18px;
	transition:all 0.3s ease;
	border-color:#fff!important;
}
.modal-form form input[type=submit]:hover{
	background:#FBBB04!important;
	color:#fff;
	border-color:#fff!important;
}

@media (max-width:700px){
	.modal-form .uk-modal-dialog h3{
		font-size:18px;
	line-height:22px;
	}
}

/*Form-order*/

/*//MODAl FORMS*/


/*MODALS ANSWER*/
.modal-answer .uk-modal-dialog{
	padding:30px;
	text-align:center;
	font-size:24px;
	line-height:28px;
	font-weight:bold;
	color:#000;
	
}
/*END MODALS ANSWER*/




.uk-modal-close {
	border:3px solid #FBBB04;
	border-radius:0;
	color:#FBBB04;
	width:30px;
	line-height:30px;
	padding:0;
	font-size:24px;
	background:#fff;
	height:30px;
	opacity:1;
	transition:all 0.3s ease;
	position:absolute;
	top:-10px;
	right:-10px;
	border-color:#fff;
}
.uk-modal-close:hover{
	background:#FBBB04;
	color:#fff;
	opacity:1;
}

/*ADDONS*/

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #FBBB04;
    background-color: transparent;
	transition:all 0.3s ease;
	border:3px solid #fff;
	margin:0 auto;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #FBBB04;
	color:#fff;
}


.uk-modal-dialog{
	border:5px solid #FBBB04;
	padding:5px;
	z-index:110000;
	
}


/*CALLBACK*/



#popup_toggle{
	bottom:30px;
	right:5px;
	position:fixed;
	z-index:200000;
	
}

@media (max-width:1000px){
	#popup_toggle{
		transform:scale(0.5);
		bottom:20px;
		right:5px;
	}
}

.img-circle{background-color:red;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid red;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:red;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(../images/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}

/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
[data-uk-sticky].uk-active{z-index:980;box-sizing:border-box;-webkit-backface-visibility:hidden}[data-uk-sticky][class*=uk-animation-]{-webkit-animation-duration:.2s;animation-duration:.2s}[data-uk-sticky].uk-animation-reverse{-webkit-animation-duration:.2s;animation-duration:.2s}
 
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-slideshow{position:relative;z-index:0;width:100%;margin:0;padding:0;list-style:none;overflow:hidden;touch-action:pan-y}.uk-slideshow>li{position:absolute;top:0;left:0;width:100%;opacity:0}.uk-slideshow>.uk-active{z-index:10;opacity:1}.uk-slideshow>li>img{visibility:hidden}[data-uk-slideshow-slide]{cursor:pointer}.uk-slideshow-fullscreen,.uk-slideshow-fullscreen>li{height:100vh}.uk-slideshow-fade-in{-webkit-animation:uk-fade .5s linear;animation:uk-fade .5s linear}.uk-slideshow-fade-out{-webkit-animation:uk-fade .5s linear reverse;animation:uk-fade .5s linear reverse}.uk-slideshow-scroll-forward-in{-webkit-animation:uk-slide-right .5s ease-in-out;animation:uk-slide-right .5s ease-in-out}.uk-slideshow-scroll-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-scroll-backward-in{-webkit-animation:uk-slide-left .5s ease-in-out;animation:uk-slide-left .5s ease-in-out}.uk-slideshow-scroll-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-scale-out{-webkit-animation:uk-fade-scale-15 .5s ease-in-out reverse;animation:uk-fade-scale-15 .5s ease-in-out reverse}.uk-slideshow-swipe-forward-in{-webkit-animation:uk-slide-left-33 .5s ease-in-out;animation:uk-slide-left-33 .5s ease-in-out}.uk-slideshow-swipe-forward-out{-webkit-animation:uk-slide-left .5s ease-in-out reverse;animation:uk-slide-left .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in{-webkit-animation:uk-slide-right-33 .5s ease-in-out;animation:uk-slide-right-33 .5s ease-in-out}.uk-slideshow-swipe-backward-out{-webkit-animation:uk-slide-right .5s ease-in-out reverse;animation:uk-slide-right .5s ease-in-out reverse}.uk-slideshow-swipe-backward-in:before,.uk-slideshow-swipe-forward-in:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.6);-webkit-animation:uk-fade .5s ease-in-out reverse;animation:uk-fade .5s ease-in-out reverse}

/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-dotnav{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-top:-15px;padding:0;list-style:none}.uk-dotnav>*{-ms-flex:none;-webkit-flex:none;flex:none;padding-left:15px;margin-top:15px}.uk-dotnav:after,.uk-dotnav:before{content:"";display:block;overflow:hidden}.uk-dotnav:after{clear:both}.uk-dotnav>*{float:left}.uk-dotnav>*>*{display:block;box-sizing:content-box;width:20px;height:20px;border-radius:50%;background:rgba(50,50,50,.1);text-indent:100%;overflow:hidden;white-space:nowrap}.uk-dotnav>*>:focus,.uk-dotnav>*>:hover{background:rgba(50,50,50,.4);outline:0}.uk-dotnav>*>:active{background:rgba(50,50,50,.6)}.uk-dotnav>.uk-active>*{background:rgba(50,50,50,.4)}.uk-dotnav-contrast>*>*{background:rgba(255,255,255,.4)}.uk-dotnav-contrast>*>:focus,.uk-dotnav-contrast>*>:hover{background:rgba(255,255,255,.7)}.uk-dotnav-contrast>*>:active{background:rgba(255,255,255,.9)}.uk-dotnav-contrast>.uk-active>*{background:rgba(255,255,255,.9)}.uk-dotnav-vertical{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.uk-dotnav-vertical>*{float:none}

/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
.uk-slidenav{display:inline-block;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:focus,.uk-slidenav:hover{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;z-index:1;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-slidenav-contrast{color:rgba(255,255,255,.5)}.uk-slidenav-contrast:focus,.uk-slidenav-contrast:hover{color:rgba(255,255,255,.7)}.uk-slidenav-contrast:active{color:rgba(255,255,255,.9)}

/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
[data-uk-slider]{direction:ltr}html[dir=rtl] .uk-slider>*{direction:rtl}.uk-slider{position:relative;z-index:0;touch-action:pan-y}.uk-slider:not(.uk-grid){margin:0;padding:0;list-style:none}.uk-slider>*{position:absolute;top:0;left:0}.uk-slider-container{overflow:hidden}.uk-slider:not(.uk-drag){-webkit-transition:-webkit-transform .2s linear;transition:transform .2s linear}.uk-slider.uk-drag{cursor:col-resize;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.uk-slider a,.uk-slider img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.uk-slider img{pointer-events:none}.uk-slider-fullscreen,.uk-slider-fullscreen>li{height:100vh}


@media (min-width:1000px){

	.uk-modal-dialog-lightbox .uk-lightbox-content .uk-slidenav-previous{
		left:-30px;
		border:3px solid #fff;
		opacity:1;
		display:block!important;
	}
	.uk-modal-dialog-lightbox .uk-lightbox-content .uk-slidenav-next{
		right:-30px;
		border:3px solid #fff;
		opacity:;
		display:block!important;
	}
}

@media (max-width:1000px){
	
	.uk-modal-dialog-lightbox{
		left:0px!important;
		right:0px!important;
		top:0px!important;
		bottom:0px!important;
		width:100%!important;
		height:95%!important;
	}

	.uk-modal-dialog-lightbox .uk-lightbox-content{
		width:100%!important;
		height:100%!important;
	}

	.uk-modal-dialog-lightbox iframe{
		width:100%!important;
		height:100%!important;
	}
}