@charset "utf-8";

:root {
	--primary-color:rgba(0,130,200,1.0);
	--primary-hgh-color:rgba(0,130,200,0.8);
	--primary-med-color:rgba(0,130,200,0.6);
	--primary-low-color:rgba(0,130,200,0.2);

	--secondary-color:rgba(231,198,189,1.0);
	--secondary-hgh-color:rgba(231,198,189,0.8);
	--secondary-med-color:rgba(231,198,189,0.6);
	--secondary-low-color:rgba(231,198,189,0.2);
	
	--light-color:rgba(247,250,255,1.0);
	--light-hgh-color:rgba(247,250,255,0.8);
	--light-med-color:rgba(247,250,255,0.6);
	--light-low-color:rgba(247,250,255,0.2);
	
	--white-color:rgba(255,255,255,1.0);
	--white-hgh-color:rgba(255,255,255,0.8);
	--white-med-color:rgba(255,255,255,0.6);
	--white-low-color:rgba(255,255,255,0.2);
	
	--dark-color:rgba(23,34,56,1.0);
	--dark-hgh-color:rgba(23,34,56,0.8);
	--dark-med-color:rgba(23,34,56,0.6);
	--dark-low-color:rgba(23,34,56,0.2);
	
	--text-size:calc(14px + 0.2vw);
	--text-fix-size:18px;
	--nav-size:16px;
	
	--ws-x:5%;
	--ws-x-md:2%;
	--ws-y:80px;
	--ws-y-md:40px;
	--header:80px;
	--logo:60px;
	--wrapper:98%;
	--rds-md:20px;
	--szechenyi:150px;
}

/*============================
WEBKIT
===========================*/

@-webkit-keyframes submenu-show { from { -webkit-transform:scale(0.9); opacity:0; } to { -webkit-transform:scale(1); opacity:1; }}
@keyframes submenu-show { from { transform:scale(0.85); opacity:0; } to { transform:scale(1); opacity:1; }}



/*============================
TYPO
===========================*/

h1, h2, h3, h4, h5, h6 { font-family:'PT Serif', Helvetica, Arial, sans-serif; letter-spacing:1px; line-height:1.2; }
h1, h2, h3, h4, h6 { position:relative; text-transform:uppercase; padding-bottom:20px; margin-bottom:20px; }
p, a, small, .content ul > li { font-family:"Quicksand", Helvetica, Arial, sans-serif; }

h1 { font-size:40px; color:#fff; }
h1:after { bottom:0; left:50%; margin-left:-40px; width:80px; height:4px; background:rgba(255,255,255,0.5); }

h2 { font-size:28px; color:#fff; }
h2:after { bottom:0; left:-20px; width:60px; height:4px; background:rgba(255,255,255,0.5); }

h3 { font-size:calc(18px + 0.4vw); color:var(--dark-color); line-height:1.2; font-weight:700; }
h3:after { bottom:0; left:0; width:60px; height:4px; background:var(--primary-color); }
.center h3:after { right:0; margin:auto; }

h4 { font-size:22px; color:var(--primary-color); }
h4:after { bottom:0; left:0; width:40px; height:2px; background:var(--primary-color); }
.center h4:after { right:0; margin:auto; }

h5 { font-size:24px; color:var(--light-color); }

h6 { font-size:18px; color:var(--primary-color); }
h6:after { bottom:0; left:0; width:40px; height:2px; background:var(--primary-color); }

p, .content > ul > li { font-size:var(--text-size); font-weight:400; line-height:1.4; color:var(--dark-color); }


/*============================
HEADER
===========================*/

header { z-index:99; background:#fff; }

.headline, footer, .contact-card > span { 
background:var(--primary-color); 
background:-webkit-linear-gradient(135deg, #1B325F 0%, var(--primary-color) 30%, var(--primary-color) 70%, #1B325F 100%); 
background:-o-linear-gradient(135deg, #1B325F 0%, var(--primary-color) 30%, var(--primary-color) 70%, #1B325F 100%); 
background:-moz-linear-gradient(135deg, #1B325F 0%, var(--primary-color) 30%, var(--primary-color) 70%, #1B325F 100%); 
background:linear-gradient(135deg, #1B325F 0%, var(--primary-color) 30%, var(--primary-color) 70%, #1B325F 100%); }

header > div { height:80px; }

header > div > a { position:absolute; top:10px; left:0; }
header > div > a > img { display:block; height:60px; }

header > div > span { position:absolute; top:50%; right:0; margin-top:-16px; }
header > div > span > a { width:32px; }

header > div > nav { text-align:right; padding-right:52px; }
header > div > nav > a { display:inline-block; position:relative; line-height:80px; font-size:var(--nav-size); color:var(--dark-color); font-weight:600; padding:0 20px; }
header > div > nav > a:not(:first-child):before { top:0; left:0; width:1px; height:20px; bottom:0; margin:auto; background:var(--primary-color); }
header > div > nav > a:hover { background:var(--light-color); }
header > div > nav > a.current, header > div > nav > a.current:hover { background:var(--light-color); color:var(--primary-color); }
header > div > nav > a.current:after { left:50%; bottom:-6px; z-index:2; margin-left:-6px; border-width:6px 6px 0 6px; border-style:solid dashed; border-color:var(--light-color) transparent; }


/*============================
HEADLINE
===========================*/

.headline { padding:80px 0; }

.headline > div > ul, .headline > div > div { width:800px; max-width:100%; margin:auto; }
.headline > div > ul > li { margin-bottom:20px; overflow:hidden; position:relative; }
.headline > div > ul > li > i { position:absolute; top:0; left:0; padding:30px; background:rgba(255,255,255,0.1); }
.headline > div > ul > li > i > svg { fill:#fff; height:40px; width:40px; }
.headline > div > ul > li > div { padding-left:140px; min-height:100px; }
.headline > div > ul > li > div > p { color:var(--light-color); }
.headline > div > span { padding:20px 0 60px 0; display:block; }
.headline > div > span > a { margin:0 10px; }


/*============================
PAGE
===========================*/

#page { padding-bottom:255px; }

main { padding:40px 0 80px 0; }

section {}

.content--left { display:inline-block; vertical-align:top; width:66%; margin-right:4%; }

aside { display:inline-block; vertical-align:top; width:30%; }

.wrapper { width:var(--wrapper); }


/*============================
ITEMS
===========================*/

.munkatarsak-slider .owl-stage { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding-top:40px; }
.munkatarsak-slider .owl-item { background-color:var(--light-color); }

.contact-card { padding:0 20px 30px 20px; }
.contact-card > a { color:var(--primary-color); font-size:16px; line-height:24px; display:block; }
.contact-card > a:hover { color:var(--dark-color); }
.contact-card > p { margin:0; }
.contact-card > span { display:inline-block; width:100px; height:100px; padding:3px; margin:-40px 0 20px 0; }
.contact-card > span > span { display:block; width:100%; height:100%; border:2px solid #fff; background-position:center center; }
.contact-card > div { padding:80px 0 40px 0; }
.contact-card > i { display:inline-block; background:#e6e6e6; margin:-60px 0 20px 0; padding:25px; }
.contact-card > i > svg { fill:var(--primary-color); height:50px; width:50px; }
aside .contact-card { background-color:var(--light-color); margin-top:40px; }
.contact-card > h4:after { right:0; margin:auto; }

.partners {}
.partners > li { background:var(--light-color); padding:10px; margin-bottom:20px; overflow:hidden; }
.partners > li > a { display:block; }
.partners > li > a > img { display:block; width:100%; }

.blurbs > li { background:var(--light-color); padding:20px 2%; margin-top:50px; margin-bottom:var(--ws-y-md); }
.blurbs > li > h6:after { left:50%; margin-left:-20px; }
.blurbs > li > p { min-height:40px; color:#666; }
.blurbs > li > i { display:inline-block; margin:-60px 0 20px 0; background:#fff; padding:25px; }
.blurbs > li > i > svg { fill:var(--primary-color); height:60px; width:60px; }

.about { background:var(--light-color); position:relative; margin-top:-80px; overflow:hidden; }
.about > div { padding:60px 44% 60px 4%; }
.about > span { position:absolute; top:0; right:0; bottom:0; width:40%; background-position:center center; }
.about > span > span { position:absolute; bottom:40px; right:40px; width:70%; background:rgba(0,130,200,0.9); padding:20px; }
.about > span > span > p { color:#fff; margin:0; }
.about > div > ul { padding:40px 0 0 10%; }
.about > div > ul > li { padding-left:100px; margin-bottom:40px; position:relative; min-height:70px; }
.about > div > ul > li:last-child { margin:0; }
.about > div > ul > li > i { position:absolute; top:0; left:0; padding:20px; background:var(--primary-color); }
.about > div > ul > li > i > svg { fill:#fff; height:30px; width:30px; }
.about > div > ul > li > p { color:#666; }
.about > div > ul > li > h4:after { left:0; margin-left:-10px; }

.tenders { background:var(--primary-color); border:10px solid var(--primary-color); width:1000px; max-width:100%; display:block; margin:auto; position:relative; }
.tenders > div { height:160px; padding:20px; background:#fff; text-align:right; }
.tenders > div > img { display:inline-block; height:100%; }
.tenders > span { position:absolute; top:40px; left:40px; }

.text-card { background:var(--primary-color); padding:20px; margin-bottom:40px; }
.text-card > p { color:#fff; margin:0; }

.palyazat2020 { background:var(--light-color); margin:80px auto 0 auto; max-width:1000px; padding:30px; }
.palyazat2020 > img { display:block; width:100%; max-width:600px; margin:0 auto 30px auto; }
.palyazat2020 > p { font-size:14px; line-height:20px; }

#instagramFeed > div { background:#000; }
#instagramFeed > div > a { vertical-align:top; margin:0; }
#instagramFeed > div > a > img { display:block; border:1px solid var(--white-color); }
#instagramFeed > div > a:hover { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; }

/* content-list */
.content-list { margin-bottom:calc(var(--ws-y-md) * -1); }
.content-list > a { margin-bottom:var(--ws-y-md); background:var(--light-color); overflow:hidden; padding-bottom:40px; position:relative; }
.content-list > a > span { display:block; width:100%; position:relative; z-index:2; height:240px; background-position:center center; }
.content-list > a > div { padding:var(--ws-y-md) var(--ws-x); position:relative; }
.content-list > a > div:before { top:0; left:0; width:100%; height:4px; background:var(--primary-color); }
.content-list > a:hover > div > h3 { color:var(--primary-color); }
.content-list > a > div > p { font-size:var(--text-fix-size); margin-bottom:0; }
.content-list > a > div > * { position:relative; z-index:2; }
.content-list > a > svg { fill:var(--tertiary-low-color); height:30px; width:30px; position:absolute; bottom:30px; right:30px; }
.content-list > a:hover > svg { fill:var(--tertiary-color); right:15px; }

.content-card > a { display:block; margin-bottom:var(--ws-y-md); background:var(--light-color); }
.content-card > a > img { display:block; width:100%; }
.content-card > a > div { padding:20px; }
.content-card > a > div > p { font-size:var(--text-fix-size); margin-bottom:0; }
.content-card > a:hover > div > h4 { color:var(--dark-color); }



/* CONTENT */
.content > ul > li { display:block; position:relative; padding:10px 0 10px 25px; }
.content > ul > li:nth-of-type(odd) { background:var(--light-med-color); }
.content > ul > li:before { top:calc((((var(--text-size) * 1.4) + 20px) / 2) - 1px); left:5px; margin:auto; width:10px; height:2px; background:var(--primary-color); }
.content > img, .content > p > img { display:block; width:100%; height:auto; padding:10px; background:var(--light-color); }
.content > *:not(p) + * { margin-top:20px; }
.content > h4:not(:first-of-type) { margin-top:40px; }
.content > h4 + h6 { margin-top:10px; position:relative; padding:10px 0 10px 20px; }
.content > h4 + h6:before { background:var(--tertiary-color); top:0; left:0; bottom:0; margin:auto; width:2px; height:100%; }
.content > h5 { color:var(--tertiary-color); }
.content a, .content > ul > li > strong { color:var(--primary-color); font-weight:600; }
.content a:hover { color:var(--dark-color); }
.content b { font-weight:700; }
.embed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
.video-container { background:var(--light-color); padding:10px; margin-bottom:40px; }

/* GALLERY */
.gallery-slider a { position:relative; overflow:hidden; background:var(--dark-color); display:block; }
.gallery-slider a > span { display:block; width:100%; position:relative; z-index:1; height:240px; background-position:center center; border:10px solid var(--light-color); }
.gallery-slider a > div { position:absolute; bottom:-100%; left:0; width:100%; background:var(--dark-med-color); padding:10px; }
.gallery-slider a > div > h6 { color:var(--white-color); }
.gallery-slider a:hover > div { bottom:0; }
.gallery-slider a:hover > span { opacity:0.8; filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; }
.gallery { margin-bottom:calc(var(--ws-y-md) * -1); }
.gallery > div { position:relative; margin-bottom:var(--ws-y-md); }

/* ASIDE */
aside > a { position:relative; border-bottom:1px solid var(--dark-low-color); display:block; padding:25px 30px 25px 65px; }
aside > a:last-child { border:0; }
aside > a > svg, aside > a > h6 { -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; -ms-transition:0.5s ease-out; transition:0.5s ease-out; }
aside > a > svg { fill:var(--dark-low-color); height:20px; width:20px; position:absolute; top:0; right:0; bottom:0; margin:auto; }
aside > a:hover > svg { right:-5px; fill:var(--primary-color); }
aside > a:hover > h6 { color:var(--primary-color); }
aside > a > h6 { padding:0; margin:0; }
aside > a > h6:after { display:none; }
aside > a > span { position:absolute; top:0; left:0; bottom:0; margin:auto; width:50px; height:50px; background-position:center center; border:2px solid var(--primary-color); }





/*===========================
FOOTER
===========================*/

footer { width:100%; position:absolute; left:0; bottom:0; padding-bottom:20px; }
footer a { line-height:32px; color:#fff; font-weight:600; }
footer a:hover { color:#ddd; }
footer > div > div > span { border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:15px; text-align:center; }
footer > div > div > span > i { display:inline-block; background:var(--light-color); padding:20px; margin:-30px 0 10px 0; }
footer > div > div > span > i > svg { fill:var(--primary-color); height:30px; width:30px; }
footer > div > div > span > a { font-size:16px; display:block; }
footer > div > nav { padding:30px 0; }
footer > div > nav > span:last-child { text-align:right; }
footer > div > nav > span > a:not(:last-child) { margin-right:20px; }
footer > div > span { width:60px; height:60px; position:absolute; bottom:-10px; right:0; background:#fff; padding:10px; }
footer > div > span > img { display:block; width:100%; margin:auto; }
footer > div > p, footer > div > a { display:block; font-size:12px; line-height:20px; color:#fff; margin:0; }

.szechenyi2020 { position:fixed; bottom:0; right:0; height:var(--szechenyi); z-index:999; }
.szechenyi2020 { -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; -ms-transition:0.5s ease-out; transition:0.5s ease-out; }
.szechenyi2020--down { bottom:calc(var(--szechenyi) * -1); }
.szechenyi2020 > img { display:block; height:100%; width:auto; }


/*============================
BUTTONS
===========================*/

.button--primary { background:var(--primary-color); border-color:var(--primary-color); font-weight:600; color:#fff; }
.button--primary:hover { color:#fff; }

.button--secondary { border-color:rgba(255,255,255,0.1); background:rgba(255,255,255,0.2); }
.button--secondary:hover { border-color:rgba(255,255,255,0.4); background:rgba(255,255,255,0.4); }


/*===========================
FORM
===========================*/

.contact-form { max-width:600px; margin:auto; }
.contact-form > ul { padding-bottom:25px; }
.contact-form > ul > li { margin-bottom:25px; }
.contact-form > ul > li > label { display:none; }
.contact-form > h6 { text-align:center; }

input[type=text], textarea, [data-type="select"]:before { background:0; border:0; padding-left:0; border-bottom:1px solid var(--dark-low-color); vertical-align:top; }
input[type=text], textarea, [data-type="select"]:before { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; }
select { padding-left:0; }
.error-response { border-radius:.3rem; -moz-border-radius:.3rem; -webkit-border-radius:.3rem; -o-border-radius:.3rem; }
.error-input { border-top:0!important; border-left:0!important; border-right:0!important; }

[data-type="select"]:after { border:0; bottom:10px; width:16px; height:16px; right:10px; background-size:16px 16px; content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NiAyNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJyZ2JhKDIyLDMyLDU1LDEuMCkiPjxwb2x5Z29uIHBvaW50cz0iMjI1LjgxMyw0OC45MDcgMTI4LDE0Ni43MiAzMC4xODcsNDguOTA3IDAsNzkuMDkzIDEyOCwyMDcuMDkzIDI1Niw3OS4wOTMgIi8+PC9zdmc+'); }


/*============================
MOBIL NAV
===========================*/

[data-action='nav-button'] { display:none; }

.nav-popup { display:none; position:absolute; top:100px; right:0; width:400px; max-width:100%; z-index:99; overflow:hidden; background:#fff; }
.open { display:block; -webkit-animation:submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation:submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.nav-popup > nav { padding:0 2%; }
.nav-popup > nav > a { display:block; border-bottom:1px solid #e6e6e6; padding:20px 0; font-weight:600; color:var(--dark-color); text-transform:uppercase; }
.nav-popup > nav > a:last-child { border:0; }
.nav-popup > nav > a:hover { color:#666; }
.nav-popup > nav > a.current { color:var(--primary-color); }


/*============================
RESPONSIVE
===========================*/

@media (max-width: 1300px) {

header > div > nav { padding-right:42px; }
header > div > nav > a { padding:0 8px; }

}

@media (max-width: 768px) {

header > div > nav { display:none; }
[data-action='nav-button'] { display:inline-block; margin-right:10px; }

.headline { padding:40px 0; }
.headline > div > span { padding:0 0 40px 0; }
.headline > div > ul > li > i { left:50%; margin-left:-50px; }
.headline > div > ul > li > div { padding:120px 0 0 0; text-align:center; }

h2:after { left:50%; margin-left:-30px; }

#page { padding-bottom:445px; }

.content--left, aside { width:100%; margin:0; display:block; }
aside { padding-top:20px; }

.about { margin-top:-40px; }
.about > div { padding:40px 4%; }
.about > div > ul { padding:40px 4% 0 4%; }
.tenders { margin:40px auto; }
.contact-form { padding:40px 4%; }
.contact-card:first-child { margin-top:0; }
.text-card { text-align:center; }

footer > div > div { padding:10px 10% 0 10%; }
footer > div > div > span { padding:15px 0; text-align:left; }
footer > div > div > span:last-child { border:0; }
footer > div > div > span > i { padding:8px; margin:0 15px 0 0; float:left; }
footer > div > div > span > i > svg { height:16px; width:16px; }
footer > div > div > span > a { font-size:14px; display:inline-block; }
footer > div > nav { padding:10px 0; }
footer > div > nav > span, footer > div > nav > span:last-child { text-align:center; padding-bottom:20px; }

.szechenyi2020 { display:none; }

}

@media (max-width: 480px) {

h1 { font-size:26px; }
h2 { font-size:24px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:16px; }

.content > ul { padding-left:30px; }
p, .content > ul > li { font-size:14px; line-height:20px; }

header > div { height:70px; }
header > div > a > img { height:50px; }

.about > div > ul { padding:20px 0 0 0; }
.about > div > ul > li { margin-bottom:20px; }

.tenders > div { text-align:center; }
.tenders > span { display:none; }


}




/*===========================
OWL
===========================*/

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{display:block;clear:both;visibility:hidden;}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel button.owl-dot{background:0;color:inherit;border:0;padding:0;}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}

@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

.owl-dots { text-align:center; padding-top:var(--ws-y-md); }
.owl-dot { display:inline-block; zoom:1; }
.owl-dot span { width:12px; height:12px; margin:0 7px; background:0; border:2px solid var(--dark-color); display:block; cursor:pointer; -webkit-backface-visibility:visible; }
.owl-dot span, .owl-nav > button[type=button] { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; }
.owl-dot.active span, .owl-dot:hover span { border:2px solid var(--primary-color); }

.owl-nav { position:absolute; bottom:var(--ws-y-md); left:0; width:100%; text-align:center; }
.owl-nav > button[type=button] { padding:13px; background:0; border:2px solid var(--white-color); display:inline-block; vertical-align:top; }
.owl-nav > button[type=button]:not(.disabled):hover { border-color:var(--secondary-color); }
.owl-nav > button[type=button] > svg { fill:var(--white-color); height:20px; width:20px; }
.owl-nav > button[type=button]:not(.disabled):hover > svg { fill:var(--secondary-color); }
.owl-nav > .disabled { opacity:0.3; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.3; cursor:default; }
.owl-nav > .owl-prev { margin-right:15px; }
.owl-nav > .owl-next { margin-left:15px; }