/*
Theme Name: Garantstroi
Author: NCStudio team
Author URI: https://ncstudio.bg/
Version: 1.2
Text Domain: twentyseventeen
*/
@font-face{font-family:PN-regular;src:url("fonts/Mark Simonson - Proxima Nova Regular.otf");}
@font-face{font-family:PN-bold;src:url("fonts/Mark Simonson - Proxima Nova Bold.otf");}
@font-face{font-family:'Roboto';src:url('fonts/Roboto-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'Roboto';src:url('fonts/Roboto-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;}
@font-face{font-family:'Roboto';src:url('fonts/Roboto-BoldItalic.ttf') format('truetype');font-weight:bold;font-style:italic;}
@font-face{font-family:'Roboto';src:url('fonts/Roboto-Light.ttf') format('truetype');font-weight:300;font-style:normal;}
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;}
body *{-webkit-box-sizing:border-box;mz-box-sizing:border-box;o-box-sizing:border-box;ms-box-sizing:border-box;box-sizing:border-box;}
body{margin:0;height:100%;}
article,aside,footer,header,nav,section{display:block;}
figcaption,figure,main{display:block;}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{text-decoration:none;}
a:active{outline-width:0;}
abbr[title]{border-bottom:1px #767676 dotted;text-decoration:none;}
b, strong{font-weight:700;}
[hidden]{display:none;}
input:focus,textarea:focus,label:focus{outline-width:0;}
input:focus,textarea:focus,label:focus{border:1px solid #f4b72a;}
[data-state='0']{opacity:0;-webkit-transition:all 0s;transition:all 0s;}
.h[data-state='0']{-webkit-transform:translate3d(0,150px,0);transform:translate3d(0,150px,0);}
.h.h1{-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0);}
.h.h2{-webkit-transform:translate3d(0,450px,0);transform:translate3d(0,450px,0);}
@media all and (min-width:981px){.h.h-home{-webkit-transform:translate3d(-150px,150px,0) scale(1.3);transform:translate3d(-150px,150px,0) scale(1.3);}
}
@media all and (max-width:980px){.h.h-home{-webkit-transform:translate3d(-70px,450px,0) scale(1.6);transform:translate3d(-70px,450px,0) scale(1.6);}
}
.h[data-anim]{-webkit-transition-delay:0s;transition-delay:0s;}
.h1[data-anim]{-webkit-transition-delay:0.3s;transition-delay:0.6s;}
.h2[data-anim]{-webkit-transition-delay:0.6s;transition-delay:0.3s;}
.h.h_down[data-state='0']{-webkit-transform:translate3d(0,-150px,0);transform:translate3d(0,-150px,0);}
.h.h1.h_down{-webkit-transform:translate3d(0,-300px,0);transform:translate3d(0,-300px,0);}
.h.h2.h_down{-webkit-transform:translate3d(0,-450px,0);transform:translate3d(0,-450px,0);}
@media all and (min-width:981px){.h.h-home.h_down{-webkit-transform:translate3d(-150px,-150px,0) scale(1.3);transform:translate3d(-150px,-150px,0) scale(1.3);}
}
@media all and (max-width:980px){.h.h-home.h_down{-webkit-transform:translate3d(-70px,-450px,0) scale(1.6);transform:translate3d(-70px,-450px,0) scale(1.6);}
}
.h_down.h[data-anim]{-webkit-transition-delay:0.6s;transition-delay:1.2s;}
.h_down.h1[data-anim]{-webkit-transition-delay:0.3s;transition-delay:0.6s;}
.h_down.h2[data-anim]{-webkit-transition-delay:0.0s;transition-delay:0.0s;}
.h.n,.h.n.h_down{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-webkit-transition:all 0.7s;transition:all 0.7s;}
.h.h-home.n,.h.h-home.n.h_down{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);-webkit-transition:all 1.2s ease;transition:all 1.2s ease;}
p{font-family:PN-regular;font-weight:normal;font-size:18px;line-height:28px;}
.single-content ul{font:18px/28px PN-regular;font-weight:normal;padding-left:0;list-style:none;margin:28px auto;}
.single-content li{padding-left:34px;text-indent:-34px;}
.single-content ul li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:25px;background-color:#f4b72a;}
.single-content a{color:#f4b72a;-webkit-transition:all 0.3s;transition:all 0.3s;}
.single-content a:hover{color:#000;}
.single+*{background-color:#f5f5f5;}
h1,h2,h3,h4,h5{font-family:PN-bold;font-weight:normal;}
.title-left{font-size:30px;color:#f4b72a;text-transform:uppercase;margin-top:0;}
.title-center{font-size:32px;text-align:center;color:#f4b72a;text-transform:uppercase;margin-top:0;}
.title-single{font:32px PN-bold;margin-top:10vh;}
.single h2{font:26px PN-bold;text-align:center;}
.single-content{max-width:800px;margin-left:auto;margin-right:auto;margin-top:8vh;}
.text-center{text-align:center;}
section{}
section,.part,#intro{position:relative;overflow:hidden;}
@media all and (min-width:981px){.part{padding:130px 0;}
.padt{padding-top:130px;}
.padb{padding-bottom:200px;}
}
@media all and (max-width:980px){.part{padding:50px 0;}
.padt{padding-top:50px;}
.padb{padding-bottom:120px;}
}
.max-width{max-width:1160px;margin:0 auto;}
@media all and (max-width:1250px){.max-width{margin:0 45px;}
}
.clear:after{content:"";display:block;clear:both;}
.pointer{position:absolute;height:0;left:0;right:0;top:-90px;}
@-webkit-keyframes numbers{0%{-webkit-transform:translateX(100%);opacity:0;}
100%{-webkit-transform:translateX(0);opacity:1;}
0%{transform:translateX(-100%);opacity:0;}
100%{transform:translateX(0);opacity:1;}
0%{transform:-webkit-translateX(100%);opacity:0;}
100%{transform:-webkit-translateX(0);opacity:1;}
}
@keyframes numbers{0%{-webkit-transform:translateX(100%);opacity:0;}
100%{-webkit-transform:translateX(0);opacity:1;}
0%{transform:translateX(100%);opacity:0;}
100%{transform:translateX(0);opacity:1;}
}
#numbers{position:relative;}
#numbers>div{position:relative;display:inline-block;vertical-align:top;text-align:center;}
#numbers>div:nth-of-type(2){margin:auto 13%;}
#numbers>div>div{-webkit-transition:all 0.3s;transition:all 0.3s;opacity:1;-webkit-animation:numbers 0.7s 1 linear;animation:numbers 0.7s 1 linear;-webkit-animation-delay:0.3s;animation-delay:0.3s;}
#numbers span{display:block;}
#numbers span:first-child{color:#f4b72a;}
#numbers span:last-child{color:#8a8a8a;}
@media all and (min-width:751px){#numbers span:first-child{font:normal 300 74px Roboto;}
#numbers span:last-child{font:normal 300 20px Roboto;}
}
@media all and (max-width:750px) and (min-width:486px){#numbers span:first-child{font:normal 300 50px Roboto;}
#numbers span:last-child{font:normal 300 16px Roboto;}
}
@media all and (max-width:485px){#numbers span:first-child{font:normal 300 9vw Roboto;}
#numbers span:last-child{font:normal 300 3vw Roboto;}
}
@media all and (min-width:1201px){.box-left{max-width:680px;}
.section-name{float:right;margin:-5px 0 0;}
}
@media all and (max-width:1200px) and (min-width:961px){.box-left{max-width:580px;margin:0 50px;}
.section-name{float:right;margin:-5px 50px 0;}
.box-left .title-left{max-width:70%;}
}
@media all and (max-width:960px){.section-name{margin:0 0 50px 20px;}
.box-left{margin:0 20px;}
.section-name:after{position:relative;top:-4px;content:"";display:inline-block;width:100px;height:2px;background-color:#f5bc38;margin-right:20px;margin-left:20px;}
}
@media all and (max-width:440px){.section-name{display:none;}
}
@media all and (max-width:420px){#header-bgr+a{display:block;padding-right:65px;}
#logo{width:100%;margin-top:36px !important;}
}
.logged-in .pointer{top:-122px;}
.section-name{font:18px PN-bold;text-transform:uppercase;}
.section-name:before{position:relative;top:-4px;content:"";display:inline-block;width:100px;height:2px;background-color:#f5bc38;margin-right:20px;}
.bgr-image{background-repeat:no-repeat;background-position:center;background-size:cover;}
.bgr-grey{background-color:#f5f5f5;}
.wrapper-width{width:1160px;}
header{height:90px;position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;-webkit-transition:all 0.4s;transition:all 0.4s;}
header.single{border-bottom:1px solid #000;}
header.colored{background-color:#ededeb;}
header.white{background-color:#fff;}
#header-bgr{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(img/bgr-sertificates.jpg);background-repeat:no-repeat;background-size:100% auto;z-index:-1;-webkit-transition:all 0.4s;transition:all 0.4s;opacity:0;}
header.colored #header-bgr{opacity:1;}
.logged-in header{top:32px;}
.first{position:relative;top:0;padding-top:90px;}
.logged-in .first{padding-top:122px;}
.full-screen{height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
header .wrapper{position:relative;height:100%;}
#logo{margin-top:28px;max-width:300px;}
@media all and (max-width:380px){#logo{width:160px;margin-top:21px;}
}
#menu{float:right;}
#menu a{font-family:PN-regular;color:#000;line-height:32px;position:relative;}
#menu a:after{position:absolute;}
#intro{-ms-background-clip:content-box;-webkit-background-clip:content-box;-mz-background-clip:content-box;background-origin:content-box;height:100%;min-height:500px;}
#bgr-home{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover;}
@media all and (min-width:981px){#bgr-home{background-image:url(img/img-intro.jpg);}
}
@media all and (max-width:980px){#bgr-home{background-image:url(img/img-intro-980.jpg);}
}
@media all and (min-width:1101px){#menu{margin-top:28px;}
header .wrapper{padding:0 60px;}
#menu a{font-size:18px;margin-left:30px;padding:5px 15px;display:inline-block;}
#menu a:after{content:"";display:block;width:1px;height:2px;background-color:rgba(244, 183, 42, 0);margin:-5px auto 0;-webkit-transition:all 0.1s;transition:all 0.1s;}
#menu a:hover,#menu a.current{color:#f4b72a;}
#menu a:hover:after,#menu a.current:after{width:126%;background-color:#f4b72a;-webkit-transform:translateX(-22%);transform:translateX(-22%);}
}
@media all and (max-width:1100px) and (min-width:831px){#menu{margin-top:26px;}
header .wrapper{padding:0 20px;}
#menu a{font-size:16px;margin-left:5px;padding:5px 7px;display:inline-block;}
#menu a:after{content:"";display:block;width:1px;height:2px;background-color:rgba(244, 183, 42, 0);margin:-5px auto 0;-webkit-transition:all 0.1s;transition:all 0.1s;}
#menu a.current{color:#f4b72a;}
#menu a.current:after{width:116%;background-color:#f4b72a;-webkit-transform:translateX(-14%);transform:translateX(-14%);}
}
@media all and (max-width:830px){#menu{margin-top:38px;}
#header-bgr{background-size:auto auto;}
#menu{top:75px;position:absolute;right:0;background-color:#fff;text-align:center;width:0;overflow:hidden;-webkit-transition:right 0.3s;transition:right 0.3s;}
#menu.colored .wrapper-menu{background-color:#ebebeb;background-image:url(img/bgr-menu-short.jpg);background-repeat:no-repeat;background-position:left top;}
#menu .wrapper-menu{width:300px;}
#menu.showed{width:300px;right:50%;-webkit-transform:translateX(+50%);transform:translateX(+50%);}
#menu a{display:block;padding:30px 0;}
#menu a:after{content:"";display:block;width:1px;height:2px;background-color:#f4b72a;margin:-5px auto 0;-webkit-transition:all 0.1s;transition:all 0.1s;}
#menu a:hover{color:#f4b72a;}
#menu a.current{color:#f4b72a;}
#menu a.current:after{width:100px;background-color:#f4b72a;-webkit-transform:translateX(97%);transform:translateX(97%);}
header .wrapper{padding:0 20px;}
}
@media all and (max-height:560px){menu{top:52px;padding:5px 0;}
#menu a{padding:5px 0;}
}
#scroll-to{position:absolute;bottom:0;width:150px;height:100px;left:50%;-webkit-transform:translate(-50%, 0) scale(1);transform:translate(-50%, 0) scale(1);background-repeat:no-repeat;background-position:center;background-image:url(img/next.svg);-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-animation:arrowd 0.9s 1 linear;animation:arrowd 0.9s 1 linear;-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
#scroll-to:hover{background-image:url(img/next-colored.svg);}
@-webkit-keyframes arrowd{0%{-webkit-transform:-webkit-translate(-50%, 0px) scale(1);}
50%{-webkit-transform:-webkit-translate(-50%, -10px) scale(1);}
75%{-webkit-transform:-webkit-translate(-50%, 0px) scale(1.8);}
100%{-webkit-transform:-webkit-translate(-50%, 0px) scale(1.8);}
0%{-webkit-transform:translate(-50%, 0px) scale(1);}
50%{-webkit-transform:translate(-50%, -10px) scale(1);}
75%{-webkit-transform:translate(-50%, 0px) scale(1.8);}
100%{-webkit-transform:translate(-50%, 0px) scale(1.8);}
}
@keyframes arrowd{0%{-webkit-transform:translate(-50%, 0px) scale(1);}
50%{-webkit-transform:translate(-50%, -10px) scale(1);}
75%{-webkit-transform:translate(-50%, 0px) scale(1.8);}
100%{-webkit-transform:translate(-50%, 0px) scale(1.8);}
0%{transform:translate(-50%, 0px) scale(1);}
50%{transform:translate(-50%, -10px) scale(1);}
75%{transform:translate(-50%, 0px) scale(1.8);}
100%{transform:translate(-50%, 0px) scale(1.8);}
}
#footer{background-color:#000;color:#fff;font:16px Roboto;font-weight:bold;}
.design-front{display:block;width:100%;padding:15px 0;color:#000;background-color:#f5f5f5;text-align:center;}
#footer span,.design-front span{color:#f4b72a;}
@media all and (min-width:1251px){#footer{padding:45px 30px;}
#footer .design{margin-top:-20px;color:#fff;}
#footer .design{float:right;}
}
@media all and (max-width:1250px){#footer{text-align:center;}
#footer .design{display:block;padding-bottom:30px;width:100%;color:#fff;}
#footer div{padding:45px 20px 20px;}
}
.gallery-single{margin:30px auto 0!important;}
#wrapper-front-social{	position: fixed; width: 43px; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(255,255,255,0.3); padding: 7px 0px 4px;}
.social-container{text-align:center;}
.social-container a{display:inline-block;width:30px;height:30px;margin:0 5px;color:#ccc;text-decoration:none;font-size:34px;font-weight:bold;text-shadow:0px 2px 3px #fff;}
.social-container a:hover{color:#ED452A;}
.fa-twitter{background-image:url(img/social/twitter.svg);}
.fa-facebook{background-image:url(img/social/facebook.svg);}
.fa-google-plus{background-image:url(img/social/google_plus30.png);}
.fa-pinterest{background-image:url(img/social/pin.svg);}
.fa-linkedin{background-image:url(img/social/in.png);}
#sertificates{background-image:url(img/bgr-sertificates.jpg);}
#sertificates .title-center+p{max-width:700px;margin:auto;}
.serts-pdf span{white-space:pre-line;color:#000;font-size:14px;text-align:center;}
.serts-pdf div{margin:auto;background-repeat:no-repeat;background-position:center;background-image:url(img/sertificate-icon-grey.svg);-webkit-transition:all 0.8s;transition:all 0.8s;}
.serts-pdf:hover div{background-image:url(img/sertificate-icon-dark.svg);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:center;transform-origin:center;}
@media all and (min-width:1250px){.serts-pdf div{width:47px;height:70px;}
.serts-pdf{margin:0 18px;display:inline-block;}
}
@media all and (max-width:1250px) and (min-width:981px){.serts-pdf div{width:37px;height:53px;background-size:contain;}
.serts-pdf{margin:0 2.5% 20px;float:left;width:20%;}
#serts-pdf{max-width:700px;margin:auto;}
}
@media all and (max-width:980px) and (min-width:681px){.serts-pdf div{width:37px;height:53px;background-size:contain;}
.serts-pdf{margin:0 2.5% 20px;float:left;width:20%;}
}
@media all and (max-width:680px) and (min-width:486px){.serts-pdf div{width:37px;height:53px;background-size:contain;}
.serts-pdf{margin:0 2.5% 20px;float:left;width:28%;}
}
@media all and (max-width:485px){.serts-pdf div{width:37px;height:53px;background-size:contain;}
.serts-pdf{margin:0 2.5% 20px;float:left;width:45%;}
}
.member{display:inline-block;vertical-align:top;font:16px Roboto;-webkit-transition:all 0.3s;transition:all 0.3s;}
.member div{width:115px;height:115px;border-radius:115px;margin-bottom:30px;}
.member span{display:block;}
.member span:nth-of-type(2){color:#b3b3b3;}
.member:nth-of-type(1) div{background-image:url(img/ekip-member-1.jpg);}
.member:nth-of-type(2) div{background-image:url(img/ekip-member-2.jpg);}
.member:nth-of-type(3) div{background-image:url(img/ekip-member-3.jpg);}
.member:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
@media all and (min-width:1101px){.member:nth-of-type(2){margin-left:190px;margin-right:190px;}
}
@media all and (max-width:1100px) and (min-width:701px){.member:nth-of-type(2){margin-left:70px;margin-right:70px;}
}
@media all and (max-width:700px) and (min-width:451px){.member:nth-of-type(2){margin-left:20px;margin-right:20px;}
}
@media all and (max-width:450px){.member{display:block;}
.member div{margin-left:auto;margin-right:auto;}
.member:nth-of-type(2){margin-top:50px;margin-bottom:50px;}
}
#projects-list.table{display:table;width:100%;margin-top:-60px;border-collapse:collapse;}
#projects-list .row{display:table-row;}
#projects-list .cell img{width:100%;}
#projects-list .empty img{outline:1px solid #000;}
#projects-list p{color:#000;}
#projects-list .cell:hover p{color:#f4b72a !important;}
@media all and (min-width:1301px){#projects-list p{font-size:24px;padding-top:150px;white-space:pre-line;}
#projects-list .cell{display:table-cell;width:50%;vertical-align:top;}
#projects-list .cell:nth-of-type(1){padding-right:4.6%;}
#projects-list .cell:nth-of-type(2){padding-left:4.6%;}
}
@media all and (max-width:1300px) and (min-width:811px){#projects-list.table{max-width:90%;margin-left:auto;margin-right:auto;}
#projects-list p{font-size:18px;line-height:22px;min-height:50px;margin-top:100px;white-space:pre-line;}
#projects-list .cell{display:table-cell;width:50%;vertical-align:top;}
#projects-list .cell:nth-of-type(1){padding-right:2.6%;}
#projects-list .cell:nth-of-type(2){padding-left:2.6%;}
}
@media all and (max-width:810px){#projects-list .cell:not(.empty){display:block;max-width:90%;margin:auto;text-align:center;}
#projects-list p{font-size:24px;line-height:22px;margin-top:100px;}
#projects-list .cell img{max-width:523px;}
#projects-list .cell.empty{display:none;}
}
.theme-btn{background-color:#fff;color:#000;font:18px Roboto;font-weight:bold;font-style:italic;padding:15px 35px;display:inline-block;margin-top:25px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-outline:1px solid #000;outline:1px solid #000;margin-left:1px;}
#projects-list .cell:hover .theme-btn{background-color:#f4b72a;color:#fff;-webkit-outline:1px solid #f4b72a;outline:1px solid #f4b72a;}
.theme-btn:after{content:"";display:inline-block;width:22px;height:8px;background-image:url(img/arrow-view-dark.png);background-repeat:no-repeat;background-position:right center;margin-left:15px;}
#projects-list .cell:hover .theme-btn:after{background-image:url(img/arrow-view.png);}
#ref{padding-top:45px;}
#ref div{display:inline-block;}
#ref a{display:table;height:100px;min-height:100px;-webkit-outline:1px solid #aaaaaa;outline:1px solid #aaaaaa;background-repeat:no-repeat;background-size:42px auto;background-image:url(img/ref.svg);font:16px PN-bold;text-transform:uppercase;margin:4px;color:#000;-webkit-transition:all 0.3s;transition:all 0.3s;}
#ref span{display:table-cell;vertical-align:middle;text-align:left;}
#ref a:hover{background-image:url(img/ref-white.svg);background-color:#f4b72a;}
@media all and (min-width:351px){#ref a{background-position:48px center;width:332px;padding-left:110px;padding-right:40px;}
}
@media all and (max-width:350px){#ref a{width:300px;padding-left:65px;padding-right:30px;background-position:8px center;}
}
.col-left address{white-space:pre-line;font-size:16px;line-height:1.45em;font-weight:normal;font-style:normal;}
.col-left a{color:#000;-webkit-transition:all 0.3s;transition:all 0.3s;}
.col-left a:hover{color:#f4b72a;}
input,textarea,label{display:block;width:100%;font-size:16px;font-weight:normal;line-height:22px;-webkit-transition:all 0.3s;transition:all 0.3s;}
input,textarea{padding:12px 10px;border:1px solid #999;}
textarea{min-height:200px;}
label{margin-top:20px;margin-bottom:5px;}
.btn-send{display:block;background-color:#f4b72a;color:#fff;font:18px Roboto;font-weight:bold;font-style:italic;padding:15px 35px;display:inline-block;margin-top:25px;-webkit-transition:all 0.3s;transition:all 0.3s;border:1px solid rgba(0,0,0,0);}
.btn-send:hover{background-color:#fff;color:#f4b72a;border:1px solid #f4b72a;}
.btn-send:after{content:"";display:inline-block;width:22px;height:8px;background-image:url(img/arrow-view.png);background-repeat:no-repeat;background-position:right center;margin-left:15px;}
.btn-send:hover:after{background-image:url(img/arrow-view-colored.png);}
@media (min-width:701px){.col-left,.col-right{width:45%;max-width:475px;font-family:Roboto;}
.col-left{float:left;}
.col-right{float:right;}
.col-left h3{font-size:22px;text-transform:uppercase;color:#f4b72a;font-weight:bold;}
}
@media (max-width:700px){address{margin-top:70px;}
.col-right{margin-top:70px;}
.col-left h3{font-size:37px;text-align:center;color:#f4b72a;text-transform:uppercase;margin-top:0;}
}
@media (min-width:831px){#short-menu-btn{display:none;}
}
#short-menu-btn{position:absolute;z-index:102;top:26px;right:18px;overflow:hidden;width:56px;height:40px;margin-left:18px;background-color:#f4b72a;border-radius:3px;}
#short-menu-btn [data-anim]{width:33px;height:3px;background-color:#fff;position:absolute;left:12px;}
#short-menu-btn [data-anim='1']{top:11px;-webkit-transition:all 0.1s;transition:all 0.1s;}
#short-menu-btn [data-anim='2'],#short-menu-btn [data-anim='3']{top:19px;}
#short-menu-btn [data-anim='4']{top:27px;-webkit-transition:all 0.1s;transition:all 0.1s;}
@media all and (max-width:900px){}
@-webkit-keyframes menuRotate1{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(45deg);}
}
@keyframes menuRotate1{0%{transform:rotate(0deg);}
100%{transform:rotate(45deg);}
}
.menuRotate1{-webkit-animation:menuRotate1 0.3s forwards;animation:menuRotate1 0.3s forwards;}
@-webkit-keyframes menuRotate1a{0%{-webkit-transform:rotate(45deg);}
100%{-webkit-transform:rotate(0deg);}
}
@keyframes menuRotate1a{0%{transform:rotate(45deg);}
100%{transform:rotate(0deg);}
}
.menuRotate1a{-webkit-animation:menuRotate1a 0.3s forwards;animation:menuRotate1a 0.3s forwards;}
@-webkit-keyframes menuRotate2{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(-45deg);}
}
@keyframes menuRotate2{0%{transform:rotate(0deg);}
100%{transform:rotate(-45deg);}
}
.menuRotate2{-webkit-animation:menuRotate2 0.3s forwards;animation:menuRotate2 0.3s forwards;}
@-webkit-keyframes menuRotate2a{0%{-webkit-transform:rotate(-45deg);}
100%{-webkit-transform:rotate(0deg);}
}
@keyframes menuRotate2a{0%{transform:rotate(-45deg);}
100%{transform:rotate(0deg);}
}
.menuRotate2a{-webkit-animation:menuRotate2a 0.3s forwards;animation:menuRotate2a 0.3s forwards;}
@-webkit-keyframes menuRotate3{0%{top:20px;}
100%{top:31px;}
}
@keyframes menuRotate3{0%{top:20px;}
100%{top:31px;}
}
.menuRotate3{-webkit-animation:menuRotate3 0.1s forwards;animation:menuRotate3 0.1s forwards;}
@-webkit-keyframes menuRotate3a{0%{top:31px;}
100%{top:20px;}
}
@keyframes menuRotate3a{0%{top:31px;}
100%{top:20px;}
}
.menuRotate3a{-webkit-animation:menuRotate3a 0.1s forwards;animation:menuRotate3a 0.1s forwards;}