@font-face {
  font-family: 'font-awesome';
  font-style: normal;
  font-weight: 900;
  src: url("../../it-draco/fonts/fa-solid-900.eot");
  src: url("../../it-draco/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../it-draco/fonts/fa-solid-900.woff2") format("woff2"), url("../../it-draco/fonts/fa-solid-900.woff") format("woff"), url("../../it-draco/fonts/fa-solid-900.ttf") format("truetype"), url("../../it-draco/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

html{overflow-x:hidden}
*{border:0; padding:0; margin:0; font-family: inherit; font-weight:inherit;box-sizing:border-box}
a{color:inherit; text-decoration:none;display:inline-block;}
body{background:#fff; font-family:'Montserrat', sans-serif;  line-height:1.1;font-weight:400;position:relative}
html{font-size:16px;}
.index_body{background:#fff no-repeat center top;}
/*****main classes*****/
.clear{clear:both; line-height: 0;}
.wrapper{width:1170px; margin:0px auto; position:relative;}
.wrapper::after, .menu_top_wrap::after, .middle_footer::after, .top_footer::after, .contact_bottom::after, .menu_top_inside::after, .themes_single:after{content:""; display:block; clear:both;}
.themes_banner {
    max-width: 1920px;
    height: 16.56rem;
    padding-top: 20px;
    position: relative;
    margin: 0 auto;
    background: url("https://it-draco.pl/img/banner_portfolio.jpg") no-repeat center center / cover;
}
.top_wrapper {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    z-index: 10;
}
.logo_top {
    float: left;
    width: 14rem;
}
.menu_right_side {
    float: right;
}
.menu_top_wrap {
    margin-top: 1.5rem;
}
.menu_xs {
    display: none;
}	
.menu_top {
    font-size: 0;
    float: left;
}
.menu_top .menu_home {
    padding: 0 2rem;
    background: #ededed url(https://it-draco.pl/img/home_icon2.png) no-repeat center center;
}
.menu_top a {
    font-size: 1rem;
    background: #ededed;
    color: #222222;
    font-weight: 400;
    padding: 1.938rem 1.6rem;
    height: 4.938rem;
    -webkit-transition: background 300ms linear;
    -moz-transition: background 300ms linear;
    -ms-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    transition: background 300ms linear;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    transition: color 300ms linear;
    vertical-align: middle;
}
.ask_price {
    float: left;
    display: block;
    background: #941713;
    color: #fff;
    font-weight: 600;
    padding: 1.407rem 2.625rem;
    max-width: 11.25rem;
    text-align: center;
    height: 4.938rem;
    cursor: pointer;
}

.themes_single_pic{float:left; width:25%}
.themes_single_pic img{max-width:100%; height:auto; box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);}
.themes_single{width: 85%; margin: 35px auto;}
.themes_signle_pictures{margin-top:25px}
.hotel_pic_1{width: 31%; margin-right: 4%;}
.hotel_pic_1 a, .hotel_pic_1 img{width: 100%; max-height: none; height: auto;}
.hotel_pic_2{height: 338px; margin-right: 3%;width: 32%;}
.hotel_pic_3{height: 338px; width: 30%;}
.hotel_pic_4{width: 39%; height: 339px; margin-top: 3%; margin-left: 12%;}
.hotel_pic_2 a, .hotel_pic_3 a, .hotel_pic_4 a{height: 100%; width: 100%;}
.hotel_pic_2 img, .hotel_pic_3 img, .hotel_pic_4 img{max-height: 100%; width: 100%;max-width: none;}

.themes_single_pic.mechanik_pic_1{width:34%}
.themes_single_pic.mechanik_pic_2{margin-left: 21%; margin-top: 3%; width: 30%;}
.themes_single_pic.mechanik_pic_3, .themes_single_pic.mechanik_pic_4{width:29%; margin-left:4%}













footer {
    background: #222222;
    padding-top: 50px;
    max-width: 1920px;
    margin: 0 auto;
}
.top_footer {
    color: #fff;
    padding: 0 1% 2.813rem 1%;
}
.footer_phone {
    float: left;
    width: 31.334%;
    background: url(https://it-draco.pl/img/ico_tel.png) no-repeat left center;
    padding-left: 60px;
}
.top_footer p {
    font-weight: 300;
    font-size: 0.875rem;
    margin-bottom: 8px;
}
.footer_phone a, .footer_mail a, .footer_open span {
    font-weight: 700;
    font-size: 1.875rem;
}
.footer_mail {
    float: left;
    width: 36.035%;
    background: url(https://it-draco.pl/img/ico_mail.png) no-repeat left center;
    padding-left: 65px;
}
.top_footer p {
    font-weight: 300;
    font-size: 0.875rem;
    margin-bottom: 8px;
}
.footer_open {
    float: left;
    width: 30.633%;
    background: url(https://it-draco.pl/img/ico_clock.png) no-repeat left 22%;
    padding-left: 55px;
}
.middle_footer {
    border-top: 1px solid #393939;
    border-bottom: 1px solid #393939;
    padding: 0 0.9375rem;
}
.footer_open span.va_super {
    vertical-align: super;
    font-size: 1rem;
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin: 0 2px;
}
.footer_menu {
    float: left;
}
.footer_menu a {
    padding: 30px 0;
    color: #fff;
    font-weight: 300;
    font-size: 0.875rem;
    position: relative;
}
.footer_menu a:first-child::before {
	display:none
}
.footer_menu a::before {
    content: "";
    width: 20px;
    height: 1px;
    background: #393939;
    display: inline-block;
    vertical-align: middle;
    margin: 0 22px;
    position: relative;
    bottom: 2px;
}
.copy {
    float: right;
    text-align: right;
}
.copy p {
    color: #656565;
    font-weight: 300;
    font-size: 0.875rem;
    padding: 30px 0;
}