/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: ODRA v.2.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 9-02-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/odra/ 
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOME */
/* 03 - WORK */
/* 04 - ABOUT */
/* 05 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,200,300,500,600,700,900,800);
@import url(http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day);
.preload {position: fixed; left: 0; top: 0px; width: 100%; height: 100%; background: #fff; z-index: 9000;}
.loader{position:fixed;margin:0 auto;left:0;right:0;top:50%;margin-top:-30px;width:60px;height:60px;list-style:none;}
.loader li{background-color:#262626;width:10px;height:10px;float:left;margin-right:5px;box-shadow: 0px 80px 20px rgba(0,0,0,0.2);}
@keyframes laadbalk {
	0%{height: 10px;margin-top: 25px;}
	50%{height:50px;margin-top: 0px;}
	100%{height: 10px;margin-top: 25px;}
}
@-webkit-keyframes laadbalk {
	0%{height: 10px;margin-top: 25px;}
	50%{height:50px;margin-top: 0px;}
	100%{height: 10px;margin-top: 25px;}
}
@-moz-keyframes laadbalk {
	0%{height: 10px;margin-top: 25px;}
	50%{height:50px;margin-top: 0px;}
	100%{height: 10px;margin-top: 25px;}
}
@-ms-keyframes laadbalk {
	0%{height: 10px;margin-top: 25px;}
	50%{height:50px;margin-top: 0px;}
	100%{height: 10px;margin-top: 25px;}
}
@-o-keyframes laadbalk {
	0%{height: 10px;margin-top: 25px;}
	50%{height:50px;margin-top: 0px;}
	100%{height: 10px;margin-top: 25px;}
}
.loader li:nth-child(1){-webkit-animation: laadbalk 0.6s ease-in-out infinite 0s;animation: laadbalk 0.6s ease-in-out infinite 0s;-moz-animation: laadbalk 0.6s ease-in-out infinite 0s; -ms-animation: laadbalk 0.6s ease-in-out infinite 0s;-o-animation: laadbalk 0.6s ease-in-out infinite 0s;}
.loader li:nth-child(2){-webkit-animation: laadbalk 0.6s ease-in-out infinite -0.2s;animation: laadbalk 0.6s ease-in-out infinite -0.2s;-moz-animation: laadbalk 0.6s ease-in-out infinite -0.2s;-ms-animation: laadbalk 0.6s ease-in-out infinite -0.2s;-o-animation: laadbalk 0.6s ease-in-out infinite -0.2s;}
.loader li:nth-child(3){-webkit-animation: laadbalk 0.6s ease-in-out infinite -0.4s;animation: laadbalk 0.6s ease-in-out infinite -0.4s;-moz-animation: laadbalk 0.6s ease-in-out infinite -0.4s;-ms-animation: laadbalk 0.6s ease-in-out infinite -0.4s;-o-animation: laadbalk 0.6s ease-in-out infinite -0.4s;}
.onload{opacity:0; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;  -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;}
.onload.loaded{opacity:1;}
html {margin:0px; padding:0px; height:100%;}
body {margin:0px; padding:0px; font-size:100%; height:100%; width:100%; font-family: raleway,sans-serif; color:#262626; background-color: #F2F2F0;}
a {transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; text-decoration: none;}
a {text-decoration:none; outline:none; cursor: pointer;}
a:hover {text-decoration: none;}
a img{border: 0px none;}
a:hover {outline: none;}
a:active {outline: none; text-decoration: none;color:#ff9c00;}
a:focus {outline: none; outline-offset: 0px; text-decoration: none;color:#ff9c00;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px;}
.clear_l{clear:both;}
ul{padding:0px; margin:0px; list-style:none;}
input:focus, select:focus, textarea:focus, button:focus{outline:none;}
::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder          {color:#fff;}
:-moz-placeholder           {color:#fff;}
:-ms-input-placeholder      {color:#fff;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
article, section, footer, header, figure, aside, hgroup, nav{display:block;}
header,nav,article,footer,section,aside,figure,figcaption{display:block}
button {outline: none; border: none; box-shadow: none;}
h1 {font-size: 48px;color: #262626;line-height: 85px;letter-spacing: 5px;text-align: center;font-weight: 700; text-transform: uppercase;}
h2 {font-size: 32px;line-height: 38px;font-weight: 700;letter-spacing: 6px;color: #262626; text-transform: uppercase;}
h3 {font-size: 24px;line-height: 29px;font-weight: 700; letter-spacing: 6px; color: #262626; text-transform: uppercase;}
h4 {font-size: 18px;color: #262626;letter-spacing: 3px;line-height: 22px;font-weight: 700; text-transform: uppercase;}
h5 {font-size: 16px;letter-spacing: 2px;color: #262626;font-weight: 700; line-height: 21px; text-transform: uppercase;}
h6 {font-size: 14px;color: #262626;letter-spacing: 3px;line-height: 16px;font-weight: 500;}
p {font-size: 13px;line-height: 20px;letter-spacing: 1px;font-weight: 400;}
i {font-family: open-sans,sans-serif;font-weight: 300;font-style: italic; font-size: 13px; line-height: 21px;}
::-webkit-input-placeholder {color:#696969; opacity: 1;}
::-moz-placeholder          {color:#696969; opacity: 1;}
:-moz-placeholder           {color:#696969; opacity: 1;}
:-ms-input-placeholder      {color:#696969; opacity: 1;}

.swiper-container{margin:0 auto;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden;}.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container {height:100%;}
.swiper-slide {position:relative; float:left; overflow:hidden;}
.onload{opacity:0; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;  -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;}
.onload.loaded{opacity:1;}
.display-table {display: table; width: 100%;}
.display-row {display: table-row;}
.display-cell {position: relative; width: 100%;}
.bg {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.bg img{position:absolute;}
.bg video{position:absolute;}
.bg-bg {background-position: 50% 0px; background-repeat: no-repeat; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.bg-bg-chrome{background-position: 50% 0px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed;}
.clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}
.color-orange {color:#DFA240;}
.bg-grey {background: #ECECEA;}
.bg-grey-l {background: #F8F8F8;}
.bg-white {background: #fff;}
.full-width{position:relative; float:left; width:100%; height: 100%;}

.slide-next {position: absolute; top: 40%; margin-top: -22px; right: 0px; width: 35px; height: 45px; background: #fff; color: #999; z-index: 50; text-align: center; line-height: 20px; font-size: 14px; padding-top: 11px; cursor: pointer;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.slide-next:hover {background: #262626; color:#fff;}
.slide-prev {position: absolute; top: 40%; margin-top: -22px; left: 0px; width: 35px; height: 45px; background: #fff; color: #999; z-index: 50; line-height: 20px; text-align: center; font-size: 14px; padding-top: 11px; cursor: pointer;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.slide-prev:hover {background: #262626; color:#fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.nav-menu-icon a {display: inline-block;width:24px;height:24px;cursor: pointer;text-decoration: none;}
.nav-menu-icon a i {position: relative;display: inline-block;width: 24px;height: 3px;color:#262626;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background: #262626;transition:all .2s ease-out;}
.nav-menu-icon a i::before, a i::after {content:'';width: 24px;height: 3px;background: #262626;position: absolute;left:0;transition:all .2s ease-out;}
.nav-menu-icon a i::before {top: -7px;}
.nav-menu-icon a i::after {bottom: -7px;}
.nav-menu-icon a:hover i::before {top: -10px;}
.nav-menu-icon a:hover i::after {bottom: -10px;}
.nav-menu-icon a.active i {background: none;}
.nav-menu-icon a.active i::before {
  top:0;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotateZ(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.nav-menu-icon a.active i::after {
  bottom:0;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotateZ(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}

header {position: fixed; top: 0px; left:0px; background: none; height: 100px; z-index: 5000; width: 100%;} 
.header {position: relative; float: left; width: 100%;}
.mobile-icon {position: fixed; margin-top: 40px; right: 110px; top: 0px; z-index: 8000;}
.main-slider {position: relative;}
.logo {position: absolute; top: 40px; left: 110px;}
.logo a {font-size: 30px;color: #262626;letter-spacing: 4px;text-align: center;font-weight: 700; line-height: 10px;}
.logo h6 {font-size: 8px;color: #262626;line-height: 18px;letter-spacing: 4px;text-align: center;font-weight: 400;text-transform: uppercase;}
.navigation {position: fixed; z-index: 6000; width: 244px; opacity: 0; height: 100%; background: #262626; right: 0%; top: 0px;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateY(90deg) translateX(100%);
-moz-transform: rotateY(90deg) translateX(100%);
-ms-transform: rotateY(90deg) translateX(100%);
transform: rotateY(90deg) translateX(100%);}
.navigation nav {position: relative; float: left; width: 100%; text-align: left; padding-left: 40px; padding-top: 120px;}
.navigation nav a {font-size: 15px;color: #FFFFFF;line-height: 18px;letter-spacing: 5px;font-weight: 600; position: relative; float: left; display: block; width: 100%; margin: 22px 0px;}
.navigation nav a.active {color: #DFA240;}
.navigation nav a:hover {color: #DFA240;}
.navigation.slide {visibility: visible;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: rotateY(0deg) translateX(0%);
-moz-transform: rotateY(0deg) translateX(0%);
-ms-transform: rotateY(0deg) translateX(0%);
transform: rotateY(0deg) translateX(0%); opacity: 1;}
.center-mail-title {position: absolute; left: 0%; top: 50%; text-align: center; z-index: 500; width: 100%; margin-top: -65px;}
.center-mail-title h5 {line-height: 35px;letter-spacing: 6px;font-weight: 400;}
.center-mail-title span {font-size: 24px;color: #373737;line-height: 40px;letter-spacing: 3px;font-family: 'Dawning of a New Day', cursive;font-weight: 400; font-style: normal;}
.main-slider .slide-next {top: auto; bottom: 20%;}
.main-slider .slide-prev {top: auto; bottom: 20%;}
.header-title {text-align: center; position: absolute; left: 0px; top: 0px; width: 100%;}
.header-title h4 {font-weight: 600; padding-top: 42px;}

.header-share {position: relative; float: left; width: 100%; padding-top: 60px; text-align: center; }
.header-share a {position: relative;color: #fff; font-size: 18px; line-height: 22px; position: relative; float: none; margin: 0px 5px; display: inline-block; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.header-share a i:after {width: 0px; content: ''; height: 0px;}
.header-share a:hover {color:#DFA240;}

.header-white {background: #fff; border-bottom: 1px solid #EDEDED;}
.nav-menu-icon a i.icon-color {background: #262626;}
.nav-menu-icon a i.icon-color::before {background: #fff;}
.nav-menu-icon a i.icon-color::after {background: #fff;}

@media screen and (max-width: 768px) {
     .mobile-icon {right: 40px;}
     .logo {left: 40px;}
}
@media screen and (max-width: 480px) {
     .mobile-icon {right: 20px;}
     .logo {left: 20px;}
}

footer {position: relative; float: left; width: 100%; background: #F8F8F8; text-align: center;}
.button-top {position: relative; float: left; width: 100%;}
.button-totop {text-align: center; position: absolute; top: -80px; z-index: 50; left: 50%; margin-left: -20px; width: 40px; height: 42px; background: #9E9E9E; cursor: pointer;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.button-totop span {color:#fff; transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); display: block; position: relative; font-size: 24px; line-height: 29px; text-align: center; font-weight: 200;font-family: raleway,sans-serif;padding: 0px 6px 5px 14px;}
.button-totop:hover {background: #DFA240; color:#262626;}
.footer-share {position: relative; float: left; width: 100%; text-align: center; padding-top: 20px;}
.footer-share .fa {color: #9C9C9C; font-size: 18px; line-height: 22px; position: relative; float: none; margin: 0px 5px; display: inline-block;}
.footer-share a i:after {width: 0px; content: ''; height: 0px;}
.footer-share .fa:hover {color:#DFA240;}
.footer-logo {position: relative; float: left; padding: 63px 0px 27px; width: 100%;}
.footer-logo a {font-size: 28px;letter-spacing: 5px;line-height: 34px;color: #9C9C9C;font-family: raleway,sans-serif;
font-weight: 700; text-transform: uppercase;}
.footer-logo span {line-height: 12px;font-size: 10px;color: #9C9C9C;text-align: center;font-family: raleway,sans-serif;font-weight: 700;letter-spacing: 3px; text-transform: uppercase; position: relative; float: left; width: 100%;}
.copyright {padding-top: 95px;}
.copyright span {font-size: 11px;color: #9C9C9C;letter-spacing: 2px;line-height: 13px;font-family: raleway,sans-serif;font-weight: 400; text-transform: none; padding-bottom: 35px;}
.copyright a {font-size: 10px;color: #DFA240;letter-spacing: 3px;line-height: 12px;font-family: raleway,sans-serif;font-weight: 400; margin-top: 0px;}
@media screen and (max-width: 768px) {
       h1 {line-height: 65px;}
       .center-mail-title{margin-top: -100px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - WORK */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.main-wrapper {position: relative; padding: 150px 0px 160px; background: #fff;}
.container-masonry {position: relative;}
.item {position: relative; float: left; width: 25%; padding: 5px;}
.item img {width: 100%; height: auto;}
.work-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.4); z-index: 15; opacity: 0;transition: all 0.35s ease-out  0.1s; -moz-transition: all 0.35s ease-out 0.1s;-o-transition: all 0.35s ease-out 0.1s;-webkit-transition: all 0.35s ease-out 0.1s;-ms-transition: all 0.35s ease-out 0.1s;}
.item:hover .work-layer {opacity: 1;}
.fancybox-opened .fancybox-skin {box-shadow: none;}
.fancybox-skin {background: none;}
.fancybox-overlay {background: rgba(255,255,255,0.9);}
.fancy-title {position: relative; float: left; background: #fff; width: 100%; text-align: right;}
.fancybox-title .count {line-height: 17px;font-size: 12px;color: #373737;font-weight: 400; position: relative; float: right; padding-right: 10px;}
.fancybox-title p {font-size: 11px;color: #373737;line-height: 20px;letter-spacing: 4px;text-align: left;font-weight: 400;text-transform: uppercase; position: relative; float: left;}
.fancybox-title {background: #fff; height: 35px; padding-left: 10px;}
.fancybox-prev span {background: url('../images/prev-button.png') no-repeat; position: absolute; left: -80px; top: 50%; z-index: 50; height: 40px; width: 40px;  visibility: visible;}
.fancybox-next span {background: url('../images/next-button.png') no-repeat; position: absolute; right: -80px; top: 50%; z-index: 50; height: 40px; width: 40px;  visibility: visible;}

@media screen and (max-width:990px) {
     .item {width: 33.3333%;}
}
@media screen and (max-width: 768px) {
     .item {width: 50%;}
    .fancybox-title p {letter-spacing: 1px;}
}
@media screen and (max-width: 480px) { 
     .item {width: 100%;}
    .fancybox-next span {display: none;}
    .fancybox-prev span {display: none;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.about.main-wrapper {padding-top: 100px;}
.clients {position: relative; float: left; width: 100%; padding: 63px 0px 67px; background: #fff; text-align: center;}
.clients h4 {padding-bottom: 60px; font-weight: 600;}
.clients img {margin: 0px 33px;}
.about-image {position: relative; width: 100%; float: left;}
.about-image img {width: 100%; height: auto;}
.about-text {padding: 45px 30px;}
.about-text h4 {padding-bottom: 5px; }
.about-text p {color: #9C9C9C; padding: 24px 0px 0px;}
.about-left-text {position: relative; float: left; width: 100%; text-align: left;}
.about-left-text i {font-size: 13px;color: #9C9C9C;line-height: 21px;font-family: open-sans,sans-serif;font-weight: 400;font-style: italic; padding-top: 40px; position: relative; float: left;}
.about-right-text {position: relative; float: left; width: 100%; text-align: right;}
.about-right-text p {padding-left: 110px;}
.signin {font-size: 32px;color: #373737;line-height: 38px;letter-spacing: 3px;font-family: 'Dawning of a New Day', cursive; padding-top: 45px; position: relative; float: right;}
@media screen and (max-width:1200px) {
      .about-right-text p {padding-left: 85px;}
      .clients img {margin: 0px 15px;}
}
@media screen and (max-width: 992px) {
      .clients img {margin: 0px 40px;}
      .about-right-text p {padding-left: 0px;}
      .about-text {padding: 25px 30px;}
}
@media screen and (max-width: 768px) {
      .about-right-text {text-align: left;}
}
@media screen and (max-width: 480px) {
      .header-title h4 {font-size: 16px;}
      .logo a {font-size: 24px;}
      .logo h6 {font-size: 6px;}
      .clients {padding-bottom: 0px;}
      .about-text {padding: 25px 0px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.left-contact-block {position: relative; float: left; width: 100%; padding-top: 90px; padding-left: 40px;}
.left-contact-block h4 {padding-bottom: 20px;}
.left-contact-block p {color: #9C9C9C; padding-bottom: 20px; padding-right: 80px;}
.left-contact-block i {letter-spacing: 1px;color: #9C9C9C;font-family: open-sans,sans-serif;padding-bottom: 40px; position: relative; float: left;}
.adress-row {position: relative; float: left; width: 100%;padding: 15px 0px 20px 50px;}
.adress-row i {padding-bottom: 0px;}
.adress-row h5 {font-size: 15px; padding-bottom: 10px;}
.adress-row a {font-size: 13px;color: #9C9C9C;line-height: 21px;font-family: open-sans,sans-serif;font-weight: 300;font-style: italic;}
.adress-row a:hover {color: #DFA240;}

.right-contact-block {position: relative; float: left; width: 100%; padding-top: 90px; padding-left: 40px;}
.right-contact-block h3 {text-align: right; letter-spacing: 2px; padding-right: 40px; padding-bottom: 20px;}
.input-field {position: relative; float: left; width: 100%; padding-right: 40px; padding-top: 25px;}
.input-field input {width: 100%; height: 40px; background: #fff;padding: 6px;line-height: 28px;font-size: 11px;color: #696969;
text-align: left;font-family: open-sans,sans-serif;font-weight: 400; border: 0px none;}
.input-field textarea {width: 100%;height: 160px; background: #fff;padding: 6px;line-height: 28px;font-size: 11px;color: #696969;
text-align: left;font-family: open-sans,sans-serif;font-weight: 400; border: 0px none;}
.send-button {position: relative; float: left; width: 100%; text-align: center;}
.send-button .send {background: #262626; width: 130px; height: 50px; position: relative; float: left; display: inline-block; color: #fff; font-size: 16px; font-weight: 600; border: none; outline: none; margin: 40px 0px 85px 0px;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.send-button .send:hover {background: #DFA240;}
.site-map {position: relative; float: left; width: 100%; height: 250px; margin-bottom: 20px;}
.site-map iframe {width: 100%; height: 250px; border: 0px none; outline: none;}

@media screen and (max-width: 992px) {
     .left-contact-block {padding-top: 40px;}
     .right-contact-block {padding-top: 40px;}
}
@media screen and (max-width: 768px) {
     .adress-row {padding-left: 0px;}
}
@media screen and (max-width: 480px) {
     .left-contact-block {padding-left: 0px;}
     .right-contact-block {padding-left: 0px;}
     .input-field {padding-right: 0px;}
     .right-contact-block h3 {padding-right: 0px;}
     .send-button .send {float: none;}
}