/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

ul.list-filter{
    list-style:none!important;
    border-bottom:.5px solid #e6e6e6
}
li.tab-filter{
    display:inline-block;
    margin-bottom:-1px;
    vertical-align:bottom
}
li.tab-filter>a{
    display:inline-block;
    min-width:80px;
    padding:8px 12px;
    font-size:14px;
    font-weight:600;
    color:#999;
    border:1px solid #e6e6e6;
    text-transform:uppercase;
    text-align:center;
    text-decoration:none !important;
    background:linear-gradient(to bottom,rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%);
    transition:all .8s ease
}
li.tab-filter>a:hover{
    background:linear-gradient(to bottom,rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%)
}
li.tab-filter>a.active{
    background:linear-gradient(to bottom,rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%);
    padding:9px 12px;
    border-bottom:1px solid #fff !important
}
@media only screen and (max-width:767px){
    li.tab-filter>a{
        min-width:0;
        font-size:12px
    }
}
a.btn-down{
    display:inline-block;
    margin:20px 20px 20px 0;
    background:linear-gradient(to bottom,rgba(238,230,7,1) 0%,rgba(254,189,58,1) 100%);
    color:#8e5c01 !important;
    text-decoration:none !important;
    padding:10px 30px 10px 20px;
    border-radius:10px;
    font-size:16px;
    font-weight:600;
    transition:all .8s ease
}
a.btn-down:after{
    position:relative;
    top:2px;
    right:-15px;
    color:#8e5c01;
    content:"\f019";
    font-size:24px;
    font-family:FontAwesome;
    transition:all .8s ease
}
a.btn-down:hover{
    background:#8e5c01;
    color:#fff !important
}
a.btn-down:hover:after{
    color:#fff
}
a.btn-getq{
    display:inline-block;
    margin:20px 20px 20px 0;
    background:linear-gradient(to bottom,rgba(44,69,181,1) 0%,rgba(8,28,116,1) 100%);
    color:#fff !important;
    text-decoration:none !important;
    padding:10px 30px 10px 20px;
    border-radius:10px;
    font-size:16px;
    font-weight:600;
    transition:all .8s ease
}
a.btn-getq:after{
    position:relative;
    top:2px;
    right:-15px;
    color:#3a88d8;
    content:"\f105";
    font-size:24px;
    font-family:FontAwesome
}
a.btn-getq:hover{
    background:#051352
}
.ubtn{
    border:inherit;
    -webkit-border-radius:none;
    border-radius:none;
    font-size:12px;
    font-weight:400;
    line-height:1.4em;
    color:inherit;
    background:0 0;
    cursor:pointer;
    display:inline-block;
    margin:0;
    padding:25px 80px;
    outline:0;
    text-align:center;
    text-decoration:none;
    position:relative;
    -webkit-transition:all .3s;
    transition:all .3s;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    z-index:1;
    max-width:100%;
    visibility:visible;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.ubtn:after{
    content:'';
    position:absolute;
    z-index:-1;
    -webkit-transition:all .3s;
    transition:all .3s
}
.ubtn-data{
    z-index:3;
    position:inherit;
    display:block;
    font-family:inherit;
    font-weight:inherit;
    font-size:inherit;
    color:inherit
}
button.ubtn{
    background:inherit;
    color:inherit
}
button.ubtn:active,button.ubtn:focus,button.ubtn:hover,button.ubtn:visited{
    color:inherit;
    background:inherit;
    -webkit-box-shadow:inherit;
    box-shadow:inherit;
    outline:0
}
.ubtn-ctn-left{
    display:block;
    text-align:left
}
.ubtn-ctn-center{
    display:block;
    text-align:center
}
.ubtn-ctn-right{
    display:block;
    text-align:right
}
.ubtn-ctn-inline{
    display:inline-block;
    text-align:center
}
a.ubtn-link{
    display:inline-block;
    margin:0;
    color:inherit;
    text-decoration:none;
    max-width:100%
}
a.ubtn-link:hover{
    color:inherit;
    text-decoration:none
}
a.ubtn-link .ubtn{
    margin:0
}
button.ubtn-mini{
    padding:5px 10px
}
button.ubtn-small{
    padding:8px 16px
}
button.ubtn-normal{
    padding:15px 30px
}
button.ubtn-large{
    padding:21px 42px
}
.ubtn-block{
    display:block;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0;
    padding-right:0
}
button.ubtn-custom{
    padding:0
}
@media(max-width:768px){
    .ubtn-small{
        padding:6px 12px
    }
    .ubtn-normal{
        padding:10px 24px
    }
    .ubtn-large{
        padding:12px 36px
    }
}
.ubtn-shd{
    -webkit-border-radius:5px;
    border-radius:5px;
    background:#eaeaea;
    -webkit-box-shadow:0 5px #bebebe;
    box-shadow:0 5px #bebebe;
    -webkit-transition:none!important;
    transition:none!important
}
.ubtn-sep-icon .ubtn-icon{
    position:absolute;
    top:50%;
    opacity:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    line-height:1;
    -webkit-transition:all .3s;
    transition:all .3s
}
.ubtn-sep-icon:hover .ubtn-icon{
    opacity:1
}
.ubtn-sep-icon .ubtn-icon span{
    line-height:inherit;
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    line-height:inherit;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.ubtn.ubtn-sep-icon.ubtn-only-icon .ubtn-icon{
    position:relative;
    left:0;
    top:0;
    right:0;
    bottom:0;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0)
}
.ubtn-sep-icon.ubtn-sep-icon-at-left .ubtn-icon{
    left:20px;
    opacity:1
}
.ubtn-img-container .ubtn-sep-icon.ubtn-sep-icon-at-left .ubtn-icon{
    left:20px;
    opacity:1
}
.ubtn-img-container .ubtn-sep-icon.ubtn-sep-icon-at-right .ubtn-icon{
    right:20px;
    opacity:1
}
.ubtn-sep-icon.ubtn-sep-icon-at-right .ubtn-icon{
    right:20px;
    opacity:1
}
.ubtn-sep-icon-left .ubtn-icon{
    left:-2em
}
.ubtn-sep-icon-left:hover .ubtn-icon{
    left:10px
}
.ubtn-img-container .ubtn-sep-icon-left:hover .ubtn-icon{
    left:10px
}
.ubtn-sep-icon-left-rev .ubtn-icon{
    left:4em
}
.ubtn-sep-icon-left-rev:hover .ubtn-icon{
    left:20px
}
.ubtn-sep-icon-right .ubtn-icon{
    right:-2em
}
.ubtn-img-container .ubtn-sep-icon-right:hover .ubtn-icon{
    right:30px
}
.ubtn-sep-icon-right:hover .ubtn-icon{
    right:5px
}
.ubtn-sep-icon-right-rev .ubtn-icon{
    right:4em
}
.ubtn-sep-icon-right-rev:hover .ubtn-icon{
    right:20px
}
.ubtn-sep-icon.ubtn-sep-icon-bottom-push .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-left-push .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-right-push .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-top-push .ubtn-icon{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    line-height:1
}
.ubtn-sep-icon.ubtn-sep-icon-bottom-push .ubtn-icon i,.ubtn-sep-icon.ubtn-sep-icon-left-push .ubtn-icon i,.ubtn-sep-icon.ubtn-sep-icon-right-push .ubtn-icon i,.ubtn-sep-icon.ubtn-sep-icon-top-push .ubtn-icon i{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.ubtn-sep-icon.ubtn-sep-icon-bottom-push .ubtn-text,.ubtn-sep-icon.ubtn-sep-icon-left-push .ubtn-text,.ubtn-sep-icon.ubtn-sep-icon-right-push .ubtn-text,.ubtn-sep-icon.ubtn-sep-icon-top-push .ubtn-text{
    display:inline-block;
    -webkit-transform:translateX(0) translateY(0);
    -ms-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
}
.ubtn-sep-icon.ubtn-sep-icon-top-push .ubtn-icon{
    top:-500px
}
.ubtn-sep-icon.ubtn-sep-icon-top-push:hover .ubtn-icon{
    top:0
}
.ubtn-sep-icon.ubtn-sep-icon-top-push:hover .ubtn-text{
    display:inline-block;
    -webkit-transform:translateY(500px);
    -ms-transform:translateY(500px);
    transform:translateY(500px)
}
.ubtn-sep-icon.ubtn-sep-icon-top-push .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-top-push .ubtn-text,.ubtn-sep-icon.ubtn-sep-icon-top-push:hover .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-top-push:hover .ubtn-text{
    -webkit-transition:all .45s;
    transition:all .45s
}
.ubtn-sep-icon.ubtn-sep-icon-bottom-push .ubtn-icon{
    top:500px
}
.ubtn-sep-icon.ubtn-sep-icon-bottom-push:hover .ubtn-icon{
    top:0
}
.ubtn-sep-icon.ubtn-sep-icon-bottom-push:hover .ubtn-text{
    display:inline-block;
    -webkit-transform:translateY(-500px);
    -ms-transform:translateY(-500px);
    transform:translateY(-500px)
}
.ubtn-sep-icon.ubtn-sep-icon-bottom-push .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-bottom-push .ubtn-text,.ubtn-sep-icon.ubtn-sep-icon-bottom-push:hover .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-bottom-push:hover .ubtn-text{
    -webkit-transition:all .45s;
    transition:all .45s
}
.ubtn-sep-icon.ubtn-sep-icon-left-push .ubtn-icon{
    left:-500px
}
.ubtn-sep-icon.ubtn-sep-icon-left-push:hover .ubtn-icon{
    left:0
}
.ubtn-sep-icon.ubtn-sep-icon-left-push:hover .ubtn-text{
    display:inline-block;
    -webkit-transform:translateX(500px);
    -ms-transform:translateX(500px);
    transform:translateX(500px)
}
.ubtn-sep-icon.ubtn-sep-icon-left-push .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-left-push .ubtn-text,.ubtn-sep-icon.ubtn-sep-icon-left-push:hover .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-left-push:hover .ubtn-text{
    -webkit-transition:all .6s;
    transition:all .6s
}
.ubtn-sep-icon.ubtn-sep-icon-right-push .ubtn-icon{
    left:500px
}
.ubtn-sep-icon.ubtn-sep-icon-right-push:hover .ubtn-icon{
    left:0
}
.ubtn-sep-icon.ubtn-sep-icon-right-push:hover .ubtn-text{
    display:inline-block;
    -webkit-transform:translateX(-500px);
    -ms-transform:translateX(-500px);
    transform:translateX(-500px)
}
.ubtn-sep-icon.ubtn-sep-icon-right-push .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-right-push .ubtn-text,.ubtn-sep-icon.ubtn-sep-icon-right-push:hover .ubtn-icon,.ubtn-sep-icon.ubtn-sep-icon-right-push:hover .ubtn-text{
    -webkit-transition:all .6s;
    transition:all .6s
}
.ubtn-hover{
    width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    position:absolute;
    background:0 0;
    z-index:2;
    -webkit-transition:all .3s;
    transition:all .3s;
    -webkit-border-radius:inherit;
    border-radius:inherit;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.ubtn-fade-bg .ubtn-hover{
    background:rgba(255,255,255,0);
    opacity:0
}
.ubtn-fade-bg:hover .ubtn-hover{
    opacity:1
}
.ubtn-top-bg .ubtn-hover{
    top:-100%;
    background:#ccc
}
.ubtn-top-bg:hover .ubtn-hover{
    top:0
}
.ubtn-bottom-bg .ubtn-hover{
    top:100%;
    background:#ccc
}
.ubtn-bottom-bg:hover .ubtn-hover{
    top:0
}
.ubtn-left-bg .ubtn-hover{
    left:-100%;
    background:#ccc
}
.ubtn-left-bg:hover .ubtn-hover{
    left:0
}
.ubtn-right-bg .ubtn-hover{
    left:100%;
    background:#ccc
}
.ubtn-right-bg:hover .ubtn-hover{
    left:0
}
.ubtn-center-hz-bg .ubtn-hover{
    width:0;
    height:103%;
    top:50%;
    left:50%;
    background:#ccc;
    opacity:0;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.ubtn-center-hz-bg:hover .ubtn-hover{
    width:90%;
    opacity:1
}
.ubtn-center-hz-bg:active .ubtn-hover{
    width:101%;
    opacity:1
}
.ubtn-center-vt-bg .ubtn-hover{
    width:101%;
    height:0;
    top:50%;
    left:50%;
    background:#ccc;
    opacity:0;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.ubtn-center-vt-bg:hover .ubtn-hover{
    height:75%;
    opacity:1
}
.ubtn-center-vt-bg:active .ubtn-hover{
    height:130%;
    opacity:1
}
.ubtn-center-dg-bg .ubtn-hover{
    width:100%;
    height:0;
    top:50%;
    left:50%;
    background:#ccc;
    opacity:0;
    -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
    transform:translateX(-50%) translateY(-50%) rotate(45deg)
}
.ubtn-center-dg-bg:hover .ubtn-hover{
    height:260%;
    opacity:1
}
.ubtn-center-dg-bg:active .ubtn-hover{
    height:400%;
    opacity:1
}
.no-ubtn-shadow{
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    -webkit-transition:all 50ms linear!important;
    transition:all 50ms linear!important
}
.ubtn-img-container{
    position:relative
}
.ubtn-img-container img{
    position:relative;
    display:block;
    max-width:100%;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    margin:0 auto;
    padding:0
}
.ubtn-img-container .ubtn{
    position:relative;
    display:block;
    margin:0 auto;
    top:0;
    left:0;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.ubtn-img-container .ubtn.ubtn-right{
    right:0;
    margin-right:0;
    left:initial
}
.ubtn-img-container .ubtn.ubtn-left{
    left:0;
    margin-left:0;
    right:initial
}
.ubtn-img-container .ubtn-data{
    position:relative;
    display:inline-block
}
.ubtn-img-container a.ubtn-link{
    display:inline-block
}
.ulta-grow{
    display:inline-block;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-grow:active,.ulta-grow:focus,.ulta-grow:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.ulta-shrink{
    display:inline-block;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-shrink:active,.ulta-shrink:focus,.ulta-shrink:hover{
    -webkit-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
@-webkit-keyframes ulta-pulse{
    25%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    75%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
}
@keyframes ulta-pulse{
    25%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    75%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
}
.ulta-pulse{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-pulse:active,.ulta-pulse:focus,.ulta-pulse:hover{
    -webkit-animation-name:ulta-pulse;
    animation-name:ulta-pulse;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
@-webkit-keyframes ulta-pulse-grow{
    to{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@keyframes ulta-pulse-grow{
    to{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
.ulta-pulse-grow{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-pulse-grow:active,.ulta-pulse-grow:focus,.ulta-pulse-grow:hover{
    -webkit-animation-name:ulta-pulse-grow;
    animation-name:ulta-pulse-grow;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
@-webkit-keyframes ulta-pulse-shrink{
    to{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
}
@keyframes ulta-pulse-shrink{
    to{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
}
.ulta-pulse-shrink{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-pulse-shrink:active,.ulta-pulse-shrink:focus,.ulta-pulse-shrink:hover{
    -webkit-animation-name:ulta-pulse-shrink;
    animation-name:ulta-pulse-shrink;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
@-webkit-keyframes ulta-push{
    50%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ulta-push{
    50%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.ulta-push{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-push:active,.ulta-push:focus,.ulta-push:hover{
    -webkit-animation-name:ulta-push;
    animation-name:ulta-push;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
@-webkit-keyframes ulta-pop{
    50%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ulta-pop{
    50%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.ulta-pop{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-pop:active,.ulta-pop:focus,.ulta-pop:hover{
    -webkit-animation-name:ulta-pop;
    animation-name:ulta-pop;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.ulta-rotate{
    display:inline-block;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-rotate:active,.ulta-rotate:focus,.ulta-rotate:hover{
    -webkit-transform:rotate(4deg);
    -ms-transform:rotate(4deg);
    transform:rotate(4deg)
}
.ulta-grow-rotate{
    display:inline-block;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-grow-rotate:active,.ulta-grow-rotate:focus,.ulta-grow-rotate:hover{
    -webkit-transform:scale(1.1) rotate(4deg);
    -ms-transform:scale(1.1) rotate(4deg);
    transform:scale(1.1) rotate(4deg)
}
.ulta-float{
    display:inline-block;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-float:active,.ulta-float:focus,.ulta-float:hover{
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px)
}
.ulta-sink{
    display:inline-block;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-sink:active,.ulta-sink:focus,.ulta-sink:hover{
    -webkit-transform:translateY(5px);
    -ms-transform:translateY(5px);
    transform:translateY(5px)
}
@-webkit-keyframes ulta-hover{
    50%{
        -webkit-transform:translateY(-3px);
        transform:translateY(-3px)
    }
    100%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px)
    }
}
@keyframes ulta-hover{
    50%{
        -webkit-transform:translateY(-3px);
        transform:translateY(-3px)
    }
    100%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px)
    }
}
.ulta-hover{
    display:inline-block;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-hover:active,.ulta-hover:focus,.ulta-hover:hover{
    -webkit-transform:translateY(-6px);
    -ms-transform:translateY(-6px);
    transform:translateY(-6px);
    -webkit-animation-name:ulta-hover;
    animation-name:ulta-hover;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-delay:.3s;
    animation-delay:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
@-webkit-keyframes ulta-hang{
    50%{
        -webkit-transform:translateY(3px);
        transform:translateY(3px)
    }
    100%{
        -webkit-transform:translateY(6px);
        transform:translateY(6px)
    }
}
@keyframes ulta-hang{
    50%{
        -webkit-transform:translateY(3px);
        transform:translateY(3px)
    }
    100%{
        -webkit-transform:translateY(6px);
        transform:translateY(6px)
    }
}
.ulta-hang{
    display:inline-block;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-hang:active,.ulta-hang:focus,.ulta-hang:hover{
    -webkit-transform:translateY(6px);
    -ms-transform:translateY(6px);
    transform:translateY(6px);
    -webkit-animation-name:ulta-hang;
    animation-name:ulta-hang;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-delay:.3s;
    animation-delay:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.ulta-skew{
    display:inline-block;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-skew:active,.ulta-skew:focus,.ulta-skew:hover{
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg)
}
.ulta-skew-forward{
    display:inline-block;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform-origin:0 100%;
    -ms-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-skew-forward:active,.ulta-skew-forward:focus,.ulta-skew-forward:hover{
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg)
}
.ulta-skew-backward{
    display:inline-block;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transform-origin:0 100%;
    -ms-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-skew-backward:active,.ulta-skew-backward:focus,.ulta-skew-backward:hover{
    -webkit-transform:skew(10deg);
    -ms-transform:skew(10deg);
    transform:skew(10deg)
}
@-webkit-keyframes ulta-wobble-vertical{
    16.65%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
    33.3%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px)
    }
    49.95%{
        -webkit-transform:translateY(4px);
        transform:translateY(4px)
    }
    66.6%{
        -webkit-transform:translateY(-2px);
        transform:translateY(-2px)
    }
    83.25%{
        -webkit-transform:translateY(1px);
        transform:translateY(1px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes ulta-wobble-vertical{
    16.65%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
    33.3%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px)
    }
    49.95%{
        -webkit-transform:translateY(4px);
        transform:translateY(4px)
    }
    66.6%{
        -webkit-transform:translateY(-2px);
        transform:translateY(-2px)
    }
    83.25%{
        -webkit-transform:translateY(1px);
        transform:translateY(1px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.ulta-wobble-vertical{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-wobble-vertical:active,.ulta-wobble-vertical:focus,.ulta-wobble-vertical:hover{
    -webkit-animation-name:ulta-wobble-vertical;
    animation-name:ulta-wobble-vertical;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
@-webkit-keyframes ulta-wobble-horizontal{
    16.65%{
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
    33.3%{
        -webkit-transform:translateX(-6px);
        transform:translateX(-6px)
    }
    49.95%{
        -webkit-transform:translateX(4px);
        transform:translateX(4px)
    }
    66.6%{
        -webkit-transform:translateX(-2px);
        transform:translateX(-2px)
    }
    83.25%{
        -webkit-transform:translateX(1px);
        transform:translateX(1px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes ulta-wobble-horizontal{
    16.65%{
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
    33.3%{
        -webkit-transform:translateX(-6px);
        transform:translateX(-6px)
    }
    49.95%{
        -webkit-transform:translateX(4px);
        transform:translateX(4px)
    }
    66.6%{
        -webkit-transform:translateX(-2px);
        transform:translateX(-2px)
    }
    83.25%{
        -webkit-transform:translateX(1px);
        transform:translateX(1px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.ulta-wobble-horizontal{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-wobble-horizontal:active,.ulta-wobble-horizontal:focus,.ulta-wobble-horizontal:hover{
    -webkit-animation-name:ulta-wobble-horizontal;
    animation-name:ulta-wobble-horizontal;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
@-webkit-keyframes ulta-wobble-to-bottom-right{
    16.65%{
        -webkit-transform:translate(8px,8px);
        transform:translate(8px,8px)
    }
    33.3%{
        -webkit-transform:translate(-6px,-6px);
        transform:translate(-6px,-6px)
    }
    49.95%{
        -webkit-transform:translate(4px,4px);
        transform:translate(4px,4px)
    }
    66.6%{
        -webkit-transform:translate(-2px,-2px);
        transform:translate(-2px,-2px)
    }
    83.25%{
        -webkit-transform:translate(1px,1px);
        transform:translate(1px,1px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes ulta-wobble-to-bottom-right{
    16.65%{
        -webkit-transform:translate(8px,8px);
        transform:translate(8px,8px)
    }
    33.3%{
        -webkit-transform:translate(-6px,-6px);
        transform:translate(-6px,-6px)
    }
    49.95%{
        -webkit-transform:translate(4px,4px);
        transform:translate(4px,4px)
    }
    66.6%{
        -webkit-transform:translate(-2px,-2px);
        transform:translate(-2px,-2px)
    }
    83.25%{
        -webkit-transform:translate(1px,1px);
        transform:translate(1px,1px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.ulta-wobble-to-bottom-right{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-wobble-to-bottom-right:active,.ulta-wobble-to-bottom-right:focus,.ulta-wobble-to-bottom-right:hover{
    -webkit-animation-name:ulta-wobble-to-bottom-right;
    animation-name:ulta-wobble-to-bottom-right;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
@-webkit-keyframes ulta-wobble-to-top-right{
    16.65%{
        -webkit-transform:translate(8px,-8px);
        transform:translate(8px,-8px)
    }
    33.3%{
        -webkit-transform:translate(-6px,6px);
        transform:translate(-6px,6px)
    }
    49.95%{
        -webkit-transform:translate(4px,-4px);
        transform:translate(4px,-4px)
    }
    66.6%{
        -webkit-transform:translate(-2px,2px);
        transform:translate(-2px,2px)
    }
    83.25%{
        -webkit-transform:translate(1px,-1px);
        transform:translate(1px,-1px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes ulta-wobble-to-top-right{
    16.65%{
        -webkit-transform:translate(8px,-8px);
        transform:translate(8px,-8px)
    }
    33.3%{
        -webkit-transform:translate(-6px,6px);
        transform:translate(-6px,6px)
    }
    49.95%{
        -webkit-transform:translate(4px,-4px);
        transform:translate(4px,-4px)
    }
    66.6%{
        -webkit-transform:translate(-2px,2px);
        transform:translate(-2px,2px)
    }
    83.25%{
        -webkit-transform:translate(1px,-1px);
        transform:translate(1px,-1px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.ulta-wobble-to-top-right{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-wobble-to-top-right:active,.ulta-wobble-to-top-right:focus,.ulta-wobble-to-top-right:hover{
    -webkit-animation-name:ulta-wobble-to-top-right;
    animation-name:ulta-wobble-to-top-right;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
@-webkit-keyframes ulta-wobble-top{
    16.65%{
        -webkit-transform:skew(-12deg);
        transform:skew(-12deg)
    }
    33.3%{
        -webkit-transform:skew(10deg);
        transform:skew(10deg)
    }
    49.95%{
        -webkit-transform:skew(-6deg);
        transform:skew(-6deg)
    }
    66.6%{
        -webkit-transform:skew(4deg);
        transform:skew(4deg)
    }
    83.25%{
        -webkit-transform:skew(-2deg);
        transform:skew(-2deg)
    }
    100%{
        -webkit-transform:skew(0);
        transform:skew(0)
    }
}
@keyframes ulta-wobble-top{
    16.65%{
        -webkit-transform:skew(-12deg);
        transform:skew(-12deg)
    }
    33.3%{
        -webkit-transform:skew(10deg);
        transform:skew(10deg)
    }
    49.95%{
        -webkit-transform:skew(-6deg);
        transform:skew(-6deg)
    }
    66.6%{
        -webkit-transform:skew(4deg);
        transform:skew(4deg)
    }
    83.25%{
        -webkit-transform:skew(-2deg);
        transform:skew(-2deg)
    }
    100%{
        -webkit-transform:skew(0);
        transform:skew(0)
    }
}
.ulta-wobble-top{
    display:inline-block;
    -webkit-transform-origin:0 100%;
    -ms-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-wobble-top:active,.ulta-wobble-top:focus,.ulta-wobble-top:hover{
    -webkit-animation-name:ulta-wobble-top;
    animation-name:ulta-wobble-top;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
@-webkit-keyframes ulta-wobble-bottom{
    16.65%{
        -webkit-transform:skew(-12deg);
        transform:skew(-12deg)
    }
    33.3%{
        -webkit-transform:skew(10deg);
        transform:skew(10deg)
    }
    49.95%{
        -webkit-transform:skew(-6deg);
        transform:skew(-6deg)
    }
    66.6%{
        -webkit-transform:skew(4deg);
        transform:skew(4deg)
    }
    83.25%{
        -webkit-transform:skew(-2deg);
        transform:skew(-2deg)
    }
    100%{
        -webkit-transform:skew(0);
        transform:skew(0)
    }
}
@keyframes ulta-wobble-bottom{
    16.65%{
        -webkit-transform:skew(-12deg);
        transform:skew(-12deg)
    }
    33.3%{
        -webkit-transform:skew(10deg);
        transform:skew(10deg)
    }
    49.95%{
        -webkit-transform:skew(-6deg);
        transform:skew(-6deg)
    }
    66.6%{
        -webkit-transform:skew(4deg);
        transform:skew(4deg)
    }
    83.25%{
        -webkit-transform:skew(-2deg);
        transform:skew(-2deg)
    }
    100%{
        -webkit-transform:skew(0);
        transform:skew(0)
    }
}
.ulta-wobble-bottom{
    display:inline-block;
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin:100% 0;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-wobble-bottom:active,.ulta-wobble-bottom:focus,.ulta-wobble-bottom:hover{
    -webkit-animation-name:ulta-wobble-bottom;
    animation-name:ulta-wobble-bottom;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
@-webkit-keyframes ulta-wobble-skew{
    16.65%{
        -webkit-transform:skew(-12deg);
        transform:skew(-12deg)
    }
    33.3%{
        -webkit-transform:skew(10deg);
        transform:skew(10deg)
    }
    49.95%{
        -webkit-transform:skew(-6deg);
        transform:skew(-6deg)
    }
    66.6%{
        -webkit-transform:skew(4deg);
        transform:skew(4deg)
    }
    83.25%{
        -webkit-transform:skew(-2deg);
        transform:skew(-2deg)
    }
    100%{
        -webkit-transform:skew(0);
        transform:skew(0)
    }
}
@keyframes ulta-wobble-skew{
    16.65%{
        -webkit-transform:skew(-12deg);
        transform:skew(-12deg)
    }
    33.3%{
        -webkit-transform:skew(10deg);
        transform:skew(10deg)
    }
    49.95%{
        -webkit-transform:skew(-6deg);
        transform:skew(-6deg)
    }
    66.6%{
        -webkit-transform:skew(4deg);
        transform:skew(4deg)
    }
    83.25%{
        -webkit-transform:skew(-2deg);
        transform:skew(-2deg)
    }
    100%{
        -webkit-transform:skew(0);
        transform:skew(0)
    }
}
.ulta-wobble-skew{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-wobble-skew:active,.ulta-wobble-skew:focus,.ulta-wobble-skew:hover{
    -webkit-animation-name:ulta-wobble-skew;
    animation-name:ulta-wobble-skew;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
@-webkit-keyframes ulta-buzz{
    50%{
        -webkit-transform:translateX(3px) rotate(2deg);
        transform:translateX(3px) rotate(2deg)
    }
    100%{
        -webkit-transform:translateX(-3px) rotate(-2deg);
        transform:translateX(-3px) rotate(-2deg)
    }
}
@keyframes ulta-buzz{
    50%{
        -webkit-transform:translateX(3px) rotate(2deg);
        transform:translateX(3px) rotate(2deg)
    }
    100%{
        -webkit-transform:translateX(-3px) rotate(-2deg);
        transform:translateX(-3px) rotate(-2deg)
    }
}
.ulta-buzz{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-buzz:active,.ulta-buzz:focus,.ulta-buzz:hover{
    -webkit-animation-name:ulta-buzz;
    animation-name:ulta-buzz;
    -webkit-animation-duration:.15s;
    animation-duration:.15s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
@-webkit-keyframes ulta-buzz-out{
    10%{
        -webkit-transform:translateX(3px) rotate(2deg);
        transform:translateX(3px) rotate(2deg)
    }
    20%{
        -webkit-transform:translateX(-3px) rotate(-2deg);
        transform:translateX(-3px) rotate(-2deg)
    }
    30%{
        -webkit-transform:translateX(3px) rotate(2deg);
        transform:translateX(3px) rotate(2deg)
    }
    40%{
        -webkit-transform:translateX(-3px) rotate(-2deg);
        transform:translateX(-3px) rotate(-2deg)
    }
    50%{
        -webkit-transform:translateX(2px) rotate(1deg);
        transform:translateX(2px) rotate(1deg)
    }
    60%{
        -webkit-transform:translateX(-2px) rotate(-1deg);
        transform:translateX(-2px) rotate(-1deg)
    }
    70%{
        -webkit-transform:translateX(2px) rotate(1deg);
        transform:translateX(2px) rotate(1deg)
    }
    80%{
        -webkit-transform:translateX(-2px) rotate(-1deg);
        transform:translateX(-2px) rotate(-1deg)
    }
    90%{
        -webkit-transform:translateX(1px) rotate(0);
        transform:translateX(1px) rotate(0)
    }
    100%{
        -webkit-transform:translateX(-1px) rotate(0);
        transform:translateX(-1px) rotate(0)
    }
}
@keyframes ulta-buzz-out{
    10%{
        -webkit-transform:translateX(3px) rotate(2deg);
        transform:translateX(3px) rotate(2deg)
    }
    20%{
        -webkit-transform:translateX(-3px) rotate(-2deg);
        transform:translateX(-3px) rotate(-2deg)
    }
    30%{
        -webkit-transform:translateX(3px) rotate(2deg);
        transform:translateX(3px) rotate(2deg)
    }
    40%{
        -webkit-transform:translateX(-3px) rotate(-2deg);
        transform:translateX(-3px) rotate(-2deg)
    }
    50%{
        -webkit-transform:translateX(2px) rotate(1deg);
        transform:translateX(2px) rotate(1deg)
    }
    60%{
        -webkit-transform:translateX(-2px) rotate(-1deg);
        transform:translateX(-2px) rotate(-1deg)
    }
    70%{
        -webkit-transform:translateX(2px) rotate(1deg);
        transform:translateX(2px) rotate(1deg)
    }
    80%{
        -webkit-transform:translateX(-2px) rotate(-1deg);
        transform:translateX(-2px) rotate(-1deg)
    }
    90%{
        -webkit-transform:translateX(1px) rotate(0);
        transform:translateX(1px) rotate(0)
    }
    100%{
        -webkit-transform:translateX(-1px) rotate(0);
        transform:translateX(-1px) rotate(0)
    }
}
.ulta-buzz-out{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ulta-buzz-out:active,.ulta-buzz-out:focus,.ulta-buzz-out:hover{
    -webkit-animation-name:ulta-buzz-out;
    animation-name:ulta-buzz-out;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.ubtn-img-container .ubtn-data.ubtn-icon i{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.ubtn-img-container .ubtn-data.ubtn-icon{
    height:100%;
    position:absolute
}
.ubtn-hover{
    opacity:0
}
.ubtn-hover-active{
    opacity:1
}
.ubtn-img-container .ubtn-sep-icon-right .ubtn-data.ubtn-text{
    left:-10px
}
.ubtn-img-container .ubtn-sep-icon-at-left .ubtn-data.ubtn-text{
    right:-15px
}
.ubtn-img-container .ubtn-ctn-center{
    position:absolute;
    width:100%;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.ubtn-img-container .ubtn-ctn-inline{
    position:absolute;
    width:auto;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.ubtn-img-container .ubtn-ctn-left{
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    -webkit-transform:translateX(0) translateY(-50%);
    -ms-transform:translateX(0) translateY(-50%);
    transform:translateX(0) translateY(-50%)
}
.ubtn-img-container .ubtn-ctn-right{
    position:absolute;
    right:0;
    width:100%;
    top:50%;
    -webkit-transform:translateX(0) translateY(-50%);
    -ms-transform:translateX(0) translateY(-50%);
    transform:translateX(0) translateY(-50%)
}

a.btn-pdf-germs{ display: none; width: auto; color: #14356a; background-color: #f7d633; text-decoration: none; padding: 8px 10px; border-radius: 5px; font-size: 12px; font-weight: 800; margin: 8px auto; clear: both; }
a.btn-pdf-wash{ display: none; width: auto; color: #14356a; background-color: #f9b849; text-decoration: none; padding: 8px 10px; border-radius: 5px; font-size: 12px; font-weight: 800; margin: 8px auto; clear: both; }
a.btn-pdf-sanitizer{ display: none; width: auto; color: #14356a; background-color: #f47842; text-decoration: none; padding: 8px 10px; border-radius: 5px; font-size: 12px; font-weight: 800; margin: 8px auto; clear: both; }
a.btn-pdf-germs:hover, a.btn-pdf-wash:hover, a.btn-pdf-sanitizer:hover{ opacity: 0.7; }
    
@media screen and (max-width: 778px){
    a.btn-pdf-germs, a.btn-pdf-wash, a.btn-pdf-sanitizer{ display: inline-block; }
}

div.lnk-secvideo > div.fancy-media-wrap > a.rollover { position: relative; }

div.lnk-secvideo > div.fancy-media-wrap > a.rollover::before {
    animation: pulse 2s infinite;
    background-image: url(https://www.unitex.com/wp-content/uploads/2021/12/btn-play.png);
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    bottom: 20px;
    content: '';
    display: inline-block;
    height: 60px;
    position: absolute;
    transition: all 0.3s ease;
    right: 25px;
    z-index: 999;
    width: 60px;
}

a.btn-why-outs {
	background-color: #f8a74b;
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    box-shadow: -15px 15px 20px #00000026;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 600;
    margin: 30px 20px 50px 0px;    
    padding: 15px 20px 15px 65px;
	position: relative;
	text-decoration: none;
	transition: all 0.8s ease;
}

a.btn-why-outs::before {
	content: '';
	display: inline-block;
	background-image: url(https://www.unitex.com/wp-content/uploads/2022/01/ico-down.png);
	background-repeat: no-repeat;
	background-position: center;
	border-right: 2px solid #ffffff;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
}

a.btn-why-outs::after {
	border-left: 10px solid #f8a74b;
    border-top: 25px solid transparent;
    border-bottom: 24px solid transparent;
    content: '';
    display: inline-block;
    height: 0;
    position: absolute;
    top: 0px;
	transition: all 0.8s ease;
    right: -10px;
    width: 0;
}

a.btn-why-outs:hover { background-color: #e38f2f; }
a.btn-why-outs:hover::after { border-left: 10px solid #e38f2f; }

li.call_btn_menu { display: table; height: 100%; vertical-align: middle; }
li.call_btn_menu > a {
	background: rgb(241,241,67);
    background: linear-gradient(180deg, rgba(241,241,67,1) 0%, rgba(255,194,68,1) 100%);
    border-radius: 5px;
    box-shadow: 0px 0px 5px #0000005e;
    display: inline-block;
    height: auto !important;
    margin: 28px 5px;
    padding: 12px 20px 12px 50px !important;
	position: relative;
}
li.call_btn_menu > a::before { 
	background-image: url(https://www.unitex.com/wp-content/uploads/2022/02/unitex-ico-phone.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: inline-block;
    height: 32px;
    left: 8px;
    position: absolute;
    top: 4px;
    width: 35px;
}
li.call_btn_menu > a span.menu-text { color: #b27000 !important; font-size: 17px; font-weight: 700; }


a.btn-call-mobile {
	background-color: #144689;
    border-radius: 8px 0px 8px 8px;
    color: #ffffff !important;
    display: inline-block;
    height: auto !important;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 5px 5px;
    padding: 8px 10px 8px 45px !important;
	position: relative;    
    text-decoration: none !important;
}

a.btn-call-mobile::before {
	background-image: url(https://www.unitex.com/wp-content/uploads/2022/04/ico-btn-mob.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    content: '';
    display: inline-block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 40px;
}

body.page-id-15723 div#main { padding: 0px !important; } 

div.video-history { text-align: center; margin: 30px 0px; }
div.video-history > iframe { box-shadow: 0px 0px 20px #000000a3; }

@media screen and (max-width: 520px) {
	a.btn-why-outs { font-size: 13px !important; }
}
@media screen and (max-width: 480px) {
	a.btn-why-outs::before { height: 100%; }
	a.btn-why-outs::after { border-top: 33px solid transparent; border-bottom: 32px solid transparent; }
}
@media screen and (max-width: 370px) {
	a.btn-why-outs::after { border-top: 41px solid transparent; border-bottom: 40px solid transparent; }
}
@media screen and (max-width: 300px) {
	a.btn-why-outs::after { border-top: 49px solid transparent; border-bottom: 48px solid transparent; }
}

.progressbar {
    counter-reset: step;
    margin: 0!important;
}

.progressbar li {
    position: relative;
    list-style: none;
    float: left;
    width: 33.33%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

/* Circles */
.progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #fff;

    /* Center # in circle */
    line-height: 39px;
    color: #26589c;
    font-weight: 700;
    font-size: 18px;
}

.progressbar li:after {
  	content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    background: #fff;
    top: 15px;
    left: 0%;
    z-index: -1;
}

.progressbar li:first-child:after {
  	
}

.progressbar li.active:before {
    background: #f2e463;
}

.progressbar li.active:after {
    background: #f2e463;
}
.steps h2 {
    color: #fff;
    font-weight: 700;
    font-size: 34px;
    text-transform: capitalize;
    margin-bottom: 25px;
}
.step1-container {
    display: inline-block;
    background-color: #fff;
    border-radius: 15px;
    margin-top: 25px;
    padding: 20px;
    width: 85%;
}
.step1-container h3 {
    font-size: 19px;
    color: #26589c;
    font-weight: 700;
    text-align: center;
}
#gform_wrapper_7 .gform_fields {
    grid-row-gap: 10px;
}
#gform_wrapper_7  .gform_required_legend { display:none; }
#gform_fields_7 label {
    color: #000;
    font-size: 13px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
#gform_fields_7 input[type=text] {
    padding: 4px;
}
#gform_wrapper_7 .gform_footer {
    padding: 16px 0 0;
}
#gform_submit_button_7, #gform_submit_button_7:hover, .wof-btn-submit {
    background: #f2e964!important;
    background-image: -webkit-linear-gradient(top, #f2e964, #f3ca5d)!important;
    background-image: -moz-linear-gradient(top, #f2e964, #f3ca5d)!important;
    background-image: -ms-linear-gradient(top, #f2e964, #f3ca5d)!important;
    background-image: -o-linear-gradient(top, #f2e964, #f3ca5d)!important;
    background-image: linear-gradient(to bottom, #f2e964, #f3ca5d)!important;
    -webkit-border-radius: 15;
    -moz-border-radius: 15;
    border-radius: 15px;
    color: #a87226;
    width: 100%;
    text-transform: uppercase!important;
    font-weight: 700!important;
}
.step2-container, .wof-btn-done { display:none; }
.page-id-16059 #main {
    padding: 0 0 80px 0;
}
.page-id-16059 #main .wf-wrap {
    background-image: url(https://www.unitex.com/wp-content/uploads/wof/wheel-game-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right -100px center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.page-id-16059 .in-action {
    margin-top: 100px;
    padding: 0 50px;
}
.page-id-16059 .in-action p {
    text-align: left;
}
.wof-theme-blue {
    background-color: transparent!important;
}
.wof-wheel-standalone .wof-wheel .wof-inner-wrapper {
    align-items: normal;
}
.wof-left { width: 50%; }
.wof-left-inner { padding-right: 50px; }
.wof-right { margin-top: 100px; }
.wof-right-inner {transform: rotate(-90deg);}
.wof-wheel .wof-pointer {
    width: 100px;
    height: 75px;
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 10;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -ms-transform-origin: 73.31% 44.89%;
    -webkit-transform-origin: 73.31% 44.89%;
    transform-origin: 73.31% 44.89%;
}
.wof-wheel .wof-base {
    filter: drop-shadow(-3px 0px 5px rgb(0 0 0 / 0.5));
    position: absolute;
    transform: rotate(90deg);
    left: -30%;
    top: 25%;
    z-index: -1;
}
.wof-wheel #wh-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.wof-wheel .wof-slice { color:rgba(0,0,0,0)!important; }
.wof-title {
    display: inline-block;
    margin-top: 40px;
    font-size: 45px!important;
    font-weight: 400!important;
    text-transform: unset!important;
}
.wof-title img {
    width: 100%;
	max-width: 476px;
}
.wof-wheel .wof-form-wrapper {
    margin: 0;
}
.wof-wheel .wof-form-wrapper button:hover {
    opacity: 1;
}
.wof-wheel .wof-title em {
    margin-top: 48px;
    display: block;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}
@media (max-width: 600px){
    div.wof-wheel .wof-right {
        margin: 65px 0 0;
        padding: 0;
        width: auto;
    }
    div.wof-wheel .wof-inner-wrapper {
        padding: 0;
    }
    .wof-wheel-standalone .wof-wrapper {
        padding: 0;
    }
}
@media (max-width: 500px){
    .wof-wheel .wof-base {
        filter: drop-shadow(-3px 0px 5px rgb(0 0 0 / 0.5));
        position: absolute;
        transform: rotate(90deg);
        right: 191px;
        left: -143px;
        width: 316px;
        height: 342px;
        z-index: -1;
        top: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }    
}
@media (min-width: 501px) and (max-width: 600px){
    .wof-wheel .wof-base {
        filter: drop-shadow(-3px 0px 5px rgb(0 0 0 / 0.5));
        position: absolute;
        transform: rotate(90deg);
        right: 252px;
        left: -139px;
        width: 248px;
        height: 318px;
        z-index: -1;
        top: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .page-id-16059 .in-action {
        margin-top: 100px;
        padding: 0 10px;
    }
}
@media (min-width: 601px) and (max-width: 700px){
    .wof-wheel .wof-base {
        filter: drop-shadow(-3px 0px 5px rgb(0 0 0 / 0.5));
        position: absolute;
        transform: rotate(90deg);    
        right: 253px;
        left: -205px;
        width: 221px;
        height: 318px;
        z-index: -1;
        top: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }
}    
@media (max-width: 800px){
    div.wof-wheel .wof-left {
        -webkit-transform: none;
        transform: none;
        -webkit-order: 0;
    	order: 0;
    }
    div.wof-wheel .wof-pointer {
        width: 100px;
        right: 0px;
        height: 75px;
    }    
    div.wof-wheel .wof-spinning img, div.wof-wheel .wof-wheel-base {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 1080px){
    .wof-wheel-standalone .wof-wheel .wof-inner-wrapper {
        flex-flow: row wrap;
    }
    .wof-wheel-standalone .wof-right {
        margin-top: 100px;
    }
}
@media (max-width: 1189px){
    .page-id-16059 #main .wf-wrap {
        background-image: url(https://www.unitex.com/wp-content/uploads/wof/wheel-game-bg-mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top 50% center;
        padding-top: 15px;
        padding-bottom: 15px;
    }    
    .wof-left {
        width: 100%;
    }
    .wof-left-inner {
        padding-right: 0;
        text-align: center;
    }
    .page-id-16059 .in-action p {
        text-align: center;
    }
}