/* Minification failed. Returning unminified contents.
(26,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,180): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color'
(52,89): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(53,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline'
(54,66): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(55,65): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline'
(56,75): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked'
(56,127): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-checked'
(57,109): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked'
(58,61): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-disabled'
(58,114): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-disabled'
(59,60): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled'
(60,148): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover'
(61,87): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover'
(61,137): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-hover'
(62,100): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover'
(66,64): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked'
(67,63): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(68,62): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline'
(69,73): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-checked'
(69,126): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color'
(70,106): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-checked'
(72,57): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-disabled'
(73,142): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover'
(74,84): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-hover'
(74,135): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color'
(75,97): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color-inline-hover'
(1341,42): run-time error CSS1046: Expect comma, found '133'
(1341,50): run-time error CSS1046: Expect comma, found '/'
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

body { margin:0; color:#222; font-size:13px; font-family:'Open Sans', Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; }

*::-moz-selection { background:rgba(0, 0, 0, 0.2); }
*::selection { background:rgba(0, 0, 0, 0.2); }

a { color:#000; text-decoration:none;  }
a:hover { color:#1F8585; text-decoration:none; }

:root {
	--input-background-color: #FFF;
	--input-border-color: #bfbfbf;
	--input-border-color-inline: #FFF;
	--input-border-color-checked: #00A678;
	--input-background-color-checked: #00C18C;
	--input-border-color-inline-checked: #00C18C;
	--input-border-color-disabled: #bfbfbf;
	--input-background-color-disabled: #efefef;
	--input-border-color-inline-disabled: #bfbfbf;
	--input-border-color-hover: #00C18C;
	--input-background-color-hover: #FFF;
	--input-border-color-inline-hover: #bfbfbf;
	--input-border-color-focus: #00A678;
}

/* Reset Css */
input, select, textarea, input[type='checkbox'], input[type='radio'] { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; }
input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline:0; }
input[type='submit'], button { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; outline:0; }

/* Customization checkbox & radio */
input[type='checkbox'], input[type='radio'] { width:18px; height:18px; line-height:18px; min-width:1px !important; margin:1px 10px -1px 0; padding:0; }
input[type='checkbox']::before, input[type='radio']::before { display:block; position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background-color:var(--input-background-color); transition:background-color 500ms, border-color 500ms; }
input[type='checkbox']::after, input[type='radio']::after { display:block; position:absolute; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:background-color 500ms, border-color 250ms; }

/* Customization checbox */
input[type='checkbox']::before { border-radius:4px; border:solid 1px; border-color:var(--input-border-color); }
input[type='checkbox']::after { border:solid; border-color:var(--input-border-color-inline); border-width:0 2px 2px 0; width:5px; height:10px; left:7px; bottom:5px; }
input[type='checkbox']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='checkbox']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='checkbox']:checked:not(:disabled)::before { border-color:var(--input-border-color-checked); background-color:var(--input-background-color-checked); }
input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='checkbox']:disabled::before { border-color:var(--input-border-color-disabled); background-color:var(--input-background-color-disabled); }
input[type='checkbox']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color:var(--input-background-color-hover); }
input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

/* Customization radio */
input[type='radio']::before { border-radius: 50%; border: solid 1px; }
input[type='radio']::after { border: solid; border-color: var(--input-border-color-inline-checked); border-width: 5px; border-radius: 50%; width: 0px; height:0px; left:4px; bottom:4px; }
input[type='radio']:not(:checked)::before { border-color:var(--input-border-color); }
input[type='radio']:not(:checked)::after { border-color:var(--input-border-color-inline); }
input[type='radio']:checked:not(:disabled)::before { border-color: var(--input-border-color-checked); background-color: var(--input-background-color); }
input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); }
input[type='radio']:disabled::before {}
input[type='radio']:disabled::after { border-color:var(--input-border-color-inline-disabled); }
input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); }
input[type='radio']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color: var(--input-background-color); }
input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); }

input, textarea, select { float:left; font-size:14px; font-family:'Open Sans', Arial; border-radius:0; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:'Open Sans', Arial; font-size:15px; font-weight:700; }

.input { width:100%; height:50px; padding:0 16px; border:2px solid #DDD; transition:ease 0.3s; background-color:#FFF; border-radius:6px; }
.input:focus { border-color:#00C18C; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); }

.select { background:#FFF url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; box-shadow: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

textarea.input { padding-top:10px !important; padding-bottom:10px !important; }

.button { float:none; height:50px; display:inline-block; padding:0 40px 0 30px; cursor:pointer; position:relative; color:#FFF; background-image:linear-gradient(145deg,#29B4B4,#1F8585); transition:all 0.25s; border-radius:6px; overflow:hidden; }
.button:hover { background-color:#6C3BDB; }
	.button::before { content:""; position:absolute; top:0; bottom:0; right:-40%; left:50%; background-image:linear-gradient(0deg,rgba(0, 0, 0, 0.0),#000); transform:skew(-40deg); opacity:0.1; transition:all 0.25s; }
	.button:hover::before { left:30%; }
	.button::after { content:""; position:absolute; top:0; bottom:0; right:15px; width:14px; background:url(../images/arrow-white-right.png) no-repeat right center / 100% auto; transition:all 0.25s; }
	.button:hover::after { right:10px; }
	
a.button { color:#FFF; font-weight:600; font-size:14px; line-height:50px; }

.powermix { float:left; width:100%; padding-top:100px; position:relative; }
	.outer { float:left; width:100%; padding:0 3%; position:relative; }
		.wrap { margin:0 auto; width:1320px; min-height:10px; position:relative; }

.tac { text-align:center; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.w100 { float:left; width:100% !important; }
.w50 { float:left; width:50%; }
.mt30 { margin-top:30px; }

.col-30 {
	float: left;
	width: 30% !important;
}

.col-70 {
	float: left;
	width: 70% !important;
}

/*	Start TOP	*/

.header { position:fixed; top:0; left:0; right:0; height:100px; z-index:8000; transition:all 0.4s; background-color:#FFF; box-shadow:0 0 10px rgba(0, 0, 0, 0.07); }
	.header::before { content:""; position:absolute; top:40px; left:0; right:0; height:1px; background-color:#F0F0F0; }
.nav-up { top:-100px; }
	
	#logo { position:absolute; top:0; left:0; z-index:100; transition:all 0.3s; }
		#logo a { float:left; padding:5px; background-color:#FFF; box-shadow:0 2px 0 #F00; }
		.nav-up #logo a { box-shadow:none; }
		#logo a:hover { box-shadow:0 2px 0 #000; }
			#logo img { float:left; height:90px; transition:all 0.3s; }
		
	.nav-icon , .sidebar-icon { display:none; }
	
	.header-top { float:right; width:100%; position:relative; z-index:50; }
		
		.header-search { float:right; width:200px; position:relative; }
			.header-search input { width:100%; height:40px; padding:0 40px 0 20px; font-size:13px; font-weight:500; line-height:40px; background-image:linear-gradient(180deg,#E5E5E5,#FFF); }
			.header-search input:focus { background:#FFF; box-shadow:0 0 15px rgba(0, 0, 0, 0.15); }
			.header-search button { position:absolute; right:0; top:0; width:40px; height:40px; background:url(../images/icon-search.png) no-repeat center / 16px; border:none; text-indent:-9999px; opacity:0.7; }
			.header-search button:hover { background-size:18px; opacity:1; }
		
		.header-lang-wrap { float:right; padding-right:20px; position:relative; height:40px; z-index:100; font-weight:600; text-align:center; }
			.header-lang-icon { float:right; padding-right:16px; position:relative; background:url(../images/arrow-down.png) no-repeat right center / auto 5px; cursor:pointer; z-index:250; color:#666; line-height:40px; }
            .header-lang-icon > img {
                width: 24px;
                vertical-align: middle;
            }

.header-lang {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 45px;
    display: none;
    z-index: 300;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 0 #1f8585, 0 5px 15px rgba(0,0,0,.1);
}

    .header-lang::before {
        content: "";
        border-bottom: 4px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        height: 0;
        position: absolute;
        width: 0;
        right: 40px;
        top: -4px;
        border-bottom-color: #fff;
    }
				
	.header-lang ul { width:100%; }
    .header-lang li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }
						.header-lang li a { float:left; width:100%; color:#000; line-height:40px; box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.08); }
						.header-lang li:last-child a { box-shadow:none; }
						.header-lang li a:hover { opacity:0.7; }
                        .header-lang li img { width: 60%; vertical-align: middle; }

						.header-catalog { float:right; padding:7px 6px 0 0; position:relative; height:40px; z-index:100 }
						.header-catalog a img { width:20px; }
	
	#nav { float:left; position:relative; z-index:40; left: 130px; padding: 0 20px; width: 100%; }
		#nav li { position:relative; }
		#nav li:hover { z-index:10; }
			#nav li::after { content:""; float:right; width:1px; height:20px; margin:20px 35px 0 35px; background-color:#EBEBEB; }
			#nav li:last-child::after { display:none; }
			#nav li > a { float:left; font-weight:700; color:#000; font-size:14px; line-height:60px; position:relative; transition:all 0.3s; }
			#nav li > a:hover { color:#1F8585; }
			
			#nav > ul li span { display:none; position:absolute; top:60px; left:-35px; width:260px; padding:20px; background-color:#FFF; box-shadow:0 10px 50px rgba(0, 0, 0, 0.2); text-align:left; border-top:2px solid #ff0000; }
			#nav > ul li.nav-multi-products span { width:400px; }
				#nav li span::before { 
					content:"";
					border-bottom:3px solid transparent;
					border-left:8px solid transparent;
					border-right:8px solid transparent;
					height: 0;
					position: absolute;
					width:0;
					left:50px;
					top:-5px;
					border-bottom-color:#ff0000;
				}
				#nav > ul li span > a { float:left; width:100%; padding:10px; position:relative; font-weight:600; transition:all 0.3s; border-bottom:1px solid rgba(0, 0, 0, 0.05); }
				#nav > ul li.nav-multi-products span > a { width:50%; }
				#nav > ul li span > a:first-child { border-top:1px solid rgba(0, 0, 0, 0.05); }
				#nav > ul li.nav-multi-products span > a:first-child { border-top:0; }

.search-icon {
    float: right;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 250;
    transition: all 0.3s;
}

    .search-icon::after {
        content: "";
        float: left;
        width: 100%;
        height: 100%;
        background: url(../images/icon-search.png) no-repeat center;
        background-size: 20px;
        transition: all 0.3s;
    }

.search-icon-close {
    background-color: #1f8585 !important;
}

    .search-icon-close::after {
        background-image: url(../images/icon-close.png);
        background-size: 30px;
    }

.top-search {
    position: absolute;
    top: 40px;
    right: 0;
    display: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 1900;
    width: 50%;
}

    .top-search input {
        width: 100%;
        height: 50px;
        padding: 0 80px 0 20px;
        border: none;
        background-color: #FFF;
        font-size: 17px;
        line-height: 50px;
        border-radius: 0 0 3px 3px;
        box-shadow: 0 2px 0 #1f8585;
    }

        .top-search input:focus {
            box-shadow: 0 2px 0 #1f8585;
        }

    .top-search button {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 60px;
        height: 30px;
        border: none;
        background: #1f8585;
        text-indent: -9999px;
        border-radius: 3px;
    }
    .top-search button:after {
        content:"";
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        height: 30px;
        background: url(../images/icon-search.png) no-repeat center;
        background-size: 16px;
        filter: brightness(0) invert(1);
    }

        .top-search button:hover {
            background-size: 18px;
        }

/*	Finish TOP	*/

.hero-screen { float:left; width:100%; position:relative; z-index:2000; }
	.hero-screen > img { float:left; width:100%; max-height:800px; }
	.hero-video-wrap { position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; }
		.hero-video { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:10; object-fit:cover; }
		
	.hero-background { display:none; }
	.hero-message { position:absolute; bottom:0; left:0; right:0; z-index:20; padding:70px 20px 74px 20px; color:#FFF; text-align:center; font-size:17px; line-height:24px; background-image:linear-gradient(180deg,rgba(87, 16, 25, 0),#571019); }
		.hero-message strong { float:left; width:100%; position:relative; font-weight:600; font-size:60px; line-height:60px; }
		.hero-message span { float:left; width:100%; padding-top:38px; position:relative; }
			.hero-message span::before { content:""; position:absolute; top:20px; left:50%; width:40px; height:2px; margin-left:-20px; background-color:#1F8585; }

/*	Finish HERO VIDEO	*/

.controls { height:100%; }
	.slick-prev , .slick-next { 
		position:absolute;
		top:50%;
		width:40px; 
		height:40px; 
		margin-top:-20px;
		text-indent:-9999px; 
		cursor:pointer;
		z-index:1000;
		transition:all 0.2s ease;
		background:#FFF url(../images/arrow-left.png) no-repeat center / auto 20px;
		opacity:0.6;
		}
		
	.slick-prev { left:0; }
	.slick-next { right:0; background-image:url(../images/arrow-right.png); }
	
	.slick-prev:hover , .slick-next:hover { opacity:1; }
	
	ul.slick-dots { position:absolute; text-align:center; right:0; left:0; bottom:0; padding:20px 0; z-index:1000; background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)); }
		ul.slick-dots li { float:none; height:12px; margin:0 5px; display:inline-block; }
			ul.slick-dots li button { float:left; width:12px; height:12px; cursor:pointer; background-color:#FFF; transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.5; border-radius:50%; }
			ul.slick-dots li button:hover { opacity:0.6; }
			ul.slick-dots li.slick-active button { opacity:1; }

.slider-hero-wrap { float:left; width:100%; position:relative; z-index:700; }
	.slider-hero { float:left; width:100%; position:relative; z-index:700; overflow:hidden; }
		.slider-hero-item { float:left; width:100%; position:relative; color:#FFF; }
			.slider-hero-item a { color:#FFF; }
			.slider-hero-item img { float:left; width:100%; position:relative; }
			
			.slider-hero-title { position:absolute; top:0; bottom:0; left:0; right:0; z-index:10; background:url(../images/hero-mask.png) no-repeat 0 0 / auto 100%; overflow:hidden; }
			
			.slider-hero-title-in { float:left; width:100%; padding:50px 0; position:relative; }
				/*.slider-hero-title-in::before { content:""; position:absolute; top:0; left:0; right:50%; bottom:0; background-image:linear-gradient(90deg,rgba(0,0,0,0.0),#000); opacity:0.7; border-radius:0 8px 8px 0; }*/
			
			.slider-hero-title section { float:left; width:calc(50% - 50px); position:relative; text-shadow:2px 2px rgba(0,0,0,.5); }
				.slider-hero-title strong { float:left; width:100%; position:relative; font-family:Bebas; font-size:57px; font-weight:700; line-height:60px; }
				.slider-hero-title span { float:left; width:100%; padding-top:41px; position:relative; font-size:17px; font-weight:600; line-height:25px; }
					.slider-hero-title span::before { content:""; position:absolute; top:20px; left:0px; width:80px; height:2px; background-color:#FFF; }

.slider-hero .slider-hero-title::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/for-slider-3.png) no-repeat;
    background-size: 100% 100%;
}

.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }

.doc-table {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 14px;
}

    .doc-table ul {
        width: 100%;
    }

    .doc-table li {
        width: 100%;
        padding: 15px 20px;
        border-bottom: 1px solid #EEE;
        border-radius: 4px;
        transition: all 0.2s;
    }

        .doc-table li:hover {
            background-color: #F8F9FB;
        }

        .doc-table li:first-child {
            background-color: #F2F4F7;
            color: #151515;
            font-weight: 600;
        }

        .doc-table li a {
            font-weight: 600;
        }

.icon-pdf, .icon-excel, .icon-word {
    content: "PDF";
    display: inline-block;
    width: 100px;
    height: 30px;
    margin: -5px 0;
    font-size: 14px;
    font-family: Bebas;
    color: #FFF;
    line-height: 30px;
    background-color: #F24236;
    text-align: center;
    border-radius: 15px;
}

    .icon-pdf::before {
        content: "PDF";
    }

.icon-excel {
    background-color: #4DA462;
}

    .icon-excel::before {
        content: "EXCEL";
    }

.icon-word {
    background-color: #2A76E6;
}

    .icon-word::before {
        content: "WORD";
    }


/*	Finish SLIDER	*/

.mask , .mask-top { position:absolute; bottom:0; left:0; right:0; z-index:700; }
.mask-top { top:0; bottom:auto; }
	.mask > img , .mask-top > img { float:left; width:100%; }

/*	Start FOOTER	*/

.footer-connect { float:left; width:100%; position:relative; z-index:10; overflow:hidden; }
	.footer-connect::before { content:""; position:absolute; top:50%; bottom:0; left:0; right:0; background-color:#252525; }
	.footer-connect section { float:left; width:100%; padding:50px 0; position:relative; }
		.footer-connect section::before { content:""; position:absolute; top:0; bottom:0; right:0; left:-500px; background:url(../images/bg-footer.jpg) no-repeat 0 center / cover; border-radius:0 6px 6px 0; }
		.footer-connect section::after { content:""; position:absolute; top:0; bottom:0; right:0; left:-500px; background-image:linear-gradient(145deg,rgba(0,0,0,0.85) 30%, #2ec5c5); }
		.footer-connect a { float:left; width:40%; margin: 0 15%; padding:15px 40px; position:relative; box-shadow:inset 2px 0 0 #ff0000; font-size:30px; color:#FFF; line-height:30px; transition:all 0.3s; z-index:10; letter-spacing:-0.5px; }
		.footer-connect a:hover { box-shadow:inset 4px 0 0 #FFF; background-position:right 45px center; }
			.footer-connect a strong { font-weight:600; }
			.footer-connect a::after { content:""; position:absolute; top:50%; right: -50px; width:60px; height:60px; margin-top:-30px; border:1px solid #FFF; border-radius:50%; background:url(../images/arrow-white-right.png) no-repeat center / 20px; transition:all 0.3s; }
			.footer-connect a:hover::after { right:-70px; }

.footer-wrap { float:left; width:100%; position:relative; background-color:#252525; color:#FFF; }
	.footer { float:left; width:100%; padding-top:85px; padding-bottom:47px; position:relative; }
		.footer a { color:#FFF; }
		.footer a:hover { color:#2ec5c5; }
		
		.footer-title { float:left; width:100%; margin:10px 0 6px 0; position:relative; }
			.footer-title::before { content:""; position:absolute; top:50%; left:0; right:0; height:1px; background-color:rgba(255, 255, 255, 0.07); }
			.footer-title strong { float:left; padding-right:15px; position:relative; background-color:#252525; font-size:14px; font-weight:600; color:#34c7c7; }
			.footer-title a { color:#2EC5C5; }
		
		.footer-block { float:left; width:25%; padding:0 20px 8px 20px; }
		.footer-block-wide { width:50%; }
		
		.footer-about { float:left; width:100%; }
			.footer-about img { float:left; height:24px; margin-top:3px; }
			.footer-about section { float:left; width:100%; margin:48px 0 17px 0; line-height:30px; }
					
	.footer-top { float:left; width:100%; padding:50px 0; position:relative; background-color:#000; }
		
		.footer-phone { float:left; width:100%; }
			.footer-phone a { font-size:35px; font-weight:700; color:#FFF; line-height:50px; margin-left:20px; font-family: 'Bebas'; }
                .footer-phone a span { margin-left:20px; }
				.footer-phone a img { float:left; height:50px; padding:15px; padding-right:15px; background-color:rgba(255, 255, 255, 0.1); filter: invert(0%) sepia(100%) saturate(100%) hue-rotate(220deg) brightness(1000%) contrast(100%); }
		
		.footer-social { float:right; }
			.footer-social li { padding-right:20px; }
			.footer-social li:last-child { padding-right:0; }
				.footer-social li a { float:left; background-color:rgba(255, 255, 255, 0.1); transition:all 0.25s; }
				.footer-social li a:hover { background-color:#FFF; }
					.footer-social li a img { float:left; width:50px; padding:4px; filter:invert(100%) sepia(100%) saturate(100%) hue-rotate(220deg) brightness(1000%) contrast(100%); }
					.footer-social li a:hover img { filter:none; }
		
		.footer-links { float:left; width:100%; padding-top:14px; }
			.footer-links ul { width:100%; }
				.footer-links li { width:100%; padding-bottom:10px; }
				.footer-block-wide .footer-links li { width:50%; }
					.footer-links li a { float:left; width:100%; }
			
		.copyright { float:left; width:100%; padding-top:50px; padding-bottom:50px; position:relative; color:rgba(255, 255, 255, 0.7); z-index:10; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.06); }
			.copyright a { color:#FFF; font-weight:600; }
			.copyright a:hover { color:#999; }
	
/*	Start CONTENT	*/

.page-title { float:left; width:100%; margin:51px 0 19px 0; position:relative; font-family:Bebas; font-size:43px; line-height:50px; color:#1F8585; z-index:30; }
.medium-title { float:left; width:100%; margin:55px 0 25px 0; position:relative; font-size:30px; font-weight:600; letter-spacing:-1px; line-height:30px; color:#004C72; z-index:30; }
	
.text-white { color:#FFF !important; }
	
.page-about { float:left; width:100%; margin:-8px 0 33px 0; position:relative; font-size:15px; line-height:25px; z-index:20; }
.page-summary { padding-left:40px; margin-top:2px; box-shadow:inset 2px 0 0 #DDD; }
	.page-about a { font-weight:600; }
	.page-about b , .page-about strong { font-weight:normal; font-weight:700; color:#151515; }

.page-photo { float:right; width:50%; max-width:510px; padding:0 0 20px 30px; }
	.page-photo img { float:left; width:100%; border-radius:6px; }

.inner-40 { margin:0 -40px; }
.inner-30 { margin:0 -30px; }
.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-10 { margin:0 -10px; }
.inner-8 { margin:0 -8px; }
.inner-5 { margin:0 -5px; }
.inner-2 { margin:0 -2px; }

.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.top-50 { padding-top:50px; }
.bottom-150 { padding-bottom:150px; }
.bottom-100 { padding-bottom:100px; }
.bottom-50 { padding-bottom:50px; }

.left-80 { padding-left:80px; }
.right-80 { padding-right:80px; }

.block-gradient { padding-left:40px; padding-right:40px; background-image:linear-gradient(180deg,#F9F5F1,#FFF); }

.hero-sectors { float:left; width:100%; margin-top:60px; }
	.hero-sectors ul { width:100%; }
		.hero-sectors li { width:25%; padding:0 8px 16px 8px; }
		.hero-sectors li:first-child , .hero-sectors li:last-child { width:50%; }
			.hero-sectors li a { float:left; width:100%; position:relative; color:#FFF; overflow:hidden; border-radius:6px; }
				.hero-sectors li a section { float:left; width:100%; height:240px; position:relative; }
					.hero-sectors li a section::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; opacity:0.05; transition:all 0.25s; }
					.hero-sectors li a:hover section::after { opacity:0.25; }
					.hero-sectors li a section img { width:100%; height:100%; object-fit:cover; }
				.hero-sectors li a strong { position:absolute; left:0; right:0; bottom:0; padding:39px 50px 21px 25px; z-index:10; background-image:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.4)); font-weight:600; font-size:15px; }
					.hero-sectors li a strong::after { content:""; position:absolute; right:20px; bottom:20px; width:16px; height:16px; background:url(../images/arrow-white-right.png) no-repeat 0 0 / 16px; transition:all 0.15s; }
					.hero-sectors li a:hover strong::after { right:13px; }

.product-list { float:left; width:100%; margin-bottom:-40px; text-align:center; }
	.product-list ul { width:100%; display:flex; flex-flow:row wrap; }
		.product-list li { width:33.33334%; padding:0 20px 40px 20px; }
		.home-list li { width:25%; }
			.product-list li a { float:left; width:100%; height:100%; padding:25px; border-radius:6px; box-shadow:0 5px 20px rgba(0, 0, 0, 0.1); transition:all 0.3s; }
			.product-list li a:hover { box-shadow:0 10px 25px rgba(0, 0, 0, 0.2); }
				.product-list li a img { max-width:100%; max-height:200px; display:inline-block; }
				.product-list li a strong { float:left; width:100%; padding:19px 0 16px 0; font-weight:600; font-size:15px; }
				.product-list li a span { float:left; width:100%; position:relative; }
					.product-list li a span::before { content:""; position:absolute; top:50%; left:0; right:0; height:2px; margin-top:-1px; background-color:#EEE; }
					.product-list li a span i { display:inline-block; padding:0 15px; background-color:#FFF; position:relative; }
						.product-list li a span i em { float:left; height:30px; padding:0 23px; border:2px solid #EEE; font-family:Bebas; font-size:14px; letter-spacing:1px; color:#666; line-height:26px; position:relative; border-radius:15px; transition:all 0.3s; }
						.product-list li a:hover span i em { background-color:#EEE; }
						
.container { float:left; width:100%; position:relative; }
	
	.sidebar { float:left; width:260px; }
		.sidebar-menu { float:left; width:100%; }
			.sidebar-menu ul { width:100%; border-top:1px solid #EEE; }
				.sidebar-menu li { width:100%; border-bottom:1px solid #EEE; }
					.sidebar-menu li a { float:left; width:100%; padding:10px 30px 10px 20px; position:relative; font-weight:600; }
					.sidebar-menu li a.current { color:#1F8585; background-image:linear-gradient(90deg,#F4F4F4,#FFF); }
						.sidebar-menu li a::before { content:""; position:absolute; top:8px; bottom:8px; left:0; width:2px; background-color:#FFF; transition:all 0.25s; }
						.sidebar-menu li a:hover::before { background-color:#CCC; }
						.sidebar-menu li a.current::before { background-color:#1F8585; }
						.sidebar-menu li a span { position:absolute; top:50%; right:0; margin-top:-10px; min-width:20px; padding:0 5px; background-color:#F4F4F4; color:#999; border-radius:3px; text-align:center; }
						.sidebar-menu li a:hover span { background-color:#2EC5C5; color:#FFF; }
	
	.right-block { float:right; width:calc(100% - 300px); }
	
.spacer { float:left; width:100%; height:40px; }

.product-wrap { float:left; width:100%; position:relative; }
	
	.product-left { float:left; width:400px; }
		.slider-product-wrap { float:left; width:100%; position:relative; padding:9px; border:1px solid #DDD; background-color:#FFF; box-shadow:0 5px 20px rgba(0, 0, 0, 0.04); border-radius:6px; } 
			.slider-product { float:left; width:100%; position:relative; overflow:hidden; border-radius:4px; } 
				.slider-product div { float:left; width:100%; position:relative; text-align:center; }
					.slider-product div img { width:100%; max-width:500px; }
	
	.product-right { float:right; width:calc(100% - 440px); }
		.product-specs { float:left; width:100%; margin-top:-5px; color:#000; }
	
.product-wrap .page-title { margin-top:21px; }

.link-all { float:left; width:100%; position:relative; text-align:center; }
	.link-all a { display:inline-block; height:40px; padding:0 25px; position:relative; border:1px solid #DFDFDF; color:#999; line-height:37px; border-radius:20px; transition:all 0.6s; }
	.link-all a:hover { border-color:#666; color:#000; }

.grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.grayscale:hover { filter:none; -webkit-filter:none; }

.home-hero-block { float:left; width:100%; padding-left:50%; position:relative; display:flex; flex-flow:row wrap; }
	.home-hero-block picture { position:absolute; top:0; bottom:0; left:0; width:50%; background-size:cover; background-position:center; background-repeat:no-repeat; }
	.home-hero-mission , .home-hero-dealers { float:left; width:50%; padding-left:10%; padding-right:10%; position:relative; background-color:#F5F5F5; font-weight:600; color:#1F8585; }
	.home-hero-dealers { background-color:#1F8585; color:#FFF; }
		.home-hero-mission h4 , .home-hero-dealers h4 { float:left; width:100%; margin:5px 0 35px 0; font-size:20px; font-weight:600; line-height:25px; }
		.home-hero-mission a , .home-hero-dealers a { float:left; width:100%; border:1px solid #1F8585; color:#1F8585; font-size:14px; line-height:48px; border-radius:25px; text-align:center; transition:all 0.2s; }
		.home-hero-mission a:hover , .home-hero-dealers a:hover { background-color:rgba(0,0,0,0.1); }
		.home-hero-dealers a { border:1px solid #FFF; color:#FFF; }

.blog { float:left; width:100%; overflow:hidden; }
	.blog ul { width:100%; display:flex; flex-flow:row wrap; }
		.blog li { width:25%; padding:0 20px; margin-bottom:31px; }
			.blog li a { float:left; width:100%; padding-bottom:2px; }
			.blog li section { float:left; width:100%; position:relative; overflow:hidden; border-radius:6px; }
				.blog li section i { float:left; width:100%; background-size:cover; background-position:center; transform-origin:center bottom; transition:all 1s; }
				.blog li a:hover section i { transform:scale(1.08, 1.08); }
					.blog li i img { float:left; width:100%; }
			.blog li a span { float:left; width:100%; padding:15px 0 7px 0; color:#999; position:relative; font-family:Bebas; font-size:16px; letter-spacing:1px; }
				.blog li a span::before { content:""; float:left; width:20px; height:2px; margin:9px 20px 0 0; background-color:#CCC; transition:all 0.5s; }
				.blog li a:hover span::before { width:40px; margin-right:10px; }
			.blog li a strong { float:left; width:100%; font-weight:500; font-size:15px; line-height:25px; overflow:hidden; }
				
.blog-photo { float:left; width:35%; margin-bottom:10px; }
	.blog-photo > section { float:left; width:100%; margin-bottom:15px; }
		.blog-photo > section img { width:100%; border-radius:6px; }
	
	.page-share { float:left; width:100%; margin:-10px 0 0 0 !important; }
		.page-share ul { float:left; }
			.page-share li a { background-color:#EEE; }

.blog-content { float:left; width:65%; padding-left:50px; }
	.blog-detail { float:left; width:100%; }
		
		.date { float:left; width:100%; padding-left:35px; margin:11px 0 24px 0; font-size:14px; font-weight:600; color:#999; position:relative; }
			.date::before { content:""; position:absolute; left:0; top:40%; width:20px; height:2px; background-color:#FF7F4C; }

.sub-hero { float:left; width:100%; position:relative; z-index:100; text-align:center; background-color:#FFF; background-size:cover; background-position:center; }
	.sub-hero picture img { float:left; width:100%; max-height:400px; }
	
.breadcrumb { float:left; width:100%; position:relative; height:60px; z-index:10; background-image:linear-gradient(180deg,#F4F4F4,#FFF); box-shadow:0 0 10px rgba(0, 0, 0, 0.07); line-height:60px; overflow:hidden; }
	.breadcrumb section { float:left; }
		.breadcrumb a { float:left; color:#666; }
		.breadcrumb a:hover { color:#000; box-shadow:inset 0 -2px 0 #CCC; }
		.breadcrumb i { float:left; width:1px; height:20px; margin:20px 25px; background-color:rgba(0, 0, 0, 0.1); transform:skewX(-20deg); }
		.breadcrumb strong { float:left; color:#000; font-weight:600; }
	
.simple-list { float:left; width:100%; margin-top:10px; line-height:25px; }
	.simple-list ul { width:100%; display:flex; flex-flow:row wrap; }
		.simple-list li { width:50%; padding:0 20px 20px 30px; position:relative; display:inline-block; vertical-align:top; background:url(../images/icon-ok.png) no-repeat 0 4px / 17px auto; }
		
.block-two { width:48%; }

.slider-gallery-wrap { float:left; width:100%; position:relative; overflow:hidden; } 
	.slider-gallery { float:left; width:100%; position:relative; overflow:hidden; } 
		.slider-gallery-item { float:left; width:100%; padding:0 2px; position:relative; } 
			.slider-gallery div a { float:left; width:100%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:6px; } 
				.slider-gallery div a::after { content:""; position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px; background:url(../images/icon-zoom.png) no-repeat center / 100%; } 
				.slider-gallery div a img { float:left; width:100%; }

.gallery { float:left; width:100%; position:relative; overflow:hidden; }
	.gallery ul { width:100%; margin-bottom:20px; }
		.gallery li { width:25%; padding:0 5px 10px 5px; position:relative; }
			.gallery li a { float:left; width:100%; position:relative; overflow:hidden; color:#FFF; border-radius:5px; }
				.gallery li a::after { 
					content:""; 
					position:absolute; 
					top:1px;
					bottom:1px;					
					left:1px;
					right:1px;
					background:rgba(0, 0, 0, 0.2) url(../images/icon-zoom.png) no-repeat center / 40px;
					transition:all 0.3s;
					z-index:10;
					}
				.gallery li a:hover::after { background-color:rgba(0, 0, 0, 0.0); }
				.gallery li a section { float:left; width:100%; position:relative; overflow:hidden; }
					.gallery li a span { float:left; width:100%; background-size:cover; background-position:center top; transform-origin:center bottom; transition:all 1s; }
					.gallery li a:hover span { transform:scale(1.07, 1.07); }
						.gallery li a span img { float:left; width:100%; }
						
.certificates { float:left; width:100%; text-align:center; position:relative; z-index:100; overflow:hidden; }
	.certificates ul { width:100%; overflow:hidden; display:flex; flex-flow:row wrap; }
		.certificates li { width:25%; padding:0 15px; margin-bottom:30px; position:relative; }
			.certificates li a { float:left; width:100%; height:100%; padding:29px; border:1px solid #DDD; border-radius:5px; transition:all 0.3s; }
			.certificates li a:hover { border-color:#666; }
				.certificates li a section { float:left; width:100%; height:220px; display:table; }
					.certificates li a section strong { display:table-cell; vertical-align:middle; width:100%; }
						.certificates li a section strong img { max-width:100%; max-height:200px; }
				.certificates li a article { float:left; width:100%; margin:5px 0 -5px 0; font-weight:600; }
				
.dealers-map { float:left; width:100%; height:600px; margin-bottom:30px; }

.powermix-video { float:left; width:100%; max-width:1000px; height:480px; }

/*	Start CONTACT	*/
	
.accordion { float:left; width:100%; font-size:16px; border-bottom:1px solid #EEE; }
	
	.accordion-section-title { float:left; width:100%; padding:19px 35px 15px 20px; border-top:1px solid #EEE; position:relative; font-family:Teko; font-size:22px; }
	
		.accordion-section-title::before { content:""; position:absolute; top:50%; right:10px; width:14px; height:2px; margin-top:-2px; background-color:#B0BAC4; transition:all 0.25s; border-radius:2px; }
		.accordion-section-title::after { content:""; position:absolute; right:16px; top:50%; height:14px; width:2px; margin-top:-8px; background-color:#B0BAC4; transition:all 0.25s; border-radius:2px; }
		
		.cell-01 { float:left; width:55%; }
		.cell-02 { float:left; width:15%; text-align:center; }
		.cell-03 { float:left; width:30%; }
	
	.accordion-section-title.active { font-weight:500; color:#151515; }
	.accordion-section-title.active::before , 
	.accordion-section-title.active::after { background-color:#1F8585; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
	
	.accordion-section-content { float:left; width:100%; padding:15px 25px 20px 25px; position:relative; display:none; color:#666; line-height:25px; background-image:linear-gradient(180deg,#F6F8F8,#FFF); }
		.accordion-section-content::before { 
				content:"";
				border-top:4px solid transparent;
				border-left:8px solid transparent;
				border-right:8px solid transparent;
				height:0;
				position:absolute;
				width:0;
				left:37px;
				top:1px;
				border-top-color:#1F8585;
			}
		.accordion-section-content::after { content:""; position:absolute; width:50px; height:2px; left:20px; top:0; background-color:#1F8585; }
		.accordion-section-content section { float:left; width:100%; }
		
.hero-map { float:left; width:100%; height:480px; position:relative; z-index:20; border-bottom:2px solid #000; }

.contact-info { float:left; width:100%; position:relative; text-align:center; }
	.contact-info ul { width:100%; display:flex; flex-flow:row wrap; }
		.contact-info li { width:33.33334%; padding:0 10px 20px 10px; }
			.contact-info li section { float:left; width:100%; height:100%; padding:15px 20px; border-bottom:2px solid #2EC5C5; box-shadow:0 5px 20px rgba(0, 0, 0, 0.07); border-radius:6px; transition:all 0.3s; }
			.contact-info li section:hover { box-shadow:0 10px 40px rgba(0, 0, 0, 0.15); }
				.contact-info li section > img { display:inline-block; height:40px; margin-top:5px; }
				.contact-info li section > strong { float:left; width:100%; margin:22px 0 13px 0; font-family:Bebas; font-size:24px; color:#000; }
				.contact-info li section > span { float:left; width:100%; margin-bottom:5px; font-size:14px; color:#666; }		

.contact-form { float:left; width:100%; max-width:1000px; }
	.form-item { float:left; width:50%; padding:0 15px 30px 15px; position:relative; }
	.form-item:last-child { padding-bottom:0; }
		.form-item label { float:left; width:100%; }
		.form-item section { float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:-10px; }
		
		.security-code img { float:left; width:130px; height:50px; margin-right:10px; padding:2px; border:2px solid #DEE8ED; background-color:#FFF; border-radius:6px; }
		.security-code a.refresh { float:left; width:50px; height:50px; text-indent:-9999px; background:#FFF url(../images/refresh.png) no-repeat center center / 24px; border:2px solid #DEE8ED; border-radius:6px; }
		.security-code a:hover.refresh { background-color:#EEE; }
		
		.upload { float:left; width:100%; height:50px; position:relative; text-align:center; }
			.upload span { float:left; width:100%; height:100%; position:relative; color: #FFF; font-weight:600; font-size:14px; line-height:50px; z-index:2; background-color:#4D839D; border-radius:6px; }
			.upload:hover span { background-color:#1F8585; }
			.upload input { display:block !important; width:100% !important; height:100% !important; opacity:0 !important; overflow:hidden !important; position:absolute; left:0; top:0; z-index:3; cursor:pointer; }

/*	Start PAGINATION	*/
	
.pages { float:left; width:100%; margin-top:40px; font-weight:600; font-size:13px; line-height:43px; text-align:center; }
	.pages ul { width:100%; }
		.pages li { float:none; display:inline-block; padding:0 5px; }
			.pages li a { float:left; min-width:45px; height:45px; padding:0 10px; color:#999; border:1px solid rgba(0,0,0,0.15); transition:all 0.3s; border-radius:23px; }
			.pages li a:hover { border-color:#999; }
			.pages li a.current { color:#FFF; background-color:#1F8585; }
				
.cookies-wrap { position:fixed; right:20px; bottom:20px; left:20px; z-index:7950; text-align:center; }
	.cookies { float:left; width:100%; padding:20px 25px; position:relative; background-color:rgba(0, 0, 0, 0.9); color:rgba(255, 255, 255, 0.8); border-radius:5px; }
		.cookies::before { content:""; position:absolute; right:15px; top:15px; left:15px; bottom:0; background:url(../images/icon-cookies.png) no-repeat 0 top / 60px auto; opacity:0.15; }
		.cookies section { float:left; width:100%; position:relative; }
		.cookies-close { position:absolute; top:-16px; right:20px; width:32px; height:32px; }
			.cookies-close span { float:left; width:100%; height:100%; position:relative; border-radius:50%; text-indent:-9999px; background:#F00 url(../images/icon-close.png) no-repeat center / 20px; cursor:pointer; border:2px solid #FFF; }
			.cookies-close span:hover { background-size:18px; background-color:#000; }

.features-left {
    float: left;
    width: 100%;
    background-color: #F7F7F7;
    position: relative;
}

.features-slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

    .features-slider div {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .features-slider ul.slick-dots li button {
        width: 20px;
    }

.features-content {
    float: right;
    width: 50%;
    min-height: 400px;
    padding: 40px 80px;
    font-size: 15px;
    line-height: 25px;
    display: table;
}

    .features-content.homepage-item {
        width: 100%;
    }

    .features-content section {
        width: 100%;
        padding: 30px 0;
        display: table-cell;
        vertical-align: middle;
    }

    .features-content h2 {
        float: left;
        width: 100%;
        padding-bottom: 26px;
        position: relative;
        font-size: 27px;
        line-height: 30px;
        color: #1F8585;
        font-weight: 700;
        letter-spacing: -0.5px;
    }

        .features-content h2::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 11px;
            width: 30px;
            height: 2px;
            background-color: #114242;
            opacity: 0.5;
        }

.features-right .features-slider {
    left: 50%;
    right: 0;
}

.features-right .features-content {
    float: left;
}

.home-products {
    float: left;
    width: 100%;
    /*margin: 5% 0 4% 0;*/
}

.home-inner {
    margin: 0 -15px;
}

.home-products ul {
    width: 100%;
}

.home-products li {
    width: 25%;
    padding: 0 15px;
}

.home-products.two-sided li {
    width: 50%;
    padding: 0 15px;
}

.home-products li section {
    float: left;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
    transition: all 0.25s;
    margin-top: 15px;
}

    .home-products li section:hover {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.65);
    }

.home-products-image {
    float: left;
    width: 100%;
    /*padding: 30px;*/
    border-bottom: 2px solid #ff0000;
    text-align: center;
    background: -webkit-linear-gradient(top, #FFF, #F2F2F2);
    background: -o-linear-gradient(top, #FFF, #F2F2F2);
    background: -moz-linear-gradient(top, #FFF, #F2F2F2);
    background: linear-gradient(top, #FFF, #F2F2F2);
}

    .home-products-image img {
        max-width: 100%;
        max-height: 200px;
    }

.two-sided .home-products-image img {
    max-width: 100%;
    min-height: 302px;
}

.home-products-content {
    float: left;
    width: 100%;
    min-height: 280px;
    padding: 12.5px 15px;
    font-size: 15px;
    position: relative;
}

    .home-products-content h3 {
        float: left;
        width: 100%;
        min-height: 25px;
        margin: -4px 0 0px 0;
        font-size: 21px;
        font-weight: 700;
        line-height: 25px;
    }

        .home-products-content h3 > a {
            color: #031D34;
        }

            .home-products-content h3 > a:hover {
                color: #1F8585;
            }

    .home-products-content label {
        display: block;
        float: left;
        width: 100%;
        font-size: 13px;
    }

    .home-products-content p {
        float: left;
        width: 100%;
        height: 62px;
        font-size: 13px;
        /*overflow: hidden;*/
        color: #666;
    }

        .home-products-content p a {
            color: #999 !important;
        }

    .home-products-content > a {
        display: block;
        float: left;
        margin-top: 20px;
        color: #999;
        font-size: 13px;
        font-weight: 600;
        position: inherit;
    }

    .home-products-content.homepage {
        float: left;
        width: 100%;
        min-height: 250px;
        padding: 12.5px 15px;
        font-size: 15px;
        position: unset
    }

.two-sided .home-products-content.homepage {
    min-height: 150px;
}

.home-products-content.homepage > a {
    display: inline-block;
    margin-top: 110px;
    color: #999;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    bottom: unset;
}

.two-sided .home-products-content.homepage > a {
    margin-top: 10px;
}

.home-products-content > a:hover {
    color: #1F8585;
}

.home-products-content > a::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #ff0000;
    opacity: 0.5;
}

.home-products-content > a span {
    float: left;
    padding-right: 15px;
    position: relative;
}

    .home-products-content > a span::before, .home-products-content > a span::after {
        content: "";
        border-left: 5px solid transparent;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        height: 0;
        position: absolute;
        width: 0;
        right: 0;
        top: 5px;
        border-left-color: #999;
    }

    .home-products-content > a span::after {
        right: 2px;
        border-left-color: #FFF;
    }

.home-products-content > a:hover span::before {
    border-left-color: #1F8585;
}

.home-products .solutions-body h2, .home-products .solutions-body h3, .home-products .solutions-body h4 {
    padding: 15px 0 10px 0;
}

.home-products .solutions-body p {
    font-size: 18px;
}

.home-products .solutions-body .text-photo section p {
    font-size: 18px;
}

.home-products .solutions-body .text-photo {
    margin: 10px 0;
}

.similar-products {
    margin: 0 !important;
}

    .similar-products .home-products-image {
        padding-bottom: 0 !important;
    }

.mobile-stations .home-products-image {
    padding: 0 !important;
}

.similar-products .home-products-image img {
    max-height: 180px;
}

.mobile-stations .home-products-image img {
    width: 100%;
    max-height: initial;
}

.similar-products .home-products-content h3 {
    margin-bottom: -2px;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 600;
}

.similar-products .home-products-content p {
    height: auto;
    font-size: 13px;
    white-space: nowrap;
}

.controls {
    height: 100%;
}

/*.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 1000;
    transition: all 0.3s ease;
    background: #031D34 url(../images/arrow-left.png) no-repeat center;
    background-size: auto 100%;
    opacity: 0.5;
}

.slick-prev {
    left: 0;
}*/

.slick-next {
    right: 0;
    background-image: url(../images/arrow-right.png);
}

    .slick-prev:hover, .slick-next:hover {
        opacity: 1;
    }

.main-slider-wrap {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.main-slider {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 700;
}

    .main-slider div {
        float: left;
        width: 100%;
        height: 500px;
        position: relative;
        text-align: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

        .main-slider div::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: url(../images/for-slider-3.png) no-repeat;
            background-size: 100% 100%;
        }

        .main-slider div img {
            float: left;
            width: 100%;
        }

.slider-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 60px;
    z-index: 1000;
    text-align: center;
    color: #FFF;
    font-size: 15px;
}

.slider-title-wrap {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    display: table;
    margin: 0 auto;
    text-align: left;
}

.slider-title-in {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

    .slider-title-in span {
        float: left;
        width: 45%;
        margin-top: 0;
    }

        .slider-title-in span h2, .slider-title-in span h1 {
            display: block;
            text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
            font-weight: 700;
            font-size: 45px;
            line-height: 50px;
            position: relative;
        }

            .slider-title-in span h2::before, .slider-title-in span h1::before {
                content: "";
                position: absolute;
                top: -20px;
                left: 0;
                width: 50px;
                height: 3px;
                background-color: #fff;
            }

        .slider-title-in span em {
            display: block;
            padding-top: 16px;
            text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
            font-size: 17px;
            line-height: 25px;
        }

        .slider-title-in span a {
            display: inline-block;
            height: 45px;
            padding: 0 40px 0 50px;
            margin-top: 24px;
            position: relative;
            background-color: #00A0B9;
            color: #FFF;
            font-family: FuturaDemi;
            line-height: 45px;
            transition: all 0.3s;
            border-radius: 3px;
        }

            .slider-title-in span a:hover {
                background-color: #FFCB01;
            }

            .slider-title-in span a::before {
                content: "";
                position: absolute;
                top: 15px;
                left: 30px;
                width: 2px;
                height: 15px;
                background-color: #FFF;
            }

ul.slick-dots {
    position: absolute;
    padding: 45px 0 25px 0;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 800;
    background: url(../images/gradient.png) repeat-x;
    background-size: auto 100%;
}

    ul.slick-dots li {
        float: none;
        height: 5px;
        padding: 0 5px;
        display: inline-block;
    }

        ul.slick-dots li button {
            width: 30px;
            height: 5px;
            border-radius: 5px;
            text-indent: -9999px;
            cursor: pointer;
            background-color: #FFF;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            transition: all 0.3s;
        }

            ul.slick-dots li button:hover {
                background-color: rgba(255, 255, 255, 0.5);
            }

        ul.slick-dots li.slick-active button {
            background-color: #1F8585;
        }

/*	Finish SLIDER	*/


.product-slider-gallery {
    float: left;
    width: 100%;
    padding: 20px 60px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

    .product-slider-gallery div {
        float: left;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

        .product-slider-gallery div a {
            float: left;
            width: 100%;
            padding: 1px;
            position: relative;
        }

            .product-slider-gallery div a section {
                float: left;
                width: 100%;
                position: relative;
                border-radius: 5px;
                overflow: hidden;
            }

                .product-slider-gallery div a section::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background: url(../images/icon-zoom.png) no-repeat center;
                    background-size: 40px;
                    border-radius: 5px;
                    transition: all 0.3s;
                }

            .product-slider-gallery div a:hover section::after {
                background-color: rgb(31 133 133 / 60%);
            }

            .product-slider-gallery div a span {
                float: left;
                width: 100%;
                background-size: cover;
                background-position: center;
                transform-origin: center;
                transition: all 0.25s;
            }

            .product-slider-gallery div a:hover span {
                transform: scale(1.07, 1.07);
            }

            .product-slider-gallery div a img {
                float: left;
                width: 100%;
                object-fit: cover;
            }

    .product-slider-gallery .slick-prev, .product-slider-gallery .slick-next {
        opacity: 0.8;
        border-radius: 5px;
    }

.tech-specs {
    width: 100%;
    /*max-width: 800px;*/
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    overflow-x: auto;
}

    .tech-specs table {
        width: 100%;
    }

        .tech-specs table tr:nth-child(2n+1) {
            background-color: #e6e7e8;
        }

        .tech-specs table tr td {
            padding: 15px;
            border-bottom: 1px solid #E7E7E7;
            border-right: 1px solid #E7E7E7;
            vertical-align: middle;
        }

            .tech-specs table tr td:last-child {
                border-right: none;
            }

            .tech-specs table tr td:first-child {
                text-align: left;
            }

            .tech-specs table tr td span {
                display: block;
            }

            .tech-specs table tr td span {
                display: block;
            }

        .tech-specs table tr.tech-specs-header td {
            background-color: #1F8585;
            color: #FFF;
            border-color: #1f6d85;
            font-weight: 700 !important;
            font-size: 17px;
        }

/*.tech-specs table tr.tech-specs-header td h3 {
                font-weight: 700;
            }*/

.tech-specs-2 {
    float: left;
    width: 100%;
    color: #031d34;
    font-size: 18px;
}

    .tech-specs-2 ul {
        width: 100%;
    }

    .tech-specs-2 li {
        width: 100%;
        padding: 10px 5%;
    }

        .tech-specs-2 li:nth-child(2n+1) {
            background-color: #EFEFEF;
        }

        .tech-specs-2 li strong {
            float: left;
            width: 49%;
        }

        .tech-specs-2 li span {
            float: right;
            width: 50%;
        }

.border-top-2 {
    border-top: 1px solid #DDD;
}
.grey-block {
    background-color: #e6e7e8;
}

.text-photo {
    float: left;
    width: 100%;
    margin: 50px 0;
    position: relative;
    color: #031d34;
}

    .text-photo section {
        float: right;
        width: 48%;
    }

        .text-photo section h3 {
            padding-bottom: 5px;
            display: block;
            font-size: 27px;
            font-weight: 700!important;
            line-height: 30px;
        }

            .text-photo section h3:first-child {
                padding-top: 30px;
            }

        .text-photo section span {
            display: block;
            padding-bottom: 40px;
            font-size: 18px;
            line-height: 27px;
        }

            .text-photo section p a {
                display: inline-block;
                margin-top: 10px;
                font-size: 30px;
                line-height: 30px;
            }

                .text-photo section p a.white {
                    color: #FFF;
                }

    .text-photo .for-img {
        width: 48%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        height: 100%;
        object-fit: contain;
    }

.text-photo-right {
    text-align: right;
}

    .text-photo-right section {
        float: left;
    }

    .text-photo-right .for-img {
        left: auto;
        right: 0;
    }

.text-photo ul li:before {
    content: "-";
    padding-right: 8px;
    color: gray;
}

.text-photo ul {
    display: grid;
    float: left;
    padding-bottom: 10px;
    font-size: 17px;
    line-height: 27px;
}

.text-photo-right ul li:after {
    content: "-";
    padding-left: 8px;
    color: gray;
}

.text-photo-right ul li:before {
    content: " ";
    padding-left: 8px;
}

.text-photo-right ul {
    display: grid;
    float: right;
}

.hero-block-wrap {
    float: left;
    width: 100%;
    position: relative;
}

.hero-block-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.hero-block-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-image: linear-gradient(0deg, rgba(31, 133, 133, 0.3),#FFF);
}

.hero-block {
    float: left;
    width: 100%;
    position: relative;
    background-color: #FFF;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
    z-index: 3;
}

.hero-block-photo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-block:hover .hero-block-photo {
    filter: none;
    -webkit-filter: none;
}

.hero-block-photo::before {
    content: "";
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 0;
    width: 3px;
    background-color: #FFF;
}

.hero-block-content {
    float: right;
    width: 50%;
    padding-bottom: 40px;
    position: relative;
}

.hero-block-right .hero-block-photo, .hero-block-right .hero-block-photo::before {
    left: auto;
    right: 0;
}

.hero-block-right .hero-block-content {
    float: left;
}

.resources-table {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

    .resources-table ul {
        width: 100%;
    }

    .resources-table li {
        width: 100%;
        padding: 20px 20px 20px 120px;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        transition: all 0.25s;
    }

        .resources-table li:hover {
            background-color: #F8F8F8;
        }

        .resources-table li:first-child {
            background-color: #F5F5F5;
            color: #151515;
            font-weight: 600;
        }

        .resources-table li a {
            font-weight: 700;
        }

.icon-pdf, .icon-excel, .icon-word {
    content: "PDF";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 50px;
    height: 30px;
    margin-top: -15px;
    font-size: 17px;
    color: #FFF;
    line-height: 30px;
    background-color: #ff3500;
    text-align: center;
    border-radius: 2px;
}
    /* .icon-excel { background-color:#4DA462; }
.icon-word { background-color:#2A76E6; } */
    .icon-pdf::before {
        content: "";
    }

    .icon-excel::before {
        content: "";
    }

    .icon-word::before {
        content: "";
    }

.col-2 {
    float: left;
    width: 50%;
}

.col-3 {
    float: left;
    width: 33.33334%;
}

.col-25 {
    float: left;
    width: 25%;
}

.col-75 {
    float: left;
    width: 75%;
}

.page-share-wrap {
    float: left;
    width: 100%;
    padding-right: 80px;
    position: relative;
}

.page-share {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
}

    .page-share ul {
        width: 100%;
    }

    .page-share li {
        width: 100%;
        margin-bottom: 15px;
    }

        .page-share li:last-child {
            margin-bottom: 0;
        }

        .page-share li a {
            float: left;
            border: 1px solid #E5E5E5;
            border-radius: 10px;
            transition: all 0.25s;
        }

            .page-share li a:hover {
                border-color: #12AAEB;
            }

            .page-share li a img {
                float: left;
                width: 50px;
                margin: -1px;
            }

.blog-photo {
    float: left;
    width: 40%;
    position: relative;
}

    .blog-photo img {
        float: left;
        width: 100%;
        border-radius: 10px;
    }

.blog-detail {
    float: left;
    width: 60%;
    padding-left: 60px;
}

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

.outer { padding:0; }
.wrap { width:1200px; }

.top-150 { padding-top:100px; }
.top-100 { padding-top:75px; }
.top-50 { padding-top:35px; }
.bottom-150 { padding-bottom:100px; }
.bottom-100 { padding-bottom:75px; }
.bottom-50 { padding-bottom:35px; }

.slider-hero-title-in { padding:35px 0; }
.slider-hero-title strong { font-size:48px; line-height:50px; }
.slider-hero-title span::before { left:0; width:40px; }

.hero-block-content { padding-bottom:10px; }

}


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

.wrap { width:980px; }

#nav li::after { margin-left:20px; margin-right:20px; }

.slider-hero-title section { width:calc(50% - 30px); }
.slider-hero-title strong { font-size:40px; line-height:40px; }

ul.slick-dots { padding:15px 0; }

.hero-sectors { margin-top:20px; }
	.hero-sectors li a section { height:200px; }

.product-list li { width:50%; }
.home-list li , .blog li { width:33.33334%; }

.footer-phone a { font-size:30px; }

.page-title { margin-top:31px; }

.spacer { height:20px; }

.product-right { width:calc(100% - 425px); }

.features-wrap .wrap {
    width: 100%;
}

.home-products {
    margin: 30px 0 0 0;
    /*overflow: hidden;*/
}

    .slider-title-wrap {
        max-width: 1000px;
    }

    .slider-title-in span h2 {
        font-size: 36px;
        line-height: 40px;
    }

}


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

.powermix { padding-top:0; }
.wrap { float:left; width:100%; padding:0 20px; }

.header { position:relative; height:60px; }
.nav-up { top:auto; }
	.header::before { display:none; }
	
	#logo { left:10px; }
		#logo a { padding:15px; }
			#logo a img { height:30px; }
			
	.header-search { float:left; width:calc(100% - 110px); }
		.header-search input { background:#FFF; border-radius:6px; }
	.header-lang-wrap { width:90px; padding-right:0; }
		.header-lang-icon { width:100%; color:#FFF; text-align:left; }
		.header-lang { width:100%; }

.nav-icon { float:right; width:60px; height:60px; margin-right:-20px; position:relative; cursor:pointer; display:block; text-indent:-9999px; }
	.nav-icon span { position:absolute; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px; background-color:#000; transition:all 0.5s; }
		.nav-icon span::before { content:""; position:absolute; top:-7px; left:0; right:0; height:2px; background-color:#000; transition:all 0.5s; }
		.nav-icon span::after { content:""; position:absolute; bottom:-7px; left:0; right:0; height:2px; background-color:#000; transition:all 0.5s; }
	
	.nav-icon-close span { background-color:transparent; }
		.nav-icon-close span::before { 
			-webkit-transform:rotate(-135deg);
			-moz-transform:rotate(-135deg);
			-o-transform:rotate(-135deg);
			-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
			top:0;
			background-color:#F00;
		}
		.nav-icon-close span::after { 
			-webkit-transform:rotate(135deg);
			-moz-transform:rotate(135deg);
			-o-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
			transform:rotate(135deg);
			bottom:0;
			background-color:#F00;
		}
		
	.nav-icon-close::before { 
		content:"";
		border-bottom:4px solid transparent;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		height:0;
		position: absolute;
		width:0;
		left:50%;
		bottom:0;
		margin-left:-10px;
		border-bottom-color:#171717;
	}

.nav-wrap { position:absolute; top:60px; left:0; right:0; padding:30px; background-color:#171717; box-shadow:0 10px 30px rgba(0, 0, 0, 0.2); display:none; }
	#nav { width:100%; margin-top:20px; left: 0; }
		#nav ul { width:100%; }
			#nav li { width:100%; border-top:1px solid rgba(255, 255, 255, 0.05); }
			#nav li:last-child { border-bottom:1px solid rgba(255, 255, 255, 0.05); }
			#nav li.nav-multi::before { content:""; position:absolute; top:0; right:0; width:40px; height:60px; background:url(../images/arrow-white-down.png) no-repeat center 52%; background-size:14px auto; opacity:0.7; }
				#nav li::after { display:none; }
				#nav li > a { width:100%; padding:0 20px; font-size:17px; color:#FFF !important; }
				
				#nav > ul li span { float:left; width:100% !important; position:relative; top:auto; left:auto; right:auto; margin:0 0 -1px 0; border-top:0; box-shadow:none; border-radius:6px; }
					#nav li span::before { left:38px; top:-3px; border-bottom-color:#FFF; }

    .search-icon::after {
        filter: brightness(0) invert(1);
    }

/*.slider-hero-title-in::before { right:30%; background-image:linear-gradient(90deg,rgba(0,0,0,0.1),#000); }*/
.slider-hero-title section { width:calc(70% - 30px); }

.slick-prev , .slick-next { opacity:1; }

.top-150 { padding-top:75px; }
.top-100 { padding-top:50px; }
.top-50 { padding-top:25px; }
.bottom-150 { padding-bottom:75px; }
.bottom-100 { padding-bottom:50px; }
.bottom-50 { padding-bottom:25px; }

.hero-sectors li , .product-list li , .blog li { width:50%; }
.product-list .inner-20 , .blog .inner-20 { margin:0 -10px; }
.product-list li , .blog li { padding:0 10px 20px 10px; }
.blog li { margin-bottom:11px; }

.product-list { margin-bottom:-20px; }

.home-hero-block { padding-left:0; }
	.home-hero-block picture { display:none; }

.footer-connect section { padding:30px 0; }
	.footer-connect section::before , .footer-connect section::after { left:-20px; }
	.footer-connect a { padding:10px 85px 10px 20px; width:80%; font-size:24px; color:#FFF; line-height:30px; }
		.footer-connect a::after { right:40px; width:40px; height:40px; margin-top:-20px; background-size:16px; }
			.footer-connect a:hover::after { right: 30px; }

.footer { padding-top:35px; padding-bottom:17px; }
	.footer-block { width:100%; margin-bottom:20px; }
	.footer-about section { margin:18px 0 12px 0; line-height:20px; }

.page-title { margin-bottom:14px; }
.page-summary { padding-left:20px; }

.home-hero-mission , .home-hero-dealers { padding-left:6%; padding-right:6%; }

.breadcrumb { height:45px; font-size:11px; line-height:45px; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; }
	.breadcrumb section { height:45px; display:block; }
	.breadcrumb a , .breadcrumb strong { float:none; display:inline-block; height:40px; }
	.breadcrumb strong { padding-right:20px; }
	.breadcrumb i { float:none; display:inline-block; height:15px; margin:15px 15px -3px 15px; }
	
.dealers-map { height:480px; }
.powermix-video { height:360px; }

.sidebar-icon {
	float:left;
	width:100%;
	height:45px;
	margin-bottom:20px;
	font-size:14px;
	font-weight:600;
	line-height:44px;
	cursor:pointer;
	position:relative;
	background:#FFF url(../images/icon-filter.png) no-repeat 10px center / auto 20px;
	z-index:90;
	display:block;
	text-align:center;
	border:1px solid #999;
	border-radius:5px;
	}
	
.sidebar-icon-close { border-color:#F00 !important; background-color:#FFE5E5 !important; }
	.sidebar-icon::after { content:""; position:absolute; top:0; bottom:0; right:16px; width:14px; background:url(../images/arrow-down.png) no-repeat center / 14px auto; transition:all 0.25s; }
	.sidebar-icon-close::after { transform:rotate(180deg); }
	
.sidebar { width:100%; margin:-5px 0 20px 0; display:none; }
.right-block { width:100%; }

.features-slider {
    float: left;
    width: 100%;
    height: 400px;
    position: relative;
    right: auto;
}

.features-content {
    width: 100%;
    min-height: initial;
    padding: 20px 25px;
}

    .features-content section {
        float: left;
        padding: 0;
    }

.features-right .features-slider {
    left: auto;
}

.home-products li, .news li {
    width: 49%;
}

.home-products li {
    width: 25%;
}

.two-sided.home-products li {
    width: 100%;
}

.home-products {
    margin-top: 20px;
    overflow: visible;
}

.home-products li {
    padding: 0 10px 20px 10px;
}

.home-products-content, .news li section {
    padding: 8px 20px;
}

    .slider-title-in span {
        width: 60%;
        margin-top: 0;
    }

    .text-photo section, .just-text section {
        width: 100% !important;
        text-align: left !important;
    }

    .text-photo .for-img {
        float: left;
        width: 100% !important;
        height: 400px;
        position: static !important;
    }
    .text-photo-right ul li:before {
        content: "-";
        padding-right: 8px;
        color: gray;
    }

    .text-photo-right ul li:after {
        content: " ";
        padding-left: 8px;
        color: gray;
    }

    .text-photo-right ul {
        display: grid;
        float: left;
        padding-bottom: 10px;
        font-size: 17px;
        line-height: 27px;
    }

}

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

.slider-hero-title span { display:none; }
.footer-connect section { padding:20px 0; }

.cookies-wrap { right:5px; bottom:5px; left:5px; }
	.cookies { padding:15px 20px; }
	
.contact-info li , .product-left , .product-right { width:100%; }
.product-right { margin-bottom:20px; }

.features-slider {
    height: 300px;
}

    .home-products li {
        width: 100%;
    }
    .home-products li {
        width: 50%;
    }
    .home-products li, .news li {
        width: 49%;
    }

    .home-products-image {
        /*padding: 20px;*/
    }

    .slider-title {
        padding: 0 20px;
    }

    .slider-title-in span h2, .hero-product-text h1 {
        font-size: 24px;
        line-height: 30px;
    }

        .slider-title-in span h2::before, .hero-product-text h1::before {
            top: -15px;
        }

    .slider-title-in span em {
        display: none;
    }

    .slider-title-in span {
        float: left;
        width: 45%;
        margin-top: -100px !important;
    }

    .product-slider-gallery {
        float: left;
        width: 100%;
        padding: 0 !important;
        position: relative;
        overflow: hidden;
        text-align: center;
    }

        .product-slider-gallery .slick-prev {
            display: none !important;
        }

        .product-slider-gallery .slick-next {
            display: none !important;
        }

    .tech-specs-2 {
        font-size: 15px;
    }

        .tech-specs-2 li {
            padding: 10px;
        }

            .tech-specs-2 li strong, .tech-specs-2 li span {
                width: 100%;
            }

    .text-photo {
        margin: 0 !important;
    }

        .text-photo section strong {
            font-size: 15px !important;
            font-weight: 800 !important;
        }

    .text-photo, .just-text {
        margin: 20px 0;
    }

        .text-photo section strong:first-child {
            padding-top: 0;
        }

        .text-photo section p, .just-text section p, .tech-specs-2 {
            font-size: 15px;
        }

    .footer-social {
        width: 100%;
        margin-top: 20px;
    }
    .footer-social li {
        padding-right: 22%;
        width: auto;
    }
    .footer-social ul {
        width: inherit;
    }

    .footer-social li a {
        margin: 0px;
    }

    .hero-block-photo {
        float: left;
        width: 100%;
        height: 300px;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto !important;
        right: auto !important;
    }

        .hero-block-photo::before {
            top: 0;
            left: 10% !important;
            right: 10% !important;
            bottom: auto;
            width: auto;
            height: 3px;
        }

    .hero-block-content {
        width: 100%;
        padding-bottom: 0;
    }

    .col-3, .col-25, .col-75 {
        width: 100%;
    }

    .resources-table ul {
        border-top: 1px solid #EEE;
    }

    .resources-table li {
        padding-left: 80px;
    }

        .resources-table li:first-child {
            display: none;
        }

    .icon-pdf, .icon-excel, .icon-word {
        left: 0;
    }

}



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

.home-hero-mission , .home-hero-dealers { width:100%; padding-left:40px; padding-right:40px; text-align:center; }
	.home-hero-mission h4 , .home-hero-dealers h4 { margin:-10px 0 15px 0; }
	
.dealers-map , .hero-map { height:360px; }

    .home-products li {
        width: 100%;
    }

    .two-sided .home-products-image img {
        max-width: 100%;
        min-height: 150px;
    }

    .slider-title-in span {
        float: left;
        width: 45%;
        margin-top: 0 !important;
    }

    .product-slider-gallery {
        float: left;
        width: 100%;
        padding: 0 !important;
        position: relative;
        overflow: hidden;
        text-align: center;
    }

        .product-slider-gallery .slick-prev {
            display: none !important;
        }

        .product-slider-gallery .slick-next {
            display: none !important;
        }

    .tech-specs {
        font-size: 12px;
    }

        .tech-specs table tr td {
            padding: 10px 0;
        }

        .tech-specs table tr.tech-specs-header td {
            font-size: 15px;
        }

    .text-photo {
        margin: 0 !important;
    }

        .text-photo section strong {
            font-size: 15px !important;
            font-weight: 800 !important;
        }

}



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

#nav > ul li.nav-multi-products span > a { width:100%; }
#nav > ul li.nav-multi-products span > a:first-child { border-top:1px solid rgba(0, 0, 0, 0.05); }

.slider-hero-title-in { padding:20px 0; }
.slider-hero-title section { width:calc(75% - 20px); }
.slider-hero-title strong { font-size:24px; line-height:26px; letter-spacing:0.5px; }
.hero-sectors li , .hero-sectors li:first-child , .hero-sectors li:last-child , .product-list li , .blog li , .copyright div { width:100%; }
.copyright { padding:25px 0; text-align:center; }

.contact-form { margin-top:-10px; }
	.form-item { width:100%; padding-bottom:20px; }
    .home-products li, .news li {
        width: 100%;
    }

    .home-products li {
        width: 100%;
    }

    .slider-title-in span {
        float: left;
        width: 45%;
        margin-top: 0 !important;
    }

        .slider-title-in span a {
            height: 35px;
            padding: 0 20px 0 35px;
            line-height: 35px;
        }

            .slider-title-in span a::before {
                top: 10px;
                left: 20px;
            }

    .product-slider-gallery {
        float: left;
        width: 100%;
        padding: 0 !important;
        position: relative;
        overflow: hidden;
        text-align: center;
    }

        .product-slider-gallery .slick-prev {
            display: none !important;
        }

        .product-slider-gallery .slick-next {
            display: none !important;
        }

    .text-photo {
        margin: 0 !important;
    }

        .text-photo section strong {
            font-size: 15px !important;
            font-weight: 800 !important;
        }

    .hero-block-photo {
        height: 240px;
    }

}



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

.footer-connect a { font-size:20px; line-height:25px; }
.powermix-video { height:240px; }

.features-slider {
    height: 220px;
}

    .home-products li {
        width: 100%;
    }

    .slider-title-in span {
        float: left;
        width: 45%;
        margin-top: 0 !important;
    }

    .product-slider-gallery {
        float: left;
        width: 100%;
        padding: 0 !important;
        position: relative;
        overflow: hidden;
        text-align: center;
    }

        .product-slider-gallery .slick-prev {
            display: none !important;
        }

        .product-slider-gallery .slick-next {
            display: none !important;
        }

    .text-photo {
        margin: 0 !important;
    }

        .text-photo section strong {
            font-size: 15px !important;
            font-weight: 800 !important;
        }

    .hero-block-photo {
        filter: none;
        -webkit-filter: none;
    }
}



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



}

.alert {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    /*border-radius: 6px;*/
    margin: 20px 0 -20px 0;
}

.success {
    background-color: #4caf50;
}

.info {
    background-color: #2196f3;
}

.warning {
    background-color: #ff9800;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    /* When moving the mouse over the close button */
    .closebtn:hover {
        color: black;
    }

.text-danger {
    float: left;
    width: 100%;
    color: red;
}

.search p {
    border-bottom: 1px solid #1f8585;
    padding: 20px 0;
}
.search p em {
    margin-left:10px;
}
    .search p em::before {
        content: "|";
        margin: 0 4px;
    }
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;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 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;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    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;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */
    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: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -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-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .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--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    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;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.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;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background:#FF3500;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(
    to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%
    );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.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;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

/* Share */

.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 0;
}

.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 5px;
    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:visited,
.fancybox-share__button:link {
    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 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    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__list {
    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 .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    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__list a::before {
    border: 6px solid #FF3500;
    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__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}


.fancybox-button--thumbs { display:none !important; }
@font-face {
    font-family: 'Bebas';
    src: url('/Content/css/font/bebasneue_bold.eot');
    src: url('/Content/css/font/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/font/bebasneue_bold.woff2') format('woff2'),
         url('/Content/css/font/bebasneue_bold.woff') format('woff'),
         url('/Content/css/font/bebasneue_bold.ttf') format('truetype'),
         url('/Content/css/font/bebasneue_bold.svg#BebasBold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas';
    src: url('/Content/css/font/bebasneue_book.eot');
    src: url('/Content/css/font/bebasneue_book.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/font/bebasneue_book.woff2') format('woff2'),
         url('/Content/css/font/bebasneue_book.woff') format('woff'),
         url('/Content/css/font/bebasneue_book.ttf') format('truetype'),
         url('/Content/css/font/bebasneue_book.svg#BebasBook') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas';
    src: url('/Content/css/font/bebasneue_regular.eot');
    src: url('/Content/css/font/bebasneue_regular.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/font/bebasneue_regular.woff2') format('woff2'),
         url('/Content/css/font/bebasneue_regular.woff') format('woff'),
         url('/Content/css/font/bebasneue_regular.ttf') format('truetype'),
         url('/Content/css/font/bebasneue_regular.svg#Bebas') format('svg');
    font-weight: normal;
    font-style: normal;
}