.container { width: 100%; max-width: 1170px; }

/* Add here all your CSS customizations */
a,
button,
input:focus, input,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button
{
	font-family: 'Roboto',Arial,sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}
:root{
	--HEADLINE_COLOR: #484848;
	--TEXT_COLOR: #383739;
	--BIEGE_COLOR: #baaf9e;
	--ORANGE_COLOR: #e2501f;
	--DORANGE_COLOR: #dc4c27;
	--BORDER_COLOR: var(--BIEGE_COLOR);
	--GREY_COLOR: #9ea1b0;
	--DGREY_COLOR: #303033;
	--WHITE_COLOR: #fff;
}
body { font-family: 'Roboto',Arial,sans-serif; font-size: 17px; color: #303033; font-weight: 300; background: #fff; }
h1, h2, h3 { color: var(--TEXT_COLOR); font-weight: 400; font-family: 'Roboto Condensed',Arial,sans-serif; }
h1, h2 { font-size: 62px; text-transform: uppercase; }
h1 strong, h2 strong { color: var(--TEXT_COLOR); font-weight: 400; }
h3 { font-size: 36px; }
p { color: #383739; margin-bottom: 20px; line-height: 1.6; }
a { color: #dc4c27; }
a:hover, a:focus { color: #dd3300; text-decoration: none; }
.rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.rounded-lg { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
hr { border-color: var(--BIEGE_COLOR); }
.lead { font-size: 18px; line-height: 1.7; margin-bottom: 25px; }
strong { font-weight: 500; }


/*** header ********************************/
#header { background: #fff; position: fixed; width: 100%; height: 100px; z-index: 100; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 10px; box-shadow: rgba(0,0,0,0.5) 0px 0px 10px; }
#header .container { position: relative; clear: both; }
#header-logo { display: block; width: 180px; float: left; position: relative; margin: 17px 0 10px; }


/*** menu ***/
#menu-trigger { display: block; display: none; height: 60px; width: 60px; line-height: 60px; font-size: 32px; position: absolute; top: 16px; right: 5px; color: #555; text-align: center; }

#mainnav { top: 30px; right: 7px; position: absolute; }
#mainnav li { margin: 0; padding: 0; display: inline-block; }
#mainnav a { font-size: 17px; line-height: 40px; font-weight: 400; padding: 0 12px; letter-spacing: .5px; margin: 0; color: var(--TEXT_COLOR); background: transparent; position: relative; text-transform: uppercase; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#mainnav a:hover, #mainnav a:focus { color: var(--ORANGE_COLOR); }
#mainnav .active a { color: var(--ORANGE_COLOR); font-weight: 500; }

.sticky-header-active #mainnav a span:after
{	background: var(--ORANGE_COLOR); width: 0px; height: 2px; position: absolute; bottom: -2px; left: 50%; display: block; content:"";
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.sticky-header-active #mainnav a:hover span:after, .sticky-header-active #mainnav a:focus span:after,
.sticky-header-active #mainnav li.active a span:after,
.loadNotTopPage #mainnav a:hover span:after, .loadNotTopPage #mainnav a:focus span:after,
.loadNotTopPage #mainnav li.active a span:after
{ width: 100%; }


/*** lang-switcher ***/
#lang-switcher { color: var(--BIEGE_COLOR); position: fixed; top: 34px; right: 5px; z-index: 100; }
#lang-switcher a { font-size: 14px; line-height: 30px; color: var(--BIEGE_COLOR); padding: 0 7px; font-weight: 400; display: inline-block; text-transform: uppercase; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#lang-switcher a.active { color: #fff; background: rgba(186,175,158, 1); }


.with-dropdown em.fa-chevron-down { width: 15px; font-size: 12px; position: absolute; top: 9px; right: 0; text-align: center;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}
.with-dropdown.open em.fa-chevron-down { transform: rotate(180deg); }


/*** sticky-header-active ***/
.sticky-header-active #header, .loadNotTopPage #header { height: 60px; }
.sticky-header-active #header-logo, .loadNotTopPage #header-logo { width: 100px; margin: 12px 0 0; }
.sticky-header-active #menu-trigger, .loadNotTopPage #menu-trigger { top: 0; }
.sticky-header-active #mainnav, .loadNotTopPage #mainnav { top: 0; right: 90px; }
.sticky-header-active #mainnav a, .loadNotTopPage #mainnav a { line-height: 58px; font-size: 14px; }
.sticky-header-active #lang-switcher, .loadNotTopPage #lang-switcher { top: 14px; }




/*** btn ***/
.btn, input.btn { font-size: 16px; padding: 10px 15px; border: none; position: relative; text-transform: uppercase; font-family: 'Roboto Condensed',Arial,sans-serif; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn-lg, input.btn-lg { font-size: 22px; }

.btn-primary { background: var(--ORANGE_COLOR); }
.btn-primary:hover, .btn-primary:focus { background: var(--DORANGE_COLOR); border-color: var(--DORANGE_COLOR); }
.btn-primary:active { background: var(--TEXT_COLOR); color: var(--WHITE_COLOR); }

.btn-primary.btn-transparent { background: var(--WHITE_COLOR); border: 1px solid var(--ORANGE_COLOR); color: var(--ORANGE_COLOR); }
.btn-primary.btn-transparent:hover, .btn-primary.btn-transparent:focus { color: #fff; background: var(--ORANGE_COLOR); border-color: var(--ORANGE_COLOR); }
.btn-primary.btn-transparent:active { background: #48484a; border-color: #48484a; }

.btn-default { background: #e1e1e1; color: #000; border: 1px solid #e1e1e1; }
.btn-default:hover, .btn-default:focus { background: #d1d1d1; color: #000; border-color: #d1d1d1; }
.btn-with-arrow { padding-right: 50px; }
.btn-with-arrow:after { font-size: 24px; position: absolute; top: 0; right: 0; padding: 13px 15px 0 0; height: 100%; line-height: 1; content:"\f105"; font-family: 'Font Awesome 5 Pro'; }
.btn-with-arrow:hover:after, .btn-with-arrow:focus:after, .btn-with-arrow:active:after { }

.btn-info { background: #3a1ea0; color: #fff; }
.btn-info:hover, .btn-info:focus { background: #111; color: #fff; }
.btn-info:active { background: #d4003a; color: #fff; }

.btn em { padding-right: 10px; font-size: 22px; line-height: 1; position: relative; top: 2px; }

.btn .fa-youtube { color: #cc371a; }

/*** promo ****************/
#promo { position: relative; top: -45px; background: #dadcde; min-height: 600px; }
.promo-img { max-height: 600px; min-height: 600px; overflow: hidden; }
#promo .promo-img  img { width: 100%; height: auto; }
.promo-img video { height: 100%; max-height: 650px; display: block; margin: auto; }
.promo-cnt { position: absolute; top: 140px; left: 0; width: 100%; color: #303033; text-shadow: rgba(0,0,0,0.3) 1px 1px 5px; }

#slide-video .promo-img { background: url(../images/promo-video-bg.png) no-repeat center center / 100% 100%; }
.promo-title { left: 150px; padding: 30px; top: 10px; background: url(../images/promo-title-bg.png) no-repeat center center / 100% 100%; position: relative; display: inline-block; font-family: 'Roboto Condensed',​Arial,​sans-serif; float: left; }
#slide-video .promo-title big { font-size: 102px; font-weight: 700; display: block-inline; border-bottom: 3px solid #303033; padding-bottom: 0; line-height: 1; }
#slide-video .promo-title small { font-size: 60px; display: block; line-height: 1; padding-top: 20px; }
#slide-video .promo-right { float: right; width: 33%; padding-right: 20px; }

.promo-text { font-size: 45px; line-height: 1.3; font-weight: 300; }
.promo-logos { padding-top: 40px; }

#promo-socials { position: absolute; top: 300px; right: 20px; }
.site-socials a { width: 80px; height: 80px; border: 2px solid #dc4c27; margin-bottom: 30px; background: rgba(255,255,255,0.3); display: block; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
.site-socials a em { font-size: 40px; line-height: 80px; display: block; text-align: center; }
.site-socials a:hover, .site-socials a:focus { color: #fff; background: rgba(0,0,0,0.3); }

.slide { top: 0; position: absolute; opacity: 0; }
.owl-loaded .slide { top: 0; position: relative; opacity: 1; }

.owl-dots { text-align: center; padding: 15px 0; background: #fff; }
.owl-dots .owl-dot { display: inline-block; padding: 0 5px; }
.owl-dots .owl-dot span { display: block; width: 15px; height: 15px; background: #dadcde; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-dots .owl-dot.active span { background: #303033; }


/*** promo-page ***/
#promo-page { position: relative; top: -45px; }
#promo-page .promo-img { min-height: inherit; max-height: 600px; overflow: hidden; }


/*** section ****/
.section { padding: 0 0 70px; }
.section-hdr { margin: 0 0 50px 0; padding: 0 0 20px; border-bottom: 1px solid var(--BORDER_COLOR); text-align: center; }
.section-hdr h1, .section-hdr h2 { margin: 0; padding: 0; }

#main { padding-top: 145px; background: #fff; position: relative; z-index: 10; -webkit-box-shadow: rgba(0,0,0, .2) 0px 5px 15px; -moz-box-shadow: rgba(0,0,0, .2) 0px 5px 15px; box-shadow: rgba(0,0,0, .2) 0px 5px 15px; }

/*** home ***/
.warranty { padding: 20px 0; }
.warranty h3 { margin: 0 0 30px; padding: 0; }
.with-line { text-align: center; position: relative; }
.with-line:after { border-bottom: 1px solid #48484a; height: 1px; width: 100%; position: absolute; top: 50%; display: block; content:""; }
.with-line span { padding: 0 15px; background: #fff; position: relative; z-index: 10; }

.features-images { margin-bottom: 40px; }
.features-images .row { margin: 0 -10px; }
.features-images .col-sm-2 { width: 20%; padding: 0 10px; }

.features-list { }
.features-list h3 { color: #fff; font-size: 22px; margin: 40px 0 30px; line-height: 1; font-weight: 500; font-family: 'Roboto',Arial,sans-serif; }
.features-list h3 span { background: var(--BIEGE_COLOR); padding: 10px 20px; position: relative; }
.features-list h3 span:before { position: absolute; top: -4px; width: 100%; height: 2px; background: #c8c8c8; display: block; content:""; }

#home-models { }
#home-models a { display: block; color: #48484a; }
#home-models a:hover, #home-models a:focus { color: #dd3300; }
#home-models a img { margin-bottom: 20px; }
#home-models .model-title { font-size: 30px; display: block; margin: 0 0 10px; text-align: center; font-weight: 400; font-family: 'Roboto Condensed',Arial,sans-serif; }
#home-models .model-text { font-size: 15px; }


/*** about ************/
#page-about #footer-top { display: none; }
.about-text { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 20px; }
.exclusive-img img { max-width: 200px; width: 50%; padding: 10px 0 0; margin: auto; }
.association-img img { max-width: 400px; width: 50%; padding: 10px 0 15px; margin: auto; }

.about-imgs { padding: 40px 0; text-align: center; }
.about-imgs:after { clear: both; display: block; content:""; }
.about-imgs img { padding: 0 25px 15px; width: 33%; float: left; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

/*** office ***/
.office-contacts { padding: 20px 20px; }
.office-contacts .office-item { margin-bottom: 15px; }
.office-contacts .office-item:after { clear:both; display: block; content:""; }
.office-contacts .office-item strong { }
.office-contacts .office-item em { font-size: 30px; color: #dc4c27; line-height: 30px; width: 7%; float: left; }
.office-contacts .office-item small { font-size: 16px; width: 20%; float: left; line-height: 30px; }
.office-contacts .office-item big { font-size: 20px; width: 70%; float: left; font-weight: 500; }
.office-contacts .office-item.item-1 a { font-size: 20px; color: #383739; }
.office-contacts .office-item.item-1 span { display: block; }
.office-contacts .office-item.item-2 big, .office-contacts .office-item.item-3 big { font-size: 42px; line-height: 1; }
.office-contacts .office-item.item-3 em { font-size: 34px; }
.office-contacts .office-item.item-4 big a { font-size: 24px; line-height: 1.2; }
.office-contacts .office-item.item-2 em, .office-contacts .office-item.item-2 small { padding-top: 7px; }

#about-contactform { padding: 30px 0; border-top: 1px solid #ccc; }

#contactFormAdvanced .form-control { background: #f9f8f5; border-color: #ccc; color: #333; padding: 8px 15px; font-size: 16px; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.office-logo img { margin: 0 auto 50px; }
#section-office .office-contacts { padding-left: 20%; }
#section-office .office-contacts .office-item.item-1 a { font-size: 80%; font-weight: normal; color: #dc4c27; }


/*** dealers ***/
.dealers-list { }
.dealers-list .dealer-item { margin-bottom: 50px; }
.dealers-list img { width: 70%; margin: 0 auto 10px; }
.dealers-list h3 { font-size: 26px; margin-bottom: 20px; padding-bottom: 10px; text-align: center; color: #111; border-bottom: 2px solid #dc4c27; }
.dealers-list p { font-size: 15px; line-height: 1.5; }
.dealers-list p + p { margin-bottom: 5px; }
.dealers-list p em { padding-right: 10px; color: #dc4c27; }
.dealers-list p a, .dealers-list p a:visited { color: #383739; }


/*** products *********/
.product-item { padding-bottom: 50px; margin-bottom: 100px; position: relative; }
.product-item h2 { font-size: 36px; margin: 0 0 25px; padding: 0; }
.product-item h2 a, .product-item h2 a:visited { color: #48484a; }
.product-item h2 a:hover, .product-item h2 a:focus { color: #dc4c27; }
.product-item .btn { padding: 10px 20px; font-size: 24px; }
.product-item .btn em { font-size: 19px; padding-left: 10px; position: relative; top: -1px; }

.product-item.item-3 { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.section-surfaces { margin-bottom: 30px; }
.section-surfaces .col-sm-4 { margin-bottom: 40px; }
.door-colors h3 small { color: var(--BIEGE_COLOR); }
.door-colors img { width: 100%; }


.products-carousel { min-height: 200px; padding: 5px 0 0 5px; border-top: 10px solid #e2501f; border-left: 10px solid #e2501f; margin-bottom: 20px; }
.products-carousel .owl-dots { width: 100%; position: absolute; bottom: 0; background: transparent; }
.products-carousel .owl-dots .owl-dot span { background: rgba(255,255,255, .5); }
.products-carousel .owl-dots .owl-dot.active span { background: #e2501f; }

.promopage-title { font-size: 100px; color: #fff; opacity: .8; line-height: 1; font-weight: 600; position: absolute; top: 30px; width: 100%; text-align: center; z-index: 1000; text-shadow: 2px 1px 5px rgba(0,0,0, .5); }
.product-item-associations img { max-width: 320px; margin: auto; padding: 30px 0 10px; opacity: .8; }


/*** product ***/
.thermal-block { background: #f2f2f2; padding: 20px 20px 10px; border-left: 5px solid #dc4c27; }
.thermal-block h3 { font-size: 30px; margin: 0 0 10px; }
.thermal-block .formula { font-size: 30px; color: #dc4c27; font-weight: bold; margin-bottom: 10px; line-height: 1.2; }
.thermal-block small { display: block; line-height: 1.3; }

.door-colors h3 { padding: 0 0 10px; margin: 0 0 20px; border-bottom: 5px solid #f2f2f2; }
.door-colors .col-xs-4 p { font-size: 80%; line-height: 1.3; margin: 10px 0 30px; padding: 0; text-align: center; }


/*** gallery-block ***/
.gallery-block { border-top: 1px solid #aaa; color: #0170bd; padding-top: 15px; margin-top: 15px; }
.gallery-block h3 { font-size: 48px; margin: 0 0 0px; line-height: 1; padding: 0; text-transform: uppercase; }
.gallery-block p { font-size: 18px; color: #0170bd; }
.gallery-block a { margin-top: 15px; }

/*** section-gallery ***/
#section-gallery { padding: 30px 0; color: #fff; text-align: center; background: #dc4c27 url(../images/gallery-line-bg.png) no-repeat 100% center / 60% 100px; }
#section-gallery h3 { font-size: 42px; text-align: center; margin: 0 0 5px; padding: 0; text-transform: uppercase; }
#section-gallery .lead { font-size: 16px; line-height: 1.1; color: #fff; text-align: center; margin-bottom: 20px; }
#section-gallery .btn { background: #0d5b95; border: 1px solid #fff; }
.link-gallery-imgs { background: url(../images/gallery-arrows.png) no-repeat right center / 65px auto; display: block; }
.link-gallery-imgs:after { display: block; clear: both; content:""; }
.link-gallery-imgs img { margin-right: 3%; width: 28%; float: left; }



/*** GALLERY ************/
/* Grid */
#posts { margin: 0; }
#posts .post { padding: 2px; position: relative; }
#posts .post small { color: #fff; font-size: 22px; padding: 5px 10px; position: absolute; bottom: 10px; right: 2px; background: rgba(39,51,77,0.7); text-transform: uppercase; }
#posts .post a:hover small, #posts .post a:focus small { background: rgba(233,92,64,0.9); }

#page-gallery .section-hdr { border-bottom: none; padding-bottom: 0; }
#page-gallery .nav-tabs { padding-top: 20px; }
.nav-tabs { border-bottom: 1px solid #48484a; }
.nav-tabs > li { margin-right: 5px; border-top: 3px solid #fff; }
.nav-tabs > li > a { padding: 13px 30px; font-weight: bold; text-transform: uppercase; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-bottom: 1px solid #48484a; }
.nav-tabs > li.active { border-top-color: #dc4c27; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-color: #48484a; border-bottom-color: #fff; border-top-color: #dc4c27; }

#videos iframe { width: 100% !important; }
#videos .video-container { margin-bottom: 30px; }


/*** contacts ***/
#contacts { }
#section-contacts { padding-bottom: 0; }
#contacts .form-group { margin-bottom: 20px; }
#contacts .form-control { color: #000; background: #fff; font-size: 17px; padding: 10px 15px; height: 44px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#contacts .form-control:focus { background: #fff; }
#contacts textarea.form-control { height: auto; width: 100%; }
.office-logo img { max-width: 260px; width: 90%; }

#contactForm { padding: 0 0 0 20px; margin: auto; }

#contacts .form-control::-webkit-input-placeholder { color: #777; /* Chrome/Opera/Safari */ }
#contacts .form-control:-moz-placeholder { color: #777; /* Firefox 18- */ }
#contacts .form-control::-moz-placeholder { color: #777; /* Firefox 19+ */ }
#contacts .form-control:-ms-input-placeholder { color: #777; /* IE 10+ */ }

#contacts .form-control:focus::-webkit-input-placeholder { color: #777; /* Chrome/Opera/Safari */ }
#contacts .form-control:focus:-moz-placeholder { color: #777; /* Firefox 18- */ }
#contacts .form-control:focus::-moz-placeholder { color: #777; /* Firefox 19+ */ }
#contacts .form-control:focus:-ms-input-placeholder { color: #777; /* IE 10+ */ }

#contacts label.error { font-weight: normal; font-size: 14px; color: #d4003a; }
#contacts a {color:#111;text-decoration:underline;}



/*** downloads ***/
.download-links { margin-top: -20px; }
.download-links ul { list-style: none; padding: 0; margin: 0 0 30px; }
.download-links ul li { margin-bottom: 10px; text-align: center; }


/*** dealers ***/
#page-dealers #main { padding-top: 100px; }

/*** map ***/
#dealers-map iframe { width: 100%; height: 400px; margin-bottom: 20px; }



/*** contact-block ***/
#contact-block { background: #fff; padding: 20px; position: fixed; top: 100px; right: -300px; width: 300px; z-index: 1000; }
#contact-block-link { font-size: 13px; background: #c80000; color: #fff; line-height: 1; display: block; width: 140px; line-height: 30px; text-align: center;
	position: absolute; top: 130px; left: -85px;
	text-transform: uppercase;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#contact-block { -webkit-box-shadow: rgba(0,0,0,0.5) 5px 2px 3px; -moz-box-shadow: rgba(0,0,0,0.5) 5px 2px 3px; box-shadow: rgba(0,0,0,0.5) 5px 2px 3px; }
#contact-block h2 { font-size: 24px; margin: 0 0 20px; }
#contact-block .error { color: #c80000; font-size: 12px; font-weight: normal; margin-bottom: 0; }


/*** iframe-contact ***/
.iframe-contact { border: none; overflow: hidden; max-height: 430px; }
body#block-contact { background: transparent; margin-bottom: 0px !important; min-width: 200px; }
.captcha { }
.captcha-image { float: left; width: 160px; }
.captcha-field, body#block-contact .form-submit { margin-left: 180px; }
.alert { font-size: 12px; padding: 4px 10px; margin-bottom: 5px; line-height: 1.1; }




/*** footer *******************************/
#footer-top { padding-bottom: 50px; }

#footer { background: #d0ccc1; color: #7e796a; font-size: 14px; position: fixed; bottom: 0; width: 100%; z-index: 1; }
#footer-cnt { padding: 40px 0; }
#footer-logo { max-width: 40%; padding: 10px 0 30px; opacity: .7; }

#footer-menu ul { list-style: none; padding: 0; margin: 0; }
#footer-menu ul li { font-size: 15px; padding-bottom: 3px; text-transform: uppercase; font-family: 'Roboto Condensed'; font-weight: 500; }
#footer a { color: #4f4b41; }
#footer a:hover, #footer a:focus { color: #111; }

.ftr-phone { line-height: 1; margin-bottom: 20px; font-size: 17px; text-align: right; }
.ftr-phone small { font-size: 15px; display: block; text-transform: uppercase; margin-bottom: 5px; font-family: 'Roboto Condensed'; font-weight: 700; } 
.ftr-phone big { font-size: 22px; font-weight: 500; color: #4f4b41; }

.ftr-contacts { text-align: right; font-size: 16px; }
.ftr-contacts p { font-size: 80%; margin-bottom: 5px; line-height: 1.3; }
#footer .ftr-contacts .email { font-size: 22px; display: inline-block; font-weight: 500; margin-bottom: 10px; }
.ftr-contacts address { padding: 0; margin: 0; font-weight: 500; }
#footer .copyright { font-size: 13px; text-align: right; clear: both; }

#footer .ftr-socials { margin: 0 0 10px 10px; }
#footer .ftr-socials a { color: #7e796a; width: 35px; height: 35px; float: left; margin: 0 0 0 10px; border-color: #7e796a; background: none; }
.ftr-socials a em { font-size: 18px; line-height: 31px; }
#footer .ftr-socials a:hover, #footer .ftr-socials a:focus { background: rgba(255,255,255, .5); }
.ftr-socials a:hover em.fa-facebook-f { color: #5d8ff6; }
.ftr-socials a:hover em.fa-linkedin-in { color: #8380ff; }
.ftr-socials a:hover em.fa-youtube { color: #ed3333; }
.ftr-socials a:hover em.fa-instagram { color: #f58529; }


/*** debug ***********************/
#debug-block { display: none; position: fixed; top: 0; left: 0; z-index: 1000; line-height: 1; }
#debug-responsive { border: 1px solid #000; height: 10px; width: 10px; opacity: 1; background: #fff; float: left; }
#debug-resolution { font-size: 10px; line-height: 1; padding: 1px 3px; background: rgba(255,255,255,1); float: left; }
#debug-bodyclass { font-size: 10px; line-height: 1; padding: 3px; background: rgba(0,0,0,0.7); color: #fff; display: none; }