/* Minification failed. Returning unminified contents.
(1694,116): run-time error CSS1039: Token not allowed after unary operator: 'Vk8EOgDAIQ0vj'
(1694,132): run-time error CSS1039: Token not allowed after unary operator: 'xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5'
(1694,222): run-time error CSS1039: Token not allowed after unary operator: 'oZj3JUzWB'
(1694,232): run-time error CSS1039: Token not allowed after unary operator: 'cOz4G48Bg'
(1694,242): run-time error CSS1039: Token not allowed after unary operator: 'tsJ'
(1694,289): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;500;600;700;900&display=swap&subset=latin-ext');
html * {
	margin:0;
	padding:0;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
body {
	background:#fff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
}
header, nav, article, section, footer, figure, aside, address {
	display:block;
	font-style:normal;
}
a:hover,
a {
	font-size:13px;
	color:#333;
	text-decoration:none;
}
textarea,
select,
input,
button {
	outline:none;
	resize:none;
	overflow:hidden;
    font-family:Geneva, Arial, Helvetica, sans-serif;
}
img {
	border:0;
}
ol,
ul {
	list-style-type:none;
}
*::-webkit-input-placeholder {
    color:#666;
    font-size:13px;
}
*:-moz-placeholder {
    color:#666;
    font-size:13px;
}
*::-moz-placeholder {
    color:#666;
    font-size:13px;
}
*:-ms-input-placeholder {
    color:#666;
    font-size:13px;
}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 30px white inset;
}
.clear {
	clear:both;
}
#error-page {
    width:100%;
    height:100%;
    position:absolute;
    background:#f8f8f8;
    display:table;
}
#error-page figure {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
#error-zone p {
    font-weight:bold;
    color:#c92128;
    margin-bottom:20px;
    font-size:14px;
}
#error-zone.approved p {
    color: #066e01;
}
.recess {
	width:100%;
	padding:0 20px;
	max-width:1900px;
	margin:auto;
}
#header {
	width:100%;
	font-family:'Raleway', sans-serif;
	padding:10px 0;
}
#header.style-2 {
	position:absolute;
	z-index:2;
	left:0;
}
#header .logo {
	width:220px;
	float:left;
}
#header.style-2 .logo {
	margin-top:10px;
}
#header .logo img {
	width:100%;
	height:auto;
}
#header .menu {
	float:right;
	margin-top:5px;
}
#header.style-2 .menu {
	margin-top:20px;
}
#content .recess,
#index .recess {
	width:1200px;
}
#index {
	position:absolute;
	width:100%;
	top:100%;
	padding-top:50px;
	font-family:'Raleway', sans-serif;
}
#index .about {
	margin-bottom:40px;
	background:url(/Images/index-about-bg.png) no-repeat left bottom;
}
#index .about .top {
	width:100%;
	height:320px;
	background:url(/Images/index-about-top-bg.png) no-repeat left center #ff6a00;
	background-size:cover;
	color:#fff;
	padding:100px 0 0 50px;
	
}
#index .about .top .inner {
	width:280px;
}
#index .about .top .inner h4 {
	font-size:34px;
	margin-bottom:10px;
}
#index .about .bottom {
	position:relative;
	margin-top:-350px;
	font-weight:bold;
	font-size:14px;
}
#index .about .bottom ul li {
	width:21%;
	height:500px;
	float:left;
	margin-right:20px;
	background:no-repeat top center;
	background-size:cover;
	position:relative;
}
#index .about .bottom ul li:first-child {
	width:calc(37% - 90px);
	padding:380px 40px 0 40px;
}
#index .about .bottom ul li:nth-child(2) {
	background-image:url(/Images/index-about-1-bg.jpg);
}
#index .about .bottom ul li:nth-child(3) {
	background-image:url(/Images/index-about-2-bg.jpg);
}
#index .about .bottom ul li:last-child {
	margin-right:0;
	background-image:url(/Images/index-about-3-bg.jpg);
}
#index .about .bottom ul li span {
	display:block;
	padding:20px;
	position:absolute;
	bottom:0;
	text-align:center;
	text-shadow:0 0 10px rgba(0,0,0,0.3);
	color:#fff;
	font-size:20px;
}
#index .services {
	padding:70px 0;
	background:#a6171b;
}
#index .services ul li {
	width:calc(25% - 15px);
	float:left;
	margin-right:20px;
	position:relative;
}
#index .services ul li:last-child {
	margin-right:0;
}
#index .services ul li a {
	display:block;
}
#index .services ul li a p {
	color:#fff;
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
	position:relative;
	z-index:2;
}
#index .services ul li a figure img {
	width:100%;
	height:auto;
	border-radius:5px;
}
#index .services ul li a figure .icon {
	width:80px;
	height:80px;
	background:#a6171b;
	position:absolute;
	top:-10px;
	right:-10px;
	border-radius:50%;
	text-align:center;
	color:#fff;
	font-size:32px;
	font-weight:bold;
	padding-top:35px;
}
#index .request-quote {
	background:url(/Images/request-quote-bg.jpg) no-repeat right;
	padding:100px 0;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	text-shadow:0 0 5px rgba(255,255,255,0.5);
}
#index .request-quote a {
	padding:20px;
	border:solid 2px #a6171b;
	display:inline-block;
	margin-top:30px;
	transition:all 0.3s ease;
     -webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}
#index .request-quote a:hover {
	background:#a6171b;
	color:#fff;
}
#footer {
	padding:40px 0;
	background:url(/Images/footer-bg.png) no-repeat left bottom #f0f0f0;
	margin-top:40px;
	position:relative;
}
#footer h3 {
	margin-bottom:20px;
	font-weight:700;
	font-size:20px;
}
#footer .left-column {
	width:200px;
	float:left;
	margin-right:80px;
	line-height:22px;
}
#footer .left-column figure {
	margin-bottom:50px;
}
#footer .left-column figure img {
	width:100%;
	max-width:200px;
	height:auto;
}
#footer .center-column {
	width:calc(100% - 630px);
	float:left;
	margin-right:50px;
}
#footer .center-column ul li {
	margin-bottom:15px;
	display:table;
	width:100%;
	line-height:20px;
}
#footer .center-column ul li:first-child {
	margin-bottom:30px;
	font-weight:700;
}
#footer .center-column ul li span {
	display:table-cell;
}
#footer .center-column ul li span.tab-1 {
	font-weight:bold;
	width:100px;
}
#footer .right-column {
	width:300px;
	float:left;
	line-height:20px;
}
#footer .right-column a {
	display:block;
}
#footer .right-column ul li {
	width:85px;
	float:left;
	margin:0 10px 8px 0;
}
#footer .right-column ul li img {
	width:100%;
	height:auto;
}
#footer .creapark {
	position:absolute;
	right:10px;
	bottom:60px;
}
#footer .creapark img {
	width:26px;
	height:auto;
}
#content {
	font-family:'Raleway', sans-serif;
	background:url(/Images/content-bg.png) no-repeat left center;
}
#content .web-tv-inner {
	height:150px;
	background:#f0f0f0;
	padding-top:100px;
	font-family:'Raleway', sans-serif;
	background:no-repeat center;
	background-size:cover;
	color:#111;
	margin-bottom:50px;
	font-weight:bold;
	font-size:14px;
}
#content .web-tv-inner.style-2 {
	background-image:url(/Images/web-tv-inner-bg.jpg);
}
#content .web-tv-inner .breadcrumb ul li {
	display:inline-block;
	padding:0 20px 0 10px;
	background:url(/Images/breadcrumb-arrow.png) no-repeat right center;
}
#content .web-tv-inner .breadcrumb ul li:first-child {
	padding:0 20px 0 0;
}
#content .web-tv-inner .breadcrumb ul li:last-child {
	background:none;
}
#content .web-tv-inner .breadcrumb ul li a {
	font-size:14px;
	color:#f8f8f8;
}
#content .recess h1 {
	font-size:40px;
	font-weight:700;
	color:#a6171b;
	margin-bottom:30px;
}
#content .recess .menu {
    margin-bottom:20px;
	position:relative;
	display:none;
}
#content .recess .menu ul li {
    border-bottom:solid 1px #fff;
    display:table;
    width:100%;
}
#content .recess .menu ul li:last-child {
    border-bottom:0;
}
#content .recess .menu ul li i {
    width:2px;
    height:6px;
    background:#d60600;
    border-radius:3px;
    display:table-cell;
    vertical-align:middle;
}
#content .recess .menu ul li a {
    color:#333;
    display:table-cell;
    font-size:14px;
    font-weight:bold;
    width:calc(100% - 2px);
    padding:15px 10px;
}
#content .recess .menu ul li.select a,
#content .recess .menu ul li a:hover {
    color:#d60600;
}
#content > .recess > .left-column {
	float:left;
	width:350px;
	margin-right:50px;
}
#content > .recess > .right-column {
	float:left;
	width:calc(100% - 400px);
	font-size:14px;
}
#content > .recess > .right-column figure {
	margin-bottom:30px;
}
#content > .recess > .right-column figure img {
	width:100%;
	height:auto;
}
#content > .recess > .right-column article p {
	line-height:26px;
	margin-bottom:30px;
}
#content > .recess > .right-column article p:last-child {
	margin-bottom:0;
}
#references ul li,
#gallery ul li {
	width:calc(25% - 23px);
	float:left;
	margin:0 30px 30px 0;
	display:table;
}
#references ul li:nth-child(4n+4),
#gallery ul li:nth-child(4n+4) {
	margin:0 0 30px 0;
}
#references ul li img,
#gallery ul li img {
	width:100%;
	height:auto;
}
#gallery ul li figure,
#references ul li figure {
	display:table-caption;
	padding:10px;
	background:#f8f8f8;
}
#references ul li p {
	width:100%;
	height:60px;
	padding:5px 10px;
	font-weight:600;
	font-size:14px;
	background:#f0f0f0;
	display:table-cell;
	vertical-align:middle;
}
#contact .address-list ul li {
    width:100%;
    position:relative;
}
#contact .address-list ul li figure {
    width:260px;
    height:auto;
    float:left;
	margin-right:40px;
}
#contact .address-list ul li figure img {
    width:100%;
    height:auto;
	border-radius:5px;
}
#contact .address-list ul li .info {
    width:calc(100% - 300px);
    float:left;
    padding:10px 0;
    position:relative;
	line-height:20px;
	font-size:14px;
}
#contact .address-list ul li .info a {
	font-size:14px;
}
#contact .address-list ul li .info p {
    margin-bottom:25px;
}
#contact .address-list ul li .info p:nth-child(4) {
    margin-bottom:0;
}
#contact .address-list ul li .info p strong {
    display:block;
    margin-bottom:5px;
}
#hr .form,
#contact .form {
    background:#f0f0f0;
    padding:20px;
    margin-top:30px;
}
#hr .form > p,
#contact .form > p {
    margin-bottom:40px;
    font-size:16px;
    font-family:'Roboto', sans-serif;
    font-weight:bold;
}
#hr .form ul li,
#contact .form ul li {
    float:left;
    width:calc(50% - 10px);
    margin:0 20px 20px 0;
}
#hr .form ul li:nth-child(even),
#contact .form ul li:nth-child(even) {
    margin:0 0 20px 0;
}
#hr .form ul li.style-2,
#hr .form ul li.send,
#contact .form ul li.style-2,
#contact .form ul li.send {
    float:none;
    width:100%;
    margin:0 0 20px 0;
}
#hr .form ul li.send,
#contact .form ul li.send {
    text-align:right;
}
#hr .form ul li .input,
#contact .form ul li .input {
    width:100%;
    height:40px;
    line-height:40px;
    border:solid 1px #f0f0f0;
    background:#fff;
    padding:0 10px;
	color:#666;
}
#hr .form ul li .select,
#contact .form ul li .select {
    width:100%;
    height:40px;
    line-height:40px;
    border:solid 1px #f0f0f0;
    background:#fff;
    padding-left:10px;
	color:#666;
}
#hr .form ul li .textarea,
#contact .form ul li .textarea {
    width:100%;
    height:200px;
    line-height:40px;
    border:0;
    background:#fff;
    padding:0 10px;
}
#hr .form ul li .button,
#contact .form ul li .button {
    width:130px;
    height:40px;
    border:0;
    background:url(/Images/arrow-icon-2.png) no-repeat center right #a6171b;
    padding-right:20px;
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    cursor:pointer;
    font-size:18px;
    font-family:'Raleway', sans-serif;
    font-weight:bold;
    color:#fff;
    transition:all 0.3s ease;
     -webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}
#hr .form ul li .button:hover,
#contact .form ul li .button:hover {
    background-color:#333;
}
#contact .form ul li .textarea.click,
#contact .form ul li .input.click {
    border:solid 2px #c92128;
}
#contact .form ul li .textarea.non-click,
#contact .form ul li .input.non-click {
    border:solid 1px #ccc;
}




/*second menu*/
.second-menu-button {
    width:100%;
    background:#a6171b;
    line-height:30px;
    padding:5px 10px;
    cursor:pointer;
    border:0;
    font-family:'Raleway', sans-serif;
    font-size:22px;
    color:#fff;
    letter-spacing:0.1em;
    font-weight:bold;
    border-radius:5px;
    display:none;
}
.second-menu-button:hover,
.second-menu-button:focus {
    background:#ccc;
    color:#111;
}
.second-menu-ul {
    display:block;
}
.second-menu-ul {
    display:none;
    position:absolute;
    background:#f0f0f0;
    width:100%;
    z-index:3;
    border-radius:5px;
}
.show,
.second-menu-button {
    display:block;
}
#content .right-column .menu ul li i {
    display:none;
}
/*second menu*/
/*menu style*/
#menu .menu-icon {
	display:none;
	position:absolute;
    z-index:4;
	overflow:hidden;
	padding:6px 10px;
	width:38px;
	height:35px;
	-webkit-appearance:none;
	-moz-appearance:none;
	box-shadow:none;
	border:none;
	cursor:pointer;
	-webkit-transition:background .3s;
	transition:background .3s;
    background:#a6171b;
    margin-top:24px;
    color:#fff;
    line-height:26px;
    text-align:left;
    right:10px;
    top:-10px;
}
#menu .menu-icon:focus {
	outline:0
}
#menu .menu-icon span {
	display:block;
	position:absolute;
	top:17px;
	left:4px;
	right:4px;
    width:30px;
	height:2px;
    background:#fff;
    -webkit-transition:-webkit-transform .3s;
	transition:transform .3s
}
#menu .menu-icon span::after,
#menu .menu-icon span::before {
	position:absolute;
	display:block;
	left:0;
	width:100%;
	height:2px;
	background:#fff;
	content:"";
}
#menu .menu-icon span::before {
	top:-10px;
}
#menu .menu-icon span::after {
	bottom:-10px;
}
#menu .menu-icon:hover,
#menu .menu-icon.is-active {
	background:#0b4262;
}
#menu .menu-icon.is-active span {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
#menu .menu-list ul > li {
	float:left;
	margin:0 5px;
}
#menu .menu-list ul > li > a {
	font-weight:bold;
	font-size:15px;
	padding:15px 10px;
	display:block;
}
#menu .menu-list ul > li.phone a {
	padding:15px 25px 15px 40px;
	background:url(/Images/icon-phone.png) no-repeat left center #a6171b;
	color:#fff;
	font-size:16px;
	border-radius:50px;
	margin:0 0 0 40px;
	font-family:'Raleway', sans-serif;
}
#menu .menu-list ul > li.select > a,
#menu .menu-list ul > li:not(.phone):hover > a {
	color:#a6171b;
}
#menu .menu-list ul > li .sub-menu {
	display:none;
	position:absolute
}
#menu .menu-list ul > li:hover .sub-menu {
	display:block;
}
#menu .menu-list ul > li:hover .sub-menu ol {
	background:#fff;
	border-radius:5px;
	padding:10px;
	width:180px;
	margin-top:10px;
	box-shadow:0 0 30px rgba(0,0,0,0.2);
}
#menu .menu-list ul > li:nth-child(6):hover .sub-menu ol {
	margin-left:-90px;
}
#menu .menu-list ul > li:hover .sub-menu.style-2 ol {
	width:240px;
}
#menu .menu-list ul > li:hover .sub-menu ol:after{
  content:'';
  position:absolute;
  left:30px;
  top:0;
  border-style:solid;
  border-width:0 15px 10px 15px;
  border-color:transparent transparent #fff transparent;
}
#menu .menu-list ul > li .sub-menu ol a {
	color:#333;
	padding:15px 5px;
	display:block;
	font-weight:bold;
	font-size:14px;
}
#menu .menu-list ul > li .sub-menu ol a:hover {
	color:#a6171b;
}
#menu .menu-list ul > li ol li {
	border-bottom:solid 1px #f0f0f0;
}
#menu .menu-list ul > li ol li:last-child {
	border-bottom:0;
}
#menu .menu-mobile {
    display:none;
}
#menu .menu-mobile ul {
    display:none;
    position:absolute;
	z-index:2;
    background:#0b4262;
    text-align:left;
    top:49px;
    right:10px;
    padding:5px 0;
    width:170px;
}
#menu .menu-mobile li {
    display:block;
    margin:0 5px;
    border-bottom:solid 1px #999;
}
#menu .menu-mobile ul > li:nth-child(6),
#menu .menu-mobile ul > li:last-child {
    border-bottom:0;
}
#menu .menu-mobile ul > li.mobile-menu-show,
#menu .menu-mobile ul > li > ol {
    display:none;
}
#menu .menu-mobile a {
    display:block;
    font-family:'Raleway', sans-serif;
    font-size:14px;
    padding:10px 10px;
    cursor:pointer;
    font-weight:bold;
	color:#fff;
}
#menu .menu-mobile a:hover {
    background-color:#f0f0f0;
	color:#333;
}
/*menu style*/
/*index slider*/
#web-tv {
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;
    overflow:hidden;
    display:block;
}
#web-tv ul,
#web-tv ul li {
	width:100%;
    height:100%;
    background-position:center top;
	background-size:contain;
	background-repeat:no-repeat;
    position:relative;
    overflow:hidden;
}
#web-tv ul li .text {
	position:absolute;
	z-index:2;
	width:700px;
	left:calc(50% - 30px);
	top:calc(50% - 100px);
	font-family:'Raleway', sans-serif;
}
#web-tv ul li .text h5 {
	font-size:16px;
	color:#888;
	margin-bottom:10px;
	font-weight:400;
}
#web-tv ul li .text p {
	color:#a6171b;
	font-size:74px;
	line-height:76px;
	font-weight:900;
}
#web-tv ul li .text .link {
	margin-top:50px;
}
#web-tv ul li .text .link a {
	display:inline-block;
	padding:15px 40px;
	background:#a6171b;
	color:#fff;
	font-size:14px;
	border-radius:50px;
	letter-spacing:1px;
	font-weight:900;
}
#web-tv ul li .text .link a:last-child {
	background:#0b4261;
	margin-left:20px;
}
#web-tv .prev,
#web-tv .next {
	width:46px;
	height:46px;
	line-height:46px;
    position:absolute;
    z-index:3;
    bottom:80px;
    background-color:#a6171b;
    background-repeat:no-repeat;
    background-position:center;
	border-radius:50%;
	text-align:center;
	color:#fff;
	font-size:22px;
}
#web-tv .prev {
	right:95px;
    background-image:url(/images/arrow-2-prev.png);
}
#web-tv .next {
	right:40px;
    background-image:url(/images/arrow-2-next.png);
}
#web-tv .prev:hover,
#web-tv .next:hover {
    background-color:#333;
}
#web-tv .prev:before {
	content:'\276E';
}
#web-tv .next:before {
	content:'\276F';
}
.centered-btns_tabs {
	width:100%;
    height:100px;
    position:absolute;
    z-index:2;
    left:0;
    bottom:30px;
	text-align:center;
}
.centered-btns_tabs li {
	margin-right:5px;
	display:inline-block;
}
.centered-btns_tabs li:last-child {
	margin-right:0;
}
.centered-btns_tabs a {
	background:rgba(0,0,0,0.3);
	border-radius:15px;
	width:30px;
	height:2px;
	text-indent:-9999px;
	overflow:hidden;
	display:inline-block;
}
.centered-btns_here a {
	background:#d60600;
}
/*index slider*/




@media only screen and (max-height:550px) {
	.centered-btns_tabs {
		display:none;
	}
}
@media only screen and (max-height:400px) {
	#web-tv ul li .text {
		width:100%;
		height:100%;
		top:0;
		left:0;
		padding:130px 20px 20px 20px;
	}
	#web-tv ul li .text p {
		font-size:40px;
		line-height:42px;
	}
    #menu .menu-mobile,
    #menu .menu-icon {
        display:block;
    }
	#web-tv ul li .text .link,
	#menu .menu-mobile ul > li.phone,
    #menu .menu-mobile ul li .sub-menu,
    #menu .menu-list {
        display:none;
    }
}
@media only screen and (max-height:300px) {
	#web-tv .prev,
	#web-tv .next {
		display:none;
	}
}
@media only screen and (max-height:200px) {
	#web-tv {
		display:none;
	}
	#index {
		top:60px;
	}
}
@media only screen and (max-width:2600px) {
	.recess {
		width:100%;
		padding:0 20px;
		max-width:1900px;
		margin:auto;
	}
	#web-tv {
		
	}
}
@media only screen and (max-width:1400px) {
	#web-tv ul li .text {
		width:600px;
	}
	#web-tv ul li .text p {
		font-size:54px;
		line-height:56px;
	}
	#footer .right-column {
		padding-right:40px;
	}
}
@media only screen and (max-width:1300px) {
	#header {
		top:0;
	}
	#content .recess,
	#index .recess {
		width:100%;
	}
	#menu .menu-list ul > li.phone {
		display:none;
	}
}
@media only screen and (max-width:1200px) {
	#header .logo {
		width:180px;
	}
	#web-tv ul li .text {
		width:550px;
		left:auto;
		right:20px;
	}
	#index .about .top {
		padding:100px 0 0 20px;
	}
	#index .about .top .inner {
		width:200px;
	}
	#footer .left-column {
		width:150px;
		margin-right:50px;
	}
	#footer .center-column {
		width:calc(100% - 550px);
	}
}
@media only screen and (max-width:1024px) {
	#web-tv {
		height:60%;
	}
	#web-tv ul,
	#web-tv ul li {
		background-position:left top;
	}
	#web-tv ul li .text {
		width:450px;
	}
	#web-tv ul li .text h5 {
		color:#000;
	}
	#web-tv ul li .text p {
		text-shadow:0 0 5px rgba(255,255,255,0.9);
	}
	#index {
		top:60%;
		padding-top:50px;
	}
	#index .about .bottom {
		padding:0 10px;
	}
	#index .about .bottom ul li {
		width:calc(33.33% - 20px);
		margin:0 10px;
	}
	#content .web-tv-inner {
		margin-bottom:20px;
	}
	#content > .recess > .left-column {
		width:250px;
		margin-right:30px;
	}
	#content > .recess > .left-column h1 {
		font-size:45px;
	}
	#content > .recess > .right-column {
		width:calc(100% - 280px);
	}
	#content .recess .menu,
    #menu .menu-mobile,
    #menu .menu-icon {
        display:block;
    }
	#web-tv ul li .text .link,
	#index .about .top .inner,
	#index .about .bottom ul li:first-child,
	#menu .menu-mobile ul > li.phone,
	.centered-btns_tabs,
    #menu .menu-mobile ul li .sub-menu,
    #menu .menu-list {
        display:none;
    }
}
@media only screen and (max-width:920px) {
	#index .services ul li a p {
		height:30px;
	}
	#content > .recess > .left-column {
		width:100%;
		margin-right:0;
		float:none;
		margin-bottom:20px;
	}
	#content > .recess > .right-column {
		width:100%;
		float:none;
	}
	#references ul li,
	#gallery ul li {
		width:calc(33.33% - 14px);
		margin:0 20px 20px 0;
	}
	#references ul li:nth-child(4n+4),
	#gallery ul li:nth-child(4n+4) {
		margin:0 20px 20px 0;
	}
	#references ul li:nth-child(3n+3),
	#gallery ul li:nth-child(3n+3) {
		margin:0 0 20px 0;
	}
	#footer .center-column {
		width:calc(100% - 250px);
	}
	#footer .right-column,
	#index .services ul li a figure .icon {
		display:none;
	}
}
@media only screen and (max-width:820px) {
	#web-tv {
		height:50%;
	}
	#web-tv ul li .text {
		width:50%;
		top:40px;
		right:0;
	}
	#web-tv ul li .text p {
		font-size:44px;
		line-height:46px;
	}
	#index {
		top:50%;
	}
	#index .request-quote a {
		color:#000;
	}
	#footer .center-column {
		width:100%;
		float:none;
		padding-right:40px;
	}
	#footer .left-column {
		display:none;
	}
}
@media only screen and (max-width:720px) {
	#web-tv ul li .text {
		top:0;
		padding:100px 20px 20px 0;
	}
	#web-tv ul li .text p {
		font-size:44px;
		line-height:46px;
	}
	#index .about .bottom {
		padding:0 20px;
	}
	#index .about .bottom ul li {
		width:100%;
		height:200px;
		float:none;
		margin:0 0 20px 0;
	}
	#index .about .bottom ul li:last-child {
		margin:0;
	}
	#index .services ul li {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	#index .services ul li:last-child {
		margin:0;
	}
	#web-tv ul li .text h5 {
		display:none;
	}
}
@media only screen and (max-width:620px) {
	#references ul li,
	#gallery ul li {
		width:calc(50% - 10px);
	}
	#references ul li:nth-child(3n+3),
	#gallery ul li:nth-child(3n+3) {
		margin:0 20px 20px 0;
	}
	#references ul li:nth-child(2n+2),
	#gallery ul li:nth-child(2n+2) {
		margin:0 0 20px 0;
	}
	#contact .address-list ul li figure {
		width:120px;
		float:none;
		margin-right:0;
		position:absolute;
		right:0;
	}
	#contact .address-list ul li .info {
		width:calc(100% - 140px);
		float:none;
	}
	#hr .form ul li,
	#contact .form ul li {
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	#web-tv ul li {
		background-size:140%;
	}
	#web-tv .prev,
	#web-tv .next,
	#web-tv ul li .text {
		display:none;
	}
}
@media only screen and (max-width:520px) {
	#contact .address-list ul li figure {
		width:100%;
		position:relative;
		margin-bottom:20px;
	}
	#contact .address-list ul li .info {
		width:100%;
	}
	#web-tv ul li {
		background-size:160%;
	}
}
@media only screen and (max-width:320px) {
	#references ul li,
	#gallery ul li {
		width:100%;
		float:none;
		margin:0 0 20px 0;
	}
	#references ul li:nth-child(2n+2),
	#gallery ul li:nth-child(2n+2) {
		margin:0 0 20px 0;
	}
}
@media screen and (max-width:1024px) and (max-height:700px) {
	#web-tv {
		height:100%;
	}
	#web-tv ul,
	#web-tv ul li {
		background-position:left top;
		height:100%;
	}
	#index {
		top:100%;
	}
}
@media screen and (max-width:1024px) and (max-height:500px) {
	#web-tv .prev,
	#web-tv .next {
		display:none;
	}
}
@media screen and (max-width:1024px) and (max-height:400px) {
	#web-tv ul li {
		background-size:contain;
		background-position:center top;
	}
	#web-tv ul li .text .link {
		display:none;
	}
}
@media screen and (max-width:1024px) and (max-height:300px) {
	#web-tv ul li .text {
		width:100%;
		height:100%;
		background:#fff;
		padding:80px 20px 20px 20px;
		top:0;
	}
}
body.compensate-for-scrollbar {
	overflow:hidden;
}
.fancybox-active {
	height:auto;
}
.fancybox-is-hidden {
	left:-9999px;
	margin:0;
	position:absolute!important;
	top:-9999px;
	visibility:hidden;
}
.fancybox-container {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
	height:100%;
	left:0;
	position:fixed;
	-webkit-tap-highlight-color:transparent;
	top:0;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	width:100%;
	z-index:99992;
}
.fancybox-container * {
	box-sizing:border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
.fancybox-outer {
	-webkit-overflow-scrolling:touch;
	overflow-y:auto;
}
.fancybox-bg {
    background:#f0f0f0;
	opacity:0;
	transition-duration:inherit;
	transition-property:opacity;
	transition-timing-function:cubic-bezier(.47,0,.74,.71);
}
.fancybox-is-open .fancybox-bg {
	opacity:1;
	transition-timing-function:cubic-bezier(.22,.61,.36,1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
	direction:ltr;
	opacity:0;
	position:absolute;
	transition:opacity .25s,visibility 0s linear .25s;
	visibility:hidden;
	z-index:99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity:1;
	transition:opacity .25s,visibility 0s;
	visibility:visible;
}
.fancybox-infobar {
	color:#ccc;
	font-size:13px;
	-webkit-font-smoothing:subpixel-antialiased;
	height:44px;
	left:0;
	line-height:44px;
	min-width:44px;
	padding:0 10px;
	pointer-events:none;
	text-align:center;
	top:0;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.fancybox-toolbar {
	right:0;
	top:0;
}
.fancybox-stage {
	direction:ltr;
	overflow:visible;
	-webkit-transform:translateZ(0);
	z-index:99994;
}
.fancybox-is-open .fancybox-stage {
	overflow:hidden;
}
.fancybox-slide {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	display:none;
	height:100%;
	left:0;
	outline:none;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	padding:44px;
	position:absolute;
	text-align:center;
	top:0;
	transition-property:opacity,-webkit-transform;
	transition-property:transform,opacity;
	transition-property:transform,opacity,-webkit-transform;
	white-space:normal;
	width:100%;
	z-index:99994;
}
.fancybox-slide:before {
	content:"";
	display:inline-block;
	height:100%;
	margin-right:-.25em;
	vertical-align:middle;
	width:0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
	display:block;
}
.fancybox-slide--next {
	z-index:99995;
}
.fancybox-slide--image {
	overflow:visible;
	padding:44px 0;
}
.fancybox-slide--image:before {
	display:none;
}
.fancybox-slide--html {
	padding:6px 6px 0;
}
.fancybox-slide--iframe {
	padding:44px 44px 0;
}
.fancybox-content {
	background:#fff;
	display:inline-block;
	margin:0 0 6px;
	max-width:100%;
	overflow:auto;
	padding:0;
	padding:24px;
	position:relative;
	text-align:left;
	vertical-align:middle;
}
.fancybox-slide--image .fancybox-content {
	-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);
	animation-timing-function:cubic-bezier(.5,0,.14,1);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background:transparent;
	background-repeat:no-repeat;
	background-size:100% 100%;
	left:0;
	margin:0;
	max-width:none;
	overflow:visible;
	padding:0;
	position:absolute;
	top:0;
	-webkit-transform-origin:top left;
	transform-origin:top left;
	transition-property:opacity,-webkit-transform;
	transition-property:transform,opacity;
	transition-property:transform,opacity,-webkit-transform;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	z-index:99995;
}
.fancybox-can-zoomOut .fancybox-content {
	cursor:zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
	cursor:zoom-in;
}
.fancybox-can-drag .fancybox-content {
	cursor:-webkit-grab;
	cursor:grab;
}
.fancybox-is-dragging .fancybox-content {
	cursor:-webkit-grabbing;
	cursor:grabbing;
}
.fancybox-container [data-selectable=true] {
	cursor:text;
}
.fancybox-image,.fancybox-spaceball {
	background:transparent;
	border:0;
	height:100%;
	left:0;
	margin:0;
	max-height:none;
	max-width:none;
	padding:0;
	position:absolute;
	top:0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:100%;
}
.fancybox-spaceball {
	z-index:1;
}
.fancybox-slide--html .fancybox-content {
	margin-bottom:6px;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
	height:100%;
	margin:0;
	overflow:visible;
	padding:0;
	width:100%;
}
.fancybox-slide--video .fancybox-content {
	background:#000;
}
.fancybox-slide--map .fancybox-content {
	background:#e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
	background:#fff;
	height:calc(100% - 44px);
	margin-bottom:44px;
}
.fancybox-iframe,.fancybox-video {
	background:transparent;
	border:0;
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}
.fancybox-iframe {
	vertical-align:top;
}
.fancybox-error {
	background:#fff;
	cursor:default;
	max-width:400px;
	padding:40px;
	width:100%;
}
.fancybox-error p {
	color:#444;
	font-size:16px;
	line-height:20px;
	margin:0;
	padding:0;
}
.fancybox-button {
	background:rgba(30,30,30,.6);
	border:0;
	border-radius:0;
	cursor:pointer;
	display:inline-block;
	height:44px;
	margin:0;
	outline:none;
	padding:10px;
	transition:color .2s;
	vertical-align:top;
	width:44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color:#ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
	color:#fff;
}
.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
	color:#888;
	cursor:default;
}
.fancybox-button svg {
	display:block;
	overflow:visible;
	position:relative;
	shape-rendering:geometricPrecision;
}
.fancybox-button svg path {
	fill:transparent;
	stroke:currentColor;
	stroke-linejoin:round;
	stroke-width:3;
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
	display:none;
}
.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
	fill:currentColor;
}
.fancybox-button--share svg path {
	stroke-width:1;
}
.fancybox-navigation .fancybox-button {
	height:38px;
	opacity:0;
	padding:6px;
	position:absolute;
	top:50%;
	width:38px;
}
.fancybox-show-nav .fancybox-navigation .fancybox-button {
	transition:opacity .25s,visibility 0s,color .25s;
}
.fancybox-navigation .fancybox-button:after {
	content:"";
	left:-25px;
	padding:50px;
	position:absolute;
	top:-25px;
}
.fancybox-navigation .fancybox-button--arrow_left {
	left:6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
	right:6px;
}
.fancybox-close-small {
	background:transparent;
	border:0;
	border-radius:0;
	color:#555;
	cursor:pointer;
	height:44px;
	margin:0;
	padding:6px;
	position:absolute;
	right:0;
	top:0;
	width:44px;
	z-index:10;
}
.fancybox-close-small svg {
	fill:transparent;
	opacity:.8;
	stroke:currentColor;
	stroke-width:1.5;
	transition:stroke .1s;
}
.fancybox-close-small:focus {
	outline:none;
}
.fancybox-close-small:hover svg {
	opacity:1;
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
	color:#ccc;
	padding:5px;
	right:-12px;
	top:-44px;
}
.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
	background:transparent;
	color:#fff;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
	display:none;
}
.fancybox-caption {
	bottom:0;
	color:#fff;
	font-size:14px;
	font-weight:400;
	left:0;
	line-height:1.5;
	padding:25px 44px;
	right:0;
}
.fancybox-caption:before {
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
	background-repeat:repeat-x;
	background-size:contain;
	bottom:0;
	content:"";
	display:block;
	left:0;
	pointer-events:none;
	position:absolute;
	right:0;
	top:-25px;
	z-index:-1;
}
.fancybox-caption:after {
	border-bottom:1px solid hsla(0,0%,100%,.3);
	content:"";
	display:block;
	left:44px;
	position:absolute;
	right:44px;
	top:0;
}
.fancybox-caption a,.fancybox-caption a:link,
.fancybox-caption a:visited {
	color:#ccc;
	text-decoration:none;
}
.fancybox-caption a:hover {
	color:#fff;
	text-decoration:underline;
}
.fancybox-loading {
	-webkit-animation:a .8s infinite linear;
	animation:a .8s infinite linear;
	background:transparent;
	border:6px solid hsla(0,0%,39%,.5);
	border-radius:100%;
	border-top-color:#fff;
	height:60px;
	left:50%;
	margin:-30px 0 0 -30px;
	opacity:.6;
	padding:0;
	position:absolute;
	top:50%;
	width:60px;
	z-index:99999;
}
@-webkit-keyframes a {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}to {
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg);
	}
}
@keyframes a {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}to {
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg);
	}
}
.fancybox-animated {
	transition-timing-function:cubic-bezier(0,0,.25,1);
}
.fancybox-fx-slide.fancybox-slide--previous {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
}
.fancybox-fx-slide.fancybox-slide--next {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
}
.fancybox-fx-slide.fancybox-slide--current {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
	opacity:0;
	transition-timing-function:cubic-bezier(.19,1,.22,1);
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity:1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	opacity:0;
	-webkit-transform:scale3d(1.5,1.5,1.5);
	transform:scale3d(1.5,1.5,1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
	opacity:0;
	-webkit-transform:scale3d(.5,.5,.5);
	transform:scale3d(.5,.5,.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
	opacity:0;
	-webkit-transform:rotate(-1turn);
	transform:rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
	opacity:0;
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
	opacity:1;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
	opacity:0;
	-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);
	transform:scale3d(0,0,0) translate3d(-100%,0,0);
}
.fancybox-fx-circular.fancybox-slide--next {
	opacity:0;
	-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);
	transform:scale3d(0,0,0) translate3d(100%,0,0);
}
.fancybox-fx-circular.fancybox-slide--current {
	opacity:1;
	-webkit-transform:scaleX(1) translateZ(0);
	transform:scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);
	transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);
	transform:translate3d(100%,0,0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform:translateZ(0) scale(1);
	transform:translateZ(0) scale(1);
}
.fancybox-share {
	background:#f4f4f4;
	border-radius:3px;
	max-width:90%;
	padding:30px;
	text-align:center;
}
.fancybox-share h1 {
	color:#222;
	font-size:35px;
	font-weight:700;
	margin:0 0 20px;
}
.fancybox-share p {
	margin:0;
	padding:0;
}
.fancybox-share__button {
	border:0;
	border-radius:3px;
	display:inline-block;
	font-size:14px;
	font-weight:700;
	line-height:40px;
	margin:0 5px 10px;
	min-width:130px;
	padding:0 15px;
	text-decoration:none;
	transition:all .2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	white-space:nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
	color:#fff;
}
.fancybox-share__button:hover {
	text-decoration:none;
}
.fancybox-share__button--fb {
	background:#3b5998;
}
.fancybox-share__button--fb:hover {
	background:#344e86;
}
.fancybox-share__button--pt {
	background:#bd081d;
}
.fancybox-share__button--pt:hover {
	background:#aa0719;
}
.fancybox-share__button--tw {
	background:#1da1f2;
}
.fancybox-share__button--tw:hover {
	background:#0d95e8;
}
.fancybox-share__button svg {
	height:25px;
	margin-right:7px;
	position:relative;
	top:-1px;
	vertical-align:middle;
	width:25px;
}
.fancybox-share__button svg path {
	fill:#fff;
}
.fancybox-share__input {
	background:transparent;
	border:0;
	border-bottom:1px solid #d7d7d7;
	border-radius:0;
	color:#5d5b5b;
	font-size:14px;
	margin:10px 0 0;
	outline:none;
	padding:10px 15px;
	width:100%;
}
.fancybox-thumbs {
	background:#f6f6f6;
	bottom:0;
	display:none;
	margin:0;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style:-ms-autohiding-scrollbar;
	padding:10px;
	position:absolute;
	right:0;
	-webkit-tap-highlight-color:transparent;
	top:0;
	width:212px;
	z-index:99995;
}
.fancybox-thumbs-x {
	overflow-x:auto;
	overflow-y:hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
	display:block;
}
.fancybox-show-thumbs .fancybox-inner {
	right:212px;
}
.fancybox-thumbs > ul {
	font-size:0;
	height:100%;
	list-style:none;
	margin:0;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0;
	position:absolute;
	position:relative;
	white-space:nowrap;
	width:100%;
}
.fancybox-thumbs-x > ul {
	overflow:hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
	width:7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
	background:#fff;
	border-radius:10px;
	box-shadow:inset 0 0 6px rgba(0,0,0,.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
	background:#2a2a2a;
	border-radius:10px;
}
.fancybox-thumbs > ul > li {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	cursor:pointer;
	float:left;
	height:75px;
	margin:2px;
	max-height:calc(100% - 8px);
	max-width:calc(50% - 4px);
	outline:none;
	overflow:hidden;
	padding:0;
	position:relative;
	-webkit-tap-highlight-color:transparent;
	width:100px;
}
.fancybox-thumbs-loading {
	background:rgba(0,0,0,.1);
}
.fancybox-thumbs > ul > li {
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.fancybox-thumbs > ul > li:before {
	border:4px solid #d9116a;
	bottom:0;
	content:"";
	left:0;
	opacity:0;
	position:absolute;
	right:0;
	top:0;
	transition:all .2s cubic-bezier(.25,.46,.45,.94);
	z-index:99991;
}
.fancybox-thumbs .fancybox-thumbs-active:before {
	opacity:1;
}



.fancybox-custom-layout .fancybox-outer {
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    margin: auto;
    overflow: visible;
    background: #f0f0f0;
    box-shadow: 1px 5px 15px rgba(0,0,0,0.1);
    transition: opacity .3s;
}
.fancybox-custom-layout.fancybox-is-closing .fancybox-outer {
    opacity: 0;
}
.fancybox-custom-layout .fancybox-bg {
    background: #f6f6f6;
}
.fancybox-custom-layout.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
.fancybox-custom-layout .fancybox-button,
.fancybox-custom-layout .fancybox-navigation button:before {
    background: transparent;
    background:#333;
    border-radius:50%;
    width:33px;
    height:33px;
    padding:6px;
    margin:5px 5px 0 ;
}
.fancybox-custom-layout .fancybox-navigation button {
    color: #333 !important;
    padding: 5px;
}
.fancybox-custom-layout .fancybox-button--arrow_left {
    left: 20px;
}
.fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right {
    right: 20px;
}


.fancybox-custom-layout-image .fancybox-outer {
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    margin: auto;
    overflow: visible;
    background: #fff;
    box-shadow: 1px 5px 15px rgba(0,0,0,0.1);
    transition: opacity .3s;
}
.fancybox-custom-layout-image.fancybox-is-closing .fancybox-outer {
    opacity: 0;
}
.fancybox-custom-layout-image .fancybox-bg {
    background: #f6f6f6;
}
.fancybox-custom-layout-image.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
.fancybox-custom-layout-image .fancybox-button,
.fancybox-custom-layout-image .fancybox-navigation button:before {
    background: transparent;
    background: #333;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    padding: 6px;
    margin: 5px 5px 0;
}
.fancybox-custom-layout-image .fancybox-navigation {
    display:none;
}
.fancybox-custom-layout-image .fancybox-navigation button {
    color: #333 !important;
    padding: 5px;
}
.fancybox-custom-layout-image .fancybox-button--arrow_left {
    left: 20px;
}
.fancybox-custom-layout-image.fancybox-show-thumbs .fancybox-button--arrow_right {
    right: 20px;
}


.fancybox-custom-layout-video .fancybox-outer {
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    margin: auto;
    overflow: visible;
    background: #fff;
    box-shadow: 1px 5px 15px rgba(0,0,0,0.1);
    transition: opacity .3s;
}
.fancybox-custom-layout-video.fancybox-is-closing .fancybox-outer {
    opacity: 0;
}
.fancybox-custom-layout-video .fancybox-bg {
    background: #f6f6f6;
}
.fancybox-custom-layout-video.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
.fancybox-custom-layout-video .fancybox-button,
.fancybox-custom-layout-video .fancybox-navigation button:before {
    background: transparent;
    background: #333;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    padding: 6px;
    margin: 5px 5px 0;
}
.fancybox-custom-layout-video .fancybox-navigation {
    display:none;
}
.fancybox-custom-layout-video .fancybox-navigation button {
    color: #333 !important;
    padding: 5px;
}
.fancybox-custom-layout-video .fancybox-button--arrow_left {
    left: 20px;
}
.fancybox-custom-layout-video.fancybox-show-thumbs .fancybox-button--arrow_right {
    right: 20px;
}

@media (max-width:800px) {
	.fancybox-thumbs {
		width:0;
        visibility:hidden;
	}
	.fancybox-show-thumbs .fancybox-inner {
		right:0;
	}
	.fancybox-thumbs > ul > li {
		max-width:calc(100% - 10px);
	}

    .fancybox-custom-layout-video .fancybox-outer,
    .fancybox-custom-layout .fancybox-outer {
        top: 10px;
        left: 10px;
        bottom: 10px;
        right: 10px;
        width:auto;
        height:auto;
    }
    .fancybox-slide {
        padding:0;
    }
}