@font-face{font-family:'Roboto';src:url(../fonts/Roboto-Regular-webfont.eot);src:url(../fonts/Roboto-Regular-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/Roboto-Regular-webfont.woff) format("woff"),url(../fonts/Roboto-Regular-webfont.ttf) format("truetype");font-weight:400;font-style:normal}

@font-face{font-family:'Roboto';src:url(../fonts/Roboto-Light-webfont.eot);src:url(../fonts/Roboto-Light-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/Roboto-Light-webfont.woff) format("woff"),url(../fonts/Roboto-Light-webfont.ttf) format("truetype");font-weight:200;font-style:normal}

@font-face{font-family:'Roboto';src:url(../fonts/Roboto-Bold-webfont.eot);src:url(../fonts/Roboto-Bold-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/Roboto-Bold-webfont.woff) format("woff"),url(../fonts/Roboto-Bold-webfont.ttf) format("truetype");font-weight:700;font-style:normal}

@font-face{src:url(../fonts/Roboto-Medium-webfont.eot);src:url(../fonts/Roboto-Medium-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/Roboto-Medium-webfont.woff) format("woff"),url(../fonts/Roboto-Medium-webfont.ttf) format("truetype");font-weight:600;font-style:normal}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{line-height:1;height:100%;width:100%;font-family:'Roboto',sans-serif}

body#main{background:url(../img/background2.jpg) center;background-size:cover;overflow:hidden}

ol,ul{list-style:none}

img{vertical-align:middle}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

table{border-collapse:collapse;border-spacing:0}

b,strong{font-weight:600}

h1,h2,h3,h4{font-weight:600;line-height:1.15;color:#000}

h1{margin:10px;padding:5px;font-size:39px;text-align:center;border-bottom:1px solid #ddeddc}

h2{font-size:29px;margin:15px 0 10px}

h3{font-size:24px;margin:15px 0 10px}

h5{font-weight:600;text-transform:uppercase;font-size:20px;margin:10px 0}

p{margin:0 0 10px;line-height:24px}

.content-wrap{margin:0 auto;max-width:1000px;width:100%}

.clearfix{clear:both}

.wrap{position:relative;min-height:100vh}

.divider{height:50px}

.groupe:after{  content: " ";  display: table;  clear: both;}

#logo{width:50%;height:auto;display:block;position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%);animation:logo 1.4s .9s ease forwards,fade .6s .1s ease forwards}

#boxes{max-width:1360px;width:100%;position:absolute;top:60%;left:-100%;transform:translate(-100%,-60%);animation:boxes 2s 1.2s ease forwards}

.box{position:relative;top:0;padding:.75%;width:28.5%;margin:0 1.5%;float:left;background:#fff;box-shadow:0 5px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);border-radius:20px;transition:all .5s}

.thumbnail{display:block;border-top-left-radius:20px;border-top-right-radius:20px;margin:0 auto;height:20vw;transition:.6s}

.box:hover{box-shadow:0 6px 3px 0 rgba(0,0,0,0.23),0 2px 6px 0 rgba(0,0,0,0.19),0 4px 2px -3px rgba(0,0,0,0.2);top:-4px}

#shop .thumbnail{background:url(../img/golfovevoziky.png);background-position:center;background-repeat:no-repeat;background-size:cover}

#balls .thumbnail{background:url(../img/balls.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}

#service .thumbnail{background:url(../img/clubs.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}

.content{padding:8% 2%;text-align:center}

.box-title{color:#000;text-decoration:none;text-transform:uppercase;font-size:21px;font-weight:700}

.box-title:hover{text-decoration:underline}

.text{margin-top:5px;font-size:15px;line-height:17px}

header{max-width:1920px;background:#f0f6ec}

nav#top{min-height:70px;line-height:70px;max-width:1200px;margin:0 auto}

nav#main{background:#37962d;min-height:50px;line-height:50px}

nav#main ul{list-style:none;width:100%;text-align:center}

nav#top ul{list-style:none;width:100%;text-align:right}

nav ul li{display:inline-block;margin-right:1%}

nav#main ul li a{text-decoration:none;text-transform:uppercase;font-weight:700;color:#fff;min-height:50px;display:block;padding:0 5px;transition:.2s}

nav#main ul li a:hover,nav#top ul li a:hover{color:#50b044;background-color:transparent}

#logo-home{display:block;min-height:70px;margin-left:1%;float:left}

#logo-home img{height:35px;width:auto}

.header-phone{text-decoration:none;color:#37962d;font-size:14px}

.offer{margin:30px 0}

.underline-title{text-decoration:underline;font-size:22px;margin:20px 0 10px;font-weight:600}

.article-img{float:left;margin-right:15px}
.list li {
    margin: 20px 0;
}
p>a[target="_blank"]:after,p>.link[target="_blank"]:after,a.blank:after,.link.blank:after{content:" \f08e";text-decoration:none;font-family:FontAwesome}
.link{
    color: #50b044;text-decoration:none;
}
p>a{color:#50b044;text-decoration:none}

.panel{border-radius:6px;margin:10px 0}

.panel-content,.panel-header{background:#edf6ec;color:#55a64d;padding:10px 20px}

.panel-header{font-weight:600;border-bottom:1px solid #fff}

.panel-content{border-color:transparent}

.panel-content a{text-decoration:none;color:#55a64d}

footer{background:#37962d;color:#87c081;height:100%}

footer a{color:#87c081;text-decoration:none}

footer a:hover{text-decoration:underline}

.footer-copyright{text-align:center;line-height:50px;border-top:1px solid #55a64d}

.footer-boxes{width:fit-content;margin:0 auto}

.footer-box{margin:20px 50px;float:left;text-align:center;line-height:23px;font-size:17px}

h5.facebook{line-height:50px}

.fa.fa-facebook-square{font-size:50px;float:left;margin-right:10px}
#partners, #photos{
    text-align: center;
}
.photo{
    width:45%;
}
.left{
    float: left;
}
.right{
    float: right;
}
.partner{
    width: 200px;
    height: auto;

}
@keyframes logo {

    0%{top:50%;transform:translate(-50%,-50%)}

    100%{top:10%;transform:translate(-50%,-10%)}

}

@keyframes boxes {

    0%{left:-100%;transform:translate(-100%,-50%)}

    100%{left:50%;transform:translate(-50%,-50%)}

}

@keyframes fade {

    0%{opacity:0}

    100%{opacity:1}

}

@media screen and (max-width: 768px) {

    .footer-box{margin:20px auto;float:none;text-align:center}

    .content-wrap{width:95%;margin:0 auto}

    .article-img{margin:0 auto;display:block;float:none}

    .panel-content,.panel-header{font-size:14px}

    body#main{overflow:auto}

    .wrap{margin-top:15vh;min-height:130vh}

    #boxes{top:0;transform:translate(0,0)}

    #logo{width:95%}

    .box{float:none;width:70%;margin:15px auto}

    .thumbnail{height:40vw}

    .content{padding:4% 2%}
    
    #logo-home{margin:5px auto;width:100%;min-height:35px;text-align:center}

    nav#top{line-height:20px}

    nav#top ul{text-align:center}
@keyframes boxes {

    0%{left:-100%}

    100%{left:0}

}
    @keyframes logo {

        0%{top:50%;transform:translate(-50%,-50%)}

        100%{top:5%;transform:translate(-50%,-5%)}

    }
}

@media screen and (max-width: 560px) {

    .box{width:90%}

    .wrap{margin-top:10vh}

    .footer-copyright{line-height:25px}

}

@media screen and (max-width: 360px) {

    .wrap{min-height:150vh}

}