*, *::after, *::before {  box-sizing: border-box;}
body,html {    font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-style:normal; font-size:16px;  color:#000;  margin:0; padding:0; width:100%; }
body { background:#fff;font-family: 'Source Sans Pro', sans-serif;  width:100%;font-weight:600; margin:0; padding:0;letter-spacing:-1px;font-size:16px;  width:100%;  background:#fff;}

h1,h2,h3,h4,h5,h6 {font-family: 'Source Sans Pro', sans-serif; line-height:24px; margin:0; padding:0; font-weight:700; letter-spacing:-1px; text-align:left}
h1 { font-size:30px; color:#000;margin-bottom:50px; text-transform:uppercase; font-weight:700; text-align:center;} h2 { font-size:26px; text-transform:uppercase ;margin-bottom:50px;} h3 { font-size:22px;} h4 { font-size:18px;} h5 { font-size:16px;} h6 { font-size:14px;}

.black { font-weight:900;}
.bold { font-weight:700;}
.light { font-weight:300;}
.regular { font-weight:400;}
.pt22 { font-size:22px;}
.pt20 { font-size:20px;}

ul, li { list-style:none;}
a { color:#000; text-decoration:none;} 
.underline { text-decoration:underline;}
.none { margin:0; padding:0;}
.center { margin:0 auto!important; text-align:center!important;}
p { margin:0; padding:0;  font-weight:600; color:#000; font-size:16px; line-height:28px;  text-align:justify; margin-top:20px }
.clearfix:after {  content: " ";  visibility: hidden;  display: block;  height: 0;  clear: both; width:100%;}
div {  margin:0; padding:0;}

.hidden{opacity: 0;}
.visible{	opacity: 1;}
.desktop { display:block}
.mobile { display:none}
.nonebg { background:none!Important;}
section { display:block; width:100%;  float:left; padding:0px; clear:both }


/* content */


#services, #clients { padding-top:50px;}
#intro { min-height:400px; max-height:100vh;margin-bottom:-50px; background:#eee;}
#intro .c12 { padding:40px;padding-bottom:0;}
#intro .c6 { padding:40px;padding-bottom:20px}
#intro .c6 p { padding: 20px 0 20px 0;}

#home #intro  p { padding: 0px 0 0px 0; font-weight:400; letter-spacing:0}


.read-more:hover  { color:#fff; background:#000;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.read-more { background:#3b484e; color:#fff; padding:15px 25px; display:block; float:right; text-transform:uppercase; letter-spacing:0px; font-weight:900; margin:20px 0;margin-bottom:0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.read-more a { display:block; height:100%;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

section {  z-index:1; min-height:100vh;transition: transform .5s;}
main {  position: relative;  z-index: 1;  height: 100vh;  overflow: hidden;   transition: transform .5s;}
.nav-open main {  /*transform: scale(.9);*/}
.intro {  height: 100vh;  width: 100%;  display: table;  background: #fff ;  background-size: cover;}


.fb { display:block;}
a.fb  { display:block; width:22px; margin:0 auto}

.container { /* max-width: 90rem;*/  width: 100%;  padding: 0 4rem;  margin: 0 auto;}
header { background:#ffffff; padding:0;}
.header {  padding:55px 50px;  background: #fff;}

.wrapper {  color: #000;  min-height: 100px;  float: left;}
.wrapper .logo {  float: left;  margin: 0;  margin-left:50px}

.nav-menu {  margin: 0;  padding: 0px 0 0 0;  list-style: none;  text-align: right;}
.nav-menu li {  display: inline-block;  position: relative;}
.nav-menu li a {  display: block;  padding:15px;  color: #5b666b; text-transform:uppercase; letter-spacing:2px; font-size:15px; font-weight:400}
.nav-menu li a.active  { font-weight:700; color:#ed1c24}
.nav-menu .nav-item .item-dropdown .sub-item a.active { font-weight:600; color:#ed1c24;}
.nav-menu .phone { background:url(../img/phone_ico.png) no-repeat left center;padding-left:30px;margin-left:30px; letter-spacing:0; font-weight:600; font-size:18px}
.nav-menu li:hover a {
  color: #ed1c24;}
.nav-menu .nav-item .item-dropdown {
  position: absolute;  margin: 8px 0;  padding: 0;  background: #f5f5f5;  display: none;}
.nav-menu .nav-item .item-dropdown .sub-item a {
  min-width: 250px;  width: 100%;  text-align: left;}
.nav-menu .nav-item i.fas {
  margin-left: 20px;}
.nav-menu .nav-item .item-dropdown .sub-item a {
  color: #000;  padding-bottom: 10px; letter-spacing:1px; font-size:14px; font-weight:600; line-height:20px}
.nav-menu .nav-item .item-dropdown .sub-item:hover a {
  color: #ed1c24;}
  .nav-menu .nav-item .item-dropdown .sub-item:last-child > a { padding-bottom:20px;}



.grid-list {  font-size: 0;  flex-flow: row wrap; display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -moz-flex;
  display: -webkit-flex;  display: flex; padding: 0;}
.grid-list li {  flex: auto;  width: 640px;  margin: 0; position:relative;}
.grid-list li:hover {  opacity: 1;}
.grid-list li img {  width: 100%;  }

main h1 { color:#fff; text-align:center;margin-top:120px; padding:15px; text-shadow:0 0 5px #000; letter-spacing:2px; line-height:45px }

 figure {	flex: auto;  width: 100%;  margin: 0; position:relative}
 figure img {	position: relative;	display: block;		opacity: 1; }
 figure figcaption {	padding: 0;	color: #fff;	font-size: 18px;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
 figure figcaption::before, figure figcaption::after {	pointer-events: none;}
 figure figcaption, figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
 figure figcaption > a {	z-index: 1;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0; }
figure.effect {	background: #3b484e;}
figure.effect img {	opacity: 1;	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
figure.effect:hover img {	opacity: 0;}
figure.effect h2 { max-width:80%;margin:0 auto; text-align:center;-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;	-webkit-transform: translate3d(0,-20px,0);	transform: translate3d(0,-20px,0); color:#fff; visibility:hidden;  font-size:24px; font-weight:700; letter-spacing:-1px; margin-top:40%; text-align:center; line-height:30px}
figure.effect:hover figcaption::before,figure.effect:hover figcaption::after {	opacity: 1;	-webkit-transform: scale(1);transform: scale(1);animation: slide-in .4s .2s backwards; animation-delay: .2s;}
figure.effect:hover h2 {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);animation: slide-in .5s .3s backwards; animation-delay: .2s;}
figure.effect:hover h2{ visibility:visible}
figure.effect h3 { position:absolute; right:25px; bottom:25px; opacity:1; visibility:visible; background:#fff; padding:20px 25px; font-size:20px; text-align:right; width:53%; line-height:18px; font-weight:700;animation: slide-in .4s .2s backwards; animation-delay: .1s; text-transform:uppercase}
figure.effect:hover h3{ visibility:hidden;animation: slide-in .4s .2s backwards; animation-delay: .2s;}
 figure.effect hr { visibility:hidden;}
 figure.effect:hover hr { border:0; height:1px;border-top:1px solid white;margin-top:30px;margin-bottom:10px; max-width:40%; animation: slide-in .4s .2s backwards; animation-delay: .45s; visibility:visible}

header h1 span {color:#ccc;font-weight:800;font-size:60px; letter-spacing:-2px}

/* about us */
#texts h2 span { color:#fff; background:#263e6a; padding:0px 10px}
#texts { background:#f5f5f5; min-height:350px}
#texts p { letter-spacing:-0.04em;}
#texts p strong, #texts li strong { font-size:18px;}
#info { background:#fff; margin:0 auto; width:90%;margin-top:-80px; min-height:300px; z-index:1; position:relative; padding:50px; box-shadow:0 0px 10px rgba(0,0,0,.2)}
#home main, #contacts main { background:url(../img/slider.jpg) no-repeat fixed center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;		background-attachment:cover; margin:0; padding:0;max-height:464px}
#about main, #gallery main, #contacts main, #service main { max-height:464px;}
#about .headline, #gallery .headline, #contacts .headline, #service .headline { background:none; width:310px; margin-left:-155px; margin-right:-155px;margin-top:0px}

.logo { width:225px; height:68px; display:block; position:relative; background:none; z-index:2; float:left;margin-left:50px;margin-top:50px}

 .txt   { padding-right:50px;}
.gal   { padding-left:50px;}

#contacts .txt p { padding:5px 0; margin:0; line-height:21px}
#contacts .txt a { text-decoration:underline;}
#about .read-more:hover  { color:#fff!important; background:#000;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.read-more { background:#3b484e; color:#fff; padding:15px 25px; display:block; float:right; text-transform:uppercase; letter-spacing:0px; font-weight:900; margin:20px 0;margin-bottom:0;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.read-more a { display:block; height:100%;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;color:#fff!important}


.space { width:100%; display:block;float:left; margin:25px 0;}


#galerija { width:100%; display:block; height:auto; padding:0px 0;padding-top:0;}
#galerija ul {   text-align:left;    margin:0px;    padding:0px;}
#galerija li { display:inline-block; margin:0px; min-width:12.32%;max-width:19.65%; height:90px; padding:0; }
#galerija li a img { width:100%; height:100%;min-height:95px; margin:0; padding:0;}
#galerija li a { padding:0; margin:0;opacity:0.7;-webkit-transition: all 0.5s;   transition: all 0.5s;}
#galerija li a:hover { opacity:1;-webkit-transition: all 0.5s;   transition: all 0.5s;}

#about #galerija li, #service #galerija li { display:inline-block; margin:0px; width:24.5%; height:100%; padding:0;height:100px; }

#mapkit-8041 { width:100%; height:330px;margin-top:50px; display:block; float:left;margin-bottom:30px}
.forma { display:block; float:left; width:80%;margin-bottom:80px}
.forma form { margin-top:0px;}
.forma  input { background:#3b484e; width:100%; height:auto; border:0; padding:13px 20px; display:block; float:left; margin-bottom:0px; font-weight:600;font-weight: normal; clear:both; color:#fff; font-size:16px; margin-bottom:20px; opacity:1; z-index:1}
.forma textarea { border:0; background:#3b484e;  width:100%; min-height:230px; padding:20px; display:block; float:left;ont-weight:600;font-weight: normal;font-size:16px; position:relative;margin-top:0px; color:#fff;}
.forma input[type=submit] { color:#fff;   padding:15px 40px; margin:0;padding-left:30px;display:block; float:left; width:auto; position:absolute; bottom:-55px; right:0px; z-index:2; font-size:16px; font-weight:900; text-transform:uppercase; background:#3b484e url(../img/send_ico.png) no-repeat 85px center ; }
.forma input[type=submit]:hover { color:#fff!important;background:#ed1c24 url(../img/send_ico.png) no-repeat 85px center ;  } 

.error {color:#000!important; font-size:16px; font-weight:600;   cursor:default}
form input[type="text"]:focus, form input[type="password"]:focus, form input[type="date"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="month"]:focus, form input[type="week"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="time"]:focus, form input[type="url"]:focus, form textarea:focus {
   color:#fff!important; background:#ed1c24; font-weight:500; }
form input[type="text"].error, form input[type="password"].error, form input[type="date"].error, form input[type="datetime"].error, form input[type="datetime-local"].error, form input[type="month"].error, form input[type="week"].error, form input[type="email"].error, form input[type="number"].error, form input[type="search"].error, form input[type="tel"].error, form input[type="time"].error, form input[type="url"].error, form textarea.error {    color: #fff!important; background:#f00;  cursor:text; font-size:16px;   }
fieldset {    border:0px;    margin:0;    padding:0; position:relative;}
.required {    display:none; color:#000; visibility:hidden;  display:block; font-size:0;}
#success, #error {    display:none;margin-top:0px; position:relative;}
#success .aciu { color:#263e6a;  font-weight:700; text-align:center; margin:0; padding:0; float:left; font-size:24px}
#success span, #error span {    display:block;    position:relative;   width:100%}
#success p { font-size:18px; color:#000; font-weight:600; text-align:center; float:none;}
#success { width:100%; margin:0 auto}
#success h1, #error h1, #success1 h1, #error1 h1 { margin:0; padding:0; margin-top:10px;}
#success1, #error1 {    display:none;margin-top:0px; position:relative;}

/*#success span p {    color:#9bd32d}
#error span p {    color:#c0392b}*/

.iw-toolbar {
  background-color: #000!important;}

::-webkit-input-placeholder:focus { color:#000;}
:-moz-placeholder:focus { color:#000;}
::-moz-placeholder:focus { color:#000;}
:-ms-input-placeholder:focus { color:#000;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
     font-size:16px; text-transform:uppercase;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size:16px;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size:16px;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size:16px;
}






footer { background:#5b666b; padding:50px;padding-bottom:0;  width:100%; display:block; float:left}
footer p, footer a { color:#fff; font-size:14px; line-height:26px; padding:0; margin:0; font-weight:500; letter-spacing:0px }
footer h2 { color:#fff; font-size:20px;margin-top:30px; text-align:left; width:130px; font-weight:700}
footer .c3 { border-right:1px solid #ccc;padding-bottom:20px}
footer .c3 img { float:left; clear:both; display:block}
footer .c3  a {text-decoration:underline}
footer .c3 img  { margin-bottom:20px;}
footer ul { margin-top:15px;}
footer li { margin:0; display:block; float:left; width:100%}
footer  li a{ line-height:15px;margin:0; padding:0;margin-bottom:10px; display:block; float:left}
footer .c5 h2,footer .c4 h2 { margin-bottom:20px; background:url(../img/arr_foo.png) no-repeat center right;}
footer .c4 h2 { width:150px;}
footer .c5 { border-right:1px solid #ccc; padding:0 50px}
footer .c5 .c6 { padding-right:40px;}
footer .c4 {padding:0 50px}
footer .c4 img { margin-top:20px;}
footer li.active a { text-decoration:underline; color:#ccc;}
footer   a:hover { color:#cccccc; text-decoration:underline}
footer .bottom { width:100%; display:block; border-top:1px solid #ccc;margin-top:20px;padding:15px 0}
.vb { float:right; margin:0; padding:0;margin-top:0px!important; display:block;}
footer .vb img { margin:0; padding:0;}



.req-btn { position:fixed; bottom:0;}


.open-close-form  {  width:100%; height:250px; padding:10px 12px;	 font-weight:400; text-align:center; font-size:12px; letter-spacing:2px; margin:0 auto; margin-top:20px; display:block;border:1px solid black; text-transform:uppercase; background:#fff;}



.form {  width: 100%; height: 250px;  background: #fff;  position: fixed;  bottom: -250px;    transition: 1s; z-index:999; padding:60px; overflow:hidden}
.form-open {  right: 0px;  transition: 1s;}
.message{  display:none;}




#contact2 { margin:0 auto;margin-top:10px;}
#contact2 input { border:0; padding:10px 10px; background:#fff; margin:0px; width:100%; font-size:16px; text-transform:uppercase; font-weight:800; letter-spacing:0.05em;}
#contact2 input[type=submit] { margin-bottom:10px; background:#ccc; color:#000; font-size:12px; font-weight:600; width:100%; padding:10px; text-transform:uppercase;margin-top:20px}


#contact2 span { color:#fff; text-align:center; float:none; display:block; margin:0 auto; margin:0; padding:0; }

#contact2  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
     font-size:14px; text-transform:uppercase;
}
#contact2  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size:14px;
   opacity:  1;
}
#contact2  ::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size:14px;
   opacity:  1;
}
#contact2  :-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size:14px;
}