/* Global */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script:400,700);
/* @import url(https://www.markmurray.co/codepen/entypostyle.css); */

body {
	
	font-family: "Roboto",sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #929292;
	overflow-x:hidden;
}
::selection {
	background: #f14833;
	color:#fff;
}
::-moz-selection {
	background: #f14833; /* Firefox */
	color:#fff;
}
img {
	max-width: 100%;
}
a:link {
	text-decoration: none;
}
a:hover {
	color:#f14833;
}
a:visited {
	color: #f14833;
	text-decoration: none;
}

.fright{float:right;
}
.fleft{float:left;
}

.overflow_hidden {overflow-x:hidden;}

/* Navigation */
#undefined-sticky-wrapper {position:relative;height:0 !important;}
.menu {
	position:absolute;
	bottom:0;
	width:100%;
	height:76px;
	background:#222222;
	z-index:9999;
}
#logo {
	float:left;
	margin-bottom:0;
	margin-left:0;
}

#nav {
	text-align: right;
}
.navigation{
	list-style: none;
	margin: 0;
}
ul.navigation {
	overflow-x:hidden;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0;
	width:980px;
	
}
.navigation li{
	display:inline-block;
	text-align:center;
	/* width:98px; */
	padding:18px 0 12px;
	margin:0 10px;
	text-transform:none;
	background:none;
	border-bottom:1px solid #393939;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:20px;
	color:#a3a3a3;
	text-transform:capitalize;
	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 {
	cursor:pointer;
	color:#fff;
}

/* ________________ LavaLamp ________________ */
.effect {
	position: absolute;
	left: -130px;
	transition: 0.5s ease-in-out;
}
.navigation li:nth-child(1):hover ~ .effect {
	left: 0; /* ñåðåäèíà ïåðâîãî <a> */
}
.navigation li:nth-child(2):hover ~ .effect {
	left: 40px;  /* ñåðåäèíà âòîðîãî <a> */
}
.navigation li:nth-child(3):hover ~ .effect {
	left: 150px; /* ñåðåäèíà òðåòüåãî <a> */
}
.navigation li:nth-child(4):hover ~ .effect {
	left: 280px; /* ñåðåäèíà ÷åòâåðòîãî <a> */
}
.navigation li:nth-child(5):hover ~ .effect {
	left: 370px; /* ñåðåäèíà ÷åòâåðòîãî <a> */
}
.navigation li:nth-child(6):hover ~ .effect {
	left: 425px; /* ñåðåäèíà ÷åòâåðòîãî <a> */
}
.navigation li:nth-child(7):hover ~ .effect {
	left: 490px; /* ñåðåäèíà ÷åòâåðòîãî <a> */
}
.navigation li:nth-child(8):hover ~ .effect {
	left: 580px; /* ñåðåäèíà ÷åòâåðòîãî <a> */
}
.navigation li:nth-child(9):hover ~ .effect {
	left: 670px; /* ñåðåäèíà ÷åòâåðòîãî <a> */
}
.navigation li:nth-child(10):hover ~ .effect {
	left: 750px; /* ñåðåäèíà ÷åòâåðòîãî <a> */
}
.navigation li:nth-child(11):hover ~ .effect {
	left: 850px; /* ñåðåäèíà ÷åòâåðòîãî <a> */
}
.s1{
	height:60vh;
	margin:7px 0
}
.ph-line-nav .effect {
	position:relative;
	z-index:100;
	width: 128px;
	height: 10px;
	bottom: 5px;
	background: url(../images/menu_effect.png) no-repeat;
	margin-left:0;
}

/* _______________ //LavaLamp _______________ */

.btn_dropdown {
	display:none;
	cursor:pointer;
	background:#fff;
	margin:20px 30px 0 0;
	width:130px;
	height:36px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:18px;
	line-height:36px;
	color:#3e3e3e;
	border-radius:5px;
}
.btn_dropdown:hover {color:#3e3e3e;}


/* General Slides */ 

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


h2 {
	display:block;
	margin:0 0 23px;
	padding:0;
	text-transform:none;
	text-align:left;
	font-style:normal;
	border-bottom:0px solid #e0e0e0;
	font-family: 'Open Sans', sans-serif;
	font-size: 70px;
	line-height: 82px;
	color:#343434;
	font-weight: 300;
}


h3 {
	margin:0;
	padding:40px 0 32px 0;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	font-size:32px;
	font-style:normal;
	line-height:36px;
	color:#3e3e3e;
}

h4 {
	margin:0;
	padding:0 0 15px;
	text-transform:none;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:32px;
	font-style:normal;
	line-height:36px;
	color:#222;
}

img.icon_img {
	float:left;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:25px;
}

.effect_2 {
	background:url(../images/effect_2.png) repeat left top;
	position:relative;
	top:0;
	bottom:-57px;
	height:100%;
	z-index:999 !important;
}

/* ____________________________________ Slide 1 ____________________________________ */ 

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

.inset_shadow {
	position:absolute;
	z-index:10;
	left:0;
	right:0;
	top:0;
	bottom:76px;
	box-shadow:0 0 60px rgba(0,0,0, 0.7) inset;
}

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

.filtr_bg {text-align:left; padding-left:50px; 
}

#slide1 h1 {
	float:none;
	display:block;
	border-right:none;
	margin:0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 90px;
	line-height: 115px;
	color:#fff;
	font-weight:800;
	text-shadow:5px 3px 6px rgba(0,0,0,0.26);
}

#slide1 p {
	float:none;
	display:block;
	border-right:none;
	margin:0;
	padding:0;
	text-align:center;
	text-transform:none;
	font-style:italic;
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	line-height: 46px;
	color:#fff;
	font-weight:300;
	text-shadow:5px 3px 6px rgba(0,0,0,0.26);
}

.slogan_text {
	display:inline-block;
	padding:10px 10px;
	text-transform:none;
	font-style:italic;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:24px;    text-shadow: 5px 3px 6px rgba(0,0,0,0.26);
	color:#fff;
	width:300px;
	margin-top:120px;
	text-align:center;
}
.left_bord, .right_bord {
	display:inline-block;
	margin:0 0 10px;
	background:#fff;
	height:1px;
	width:36px;
}

#slide1 .button h1 {
	float:none;
	display:block;
	border-right:none;
	margin:0;
	padding:0;
	text-align:left;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color:#929292;
	letter-spacing:0.1px;
	font-weight:600;
	text-shadow:5px 3px 6px rgba(0,0,0,0.26);
	margin:510px 0px 0px 0px;
}
#slide1 .button {
	position:relative;
	z-index:9999;
	cursor:pointer;
	display:block;
	margin:510px 0px 0px 0px;
	float:right;
	width:89px;
	height:57px;
	border:none;
	text-transform:uppercase;
	background:url(../images/button_down.png) no-repeat;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}

#slide1 .button:hover {
	margin:510px 0px 0px 0px;
	float:right;
	-webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

#dj
{
	width: 700px;
	margin-left:100px;

	
}


/* ____________________________________ Slide 2 ____________________________________ */ 
#text
{
	width: 800px;
	margin-left: 300px;
	color:#FFF;
	font-size:16px;

	
}

#text h2
{
	font-size:52px;
	font-family: 'Dancing Script', cursive;
	color:#FFF;
	
}
#textleft h2
{
	font-size:52px;
	font-family: 'Dancing Script', cursive;
	color:#FFF;
	width:1000px;
	margin-right: 300px;
	
}

#slide2 {
	background:url(../images/profile.jpg) repeat left top;
	padding:86px 0 69px;
    /*background-image:url(../images/slide1_bg.jpg);*/
	background-position:0 0 !important;
	background-size: cover !important;
	width:100%;
	height: 800px;
	text-align:justify;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height: 24px;
	
}
#slide2 h2{
	

	border-bottom:1px solid #e0e0e0;
	} 

#slide3 {
	background:url(../images/slide2_bg.jpg) repeat left top;
	width:100%;
	padding:86px 0 69px;
	
}
.det_inf {margin-bottom:24px;
}
.det_inf li {margin-bottom:10px;color:#fff;
}
.det_inf li a  {
	color:#fff;
}
.det_inf li a:hover {
	color:#f14833;
}
li.phone {
	background:url(../images/inf_icon.png) no-repeat 0 0;
	padding-left:44px;
}
li.address {
	background:url(../images/inf_icon.png) no-repeat 0 -99px;
	padding-left:44px;
}
li.pers_mail {
	background:url(../images/inf_icon.png) no-repeat 0 -188px;
	padding-left:44px;
}
li.pers_site {
	background:url(../images/inf_icon.png) no-repeat 0 -265px;
	padding-left:44px;
}

/* _________________________ teweets _________________________ */

.tweet {
}

ul.tweets li {
	text-indent:30px;
	margin-bottom:15px;
	color: #929292;
	background:url(../images/twitter.png) no-repeat left top;
	font-style:italic;
}
.sedebar ul.tweets li {
}
ul.tweets li a {
	padding-left:5px;
	font-style:italic;
	color:#f14833;
}
ul.tweets li a:hover {text-decoration:underline;
}

/* ______________________ end tweets _________________________ */

/* ___________________________________ //Slide 2 ___________________________________ */ 





/* ____________________________________ Slide 4 ____________________________________ */ 

#slide4 {
	background:url(../images/films.jpg) repeat left top;
	padding:86px 0 69px;
    /*background-image:url(../images/slide1_bg.jpg);*/
	background-position:0 0 !important;
	background-size: cover !important;
	width:100%;
	height: 800px;
	text-align:center;
}
#slide4 h2 {color:#000;border-bottom:0px solid #393939; font-size: 52px;
font-family: "Dancing Script",cursive;
 margin-left: 30px;
}

.swiper-container {
  width:100%;
  height: 650px;
  color: #fff;
  text-align: center;
  margin-bottom:1px;
 
}
.swiper-slide {
  height: 100%;
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.swiper-slide-active {
  opacity: 1;
}

.swiper-slide .title {
  font-style: italic;
  font-size: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 8px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}

.arrow-left{
	background: url("../img/left-arrow.png") no-repeat scroll center center  transparent;
    height: 358px;
	opacity:1;
	display:block;
	text-indent:-9999px;
	width: 150px;
	position:absolute;
	left:21%;
	top:0px;
	z-index:1000000;
		-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;	
	}
	
/*	.arrow-left:hover{
		opacity:1;
			-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;	
	}
	*/
	.arrow-right{
	background: url("../img/right-arrow.png") no-repeat scroll center center  transparent;
    height: 358px;
	opacity:1;
	display:block;
	text-indent:-9999px;
	width: 150px;
	position:absolute;
	right:22%;
	z-index:1000000;
	top:0px;
		-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;	
	}
	
/*	.arrow-right:hover{
		opacity:1;
			-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;	
	}
	*/
	.tabs{
		background:#EEF1F3;
		width:100%;
		height:95px;
		padding-top:1px;
	}
	
	.tabs-wrapper{
		background:#EEF1F3;
		width:580px;

		margin:6px auto;
	}
	
	.tabs a{
		margin-right:5px;
		display:inline-block;	
		 opacity: 0.4;
	}
	
	.tabs a.active{
		opacity:1;	
	}
	
	/*TOOLTIP*/
	
	.greenTip	{  }
.greenTip .content				{ width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom				{ height: 14px; background: url(../images/notch-green.png) top center no-repeat; }
/* ____________ SERVICES_BLOCK ___________ */

#servc {
	float:right;
	display:block;
	width:100%;

	
}
#servc img {
	
	width:158px;
	height:155px;
	
}
/*a.servc_block {
	display:block;
	position:relative;
	text-align:center;
	color:#6f6f6f;
}

.icon_bord {
	position:relative;
	z-index:10;
	top:0;
	left:50%;
	margin-left:-51px;
	width:102px;
	height:116px;
}

.icon1, .icon1_h {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}*/



/* ____________ SERVICES_BLOCK ___________ */

/* ___________________________________ //Slide 4 ___________________________________ */ 




/* ____________________________________ Slide 6 ____________________________________ */ 

#slide6 {
		background:url(../images/dj.jpg) repeat left top;
	width:100%;
	padding:86px 0 69px;
    /*background-image:url(../images/slide1_bg.jpg);*/
	background-position:0 0 !important;
	background-size: cover !important;
	width:100%;
	height: 800px;
	text-align:center;
}

#slide6 h2 {color:#000;border-bottom:0px solid #393939; font-size: 52px;
font-family: "Dancing Script",cursive;
 margin-left: -90px;
}
#slide6 h4 {color:#000; width: 300px;border-bottom:0px solid #393939; font-size: 30px; font-weight:bold;
 margin-left: -90px; margin-bottom: 10px;
}

/* ____________________ exhib_block ____________________ */
.exhib_block {position:relative;}
.exhib_block .fleft {margin-left:1px;}
.exhib_line_center {
	position:absolute;
	left:50%;
	top:12px;
	width:1px;
	height:83%;
	background:#c3c3c3;
}
.exhib_block p {
	padding-bottom:9px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:21px;
	color:#343434;
	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;
}
.exhib_cont:hover p {color:#f14833;
}

.exhib_p_top {margin-left:80px;
}

.exhib_cont {
	position:relative;
	width:420px;
	margin-top:30px;
	padding:13px 20px 9px;
	background:#fff;
	color:#8d8d8d;
	border:1px solid #dedede;
	border-radius:12px;
	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;
}
.exhib_cont:hover {
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.15);
     -moz-box-shadow: 0 0 16px rgba(0,0,0,0.15);
          box-shadow: 0 0 16px rgba(0,0,0,0.15);
}

.exhib_date_right, .exhib_date_left, .exhib_date_top {
	display:block;
	position:absolute;
	width:130px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:22px;
	line-height:20px;
	color:#f14833;
	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;
}
.exhib_date_top {
	left:49.5%;
	top:0;
	width:95px;
	text-align:right;
	background:url(../images/exhib_date_top_bg_h.png) no-repeat left center;
}

.exhib_date_left {
	left:-130px;
	top:27px;
	background:url(../images/exhib_date_left_bg.png) no-repeat right center;
}
.exhib_date_right {
	right:-130px;
	top:27px;
	text-align:right;
	background:url(../images/exhib_date_left_bg_right.png) no-repeat left center;
}
.exhib_cont:hover .exhib_date_right, .exhib_cont:hover .exhib_date_left, .exhib_cont:hover .exhib_date_top {font-size:26px;
}

.exhib_cont:hover .exhib_date_top {background:url(../images/exhib_date_top_bg_h.png) no-repeat left center;
}
.exhib_cont:hover .exhib_date_left {background:url(../images/exhib_date_left_bg_h.png) no-repeat right center;
}
.exhib_cont:hover .exhib_date_right {background:url(../images/exhib_date_left_bg_right_h.png) no-repeat left center;
}


/* ___________________ //exhib_block ___________________ */



/* ___________________________________ //Slide 6 ___________________________________ */ 



/* ____________________________________ Slide 8 ____________________________________ */ 
#slide8 {
	background:url(../images/music.jpg) repeat left top;
	
	padding:86px 0 69px;
    /*background-image:url(../images/slide1_bg.jpg);*/
	background-position:0 0 !important;
	background-size: cover !important;
	width:100%;
	height: 800px;
	text-align:center;
}
#slide8 h2 {color:#590102;border-bottom:0px solid #393939; font-size: 52px;
font-family: "Dancing Script",cursive;
 margin-left:500px;
 margin-top: 150px;
}
#mainwrap{
width: 500px;
float: right;
}
.audios{
padding-left: 50px !important;
}
@media only screen and (max-width: 766px){
.h1{
font-size: 18px;
}
}
@media only screen and (min-width: 767px) and (max-width: 1023px){
.audios{
padding-left: 150px !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 766px){
.audios{
padding-left: 120px !important;
}
#mainwrap {
  width: 400px;
}
}
@media only screen and (min-width: 375px) and (max-width: 635px){
	#mainwrap {
    width: 300px;
}
}
@media only screen and (max-width: 399px){
.audios{
padding-left: 100px !important;
}
#mainwrap {
  width: 350px;
}
}




#slide8  ul
{
	list-style-image: url(../images/bullet.png);
	padding-left: 630px;
	padding-top:20px;
	padding-bottom: 20px;
	text-align:left;
	text-transform:none;
	color:#3b0002;
	font-size: 20px;
}
#slide8  ul li
{
	
	
	padding-top:20px;
	padding-bottom: 10px;
	
}

#slide8 li:hover,
.navigation .active {
	cursor:pointer;
	color:#f14833;
}

.plyr--audio .plyr__controls {
color: var(--plyr-audio-control-color,#f14833) !important;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] 
{
  background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#f14833))) !important;
}

.plyr--full-ui input[type="range"] {
color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#f14833))) !important;
}

#btnPrev{
cursor: pointer;
}

#btnNext{
	cursor: pointer;
}

/* ___________________ //exhib_block ___________________ */


/* ___________________________________ //Slide 8 ___________________________________ */








/* ____________________________________ Slide 10 ____________________________________ */ 
#slide10 {
	background:url(../images/tv.jpg) repeat left top;
	background-position:0 0 !important;
	background-size: cover !important;
	width:100%;
	height: 800px;
	padding:86px 0 69px;

}
#slide10 h2 {color:#b8b8b8;border-bottom:0px solid #393939; font-size: 52px;
font-family: "Dancing Script",cursive;
color: #FFF; margin-left: 700px;
}


#slide10  ul
{
	list-style-image: url(../images/bullet.png);
	padding-left: 680px;
	padding-top:20px;
	padding-bottom: 20px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	font-size: 16px;
}
#slide10  ul li
{
	
	
	padding-top:20px;
	padding-bottom: 10px;
	
}

#slide10 li:hover,
.navigation .active {
	cursor:pointer;
	color:#f14833;
}

#target-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 200ms;
}
#target-content:target {
  pointer-events: all;
  opacity: 1;
}
#target-content #target-inner {
  position: absolute;
  display: block;
  padding: 10px 10px;
  /*line-height: 1.8;*/
  /*width: 50%;*/
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);
  background: white;
  color: #34495E;
}
#target-content #target-inner h2 {
  margin-top: 0;
}
#target-content #target-inner code {
  font-weight: bold;
}
#target-content a.close {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #34495E;
  opacity: 0.5;
  transition: opacity 200ms;
}
#target-content a.close:hover {
  opacity: 0.4;
}


/* ___________________________________ //Slide 10 ___________________________________ */







/* ____________________________________ Slide 12 ____________________________________ */

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

#slide12 h2 {color:#b8b8b8;font-size: 52px;
font-family: "Dancing Script",cursive;
color: #000;
}


#slide12 p {color:#fff;
}
#slide12 .foto {
	float:left;
	margin:0 20px 20px 0;
}

#slide12 h5 {
	margin:100px 0 0 0;
	padding-bottom:8px;
	text-transform:none;
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	line-height: 31px;
	font-weight: 300;
	color:#acacac;
}

/*.client_foto {
	float:left;
	position:relative;
	margin:0 15px 10px 0;
	height:384px;
	width:334px;
}
.client_foto img {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
.foto {z-index:5 !important;}

.contact_det,
.contact_det a {
	color:#888888;
	line-height:26px;
}
.contact_det a:hover {color:#f14833;}*/



/* _________________ PORTFOLIO ________________ */
.gallery-list {
	text-align:center;
	margin-right:-20px !important;
}
#slide12 .hover_img {
	overflow:hidden;
	position:relative;
	height:291px;
	width:255px;
	background:#fff;
	
}


.img_block {
	display:inline-block;
	margin:0;
	width:241px;
	height:100%;
}

.img_block_bg {
	position:absolute;
	z-index:100;
	left:0;
	top:0;
}

.portfolio_zoom, .portfolio_link {
	width:42px;
	height:42px;
	position:absolute;
	z-index:110;
	bottom:85px;
	background-repeat:no-repeat;
	opacity:0.61;
	filter: alpha(opacity=61);
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}
.portfolio_zoom {
	left:-77px;
	background-image:url(../images/zoom.png);
}
.portfolio_link {
	right:-77px;
	background-image:url(../images/link.png);
}
.portfolio_zoom:hover, .portfolio_link:hover {
	opacity:1;
	filter: alpha(opacity=100);
	z-index:310;
}
.portfolio_zoom a, .portfolio_link a {
	display:block;
	width:42px;
	height:42px;
	text-indent:-9999px;
	
}

.img_block:hover .portfolio_zoom {left:103px;transition-delay: 0.3s;
}
.img_block:hover .portfolio_link {right:84px;transition-delay: 0.3s;
}

.item_description {
	position:absolute;
	top:-273px;
	width:255px;
	height:291px;
	padding:0;
	background:#f14833;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	text-align:center;
	color:#fff;
	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;
}
.item_description p {
	padding:74px 10px 0;
	text-transform:uppercase;
	font-size:18px;
	color:#FFF;
}
.img_block:hover .item_description {
	top:20px;
}
.img_block .portf_img {
	position:absolute;
	left:18px;
	top:18px;
	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;
}
.img_block:hover .portf_img {
	position:absolute;
	top:235px;
}



/* ________________ //PORTFOLIO _______________ */


/* ____________________________________ Slide 14 ____________________________________ */

#slide14 {
	background:url(../images/downloads.jpg) repeat left top;
	background-position:0 0 !important;
	background-size: cover !important;
	width:100%;
	height: 800px;
	padding:86px 0 69px;
}

#slide14 h2 {color:#b8b8b8;border-bottom:0px solid #393939; font-size: 52px;
font-family: "Dancing Script",cursive;
color: #FFF; margin-left: 500px;
}

#slide14 p {color:#888888;
}
#slide14 .foto {
	float:left;
	margin:0 20px 20px 0;
}

#slide14 h5 {
	margin:100px 0 0 0;
	padding-bottom:8px;
	text-transform:none;
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	line-height: 31px;
	font-weight: 300;
	color:#acacac;
}



#slide14 div.img {
   
    height: auto;
    width: auto;
	float:right;
	
}

#slide14 div.img img {
    display: block;
    margin: 5px;
}

#slide14 div.img1 {
   
    height: auto;
    width: auto;
	float:right;
	padding-right: 10px;
	
}

#slide14 div.img1 img1 {
    display: block;
    margin: 5px;
	
}

/* ____________________________________ Slide 16 ____________________________________ */

#slide16 {
	background:url(../images/contact.jpg) repeat left top;
	background-position:0 0 !important;
	background-size: cover !important;
	width:100%;
	padding:86px 0 69px;
	height: 650px;
}

#slide16 h2 {color:#fff;border-bottom:1px solid #393939;
}

#slide16 p {color:#fff;
}
#slide16 .foto {
	float:left;
	margin:0 20px 20px 0;
}

#slide16 h5 {
	margin:100px 0 0 0;
	padding-bottom:8px;
	text-transform:none;
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	line-height: 31px;
	font-weight: 300;
	color:#acacac;
}

.client_foto {
	float:left;
	position:relative;
	margin:0 15px 10px 0;
	height:384px;
	width:334px;
}
.client_foto img {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
.foto {z-index:5 !important;}

.contact_det,
.contact_det a {
	color:#888888;
	line-height:26px;
}
.contact_det a:hover {color:#f14833;}
/* ______________ SOCIALS ______________ */
.socials a {
	display:inline-block;
	width:27px;
	height:32px;
	margin:5px 8px 0;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}

.soc1 {
	background:url(../images/socials.png) no-repeat;
	background-position:0 0;
}
.soc2 {
	background:url(../images/socials.png) no-repeat;
	background-position:-47px 0;
}
.soc3 {
	background:url(../images/socials.png) no-repeat;
	background-position:-94px 0;
}
.soc4 {
	background:url(../images/socials.png) no-repeat;
	background-position:-141px 0;
}
.soc1:hover {background-position:0 -32px;
}
.soc2:hover {background-position:-47px -32px;
}
.soc3:hover {background-position:-94px -32px;
}
.soc4:hover {background-position:-141px -32px;
}


#contact #processing
{
	background: rgba( 0, 0, 0, 0.4 );
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#contact #processing img
{
	left: 50%;
	margin-left: -8px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
}

#contact #response
{
	padding: 8px;
	padding-top: 18px;
	text-align: center;
}


/* _____________ //SOCIALS _____________ */


/* ____________________________________ //Slide 12 ____________________________________ */

/* ____________________________________ FOOTER ____________________________________ */
#footer {
	position:relative;
	z-index:12;
	background:#343434;
	padding:27px 0 50px 0;
}
.copyright {
	float:left;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#9b9b9b;
}
.copyright a:link{
	color:#9b9b9b;
}
.copyright a:hover {text-decoration:none;color:#fff;
}
.web {
	float:left;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#9b9b9b;
}
.web a:link {
	color:#9b9b9b;
}
.web a:hover {text-decoration:none;color:#f14833;
}

/* _____________ BACK_TOP ___________ */
#back_top {
	float:right;
}
#back_top a.button {
	cursor:pointer;
	position:relative;
	z-index:300;
	display:block;
	margin:0;
	width:26px;
	height:30px;
	background:url(../images/back_top.png) no-repeat;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#fff;
}
#back_top a.button:hover {text-decoration:none;}
/* ____________ //BACK_TOP __________ */

/* ___________________________________ //FOOTER ___________________________________ */

/*.social {
	position:relative;
	z-index:9999;
	cursor:pointer;
	display:block;
	margin:0px -120px 0px 0px;
	float:right;
	width:49px;
	height:57px;
	border:none;
	text-transform:uppercase;
	background:url(../images/button_down.png) no-repeat;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}*/
.social-bottom {
border-top:1px solid #333;
background-color: rgba(0, 0, 0, 0.89);
height:35px !important; 
width: 30% ;
position:absolute;
top:20px;
z-index:999999;
float:right;
margin-left: 1060px;
text-align:right;
width: auto;
}
@media only screen and (max-width: 766px){
	.social-bottom {
border-top:1px solid #333;
background-color: rgba(0, 0, 0, 0.89);
height:35px !important ;
width: 30% ;
position:absolute;
top:20px;
z-index:999999;
float:right;
margin-left: 500px;
text-align:right;
}
}
@media only screen and (max-width: 479px){
	.social-bottom {
border-top:1px solid #333;
background-color: rgba(0, 0, 0, 0.89);
height:35px !important ;
width: 30% ;
position:absolute;
top:20px;
z-index:999999;
float:right;
margin-left: 225px;
text-align:right;
}
p{
	padding: 0 0 15px 10px;
}
}
.twittericon {
border-left:1px solid #333;
height:35px;
width:35px;
background-image:('../img/Twitter.png');
float: right;
cursor:pointer;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
border-right:1px solid #333;
}

.facebookicon {
height:35px;
width:35px;
background-image:('../img/facebook.png');
float: right;
cursor:pointer;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
border-right:1px solid #333;
}

.youtubeicon {
height:35px;
width:35px;
background-image:('../img/youtube.png');
float: right;
cursor:pointer;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
border-right:1px solid #333;

}

.soundcloudicon {
height:35px;
width:35px;
background-image:('../img/youtube.png');
float: right;
cursor:pointer;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
border-right:1px solid #333;

}

.beatporticon {
height:35px;
width:35px;
background-image:('../img/youtube.png');
float: right;
cursor:pointer;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
border-right:1px solid #333;

}
.facebookicon:hover {
background-color:#039;
}
.twittericon:hover {
background-color:#0CF;
}
.youtubeicon:hover {
background-color:#F00;
}

.beatporticon:hover {
background-color:#417096;
}

.soundcloudicon:hover {
background-color:#F90;
}

.left
{
	margin-left:320px;
}

/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/

/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
  display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.showreels
{
	    width: 620px;
    height: 40px;
  
    /*margin-left: 300px;*/
    margin-top: 30px;
	font-size:18px;
	color:#FFF;
}

.showreels ul li
{
	
	    display: inline-block;
    padding: 6px;
 
}