/* Costume CSS */

/* Body */

#Main{

	padding-top: 20px;

	background: white;

	margin: 0 auto;

}
.tikavodot {

    margin-bottom: 8%;
}


#Space{

	padding-top: 450px;

}



.protfolio {

background:url(/media/prot_bg.png);

}



/* Header */

#Header_table{

	border-bottom: 1px solid rgb(219, 219, 219);

	height: 120px;

}



.nav-menu{

	margin-top: 60px;

	text-align: right;

}



.nav-menu li a{

	font-size: 18px;

}



.fixed-navigation{

	margin-top: 50px;

}



.nav-menu li ul li{

	width: 100%;

}



.gift{

	position: absolute;

	left: 4px;

	z-index: 107;

	top:80px;

}





/* Slide */

.bg-slide{

	padding-top: 100px;

	background: url('/media/line-slide.jpg') repeat-x bottom, url('/media/bg-slide.jpg') repeat;

	height: 544px;

}



.spot-slide{

	position: absolute;

	bottom: 28px;

	width: 84%;

	left: -14%;

	z-index: 999;

}



.computer-slide{

	position: relative;

	bottom: 29px;

	z-index: 1;

}



.slide-work{

	position: absolute;

	bottom: 33%;

	max-width: 58%;

	left: 10%;

	overflow: hidden;

	z-index: 2;

	border: 1px solid white;

}



.flexslider{

	box-shadow: none !important;

	-webkit-box-shadow: none !important;

	-moz-box-shadow: none !important;

	border-radius: 0px !important;

	-webkit-border-radius: 0px !important;

	-moz-border-radius: 0px !important;

	border: 0px !important;

	margin: 0 !important;

}



.flex-direction-nav{

	display: none !important;

}









/* About Me */

.bg-about{

	padding: 60px 0;

	background: url('/media/butterfly.png')no-repeat left;

}





/* Categories */

.category{

	position: relative;

	border: 5px solid white;

	box-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.38);

	border-radius: 3px;

	color: rgb(67, 67, 67);

	overflow: hidden;

	max-width: 350px;

	height: 220px;

	display: block;

	margin: 0 auto;

	margin-bottom: 30px;

}



.category-title{

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: center;

	font-size: 29px;

	padding: 5px 0px;

	background: rgba(255, 255, 255, 0.71);

	display: block;

}



.mouseenter{

	-webkit-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);

	-webkit-transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);

	-o-transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);

	-moz-transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);

}



.mouseleave{

	-webkit-transform: scale(1.0, 1.0);

	-ms-transform: scale(1.0, 1.0);

	-o-transform: scale(1.0, 1.0);

	transform: scale(1.0, 1.0);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);

	-webkit-transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);

	-o-transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);

	-moz-transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);

}





/* Footer */

#Bottom_sitemap{

	padding-top: 80px;

	height: auto !important;

	background: url('/media/bg-footer.jpg') center center;

}



.f-title{

	font-size: 24px;

	text-decoration: underline;

	color: #515151;

	display: block;

}



.f-text{

	font-size: 15px;

	margin: 8px;

	display: inline-block;

	color: #515151;

}



.f-dotted-center{

	border-right: 2px dashed #515151;

	border-left: 2px dashed #515151;

	padding: 50px 15px;

	margin-bottom: 40px;

}



.f-sided{

	padding: 50px 15px;

	margin-bottom: 40px;

}



#Credits{

	/*display: none !important;*/

	   background-color: #272262;

	   margin-top: 0 !important;

}



.f-bottom{

	padding: 15px 0px;

	background: #272262;

	

}



#leader-form table td{

	padding: 0px 0px 10px 15px;

}









/* Gallery */

.thumbnail{

	border: none !important;

	background: none !important;

}









/* Pages */

/* home page  */

.home > #Main{

	margin: 0 auto;

	max-width: 100%;

	padding-top: 0px;

}











.clients{

	display: block;

	background: white;

	height: 130px;

	margin: 0 auto;

	max-width: 200px;

	padding: 10px;

	box-sizing: border-box;

	border: 1px solid rgb(198, 198, 198);

	width: 100%;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	box-shadow: 0px 6px 33px -16px rgba(0, 0, 0, 0.79);

	-webkit-box-shadow: 0px 6px 33px -16px rgba(0, 0, 0, 0.79);

	-moz-box-shadow: 0px 6px 33px -16px rgba(0, 0, 0, 0.79);

	margin-bottom: 25px;

}





/* Mobile */

@media (min-width: 768px){

	#Main{

		max-width: 750px;

	}

	

}



/* Tablet */

@media (min-width: 992px){

	#Main{

		max-width: 970px;

	}

}





@media (min-width: 1200px){

	#Main{

		max-width: 1170px ;

	}

}











/* Responsive */

@media (max-width: 1200px){

	.gift{

		top: 39px;

	}



	.slide-work{

		bottom: 35%;

	}

	

	.nav-menu{

		margin-top: 20px;

	}

	

	.bg-about{

		background: white;

	}

	

	#Header_table{

		height: 94px;

	}

	

	.bg-slide{

	  height: 464px;

	}

}



@media (max-width: 992px){

	.slide-work{

		bottom: 37%;

		margin-top: 0px;

	}

	

	#Logo{

		margin-top: 12px;

	}

	

	.f-text{

		font-size: 16px;

	}

	

	.bg-slide{

		height: 375px;

	}

	

	.nav-menu{

		margin-top: 32px;

	}

	

	.nav-menu a{

		padding: 0 13px;

	}

	

	.gift{

		top: 55px;

	}

	

	.gift img{

		max-width: 150px !important;

	}

}



@media (max-width: 768px){

	.slide-work{

		bottom: 37%;

	}

	

	#Space{

		padding-top: 50px;

	}

	

	#Bottom_sitemap{

		position: relative !important;

	}

	

	body{

		margin: 0 !important;

	}

	

	.f-dotted-center{

		padding: 0px 15px;

		border-right: 0px dashed #515151;

		border-left: 0px dashed #515151;

	}

	

	.f-sided{

		padding: 0px 15px;

	}

	

	.f-bottom{

		visibility: hidden;

	}

	

	#Main{

		padding-top: 20px;

	}

	

	.home > .mm-page > #Main{

		padding-top: 30px;

	}

	

	.bg-slide{

		padding-top: 0;

		background: white;

		height: auto;

	}

	

	#Header_table{

		height: 60px;

	}

}