.primary-menu,.primary-menu *{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.primary-menu{
    padding:14px 30px;
    float:left
}
@media (max-width:980px){
    .primary-menu{
        padding:14px 0
    }
}
.primary-menu a{
    -o-transition:color .3s linear,background .3s linear;
    -moz-transition:color .3s linear,background .3s linear;
    -webkit-transition:color .3s linear,background .3s linear;
    transition:color .3s linear,background .3s linear
}
.primary-menu-menu.scrollable>.scrollable-fix{
    display:none
}
.primary-menu-brand{
    margin:18px 30px 0 0;
    float:left;
    color:#666;
    text-decoration:none;
    font-size:24px;
    font-weight:600;
    line-height:1.3;
    cursor:pointer
}
.primary-menu-menu{
    margin:0;
    padding:0;
    float:left;
    list-style:none
}
.primary-menu-menu.primary-menu-right{
    float:right
}
.primary-menu-menu>li{
    display:inline-block;
    margin:0 13px;
    position:relative
}
@media (max-width:980px){
    .primary-menu-menu>li{
        padding:0 10px 35px
    }
}
.primary-menu-menu>li>a{
    position:relative;
    font-size:17px;
    text-transform:capitalize;
    font-weight:500;
    transition:all .3s ease;
    margin-right:3px
}
.primary-menu-menu>li>a:after,.primary-menu-menu>li>a:before{
    display:block;
    position:absolute;
    height:2px;
    background-color:#109ad7;
    bottom:-10px;
    opacity:0;
    transition:all .3s linear;
    content:''
}
.primary-menu-menu>li>a:before{
    width:80%;
    right:0
}
.primary-menu-menu>li>a:after{
    width:15%;
    left:0
}
.primary-menu-menu>li:hover>a:after,.primary-menu-menu>li:hover>a:before{
    opacity:1
}
.primary-menu-menu>li.active>a,.primary-menu-menu>li:hover>a,.primary-menu-menu>li:hover>i{
    color:#109ad7
}
.primary-menu-menu>li>i{
    font-size:10px
}
.primary-menu-responsive .primary-menu-menu>li>i{
    display:none
}
.primary-menu-menu>li.has-megamenu{
    position:static
}
.no-menu-box{
    font-size:14px
}
.primary-menu-menu ul.dropdown,.primary-menu-menu ul.dropdown li ul.dropdown{
    position:absolute;
    z-index:9999;
    left:-25px;
    margin-top:0;
    min-width:330px;
    top:25px;
    background-color:#fff;
    padding:15px 0 30px;
    border-radius:5px;
    box-shadow:15px 15px 30px rgba(0,0,0,.16);
    list-style:none;
    display:none
}
@media (max-width:768px){
    .primary-menu-responsive .primary-menu-menu>li:hover>a:after,.primary-menu-responsive .primary-menu-menu>li:hover>a:before{
        display:none
    }
    .primary-menu-menu ul.dropdown,.primary-menu-menu ul.dropdown li ul.dropdown{
        box-shadow:none;
        padding:10px 0
    }
}
.primary-menu-menu ul.dropdown a i,.primary-menu-menu>li.has-megamenu .megamenu ul>li a i{
    margin-left:10px;
    opacity:0;
    transition:all .4s ease;
    font-size:12px;
    text-align:center
}
.primary-menu-menu ul.dropdown a:hover>i,.primary-menu-menu>li.has-megamenu .megamenu ul>li a:hover i{
    opacity:1;
    color:#109ad7
}
.primary-menu-menu ul.dropdown li a,.primary-menu-menu>li.has-megamenu .megamenu ul>li a{
    font-family:Lato,sans-serif;
    font-weight:400;
    color:#acacac;
    display:block
}
.primary-menu-menu ul.dropdown li ul.dropdown{
    left:calc(100% - 5px);
    top:0
}
.primary-menu-menu ul.dropdown li{
    clear:both;
    width:100%;
    border:0;
    font-size:12px;
    position:relative
}
.primary-menu-menu ul.dropdown li a{
    font-size:13px;
    padding:5px 40px;
    position:relative;
    transition:all .4s ease-out
}
@media (max-width:640px){
    .primary-menu-menu ul.dropdown li a{
        padding:10px
    }
}
.primary-menu-menu ul.dropdown li.hover-ver2 i{
    font-size:24px;
    opacity:1;
    margin-right:15px;
    margin-left:0;
    vertical-align:middle
}
.primary-menu-menu ul.dropdown li.hover-ver2 a:before{
    content:'';
    display:block;
    height:100%;
    width:3px;
    position:absolute;
    left:0;
    top:0;
    background-color:#109ad7;
    opacity:0;
    transition:all .3s ease
}
.primary-menu-menu ul.dropdown li.hover-ver2 a:hover:before{
    opacity:1
}
.primary-menu-menu>li.has-megamenu .megamenu ul>li a{
    font-size:16px;
    padding:10px 0;
    position:relative;
    transition:all .4s ease-out
}
.primary-menu-menu>li.has-megamenu .megamenu ul>li:hover a{
    color:#109ad7
}
.primary-menu-menu ul.dropdown li.menu-item-has-children>a>i{
    opacity:0
}
.primary-menu-menu ul.dropdown li.menu-item-has-children.hover-ver2>a>i{
    opacity:1
}
.primary-menu-menu ul.dropdown li:hover>a{
    color:#109ad7;
    transition:all .3s ease
}
.primary-menu-menu ul.dropdown.dropdown-left{
    left:auto
}
.primary-menu-menu ul.dropdown li ul.dropdown.dropdown-left{
    left:-100%
}
.primary-menu-menu li .indicator{
    color:#acacac;
    font-family:FontAwesome;
    font-size:10px;
    margin-left:6px
}
.primary-menu-menu li ul.dropdown li .indicator{
    position:absolute;
    top:13px;
    right:20px;
    font-size:15px;
    transition:all .3s ease
}
.primary-menu-menu li ul.dropdown li:hover>a .indicator,.primary-menu-menu>li:hover>a>.indicator{
    color:#109ad7
}
.primary-menu-menu>li>.megamenu{
    width:100%;
    padding:30px 30px 20px;
    left:0;
    position:absolute;
    display:none;
    z-index:99;
    background:right bottom no-repeat #fff;
    top:53px;
    box-shadow:15px 15px 30px rgba(0,0,0,.16);
    border-radius:5px
}
@media (max-width:1024px){
    .primary-menu-menu>li.has-megamenu>.megamenu{
        top:100px
    }
}
.primary-menu-menu>li>.megamenu ul{
    list-style:none
}
.primary-menu-menu>li>.megamenu .google-logo{
    margin-bottom:15px
}
.primary-menu-menu>li>.megamenu .google-text{
    font-size:14px;
    color:#acacac
}
.primary-menu-menu>li>.dropdown .megamenu-item-info .megamenu-item-info-title,.primary-menu-menu>li>.megamenu .megamenu-item-info .megamenu-item-info-title{
    margin-bottom:10px;
    line-height:1.2
}
.primary-menu-menu>li>.dropdown .megamenu-item-info .megamenu-item-info-text,.primary-menu-menu>li>.megamenu .megamenu-item-info .megamenu-item-info-text{
    font-size:14px;
    color:#ccc;
    line-height:1.3
}
.primary-menu-menu>li>.dropdown .megamenu-item-info{
    padding:10px 40px 0
}
.primary-menu-menu>li>.megamenu.megamenu-half-width{
    width:50%;
    left:auto
}
.primary-menu-menu>li>.megamenu.megamenu-quarter-width{
    width:25%;
    left:auto
}
.primary-menu-menu>li>.megamenu .megamenu-row{
    width:100%;
    margin-top:15px
}
.primary-menu-menu>li>.megamenu .megamenu-row:first-child{
    margin-top:0
}
.primary-menu-menu>li>.megamenu .megamenu-row:after,.primary-menu-menu>li>.megamenu .megamenu-row:before{
    display:table;
    content:"";
    line-height:0
}
.primary-menu-menu>li>.megamenu .megamenu-row:after{
    clear:both
}
.primary-menu-menu>li>.megamenu .megamenu-row .col1,.primary-menu-menu>li>.megamenu .megamenu-row .col10,.primary-menu-menu>li>.megamenu .megamenu-row .col11,.primary-menu-menu>li>.megamenu .megamenu-row .col12,.primary-menu-menu>li>.megamenu .megamenu-row .col2,.primary-menu-menu>li>.megamenu .megamenu-row .col3,.primary-menu-menu>li>.megamenu .megamenu-row .col4,.primary-menu-menu>li>.megamenu .megamenu-row .col5,.primary-menu-menu>li>.megamenu .megamenu-row .col6,.primary-menu-menu>li>.megamenu .megamenu-row .col7,.primary-menu-menu>li>.megamenu .megamenu-row .col8,.primary-menu-menu>li>.megamenu .megamenu-row .col9{
    display:block;
    min-height:20px;
    float:left;
    margin-left:3%
}
.primary-menu-menu>li>.megamenu .megamenu-row [class*=col]:first-child{
    margin-left:0
}
.primary-menu-menu>li>.megamenu .megamenu-row .col1{
    width:5.583333333333%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col2{
    width:14.166666666666%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col3{
    width:22.75%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col4{
    width:31.333333333333%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col5{
    width:39.916666666667%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col6{
    width:48.5%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col7{
    width:57.083333333333%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col8{
    width:65.666666666667%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col9{
    width:74.25%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col10{
    width:82.833333333334%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col11{
    width:91.416666666667%
}
.primary-menu-menu>li>.megamenu .megamenu-row .col12{
    width:100%
}
.menu-icon-wrapper{
    position:relative;
    display:inline-block;
    width:34px;
    height:34px;
    pointer-events:none;
    transition:.1s
}
.menu-icon-wrapper.scaled{
    transform:scale(.5)
}
.menu-icon-wrapper svg{
    position:absolute;
    top:-33px;
    left:-33px;
    transform:scale(.1);
    transform-origin:0 0
}
.menu-icon-wrapper svg path{
    stroke:#2f2c2c;
    stroke-width:30px;
    stroke-linecap:round;
    fill:transparent
}
.menu-icon-wrapper .menu-icon-trigger{
    position:relative;
    width:100%;
    height:100%;
    cursor:pointer;
    pointer-events:auto;
    background:0 0;
    border:none;
    margin:0;
    padding:0
}
.showhide .mob-menu--title{
    position:relative;
    top:2px;
    text-transform:uppercase;
    font-size:18px;
    margin-right:15px;
    font-weight:700
}
.primary-menu .showhide>span{
    display:inline-block;
    vertical-align:middle
}
.primary-menu .showhide{
    height:46px;
    cursor:pointer;
    text-align:center;
    padding:0;
    display:none;
    float:right;
    text-decoration:none;
    outline:0;
    -webkit-tap-highlight-color:transparent;
    position:relative
}
.primary-menu-menu>li>a>i{
    margin:0 5px 0 0;
    font-size:18px;
    float:left;
    line-height:20px;
    font-family:FontAwesome
}
.primary-menu-menu>li.search form{
    float:left;
    padding:22px 16px 17px
}
.primary-menu-menu>li.search form input[type=text]{
    width:160px;
    padding:5px 10px;
    font-family:'Open Sans',sans-serif;
    border:none;
    background:#f0f0f0;
    border-radius:2px;
    outline:0;
    -o-transition:width 1s ease-out;
    -moz-transition:width 1s ease-out;
    -webkit-transition:width 1s ease-out;
    transition:width 1s ease-out
}
.primary-menu-menu>li.search form:hover input[type=text]{
    width:160px
}
.primary-menu-tabs{
    width:100%;
    float:left
}
.primary-menu-tabs-nav{
    width:20%;
    margin:0;
    padding:0;
    float:left;
    list-style:none
}
.primary-menu-tabs-nav>li>a{
    width:100%;
    padding:7px 16px;
    float:left;
    font-size:13px;
    text-decoration:none;
    color:#666;
    border:1px solid #f0f0f0;
    outline:0
}
.primary-menu-tabs-nav li.active a,.primary-menu-tabs-nav li:hover a{
    background:#f0f0f0
}
.primary-menu-tabs-content{
    width:80%;
    min-height:30px;
    padding:20px;
    float:right;
    display:none;
    font-size:13px;
    border:1px solid #f0f0f0
}
.primary-menu-tabs-content.active{
    display:block
}
.primary-menu.blue .primary-menu-menu ul.dropdown li:hover>a,.primary-menu.blue .primary-menu-menu>li.active>a,.primary-menu.blue .primary-menu-menu>li:hover>a{
    color:#4A89DC
}
.primary-menu.green .primary-menu-menu ul.dropdown li:hover>a,.primary-menu.green .primary-menu-menu>li.active>a,.primary-menu.green .primary-menu-menu>li:hover>a{
    color:#37BC9B
}
.primary-menu.red .primary-menu-menu ul.dropdown li:hover>a,.primary-menu.red .primary-menu-menu>li.active>a,.primary-menu.red .primary-menu-menu>li:hover>a{
    color:#E9573F
}
.primary-menu.orange .primary-menu-menu ul.dropdown li:hover>a,.primary-menu.orange .primary-menu-menu>li.active>a,.primary-menu.orange .primary-menu-menu>li:hover>a{
    color:#ff670f
}
.primary-menu.yellow .primary-menu-menu ul.dropdown li:hover>a,.primary-menu.yellow .primary-menu-menu>li.active>a,.primary-menu.yellow .primary-menu-menu>li:hover>a{
    color:#F6BB42
}
.primary-menu.purple .primary-menu-menu ul.dropdown li:hover>a,.primary-menu.purple .primary-menu-menu>li.active>a,.primary-menu.purple .primary-menu-menu>li:hover>a{
    color:#967ADC
}
.primary-menu.pink .primary-menu-menu ul.dropdown li:hover>a,.primary-menu.pink .primary-menu-menu>li.active>a,.primary-menu.pink .primary-menu-menu>li:hover>a{
    color:#D770AD
}
@media (max-width:768px){
    .primary-menu-responsive.primary-menu{
        padding:0;
        width:auto;
        margin-top:-20px;
        display:block;
        float:none;
        overflow:visible
    }
    .primary-menu-responsive.primary-menu .google-text{
        margin-bottom:120px
    }
    .primary-menu-responsive .primary-menu-brand{
        margin:8px 30px 10px 20px;
        font-size:20px;
        line-height:1.55
    }
    .primary-menu-responsive .primary-menu-menu{
        width:100%;
        float:left!important
    }
    .primary-menu-responsive .primary-menu-menu.scrollable{
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        margin-top:10px;
        overflow-x:hidden
    }
    .primary-menu-responsive .primary-menu-menu.scrollable>.scrollable-fix{
        display:block
    }
    .submenu{
        padding:10px 15px!important;
        font-size:13px!important
    }
    .primary-menu-menu ul.dropdown,.primary-menu-menu ul.dropdown li ul.dropdown{
        min-width:auto
    }
    .primary-menu-menu ul.dropdown li a{
        font-size:13px
    }
    .primary-menu-responsive .primary-menu-menu>li{
        width:100%;
        display:block;
        position:relative
    }
    .primary-menu-responsive .primary-menu-menu>li>a{
        width:100%;
        padding:12px 10px;
        display:block;
        border-bottom:solid 1px #f0f0f0
    }
    .primary-menu-responsive .primary-menu-menu>li:first-child>a{
        border-top:solid 1px #f0f0f0
    }
    .primary-menu-responsive .primary-menu-menu ul.dropdown,.primary-menu-responsive .primary-menu-menu ul.dropdown li ul.dropdown{
        width:100%;
        left:0;
        position:static;
        border:none;
        background:#fff;
        float:left
    }
    .primary-menu-responsive .primary-menu-menu ul.dropdown{
        top:0;
        position:relative
    }
    .primary-menu-responsive .primary-menu-menu>li{
        padding-bottom:0
    }
    .primary-menu-responsive .primary-menu-menu ul.dropdown li{
        position:relative
    }
    .primary-menu-menu>li>.dropdown .megamenu-item-info{
        padding:10px 10px 0
    }
    .primary-menu-responsive .primary-menu-menu ul.dropdown li a{
        border-bottom:solid 1px #f0f0f0;
        padding:10px
    }
    .primary-menu-responsive .primary-menu-menu.primary-menu-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a{
        padding-left:80px!important
    }
    .primary-menu-responsive .primary-menu-menu.primary-menu-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li:hover>a{
        padding-left:90px!important
    }
    .primary-menu-responsive .primary-menu-menu li .indicator{
        width:60px;
        height:100%;
        position:absolute;
        right:0;
        top:0;
        font-size:14px;
        text-align:center;
        line-height:53px;
        border-left:solid 1px #f0f0f0
    }
    .primary-menu-responsive .primary-menu-menu li ul.dropdown li .indicator{
        height:100%;
        right:0;
        top:0;
        font-size:14px;
        line-height:36px;
        transform:rotate(90deg);
        border-left:none
    }
    .primary-menu-responsive .primary-menu-menu>li>.megamenu{
        width:100%!important;
        left:0!important;
        position:static;
        border-top:none;
        border-bottom:solid 1px #f0f0f0;
        box-shadow:none
    }
    .primary-menu-responsive .primary-menu-menu>li>.megamenu .megamenu-row [class*=col]{
        float:none;
        display:block;
        width:100%!important;
        margin-left:0;
        margin-top:15px
    }
    .primary-menu-responsive .primary-menu-menu>li>.megamenu .megamenu-row,.primary-menu-responsive .primary-menu-menu>li>.megamenu .megamenu-row:first-child [class*=col]:first-child{
        margin-top:0
    }
    .primary-menu-responsive .primary-menu-menu>li.search form{
        width:100%;
        margin:4px 0;
        padding:10px 16px!important
    }
    .primary-menu-responsive .primary-menu-menu>li.search form input[type=text],.primary-menu-responsive .primary-menu-tabs-content,.primary-menu-responsive .primary-menu-tabs-nav{
        width:100%
    }
    .primary-menu-responsive.primary-menu .showhide{
        display:inline-block;
        right:auto;
        margin-right:0;
        float:right;
        padding-right:100px
    }
}
@media (max-width:480px){
    .primary-menu-responsive.primary-menu .showhide{
        float:left;
        padding-right:0
    }
    .header{
        padding:10px 0 0
    }
}
.zoom-in{
    -webkit-animation:zoomIn .4s ease both;
    -moz-animation:zoomIn .4s ease both;
    -o-animation:zoomIn .4s ease both;
    animation:zoomIn .4s ease both
}
@-webkit-keyframes zoomIn{
    0%{
        -webkit-transform:scale(1.5)
    }
    100%{
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes zoomIn{
    0%{
        -moz-transform:scale(1.5)
    }
    100%{
        -moz-transform:scale(1)
    }
}
@-o-keyframes zoomIn{
    0%{
        opacity:0;
        -o-transform:scale(1.5)
    }
    100%{
        opacity:1;
        -o-transform:scale(1)
    }
}
@keyframes zoomIn{
    0%{
        transform:scale(1.5)
    }
    100%{
        transform:scale(1)
    }
}
.zoom-out{
    -webkit-animation:zoomOut .4s ease both;
    -moz-animation:zoomOut .4s ease both;
    -o-animation:zoomOut .4s ease both;
    animation:zoomOut .4s ease both
}
@-webkit-keyframes zoomOut{
    0%{
        -webkit-transform:scale(.6)
    }
    100%{
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes zoomOut{
    0%{
        -moz-transform:scale(.6)
    }
    100%{
        -moz-transform:scale(1)
    }
}
@-o-keyframes zoomOut{
    0%{
        -o-transform:scale(.6)
    }
    100%{
        -o-transform:scale(1)
    }
}
@keyframes zoomOut{
    0%{
        transform:scale(.6)
    }
    100%{
        transform:scale(1)
    }
}
.drop-up{
    -webkit-animation:drop-up .4s ease both;
    -moz-animation:drop-up .4s ease both;
    -o-animation:drop-up .4s ease both;
    animation:drop-up .4s ease both
}
@-webkit-keyframes drop-up{
    0%{
        -webkit-transform:translateY(100px)
    }
    100%{
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes drop-up{
    0%{
        -moz-transform:translateY(100px)
    }
    100%{
        -moz-transform:translateY(0)
    }
}
@-o-keyframes drop-up{
    0%{
        -o-transform:translateY(100px)
    }
    100%{
        -o-transform:translateY(0)
    }
}
@keyframes drop-up{
    0%{
        transform:translateY(100px)
    }
    100%{
        transform:translateY(0)
    }
}
.drop-left{
    -webkit-animation:drop-left .4s ease both;
    -moz-animation:drop-left .4s ease both;
    -o-animation:drop-left .4s ease both;
    animation:drop-left .4s ease both
}
@-webkit-keyframes drop-left{
    0%{
        -webkit-transform:translateX(-100px)
    }
    100%{
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes drop-left{
    0%{
        -moz-transform:translateX(-100px)
    }
    100%{
        -moz-transform:translateX(0)
    }
}
@-o-keyframes drop-left{
    0%{
        -o-transform:translateX(-100px)
    }
    100%{
        -o-transform:translateX(0)
    }
}
@keyframes drop-left{
    0%{
        transform:translateX(-100px)
    }
    100%{
        transform:translateX(0)
    }
}
.swing{
    -webkit-transform-origin:top center;
    -moz-transform-origin:top center;
    -o-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation:swing .4s ease-out both;
    -moz-animation:swing .4s ease-out both;
    -o-animation:swing .4s ease-out both;
    animation:swing .4s ease-out both
}
@-webkit-keyframes swing{
    100%,20%,40%,60%,80%{
        -webkit-transform-origin:top center
    }
    20%{
        -webkit-transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0)
    }
}
@-moz-keyframes swing{
    20%{
        -moz-transform:rotate(15deg)
    }
    40%{
        -moz-transform:rotate(-10deg)
    }
    60%{
        -moz-transform:rotate(5deg)
    }
    80%{
        -moz-transform:rotate(-5deg)
    }
    100%{
        -moz-transform:rotate(0)
    }
}
@-o-keyframes swing{
    20%{
        -o-transform:rotate(15deg)
    }
    40%{
        -o-transform:rotate(-10deg)
    }
    60%{
        -o-transform:rotate(5deg)
    }
    80%{
        -o-transform:rotate(-5deg)
    }
    100%{
        -o-transform:rotate(0)
    }
}
@keyframes swing{
    20%{
        transform:rotate(15deg)
    }
    40%{
        transform:rotate(-10deg)
    }
    60%{
        transform:rotate(5deg)
    }
    80%{
        transform:rotate(-5deg)
    }
    100%{
        transform:rotate(0)
    }
}
.flip{
    -webkit-animation:flip .7s ease both;
    -moz-animation:flip .7s ease both;
    -o-animation:flip .7s ease both;
    animation:flip .7s ease both
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0);
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
}
@keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        -ms-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        -ms-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        -ms-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0);
        -ms-transform:perspective(400px) rotateX(0);
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
}
.roll-in{
    -webkit-animation:roll-in .4s ease both;
    -moz-animation:roll-in .4s ease both;
    -o-animation:roll-in .4s ease both;
    animation:roll-in .4s ease both
}
@-webkit-keyframes roll-in{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-15deg);
        transform:translateX(-100%) rotate(-15deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
}
@keyframes roll-in{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-15deg);
        -ms-transform:translateX(-100%) rotate(-15deg);
        transform:translateX(-100%) rotate(-15deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        -ms-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
}
.stretch{
    -webkit-animation:stretch .5s ease both;
    -moz-animation:stretch .5s ease both;
    -o-animation:stretch .5s ease both;
    animation:stretch .5s ease both;
    transform-origin:0 0;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0
}
@keyframes stretch{
    0%{
        transform:scaleX(.3)
    }
    40%{
        transform:scaleX(1.02)
    }
    60%{
        transform:scaleX(.98)
    }
    80%{
        transform:scaleX(1.01)
    }
    100%{
        transform:scaleX(1)
    }
}
@-webkit-keyframes stretch{
    0%{
        -webkit-transform:scaleX(.3)
    }
    40%{
        -webkit-transform:scaleX(1.02)
    }
    60%{
        -webkit-transform:scaleX(.98)
    }
    80%{
        -webkit-transform:scaleX(1.01)
    }
    100%{
        -webkit-transform:scaleX(1)
    }
}
@-o-keyframes stretch{
    0%{
        -o-transform:scaleX(.3)
    }
    40%{
        -o-transform:scaleX(1.02)
    }
    60%{
        -o-transform:scaleX(.98)
    }
    80%{
        -o-transform:scaleX(1.01)
    }
    100%{
        -o-transform:scaleX(1)
    }
}
@media all and (max-width:768px){
    .primary-menu{
        background:#fff
    }
    .header.absolute{
        position:relative
    }
}
::placeholder{
    color:#999;
    opacity:1
}
:-ms-input-placeholder{
    color:#999
}
::-ms-input-placeholder{
    color:#999
}
