/*** reset ***/
*{padding:0;margin:0;border:0;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
:focus,:active{outline:none;}
a:focus,a:active{outline:none;}
nav,footer,header,aside{display:block;}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display:none;}
button{cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
a,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
ul li{list-style:none;}
img{vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}
/*--------------------*/

.container { width: auto; max-width: 1240px; }
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button
{
	-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: #333;
	--TEXT_COLOR: #333;
	--GREY_COLOR: #666;
	--ORANGE_COLOR: #ef682e;
	--ORANGE_COLOR_2: #e45a1e;
	--BORDER_COLOR: #ccc;
}
body { background: #fff; color: var(--TEXT_COLOR); font-family: 'Roboto',Arial,Helvetica,sans-serif; font-size: 18px; font-weight: 300; line-height: 1.4; -webkit-font-smoothing: antialiased; }

a, a:visited { color: var(--ORANGE_COLOR); cursor: pointer; }
a:hover, a:focus { color: var(--ORANGE_COLOR_2); text-decoration: underline;  }
:focus { outline: 1px dotted; }
.clear { clear: both; height: 0; line-height: 0; display: block; }
p { line-height: 1.4; margin-bottom: 25px; }
*::-moz-selection { background-color: var(--ORANGE_COLOR); color: #fff; }

.bordered {border: 1px solid #e1e5e8;}
span.bordered{display:inline-block;padding:10px;}
strong { }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: var(--HEADLINE_COLOR); }
h2, h3 { font-size: 56px; padding: 0; margin: 0 0 35px; font-weight: 300; line-height: 1; }
.rounded { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; }
.form-control { font-size: 18px; background: #4a4a4a; color: #fff; border: 1px solid #333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  /*-webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; -moz-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;*/ }
.form-control:focus { color: var(--TEXT_COLOR); border-color: #333; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; /*-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 3px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 3px; box-shadow: rgba(0,0,0,0.1) 0 0 3px;*/ }

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

label { font-weight: normal; }
.checkbox label { font-size: 14px; }

.btn { font-size: 22px; padding: 10px 40px; text-transform: uppercase; font-weight: 400; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.btn-primary, .btn-primary:visited { color: #fff; border-color: var(--ORANGE_COLOR); background: var(--ORANGE_COLOR); }
.btn-primary:hover, .btn-primary:focus { color: #fff; background: var(--ORANGE_COLOR_2); border-color: var(--ORANGE_COLOR_2); }

.btn-primary.btn-transparent, .btn-primary.btn-transparent:visited { color: var(--ORANGE_COLOR); border: 2px solid var(--ORANGE_COLOR); background: transparent; padding: 9px 40px; }
.btn-primary.btn-transparent:hover, .btn-primary.btn-transparent:focus { color: #fff; background: var(--ORANGE_COLOR); }


/*** structure ***/
#main-wrapper { min-height: 100%; overflow: hidden; display: flex; flex-direction: column; }
main { flex: 1 1 auto; }
.section { padding: 80px 0; position: relative; }
.section .container { position: relative; }
.flex-row { display: flex; }
.w10 { flex: 1 1 10%; } .w20 { flex: 1 1 20%; } .w30 { flex: 1 1 30%; } .w40 { flex: 1 1 40%; } .w50 { flex: 1 1 50%; } .w60 { flex: 1 1 60%; } .w70 { flex: 1 1 70%; } .w80 { flex: 1 1 80%; } .w90 { flex: 1 1 90%; }

.section-text { padding-left: 4%; }
.section-inverse { color: #fff; background: #333 url(../images/section-inverse-bg.jpg) no-repeat center center / 100% auto; }
.section-inverse h2, .section-inverse h3 { color: #fff; }

hr { position: absolute; left: 0; right: 0; width: 100%; top: -80px; border-color: #c2c2c2; display: block; margin: 0; }



/*** hero ***/
#hero { color: #fff; background: #600900 url(../images/hero-img.jpg) no-repeat center center / auto 100%; height: 100vh; min-height: 660px; display: flex; flex-direction: column; }
#hero-top { flex: 1 1 auto; position: relative; }
#hero-top .container { position: relative; }

#hero-bottom { background: rgba(0,0,0,.7); padding: 4vh 0; }
.hero-phones { display: flex; }
.phone { flex: 1 1 46%; display: flex; margin: 0 2%; }
.phone .phone-icon { flex: 0 0 66px; margin-right: 30px; }
.phone .phone-number { flex: 1 1 auto; align-self: center; white-space: nowrap; }
.phone.vodafone { text-align: right; }
.phone.vodafone .phone-icon { flex: 1 1 100%; }
.phone.vodafone .phone-nunber { flex: 0 0 auto; }
.phone.vodafone .phone-icon img { float: right; max-width: 66px; }
.phone .phone-number a { font-size: 40px; color: #fff; line-height: 1; font-weight: 600; text-decoration: none; }

#logo { width: 437px; display: block; position: absolute; top: 9vh; }

#hero-cnt { padding: 30vh 5% 0 0; }
h1 { font-size: 40px; color: #fff; font-weight: 600; margin: 0 0 30px; }
.lead { font-size: 24px; font-weight: 300; }
.hero-btns { padding: 5vh 0 0; }
.hero-btns .btn { font-size: 26px; padding: 15px 40px; margin: 0 30px 15px 0; font-weight: 300; }

#lang-switcher { top: 4vh; right: 15px; position: absolute; }
#lang-switcher a { font-size: 18px; color: #fff; background: transparent; padding: 5px 10px; margin: 0 0 0 5px; line-height: 1; text-transform: uppercase; text-decoration: none; font-weight: normal; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
#lang-switcher a.active { color: var(--TEXT_COLOR); background: #fff; }

#hero-socials { top: 12vh; right: 15px;  position: absolute; }
#hero-socials a { font-size: 34px; color: #fff; width: 66px; height: 66px; margin: 0 0 0 15px; display: block; float: left; border: 2px solid rgba(255,255,255,.5); text-decoration: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
#hero-socials a em { display: block; line-height: 64px; text-align: center; }
.social-insta { background: rgba(163,40,40,.5); }
.social-fb { background: rgba(59,89,152,.5); }
#hero-socials a:hover, #hero-socials a:focus { border-color: #fff; }



/*** history ***/
#section-history { background: #e9e9e9; }

/*** pluses ***/
#section-pluses h2 { margin-bottom: 40px; }
#section-pluses li { padding: 0 0 0 70px; position: relative; min-height: 40px; margin-top: 25px; display: flex; align-items: center; }
#section-pluses li:before { font-size: 44px; line-height: 36px; color: #ef682e; font-weight: 300; position: absolute; top: 0; left: 0; content:"\f067";  font-family:'Font Awesome 5 Pro'; }

/*** icons ***/
#section-icons { }
.icon-items { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.icon-items .icon-item { flex: 0 1 50%; display: flex; margin: 30px 0 0; padding: 0 15px; }
.icon-items .icon-item .icon-icon { flex: 0 0 100px; margin-right: 25px; }
.icon-items .icon-item .icon-icon em { display: block; text-align: center; }
.icon-items .icon-item .icon-text { flex: 1 1 auto; align-self: center; padding-right: 4%; }

.icon-items .icon-item .icon-icon em { font-size: 80px; color: #ef682e; }


/*** gallery ***/
#gallery .row { margin: 0 -7.5px; }
#gallery .col-xs-6 { padding: 0 7.5px; margin-bottom: 15px; }


/*** form ***/
#section-form { }
.contact-item { display: flex; margin-bottom: 20px; }
.contact-item .contact-icon { flex: 0 0 75px; }
.contact-item .contact-text { flex: 1 1 auto; align-self: center; }

.contact-item a { color: #fff; text-decoration: none; }
.contact-item .contact-icon em { font-size: 40px; color: #909090; padding-top: 5px; }
.contact-item .contact-text { font-size: 120%; }
.contact-item .contact-text small { font-size: 90%; display: block; color: #909090; line-height: 1.1; }

#contact-form { }
#contact-form label { display: none; }
#contact-form .form-control { width: 70%; padding: 10px 15px; height: auto; }
#contact-form textarea.form-control { width: 100%; height: 100px; }
#contact-form .form-submit { text-align: right; padding-top: 10px; }




/*** footer ***/
footer { padding: 40px 0; font-size: 14px; line-height: 1.3; }

.footer-logo { max-width: 230px; display: block; }
.link-agency { max-width: 134px; display: block; }
.footer-contacts { padding: 0 4%; }
.footer-contacts .phones { font-size: 30px; margin-bottom: 5px; font-weight: bold; }
.footer-contacts .phones a { color: #333; text-decoration: none; white-space: nowrap; position: relative; }
.footer-contacts .phones a:first-of-type { margin-right: 50px; }





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