@import url(font.css);

body {

/*	background:#000;*/

	color: #fff;

	font-size: 12px;

	font-family: "ArquitectaBold";

}

* {

	margin: 0;

	padding: 0;

}

.video_man {

	width: 40%;

	height: 50%;

	top: 150px;

	position: relative;

	margin: 0 auto;

}

.bane1 div#example ul li {

    height: 140px !important;

}

.bootm_marg {

	height: 100px;

	position: relative;

	width: 100%;

	float: left;

}

.client_img {

	width: 100%; 

	float: left;

}  



.client_img ul li img{

height:auto !important;

} 





.fixa {

	display: block;

}

.video1 {

	width: 85%;

	margin-top: 1px;

	margin: 0 auto;

	/*background: #FFF;*/

	/*padding: 10px;*/

	margin-bottom: 30px;

}

.video1 iframe{

	border: solid 1px #ccc;

	padding-right: 1px;

	background:#000;



	}



	/*.client_scrol{

		height: 400px; overflow-y:scroll;

	}*/

.menu_txt1 a {

	color: #000;

	text-decoration: none;

}

.menu_bd {

	position: fixed;

	top: 0;

	z-index: 111;

	right: 1.2%;

	width: 59px;

	height: 128px;

	display: none;

	background: #fff;

}

.menu_bd2 {

	position: fixed;

	bottom: 3.4%;

	right: 17.4px;

	z-index: 111;

	width: 179.8px;

	height: 27px;

	display: none;

	background: #fff;

}

#gallery1 {

	position: fixed;

	width: 63%;

	height: 100%;

	margin-top: 69px;

	left: 0;

	background: #000;

	/* z-index: 1111111; */

	z-index: 14;

	top: 15%;

	/* display: none; */

	right: 0;

	margin: 0 auto;

}

.container {

	position: absolute;

	width: 100%;

	/* z-index: 151551; */

	overflow: scroll;

	left: 0;

	height: 100%;

	padding-top: 0;

	/*overflow: hidden;*/

	margin: 0 auto;

	right: 0;

}

.video_btn {

	width: 100%;

}

.mane_page {

	width: 100%;

	position: absolute;

	overflow: hidden;

	top: 0;

	left: 0;

	height: 100%;

	background: #ccc;

}

a.thamb1 {

	position: relative;

	overflow: hidden;

}

.larg_gal a.thamb1 {

	height: auto;

	width: 48.6%;

	margin: 3px 5px;

}

a.thamb1 img {

	width: 100%;

	height: 100%;

	padding: 0;

	margin-top: 3px;

}

a.thamb1 .thumb {

	width: 100%;

	top: 0;

	left: 0;

	-webkit-transform: translate(0, 0);

	-moz-transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	-o-transform: translate(0, 0);

	transform: translate(0, 0);

	-webkit-transition: -webkit-transform 0.3s ease-out;

	-moz-transition: -moz-transform 0.3s ease-out;

	-o-transition: -o-transform 0.3s ease-out;

	transition: transform 0.3s ease-out;

}

a.thamb1:hover .thumb {

	-webkit-transform: translate(0, 20px);

	-moz-transform: translate(0, 20px);

	-ms-transform: translate(0, 20px);

	-o-transform: translate(0, 20px);

	transform: translate(0, 20px);

}

a.thamb1:hover .thumb {

	-webkit-transform: translate(0, 10px);

	-moz-transform: translate(0, 10px);

	-ms-transform: translate(0, 10px);

	-o-transform: translate(0, 10px);

	transform: translate(0, 10px);

}

a.thamb1 .meta {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	margin-top: -30px;

	height: 117%;

	z-index: 3;

	background-color: rgba(0, 0, 0, 0.5);

	text-align: center;

	color: #fff;

	letter-spacing: 0.25em;

	line-height: 1.2;

	font-family: 'Calibre-Bold', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight: 700;

	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;

	-moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;

	-o-transition: opacity 0.3s ease-out, -o-transform 0.3s ease-out;

	transition: opacity 0.3s ease-out, transform 0.3s ease-out;

}

a.thamb1 .meta img {

	position: absolute;

	top: 0;

	left: 0;

	border: none;

	opacity: 0;

	cursor: pointer;

}

a.thamb1:hover .meta {

	opacity: 1;

	-webkit-transform: translate(0, 20px);

	-moz-transform: translate(0, 20px);

	-ms-transform: translate(0, 20px);

	-o-transform: translate(0, 20px);

	transform: translate(0, 20px);

}

.firam {

	border: none;

}

.band_men {

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

	position: absolute;

	right: 0;

	height: 100%;

	width: 140px;

}

.ifam_page {

	background: #fff;

	background-size: 100%;

	z-index: 1;

	position: absolute;

	width: 100%;

	height: 100%;

}

.video_btn a {

	text-align: center;

	font-family: "ArquitectaBold";

	color: #ccc;

	font-size: 13px;

	line-height: 30px;

	display: block;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.page_hading {

	color: #000;

	font-weight: bold;

	font-size: 25px;

	text-transform: uppercase;

	letter-spacing: 1px;

	text-align: center;

	padding-bottom: 20px;

	font-family: "ArquitectaBold";

}

.tex_pg {

	width: 99%;

	margin: 0 auto;

	position: relative;

}

.tex_pg p {

	font-size: 14px;

	line-height: 17px;

	text-align: justify;

	text-transform: uppercase;

	font-family: "ArquitectaBold";

}

.client_img ul {

	float: left;

	width: 100%;

}

.menu_txt1 .bars {

     display: inline-block;

    padding: 0 10px 0 20px;

    width: 17px;

    height: 28px;

    overflow: hidden;

    position: relative;

    vertical-align: middle;

}

}

.height_1 {

	height: 400px;

}

.menu_txt1 .bars .bar {

	display: block;

	position: absolute;

	width: 18px;

	height: 2px;

	background-color: #1a1a1a;

	-webkit-transition: 375ms;

	-moz-transition: 375ms;

	-o-transition: 375ms;

	transition: 375ms;

	-webkit-transition-property: top, opacity;

	-moz-transition-property: top, opacity;

	-o-transition-property: top, opacity;

	transition-property: top, opacity;

}

.menu_txt1 a {

	color: #000;

}

.menu_txt1 .bars .bar:nth-child(1) {

	top: 6px;

	opacity: 1;

	-webkit-transition-delay: 125ms;

	-moz-transition-delay: 125ms;

	-o-transition-delay: 125ms;

	transition-delay: 125ms;

}

.menu_txt1 .bars .bar:nth-child(2) {

	top: 12px;

	-webkit-transition-delay: 80ms;

	-moz-transition-delay: 80ms;

	-o-transition-delay: 80ms;

	transition-delay: 80ms;

}

.menu_txt1 .bars .bar:nth-child(3) {

	top: 18px;

	-webkit-transition-delay: 40ms;

	-moz-transition-delay: 40ms;

	-o-transition-delay: 40ms;

	transition-delay: 40ms;

}

.menu_txt1 .bars .bar:nth-child(4) {

	top: 24px;

	opacity: 0;

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

}

.menu_txt1:hover .bars .bar:nth-child(1) {

	top: 0px;

	opacity: 0;

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

}

.menu_txt1:hover .bars .bar:nth-child(2) {

	top: 6px;

	-webkit-transition-delay: 40ms;

	-moz-transition-delay: 40ms;

	-o-transition-delay: 40ms;

	transition-delay: 40ms;

}

.menu_txt1:hover .bars .bar:nth-child(3) {

	top: 12px;

	-webkit-transition-delay: 80ms;

	-moz-transition-delay: 80ms;

	-o-transition-delay: 80ms;

	transition-delay: 80ms;

}

.menu_txt1:hover .bars .bar:nth-child(4) {

	top: 18px;

	opacity: 1;

	-webkit-transition-delay: 125ms;

	-moz-transition-delay: 125ms;

	-o-transition-delay: 125ms;

	transition-delay: 125ms;

}

.menu_txt1.close_3 .bars .bar:nth-child(1) {

	top: 12px;

	-webkit-transform-origin: 50% 50%;

	-moz-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	-o-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	-webkit-transform: rotate(45deg) scaleX(1.442);

	-moz-transform: rotate(45deg) scaleX(1.442);

	-o-transform: rotate(45deg) scaleX(1.442);

	transform: rotate(45deg) scaleX(1.442);

	opacity: 1;

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

	-webkit-transition-property: top, -webkit-transform;

	-moz-transition-property: top, -moz-transform;

	-o-transition-property: top, -o-transform;

	transition-property: top, transform;

}

.menu_txt1.close_3 .bars .bar:nth-child(2) {

	top: 12px;

	opacity: 0;

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

}

.menu_txt1.close_3 .bars .bar:nth-child(3) {

	top: 13px;

	right: 9px;

	-webkit-transform-origin: 50% 50%;

	-moz-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	-o-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	-webkit-transform: rotate(-45deg) scaleX(1.442);

	-moz-transform: rotate(-45deg) scaleX(1.442);

	-o-transform: rotate(-45deg) scaleX(1.442);

	transform: rotate(-45deg) scaleX(1.442);

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

	-webkit-transition-property: top, -webkit-transform;

	-moz-transition-property: top, -moz-transform;

	-o-transition-property: top, -o-transform;

	transition-property: top, transform;

}

.menu_txt1.close_3 .bars .bar:nth-child(4) {

	top: 24px;

	opacity: 0;

	-webkit-transition: 0ms;

	-moz-transition: 0ms;

	-o-transition: 0ms;

	transition: 0ms;

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

}

.menu_txt1.close_3_1 .bars .bar:nth-child(1) {

	top: 12px;

	-webkit-transform-origin: 50% 50%;

	-moz-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	-o-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	-webkit-transform: rotate(45deg) scaleX(1.442);

	-moz-transform: rotate(45deg) scaleX(1.442);

	-o-transform: rotate(45deg) scaleX(1.442);

	transform: rotate(45deg) scaleX(1.442);

	opacity: 1;

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

	-webkit-transition-property: top, -webkit-transform;

	-moz-transition-property: top, -moz-transform;

	-o-transition-property: top, -o-transform;

	transition-property: top, transform;

}

.menu_txt1.close_3_1 .bars .bar:nth-child(2) {

	top: 12px;

	opacity: 0;

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

}

.menu_txt1.close_3_1 .bars .bar:nth-child(3) {

	top: 12px;

	-webkit-transform-origin: 50% 50%;

	-moz-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	-o-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	-webkit-transform: rotate(-45deg) scaleX(1.442);

	-moz-transform: rotate(-45deg) scaleX(1.442);

	-o-transform: rotate(-45deg) scaleX(1.442);

	transform: rotate(-45deg) scaleX(1.442);

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

	-webkit-transition-property: top, -webkit-transform;

	-moz-transition-property: top, -moz-transform;

	-o-transition-property: top, -o-transform;

	transition-property: top, transform;

}

.menu_txt1.close_3_1 .bars .bar:nth-child(4) {

	top: 24px;

	opacity: 0;

	-webkit-transition: 0ms;

	-moz-transition: 0ms;

	-o-transition: 0ms;

	transition: 0ms;

	-webkit-transition-delay: 0ms;

	-moz-transition-delay: 0ms;

	-o-transition-delay: 0ms;

	transition-delay: 0ms;

}

.blockshow {

	display: block;

}

.client_img ul li {

	list-style: none;

	width:7.4%;

	margin-right: 15px;

	float: left;

	margin-bottom: 5px;

	padding: 0;

}



.fullpage1{background: #fff;}





.clear{clear: both;}



.client_img1



    {width: 100%; float:



     left; margin-bottom: 0;}



.client_img1 ul li { 

    list-style: none;

    width: 30%;

    margin-right: 15px;

    float: left;

    margin-bottom: 0px;

    padding: 0; 

    line-height: 18px;

}

.red_more{color: #C69540; font-style: italic;}



.client_img img{width: 100%;}





.client_img ul li:nth-child(10n+0) {

	margin-right: 0;

}

.white #section0 .client_img ul li img {

	margin: 0;

	padding: 0;

	width: 100%;

	-webkit-transition: all 0.9s;

	transition: all ease-in-out 0.5s;

	/* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

     filter: gray;

     -webkit-filter: grayscale(100%);

     -webkit-transition: all .6s ease;

     -webkit-backface-visibility: hidden; */

	cursor: pointer;

}

.white #section0 .client_img ul li img:hover {

/* filter: none;

    -webkit-filter: grayscale(0%);*/

}

/*.video_man video{width:50%; position: absolute; top:50%;   }*/



.zoom_text {

	position: absolute;

	width: 100%;

	text-align: center;

	color: #ccc;

	text-transform: uppercase;

	margin: 0 auto;

	/*margin-top: 6%;*/

	bottom: 10%;

	cursor: pointer;

	display: none;

	letter-spacing: 4.2px;

	font-size: 13px;

	opacity: 0.4;

	font-family: 'ArquitectaMedium';

}

.zoom_text span {

	width: 15px;

	height: 15px;

	margin-top: 2px;

	margin: 0 5px;

	display: inline-block;

}

.zoom_text span img {

	width: 100%;

	margin-top: 3px;

	margin-left: -5.9px;

	width: 13px;

	position: absolute;

	height: 13px;

}

.mane_logo {

	width: 300px;

	margin: auto;

	height: 130px;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	display: none;

}

.mane_logo img {

	width: 100%;

}

.logo_contner {

	position: absolute;

	z-index: 1;

	width: 100%;

	height: 100%;

	/*background: #000;*/

}

.page_home {

	width: 100%;

	position: absolute;

	top: 100%;

	display: block;

	z-index: 2;

	/*background: #000;*/

	top: 0;

	left: 0;

	display: none;

	height: 100%;

	background-size: cover;

}

.mane_contner1 {

	width: 95%;

	margin: auto;

	position: absolute;

	height: 100%;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	/*background-color: #fff;*/

}

.home_logo {

	width: 200px;

	float: left;

	margin-top: 30px;

	z-index: 3;

}

.home_logo img {

	width: 100%;

}

.scrol1_video {

	width: 150px;

	padding: 5px 16px;

	font-size: 11px;

	letter-spacing: 1px;

	text-transform: uppercase;

	color: #fff;

	font-family: Arial;

	border: solid 1px rgba(255, 255, 255, .5);

	margin: 0 auto;

	background: url(../images/arrow.png);

	background-repeat: repeat-y;

	background-size: 22px auto;

	-webkit-transition: all 0.9s;

	-moz-transition: all 0.9s;

	-ms-transition: all 0.9s;

	-o-transition: all 0.9s;

	transition: all 0.9s;

	background-position: 154px 0;

}

.scrol1_video span {

	border-left: solid 1px #fff;

	height: 22px;

	display: inline-block;

	margin-left: 2px;

}

.scrol1_video:hover {

	background-position: 154px 64px;

}

.scrol1 {

	width: 130px;

	padding: 5px 16px;

	font-size: 11px;

	letter-spacing: 1px;

	text-transform: uppercase;

	color: #fff;

	font-family: Arial;

	border: solid 1px rgba(255, 255, 255, .5);

	margin: 0 auto;

	background: url(../images/arrow.png);

	background-repeat: repeat-y;

	background-size: 22px auto;

	-webkit-transition: all 0.9s;

	-moz-transition: all 0.9s;

	-ms-transition: all 0.9s;

	-o-transition: all 0.9s;

	transition: all 0.9s;

	background-position: 130px 0;

}

.scrol1 span {

	border-left: solid 1px #fff;

	height: 22px;

	display: inline-block;

	margin-left: 10px;

}

.scrol1:hover {

	background-position: 130px 64px;

}











.scrol2 {

	width: 130px;

	padding: 5px 16px;

	font-size: 11px;

	letter-spacing: 1px;

	text-transform: uppercase;

	color: #000;

	font-family: Arial;

	border: solid 1px rgba(0, 0, 0, .5);

	margin: 0 auto;

	background: url(../images/arrow2.png);

	background-repeat: repeat-y;

	background-size: 22px auto;

	-webkit-transition: all 0.9s;

	-moz-transition: all 0.9s;

	-ms-transition: all 0.9s;

	-o-transition: all 0.9s;

	transition: all 0.9s;

	background-position: 130px 0;

}

.scrol2 span {

	border-left: solid 1px #000;

	height: 22px;

	display: inline-block;

	margin-left: 10px;

}

.scrol2:hover {

	background-position: 130px 64px;

}





.menu {

	position: fixed;

	top: 40px;

	right: -10px;

	font-family: "ArquitectaBold";

	font-size: 20px;

	color: rgba(255, 255, 255, 0.9);

	letter-spacing: 3px;

	z-index: 90; 

	-webkit-transform-origin: 0 0;

	-moz-transform-origin: 0 0;

	-ms-transform-origin: 0 0;

	-o-transform-origin: 0 0;

	transform-origin: 0 0;

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

	-webkit-transition: color .3s;

	-o-transition: color .3s;

	transition: color .3s;

	cursor: pointer

}

.menu_text {

	text-transform: uppercase;

	cursor: pointer;

}

.manu_contner {

	width: 100%;

	height: 100%;

	display: none;

	position: absolute;

	top: 0;

	right: 0;

	background: rgba(0, 0, 0, 0.8);

	/*background: url("../images/bg_blanck.png");*/

	z-index: 111;

}

.close1 {

	position: fixed;

	top: 40px;

	right: 42px;

	height: 35px;

	cursor: pointer;

	background: url("../images/ico_closemenu.png");

	background-size: 100%;

	width: 35px;

}

.close1 img {

	width: 100%;

	display: none;

}

.audioSlider {

	margin: 10% 0 0 40%;

	background: #ccc;

	width: 400px;

	height: 400px;

	position: absolute;

}

/*.musicSound{       position: absolute;

    right: 30px;

    width: 20px;

    height: 20px; }*/



.footer_logo {

	position: fixed;

	bottom: 4.6%;

	left: 2.7%;

	z-index: 999;

}





/*.footer_logo_z{z-index: 1;}*/



.footer_logo .logo_stone {

	width: 90px;

	float: left;

	margin-right: 8px;

}

.footer_logo img {

	width: 100%;

}

.logo_stone img {

	width: 100%;

}

.page-contact a {

    color: #000;

    font-size: 14px;

    letter-spacing: 2px;

}

.page-contact1 a {

    color: white;

    font-size: 14px;

    letter-spacing: 2px;

}



.footer_icon {

    position: absolute;

    width: 700px;

    height: 22px;

    position: absolute;

    right: 66.4px;

    top: -53px;

    text-align: right;

    padding: 5px 0;

    cursor: pointer;

    overflow: hidden;

    text-transform: uppercase;

    font-family: "ArquitectaBold";

    font-size: 14px;

    color: #000;

    letter-spacing: 3px;

    font-weight: bold;

}

/*.footer_icon:hover .footer_hover_icon ul {

    opacity: 0.8;

    right: 0;

 }*/

.footer_icon .footer_hover_icon ul li {

	list-style: none;

	float: left;

	width: 16px;

	margin-right: 10px;

}

/*.footer_icon:hover .footer_hover_icon ul li:last-child{margin-left: 0;}

 .footer_icon:hover .footer_hover_icon ul li a{text-decoration: none;}

 .footer_icon:hover .footer_hover_icon ul li a img{ width: 100%;}*/

.black .white_icon {

	display: block;

}

.white .black_icon {

	display: block;

}

.white .white_icon {

	display: none;

}

.black .black_icon {

	display: none;

}

.page-contact {

    height: 17px;

    /* margin-top: 41px; */

    float: left;

}

.page-contact1 {

    width: 20%;

    height: 17px;

    /* margin-top: 41px; */

    float: left;

}



.footer_hover_icon {

    position: absolute;

    width: 700px;

    position: absolute;

    right: -14%;

    opacity: 1;

    /* right: 0; */

    bottom: 28.2%;

    overflow: hidden;

}

.footer_hover_icon ul {

	width: 100%;

	display: block;

	right: 0;

	position: relative;

	-webkit-transition: all 0.9s;

	-moz-transition: all 0.9s;

	-ms-transition: all 0.9s;

	-o-transition: all 0.9s;

	transition: all 0.9s

}

#fp-nav {

	display: none;

}

.menu_at {

	width: 20%;

	position: absolute;

	top: 26%;

	right: 2.6%;

}

.menu_at ul {

	width: 100%;

}

.menu_at ul li {

	list-style: none;

	text-align: right;

	margin-bottom:-6px;

	position: relative;

	left: -150px;

	opacity: 0;

}

.menu_at ul li a {

	color: #ccc;

	font-family: 'ArquitectaBold';

	font-size: 18px;

	line-height: 50px;

	text-transform: uppercase;

	text-decoration: none;

	letter-spacing: 2px;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-ms-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

}

.menu_at ul li a:hover {

	color: #fff;

	opacity: 1;

}



.footer_music {

	position: absolute;

	width: 49px;

	height: 20px;

	text-align: right;

	color: #000;

	text-transform: uppercase;

	position: absolute;

	right: 39.4px;

	top: -48px;

	/* display: none; */

    /* cursor: pointer; */

	font-family: "ArquitectaLight";

	font-size: 14px;

	color: rgba(255, 255, 255, 0.9);

	letter-spacing: 3px;

	font-weight: bold;/* cursor: pointer; */

}

#listContainer {

	width: 310px;

	background-color: #fafafa;

}

#listContainer ul {

	background-color: #fafafa;

	clear: both;

	cursor: pointer;

}

#listContainer li {

	padding: 10px;

}

#playerContainer {

	width: 310px;

	height: 130px;

	background-color: #333333;

}

 .controls li:first {

 margin-right: 10px

}

.controls li {

	float: left;

	display: inline-block;

	width: 50px;

	text-align: center;

	margin-top: 8px;

	margin-left: 10px

}

.progress {

	clear: both;

	height: 4px;

	background-color: #666666;

	width: 100%;

	cursor: pointer;

	position: relative;

}

.progress .updateProgress {

	width: 0px;

	background-color: #00BD9B;

	height: 100%;

	float: left;

	position: relative;

}

.volumeControl {

	position: relative;

	margin: 8px auto;

}

.volumeControl .updateProgress {

	display: inline-block;

	vertical-align: middle;

	margin-top: 2px;

}

input[type="range"] {

	-webkit-appearance: none;

	-moz-appearance: none;

	background-color: #00BD9B;

	height: 2px;

}

.logo_tag_line {

	width: 500px;

	margin: auto;

	left: 0;

	right: 0;

	height: 130px;

	bottom: 0;

	top: 0;

	position: absolute;

	opacity: 0;

	text-align: center;

	font-size: 32px;

	letter-spacing: 5px;

	line-height: 50px;

	color: #fff;

}

.logo_tag_line img {

	width: 100%;

}

.play {

	position: absolute;

	z-index: 1;

	bottom: 39px;

	left: 19px;

	cursor: pointer;

}

.page_loder {

	position: absolute;

	height: 2px;

	width: 0%;

	z-index: 1;

	background: #ccc;

	bottom: 0;

	left: 0;

}

.page_loder {

	animation-name: loder;

	-webkit-animation-name: loder;

	animation-duration: 14s;

	-webkit-animation-duration: 14s;

	animation-timing-function: ease-in-out;

	-webkit-animation-timing-function: ease-in-out;

	visibility: visible !important;

}

 @keyframes loder {

 0% {

 width: : 0%;

}

 100% {

 width: 100%;

}

}

 @-webkit-keyframes loder {

 0% {

 width: : 0;

}

 100% {

 width: 100%;

}

}

.sound {

	position: absolute;

	bottom: 8px;

	left: 30px;

	width: 14px;

	height: 10px;

	z-index: 90;

	cursor: pointer;

	-webkit-transition: bottom 1s;

	-o-transition: bottom 1s;

	transition: bottom 1s

}

.opened .sound {

	bottom: 224px

}

.sound .barre {

	position: absolute;

	bottom: 0;

	width: 2px;

	min-height: 2px;

	background-color: #FFF;

	-webkit-animation: sound_animation 1.5s infinite linear;

	-moz-animation: sound_animation 1.5s infinite linear;

	-o-animation: sound_animation 1.5s infinite linear;

	/* animation:sound_animation 1.5s infinite linear; */

	-webkit-transition: background-color .3s;

	-o-transition: background-color .3s;

	transition: background-color .3s;

}

.sound .barre2 {

	left: 4px;

	-webkit-animation-duration: 1s;

	-o-animation-duration: 1s;

	animation-duration: 1s

}

.sound .barre3 {

	left: 8px;

	-webkit-animation-duration: 1.3s;

	-o-animation-duration: 1.3s;

	animation-duration: 1.3s

}

.sound .barre4 {

	left: 12px;

	-webkit-animation-duration: 1.2s;

	-o-animation-duration: 1.2s;

	animation-duration: 1.2s

}

.sound.muted .barre {

	-webkit-animation: none;

	-moz-animation: none;

	-o-animation: none;

	animation: none

}

 @-moz-keyframes sound_animation {

 0% {

 height: 2px

}

 50% {

 height: 10px

}

 100% {

 height: 2px

}

}

 @-webkit-keyframes sound_animation {

 0% {

 height: 2px

}

 50% {

 height: 10px

}

 100% {

 height: 2px

}

}

 @-o-keyframes sound_animation {

 0% {

 height: 2px

}

 50% {

 height: 10px

}

 100% {

 height: 2px

}

}

 @keyframes sound_animation {

 0% {

 height: 2px

}

 50% {

 height: 10px

}

 100% {

 height: 2px

}

}

.sound_slider {

	display: inline-block;

	cursor: pointer;

	background: url(../images/pules.png);

	float: right;

	width: 73px;

	background-repeat: no-repeat;

	background-size: 9px 9px;

	background-position: 0 4px;/*display: none;*/

}

.sound_slider_back {

	background: url(../images/son-.png);

	background-repeat: no-repeat;

	background-size: 9px 9px;

	background-position: 0 4px;

}

.sampler {

	position: fixed;

	height: 200px;

	width: 100%;

	bottom: -200px;

	z-index: 100;

	background-color: rgb(0, 0, 0);

	transition: bottom 1s;

}

.footer_hite {

	bottom: 0;

}

.soundbox1 {

	width: 30%;

	background: #000;

	/*border-right: solid 1px #ccc;*/

	float: left;

	height: 200px;

}

.sound_alltab {

	width: 70%;

	/*border-right: solid 1px #ccc;*/

	float: left;

	height: 200px;

	background-color: rgb(18, 18, 18);

}

.sound_alltab ul {

	width: 100%;

	float: left;

}

.sound_alltab ul li {

	list-style: none;

	float: left;

	height: 200px;

	width: 12.2%;

	/*background: #999;*/

	margin-right: 2px;

	padding-top: 0;

}

.player {

	margin: 0;

	float: right;

	width: 120px;

	position: relative;

	height: 140px;

	text-align: center;

	/*background: #000;*/

	font-family: Helvetica, Arial;

}

.playpause1 {

	/* border: 1px solid #eee; */

	cursor: pointer;

	padding: 8px 0;

	color: #888;

	font-size: 12px;

	border-radius: 3px;

}

.playpause1:hover {

	border-color: #ccc;

}

.volume {

	border: none;

	height: 100px;

	margin-left: 57px;

	top: 30px;

	background: #333;

	width: 2px;

}

.bar_color {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.bar_color2 {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.bar_color3 {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.bar_color4 {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.bar_color5 {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.bar_color6 {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.bar_color7 {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.bar_color8 {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.bar_color9 {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.bar_color10 {

	width: 100%;

	height: 0px;

	background: #fff;

	position: absolute;

	bottom: 0;

}

.volume {

/* background:hsla(180,75%,50%,1); */

}

#progressbar {

/*background:#ccc;*/

}

.ui-slider-handle {

	border-radius: 50%;/*   top: -5px !important;

width: 11px !important;

height: 11px !important;

margin-left:-5px !important; */

}

.ui-slider-vertical {

	width: 0.2em;

	height: 100px;

}

.ui-slider-vertical .ui-slider-handle {

	left: -0.5em;

	margin-left: 0;

	margin-bottom: -.6em;

	border-radius: 0;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

	border: none;

	width: 24px !important;

	background: url(../images/scrol_img.png) no-repeat;

	font-weight: normal;

	background-color: transparent;

	cursor: pointer;

}

.text_soud {

	position: absolute;

	color: #fff;

	width: 100%;

	bottom: -21px;

	text-align: center;

	font-family: ArquitectaLight;

	font-size: 11px;

	color: rgba(255, 255, 255, 0.901961);

	cursor: pointer;

	text-transform: uppercase;

	letter-spacing: 2.2px;

}

.text_tagline {

	position: absolute;

	width: 270px;

	left: 40px;

	top: 50%;

	margin-top: -16px;

	font-family: PrestigeEliteStd;

	font-size: 13px;

	color: rgba(255, 255, 255, 0.901961);

	line-height: 16px;

}

.video_bg {

	width: 100%;

	background: rgba(0, 0, 0, 0.75);

	height: 100%;

	top: 0;

	position: absolute;

}

.video_full {

	position: absolute;

	top: 50%;

	left: 50%;

	min-width: 100%;

	min-height: 100%;

	width: auto;

	height: auto;

	z-index: 0;

	-ms-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	background: url(polina.jpg) no-repeat;

	background-size: cover;

}

.left_banner {

	left: 0;

	top: -100px;

	opacity: 0;

}

#gallery {

	position: absolute;

	width: 100%;

	height: 100%;

	background: #fff;

	overflow-y: scroll;

}

.black #gallery {

	background: #000;

}

.black .filter {

	background: #000;

}

.black .galery_heder {

	background: #000;

}

.black .menu_txt1 a {

	color: #fff;

}

.black .menu_txt1 .bars .bar {

	background-color: #fff;

}

.black .footer_icon {

	color: #fff;

}

.black .back_to a {

	color: #fff;

}

.black .filter ul li a span {

	color: #fff;

}

.galler_1 {

	width: 65%;

	margin: 0 auto;

	margin-top: 8%;

	position: relative;

	left: 0;

	-webkit-transition: all 0.5s;

	transition: all ease-in-out 0.5s;

}

.gal_t1 {

	margin-top: 0;

}

.galler_1 ul {

	width: 100%;

}

.galler_1 li {

	list-style: none;

	width: 48.1%;

	float: left;

	height: 450px;

	cursor: pointer;

	overflow: hidden;

	position: relative;

	box-sizing: border-box;

	margin: 4px 5px;

}

.galler_1 li h3 {

	position: absolute;

	bottom: 0;

	width: 100%;

	z-index: 1;

	color: #fff;

	background: rgba(0, 0, 0, 0.8);

	text-align: center;

	line-height: 10px;

	padding: 9px 0 6px 0;

	font-size: 12px;

	text-transform: uppercase;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	-ms-transition: all 0.3s linear;

	transition: all 0.3s linear;/*    opacity: 1;

*/

}





.galler_2 {

	width: 60%;

	margin: 0 auto;

	margin-top: 50px;

	position: relative;

	left: 0;

	-webkit-transition: all 0.5s;

	transition: all ease-in-out 0.5s;

}





.galler_2 ul li a img {

    width: 100%;

    height: 100%;

    padding: 0;

    margin-top: -10px;

}



.galler_2 ul{ position:relative;  width: 100% !important;

    height: auto !important;}



.galler_2 ul li .thumbnail_wrap {

    

   

}

.galler_2 ul li 

 {

    width: 33.33333%; float: left; 

   

}

.galler_2 ul li a

 {

  width: 100% !important;

    height: auto !important; margin:auto;

    position: relative !important;

   margin-top: -4px;

    overflow: hidden;

  display: inline-block;

    

}



.galler_2 ul li a .thumb {

    width: 100%;

    top: 0;

    left: 0;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

    -webkit-transition: -webkit-transform 0.3s ease-out;

    -moz-transition: -moz-transform 0.3s ease-out;

    -o-transition: -o-transform 0.3s ease-out;

    transition: transform 0.3s ease-out;

}



.galler_2 ul li a:hover .thumb {

    -webkit-transform: translate(0, 20px);

    -moz-transform: translate(0, 20px);

    -ms-transform: translate(0, 20px);

    -o-transform: translate(0, 20px);

    transform: translate(0, 20px);

}



.galler_2 ul li a:hover .thumb {

    -webkit-transform: translate(0, 10px);

    -moz-transform: translate(0, 10px);

    -ms-transform: translate(0, 10px);

    -o-transform: translate(0, 10px);

    transform: translate(0, 10px);

}



.galler_2 ul li a .meta {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    margin-top: -30px;

    height: 115%;

    z-index: 3;

    background-color: rgba(0, 0, 0, 0.5);

    text-align: center;

    color: #fff;

    letter-spacing: 0.25em;

    line-height: 1.2;

    font-family: 'Calibre-Bold', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    font-weight: 700;

    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;

    -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;

    -o-transition: opacity 0.3s ease-out, -o-transform 0.3s ease-out;

    transition: opacity 0.3s ease-out, transform 0.3s ease-out;

}



.galler_2 ul li a:hover .meta {

    opacity: 1;

    -webkit-transform: translate(0, 20px);

    -moz-transform: translate(0, 20px);

    -ms-transform: translate(0, 20px);

    -o-transform: translate(0, 20px);

    transform: translate(0, 20px);

}



.galler_2 ul li a .meta .name {

    margin-top:23%;

    font-size: 14px;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-family: "ArquitectaBold";

    position: absolute; top: 10%; left: 0;

    width: 100%; text-align: center; 

}



















.galler_1 li:nth-child(1) {

	float: left;

}/*

.galler_1 li:nth-child(2), .galler_1 li:nth-child(3), .galler_1 li:nth-child(6), .galler_1 li:nth-child(7) {

	width: 24%;

	float: left;

	height: 221px;

}

.galler_1 li:nth-child(4) {

	width: 49.4%;

}

.galler_1 li:nth-child(5) {

	margin-top: -223px;

}

.galler_1 li:nth-child(2) .mask h2, .galler_1 li:nth-child(3) .mask h2, .galler_1 li:nth-child(6) .mask h2, .galler_1 li:nth-child(7) .mask h2 {

	top: 40%;

	line-height: 37px;

	font-size: 20px;

}*/

.galler_1 li img {

	width: 100%;

	height: 100%;

}

.galler_1 li .mask {

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: all 0.4s linear;

	opacity: 0;

}

.galler_1 li:hover .mask {

	opacity: 1;

	left: 0;

	/*border: solid 5px #000;*/

	box-sizing: border-box;

	background: rgba(0, 0, 0, 0.5);

}

.menu_galery {

	position: fixed;

	top: 35px;

	left: 0;

	z-index: 150;

}

.menu_txt1 {

	padding-left: 20px;

	line-height: 37px;

	font-family: "ArquitectaBold";

	font-size: 14px;

	color: #000;

	letter-spacing: 3px;

	cursor: pointer;

	text-transform: uppercase;

}

.menu_txt1 img {

	float: left;

	width: 40px;

	margin-right: 30px;

	cursor: pointer;

}

.menu_txt2 {

	padding-left: 40px;

	line-height: 37px;

	font-size: 15px;

	color: #000;

	letter-spacing: 2px;

	text-transform: uppercase;

}

.menu_txt2 img {

	float: left;

	width: 40px;

	margin-right: 30px;

	cursor: pointer;

}

.mask {

	background: #000;

	width: 100%;

	height: 100%;

	position: absolute;

	overflow: hidden;

	top: 0;

	padding: 0;

	left: -440px;

}

.mask h2 {

	position: absolute;

	top: 40%;

	width: 100%;

	display: none;

	color: #fff;

	/* background: #000; */

	text-align: center;

	line-height: 59px;

	font-size: 30px;

	border-bottom: solid 1px #ccc;

	letter-spacing: 1px;

	text-transform: uppercase;

}

/*#fancybox-loading,*/

.fancybox-close {

	background-image: url('../images/ico_closemenu.png');

	background-size: 100%;

	opacity: 0;

}

.fancybox-prev span {

	background-image: url('../images/preves.png');

	background-size: 100%;

}

.fancybox-next span {

	background-image: url('../images/next.png');

	background-size: 100%;

}

.band {

	position: relative;

	width: 312px;

	margin: 0 auto;

	margin-top: 5%;

	background: #000 url('../images/img_allicon.png');

	background-repeat: no-repeat;

	top: 0;

	/*background-size: 270px;*/

	height: 41px;

	background-position: right;

}

.larg_gal .band {

	position: relative;

	width: 172px;

	margin: 0 auto;

	margin-top: 7.4%;

	background: #000 url('../images/img_allicon_1.png');

	background-repeat: no-repeat;

	top: 0;

	/* background-size: 270px; */

	height: 41px;

	background-position: right;

}

.page_titale {

	position: absolute;

	margin: 0 auto;

	height: 100px;

	z-index: 10000;

	width: 60%;

	padding-top: 3%;

	left: 0;

	/*background:#fff;*/

	right: 0;

}

.back_to {

	font-size: 14px;

	font-weight: bold;

	line-height: 17px;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 3px;

	font-family: "ArquitectaBold";

	color: #000;

}

.back_to a {

	color: #000;

}

.menu_zoome {

	z-index: 11111;

	position: fixed;

	top: 11%;

	left: 10px;

	width: 100%;

	display: none;/*background: #ccc;*/

}

.menu_zoome ul {

	width: 100%;

	margin: 0 auto;

	position: relative;

	text-align: center;

}

.menu_zoome ul li {

	list-style: none;

	width: 30px;

	cursor: pointer;

	height: 20px;

	/*background: #ccc;*/

	color: #000;

	display: inline-block;

	margin: 0 10px;

}

.menu_zoome ul li:nth-child(5){



	display: none;}

/*.rotate1{display: none !important;}

*/



.scroltop {

	position: fixed;

	bottom: 10%;

	right: 2.7%;

	width: 30px;

	height: 20px;

	z-index: 400;

	display: none;

}

.scroltop img {

	width: 100%;

}

.fullpage1{display: none;}

 





 @media only screen and (max-width: 1024px) {

 	.client_img1 ul li {

    list-style: none;

    width: 48%;

    margin-right: 0;

    float: left;

    margin-bottom: 0;

    padding: 0;

}



.box {

	width: 85%;

}

.scroltop {

	right: 3.6%;

}

.galler_1 {

	width: 65%;

	left: 3%;

}

.section_pag2{    height: 930px;}

.home_logo{width: 150px;}







 

}



/*@media only screen and (max-width: 1025px) and (min-width: 1020px) { 

    .about_3{display: block;} 

    .about_new{width: 100%; height:1500px ; overflow:hidden; background-color: #fff; }

    .about_ab1 {

    width: 100%;

    height: 780px;

    float: left;

    background: url("../images/about_1.jpg");

    background-size: 146%;

    background-position: -220px 80px;

}

.section_pag1 .line2{height: 14%;}

.section_pag2 .line2{height: 9%;}

.section_pag2 .line1{height: 15%;}

.section_pag3 .line1{height: 31%;}

.section_pag3 .line2{height: 31%;}

.section_pag4 .line1{height: 27%;}

.section_pag4 .line2{height: 27%;}

 html, body{overflow: scroll !important;     

    height: auto !important;}

 }

 */







 @media only screen and (max-width: 800px) {

 	.sampler,.page_loder,.logo_contner,.footer_logo{display: none;}

 	.bane1{opacity: 1;}

 	.page_home{display: block;}

 	.white_band{display: none;}

 	.menu_txt1{

 		pointer-events:none;



 	}

 	.galler_1 {

    /*width: 80%;*/

     margin-top: 35% !important;}

     .black .filter{display: none;}



 }



 @media only screen and (max-width: 479px) {

#example ul li p {

	font-size: 18px !important;

	font-family: "ArquitectaBold";

	letter-spacing: -1px !important;

	font-weight: bolder;

}

#example ul li h2 {

	font-size: 18px !important;

	height: 13px !important;

	letter-spacing: -1px !important;

}

.home_logo {

	width: 150px;

}

.mane_baner {

	width: 100% !important;

}

.menu_at {

	width: 100%;

	position: absolute;

	top: 26%;

	right: 8.6% !important;

}

.menu_at ul li a {

	line-height: 38px;

}

.box {

	width: 89% !important;

}

.box p {

	font-size: 11px;

	line-height: 14px;

	text-align: justify;

	margin-bottom: 9px;

}

.box h2 {

	font-size: 30px;

	line-height: 20px;

	margin-bottom:20px;

}

.section_pag1.active .line1 {

	height: 18%;

}

.section_pag1.active .line2 {

	height: 15%;

}

.footer_logo .logo_stone {

	width: 26%;

	float: none;

	display: inline-block;

	margin-right: 7px;

}

.form1 {

	width: 100%;

}

.inputext,  .massag {

	width: 90%;

}

.galler_1 {

	width: 93%;

}

.white .box {

	width: 65%;

	height: 260px !important;

}

.white .section_pag1.active .line1 {

	height: 13%;

}

.white .section_pag1.active .line2 {

	height: 23%;

}

.hading_1 {

	font-size: 30px;

}

/*Client*/

        /*  #gallery {

            position: absolute;

            width: 100%;

            height: 58%;

        }*/

        /*Client*/

#gallery {

	position: absolute;

	width: 100%;

	height: 87%;

}

 .scrol1 {

 	margin-top: 40px;

  }



  .client_img1 ul li {

     width: 100%; 

}



.client_scrol{    height: 490px;

    overflow-y: auto;}



    .logo_tag_line {

    width: 100%; 



}

 .logo_tag_line img {

    width: 60%;

}

}



.blocker_1{display: none !important;}















.evant {

    

    

    height: 17px;

    /* margin-top: 41px; */

    float: left;

}

.evant a{

 color:#000; 

 font-size: 14px;

 letter-spacing: 2px; 

 margin: 0px 10px 0px 14px; }





.evant1 {

   

    

    height: 17px;

    /* margin-top: 41px; */

    float: left;

    

}

.evant1 a{ 

	color:#fff; 

	font-size: 14px; 

	display: inline;

	 margin: 0px 10px 0px 14px; }



.red_more{     width: 100px;

    height: 13px;

    right: 0;

    float: right; }



.red_more h1{ 

	font-size: 12px; 

	float: right; color:

	 #c69540; margin-right: 15px;

	}





 @media only screen and (min-width:600px) and (max-width:768px) {

/*

 	.client_img1 ul li {

    list-style: none;

    width: 29.5%;

    margin-right: 15px;

    float: left;

    margin-bottom: -7px;

    padding: 0;

}*/



 }











/* prem */









#gallery {

    position: absolute;

    width: 100%;

    height: 100%;

    background: #fff;

    overflow-y: scroll;

}



.black #gallery {

    background: #000;

}



.black .filter {

    background: #000;

}



.black .galery_heder {

    background: #000;

}



.black .menu_txt1 a {

    color: #fff;

}



.black .menu_txt1 .bars .bar {

    background-color: #fff;

}



.black .footer_icon {

    color: #fff;

}



.black .back_to a {

    color: #fff;

}



.black .filter ul li a span {

    color: #fff;

}



.galler_1 {

    width: 60%;

    margin: 0 auto;

    margin-top:10%;

    position: relative;

    left: 0;

    -webkit-transition: all 0.5s;

    transition: all ease-in-out 0.5s;

}



.gal_t1 {

    margin-top: 0;

}



.galler_1 ul {

    width: 100%;

}



.galler_1 li {

    list-style: none;

    width: 48.1%;

    float: left;

    height: 440px;

    cursor: pointer;

    overflow: hidden;

    position: relative;

    box-sizing: border-box;

    margin: 4px 5px;

}



.galler_1 li h3 {

    position: absolute;

    bottom: 0;

    width: 100%;

    z-index: 1;

    color: #fff;

    background: rgba(0, 0, 0, 0.8);

    text-align: center;

    line-height: 10px;

    font-size: 12px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    transition: all 0.3s linear;

    /*    opacity: 1;

*/

}





/*.galler_1 li:hover h3 {

    bottom: -30px;

    opacity: 0;

}*/



.galler_1 li:nth-child(1) {

    float: left;

}



.galler_1 li:nth-child(2),

.galler_1 li:nth-child(3),

.galler_1 li:nth-child(6),

.galler_1 li:nth-child(7) {

    width: 24%;

    float: left;

    height: 215px;

}





.galler_1 li:nth-child(4) {

    width: 49%;

    height: 215px;

}



.galler_1 li:nth-child(5) {

    margin-top: -223px;

}



.galler_1 li:nth-child(2) .mask h2,

.galler_1 li:nth-child(3) .mask h2,

.galler_1 li:nth-child(6) .mask h2,

.galler_1 li:nth-child(7) .mask h2 {

    top: 40%;

    line-height: 37px;

    font-size: 20px;

}



.galler_1 li img {

    width: 100%;

    height: 100%;

}



.galler_1 li .mask {

    -webkit-transition: all 0.4s linear;

    -moz-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    -ms-transition: all 0.4s linear;

    transition: all 0.4s linear;

    opacity: 0;

}







.galler_3 li:nth-child(1) {

	float: left;

		width: 65%;

}

.galler_3 li:nth-child(2) {

	width: 32%;

	float: left;

	height: 215px;

}



.galler_3 li:nth-child(3) {

	width:32%;

	float: left;

	height: 215px;

}







.galler_2 {

    width:60%;

    margin:0 auto;

    margin-top:0%;

    position: relative;

    left: 0;

    -webkit-transition: all 0.5s;

    transition: all ease-in-out 0.5s;

}

 







.galler_1 li:hover .mask {

    opacity: 1;

    left: 0;

    /*border: solid 5px #000;*/

    box-sizing: border-box;

    background: rgba(0, 0, 0, 0.5);

}























.galler_2 ul {

    width: 100%;

}



.galler_2 li {

    list-style: none;

    width: 48.3%;

    float: left;

    height: 440px;

    cursor: pointer;

    overflow: hidden;

    position: relative;

    box-sizing: border-box;

    margin: 4px 5px;

}



.galler_2 li h3 {

    position: absolute;

    bottom: 0;

    width: 100%;

    z-index: 1;

    color: #fff;

    background: rgba(0, 0, 0, 0.8);

    text-align: center;

    line-height: 10px;

    font-size: 12px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    transition: all 0.3s linear;

    /*    opacity: 1;

*/

}

 

.galler_2 li:nth-child(1) {

    float: right;margin-right:2.0%;}



.galler_2 li:nth-child(4),

.galler_2 li:nth-child(5) {

    width: 23.4%;

    float: left;

    height: 215px;

}





.galler_2 li:nth-child(3)



 {

    width: 28.5%;

    float: left;

    height: 215px;

}



.galler_2 li:nth-child(2) {

    width: 18.5%;

    height: 215px;

}



.galler_2 li:nth-child(5) {

    margin-top: 5px;

}



.galler_2 li:nth-child(2) .mask h2,

.galler_2 li:nth-child(3) .mask h2,

.galler_2 li:nth-child(6) .mask h2,

.galler_2 li:nth-child(7) .mask h2 {

    top: 40%;

    line-height: 37px;

    font-size: 20px;

}



.galler_2 li img {

    width: 100%;

    height: 100%;

}



.galler_2 li .mask {

    -webkit-transition: all 0.4s linear;

    -moz-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    -ms-transition: all 0.4s linear;

    transition: all 0.4s linear;

    opacity: 0;

}



.galler_2 li:hover .mask {

    opacity: 1;

    left: 0;

    /*border: solid 5px #000;*/

    box-sizing: border-box;

    background: rgba(0, 0, 0, 0.5);

}



.menu_galery {

    position: fixed;

    top: 35px;

    left: 0;

    z-index: 150;

}



.menu_txt1 {

    padding-left: 20px;

    line-height: 37px;

    font-family: "ArquitectaBold";

    font-size: 14px;

    color: #000;

    letter-spacing: 3px;

    cursor: pointer;

    text-transform: uppercase;

}



.menu_txt1 img {

    float: left;

    width: 40px;

    margin-right: 30px;

    cursor: pointer;

}



.menu_txt2 {

    padding-left: 40px;

    line-height: 37px;

    font-size: 15px;

    color: #000;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.menu_txt2 img {

    float: left;

    width: 40px;

    margin-right: 30px;

    cursor: pointer;

}



.mask {

    background: #000;

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    top: 0;

    padding: 0;

    left: -440px;

}



.mask h2 {

    position: absolute;

    top: 40%;

    width: 100%;

    display: none;

    color: #fff;

    /* background: #000; */

    text-align: center;

    line-height: 59px;

    font-size: 30px;

    border-bottom: solid 1px #ccc;

    letter-spacing: 1px;

    text-transform: uppercase;

}



#fancybox-loading,

.fancybox-close {

    background-image: url('../images/ico_closemenu.png');

    background-size: 100%;

    opacity: 0;

}



.fancybox-prev span {

    background-image: url('../images/preves.png');

    background-size: 100%;

}



.fancybox-next span {

    background-image: url('../images/next.png');

    background-size: 100%;

}



.band {

    position: relative;

    width: 312px;

    margin: 0 auto;

    margin-top: 5%;

    background: #000 url('../images/img_allicon.png');

    background-repeat: no-repeat;

    top: 0;

    /*background-size: 270px;*/

    height: 41px;

    background-position: right;

}



.larg_gal .band {

    position: relative;

    width: 172px;

    margin: 0 auto;

    margin-top: 7.4%;

    background: #000 url('../images/img_allicon_1.png');

    background-repeat: no-repeat;

    top: 0;

    /* background-size: 270px; */

    height: 41px;

    background-position: right;

}



.page_titale {

    position: absolute;

    margin: 0 auto;

    height: 100px;

    z-index: 10000;

    width: 60%;

    padding-top: 3%;

    left: 0;

    /*background:#fff;*/

    right: 0;

}



.back_to {

    font-size: 14px;

    font-weight: bold;

    line-height: 17px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-family: "ArquitectaBold";

    color: #000;

}



.back_to a {

    color: #000;

}



.menu_zoome {

    z-index: 11111;

    position: fixed;

    top: 11%;

    left: 10px;

    width: 100%;

    display: none;

    /*background: #ccc;*/

}



.menu_zoome ul {

    width: 100%;

    margin: 0 auto;

    position: relative;

    text-align: center;

}



.menu_zoome ul li {

    list-style: none;

    width: 30px;

    cursor: pointer;

    height: 20px;

    /*background: #ccc;*/

    color: #000;

    display: inline-block;

    margin: 0 10px;

}





/*.rotate1{display: none !important;}

*/



.scroltop {

    position: fixed;

    bottom: 10%;

    right: 2%;

    width: 30px;

    height: 20px;

    z-index: 400;

    display: none;

}



.scroltop img {

    width: 100%;

}















/* prem */





@media only screen and (max-width: 479px) {

	.cp_logo li{

      width: 33.33333% !important; 

 }

  .sampler {

    position: absolute !important;

    height: auto !important;

    width: 80% !important;

    bottom: -11px !important;

    margin: auto !important;

    z-index: 100;

    /* background-color: rgb(0, 0, 0); */

    transition: bottom 1s;

    left: 0 !important;

    right: 0 !important;

}



.footer_logo {

    position: absolute !important;

    bottom: 6.6% !important;

    left: 0 !important;

    z-index: 3 !important;

    right: 0 !important;

    margin: auto !important;

    width: 100% !important;

    text-align: center;

}

}









}

@media only screen and (min-width: 300px) and (max-width: 460px) {

.footer_music { 

	right: 58.4px;

	top: -35px;

}

  .sampler {

    position: absolute !important;

    height: auto !important;

    width: 100% !important;

    bottom: -5px !important;

    margin: auto !important;

    z-index: 100;

    /* background-color: rgb(0, 0, 0); */

    transition: bottom 1s;

    left: 0 !important;

    right: 0 !important;

} 

.footer_icon {

	position: absolute;

	width: 270px;

	height: 22px;

	position: absolute;

	top: -40px;

	text-align: right;

	padding: 5px 0;

	cursor: pointer;

	overflow: hidden;

	text-transform: uppercase;

	font-family: "ArquitectaBold";

	font-size: 14px;

	color: #000;

	letter-spacing: 3px;

	font-weight: bold;

	margin: auto;

	left: 0;

	right: 0;

}





}





@media screen and (min-width: 454px) and (max-width: 600px) {

.footer_icon{

	right: 22.4px;

top: -37px;

}

.footer_music { 

	right: 40px;

	top: -35px;

}



.menu_at ul li{

	margin-bottom: 0;

}

.menu_at ul li a {

	font-size: 15px;

line-height: 25px;

}



.menu_at {

    width: 36%;

    position: absolute;

    top: 26%;

    right: 6.6%;

}



.video1 {

    width: 55%;

margin-top: 30px;}

    .video1 iframe {

    height: 151px;}



    .form1 {

    width: 94%;

}



}

@media only screen and (min-width: 440px) and (max-width: 443px) {

.footer_music { 

	right: 87.4px;

	top: -35px;

}}



@media only screen and (min-width: 374px) and (max-width: 376px) {

.footer_music { 

	    right: 24.4px;

    top: -40px;

}

   .footer_icon{

   	right: 37.4px;

   	    top: -43px;



   }

}



@media only screen and (min-width: 319px) and (max-width: 321px) {

.footer_music { 

	    right: 6.4px;

    top: -38px;

}

.footer_icon{

	right: 8.4px;

top: -42px;

}



}