/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    }
    ::-moz-focus-inner { border: 0; padding: 0; }
    body { margin:0; padding:0;}
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
      display: block;
    }
    
    div{ margin:0; outline:0;}
    ul {outline:0;}
    a:active,
    a:hover {
      outline: 0;
    }
    
    img, a:link img, a:visited img, a:hover img, a:active img { border: 0; }
    a:focus { border:0px; }
    a { color:#422E1A; text-decoration: none; }
    
    html {background:#dadde5;  width:100%; overflow-x:hidden;}
    body {/*min-width:1820px;*/ font-size: 16px; line-height: 1.3; color:#333333; font-weight:normal;}
     
    .clear { height:0px; width:100%; clear:both; }
    
    div {
    	box-sizing: border-box;
    }
    a {
    	box-sizing: border-box;
    }
    input {
    	box-sizing: border-box;
    }
    
    body {
        color: #303030;
        width:100%;
        margin:0;
        overflow:hidden;
    }
    
    @font-face {
        font-family: 'Gilroy';
        src: url('Gilroy-Light.eot');
        src: local('Gilroy Light'), local('Gilroy-Light'),
        url('Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('Gilroy-Light.woff') format('woff'),
        url('Gilroy-Light.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
    }
    
    body {font-family: 'Gilroy', 'Arial', sans-serif;}

    
    .center-box {
        width:1800px;
        margin:0 auto;
        position:relative;
	    z-index:100;
    }
    .center-box:after {
        content: '';
        display: block;
        clear: both;
        width:100%;
        height:0px;
    }

    .header {
        background:#fff;
        border-radius:14px;
        height:85px;
        margin:45px auto 40px;
        box-shadow:0 0 15px #c3c6cf;
    }
    
    .mob {
        background:url(/images/mob.png) center no-repeat;
        height:85px;
        width:85px;
        float:left;
    }
    .mob_menu {
        display:none;
        
    }
    .logo {
        background:url(/images/logo.png) center no-repeat;
        height:85px;
        width:200px;
        float:left;
    }
    ul.menu {
        display:block;
        height:85px;
        width:1000px;
        float:left;
        margin:0;
        padding:20px 0;
        line-height:25px;
        font-size:24px;
        list-style:none;
        text-align:center;
        position:relative;
        z-index:20;
    }
    ul.menu li {
        display:inline-block;
        position:relative;
    }
    ul.menu li a {
        display:block;
        color:#960e0d;
        padding:10px 20px;
    }
    
    ul.menu li:after {
	    content: '';
	    display: block;
	    position: absolute;
	    width: 0%;
	    height: 3px;
	    background: #960e0d;
	    bottom: -5px;
	    left: 50%;
	    z-index: 90;
	    transition: all 0.5s ease-in;
	    border-radius:3px;
	    z-index:10;
	}
	ul.menu li:hover:after {
	    width: 90%;
	    height: 3px;
	    background: #960e0d;
	    bottom: -15px;
	    left: 5%;
	}
	
	ul.menu li ul {
        display:block;
        width:0;
        height:0;
        padding:0;
        overflow:hidden;
        background:#fff;
        border-radius:10px;
        box-shadow:0 0 0 #999999;
        position:absolute;
        z-index:20;
    }
    ul.menu li:hover ul {
        display:block;
        padding:20px;
        transition: all 0.5s ease-in;
        width:auto;
        height:auto;
        box-shadow:0 0 10px #999999;
        top:40px;
        
    }
    ul.menu li:hover ul li {
        padding: 0;
        width:400px;
    }
    ul.menu li:hover ul li a {
        display:block;
        color:#960e0d;
        padding:10px 0;
    }
    ul.menu li:hover ul li:after {
	    display: none;
	}
    
    .cont {
        color:#960e0d;
        padding-top:20px;
        line-height:25px;
        float:left;
    }
    .telefon {
        padding-left:20px;
        background:url(/images/tel.png) left center no-repeat;
        font-size:24px;
        display:block;
        color:#960e0d;
    }
    .adres {
        padding-left:20px;
        background:url(/images/adr.png) left center no-repeat;
        font-size:18px;
    }


    .hero {
        height:865px;
        position:relative;
        background:url(/images/hero.jpg) center no-repeat;
        background-size:cover;
        border-radius:30px;
    }
    
    .prev {
        height:200px;
        width:40px;
        border-radius:6px;
        background:#fff url(/images/prev.png) center no-repeat;
        position:absolute;
        left:0;
        top:50%;
        margin-top:-100px;
        cursor:pointer;
        transition: all 0.5s ease-in;
        display:none;
    }
    .next {
        height:200px;
        width:40px;
        border-radius:6px;
        background:#fff url(/images/next.png) center no-repeat;
        position:absolute;
        right:0;
        top:50%;
        margin-top:-100px;
        cursor:pointer;
        transition: all 0.5s ease-in;
        display:none;
    }
    .prev:hover {
        box-shadow:0 0 5px #c3c6cf;
        height:220px;
        margin-top:-110px;
    }
    .next:hover {
        box-shadow:0 0 5px #c3c6cf;
        height:220px;
        margin-top:-110px;
    }
    
    .services-line {
        padding:115px 0 100px;
        background:url(/images/line.png) bottom center no-repeat;
    }
    .services {
        height:200px;
        position:relative;
        padding:0 48px;
    }
    .serv {
        float:left;
        width:555px;
        height:198px;
        margin:6px;
        border-radius:30px;
        background:#fff;
        background-size:cover!important;
        background-size:100%!important;
        cursor:pointer;
        padding: 30px 35px;
        position: relative;
        display: block;
        color: #fff;
        font-size:16px;
        transition: all 0.5s ease-in;
        box-shadow:0 0 0 #99999900;
    }
    
    .serv:hover {
        box-shadow:0 0 10px #999999;
        background-size:110%!important;
    }
    .serv-title {
        font-size: 26px;
        line-height: 32px;
        font-weight: bold;
        letter-spacing: 1px;
        margin-bottom: 15px;
        position: relative;
        
    }
    .serv-title:after {
	    content: '';
	    display: block;
	    position: absolute;
	    width: 0px;
	    height: 3px;
	    background: #fff;
	    bottom: -5px;
	    left: -30px;
	    z-index: 90;
	    transition: all 0.5s ease-in;
	    border-radius:3px;
	}
	.serv:hover .serv-title:after {
	    width: 300px;
	    height: 3px;
	    background: #fff;
	    bottom: -5px;
	    left: 0;
	}
    
    
    .serv-btn {
        position: absolute;
        right: 35px;
        bottom: 20px;
        padding: 10px 25px;
        border: 1px solid #039cdd;
        border-radius: 5px;
        transition: all 0.5s ease-in;
    }
    .serv:hover .serv-btn {
        border: 1px solid #fff;
    }
    
    h2 {
        font-size:40px;
        line-height:40px;
        text-transform:uppercase;
        text-align:center;
        color:#960e0d;
        margin:0;
        padding:0;
    }
    
    .aboute-line {
        padding:150px 0;
        background:url(/images/line.png) bottom center no-repeat;
    }
    .aboute {
        height:645px;
        position:relative;
        padding:0 50px;
    }
    .aboute h2 {
        position:absolute;
        top:-90px;
        width:1700px;
    }
    .abo {
        height:645px;
        width:100%;
        background:url(/images/aboute.png) center no-repeat;
        background-size:100%!important;
        border-radius:50px;
        padding: 70px 690px 90px 90px;
        position: relative;
        display: block;
        font-size:16px;
        color:#000;
        transition: all 0.5s ease-in;
    }
    .abo:hover {
        /*box-shadow:0 0 10px #999999;*/
        background-size:104%!important;
    }
    .abo-text {
        font-size: 26px;
        line-height: 30px;
        font-weight: bold;
        letter-spacing: 1px;
        position: relative;
    }
    .abo-text:after {
	    content: '';
	    display: block;
	    position: absolute;
	    width: 0px;
	    height: 3px;
	    background: #960e0d;
	    bottom: -15px;
	    left: -30px;
	    z-index: 90;
	    transition: all 0.5s ease-in;
	    border-radius:3px;
	}
	.abo:hover .abo-text:after {
	    width: 500px;
	    height: 3px;
	    background: #960e0d;
	    bottom: -15px;
	    left: 0;
	}
    
    .abo-btn {
        position: absolute;
        bottom: 90px;
        left: 90px;
        padding: 25px 20px;
        width: 320px;
        border-radius: 20px;
        background: #fff;
        display:block;
        transition: all 0.5s ease-in;
        overflow:hidden;
    }
    .abo-btn:hover {
        box-shadow:0 0 10px #999999;
        width: 330px;
    }
    

    
    .projects-line {
        padding:150px 0;
        background:url(/images/projects-bg.png)center no-repeat;
        background-size:cover;
    }
    .projects {
        height:700px;
        position:relative;
        padding:0 120px;
    }
    .projects h2 {
        position:absolute;
        top:-90px;
        width:1560px;
    }
    .projects {
        height:700px;
        width:100%;
        background-size:cover;
        border-radius:30px;
    }

    .project {
        float:left;
        width:556px;
        height:200px;
        height:337px;
        width:498px;
        margin:10px 10px;
        border-radius:30px;
        background:#fff;
        background-size:100%!important;
        cursor:pointer;
        padding: 30px 35px;
        position: relative;
        display: block;
        color: #fff;
        font-size:16px;
        transition: all 0.5s ease-in;
        box-shadow:0 0 0 #99999900;
    }
    
    .project:hover {
        box-shadow:0 0 10px #999999;
        background-size:110%!important;
    }
    .project-title {
        font-size: 26px;
        line-height: 32px;
        font-weight: bold;
        letter-spacing: 1px;
        margin-bottom: 15px;
        position:relative;
    }
    .project-title:after {
	    content: '';
	    display: block;
	    position: absolute;
	    width: 0px;
	    height: 3px;
	    background: #fff;
	    bottom: -5px;
	    left: -30px;
	    z-index: 90;
	    transition: all 0.5s ease-in;
	    border-radius:3px;
	}
	.project:hover .project-title:after {
	    width: 300px;
	    height: 3px;
	    background: #fff;
	    bottom: -5px;
	    left: 0;
	}
    
    
    
    
    
    .advants-line {
        padding:150px 0;
        background:url(/images/line.png) top center no-repeat;
    }
    .advants {
        height:auto;
        position:relative;
        padding:0 305px;
    }
    .advants h2 {
        position:absolute;
        top:-90px;
        width:1190px;
    }
    
    .adv {
        float:left;
        width:555px;
        height:198px;
        margin:20px;
        border-radius:20px;
        background:#fff;
        background-size:100%!important;
        cursor:pointer;
        padding: 50px 30px 30px 150px;
        position: relative;
        display: block;
        color: #fff;
        font-size:16px;
        transition: all 0.5s ease-in;
        box-shadow:0 0 0 #99999900;
    }
    
    .adv:hover {
        box-shadow:0 0 10px #999999;
        background-size:110%!important;
    }
    .adv-title {
        font-size: 26px;
        line-height: 32px;
        font-weight: bold;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }

.fos-line {
    padding:100px 0;
        background:url(/images/line.png) top center no-repeat;
}
.fos {
        height:452px;
        position:relative;
        background:url(/images/fos-bg.png) center no-repeat;
        background-size:cover;
        border-radius:30px;
        overflow:hidden;
        color:#fff;
    }
.fos-title {
    float:left;
    width:630px;
    height:452px;
    text-align:right;
    
    padding-top:150px;
    font-size:50px;
}
.fos-content {
    float:left;
    width:600px;
    height:452px;
    margin-left:90px;
    padding-top:70px;
}
.fos-desc {
    position:absolute;
    left:720px;
    bottom:50px;
}
.fos-btn {
    padding: 25px 20px;
        width: 320px;
        border-radius: 20px;
        background: #fff;
        display:block;
        border:0;
        margin-bottom:10px;
        color:#000;
        cursor:pointer;
        transition: all 0.5s ease-in;
        overflow:hidden;
    }
    .fos-btn:hover {
        box-shadow:0 0 10px #999999;
        width: 330px;
    }
.fos input {
    padding: 25px 20px;
        width: 320px;
        border-radius: 20px;
        background: #fff;
        display:block;
        border:0;
        
        margin-bottom:10px;
}


.map-line {
    padding:0 0 100px 0;
    background:url(/images/line.png) bottom center no-repeat;
}
.map {
        height:400px;
        width:1500px;
        position:relative;
        border-radius:30px;
        overflow:hidden;
        margin:auto;
    }




.full-text {
    font-size:21px;
    padding:50px;
    background:#fff;
    border-radius:50px;
    text-align:center;
}
.abo_full {
    
}

.advants-line .abo {
    height:345px;
    margin-bottom:50px;
}

    .footer-line {
        padding:70px 0;
        background:url(/images/footer-bg.png)center no-repeat;
        background-size:cover;
    }
    .footer {
        height:455px;
        position:relative;
        padding:0 340px;
    }

    .footer-logo {
        width:448px;
        height:150px;
        background:url(/images/logo2.png) center no-repeat;
        float:left;
    }
    .footer-cont {
        width:320px;
        text-align:left;
        float:right;
        color:#960e0d;
    }

    .footer-telefon {
        font-size:36px;
        display:block;
        color:#960e0d;
        margin-bottom:10px;
        font-weight:bold;
    }
    .footer-adres {
        font-size:24px;
    }
    .footer a {

    }
    
    h3 {
        font-size:32px;
        line-height:40px;
        margin:0;
        padding-bottom:10px;
    }
    .cont_item {
        margin-bottom:20px;
        font-size:21px;
    }
    .cont_item .subh3 {
        margin-top:-10px;
        color:#999;
    }
    .cont_item .tel {
        font-size:28px;
    }
    
    .reqviz {
        margin:30px 0;
        font-size:24px;
    }
    
    a.pismo {
        display:block;
        float:left;
        width:23%;
        margin:20px 1%;
        border:1px solid #960e0d33;
        overflow:hidden;
        transition: all 0.5s ease-in;
    }
    a.pismo:hover {
        box-shadow:0 0 10px #999999;
    }
    a.pismo img {
        display:block;
        width:100%;
        height:auto;
    }
    
    .doc_menu {
        margin-bottom:20px;
        padding-bottom:20px;
        position:relative;
    }
    .doc_menu:after {
	    content: '';
	    display: block;
	    position: absolute;
	    background: #960e0d;
	    z-index: 90;
	    border-radius:3px;
	    z-index:10;
	    width: 20%;
	    height: 3px;
	    background: #960e0d;
	    bottom: 0;
	    left: 40%;
	}