/*font-awesome*/
/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
.fa,.fa-stack{
    display:inline-block
}
.fa-fw,.fa-li{
    text-align:center
}
@font-face{
    font-family:FontAwesome;
    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight:400;
    font-style:normal
}
.fa{
    font:14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fa-lg{
    font-size:1.33333333em;
    line-height:.75em;
    vertical-align:-15%
}
.fa-2x,.fa-stack-2x{
    font-size:2em
}
.fa-3x{
    font-size:3em
}
.fa-4x{
    font-size:4em
}
.fa-5x{
    font-size:5em
}
.fa-fw{
    width:1.28571429em
}
.fa-ul{
    padding-left:0;
    margin-left:2.14285714em;
    list-style-type:none
}
.fa-ul>li{
    position:relative
}
.fa-li{
    position:absolute;
    left:-2.14285714em;
    width:2.14285714em;
    top:.14285714em
}
.fa-li.fa-lg{
    left:-1.85714286em
}
.fa-border{
    padding:.2em .25em .15em;
    border:.08em solid #eee;
    border-radius:.1em
}
.fa-pull-left,.pull-left{
    float:left
}
.fa-pull-right,.pull-right{
    float:right
}
.fa.fa-pull-left,.fa.pull-left{
    margin-right:.3em
}
.fa.fa-pull-right,.fa.pull-right{
    margin-left:.3em
}
.fa-spin{
    -webkit-animation:2s linear infinite fa-spin;
    animation:2s linear infinite fa-spin
}
.fa-pulse{
    -webkit-animation:1s steps(8) infinite fa-spin;
    animation:1s steps(8) infinite fa-spin
}
@-webkit-keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.fa-rotate-90{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.fa-rotate-180{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.fa-rotate-270{
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.fa-flip-horizontal{
    -webkit-transform:scale(-1,1);
    -ms-transform:scale(-1,1);
    transform:scale(-1,1)
}
.fa-flip-vertical{
    -webkit-transform:scale(1,-1);
    -ms-transform:scale(1,-1);
    transform:scale(1,-1)
}
:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{
    filter:none
}
.fa-stack{
    position:relative;
    width:2em;
    height:2em;
    line-height:2em;
    vertical-align:middle
}
.fa-stack-1x,.fa-stack-2x{
    position:absolute;
    left:0;
    width:100%;
    text-align:center
}
.fa-stack-1x{
    line-height:inherit
}
.fa-inverse{
    color:#fff
}
.fa-glass:before{
    content:"\f000"
}
.fa-music:before{
    content:"\f001"
}
.fa-search:before{
    content:"\f002"
}
.fa-envelope-o:before{
    content:"\f003"
}
.fa-heart:before{
    content:"\f004"
}
.fa-star:before{
    content:"\f005"
}
.fa-star-o:before{
    content:"\f006"
}
.fa-user:before{
    content:"\f007"
}
.fa-film:before{
    content:"\f008"
}
.fa-th-large:before{
    content:"\f009"
}
.fa-th:before{
    content:"\f00a"
}
.fa-th-list:before{
    content:"\f00b"
}
.fa-check:before{
    content:"\f00c"
}
.fa-close:before,.fa-remove:before,.fa-times:before{
    content:"\f00d"
}
.fa-search-plus:before{
    content:"\f00e"
}
.fa-search-minus:before{
    content:"\f010"
}
.fa-power-off:before{
    content:"\f011"
}
.fa-signal:before{
    content:"\f012"
}
.fa-cog:before,.fa-gear:before{
    content:"\f013"
}
.fa-trash-o:before{
    content:"\f014"
}
.fa-home:before{
    content:"\f015"
}
.fa-file-o:before{
    content:"\f016"
}
.fa-clock-o:before{
    content:"\f017"
}
.fa-road:before{
    content:"\f018"
}
.fa-download:before{
    content:"\f019"
}
.fa-arrow-circle-o-down:before{
    content:"\f01a"
}
.fa-arrow-circle-o-up:before{
    content:"\f01b"
}
.fa-inbox:before{
    content:"\f01c"
}
.fa-play-circle-o:before{
    content:"\f01d"
}
.fa-repeat:before,.fa-rotate-right:before{
    content:"\f01e"
}
.fa-refresh:before{
    content:"\f021"
}
.fa-list-alt:before{
    content:"\f022"
}
.fa-lock:before{
    content:"\f023"
}
.fa-flag:before{
    content:"\f024"
}
.fa-headphones:before{
    content:"\f025"
}
.fa-volume-off:before{
    content:"\f026"
}
.fa-volume-down:before{
    content:"\f027"
}
.fa-volume-up:before{
    content:"\f028"
}
.fa-qrcode:before{
    content:"\f029"
}
.fa-barcode:before{
    content:"\f02a"
}
.fa-tag:before{
    content:"\f02b"
}
.fa-tags:before{
    content:"\f02c"
}
.fa-book:before{
    content:"\f02d"
}
.fa-bookmark:before{
    content:"\f02e"
}
.fa-print:before{
    content:"\f02f"
}
.fa-camera:before{
    content:"\f030"
}
.fa-font:before{
    content:"\f031"
}
.fa-bold:before{
    content:"\f032"
}
.fa-italic:before{
    content:"\f033"
}
.fa-text-height:before{
    content:"\f034"
}
.fa-text-width:before{
    content:"\f035"
}
.fa-align-left:before{
    content:"\f036"
}
.fa-align-center:before{
    content:"\f037"
}
.fa-align-right:before{
    content:"\f038"
}
.fa-align-justify:before{
    content:"\f039"
}
.fa-list:before{
    content:"\f03a"
}
.fa-dedent:before,.fa-outdent:before{
    content:"\f03b"
}
.fa-indent:before{
    content:"\f03c"
}
.fa-video-camera:before{
    content:"\f03d"
}
.fa-image:before,.fa-photo:before,.fa-picture-o:before{
    content:"\f03e"
}
.fa-pencil:before{
    content:"\f040"
}
.fa-map-marker:before{
    content:"\f041"
}
.fa-adjust:before{
    content:"\f042"
}
.fa-tint:before{
    content:"\f043"
}
.fa-edit:before,.fa-pencil-square-o:before{
    content:"\f044"
}
.fa-share-square-o:before{
    content:"\f045"
}
.fa-check-square-o:before{
    content:"\f046"
}
.fa-arrows:before{
    content:"\f047"
}
.fa-step-backward:before{
    content:"\f048"
}
.fa-fast-backward:before{
    content:"\f049"
}
.fa-backward:before{
    content:"\f04a"
}
.fa-play:before{
    content:"\f04b"
}
.fa-pause:before{
    content:"\f04c"
}
.fa-stop:before{
    content:"\f04d"
}
.fa-forward:before{
    content:"\f04e"
}
.fa-fast-forward:before{
    content:"\f050"
}
.fa-step-forward:before{
    content:"\f051"
}
.fa-eject:before{
    content:"\f052"
}
.fa-chevron-left:before{
    content:"\f053"
}
.fa-chevron-right:before{
    content:"\f054"
}
.fa-plus-circle:before{
    content:"\f055"
}
.fa-minus-circle:before{
    content:"\f056"
}
.fa-times-circle:before{
    content:"\f057"
}
.fa-check-circle:before{
    content:"\f058"
}
.fa-question-circle:before{
    content:"\f059"
}
.fa-info-circle:before{
    content:"\f05a"
}
.fa-crosshairs:before{
    content:"\f05b"
}
.fa-times-circle-o:before{
    content:"\f05c"
}
.fa-check-circle-o:before{
    content:"\f05d"
}
.fa-ban:before{
    content:"\f05e"
}
.fa-arrow-left:before{
    content:"\f060"
}
.fa-arrow-right:before{
    content:"\f061"
}
.fa-arrow-up:before{
    content:"\f062"
}
.fa-arrow-down:before{
    content:"\f063"
}
.fa-mail-forward:before,.fa-share:before{
    content:"\f064"
}
.fa-expand:before{
    content:"\f065"
}
.fa-compress:before{
    content:"\f066"
}
.fa-plus:before{
    content:"\f067"
}
.fa-minus:before{
    content:"\f068"
}
.fa-asterisk:before{
    content:"\f069"
}
.fa-exclamation-circle:before{
    content:"\f06a"
}
.fa-gift:before{
    content:"\f06b"
}
.fa-leaf:before{
    content:"\f06c"
}
.fa-fire:before{
    content:"\f06d"
}
.fa-eye:before{
    content:"\f06e"
}
.fa-eye-slash:before{
    content:"\f070"
}
.fa-exclamation-triangle:before,.fa-warning:before{
    content:"\f071"
}
.fa-plane:before{
    content:"\f072"
}
.fa-calendar:before{
    content:"\f073"
}
.fa-random:before{
    content:"\f074"
}
.fa-comment:before{
    content:"\f075"
}
.fa-magnet:before{
    content:"\f076"
}
.fa-chevron-up:before{
    content:"\f077"
}
.fa-chevron-down:before{
    content:"\f078"
}
.fa-retweet:before{
    content:"\f079"
}
.fa-shopping-cart:before{
    content:"\f07a"
}
.fa-folder:before{
    content:"\f07b"
}
.fa-folder-open:before{
    content:"\f07c"
}
.fa-arrows-v:before{
    content:"\f07d"
}
.fa-arrows-h:before{
    content:"\f07e"
}
.fa-bar-chart-o:before,.fa-bar-chart:before{
    content:"\f080"
}
.fa-twitter-square:before{
    content:"\f081"
}
.fa-facebook-square:before{
    content:"\f082"
}
.fa-camera-retro:before{
    content:"\f083"
}
.fa-key:before{
    content:"\f084"
}
.fa-cogs:before,.fa-gears:before{
    content:"\f085"
}
.fa-comments:before{
    content:"\f086"
}
.fa-thumbs-o-up:before{
    content:"\f087"
}
.fa-thumbs-o-down:before{
    content:"\f088"
}
.fa-star-half:before{
    content:"\f089"
}
.fa-heart-o:before{
    content:"\f08a"
}
.fa-sign-out:before{
    content:"\f08b"
}
.fa-linkedin-square:before{
    content:"\f08c"
}
.fa-thumb-tack:before{
    content:"\f08d"
}
.fa-external-link:before{
    content:"\f08e"
}
.fa-sign-in:before{
    content:"\f090"
}
.fa-trophy:before{
    content:"\f091"
}
.fa-github-square:before{
    content:"\f092"
}
.fa-upload:before{
    content:"\f093"
}
.fa-lemon-o:before{
    content:"\f094"
}
.fa-phone:before{
    content:"\f095"
}
.fa-square-o:before{
    content:"\f096"
}
.fa-bookmark-o:before{
    content:"\f097"
}
.fa-phone-square:before{
    content:"\f098"
}
.fa-twitter:before{
    content:"\f099"
}
.fa-facebook-f:before,.fa-facebook:before{
    content:"\f09a"
}
.fa-github:before{
    content:"\f09b"
}
.fa-unlock:before{
    content:"\f09c"
}
.fa-credit-card:before{
    content:"\f09d"
}
.fa-feed:before,.fa-rss:before{
    content:"\f09e"
}
.fa-hdd-o:before{
    content:"\f0a0"
}
.fa-bullhorn:before{
    content:"\f0a1"
}
.fa-bell:before{
    content:"\f0f3"
}
.fa-certificate:before{
    content:"\f0a3"
}
.fa-hand-o-right:before{
    content:"\f0a4"
}
.fa-hand-o-left:before{
    content:"\f0a5"
}
.fa-hand-o-up:before{
    content:"\f0a6"
}
.fa-hand-o-down:before{
    content:"\f0a7"
}
.fa-arrow-circle-left:before{
    content:"\f0a8"
}
.fa-arrow-circle-right:before{
    content:"\f0a9"
}
.fa-arrow-circle-up:before{
    content:"\f0aa"
}
.fa-arrow-circle-down:before{
    content:"\f0ab"
}
.fa-globe:before{
    content:"\f0ac"
}
.fa-wrench:before{
    content:"\f0ad"
}
.fa-tasks:before{
    content:"\f0ae"
}
.fa-filter:before{
    content:"\f0b0"
}
.fa-briefcase:before{
    content:"\f0b1"
}
.fa-arrows-alt:before{
    content:"\f0b2"
}
.fa-group:before,.fa-users:before{
    content:"\f0c0"
}
.fa-chain:before,.fa-link:before{
    content:"\f0c1"
}
.fa-cloud:before{
    content:"\f0c2"
}
.fa-flask:before{
    content:"\f0c3"
}
.fa-cut:before,.fa-scissors:before{
    content:"\f0c4"
}
.fa-copy:before,.fa-files-o:before{
    content:"\f0c5"
}
.fa-paperclip:before{
    content:"\f0c6"
}
.fa-floppy-o:before,.fa-save:before{
    content:"\f0c7"
}
.fa-square:before{
    content:"\f0c8"
}
.fa-bars:before,.fa-navicon:before,.fa-reorder:before{
    content:"\f0c9"
}
.fa-list-ul:before{
    content:"\f0ca"
}
.fa-list-ol:before{
    content:"\f0cb"
}
.fa-strikethrough:before{
    content:"\f0cc"
}
.fa-underline:before{
    content:"\f0cd"
}
.fa-table:before{
    content:"\f0ce"
}
.fa-magic:before{
    content:"\f0d0"
}
.fa-truck:before{
    content:"\f0d1"
}
.fa-pinterest:before{
    content:"\f0d2"
}
.fa-pinterest-square:before{
    content:"\f0d3"
}
.fa-google-plus-square:before{
    content:"\f0d4"
}
.fa-google-plus:before{
    content:"\f0d5"
}
.fa-money:before{
    content:"\f0d6"
}
.fa-caret-down:before{
    content:"\f0d7"
}
.fa-caret-up:before{
    content:"\f0d8"
}
.fa-caret-left:before{
    content:"\f0d9"
}
.fa-caret-right:before{
    content:"\f0da"
}
.fa-columns:before{
    content:"\f0db"
}
.fa-sort:before,.fa-unsorted:before{
    content:"\f0dc"
}
.fa-sort-desc:before,.fa-sort-down:before{
    content:"\f0dd"
}
.fa-sort-asc:before,.fa-sort-up:before{
    content:"\f0de"
}
.fa-envelope:before{
    content:"\f0e0"
}
.fa-linkedin:before{
    content:"\f0e1"
}
.fa-rotate-left:before,.fa-undo:before{
    content:"\f0e2"
}
.fa-gavel:before,.fa-legal:before{
    content:"\f0e3"
}
.fa-dashboard:before,.fa-tachometer:before{
    content:"\f0e4"
}
.fa-comment-o:before{
    content:"\f0e5"
}
.fa-comments-o:before{
    content:"\f0e6"
}
.fa-bolt:before,.fa-flash:before{
    content:"\f0e7"
}
.fa-sitemap:before{
    content:"\f0e8"
}
.fa-umbrella:before{
    content:"\f0e9"
}
.fa-clipboard:before,.fa-paste:before{
    content:"\f0ea"
}
.fa-lightbulb-o:before{
    content:"\f0eb"
}
.fa-exchange:before{
    content:"\f0ec"
}
.fa-cloud-download:before{
    content:"\f0ed"
}
.fa-cloud-upload:before{
    content:"\f0ee"
}
.fa-user-md:before{
    content:"\f0f0"
}
.fa-stethoscope:before{
    content:"\f0f1"
}
.fa-suitcase:before{
    content:"\f0f2"
}
.fa-bell-o:before{
    content:"\f0a2"
}
.fa-coffee:before{
    content:"\f0f4"
}
.fa-cutlery:before{
    content:"\f0f5"
}
.fa-file-text-o:before{
    content:"\f0f6"
}
.fa-building-o:before{
    content:"\f0f7"
}
.fa-hospital-o:before{
    content:"\f0f8"
}
.fa-ambulance:before{
    content:"\f0f9"
}
.fa-medkit:before{
    content:"\f0fa"
}
.fa-fighter-jet:before{
    content:"\f0fb"
}
.fa-beer:before{
    content:"\f0fc"
}
.fa-h-square:before{
    content:"\f0fd"
}
.fa-plus-square:before{
    content:"\f0fe"
}
.fa-angle-double-left:before{
    content:"\f100"
}
.fa-angle-double-right:before{
    content:"\f101"
}
.fa-angle-double-up:before{
    content:"\f102"
}
.fa-angle-double-down:before{
    content:"\f103"
}
.fa-angle-left:before{
    content:"\f104"
}
.fa-angle-right:before{
    content:"\f105"
}
.fa-angle-up:before{
    content:"\f106"
}
.fa-angle-down:before{
    content:"\f107"
}
.fa-desktop:before{
    content:"\f108"
}
.fa-laptop:before{
    content:"\f109"
}
.fa-tablet:before{
    content:"\f10a"
}
.fa-mobile-phone:before,.fa-mobile:before{
    content:"\f10b"
}
.fa-circle-o:before{
    content:"\f10c"
}
.fa-quote-left:before{
    content:"\f10d"
}
.fa-quote-right:before{
    content:"\f10e"
}
.fa-spinner:before{
    content:"\f110"
}
.fa-circle:before{
    content:"\f111"
}
.fa-mail-reply:before,.fa-reply:before{
    content:"\f112"
}
.fa-github-alt:before{
    content:"\f113"
}
.fa-folder-o:before{
    content:"\f114"
}
.fa-folder-open-o:before{
    content:"\f115"
}
.fa-smile-o:before{
    content:"\f118"
}
.fa-frown-o:before{
    content:"\f119"
}
.fa-meh-o:before{
    content:"\f11a"
}
.fa-gamepad:before{
    content:"\f11b"
}
.fa-keyboard-o:before{
    content:"\f11c"
}
.fa-flag-o:before{
    content:"\f11d"
}
.fa-flag-checkered:before{
    content:"\f11e"
}
.fa-terminal:before{
    content:"\f120"
}
.fa-code:before{
    content:"\f121"
}
.fa-mail-reply-all:before,.fa-reply-all:before{
    content:"\f122"
}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{
    content:"\f123"
}
.fa-location-arrow:before{
    content:"\f124"
}
.fa-crop:before{
    content:"\f125"
}
.fa-code-fork:before{
    content:"\f126"
}
.fa-chain-broken:before,.fa-unlink:before{
    content:"\f127"
}
.fa-question:before{
    content:"\f128"
}
.fa-info:before{
    content:"\f129"
}
.fa-exclamation:before{
    content:"\f12a"
}
.fa-superscript:before{
    content:"\f12b"
}
.fa-subscript:before{
    content:"\f12c"
}
.fa-eraser:before{
    content:"\f12d"
}
.fa-puzzle-piece:before{
    content:"\f12e"
}
.fa-microphone:before{
    content:"\f130"
}
.fa-microphone-slash:before{
    content:"\f131"
}
.fa-shield:before{
    content:"\f132"
}
.fa-calendar-o:before{
    content:"\f133"
}
.fa-fire-extinguisher:before{
    content:"\f134"
}
.fa-rocket:before{
    content:"\f135"
}
.fa-maxcdn:before{
    content:"\f136"
}
.fa-chevron-circle-left:before{
    content:"\f137"
}
.fa-chevron-circle-right:before{
    content:"\f138"
}
.fa-chevron-circle-up:before{
    content:"\f139"
}
.fa-chevron-circle-down:before{
    content:"\f13a"
}
.fa-html5:before{
    content:"\f13b"
}
.fa-css3:before{
    content:"\f13c"
}
.fa-anchor:before{
    content:"\f13d"
}
.fa-unlock-alt:before{
    content:"\f13e"
}
.fa-bullseye:before{
    content:"\f140"
}
.fa-ellipsis-h:before{
    content:"\f141"
}
.fa-ellipsis-v:before{
    content:"\f142"
}
.fa-rss-square:before{
    content:"\f143"
}
.fa-play-circle:before{
    content:"\f144"
}
.fa-ticket:before{
    content:"\f145"
}
.fa-minus-square:before{
    content:"\f146"
}
.fa-minus-square-o:before{
    content:"\f147"
}
.fa-level-up:before{
    content:"\f148"
}
.fa-level-down:before{
    content:"\f149"
}
.fa-check-square:before{
    content:"\f14a"
}
.fa-pencil-square:before{
    content:"\f14b"
}
.fa-external-link-square:before{
    content:"\f14c"
}
.fa-share-square:before{
    content:"\f14d"
}
.fa-compass:before{
    content:"\f14e"
}
.fa-caret-square-o-down:before,.fa-toggle-down:before{
    content:"\f150"
}
.fa-caret-square-o-up:before,.fa-toggle-up:before{
    content:"\f151"
}
.fa-caret-square-o-right:before,.fa-toggle-right:before{
    content:"\f152"
}
.fa-eur:before,.fa-euro:before{
    content:"\f153"
}
.fa-gbp:before{
    content:"\f154"
}
.fa-dollar:before,.fa-usd:before{
    content:"\f155"
}
.fa-inr:before,.fa-rupee:before{
    content:"\f156"
}
.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{
    content:"\f157"
}
.fa-rouble:before,.fa-rub:before,.fa-ruble:before{
    content:"\f158"
}
.fa-krw:before,.fa-won:before{
    content:"\f159"
}
.fa-bitcoin:before,.fa-btc:before{
    content:"\f15a"
}
.fa-file:before{
    content:"\f15b"
}
.fa-file-text:before{
    content:"\f15c"
}
.fa-sort-alpha-asc:before{
    content:"\f15d"
}
.fa-sort-alpha-desc:before{
    content:"\f15e"
}
.fa-sort-amount-asc:before{
    content:"\f160"
}
.fa-sort-amount-desc:before{
    content:"\f161"
}
.fa-sort-numeric-asc:before{
    content:"\f162"
}
.fa-sort-numeric-desc:before{
    content:"\f163"
}
.fa-thumbs-up:before{
    content:"\f164"
}
.fa-thumbs-down:before{
    content:"\f165"
}
.fa-youtube-square:before{
    content:"\f166"
}
.fa-youtube:before{
    content:"\f167"
}
.fa-xing:before{
    content:"\f168"
}
.fa-xing-square:before{
    content:"\f169"
}
.fa-youtube-play:before{
    content:"\f16a"
}
.fa-dropbox:before{
    content:"\f16b"
}
.fa-stack-overflow:before{
    content:"\f16c"
}
.fa-instagram:before{
    content:"\f16d"
}
.fa-flickr:before{
    content:"\f16e"
}
.fa-adn:before{
    content:"\f170"
}
.fa-bitbucket:before{
    content:"\f171"
}
.fa-bitbucket-square:before{
    content:"\f172"
}
.fa-tumblr:before{
    content:"\f173"
}
.fa-tumblr-square:before{
    content:"\f174"
}
.fa-long-arrow-down:before{
    content:"\f175"
}
.fa-long-arrow-up:before{
    content:"\f176"
}
.fa-long-arrow-left:before{
    content:"\f177"
}
.fa-long-arrow-right:before{
    content:"\f178"
}
.fa-apple:before{
    content:"\f179"
}
.fa-windows:before{
    content:"\f17a"
}
.fa-android:before{
    content:"\f17b"
}
.fa-linux:before{
    content:"\f17c"
}
.fa-dribbble:before{
    content:"\f17d"
}
.fa-skype:before{
    content:"\f17e"
}
.fa-foursquare:before{
    content:"\f180"
}
.fa-trello:before{
    content:"\f181"
}
.fa-female:before{
    content:"\f182"
}
.fa-male:before{
    content:"\f183"
}
.fa-gittip:before,.fa-gratipay:before{
    content:"\f184"
}
.fa-sun-o:before{
    content:"\f185"
}
.fa-moon-o:before{
    content:"\f186"
}
.fa-archive:before{
    content:"\f187"
}
.fa-bug:before{
    content:"\f188"
}
.fa-vk:before{
    content:"\f189"
}
.fa-weibo:before{
    content:"\f18a"
}
.fa-renren:before{
    content:"\f18b"
}
.fa-pagelines:before{
    content:"\f18c"
}
.fa-stack-exchange:before{
    content:"\f18d"
}
.fa-arrow-circle-o-right:before{
    content:"\f18e"
}
.fa-arrow-circle-o-left:before{
    content:"\f190"
}
.fa-caret-square-o-left:before,.fa-toggle-left:before{
    content:"\f191"
}
.fa-dot-circle-o:before{
    content:"\f192"
}
.fa-wheelchair:before{
    content:"\f193"
}
.fa-vimeo-square:before{
    content:"\f194"
}
.fa-try:before,.fa-turkish-lira:before{
    content:"\f195"
}
.fa-plus-square-o:before{
    content:"\f196"
}
.fa-space-shuttle:before{
    content:"\f197"
}
.fa-slack:before{
    content:"\f198"
}
.fa-envelope-square:before{
    content:"\f199"
}
.fa-wordpress:before{
    content:"\f19a"
}
.fa-openid:before{
    content:"\f19b"
}
.fa-bank:before,.fa-institution:before,.fa-university:before{
    content:"\f19c"
}
.fa-graduation-cap:before,.fa-mortar-board:before{
    content:"\f19d"
}
.fa-yahoo:before{
    content:"\f19e"
}
.fa-google:before{
    content:"\f1a0"
}
.fa-reddit:before{
    content:"\f1a1"
}
.fa-reddit-square:before{
    content:"\f1a2"
}
.fa-stumbleupon-circle:before{
    content:"\f1a3"
}
.fa-stumbleupon:before{
    content:"\f1a4"
}
.fa-delicious:before{
    content:"\f1a5"
}
.fa-digg:before{
    content:"\f1a6"
}
.fa-pied-piper-pp:before{
    content:"\f1a7"
}
.fa-pied-piper-alt:before{
    content:"\f1a8"
}
.fa-drupal:before{
    content:"\f1a9"
}
.fa-joomla:before{
    content:"\f1aa"
}
.fa-language:before{
    content:"\f1ab"
}
.fa-fax:before{
    content:"\f1ac"
}
.fa-building:before{
    content:"\f1ad"
}
.fa-child:before{
    content:"\f1ae"
}
.fa-paw:before{
    content:"\f1b0"
}
.fa-spoon:before{
    content:"\f1b1"
}
.fa-cube:before{
    content:"\f1b2"
}
.fa-cubes:before{
    content:"\f1b3"
}
.fa-behance:before{
    content:"\f1b4"
}
.fa-behance-square:before{
    content:"\f1b5"
}
.fa-steam:before{
    content:"\f1b6"
}
.fa-steam-square:before{
    content:"\f1b7"
}
.fa-recycle:before{
    content:"\f1b8"
}
.fa-automobile:before,.fa-car:before{
    content:"\f1b9"
}
.fa-cab:before,.fa-taxi:before{
    content:"\f1ba"
}
.fa-tree:before{
    content:"\f1bb"
}
.fa-spotify:before{
    content:"\f1bc"
}
.fa-deviantart:before{
    content:"\f1bd"
}
.fa-soundcloud:before{
    content:"\f1be"
}
.fa-database:before{
    content:"\f1c0"
}
.fa-file-pdf-o:before{
    content:"\f1c1"
}
.fa-file-word-o:before{
    content:"\f1c2"
}
.fa-file-excel-o:before{
    content:"\f1c3"
}
.fa-file-powerpoint-o:before{
    content:"\f1c4"
}
.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{
    content:"\f1c5"
}
.fa-file-archive-o:before,.fa-file-zip-o:before{
    content:"\f1c6"
}
.fa-file-audio-o:before,.fa-file-sound-o:before{
    content:"\f1c7"
}
.fa-file-movie-o:before,.fa-file-video-o:before{
    content:"\f1c8"
}
.fa-file-code-o:before{
    content:"\f1c9"
}
.fa-vine:before{
    content:"\f1ca"
}
.fa-codepen:before{
    content:"\f1cb"
}
.fa-jsfiddle:before{
    content:"\f1cc"
}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{
    content:"\f1cd"
}
.fa-circle-o-notch:before{
    content:"\f1ce"
}
.fa-ra:before,.fa-rebel:before,.fa-resistance:before{
    content:"\f1d0"
}
.fa-empire:before,.fa-ge:before{
    content:"\f1d1"
}
.fa-git-square:before{
    content:"\f1d2"
}
.fa-git:before{
    content:"\f1d3"
}
.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{
    content:"\f1d4"
}
.fa-tencent-weibo:before{
    content:"\f1d5"
}
.fa-qq:before{
    content:"\f1d6"
}
.fa-wechat:before,.fa-weixin:before{
    content:"\f1d7"
}
.fa-paper-plane:before,.fa-send:before{
    content:"\f1d8"
}
.fa-paper-plane-o:before,.fa-send-o:before{
    content:"\f1d9"
}
.fa-history:before{
    content:"\f1da"
}
.fa-circle-thin:before{
    content:"\f1db"
}
.fa-header:before{
    content:"\f1dc"
}
.fa-paragraph:before{
    content:"\f1dd"
}
.fa-sliders:before{
    content:"\f1de"
}
.fa-share-alt:before{
    content:"\f1e0"
}
.fa-share-alt-square:before{
    content:"\f1e1"
}
.fa-bomb:before{
    content:"\f1e2"
}
.fa-futbol-o:before,.fa-soccer-ball-o:before{
    content:"\f1e3"
}
.fa-tty:before{
    content:"\f1e4"
}
.fa-binoculars:before{
    content:"\f1e5"
}
.fa-plug:before{
    content:"\f1e6"
}
.fa-slideshare:before{
    content:"\f1e7"
}
.fa-twitch:before{
    content:"\f1e8"
}
.fa-yelp:before{
    content:"\f1e9"
}
.fa-newspaper-o:before{
    content:"\f1ea"
}
.fa-wifi:before{
    content:"\f1eb"
}
.fa-calculator:before{
    content:"\f1ec"
}
.fa-paypal:before{
    content:"\f1ed"
}
.fa-google-wallet:before{
    content:"\f1ee"
}
.fa-cc-visa:before{
    content:"\f1f0"
}
.fa-cc-mastercard:before{
    content:"\f1f1"
}
.fa-cc-discover:before{
    content:"\f1f2"
}
.fa-cc-amex:before{
    content:"\f1f3"
}
.fa-cc-paypal:before{
    content:"\f1f4"
}
.fa-cc-stripe:before{
    content:"\f1f5"
}
.fa-bell-slash:before{
    content:"\f1f6"
}
.fa-bell-slash-o:before{
    content:"\f1f7"
}
.fa-trash:before{
    content:"\f1f8"
}
.fa-copyright:before{
    content:"\f1f9"
}
.fa-at:before{
    content:"\f1fa"
}
.fa-eyedropper:before{
    content:"\f1fb"
}
.fa-paint-brush:before{
    content:"\f1fc"
}
.fa-birthday-cake:before{
    content:"\f1fd"
}
.fa-area-chart:before{
    content:"\f1fe"
}
.fa-pie-chart:before{
    content:"\f200"
}
.fa-line-chart:before{
    content:"\f201"
}
.fa-lastfm:before{
    content:"\f202"
}
.fa-lastfm-square:before{
    content:"\f203"
}
.fa-toggle-off:before{
    content:"\f204"
}
.fa-toggle-on:before{
    content:"\f205"
}
.fa-bicycle:before{
    content:"\f206"
}
.fa-bus:before{
    content:"\f207"
}
.fa-ioxhost:before{
    content:"\f208"
}
.fa-angellist:before{
    content:"\f209"
}
.fa-cc:before{
    content:"\f20a"
}
.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{
    content:"\f20b"
}
.fa-meanpath:before{
    content:"\f20c"
}
.fa-buysellads:before{
    content:"\f20d"
}
.fa-connectdevelop:before{
    content:"\f20e"
}
.fa-dashcube:before{
    content:"\f210"
}
.fa-forumbee:before{
    content:"\f211"
}
.fa-leanpub:before{
    content:"\f212"
}
.fa-sellsy:before{
    content:"\f213"
}
.fa-shirtsinbulk:before{
    content:"\f214"
}
.fa-simplybuilt:before{
    content:"\f215"
}
.fa-skyatlas:before{
    content:"\f216"
}
.fa-cart-plus:before{
    content:"\f217"
}
.fa-cart-arrow-down:before{
    content:"\f218"
}
.fa-diamond:before{
    content:"\f219"
}
.fa-ship:before{
    content:"\f21a"
}
.fa-user-secret:before{
    content:"\f21b"
}
.fa-motorcycle:before{
    content:"\f21c"
}
.fa-street-view:before{
    content:"\f21d"
}
.fa-heartbeat:before{
    content:"\f21e"
}
.fa-venus:before{
    content:"\f221"
}
.fa-mars:before{
    content:"\f222"
}
.fa-mercury:before{
    content:"\f223"
}
.fa-intersex:before,.fa-transgender:before{
    content:"\f224"
}
.fa-transgender-alt:before{
    content:"\f225"
}
.fa-venus-double:before{
    content:"\f226"
}
.fa-mars-double:before{
    content:"\f227"
}
.fa-venus-mars:before{
    content:"\f228"
}
.fa-mars-stroke:before{
    content:"\f229"
}
.fa-mars-stroke-v:before{
    content:"\f22a"
}
.fa-mars-stroke-h:before{
    content:"\f22b"
}
.fa-neuter:before{
    content:"\f22c"
}
.fa-genderless:before{
    content:"\f22d"
}
.fa-facebook-official:before{
    content:"\f230"
}
.fa-pinterest-p:before{
    content:"\f231"
}
.fa-whatsapp:before{
    content:"\f232"
}
.fa-server:before{
    content:"\f233"
}
.fa-user-plus:before{
    content:"\f234"
}
.fa-user-times:before{
    content:"\f235"
}
.fa-bed:before,.fa-hotel:before{
    content:"\f236"
}
.fa-viacoin:before{
    content:"\f237"
}
.fa-train:before{
    content:"\f238"
}
.fa-subway:before{
    content:"\f239"
}
.fa-medium:before{
    content:"\f23a"
}
.fa-y-combinator:before,.fa-yc:before{
    content:"\f23b"
}
.fa-optin-monster:before{
    content:"\f23c"
}
.fa-opencart:before{
    content:"\f23d"
}
.fa-expeditedssl:before{
    content:"\f23e"
}
.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{
    content:"\f240"
}
.fa-battery-3:before,.fa-battery-three-quarters:before{
    content:"\f241"
}
.fa-battery-2:before,.fa-battery-half:before{
    content:"\f242"
}
.fa-battery-1:before,.fa-battery-quarter:before{
    content:"\f243"
}
.fa-battery-0:before,.fa-battery-empty:before{
    content:"\f244"
}
.fa-mouse-pointer:before{
    content:"\f245"
}
.fa-i-cursor:before{
    content:"\f246"
}
.fa-object-group:before{
    content:"\f247"
}
.fa-object-ungroup:before{
    content:"\f248"
}
.fa-sticky-note:before{
    content:"\f249"
}
.fa-sticky-note-o:before{
    content:"\f24a"
}
.fa-cc-jcb:before{
    content:"\f24b"
}
.fa-cc-diners-club:before{
    content:"\f24c"
}
.fa-clone:before{
    content:"\f24d"
}
.fa-balance-scale:before{
    content:"\f24e"
}
.fa-hourglass-o:before{
    content:"\f250"
}
.fa-hourglass-1:before,.fa-hourglass-start:before{
    content:"\f251"
}
.fa-hourglass-2:before,.fa-hourglass-half:before{
    content:"\f252"
}
.fa-hourglass-3:before,.fa-hourglass-end:before{
    content:"\f253"
}
.fa-hourglass:before{
    content:"\f254"
}
.fa-hand-grab-o:before,.fa-hand-rock-o:before{
    content:"\f255"
}
.fa-hand-paper-o:before,.fa-hand-stop-o:before{
    content:"\f256"
}
.fa-hand-scissors-o:before{
    content:"\f257"
}
.fa-hand-lizard-o:before{
    content:"\f258"
}
.fa-hand-spock-o:before{
    content:"\f259"
}
.fa-hand-pointer-o:before{
    content:"\f25a"
}
.fa-hand-peace-o:before{
    content:"\f25b"
}
.fa-trademark:before{
    content:"\f25c"
}
.fa-registered:before{
    content:"\f25d"
}
.fa-creative-commons:before{
    content:"\f25e"
}
.fa-gg:before{
    content:"\f260"
}
.fa-gg-circle:before{
    content:"\f261"
}
.fa-tripadvisor:before{
    content:"\f262"
}
.fa-odnoklassniki:before{
    content:"\f263"
}
.fa-odnoklassniki-square:before{
    content:"\f264"
}
.fa-get-pocket:before{
    content:"\f265"
}
.fa-wikipedia-w:before{
    content:"\f266"
}
.fa-safari:before{
    content:"\f267"
}
.fa-chrome:before{
    content:"\f268"
}
.fa-firefox:before{
    content:"\f269"
}
.fa-opera:before{
    content:"\f26a"
}
.fa-internet-explorer:before{
    content:"\f26b"
}
.fa-television:before,.fa-tv:before{
    content:"\f26c"
}
.fa-contao:before{
    content:"\f26d"
}
.fa-500px:before{
    content:"\f26e"
}
.fa-amazon:before{
    content:"\f270"
}
.fa-calendar-plus-o:before{
    content:"\f271"
}
.fa-calendar-minus-o:before{
    content:"\f272"
}
.fa-calendar-times-o:before{
    content:"\f273"
}
.fa-calendar-check-o:before{
    content:"\f274"
}
.fa-industry:before{
    content:"\f275"
}
.fa-map-pin:before{
    content:"\f276"
}
.fa-map-signs:before{
    content:"\f277"
}
.fa-map-o:before{
    content:"\f278"
}
.fa-map:before{
    content:"\f279"
}
.fa-commenting:before{
    content:"\f27a"
}
.fa-commenting-o:before{
    content:"\f27b"
}
.fa-houzz:before{
    content:"\f27c"
}
.fa-vimeo:before{
    content:"\f27d"
}
.fa-black-tie:before{
    content:"\f27e"
}
.fa-fonticons:before{
    content:"\f280"
}
.fa-reddit-alien:before{
    content:"\f281"
}
.fa-edge:before{
    content:"\f282"
}
.fa-credit-card-alt:before{
    content:"\f283"
}
.fa-codiepie:before{
    content:"\f284"
}
.fa-modx:before{
    content:"\f285"
}
.fa-fort-awesome:before{
    content:"\f286"
}
.fa-usb:before{
    content:"\f287"
}
.fa-product-hunt:before{
    content:"\f288"
}
.fa-mixcloud:before{
    content:"\f289"
}
.fa-scribd:before{
    content:"\f28a"
}
.fa-pause-circle:before{
    content:"\f28b"
}
.fa-pause-circle-o:before{
    content:"\f28c"
}
.fa-stop-circle:before{
    content:"\f28d"
}
.fa-stop-circle-o:before{
    content:"\f28e"
}
.fa-shopping-bag:before{
    content:"\f290"
}
.fa-shopping-basket:before{
    content:"\f291"
}
.fa-hashtag:before{
    content:"\f292"
}
.fa-bluetooth:before{
    content:"\f293"
}
.fa-bluetooth-b:before{
    content:"\f294"
}
.fa-percent:before{
    content:"\f295"
}
.fa-gitlab:before{
    content:"\f296"
}
.fa-wpbeginner:before{
    content:"\f297"
}
.fa-wpforms:before{
    content:"\f298"
}
.fa-envira:before{
    content:"\f299"
}
.fa-universal-access:before{
    content:"\f29a"
}
.fa-wheelchair-alt:before{
    content:"\f29b"
}
.fa-question-circle-o:before{
    content:"\f29c"
}
.fa-blind:before{
    content:"\f29d"
}
.fa-audio-description:before{
    content:"\f29e"
}
.fa-volume-control-phone:before{
    content:"\f2a0"
}
.fa-braille:before{
    content:"\f2a1"
}
.fa-assistive-listening-systems:before{
    content:"\f2a2"
}
.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{
    content:"\f2a3"
}
.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{
    content:"\f2a4"
}
.fa-glide:before{
    content:"\f2a5"
}
.fa-glide-g:before{
    content:"\f2a6"
}
.fa-sign-language:before,.fa-signing:before{
    content:"\f2a7"
}
.fa-low-vision:before{
    content:"\f2a8"
}
.fa-viadeo:before{
    content:"\f2a9"
}
.fa-viadeo-square:before{
    content:"\f2aa"
}
.fa-snapchat:before{
    content:"\f2ab"
}
.fa-snapchat-ghost:before{
    content:"\f2ac"
}
.fa-snapchat-square:before{
    content:"\f2ad"
}
.fa-pied-piper:before{
    content:"\f2ae"
}
.fa-first-order:before{
    content:"\f2b0"
}
.fa-yoast:before{
    content:"\f2b1"
}
.fa-themeisle:before{
    content:"\f2b2"
}
.fa-google-plus-circle:before,.fa-google-plus-official:before{
    content:"\f2b3"
}
.fa-fa:before,.fa-font-awesome:before{
    content:"\f2b4"
}
.fa-handshake-o:before{
    content:"\f2b5"
}
.fa-envelope-open:before{
    content:"\f2b6"
}
.fa-envelope-open-o:before{
    content:"\f2b7"
}
.fa-linode:before{
    content:"\f2b8"
}
.fa-address-book:before{
    content:"\f2b9"
}
.fa-address-book-o:before{
    content:"\f2ba"
}
.fa-address-card:before,.fa-vcard:before{
    content:"\f2bb"
}
.fa-address-card-o:before,.fa-vcard-o:before{
    content:"\f2bc"
}
.fa-user-circle:before{
    content:"\f2bd"
}
.fa-user-circle-o:before{
    content:"\f2be"
}
.fa-user-o:before{
    content:"\f2c0"
}
.fa-id-badge:before{
    content:"\f2c1"
}
.fa-drivers-license:before,.fa-id-card:before{
    content:"\f2c2"
}
.fa-drivers-license-o:before,.fa-id-card-o:before{
    content:"\f2c3"
}
.fa-quora:before{
    content:"\f2c4"
}
.fa-free-code-camp:before{
    content:"\f2c5"
}
.fa-telegram:before{
    content:"\f2c6"
}
.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{
    content:"\f2c7"
}
.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{
    content:"\f2c8"
}
.fa-thermometer-2:before,.fa-thermometer-half:before{
    content:"\f2c9"
}
.fa-thermometer-1:before,.fa-thermometer-quarter:before{
    content:"\f2ca"
}
.fa-thermometer-0:before,.fa-thermometer-empty:before{
    content:"\f2cb"
}
.fa-shower:before{
    content:"\f2cc"
}
.fa-bath:before,.fa-bathtub:before,.fa-s15:before{
    content:"\f2cd"
}
.fa-podcast:before{
    content:"\f2ce"
}
.fa-window-maximize:before{
    content:"\f2d0"
}
.fa-window-minimize:before{
    content:"\f2d1"
}
.fa-window-restore:before{
    content:"\f2d2"
}
.fa-times-rectangle:before,.fa-window-close:before{
    content:"\f2d3"
}
.fa-times-rectangle-o:before,.fa-window-close-o:before{
    content:"\f2d4"
}
.fa-bandcamp:before{
    content:"\f2d5"
}
.fa-grav:before{
    content:"\f2d6"
}
.fa-etsy:before{
    content:"\f2d7"
}
.fa-imdb:before{
    content:"\f2d8"
}
.fa-ravelry:before{
    content:"\f2d9"
}
.fa-eercast:before{
    content:"\f2da"
}
.fa-microchip:before{
    content:"\f2db"
}
.fa-snowflake-o:before{
    content:"\f2dc"
}
.fa-superpowers:before{
    content:"\f2dd"
}
.fa-wpexplorer:before{
    content:"\f2de"
}
.fa-meetup:before{
    content:"\f2e0"
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
/*End font-awesome*/
/*animate css*/
 @charset "UTF-8";
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        -ms-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes flash{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%,100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@keyframes pulse{
    0%,100%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes shake{
    0%,100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
}
@keyframes shake{
    0%,100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        -ms-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        -ms-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        -ms-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        -ms-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        -ms-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0)
    }
}
.swing{
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(.9) rotate(-3deg);
        transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -webkit-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(.9) rotate(-3deg);
        -ms-transform:scale(.9) rotate(-3deg);
        transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        -ms-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        -ms-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -webkit-transform:scale(1) rotate(0);
        -ms-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%,100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
}
@keyframes wobble{
    0%,100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        -ms-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        -ms-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        -ms-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        -ms-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        -ms-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        -ms-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        -ms-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        -ms-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        -ms-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        -ms-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
}
@keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95);
        -ms-transform:scale(.95);
        transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    -ms-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    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 flipInX{
    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
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
.flipInY,.flipOutX{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(0);
        transform:perspective(400px) rotateY(0);
        opacity:1
    }
}
@keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        -ms-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        -ms-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        -ms-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(0);
        -ms-transform:perspective(400px) rotateY(0);
        transform:perspective(400px) rotateY(0);
        opacity:1
    }
}
.flipInY{
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0);
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0);
        -ms-transform:perspective(400px) rotateX(0);
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        -ms-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0);
        transform:perspective(400px) rotateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0);
        -ms-transform:perspective(400px) rotateY(0);
        transform:perspective(400px) rotateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        -ms-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    -ms-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0) skewX(-15deg);
        transform:translateX(0) skewX(-15deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(0) skewX(0);
        transform:translateX(0) skewX(0);
        opacity:1
    }
}
@keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        -ms-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        -ms-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0) skewX(-15deg);
        -ms-transform:translateX(0) skewX(-15deg);
        transform:translateX(0) skewX(-15deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(0) skewX(0);
        -ms-transform:translateX(0) skewX(0);
        transform:translateX(0) skewX(0);
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0) skewX(0);
        transform:translateX(0) skewX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0) skewX(0);
        -ms-transform:translateX(0) skewX(0);
        transform:translateX(0) skewX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        -ms-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        -ms-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:center center;
        -ms-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        -ms-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        -ms-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        -ms-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        -ms-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        -ms-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    100%{
        -webkit-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        -ms-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        -ms-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        -ms-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    100%{
        -webkit-transform:translateY(700px);
        -ms-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        -ms-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        -ms-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        -ms-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        -ms-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes bounceInUpZ{
    0%{
        opacity:0;
        -webkit-transform:translateY(130px);
        transform:translateY(130px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInUpZ{
    0%{
        opacity:0;
        -webkit-transform:translateY(130px);
        -ms-transform:translateY(130px);
        transform:translateY(130px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInUpZ{
    -webkit-animation-name:bounceInUpZ;
    animation-name:bounceInUpZ
}
@-webkit-keyframes bounceInDownZ{
    0%{
        opacity:0;
        -webkit-transform:translateY(-130px);
        transform:translateY(-130px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInDownZ{
    0%{
        opacity:0;
        -webkit-transform:translateY(-130px);
        -ms-transform:translateY(-130px);
        transform:translateY(-130px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        -ms-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInDownZ{
    -webkit-animation-name:bounceInDownZ;
    animation-name:bounceInDownZ
}
@-webkit-keyframes bounceInLeftZ{
    0%{
        opacity:0;
        -webkit-transform:translateX(-200px);
        transform:translateX(-200px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInLeftZ{
    0%{
        opacity:0;
        -webkit-transform:translateX(-200px);
        -ms-transform:translateX(-200px);
        transform:translateX(-200px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        -ms-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        -ms-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInLeftZ{
    -webkit-animation-name:bounceInLeftZ;
    animation-name:bounceInLeftZ
}
@-webkit-keyframes bounceInRightZ{
    0%{
        opacity:0;
        -webkit-transform:translateX(200px);
        transform:translateX(200px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInRightZ{
    0%{
        opacity:0;
        -webkit-transform:translateX(200px);
        -ms-transform:translateX(200px);
        transform:translateX(200px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        -ms-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        -ms-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInRightZ{
    -webkit-animation-name:bounceInRightZ;
    animation-name:bounceInRightZ
}
@-webkit-keyframes fadeInDownZ{
    0%{
        opacity:0;
        -webkit-transform:translateY(-80px);
        transform:translateY(-80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDownZ{
    0%{
        opacity:0;
        -webkit-transform:translateY(-80px);
        -ms-transform:translateY(-80px);
        transform:translateY(-80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDownZ{
    -webkit-animation-name:fadeInDownZ;
    animation-name:fadeInDownZ
}
@-webkit-keyframes fadeInLeftZ{
    0%{
        opacity:0;
        -webkit-transform:translateX(-80px);
        transform:translateX(-80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeftZ{
    0%{
        opacity:0;
        -webkit-transform:translateX(-80px);
        -ms-transform:translateX(-80px);
        transform:translateX(-80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeftZ{
    -webkit-animation-name:fadeInLeftZ;
    animation-name:fadeInLeftZ
}
@-webkit-keyframes fadeInRightZ{
    0%{
        opacity:0;
        -webkit-transform:translateX(80px);
        transform:translateX(80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRightZ{
    0%{
        opacity:0;
        -webkit-transform:translateX(80px);
        -ms-transform:translateX(80px);
        transform:translateX(80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRightZ{
    -webkit-animation-name:fadeInRightZ;
    animation-name:fadeInRightZ
}
@-webkit-keyframes fadeInUpZ{
    0%{
        opacity:0;
        -webkit-transform:translateY(80px);
        transform:translateY(80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUpZ{
    0%{
        opacity:0;
        -webkit-transform:translateY(80px);
        -ms-transform:translateY(80px);
        transform:translateY(80px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUpZ{
    -webkit-animation-name:fadeInUpZ;
    animation-name:fadeInUpZ
}
/*End animate css*/
/*slick.css*/
 .slick-list,.slick-slider,.slick-track{
    position:relative;
    display:block
}
.slick-slider{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus,.slick-slide,.slick-slide a,.slick-slide img,.slick-slide:active,.slick-slide:focus{
    outline:0
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    top:0;
    left:0
}
.slick-track:after,.slick-track:before{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-slide,.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-initialized .slick-slide,.slick-slide img{
    display:block
}
.slick-arrow.slick-hidden,.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
/*End slick.css*/
/*reset.css*/
 article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{
    display:block
}
li,nav ul,ol,ul{
    list-style:none
}
a,li,ol,ul{
    margin:0;
    padding:0
}
input[type=number],select{
    padding-left:5px
}
a,button,hr,li,ol,ul{
    padding:0
}
abbr,address,article,aside,audio,body,canvas,caption,cite,code,del,details,dfn,div,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,q,samp,section,small,span,strong,sub,summary,sup,time,tr,var,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:0 0;
    line-height:inherit;
    color:inherit;
    font-family:inherit;
    font-style:inherit
}
ins,mark{
    background-color:#ff9;
    color:#000
}
body{
    line-height:1
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
a{
    font-size:100%;
    vertical-align:baseline;
    background:0 0
}
ins{
    text-decoration:none
}
mark{
    font-style:italic;
    font-weight:700
}
del{
    text-decoration:line-through
}
abbr[title],dfn[title]{
    border-bottom:1px dotted;
    cursor:help
}
table{
    border-collapse:collapse;
    border-spacing:0
}
hr{
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0
}
input,select{
    vertical-align:middle
}
a,a:active,a:focus,a:hover{
    text-decoration:none;
    color:inherit;
    outline:0
}
label{
    font-weight:400
}
input[type=email],input[type=password],input[type=text]{
    padding-left:12px;
    padding-right:12px
}
select{
    padding-right:8px
}
textarea{
    padding:5px 12px
}
a,button,input,select,textarea{
    outline:0
}
button{
    border:none
}
*{
    padding-left:constant(safe-area-inset-left);
    padding-right:constant(safe-area-inset-right);
    padding-bottom:constant(safe-area-inset-bottom);
    padding-top:constant(safe-area-inset-top)
}
/*End reset.css*/
/*Style css*/
 @charset "UTF-8";
.carousel .carousel-indicators li,.row-ibl.mid>[class^=col-],.row-ibl>[class^=col-].i-mid,img{
    vertical-align:middle
}
.hv-over:after,.hv-scale img{
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out
}
.s-content ol,.s-content ul{
    margin-left:15px;
    margin-bottom:10px
}
.s-content iframe,.s-content img,.s-content table,img{
    max-width:100%
}
.btn-call span i,.btn-call span:before{
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite
}
.hv-light,.hv-scale,.hvr-icon-grow,.language ul,.search-fr,footer .map{
    overflow:hidden
}
a,a:active,a:focus,a:hover{
    text-decoration:none;
    color:inherit;
    outline:0
}
li,ol,ul{
    padding:0;
    list-style:none;
    margin:0
}
label{
    font-weight:400
}
input[type=email],input[type=password],input[type=text]{
    padding-left:12px;
    padding-right:12px
}
select{
    padding-left:8px
}
input[type=number]{
    padding-left:5px
}
textarea{
    padding:8px 12px 5px
}
a,button,input,select,textarea{
    outline:0
}
button{
    border:none;
    background:0 0
}
.c-img .bg,.c-img img,.hv-over:after{
    border-radius:inherit;
    top:0;
    bottom:0;
    right:0;
    left:0
}
.hv-light,.info-right .warranty .ads-content ul,.slider-cas .slick-dots li.slick-active,header{
    background:#fff
}
img{
    -webkit-object-fit:cover;
    -moz-object-fit:cover;
    -ms-object-fit:cover;
    -o-object-fit:cover;
    object-fit:cover
}
.breadcrumbs ul li a,.breadcrumbs ul li span,.main-nav,.nav-left .ct>ul li,.post,.pro-imgs,.product.v4 .thumb,.relative,.section-product,.slider-cas .item,.subs-form{
    position:relative
}
.static{
    position:static
}
.absolute{
    position:absolute
}
.c-img,.hv-light,.hv-over{
    position:relative
}
.text-justify{
    text-align:justify
}
.clearfix:after,.clearfix:before{
    content:'';
    display:block;
    clear:both
}
.row-ibl{
    font-size:0
}
.row-ibl>[class^=col-]{
    font-size:14px;
    float:none;
    display:inline-block;
    vertical-align:top
}
.row-ibl:after{
    content:'';
    display:inline-block;
    width:100%
}
.c-img,.hv-over,.hv-scale,.s-content img{
    display:block
}
.row-ibl.bot>[class^=col-],.row-ibl>[class^=col-].i-bot,.table.bot .cell{
    vertical-align:bottom
}
.hv-light,.row-ibl>[class^=col-].i-top,.table.top .cell{
    vertical-align:top
}
.col-lg-f20,.col-md-f20,.col-sm-f20,.col-xs-f20{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
@font-face{
    font-family:MinionPro;
    src:url("../fonts/MinionPro-Regular.otf") format("opentype")
}
@font-face{
    font-family:MinionPro;
    src:url("../fonts/MinionPro-Medium.otf") format("opentype");
    font-weight:500
}
@font-face{
    font-family:MinionPro;
    src:url("../fonts/MinionPro-SemiBold.otf") format("opentype");
    font-weight:600
}
@font-face{
    font-family:MinionPro;
    src:url("../fonts/MinionPro-Bold.otf") format("opentype");
    font-weight:700
}
@font-face{
    font-family:Arial;
    src:url("../fonts/arial.ttf") format("truetype")
}
@font-face{
    font-family:Arial;
    src:url("../fonts/arialbd.ttf") format("truetype");
    font-weight:700
}
.col-xs-f20{
    float:left;
    width:20%
}
@media (min-width:992px){
    .col-md-f20{
        float:left;
        width:20%
    }
    .group_menu_header{
        margin-top:7px;
    }
    .group_action_header{
        margin-top:22px !important;
    }
}
.col-mar-0>div[class^=col-],.pad-0,header .account-cart{
    padding-left:0;
    padding-right:0
}
.col-mar-5>div[class^=col-],.pad-5{
    padding-left:5px;
    padding-right:5px
}
.col-mar-8>div[class^=col-],.pad-8{
    padding-left:8px;
    padding-right:8px
}
.col-mar-10>div[class^=col-],.pad-10{
    padding-left:10px;
    padding-right:10px
}
.margin-auto{
    margin-left:auto;
    margin-right:auto
}
.col-mar-0,.section-product .cate-pro.v2 .row{
    margin-right:0;
    margin-left:0
}
.col-mar-5{
    margin-left:-5px;
    margin-right:-5px
}
.col-mar-8{
    margin-left:-8px;
    margin-right:-8px
}
.col-mar-10{
    margin-left:-10px;
    margin-right:-10px
}
.c-img{
    padding-top:100%
}
.c-img .bg,.c-img img{
    position:absolute;
    display:block;
    width:100%;
    height:100%
}
.nav-left .ct>ul a .icon img,.product .img img{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    margin:auto
}
.hv-over:after{
    content:'';
    position:absolute;
    pointer-events:none;
    transition:.3s ease-in-out
}
.hv-over:hover:after{
    background:rgba(255,255,255,.3)
}
.hv-scale img{
    transition:.3s ease-in-out
}
.hv-scale:hover img{
    /*-webkit-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -o-transform:scale(1.08);
    -ms-transform:scale(1.08);
    transform:scale(1.08)*/
}
.hv-light{
    display:inline-block
}
.ic,.table .cell{
    vertical-align:middle
}
.bg,.ic{
    background-position:center
}
.bg,.h-title,.ic{
    background-repeat:no-repeat
}
.hv-light:after,.hv-light:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    pointer-events:none
}
.hv-light:before{
    right:0;
    bottom:0;
    background:0 0;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.hv-light:after{
    width:100%;
    height:100%;
    background:rgba(255,255,255,.3);
    -webkit-transition:.75s ease-in-out;
    -moz-transition:.75s ease-in-out;
    -ms-transition:.75s ease-in-out;
    -o-transition:.75s ease-in-out;
    transition:.75s ease-in-out;
    -webkit-transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    -moz-transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    -o-transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    -ms-transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)
}
.main-nav li .submenu,.smooth{
    -webkit-transition:.2s ease-in-out
}
.hv-light:hover:before{
    background:rgba(242,211,0,.2)
}
.hv-light:hover:after{
    -webkit-transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    -moz-transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    -o-transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    -ms-transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform:scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)
}
.bg{
    background-size:cover
}
.smooth{
    -moz-transition:.2s ease-in-out;
    -o-transition:.2s ease-in-out;
    -ms-transition:.2s ease-in-out;
    transition:.2s ease-in-out;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
@media all and (max-width:991px){
    .sm-left{
        text-align:left
    }
    .sm-center{
        text-align:center
    }
    .sm-right{
        text-align:right
    }
}
.slick-arrow,.slick-dots{
    text-align:center
}
.table{
    display:table;
    margin:0
}
.table .line{
    display:table-row
}
.table .cell{
    display:table-cell
}
.ic{
    display:inline-block;
    background-size:contain
}
body{
    font-size:14px;
    font-family:Inter!important;
    line-height:1.5;
    color:#22313f
}
.s-content ol{
    list-style:decimal
}
.s-content ul{
    list-style:initial
}
.s-content li{
    list-style:inherit;
    margin-bottom:5px
}
.s-content p{
    margin-bottom:10px
}
.s-content img{
    margin:10px auto;
    width:auto!important;
    height:auto!important
}
.s-social .fb_iframe_widget,.s-social a.pinterest{
    display:inline-block;
    vertical-align:top;
    margin-top:-1px
}

.slick-list .slick-slide{
    margin:0 15px
}
.slick-arrow{
    cursor:pointer;
    z-index:1;
    position:absolute
}
.breadcrumbs ul li span:after,.h-pro-box.slide:not(.slick-initialized),.main-nav>ul>li:hover:last-child>a:after,.menu-btn,.more-bottom,.pro-detail .wrapInfo .select-status input[type=radio],.pro-slider:not(.slick-initialized),.section-product .box-catergories ul li:first-child:before,.slick-dots button{
    display:none
}
.slick-dots li{
    display:inline-block;
    vertical-align:middle;
    margin:0 5px;
    width:12px;
    height:12px;
    border:1px solid #000;
    border-radius:50%;
    cursor:pointer
}
.img-banner img,.slider-cas .img img,.t-why-post .t-icon .fa{
    width:100%;
    display:block
}
.slick-dots li.slick-active{
    background:var(--main-color);
    border:1px solid var(--main-color)
}
.delay02{
    -webkit-animation-delay:.2s;
    -moz-animation-delay:.2s;
    -ms-animation-delay:0.2s;
    -o-animation-delay:.2s;
    animation-delay:.2s
}
.delay04{
    -webkit-animation-delay:.4s;
    -moz-animation-delay:.4s;
    -ms-animation-delay:0.4s;
    -o-animation-delay:.4s;
    animation-delay:.4s
}
.delay06{
    -webkit-animation-delay:.6s;
    -moz-animation-delay:.6s;
    -ms-animation-delay:0.6s;
    -o-animation-delay:.6s;
    animation-delay:.6s
}
.delay08{
    -webkit-animation-delay:.8s;
    -moz-animation-delay:.8s;
    -ms-animation-delay:0.8s;
    -o-animation-delay:.8s;
    animation-delay:.8s
}
.delay10{
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -ms-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s
}
.delay12{
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -o-animation-delay:1.2s;
    animation-delay:1.2s
}
.dura5{
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -ms-animation-duration:0.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s
}
.dura15{
    -webkit-animation-duration:1.5s;
    -moz-animation-duration:1.5s;
    -ms-animation-duration:1.5s;
    -o-animation-duration:1.5s;
    animation-duration:1.5s
}
.dura20{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -ms-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s
}
.dura100{
    -webkit-animation-duration:10s;
    -moz-animation-duration:10s;
    -ms-animation-duration:10s;
    -o-animation-duration:10s;
    animation-duration:10s
}
.carousel{
    z-index:0
}
.carousel.carousel-fade .carousel-inner .item{
    -webkit-transition-property:opacity;
    transition-property:opacity
}
.carousel.carousel-fade .carousel-inner .active.left,.carousel.carousel-fade .carousel-inner .active.right,.carousel.carousel-fade .carousel-inner .item,.main-nav>ul>li .t-icon img:last-child,.main-nav>ul>li:hover .t-icon img{
    opacity:0
}
.carousel.carousel-fade .carousel-inner .active,.carousel.carousel-fade .carousel-inner .next.left,.carousel.carousel-fade .carousel-inner .prev.right,.main-nav>ul>li:hover .t-icon img:last-child,.post:hover .img:after,.product.v2:hover .product-item-inner .content-sale,.product.v3:hover .store-buy,.product.v4:hover .actions,.section-product .cate-pro .items:hover .content{
    opacity:1
}
.carousel.carousel-fade .carousel-inner .active.left,.carousel.carousel-fade .carousel-inner .active.right,.carousel.carousel-fade .carousel-inner .next,.carousel.carousel-fade .carousel-inner .prev{
    left:0;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.carousel .carousel-indicators{
    z-index:1;
    line-height:1
}
.carousel .slider-arrow{
    cursor:pointer;
    z-index:1
}
.hvr-icon-grow{
    -webkit-transition:background .3s,color .3s,box-shadow .3s;
    -moz-transition:background .3s,color .3s,box-shadow .3s;
    transition:background .3s,color .3s,box-shadow .3s
}
.hvr-icon-grow:hover .hvr-icon{
    -webkit-animation:.3s forwards toRightFromLeft;
    -moz-animation:.3s forwards toRightFromLeft;
    animation:.3s forwards toRightFromLeft
}
@-webkit-keyframes toRightFromLeft{
    49%{
        -webkit-transform:translate(100%)
    }
    50%{
        opacity:0;
        -webkit-transform:translate(-100%)
    }
    51%{
        opacity:1
    }
}
@-moz-keyframes toRightFromLeft{
    49%{
        -moz-transform:translate(100%)
    }
    50%{
        opacity:0;
        -moz-transform:translate(-100%)
    }
    51%{
        opacity:1
    }
}
@keyframes toRightFromLeft{
    49%{
        transform:translate(100%)
    }
    50%{
        opacity:0;
        transform:translate(-100%)
    }
    51%{
        opacity:1
    }
}
.t-why-post{
    border:1px solid #d7d7d7;
    padding:20px 10px 20px 100px
}
.t-why-post .t-icon{
    display:inline-block;
    width:60px;
    height:60px;
    border:1px solid #eab601;
    border-radius:50%;
    position:absolute;
    left:30px;
    z-index:0
}
.t-why-post .t-icon .fa{
    position:absolute;
    color:#eab601;
    font-size:26px;
    text-align:center;
    top:50%;
    transform:translateY(-50%)
}
.t-why-post .t-why-title{
    text-transform:uppercase;
    font-size:18px;
    font-weight:500;
    color:#eab601
}
.t-why-post:hover{
    border:1px solid #eab601
}
.t-why-post:hover .t-icon{
    background:#eab601
}
.t-why-post:hover .t-icon .fa{
    color:#fff
}
.more-bottom .btn{
    color:#fff;
    background-color:#d29948;
    border-color:#d29948
}
.more-bottom .btn:hover{
    background-color:#d30b62;
    border-color:#ca1262
}
.h-title.v2{
    font-size:36px;
    text-transform:capitalize;
    color:#b00e23;
    margin-top:40px;
    font-weight:300
}
.h-head .more,.h-head .title{
    font-size:16px;
    font-family:Inter!important;
    display:inline-block
}
.blog-sections .items .title,.h-cart span,.h-head .title,.h-hotline span,.h-policy .item .ct .title,.subs-form button,footer .f-title,header .logo .site-branding{
    text-transform:uppercase
}
.h-title{
    font-size:60px;
    font-weight:500;
    color:#111;
    padding-bottom:25px;
    background-position:bottom center;
    text-align:center;
    margin-top:79px;
    margin-bottom:10px
}
.back-to-top,.btn-call span,.h-cart em{
    background:#f36f24;
    text-align:center
}
.h-policy{
    margin-top:60px;
    cursor:pointer
}
.h-policy .item{
    border:1px solid #d7d7d7;
    position:relative;
    padding:20px;
    margin-bottom:20px
}
.h-policy .item .img{
    width:60px
}
.h-policy .item .icon{
    width:60px;
    height:60px;
    border-radius:50%;
    border:solid 1px var(--main-color);
    text-align:center;
    font-size:30px;
    color:var(--main-color);
    line-height:58px
}
.h-policy .item .ct{
    padding-left:18px
}
.h-policy .item .ct .title{
    font-size:18px;
    font-weight:500;
    color:var(--main-color);
    font-family:Inter!important;
    margin-bottom:3px
}
.h-policy .item .ct p{
    font-size:14px;
    color:#666;
    margin-bottom:0
}
.h-policy .item .over{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.h-policy .item:hover{
    border-color:var(--main-color)
}
.h-policy .item:hover .icon{
    background:var(--main-color);
    color:#fff
}
.h-head{
    border-bottom:1px solid #eaeaea;
    margin:6px 10px 10px 0px;
}
.cnv-partner-content .h-head{
    margin:6px 0px 10px 0px;
}
.h-head .title{
    color:#000;
    border-bottom:2px solid var(--main-color);
    font-weight:700
}
.h-head .more{
    font-weight:300;
    color:#444;
    vertical-align:middle
}
.h-head .more i,.md-head .more i{
    margin-left:3px
}
.h-head .more:hover,.post:hover .title a{
    color:#e9b501
}
.blog-sections .items .title:hover,.blog-sections .items ul li a:hover,.breadcrumbs ul li a:hover,.h-account .hotline a:hover,.h-hotline .hotline a:hover,.header-top .h-account a:hover,.md-head .more:hover,.md-head .title,.price,.pro-cas .slick-arrow:hover,.product .title a:hover,.product-info-detailed .attribute-description a,.section-product .box-catergories ul li.active a,.special-price,.wrap_comment .listreply .reply .rowuser,footer .tags a:hover,header a:hover,header i:hover{
    color:var(--main-color)
}
.md-head{
    border-bottom:1px solid #d2d2d2;
    margin-bottom:35px;
    padding-bottom:6px;
    margin-top:52px
}
.md-head .title{
    font-size:22px
}
.md-head .more{
    font-family:Inter!important;
    font-weight:300;
    color:#707070;
    display:inline-block;
    vertical-align:middle
}
.back-to-top,.btn-call span{
    color:#fff;
    border-radius:50%
}
.pro-cas{
    border:1px solid #d2d2d2;
    padding-bottom:33px
}
.pro-cas .slick-list,.pro-thumb .slick-list{
    margin:0 -5px
}
.pro-cas .slick-list .slick-slide{
    margin:0 5px
}
.pro-cas .slick-arrow{
    font-size:28px;
    top:50%;
    margin-top:-10px;
    color:gold
}
.pro-cas .slick-arrow.prev{
    left:-10px
}
.pro-cas .slick-arrow.next{
    right:-10px
}
.back-to-top{
    width:45px;
    height:45px;
    font-size:27px;
    line-height:45px;
    cursor:pointer;
    position:fixed;
    z-index:5;
    right:45px;
    bottom:50px
}
.back-to-top:hover,.block-title,.boxRatingCmt form a:hover{
    background:var(--main-color)
}
@media all and (min-width:1200px){
    .container{
        width:1240px
    }
}
@media all and (max-width:1199px){
    .md-left{
        text-align:left
    }
    .md-center{
        text-align:center
    }
    .md-right{
        text-align:right
    }
    .main-nav>ul>li{
        margin-right:0
    }
    .h-cart{
        margin-left:20px
    }
}
@media all and (max-width:420px){
    .product .img{
        height:160px
    }
}
.btn-call{
    position:fixed;
    top:150px;
    left:40px;
    z-index:99
}
.btn-call span{
    display:block;
    font-size:29px;
    width:56px;
    height:56px;
    margin:auto;
    line-height:60px;
    position:relative
}
.h-cart i,.nav-left .title i{
    margin-right:8px
}
.btn-call span i{
    -webkit-animation-name:lac;
    -moz-animation-name:lac;
    -ms-animation-name:lac;
    -o-animation-name:lac;
    animation-name:lac;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    animation-iteration-count:infinite
}
.btn-call span:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:50%;
    border:1px solid rgba(255,215,0,.6);
    -webkit-animation-name:zoomin;
    -moz-animation-name:zoomin;
    -ms-animation-name:zoomin;
    -o-animation-name:zoomin;
    animation-name:zoomin;
    -webkit-animation-duration:1.5s;
    -moz-animation-duration:1.5s;
    -ms-animation-duration:1.5s;
    -o-animation-duration:1.5s;
    animation-duration:1.5s;
    animation-iteration-count:infinite
}
.btn-call span:after{
    content:'';
    position:absolute;
    top:-10px;
    left:-10px;
    right:-10px;
    bottom:-10px;
    border-radius:50%;
    background:rgba(255,215,0,.6);
    z-index:-1;
    -webkit-animation-name:zoomout;
    -moz-animation-name:zoomout;
    -ms-animation-name:zoomout;
    -o-animation-name:zoomout;
    animation-name:zoomout;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -moz-animation-direction:alternate;
    -ms-animation-direction:alternate;
    -o-animation-direction:alternate;
    animation-direction:alternate
}
@keyframes lac{
    0%,100%,50%{
        transform:rotate(0)
    }
    10%,30%{
        transform:rotate(-25deg)
    }
    20%,40%{
        transform:rotate(25deg)
    }
}
@-webkit-keyframes lac{
    0%,100%,50%{
        -webkit-transform:rotate(0)
    }
    10%,30%{
        -webkit-transform:rotate(-25deg)
    }
    20%,40%{
        -webkit-transform:rotate(25deg)
    }
}
@keyframes zoomin{
    0%{
        transform:scale(.8);
        opacity:1
    }
    100%{
        transform:scale(2.2);
        opacity:.1
    }
}
@-webkit-keyframes zoomin{
    0%{
        -webkit-transform:scale(.8);
        opacity:1
    }
    100%{
        -webkit-transform:scale(2.2);
        opacity:.1
    }
}
@keyframes zoomout{
    0%{
        transform:scale(.8);
        opacity:1
    }
    100%{
        transform:scale(1.1);
        opacity:.3
    }
}
@-webkit-keyframes zoomout{
    0%{
        -webkit-transform:scale(.8);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1.1);
        opacity:.3
    }
}
@media all and (max-width:767px){
    .xs-left{
        text-align:left
    }
    .xs-center{
        text-align:center
    }
    .xs-right{
        text-align:right
    }
    .xs-pad-7{
        margin:0 -7px
    }
    .xs-pad-7>[class^=col-]{
        padding:0 7px
    }
    .xs-pad-5{
        margin:0 -5px
    }
    .xs-pad-5>[class^=col-]{
        padding:0 5px
    }
    .btn-call{
        top:auto;
        left:20px;
        bottom:20px
    }
    .btn-call span{
        font-size:24px;
        width:42px;
        height:42px;
        line-height:45px
    }
}
@media all and (min-width:992px){
    .fcol-1{
        margin-right:32px
    }
    .fcol-2{
        margin-left:-32px
    }
    .main-bar.fixed{
        position:fixed;
        left:0;
        right:0;
        top:0;
        z-index:9999;
        box-shadow:0 0 5px 0 rgba(102,102,102,.5);
        -webkit-animation:.7s ease-out forwards fadeInDown;
        -moz-animation:.7s ease-out forwards anim_titles
    }
}
.banners-wrapper,.product-grid.detailed,.slide-show{
    margin-top:5px
}
.banners-wrapper .banner-static{
    margin-bottom:6px
}
.banners-wrapper .banner-static:last-child,.info-right .warranty .ads-content ul li p{
    margin-bottom:0
}
.slideshow-wrapper{
    margin-bottom:5px
}
.statick-blocks{
    margin-top:40px
}
.section-product .box-catergories{
    position:absolute;
    top:0;
    right:0;
    font-family:Inter!important
}
.section-product .box-catergories ul li{
    display:inline-block;
    vertical-align:middle;
    position:relative
}
/*.section-product .box-catergories ul li:before{
    content:'|';
    display:inline-block;
    padding:0 10px;
    vertical-align:top
}
.section-product .box-catergories ul li:last-child{
    padding-right:0;
    border-right:0
}
*/
.section-product .box-catergories ul li a{
    padding:0;
    display:inline-block;
    vertical-align:middle;
    color:#555;
}
.section-product .box-catergories ul li a:focus,.section-product .box-catergories ul li a:hover{
    color:var(--main-color);
    background:0 0
}
.section-product .cate-pro{
    width:22.6%
}
.section-product .cate-pro .items{
    display:inline-block;
    width:49%;
    position:relative;
    margin-bottom:3px
}
.section-product .cate-pro .items .content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgb(0,80, 46 , 0.56);
    text-align:center;
    opacity:0
}
.section-product .cate-pro .items .content img{
    filter:brightness(0) invert(1)
}
.hvr-icon-grow .icon-default img{
    filter:brightness(1) invert(0)!important
}
.section-product .cate-pro .items .content .name-cate{
    text-transform:uppercase;
    color:#fff;
    margin-top:5px;
    font-family:Inter!important
}
.section-product .cate-pro .banner-cate{
    margin-top:30px;
    padding:0 2px 0 0
}
.section-product .banner-cate-no-cate-home{
    margin-top:0!important
}
.section-product .cate-pro.v2 .items{
    background:var(--main-color);
    height:80px;
    margin-bottom:1px;
    width:49.5%
}
.section-product .cate-pro.v2 .items:nth-of-type(odd){
    margin-right:1px
}
.section-product .cate-pro.v2 .items .content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    opacity:1;
    height:auto;
    padding:0;
    background:0 0
}
.section-product .cate-pro.v2 .items.bg-white{
    background:#fff;
    border:1px solid var(--main-color)
}
.main-nav>ul>li:hover>a,.section-product .cate-pro.v2 .items.bg-white .name-cate,footer ul li a:hover{
    color:var(--main-color)
}
.h-pro-box .slick-arrow,.related-product .related-slide .slick-arrow{
    top:-44px;
    border:1px solid #e6e6e6;
    color:#bdbcbc;
    font-size:18px;
    padding:0px 12px
}
.h-pro-box .slick-arrow.next{
    right:15px
}
.h-pro-box .slick-arrow.prev{
    right:48px;
    margin-right:2px
}
.h-pro-box .slick-arrow:hover,.related-product .related-slide .slick-arrow:hover{
    border:1px solid #d29948;
    color:#d29948
}
.h-pro-box .slick-current.slick-active .product .product-item-inner{
    left:100%
}
.h-pro-box.slide .product .product-item-inner{
    left:-100%;
    width:101%;
    top:-1px;
    height:101%;
    bottom:-1px
}
.blog-sections{
    background:url("../images/bg-blog.jpg");
    padding-top:56px;
    padding-bottom:33px
}
.blog-sections .items{
    background:#fff;
    padding:8px 8px 25px
}
.blog-sections .items .title{
    font-family:Inter!important;
    font-size:18px;
    margin-top:26px;
    margin-bottom:10px;
    color:#222;
}
.blog-sections .items ul,.price-box,.pro-detail,.product-info-detailed .attribute-description{
    font-family:Inter!important;
    font-weight:300;
}
.blog-sections .items ul li a:before,footer ul li a:before{
    content:'\f105';
    font-family:FontAwesome;
    display:inline-block;
    vertical-align:middle;
    font-size:13px;
    color:var(--main-color);
    margin-right:5px
}
.slider-cas .slick-arrow{
    top:40%;
    width:50px;
    height:50px;
    line-height:50px;
    font-size:30px;
    color:#fff;
    background:rgba(34,34,34,.3);
    border-radius:6px
}
.slider-cas .slick-arrow.next{
    right:10px
}
.slider-cas .slick-arrow.prev{
    left:10px
}
.slider-cas .slick-arrow:hover{
    background:rgba(34,34,34,.8)
}
.banner-static-bottom,.post-cas .list-post{
    margin-bottom:30px
}
.banner-static-bottom .item{
    width:25%;
    float:left
}
.banner-static-bottom .item:last-child{
    width:25%
}
.h-cart,.h-hotline{
    padding-left:50px;
    position:relative;
    font-family:Inter!important
}
@media (min-width:768px){
    .col-sm-f20{
        float:left;
        width:20%
    }
    .nav-tabs-dropdown{
        display:none
    }
    .section-product .nav-tabs-horizontal{
        display:block!important
    }
}
.boxRatingCmt form .ips .rating-container,.boxRatingCmt form .ips>span,.h-account,.h-hotline,.language>div,.pro-detail .wrapInfo .box-tocart .actions .primary span,.pro-detail .wrapInfo ul li>div,.pro-slider .pro-item .img,header .logo,header .logo .site-branding,header .logo img{
    display:inline-block;
    vertical-align:middle
}
header .top{
    padding:0px
}

header .logo .site-branding{
    color:var(--main-color);
    font-weight:700;
    font-family:Inter!important;
     margin:10px 0px
}
header .logo .site-branding .site-title{
    font-size:14px
}
.pagination>li i,.product-info-detailed .attribute-description .capacity,header .logo .site-branding .tag-line{
    font-size:16px
}

header a,header i{
    color:#7f7f7f
}
.search-fr{
    position:relative;
    border:1px solid silver;
    border-radius:8px;
    padding-right:0px;
    max-width:400px;
    float:right;
    width:100%;
    margin-top:6px
}
.search-fr .select{
    width:88px;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    border-right:1px solid #b8b8b8;
    overflow:hidden;
    font-family:Inter!important
}
.h-cart .icon-cart,.h-hotline .icon-phone{
    top:4px;
    position:absolute;
    height:30px;
    left:0
}
.search-fr .select:after{
    font-family:FontAwesome;
    content:"";
    font-size:13px;
    color:#6f6f6f;
    position:absolute;
    top:50%;
    line-height:16px;
    margin-top:-8px;
    right:14px
}
.search-fr select{
    width:100%;
    border:none;
    font-size:14px;
    color:#6f6f6f;
    height:100%;
    padding-left:18px;
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:1px;
    text-overflow:''
}
.search-fr input{
    width:100%;
    height:40px;
    border:none;
    padding-right:0px;
    font-size:13px;
    font-family:Inter!important;
    font-style:italic
}
.search-fr input::-webkit-input-placeholder{
    color:#bbb
}
.search-fr input:-moz-placeholder{
    color:#bbb
}
.search-fr input::-moz-placeholder{
    color:#bbb
}
.search-fr input:-ms-input-placeholder{
    color:#bbb
}
.search-fr button{
    position:absolute;
    top:-1px;
    bottom:-1px;
    right:-1px;
    color:#333;
    font-size:16px;
    width:55px;
    border-radius:0 4px 4px 0
}
.h-account,.h-hotline{
    position:relative;
    line-height:1.3;
    text-align:left
}
.h-account img,.h-hotline img{
    position:absolute;
    max-height:42px;
    max-width:42px;
    left:0;
    top:50%;
    margin-top:-21px
}
.h-account .hotline,.h-hotline .hotline{
    font-size:16px;
    font-weight:700;
    margin-bottom:2px
}
.foot a:hover,.h-account .hotline a,.h-cart:hover i,.h-cart:hover span,.h-hotline .hotline a,.main-nav li .submenu ul li a:hover,.nav-left .ct .all:hover,.nav-left .ct>ul li:hover>a{
    color:gold
}
.h-account p,.h-hotline p{
    font-size:12px;
    margin-bottom:0
}
.h-account i,.h-cart,.h-hotline,footer .tags a{
    font-size:13px
}
.h-account i{
    color:#7f7f7f
}
.h-hotline{
    margin-right:10px
}
.h-hotline .icon-phone{
    width:38px;
    background:url("../images/icon-hotline.png") no-repeat
}
.h-hotline span{
    display:block;
    margin-top:2px;
    font-size:12px;
    color:#333
}
.h-cart,.h-cart i,.language,.language>a img{
    display:inline-block
}
.h-hotline span.number{
    font-size:18px;
    font-weight:700;
    color:var(--main-color)
}
.h-cart{
    vertical-align:middle;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}
.h-cart img{
    width: 24px;
    height:24px;
}
.h-cart i{
    font-size:22px;
    vertical-align:middle
}
.h-cart span,.language img,.product.v2:hover .product-item-inner,.product.v3:hover .product-item-inner{
    display:block
}
.h-cart .icon-cart{
    width:34px;
    background:url("../images/icon-cart.png") no-repeat
}
.h-cart em{
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    line-height: 18px;
    font-size: 11px;
    font-weight: 300;
    top: -9px;
    left: 15px;
    display: none;
}
.h-cart span{
    font-size:12px;
    text-align:left;
    color:#181c32
}
.h-cart span.totals{
    font-size:14px;
    font-weight:700;
    color:var(--main-color)
}
.header-top{
    font-family:Inter!important;
    font-size:12px;
    background:#f9f9f9;
    padding:7px
}
.header-top .h-account{
    margin-right:20px;
    font-size:15px;
    vertical-align:bottom
}
.header-top .h-account a{
    color:#7f7f7f;
    padding:0 6px
}
.language{
    vertical-align:bottom;
    position:relative
}
.language>a img{
    margin-top:-1px
}
.language>a:after{
    font-family:FontAwesome;
    content:"";
    font-size:18px;
    color:#666;
    margin-left:7px
}
.language ul{
    position:absolute;
    background:#fff;
    border-radius:8px;
    right:1px;
    z-index:1;
    margin-top:8px;
    -webkit-box-shadow:0 0 5px 0 rgba(102,102,102,.4);
    box-shadow:0 0 5px 0 rgba(102,102,102,.4);
    display:none;
    width:45px;
    margin-right:5px
}
.nav-left .ct,.nav-left .ct>ul li ul{
    border:2px solid #0872a6;
    background:#fff
}
.language ul a{
    display:block;
    padding:7px 10px;
    border-bottom:1px solid #f1f1f1
}
footer .f-line span,footer .social a{
    display:inline-block;
    vertical-align:middle
}
.language ul a:hover{
    background:#f1f1f1
}
footer{
    background:#fff;
    padding-top:10px;
    font-family:Inter!important;
    border-top:1px solid #f37021;
}
footer .f-title{
    font-weight:500;
    color:var(--main-color);
    margin-top:15px;
    margin-bottom:16px;
    font-family:Inter!important
}
.block-address-contact .f-line,footer .f-line{
    position:relative;
    color:#555;
    font-size:15px;
    margin-bottom:6px
}
footer .f-line span{
    line-height:21px
}
footer .store-adress .f-title{
    color:#cf9e38
}
footer ul li{
    display:block;
    color:#22313f;
    margin-bottom:14px;
    font-size:15px
}
footer .fanpage{
    margin-top:33px;
    margin-bottom:60px
}
footer .map{
    max-height:163px;
    border:4px solid #d7d4d4;
    box-shadow:1px 2px 7px 2px rgba(169,163,163,.35)
}
footer .map iframe{
    width:100%;
    height:157px
}
footer .social a{
    width:40px;
    height:40px;
    color:#fff;
    text-align:center;
    font-size:18px;
    padding:9px;
    margin-right:2px;
    position:relative
}
footer .social a span:before{
    position:absolute;
    top:52%;
    left:50%;
    transform:translate(-50%,-50%)
}
footer .social a .fa-zalo{
    width:26px;
    height:26px;
    background:url("../images/icon-zalo.png")
}
footer .social a.z{
    background:#fff;
    padding:5px
}
footer .social a.g{
    background:#ef5a48
}
footer .social a.f{
    background:#415a99
}
footer .social a.t{
    background:#00caff
}
footer .social a.d{
    background:#f26798
}
footer .social a.v{
    background:#1ab7ea
}
footer .social a.p{
    background:#cb222a
}
.foot{
    line-height:25px;
    background:#f0f2f5;
    padding:7px 0;
    color:#333;
    font-size:13px;
    margin-top:33px;
    position:relative
}
.foot a,.product-info-detailed .attribute-description a.product-hotline{
    font-weight:700
}
.foot span.company{
    font-family:Inter!important;
    font-size:15px
}
.subs-form input{
    height:35px;
    width:100%;
    border:none
}
.subs-form input::-webkit-input-placeholder{
    color:#666
}
.subs-form input:-moz-placeholder{
    color:#666
}
.subs-form input::-moz-placeholder{
    color:#666
}
.subs-form input:-ms-input-placeholder{
    color:#666
}
.subs-form button{
    color:#fff;
    font-family:Inter!important;
    padding:0 12px;
    position:absolute;
    height:35px;
    bottom:8px;
    right:6px;
    color:var(--main-color);
    background:#fff;
    font-size:14px;
    font-weight:700
}
.block-title h3,.nav-left .menu-title,.nav-sections>ul>li>a,.product .title{
    font-family:Inter!important;
    text-transform:uppercase
}
.contacthome span,.submenu .item a{
    font-weight:500;
    font-size:16px
}
.contacthome{
    position:fixed;
    background:rgba(255,255,255,.9);
    box-shadow:0 0 3px rgba(0,0,0,.3);
    bottom:0;
    left:0;
    width:100%;
    color:#fff;
    z-index:100
}
.contacthome a{
    color:#444
}
.contacthome i{
    margin-right:10px;
    color:#fff;
    background:#e9b501;
    width:35px;
    height:35px;
    text-align:center;
    line-height:35px;
    font-size:16px
}
.main-nav li .submenu,.main-nav>ul{
    position:absolute;
    z-index:99;
    background:#fff
}
.main-bar{
    background:#fff;
    position:relative;
    box-shadow: 0 0 5px 2px rgba(102, 102, 102, 0.5);
    z-index: 999;
}
.main-nav>ul{
    width:100%;
    font-size:0;
    border-left:1px solid var(--main-color);
    border-right:1px solid var(--main-color)
}
.main-nav>ul>li{
    position:static;
    display:block;
    font-size:13px;
    background:#f3f3f3;
    border:1px solid #dfdfdf;
    border-bottom:1px solid transparent;
    border-left:0
}
.main-nav>ul>li:hover>a:after{
    content:'';
    position:absolute;
    width:1px;
    height:100%;
    background:#fff;
    top:0;
    right:-1px;
    z-index:2
}
.main-nav>ul>li>a{
    position:relative;
    display:block;
    color:#333;
    font-weight:700;
    padding:10px 10px 7px 53px;
    text-transform:uppercase
}
.main-nav>ul>li .t-icon img{
    position:absolute;
    top:4px;
    left:8px;
    margin:0 auto;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.main-nav.hv,.product.v4 .ct{
    position:relative;
    z-index:2
}
.main-nav li{
    position:relative;
    text-align:left
}
.main-nav li .submenu{
    left:100%;
    top:-1px;
    width:712px;
    -moz-transition:.2s ease-in-out;
    -o-transition:.2s ease-in-out;
    -ms-transition:.2s ease-in-out;
    transition:.2s ease-in-out;
    margin-top:10px;
    pointer-events:none;
    opacity:0;
    border:1px solid var(--main-color);
    padding:0 0 0 10px;
    font-family:Inter!important
}
.submenu .item a{
    padding:5px 10px;
    display:block
}
.main-nav li .submenu .groupdrop-title{
    text-transform:uppercase;
    font-weight:700
}
.best-seller .list-best,.main-nav li .submenu ul,.pro-detail .info-promotions{
    margin-top:10px
}
.main-nav li:hover .submenu,.main-nav li:hover>ul,.nav-left .ct>ul li:hover>ul,.nav-left:hover>.ct{
    margin-top:0;
    opacity:1;
    pointer-events:all
}
.main-nav li .submenu ul li a{
    padding:10px 0;
    line-height:22px;
    display:block;
    text-transform:uppercase;
    color:#333
}
.nav-left .menu-title{
    background:#d29948;
    color:#fff;
    display:block;
    padding:11px 10px 7px 53px;
    cursor:pointer;
    font-weight:700
}
.nav-left .main-nav,.nav-sections>ul>li ul{
    background:#fff;
    position:absolute;
    margin-top:10px;
    opacity:0;
    pointer-events:none;
    z-index:9
}
.hotline,.nav-left .ct .all,.nav-sections>ul>li,.price-box .old-price,.price-box .price,.price-box .special-price,.pro-detail .wrapInfo .select-status{
    display:inline-block
}
.nav-left .main-nav{
    width:100%;
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out;
    -webkit-box-shadow:1px 2px 10px 0 rgba(0,0,0,.2);
    box-shadow:1px 2px 10px 0 rgba(0,0,0,.2)
}
.nav-sections>ul>li>a{
    -webkit-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    display:block;
    vertical-align:top;
    padding:11px 8px 7px;
    box-sizing:border-box;
    border-width:0;
    border-style:solid;
    text-decoration:none;
    cursor:pointer;
    line-height:21px;
    color:#181c32;
    font-weight:700
}
.nav-sections>ul>li>a:hover,.product .ct .actions .actions-primary:hover,.product .ct .actions .btn-detail:hover,.product.v2 .product-item-inner .actions .actions-primary:hover,.product.v2 .product-item-inner .actions .btn-detail:hover,.product.v3 .product-item-inner .actions .actions-primary:hover,.product.v3 .product-item-inner .actions .btn-detail:hover,.product.v4 .actions .actions-primary:hover,.product.v4 .actions .btn-detail:hover{
    background:#d29948
}
.nav-sections>ul>li ul{
    font-family:Inter!important;
    min-width:222px;
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out;
    -webkit-box-shadow:1px 2px 10px 0 rgba(0,0,0,.2);
    box-shadow:1px 2px 10px 0 rgba(0,0,0,.2)
}
.nav-sections>ul>li ul li{
    border-bottom:1px solid #3b3b3b
}
.nav-sections>ul>li ul li:last-child{
    border-bottom:0
}
.nav-sections>ul>li ul li a{
    display: block;
    color: #fff;
    padding: 7px 15px;
    line-height: 21px;
    background: #3b3b3b;
}
.nav-sections>ul>li ul li a:hover,.newsletter .subs-form button:hover{
    color:#f36f24
}
.hotline{
    float:right;
    color:gold;
    font-size:18px;
    vertical-align:middle;
    padding:12px 15px
}
.nav-left{
    position:relative;
    z-index:2;
    max-width:300px
}
.nav-left .title{
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    background:#107cb0;
    padding:14px 20px 12px;
    color:#fff;
    cursor:pointer
}
.nav-left .ct{
    position:absolute;
    left:0;
    width:100%;
    padding:0 18px 0 20px;
    -webkit-transition:.35s ease-in-out;
    -moz-transition:.35s ease-in-out;
    -o-transition:.35s ease-in-out;
    -ms-transition:.35s ease-in-out;
    transition:.35s ease-in-out;
    margin-top:10px;
    opacity:0;
    pointer-events:none
}
.nav-left .ct>ul a{
    display:block;
    color:#2a2a2a;
    position:relative;
    padding:10px 10px 10px 40px;
    border-bottom:1px solid #e6e6e6
}
.nav-left .ct>ul a .icon{
    position:absolute;
    width:30px;
    height:30px;
    left:0;
    top:50%;
    margin-top:-15px
}
.nav-left .ct>ul li ul{
    position:absolute;
    left:100%;
    top:-2px;
    width:100%;
    margin-left:18px;
    border-left-color:#fff;
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    -ms-transition:.25s ease-in-out;
    transition:.25s ease-in-out;
    margin-top:10px;
    opacity:0;
    pointer-events:none
}
.nav-left .ct>ul li .cate-drop{
    float:right;
    font-style:normal;
    font-size:18px;
    margin-top:9px
}
.nav-left .ct>ul li .cate-drop:after{
    font-family:FontAwesome;
    content:""
}
.nav-left .ct>ul li .cate-drop.active:after,.nav-left .ct>ul li:hover>.cate-drop:after{
    content:'\f105'
}
.nav-left .ct>ul li:hover>.cate-drop{
    color:#b34034
}
.nav-left .ct .all{
    vertical-align:middle;
    padding:10px;
    text-transform:uppercase;
    color:#2a2a2a
}
.nav-left .ct .all i{
    margin-left:4px
}
.header-wrapper-content.fixed{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:9;
    box-shadow:0 0 5px 0 rgba(102,102,102,.5);
    background:#fff;
    -webkit-animation:.7s ease-out forwards fadeInDown;
    -moz-animation:.7s ease-out forwards anim_titles
}
.slider-cas .slick-list,.slider-cas .slick-list .slick-slide{
    margin:0
}
.slider-cas .slick-dots{
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
.product,.product .ct,.product .img,.product-grid{
    position:relative
}
.slider-cas .slick-dots li{
    border:1px solid #fff;
    background:0 0
}
.product{
    border:1px solid #e9dcc0;
    padding-top:0;
    margin-bottom:30px
}
.product .title{
    height:19px;
    line-height:19px;
    color:#222;
    margin-bottom:5px;
    min-height:33px;
    max-height:33px;
    overflow:hidden
}
.product .label,.product .sale{
    line-height:26px;
    top:5px;
    z-index:1
}
.product .img{
    display:block;
    height:auto;
}
.product .img img{
    height:auto
}
.product .img .product-item-inner{
    position:absolute;
    left:0;
    background:rgba(251,246,234,.95);
    color:#555;
    width:100%;
    text-align:left;
    opacity:0;
    visibility:hidden;
    bottom:-200px;
    transition:.6s;
    padding:10px;
    border-bottom:1px solid #e9dcc0
}
.product .img .product-item-inner .content-sale{
    color:var(--main-color);
    line-height:22px;
    margin-top:20px;
    margin-bottom:20px
}
.product .img .product-item-inner .store-buy{
    color:#cf9e38;
    display:block
}
.product .ct{
    padding:10px 5px;
    text-align:center;
    background:#e5e5e5
}
.product .ct .actions{
    position:absolute;
    width:100%;
    left:0;
    padding:5px;
    text-align:center;
    opacity:0;
    bottom:0
}
.product .ct .actions .actions-primary,.product .ct .actions .btn-detail{
    display:inline-block;
    width:49%;
    background:var(--main-color);
    text-align:center;
    color:#fff;
    padding:5px;
    font-size:11px;
    text-transform:uppercase;
    font-family:Inter!important
}
.product .ct .actions .actions-primary .tocart,.product.v2 .product-item-inner .actions .actions-primary .tocart,.product.v3 .product-item-inner .actions .actions-primary .tocart,.product.v4 .actions .actions-primary .tocart{
    text-transform:uppercase
}
.product .sale{
    width:55px;
    height:22px;
    text-align:center;
    color:#fff;
    position:absolute;
    right:5px;
    font-size:13px;
    background:var(--main-color)
}
.product .label{
    width:46px;
    height:46px;
    text-align:center;
    color:#fff;
    position:absolute;
    right:5px;
    font-size:10px;
    background-image:url(../images/label.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    border-radius:50%;
    white-space:normal;
    font-weight:400;
    padding:0
}
.product .label.new{
    line-height:46px
}
.product .label.best-seller,.product .label.out-of-stock,.product .label.promotion{
    line-height:13px;
    font-size:10px;
    padding-top:11px;
    font-weight:400
}
.product.v2 .ct,.product.v3 .ct{
    position:absolute;
    width:100%;
    top:164px;
    transition:.6s
}
.product.v3 .product-item-inner{
    text-align:left;
    background:0 0;
    left:0;
    margin:0 0 0 -1px;
    padding:0 0 9px;
    right:-1px;
    z-index:2;
    border-top:0;
    font-family:Inter!important
}
.product.v4 .actions,.product.v4 .store-buy{
    z-index:1;
    padding:5px;
    width:100%;
    font-family:Inter!important
}
.product.v3 .product-item-inner .content-sale{
    color:var(--main-color);
    font-size:11.5px;
    line-height:22px;
    min-height:40px;
    max-height:40px;
    overflow:hidden
}
.product.v3 .product-item-inner .store-buy{
    font-size:11.5px;
    color:#cf9e38;
    margin-bottom:15px;
    display:block;
    opacity:0
}
.product.v3 .product-item-inner .actions .actions-primary,.product.v3 .product-item-inner .actions .btn-detail{
    display:inline-block;
    width:49%;
    background:var(--main-color);
    text-align:center;
    color:#fff;
    padding:5px;
    font-size:11px;
    text-transform:uppercase
}
.product.v3:hover .ct{
    position:absolute;
    top:122px;
    z-index:2;
    background:rgba(251,246,234,.9)
}
.product.v4 .actions{
    position:absolute;
    opacity:0;
    top:25%
}
.product.v4 .actions .actions-primary,.product.v4 .actions .btn-detail{
    font-weight:700;
    display:inline-block;
    width:49%;
    background:var(--main-color);
    text-align:center;
    color:#fff;
    padding:5px;
    font-size:11px;
    text-transform:uppercase
}
.product.v2:hover .ct,.product.v4 .store-buy{
    background:rgba(251,246,234,.9);
    position:absolute
}
.product.v4 .store-buy{
    left:0;
    bottom:-40px;
    transition:.6s;
    font-size:12px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    line-height:16px;
    text-align:left;
    min-height:34px;
    max-height:34px;
    overflow:hidden
}
.product.v4:hover .store-buy{
    bottom:0
}
.product.v2 .product-item-inner{
    text-align:left;
    background:0 0;
    left:0;
    margin:0 0 0 -1px;
    padding:0 9px 9px;
    right:-1px;
    z-index:2;
    border-top:0;
    font-family:Inter!important
}
.product.v2 .product-item-inner .content-sale{
    color:var(--main-color);
    opacity:0;
    font-size:13px;
    line-height:22px;
    min-height:60px;
    max-height:60px;
    overflow:hidden
}
.product.v2 .product-item-inner .store-buy{
    font-size:11.5px;
    color:#222;
    margin-top:10px;
    margin-bottom:15px;
    display:block
}
.product.v2 .product-item-inner .actions .actions-primary,.product.v2 .product-item-inner .actions .btn-detail{
    display:inline-block;
    width:49%;
    background:var(--main-color);
    text-align:center;
    color:#fff;
    padding:7px 5px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:700
}
.product.v2:hover .ct{
    top:0;
    height:100%;
    z-index:2
}
.product:hover .ct{
    background:#fbf6ea
}
.product:hover .ct .actions{
    opacity:1;
    bottom:0
}
.product:hover .title{
    color:#222
}
.product:hover .product-item-inner{
    opacity:1;
    bottom:0;
    visibility:visible
}
.pro-slider .pro-item ul li .item:hover .price,.pro-slider .pro-item ul li .item:hover .special-price,.product:hover .price,.product:hover .special-price{
/*    color:#f61313*/
}
.img-banner{
    padding-right:4px
}
.pro-imgs .floatImgPro{
    position:absolute;
    top:10%;
    right:19%
}
.price-box .old-price{
    font-size:16px;
    margin-right:10px
}
.post .more,.post .title{
    font-size:16px;
    font-weight:500
}
.old-price{
    text-decoration:line-through;
    font-size:12px;
    color:#333
}
.pro-slider .pro-item .ct{
    display:inline-block;
    vertical-align:middle;
    width:calc(100% - 100px);
    padding-left:10px
}
.pro-slider .pro-item .ct .title{
    color:#222;
    font-size:12px;
    font-family:Inter!important;
    font-weight:700;
    margin-bottom:5px
}
.pro-slider .pro-item ul li{
    padding:13px 0;
    border-bottom:1px dashed #eaeaea
}
.pro-slider .pro-item ul li .item:hover{
    background:#faf5e9
}
.pro-slider .slick-dots{
    margin-top:10px;
    margin-bottom:20px
}
.product-grid{
    margin-top:0
}

.category .product-grid{
    margin-top:42px
}
.category .product-grid.page_search{
    margin-top:0
}
@media (min-width:1025px){
    footer .social{
        position:absolute;
        top:0;
        z-index:9;
        left:55%;
        transform:translate(-55%,0)
    }
    .homepage .main-bar:not(.fixed) .nav-left .main-nav{
        display:none
    }
    #myNavbar{
        display:block;
        text-align:center
    }
    .product{
        min-height:243px;
        max-height:243px;
        overflow:hidden
    }
}
@media (max-width:1024px){
    .contacthome,.h-cart span,.main-nav>ul>li>a:not(:only-child):after,.nav-sections>ul>li>a:not(:only-child):after,.related-product,.slideshow-wrapper .menu-left{
        display:none
    }
    footer .fanpage{
        margin-bottom:20px
    }
    footer .fanpage .fb_iframe_widget iframe,footer .fanpage .fb_iframe_widget span{
        width:100%!important
    }
    .nav-left .menu-title{
        padding-left:30px
    }
    .nav-left .menu-title[aria-expanded=true]:after{
        font-family:FontAwesome;
        content:""
    }
    .nav-left .menu-title:after{
        font-family:FontAwesome;
        content:"";
        position:absolute;
        right:15px;
        top:8px;
        font-size:18px
    }
    .nav-left .main-nav{
        pointer-events:all
    }
    .menu-title{
        padding-right:0;
        padding-left:0;
        position:static
    }
    .menu-right{
        padding-left:0;
        display:none
    }
    .main-nav{
        float:none;
        text-align:center;
        margin-left:0
    }
    .main-nav #myNavbar{
        position:absolute;
        right:0;
        left:0;
        top:100%;
        z-index:2;
        padding-right:0;
        padding-left:0;
        margin-right:0;
        margin-left:0;
        background:#fff;
        text-align:left;
        -webkit-box-shadow:1px 2px 10px 0 rgba(0,0,0,.2);
        box-shadow:1px 2px 10px 0 rgba(0,0,0,.2)
    }
    .main-nav #myNavbar>div,footer .about{
        padding:0
    }
    .main-nav #myNavbar .nav-sections>ul>li{
        border-bottom:1px solid #dfdfdf
    }
    .main-nav #myNavbar .nav-sections>ul>li>a{
        padding:10px 20px
    }
    .menu-btn{
        width:40px;
        height:40px;
        cursor:pointer;
        color:#fff;
        background:#d70a5b;
        top:20px;
        position:absolute
    }
    .nav-left .main-nav.collapse.in{
        display:block;
        opacity:1;
        margin-top:0;
        overflow:scroll
    }
    #myNavbar{
        overflow:scroll
    }
    .menu-btn[aria-expanded=true] i{
        width:auto;
        height:auto;
        border:none;
        margin-top:20px
    }
    .menu-btn[aria-expanded=true] i:after,.menu-btn[aria-expanded=true] i:before{
        content:'';
        display:block;
        margin:auto;
        width:17px;
        border-bottom:2px solid #fff
    }
    .menu-btn[aria-expanded=true] i:before{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .menu-btn[aria-expanded=true] i:after{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        margin-top:-2px
    }
    .main-nav li .submenu,.nav-sections li .submenu,.nav-sections>ul>li ul{
        opacity:1;
        pointer-events:all;
        margin-top:0;
        border:none;
        margin-left:0;
        display:none
    }
    .main-nav li .submenu,.nav-sections li .submenu{
        -webkit-transition:none;
        transition:none;
        border-top:1px solid #dfdfdf
    }
    .main-nav li .submenu .groupdrop-title{
        margin:10px 0
    }
    .nav-sections>ul>li .nav-drop{
        display:block;
        padding-top:2px;
        background:rgba(255, 255, 255, 0.04);
        color:#fff
    }
    .nav-sections>ul>li ul{
        -webkit-transition:none;
        transition:none;
        width:auto;
/*        border-top:1px solid #dfdfdf;*/
        border-top:none
    }
    .nav-sections>ul>li ul li a{
        padding:13px 35px
    }
    .main-nav>ul>li .nav-drop,.nav-sections>ul>li .nav-drop{
        float:right;
        font-style:normal;
        font-size:18px;
        height:48px;
        width:48px;
        margin:0;
        text-align:center;
        line-height:48px;
        cursor:pointer;
        position:relative;
        z-index:1
    }
    .main-nav>ul>li .nav-drop:after,.nav-sections>ul>li .nav-drop:after{
        font-family:FontAwesome;
        content:"";
        color: #090d14;
    }
    .main-nav>ul>li .nav-drop.act:after,.nav-sections>ul>li .nav-drop.act:after{
        content:'\f105'
    }
    .product .product-item-inner,.product:hover .product-item-inner{
        display:none!important
    }
    .h-cart .icon-cart,.product.v2 .ct,.product.v2:hover .ct{
        position:static
    }
    .product .img{
        height:auto;
        text-align:center
    }
    .product .img img{
        position:static;
        height:auto
    }
    .category .product-grid{
        margin-top:10px;
        margin-left:-7.5px;
        margin-right:-7.5px
    }
    .search-fr,footer .social,header .account-cart{
        margin-top:10px
    }
    .search-fr{
        max-width:inherit
    }
    .h-cart{
        padding-left:0
    }
    footer{
        padding-top:0
    }
    footer .social{
        display:inline-block;
        width:100%;
        text-align:center;
        position:inherit;
        left:0;
        transform:translate(0,0)
    }
}
.post .title{
    color:#333;
    margin-bottom:10px
}
.post .img,.wrap_comment{
    display:block;
    overflow:hidden;
    position:relative
}
.post .img img{
    display:block;
    width:100%;
    opacity:1;
    transition:opacity 1s ease-in-out;
    -moz-transition:opacity 1s ease-in-out;
    -webkit-transition:opacity 1s ease-in-out
}
.post p{
    line-height:22px;
    color:#666
}
.post .more{
    text-transform:uppercase;
    color:#ea240a
}
.post .time{
    width:65px;
    text-transform:uppercase;
    line-height:1;
    padding-top:36px;
    padding-bottom:7px;
    padding-left:10px;
    float:left;
    text-align:center;
    color:#888
}
.post .time strong{
    margin-bottom:4px;
    display:block;
    font-size:45px;
    font-weight:500;
    color:#111
}
.post:hover .img img{
    opacity:.8;
    transition:opacity .55s ease-in-out;
    -moz-transition:opacity .55s ease-in-out;
    -webkit-transition:opacity .55s ease-in-out
}
.post:hover .more{
    color:#0059a9
}
.post-cas .slick-arrow{
    height:59px;
    top:-59px
}
.post-cas .slick-arrow.prev{
    left:-75px
}
.post-cas .slick-arrow.next{
    right:-75px
}
.post_header_title{
    margin-left:84px;
    border-left:2px solid #e9b501;
    padding:23px 10px 15px
}
.block-title h3{
    font-size:14px;
    color:#fff;
    padding:15px 26px 13px;
    line-height:14px
}
.popUpBannerBox{
    position:fixed;
    background:rgba(42,42,42,.57);
    width:100%;
    height:100%;
    top:0;
    left:0;
    color:#fff;
    z-index:9999;
    display:none
}
.popUpBannerInner{
    max-width:300px;
    margin:0 auto
}
.popUpBannerContent{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.closeButton{
    font-size:0;
    width:11px;
    height:11px;
    background:url("../images/close.png") no-repeat;
    position:fixed;
    top:10px;
    right:10px
}
.newsletter{
    background:#e3106f;
    width:267px;
    border-radius:3px;
    position:fixed;
    bottom:20px;
    left:20px;
    z-index:2
}
.newsletter .subs-form{
    padding:8px 5px;
    display:inline-block;
    vertical-align:middle;
    width:calc(100% - 92px)
}
.newsletter .subs-form h3{
    font-size:12px;
    color:#fff;
    font-family:Inter!important;
    margin-bottom:5px
}
.newsletter .subs-form input{
    height:30px;
    width:100%;
    border:1px solid #fff;
    background:0 0;
    border-radius:3px;
    font-size:12px;
    color:#fff;
    font-family:Inter!important
}
.newsletter .subs-form button{
    text-transform:uppercase;
    color:#fff;
    font-family:Inter!important;
    padding:0 12px;
    position:absolute;
    height:30px;
    bottom:8px;
    right:5px;
    color:var(--main-color);
    background:#fff;
    font-size:12px;
    font-weight:700;
    border-radius:0 3px 3px 0
}
.newsletter .img-newsletter{
    display:inline-block;
    vertical-align:middle;
    padding:1px 0
}
.newsletter .close-ads{
    width:18px;
    height:18px;
    background:#e3106f;
    border-radius:50%;
    position:absolute;
    top:-10px;
    right:-10px
}
.newsletter .close-ads a{
    font-size:0;
    width:18px;
    height:18px;
    background:url("../images/close.png") 3px 4px no-repeat;
    display:block
}
.pagination>li{
    display:inline-block;
    margin-right:10px
}
.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{
    border-radius:0
}
.pagination>li>a,.pagination>li>span{
    color:#777;
    padding:6px 12px;
    width:35px;
    height:35px;
    line-height:24px;
    font-size:17px
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
    background:var(--main-color);
    border:1px solid var(--main-color);
    color:#fff
}
.breadcrumbs{
    background:#f9f9f9;
    font-family:Inter!important;
    font-size:13px;
    color:#555;
    margin-bottom:17px
}
.current-seller,.info-right .warranty .block-ads-title{
    background:var(--main-color);
    text-transform:uppercase;
    font-weight:700
}
.breadcrumbs ul li{
    display:inline-block;
    vertical-align:middle;
    padding:8px 26px 8px 0
}
.breadcrumbs ul li a:after,.breadcrumbs ul li span:after{
    content:"";
    position:absolute;
    top:-11px;
    right:-20px;
    background:url(../images/bg-breadcrumbs.png) no-repeat;
    width:19px;
    height:36px
}
.pro-img .slick-slide img{
    width:auto;
    height:auto;
    margin: 0 auto;
}
.pro-thumb{
    padding:0 30px;
    margin-top:10px
}
.pro-thumb .slick-arrow{
    top:50%;
    transform:translateY(-50%);
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.pro-thumb .slick-arrow:hover{
    -webkit-filter:none;
    filter:none
}
.pro-thumb .slick-arrow.next,.related-product .related-slide .slick-arrow.next{
    right:0
}
.pro-thumb .slick-arrow.prev{
    left:0
}
.pro-thumb .item{
    border:1px solid #dadada;
    margin:0 5px;
    cursor:pointer;
    border-radius:.5rem;
    padding: 5px;
}
.pro-thumb .item.slick-current{
    border:1px solid var(--main-color)
}
.pro-detail .title{
    font-size:18px;
    font-weight:700;
    color:#000
}
.pro-detail .short-descriptions{
    font-size:13px;
    color:#555;
    line-height:19px
}
.pro-detail .sku{
    color:#333;
    font-size:13px;
    margin-top:8px;
    margin-bottom:10px
}
.pro-detail .wrapInfo ul li{
/*    border-bottom:1px solid #efefef;*/
    padding: 0px;
    margin-top: 15px;
}
.pro-detail .wrapInfo ul li>div select{
    background:#f2f2f2;
    border:0;
    font-size:13px;
    color:#555;
    height:30px;
    width:100%
}
.pro-detail .wrapInfo ul li>div.text-label{
    width:calc(100% - 164px);
    font-size:13px;
    color:#555
}
.pro-detail .wrapInfo ul li>div.valueright{
    width:160px
}
.pro-detail .wrapInfo ul li>div .stock{
    font-size:13px;
    color:#555
}
.pro-detail .wrapInfo ul li>div .weight{
    background:#f2f2f2;
    border:0;
    font-size:13px;
    color:#555;
    height:30px;
    width:100%;
    display:block;
    padding-left:8px;
    line-height:30px
}
.pro-detail .wrapInfo ul li>div .quantity .minus,.pro-detail .wrapInfo ul li>div .quantity .plus{
    display:inline-block;
    float:left;
    height:30px;
    width:40px;
    background-color:#999;
    color:#fff;
    text-align:center;
    line-height:30px;
    font-size:13px;
    border:0
}
.pro-detail .wrapInfo ul li>div .quantity .qty{
    display:inline-block;
    float:left;
    height:30px;
    width:50px;
    background-color:#ededed;
    text-align:center;
    border-radius:0;
    border:0
}
.pro-detail .wrapInfo .price-box{
    font-size:22px;
    line-height:26px
}
.pro-detail .wrapInfo .price-box .old-price{
    color:#373737;
    font-size:22px
}
.pro-detail .wrapInfo .select-status input[type=radio]+label{
    font-size:13px;
    color:#555;
    cursor:pointer;
    user-select:none;
    padding-left:15px;
    padding-right:5px;
    position:relative
}
.pro-detail .wrapInfo .select-status input[type=radio]+label::before{
    transition:250ms cubic-bezier(.4, .25, .3, 1);
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    border:2px solid #969696;
    font-size:0;
    position:absolute;
    bottom:5px;
    left:0
}
.pro-detail .wrapInfo .select-status input[type=radio]+label::after{
    transition:250ms cubic-bezier(.4, .25, .3, 1);
    content:"";
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#969696;
    position:absolute;
    bottom:8px;
    left:3px
}
.pro-detail .wrapInfo .select-status input[type=radio]:checked+label::before{
    background-color:transparent;
    border:2px solid var(--main-color);
    width:10px;
    height:10px;
    border-width:2px
}
.boxRatingCmt .crt .lcrt,.boxRatingCmt .crt .rcrt{
    float:left;
    border-right:1px solid #eee;
    box-sizing:border-box
}
.pro-detail .wrapInfo .select-status input[type=radio]:checked+label::after{
    width:4px;
    height:4px;
    background-color:var(--main-color)
}
.pro-detail .wrapInfo .box-tocart{
    text-align:left;
    margin-top:10px
}
.pro-detail .wrapInfo .box-tocart .actions .primary{
    text-transform:uppercase;
    font-size:13px;
    color:#fff;
    background:var(--main-color);
    width:202px;
    text-align:left;
    font-weight:700
}
.pro-detail .wrapInfo .box-tocart .actions .primary .icon{
    width:42px;
    height:42px;
    background:url(../images/cart-actions.png) 10px no-repeat var(--main-color);
    margin-right:10px
}
.pro-detail .wrapInfo .box-tocart .actions .primary:hover{
    background:var(--main-color)
}
.pro-detail .wrapInfo .box-tocart .actions_buy_cart{
    display:inline-flex
}
.pro-detail .wrapInfo .box-tocart .actions_buy_cart a.buy-now{
    margin-left:10px
}
.pro-detail .info-promotions h3{
    font-size:14px;
    text-transform:uppercase;
    color:var(--main-color);
    font-weight:700;
    margin-bottom:5px
}
.pro-detail .info-promotions ul li{
    line-height:24px;
    font-size:13px;
    color:#555
}
.current-seller{
    color:#fff;
    font-size:11px;
    padding:13px 30px;
    text-align:center;
    margin-bottom:10px
}
.best-seller,.info-right{
    padding-left:20px
}
.info-right{
    font-family:Inter!important
}
.info-right .warranty .block-ads-title{
    color:#fff;
    font-size:12px;
    text-align:center;
    padding:11px
}
.info-right .warranty .ads-content{
    padding:11px;
    background:#eeece1
}
.info-right .warranty .ads-content ul li{
    position:relative;
    padding-left:70px;
    border-bottom:1px solid #eeece1;
    padding-top:6px;
    padding-bottom:6px
}
.info-right .warranty .ads-content ul li .ads-title{
    text-transform:uppercase;
    font-size:12px;
    font-weight:700;
    color:#444
}
.info-right .warranty .ads-content ul li .small{
    font-size:12px;
    color:#9c9c9c
}
.info-right .warranty .ads-content ul li .icon{
    position:absolute;
    width:60px;
    text-align:center;
    top:50%;
    left:5px;
    transform:translateY(-50%)
}
.info-right .warranty .ads-content ul li .number{
    font-size:15px;
    color:var(--main-color);
    font-weight:700
}
.product-info-detailed{
    padding-bottom:10px;
    color:#333;
}
.product-info-detailed .nav-tabs{
    margin-bottom:20px
}
.product-info-detailed .nav-tabs>li{
    margin-right:76px
}
.product-info-detailed .nav-tabs>li>a{
    font-family:Inter!important;
    font-size:14px;
    color:#333;
    font-weight:700;
    text-transform:uppercase;
    border:0;
    padding:15px 0
}
.product-info-detailed .nav-tabs>li>a:hover{
    background:0 0;
    border:0
}
.product-info-detailed .nav-tabs>li.active>a{
    color:var(--main-color);
    border-bottom:2px solid var(--main-color)
}
.product-info-detailed .nav-tabs>li.active>a,.product-info-detailed .nav-tabs>li.active>a:focus,.product-info-detailed .nav-tabs>li.active>a:hover{
    background:0 0;
    border-top:0;
    border-left:0;
    border-right:0
}
.product-info-detailed .attribute-description .name-product{
    font-size:18px;
    font-weight:700
}
.product-info-detailed .attribute-description .price{
    color:#ee043b;
    font-size:16px;
    font-weight:700
}
.rating-summary .rating-result:before,.rating-summary .rating-result>span:before{
    content:"\f005" "\f005" "\f005" "\f005" "\f005";
    font-style:normal;
    font-weight:400;
    letter-spacing:3px;
    font-size:13px;
    height:13px;
    line-height:13px;
    display:block;
    font-family:FontAwesome
}
.related-product{
    margin-top:45px
}
.related-product .related-slide .slick-arrow.prev{
    right:35px;
    margin-right:2px
}
.rating-summary{
    display:inline-block;
    position:relative;
    text-align:left
}
.rating-summary .rating-result{
    width:75px;
    position:relative;
    vertical-align:middle;
    display:inline-block
}
.rating-summary .rating-result>span{
    display:block;
    overflow:hidden
}
.rating-summary .rating-result>span:before{
    color:#fd9727;
    position:relative;
    z-index:2
}
.rating-summary .rating-result:before{
    position:absolute;
    top:0;
    left:0;
    color:#ccc;
    width:100%;
    z-index:1
}
.comdetail{
    border-top:1px solid #f2f2f2;
    padding-top:32px
}
.boxRatingCmt{
    border-bottom:1px solid #e4e4e4;
    margin-bottom:20px;
    font-family:Inter!important
}
.boxRatingCmt .tltRt h3{
    display:block;
    line-height:1.3em;
    font-size:18px;
    color:#000;
    padding-left:15px
}
.boxRatingCmt .toprt{
    border:1px solid #ddd;
    border-radius:5px;
    padding:18px 15px;
    margin-bottom:20px
}
.boxRatingCmt form .ct{
    box-sizing:border-box;
    width:50%;
    float:left;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    margin-top:5px
}
.boxRatingCmt form textarea{
    font-size:14px;
    color:#999;
    padding:5px;
    margin:5px 0;
    width:100%;
    height:78px;
    resize:none;
    border:none;
    box-sizing:border-box
}
.boxRatingCmt form a,.boxRatingCmt form input{
    font-size:14px;
    width:43%;
    display:inline-block
}
.boxRatingCmt form .if{
    box-sizing:border-box;
    width:49%;
    float:right
}
.boxRatingCmt form input{
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding:5px;
    margin:5px 10px 5px 0;
    height:43px;
    float:left;
    color:#333
}
.boxRatingCmt form a{
    background:#288ad6;
    border:1px solid #288ad6;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    color:#fff;
    padding:9px 0;
    margin:5px 0;
    box-sizing:border-box;
    text-align:center
}
.boxRatingCmt .hrt{
    overflow:hidden;
    padding-bottom:5px;
    margin-bottom:15px
}
.boxRatingCmt .crt{
    height:120px;
    box-sizing:border-box
}
.boxRatingCmt .crt .lcrt{
    width:18%;
    padding-top:31px;
    height:90%;
    text-align:center;
    margin:5px 20px 5px 5px
}
.boxRatingCmt .crt .lcrt b{
    font-size:40px;
    color:#fd9727;
    line-height:40px
}
.boxRatingCmt .crt .lcrt span{
    display:block;
    color:#999;
    font-size:13px;
    margin-top:8px
}
.boxRatingCmt .crt .rcrt{
    font-size:13px;
    overflow:hidden;
    padding:10px 0;
    width:45%
}
.boxRatingCmt .crt .rcrt span.t{
    display:inline-block;
    color:#333
}
.boxRatingCmt .crt .rcrt span.c{
    display:inline-block;
    color:#288ad6;
    cursor:pointer
}
.boxRatingCmt .crt .rcrt span.c:hover{
    color:#0c72c1
}
.boxRatingCmt .crt .rcrt .bgb{
    width:55%;
    background-color:#e9e9e9;
    height:5px;
    display:inline-block;
    margin:0 10px;
    border-radius:5px
}
.boxRatingCmt .crt .rcrt .bgb .bgb-in{
    background-color:#f25800;
    background-image:linear-gradient(90deg,#ff7d26 0,#f25800 97%);
    height:5px;
    border-radius:5px 0 0 5px
}
.boxRatingCmt .crt .bcrt{
    overflow:hidden
}
.boxRatingCmt .crt .bcrt a{
    cursor:pointer;
    display:block;
    width:200px;
    margin:41px auto 0;
    padding:10px;
    color:#fff;
    background-color:#288ad6;
    border-radius:5px;
    text-align:center;
    box-sizing:border-box
}
.boxRatingCmt .crt .bcrt a:hover{
    background-color:var(--main-color)
}
.boxRatingCmt .crt .bcrt a.closed{
    background:#fff;
    color:#288ad6;
    border:1px solid #ddd
}
.boxRatingCmt .crt .bcrt a.closed:hover{
    background-color:var(--main-color);
    color:#fff;
    border:1px solid var(--main-color)
}
.boxRatingCmt .list{
    padding-bottom:20px
}
.boxRatingCmt .list .ratingLst li{
    position:relative;
    margin:5px 25px 15px 0
}
.boxRatingCmt .pgrc a,.boxRatingCmt .pgrc span,.boxRatingCmt .pgrc span.active{
    padding:4px 10px;
    border-radius:3px;
    text-align:center;
    color:#333;
    margin-right:4px;
    font-size:12px;
    cursor:pointer;
    float:left
}
.boxRatingCmt .pgrc{
    display:block;
    overflow:hidden;
    clear:both
}
.boxRatingCmt .pgrc .pagcomment{
    margin:5px 0
}
.boxRatingCmt .pgrc a{
    background:#eee
}
.boxRatingCmt .pgrc a:hover{
    background:#ddd
}
.boxRatingCmt .pgrc span{
    background:#eee;
    clear:none!important
}
.boxRatingCmt .pgrc span.active{
    background:#ccc;
    clear:none!important
}
.boxRatingCmt .ratingLst li .rh span{
    font-weight:700;
    margin-bottom:5px;
    display:inline-block;
    text-transform:capitalize
}
.boxRatingCmt .ratingLst li .ra,.boxRatingCmt .ratingLst li .ra a.cmtd{
    color:#999
}
.boxRatingCmt .ratingLst li .ra a{
    color:#288ad6
}
.boxRatingCmt .ratingLst li .ra a i{
    color:#999;
    margin:0 5px
}
.wrap_comment .edtCmt{
    border-radius:4px;
    border:1px solid #dadada
}
.wrap_comment .edtCmt textarea{
    width:100%!important;
    border:none;
    border-radius:4px 4px 0 0;
    padding:10px;
    box-sizing:border-box;
    line-height:20px;
    resize:none
}
.wrap_comment .edtCmt textarea::placeholder{
    font-style:italic;
    font-size:13px
}
.wrap_comment .edtCmt textarea:-ms-input-placeholder{
    font-style:italic;
    font-size:13px
}
.wrap_comment .edtCmt textarea::-ms-input-placeholder{
    font-style:italic;
    font-size:13px
}
.wrap_comment .boxemotion{
    overflow:visible;
    position:relative
}
.wrap_comment .boxemotion .motionsend{
    display:block;
    overflow:hidden;
    padding:5px
}
.wrap_comment .boxemotion .motionsend a{
    padding:0 12px 0 5px;
    color:#4a90e2;
    font-size:14px;
    border-right:1px solid #dadada;
    display:inline-block;
    line-height:20px
}
.wrap_comment .boxemotion .motionsend a.btnSend,.wrap_comment .boxemotion .motionsend button{
    padding:5px 15px;
    font-size:13px;
    color:#fff;
    text-transform:uppercase;
    border:1px solid var(--main-color);
    border-radius:4px;
    background:var(--main-color);
    margin:0
}
.wrap_comment .boxemotion .motionsend a.btnSend:hover,.wrap_comment .boxemotion .motionsend button:hover{
    border:1px solid #d29948;
    background:#d29948
}
.wrap_comment .cmt_right{
    float:right
}
.wrap_comment .list .listcomment{
    margin-top:20px;
    border-bottom:1px solid #f2f2f2;
    margin-bottom:30px;
    padding-bottom:10px
}
.wrap_comment .list .listcomment .comment_ask{
    display:block;
    overflow:visible;
    margin-top:10px;
    position:relative;
    clear:both
}
.wrap_comment .list .listcomment .comment_ask .rowuser{
    font-size:13px;
    font-weight:700
}
.wrap_comment .list .listcomment .comment_ask .question{
    color:#555;
    font-size:13px;
    margin-top:5px
}
.wrap_comment .list .listcomment .comment_ask .actionuser{
    display:block;
    position:relative;
    overflow:hidden;
    font-size:14px;
    color:#333;
    line-height:24px
}
.wrap_comment .list .listcomment .comment_ask .actionuser .respondent{
    float:left;
    padding:5px 10px 0 0;
    font-size:13px;
    color:#288ad9
}
.wrap_comment .list .listcomment .comment_ask .actionuser .time{
    float:left;
    padding:5px 0;
    font-size:13px;
    color:#999;
    position:relative
}
.wrap_comment .list .listcomment .comment_ask .actionuser .time:before{
    float:left;
    content:'\f111';
    font-family:FontAwesome;
    color:#999;
    font-size:4px;
    margin-right:5px
}
.wrap_comment .listreply{
    display:block;
    position:relative;
    margin:5px 0 0;
    padding:10px 15px 0 12px;
    clear:both;
    font-size:13px;
    color:#333;
    line-height:24px;
    background:#fbf9f1;
    border:1px solid #dfdfdf
}
.wrap_comment .listreply:after,.wrap_comment .listreply:before{
    top:-20px;
    left:18px;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
}
.wrap_comment .listreply:before{
    border-color:rgba(238,238,238,0);
    border-bottom-color:#fbf9f1;
    border-width:11px;
    margin-left:-11px;
    z-index:1
}
.wrap_comment .listreply:after{
    border-color:rgba(255,255,255,0);
    border-bottom-color:#dfdfdf;
    border-width:10px;
    margin-left:-10px
}
.wrap_comment .listreply .reply .actionuser{
    display:block;
    height:34px;
    position:relative;
    margin:-5px 10px 0 0;
    font-size:14px;
    color:#333;
    line-height:24px
}
#share-buttons{
    text-align:right
}
#share-buttons img{
    margin-left:5px;
    border:0;
    box-shadow:0;
    display:inline
}
@media (max-width:1199px){
    .main-nav li .submenu,.nav-sections li .submenu{
        position:static;
        width:100%
    }
    .nav-sections>ul>li ul{
        position:static
    }
    .hidden-mb{
        display:none!important
    }
    .nav-left .main-nav.collapse.in{
        display:block;
        opacity:1;
        margin-top:0;
        pointer-events:all
    }
    .banners-wrapper,.main-nav{
        display:none
    }
    .main-nav>ul{
        position:relative
    }
    .main-nav li .submenu .row,.nav-sections li .submenu .row{
        margin:0
    }
    .sidebar-inner .sticker{
        position:static!important;
        width:100%!important;
        transform:none!important
    }
    .best-seller .list-best,.info-right{
        padding-left:0
    }
    .best-seller .list-best{
        margin-top:0
    }
    .product-info-detailed{
        margin-top:0px
    }
    .product-info-detailed iframe{
        width:100%;
    }
    .container{
        width:100%
    }
}
@media all and (max-width:1024px){
    .m-nav .main-nav li ul a,.m-nav .main-nav>ul>li>a{
        line-height:20px;
        border:none;
        margin:0
    }
    .m-nav .nav-ct,.sb-nav .nav-ct{
        overflow-y:auto;
        overflow-x:hidden
    }
    .foot,.search,.t-why-post{
        text-align:center
    }
    header .account-cart{
        position:absolute;
        right:60px
    }
    .m-nav,.sb-nav,.main-bar.fixed{
        position:fixed;
        z-index:9;
        top:0
    }
    .main-bar.fixed{
        left:0;
        right:0;
        box-shadow:0 0 5px 0 rgba(102,102,102,.5);
        -webkit-animation:.7s ease-out forwards fadeInDown;
        -moz-animation:.7s ease-out forwards anim_titles
    }
    .nav-left{
        max-width:inherit
    }
    .menu-btn{
        display:inline-block;
        vertical-align:middle;
        width:42px;
        height:39px
    }
    .nav-close i {
        display: block;
        margin: 2px auto auto;
        border-top: 2px solid #181c32;
        width: 17px;
        border-bottom: 7px double #181c32;
        height: 12px;
    }
    .menu-btn.act i:after, .menu-btn.act i:before {
        content: '';
        display: block;
        margin: auto;
        width: 17px;
        border-bottom: 2px solid #181c32;
    }
    .nav-open i {
        position: relative;
        display: block;
        width: 25px;
        height: 1px;
        background-color: #181c32;
        border-radius: 1px;
    }

    .nav-open i::before,
    .nav-open i::after {
        content: "";
        position: absolute;
        left: 0;
        width: 25px;
        height: 1px;
        background-color: #181c32;
        border-radius: 1px;
    }

    .nav-open i::before {
        top: -6px;
    }

    .nav-open i::after {
        top: 6px;
    }
    .search-fr,footer .fcol-1{
        margin-right:0
    }
    .menu-btn.act i{
        width:auto;
        height:auto;
        border:none
    }
    .menu-btn.act i:after,.menu-btn.act i:before{
        content:'';
        display:block;
        margin:auto;
        width:25px;
        border-bottom:2px solid #555
    }
    .menu-btn.act i:after{
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
        margin-top:-2px
    }
    .menu-btn.act i:before{
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .menu-btn.v2{
        background:gold
    }
    .menu-btn.v2 i,.menu-btn.v2.act i:after,.menu-btn.v2.act i:before{
        border-color:#fff
    }
    .main-nav>ul>li{
        background:#fff
    }
    .main-nav li .submenu ul li a{
        text-transform:none;
        border-top:1px solid #dfdfdf;
        padding:5px 0
    }
    .main-nav li .submenu ul:first-child li:first-child a{
        border-top:0
    }
    .main-nav li .submenu ul{
        margin-top:0
    }
    .main-nav li .submenu{
        padding-top:5px
    }
    .m-nav,.sb-nav{
        -webkit-transition:.2s ease-in-out;
        -moz-transition:.2s ease-in-out;
        -o-transition:.2s ease-in-out;
        -ms-transition:.2s ease-in-out;
        transition:.2s ease-in-out;
        background:#f9f9f9;
        box-shadow:0 0 8px 0 rgba(102,102,102,.5);
        bottom:0;
        width:100%;
        left:-100%
    }
    .search,header .nav-open,header .sb-open,.h-cart{
        position:absolute;
        z-index: 999;
        border-radius:.5rem;
    }
    .search,.search-fr button{
        width:40px
    }
    .m-nav.act,.sb-nav.act{
        left:0
    }
    .m-nav .nav-ct{
        height:100%;
        background:#f3f4f6;
    }
    .m-nav .nav-ct .h-account{
        position:relative;
        padding:13px 15px 13px 11px;
        border:1px solid transparent;
        -webkit-transition:.5s;
        -moz-transition:.5s;
        -o-transition:.5s;
        transition:.5s;
        background:#fff;
        width:calc(100% - 93px)
    }
    .m-nav .nav-ct .h-account a:hover{
        color:var(--main-color)
    }
    .m-nav .nav-ct .language{
        position:relative;
        padding:13px 10px;
        border:1px solid transparent;
        -webkit-transition:.5s;
        -moz-transition:.5s;
        -o-transition:.5s;
        transition:.5s;
        background:#f9f9f9;
        border-left:1px solid #ccc;
        vertical-align:middle
    }
    .m-nav .nav-ct .language>div,header .search-form .action-control-search{
        display:none
    }
    .m-nav .nav-ct .language>div.current,.nav-sections>ul>li,header .search-form .action-control-search.active{
        display:block
    }
    .m-nav .nav-close{
        top:6px;
        right:0;
        width:50px;
        height:47px
    }
    .m-nav .main-nav{
        display:block;
        margin:0;
        padding:0
    }
    .m-nav .main-nav>ul>li{
        display:block;
        margin:0
    }
    .m-nav .main-nav li ul:after,.m-nav .main-nav>ul>li>a:before,.m-nav .main-nav>ul>li>a:not(:only-child):after{
        content:none;
        display:none
    }
    .m-nav .main-nav li,header{
        position:relative
    }
    .m-nav .main-nav li ul{
        display:none;
        width:auto;
        position:static;
        background:rgba(0,0,0,.03);
        border:none;
        margin:0;
        opacity:1;
        -webkit-transition:none;
        -moz-transition:none;
        -ms-transition:none;
        -o-transition:none;
        transition:none;
        pointer-events:all;
        padding:0;
        min-width:auto
    }
    .m-nav .main-nav li ul li{
        padding:0
    }
    .m-nav .main-nav li ul a{
        display:block;
        font-size:14px;
        background:0 0;
        color:gold;
        border-top:1px solid #e6e6e6;
        padding:10px 15px 10px 30px
    }
    .m-nav .main-nav li ul a:after{
        content:none
    }
    .m-nav .main-nav li ul li:hover>a{
        background:gold;
        color:#fff
    }
    .m-nav .main-nav li ul ul a{
        padding-left:45px
    }
    .m-nav .main-nav li .nav-drop{
        display:block;
        font-style:normal;
        height:40px;
        width:40px;
        text-align:center;
        padding-top:2px;
        font-size:16px;
        line-height:39px;
        background:rgba(0,0,0,.03);
        color:gold;
        float:right;
        position:relative;
        z-index:1;
        cursor:pointer
    }
    .m-nav .main-nav li .nav-drop:after{
        font-family:FontAwesome;
        content:""
    }
    .m-nav .main-nav li .nav-drop.act:after{
        content:"\f0d8"
    }
    .m-nav .main-nav li:hover>.nav-drop,.nav-sections>ul>li:hover .nav-drop{
        color:#fff
    }
    .m-nav .main-nav li:hover>ul{
        margin-top:0;
        pointer-events:all;
        opacity:1
    }
    .m-nav .h-hotline{
        margin-left:15px;
        margin-bottom:25px;
        margin-top:12px
    }
    .nav-sections{
        border-top:1px solid rgba(0,0,0,.1)
    }
    .nav-sections>ul>li:hover>a{
        background:var(--main-color);
        color:#fff
    }
    .nav-sections>ul>li>a{
        display:block;
        color:#090d14;
        border-bottom:1px solid #444;
        position:relative;
        -webkit-transition:.5s;
        -moz-transition:.5s;
        -o-transition:.5s;
        transition:.5s
    }
    .hotline{
        float:none;
        display:block;
        background:#333
    }
    header .h-ctrl{
        padding-top:10px
    }
    .sb-nav .nav-ct{
        height:100%;
        padding-top:15px
    }
    .sb-nav .sb-close{
        top:9px;
        right:10px;
        background:0 0
    }
    header .logo img{
        max-height:60px
    }
    .search .ct,header .search-form{
        position:static
    }
    header .nav-open{
        left:18px
    }
    header .sb-open{
        left:10px
    }

    .search i,.search i:hover{
        color:#fff;
        font-size:20px
    }
    .search .ct{
        margin-top:10px;
        display:block;
        padding:0;
        box-shadow:none;
        width:auto
    }
    .search-fr select{
        font-size:13px;
        padding-left:8px
    }
    .search-fr input{
        height:38px;
        padding-right:0px
    }
    .h-policy{
        margin-top:45px
    }
    .pro-cas{
        padding:0 10px 10px
    }
    footer{
        background:#e5e5e5
    }
    footer .fcol-1{
        width:100%;
        float:left;
        padding:0 15px
    }
    .foot{
        padding:15px 0;
        margin-top:10px
    }
    .md-head{
        margin-top:40px;
        margin-bottom:25px
    }
    .t-why-post{
        padding:20px
    }
    .t-why-post .t-icon{
        position:relative;
        margin:0 auto 10px;
        display:block;
        left:0
    }
    .t-why-post .t-why-title{
        font-size:15px
    }
}
@media (max-width:991px){
    .search{
        display:none !important;
        position: absolute !important;
    }
    .bottom-search-header {
        display: block !important;
    }

}
@media (max-width:767px){
    .section-product .box-catergories{
        position:relative
    }
    .nav-tabs-dropdown,.nav-tabs.nav-tabs-dropdown{
        border:1px solid var(--main-color);
        border-radius:5px;
        overflow:hidden;
        position:relative;
        text-align:center;
        font-size:14px;
        font-weight:600;
        color:var(--main-color);
        padding:10px;
        margin-bottom:15px
    }
    .nav-tabs-dropdown::after,.nav-tabs.nav-tabs-dropdown::after{
        font-family:FontAwesome;
        content:"";
        position:absolute;
        top:8px;
        right:15px;
        z-index:2;
        pointer-events:none;
        font-weight:400
    }
    .section-product .box-catergories ul{
        position:absolute;
        top:44px;
        width:100%;
        background:#fff;
        z-index:3;
        -webkit-box-shadow:0 0 5px 0 rgba(102,102,102,.5);
        box-shadow:0 0 5px 0 rgba(102,102,102,.5);
        display:none
    }
    .section-product .box-catergories ul>li{
        display:block;
        text-align:center
    }
    .section-product .box-catergories ul>li.active>a{
        background:var(--main-color);
        color:#fff
    }
    .section-product .box-catergories ul>li>a{
        display:block;
        font-size:14px;
        color:#333;
        padding:10px 15px
    }
    .nav-tabs-dropdown.open a,.nav-tabs.nav-tabs-dropdown.open a{
        position:relative;
        display:block
    }
    .nav-tabs-dropdown.open>li.active>a,.nav-tabs.nav-tabs-dropdown.open>li.active>a{
        background-color:#eee
    }
    .nav-tabs-dropdown li,.nav-tabs.nav-tabs-dropdown li{
        display:block;
        padding:0;
        vertical-align:bottom
    }
    .nav-tabs-dropdown>li>a,.nav-tabs.nav-tabs-dropdown>li>a{
        position:absolute;
        top:0;
        left:0;
        margin:0;
        width:100%;
        height:100%;
        display:inline-block;
        border-color:transparent
    }
    .nav-tabs-dropdown>li.active>a:active,.nav-tabs-dropdown>li.active>a:focus,.nav-tabs-dropdown>li.active>a:hover,.nav-tabs-dropdown>li>a:active,.nav-tabs-dropdown>li>a:focus,.nav-tabs-dropdown>li>a:hover,.nav-tabs.nav-tabs-dropdown>li.active>a:active,.nav-tabs.nav-tabs-dropdown>li.active>a:focus,.nav-tabs.nav-tabs-dropdown>li.active>a:hover,.nav-tabs.nav-tabs-dropdown>li>a:active,.nav-tabs.nav-tabs-dropdown>li>a:focus,.nav-tabs.nav-tabs-dropdown>li>a:hover{
        border-color:transparent
    }
    .nav-tabs-dropdown>li.active>a,.nav-tabs.nav-tabs-dropdown>li.active>a{
        display:block;
        border-color:transparent;
        position:relative;
        z-index:1;
        background:#fff
    }
    .banner-static-bottom,.section-product .box-catergories ul li:before,.statick-blocks{
        display:none
    }
    .breadcrumbs ul li{
        padding-right:19px
    }
    .panel-default>.panel-heading+.panel-collapse>.panel-body{
        padding:15px 0
    }
    #producttabs-accordion .panel-heading{
        padding:0
    }
    #producttabs-accordion .panel-heading .panel-title a{
        display:block;
        font-family:Inter!important;
        font-size:16px;
        color:#444;
        font-weight:700;
        text-transform:uppercase;
        border:0;
        padding:10px 0;
        color:var(--main-color);
        border-bottom:2px solid var(--main-color)
    }
    #producttabs-accordion .panel-heading .panel-title a.collapsed{
        color:#444;
        border-bottom:2px solid transparent
    }
    #producttabs-accordion .panel-default{
        border:0
    }
    #producttabs-accordion .panel-default>.panel-heading{
        color:#333;
        background-color:transparent;
        border:0
    }
    .boxRatingCmt .crt{
        height:auto
    }
    .boxRatingCmt .crt .lcrt{
        width:100%;
        border-right:0
    }
    .boxRatingCmt .crt .bcrt,.boxRatingCmt .crt .rcrt{
        width:100%;
        float:left;
        border-right:0
    }
    .boxRatingCmt .crt .bcrt a,.boxRatingCmt .crt .rcrt a{
        margin-top:20px
    }
    .boxRatingCmt form .ct,.boxRatingCmt form .if{
        width:100%
    }
    .boxRatingCmt form a,.boxRatingCmt form input{
        width:49%
    }
    .boxRatingCmt form input{
        margin-right:7px
    }
    .boxRatingCmt form input:nth-of-type(2n){
        margin-right:0
    }
    .boxRatingCmt form .ips .rating-container,.boxRatingCmt form .ips>span{
        display:block
    }
    .boxRatingCmt #showformratings{
        margin-top:10px
    }
    .slideshow-wrapper{
        margin-bottom:0
    }
    .back-to-top{
        width:42px;
        height:42px;
        font-size:18px;
        line-height:42px;
        right:15px;
        bottom:15px
    }
    .h-head .title{
        font-size:20px
    }
    .h-title.v2{
        margin-top:30px;
        padding-bottom:10px
    }
    .h-head .more{
        font-size:12px
    }
    .search-fr{
        max-width:inherit
    }
    .blog-sections{
        padding-top:30px;
        padding-bottom:10px
    }
    footer .about .logo-bct{
        margin-top:15px
    }
    .slider-cas .slick-arrow{
        top:45%;
        width:30px;
        height:30px;
        line-height:30px;
        font-size:20px
    }
    .more-bottom{
        display:block;
        padding:10px;
        margin-bottom:10px
    }
    .product-grid .tab-content>.active .row{
        transition:max-height .15s ease-out;
        max-height:786px;
        overflow:hidden
    }
    .product-grid .tab-content>.active.ani .row{
        max-height:inherit;
        transition:max-height .25s ease-in
    }
}
@media (min-width:768px) and (max-width:991px){
    .container{
        width:100%
    }
}
@media (max-width:991px){

    .content_varitant_cms .swatch-element {
        min-width: 75px;
        max-width: 150px;
    }
    .h-pro-box .slick-arrow,.related-product .related-slide .slick-arrow{
        top:-38px;
    }
    .fcol-1{
        width:50%;
        float:left;
        margin-right:0
    }
    .product-grid .row{
        margin-left:-7.5px;
        margin-right:-7.5px
    }
    .product-grid .items{
        padding-left:7.5px;
        padding-right:7.5px
    }
    .product-grid .product{
        margin-bottom: 15px
    }
    .product-grid .slick-list{
        margin:0 -7.5px
    }
    .product-grid .slick-list .slick-slide{
        margin:0 7.5px
    }
    .pro-detail{
        margin-top:20px;
        margin-bottom:20px
    }
    .best-seller{
        padding-left:15px;
        margin-top:10px
    }
    .embed-responsive-16by9{
        padding-bottom:25.25%
    }
    header .logo .site-branding{
        display:none
    }
    .h-cart{
        padding-left:0
    }
    .h-cart .icon-cart{
        position:static
    }
    .h-hotline{
        margin-left:10px;
        margin-right:10px
    }
    .blog-sections .items,footer .fanpage-facebook{
        margin-bottom:20px
    }
    .blog-sections .items .featured-img img{
        width:100%
    }
    .product-grid{
        margin-top:0
    }
    .cate-slider{
        margin-top:10px
    }
}
@media (max-width:735px){
    footer .embed-responsive-16by9{
        padding-bottom:45.25%
    }
}
@media (min-width:736px) and (max-width:767px){
    footer .embed-responsive-16by9{
        padding-bottom:28.25%
    }
}
@media (max-width:1024px){
    .h-hotline{
        display:none
    }
    .cate-slider{
        height:inherit!important
    }
    .pro-slider{
        margin-bottom:20px
    }
    .pro-slider .slick-track{
        width:100%!important;
        left:0!important;
        padding:0 7.5px;
        max-height:189px;
        overflow:scroll
    }
    .pro-slider .slick-list .slick-slide{
        display:block;
        width:100%!important;
        padding:0;
        margin:0!important
    }
    .pro-slider .slick-dots{
        display:none!important
    }
}
@media (max-width:480px){
    .popUpBannerContent{
        width:90%
    }
    .menu-btn,.search{
        top:15px
    }
    header .account-cart{
        margin-top:5px
    }
    header .logo img{
        max-height:53px
    }
    footer .fcol-1,header .search-form{
        width:100%
    }
    header .h-ctrl{
        padding-top:10px
    }
    footer .f-left,footer .f-right{
        display:block
    }
}
@media (max-width:400px){
    .product .price-box .old-price,.product .price-box .price,.product .price-box .special-price{
        float:none
    }
    .h-pro-box .items:nth-of-type(odd){
        clear:both
    }
    .product .price-box{
        min-height:45px;
        max-height:45px;
        overflow:hidden
    }
}
@media (min-width:1200px){
    .col-lg-f20{
        float:left;
        width:20%
    }
    .grid-line-new .container,.grid-line-new [class^=col-],.header-top .acc-lang,.logo-header,header .account-cart{
        padding-right:2.5px;
        padding-left:2.5px
    }
    header .account-cart{
        float:right
    }
    .grid-line-new .row,.header-wrapper-content .row{
        margin-right:-2.5px;
        margin-left:-2.5px
    }
    .logo-header{
        max-width:100%
    }
    .search-form{
        padding:0px
    }
    .main-nav li .submenu{
        min-height:306px;
        max-height:306px
    }
    .main-nav li .submenu .item{
        position:relative;
        display:block;
        min-height:370px;
        height:100%;
        margin:0
    }
    .main-nav li .submenu .item .groupdrop-banner-pos{
        position:absolute;
        top:0;
        right:0;
        z-index:-1
    }
    .hidden-dk{
        display:none!important
    }
    .main-nav>ul>li:hover{
        background:#fff;
        border:1px solid var(--main-color);
        border-right:0;
        border-left:0;
        border-bottom:1px solid var(--main-color)
    }
    .main-nav>ul>li{
        height:38.3px
    }
    /*.menu-left-title{
        width:20.9448818898%
    }
    .menu-right{
        width:79.0551181102%
    }
    */
    .h-pro-box,.section-product .h-pro-box{
        width:77.4%
    }
    .cate-pro{
        width:22.6%
    }

    .grid-line-new .container{
        width:1240px
    }
    .main-bar .container{
        width: 1350px;
    }
    .slideshow-wrapper .container{
        width: 100%;
    }
}
@media (min-width:375px) and (max-width:480px){
    .product-grid .tab-content>.active .row{
        transition:max-height .15s ease-out;
        max-height:765px;
        overflow:hidden
    }
    .product-grid .tab-content>.active.ani .row{
        max-height:inherit;
        transition:max-height .25s ease-in
    }
}
@media (max-width:374px){
    .product-grid .tab-content>.active .row{
        transition:max-height .15s ease-out;
        max-height:660px;
        overflow:hidden
    }
    .product-grid .tab-content>.active.ani .row{
        max-height:inherit;
        transition:max-height .25s ease-in
    }
}
.banner_new{
    width:279px;
    height:158px
}
.content_group_home ul li{
    line-height:30px
}
.content_group_home ul li a{
    font-size:15px
}
@media screen and (min-width:1024px){
    .pro-detail .wrapInfo ul li{
        display:flex
    }
    .product-grid .col-md-2{
        width: 20%;
    }
}
/*End Style css*/
 .banner_right_slider{
     width: 100%;
}
 .btn-checkout{
     background-color: var(--main-color);
     border-color: var(--main-color);
}
 .logo-header .logo{
     width: 100%;
     margin-top:10px;
}
 .product-grid-cate{
     margin-top:15px !important;
}
 .main-bar.fixed {
     -webkit-box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.5);
     box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.5);
     -webkit-animation-name: fadeInDown !important;
     -webkit-animation-duration: 5s !important;
     -webkit-animation-timing-function: linear !important;
     -webkit-animation-iteration-count: infinite !important;
     -webkit-animation-direction: normal !important;
     -webkit-animation-play-state: running !important;
     -webkit-animation-fill-mode: forwards !important;
     -moz-animation-name: anim_titles !important;
     -moz-animation-duration: 5s !important;
     -moz-animation-timing-function: linear !important;
     -moz-animation-iteration-count: infinite !important;
     -moz-animation-direction: normal !important;
     -moz-animation-play-state: running !important;
     -moz-animation-fill-mode: forwards !important;
     -webkit-animation-delay: 1s !important;
     -moz-animation-delay: 1s !important;
     -webkit-animation-iteration-count: 1 !important;
     -moz-animation-iteration-count: 1 !important;
     -webkit-animation-duration: .7s !important;
     -moz-animation-duration: .7s !important;
     -webkit-animation-delay: 0s !important;
     -moz-animation-delay: 0s !important;
     -webkit-animation-timing-function: ease-out !important;
     -moz-animation-timing-function: ease-out !important;
}
 .fadeInDown {
     -webkit-animation-name: fadeInDown !important;
     animation-name: fadeInDown !important;
}
 @-webkit-keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
         transform: translateY(-20px)
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0)
    }
}
 @keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
         -ms-transform: translateY(-20px);
         transform: translateY(-20px)
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0)
    }
}
 .nav-left:hover .main-nav{
    margin-top:0;
    pointer-events:all;
    opacity:1;
    display:block;
}
 @media screen and(min-width:992px){
     .nav-left:hover .main-nav{
        height:auto!important
    }
     .main-bar.fixed .nav-left:hover .main-nav{
        margin-top:0;
        pointer-events:all;
        opacity:1;
        display:block;
        height:auto!important
    }
}
 .h-pro-box .slick-arrow, .related-product .related-slide .slick-arrow{
     border-radius: 5px;
}
 @media (max-width: 991px) {
        .menu-btn {
             background: none;
        }
        .group_pro_details_cms .special-price {
             font-size: 20px !important;
        }
        .back-to-top {
             display: none;
             position: fixed;
             cursor: pointer;
             z-index: 999;
             text-align: center;
             right: 25px;
             bottom: 100px;
             border-radius: 50%;
             -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
             -webkit-transition: all .2s ease-in-out;
             -o-transition: all .2s ease-in-out;
             transition: all .2s ease-in-out;
        }
        .section-product .box-catergories{
             display: none;
        }
        .product-grid .tab-content>.active .row {
         transition: max-height .15s ease-out;
         max-height: 100%;
         overflow: hidden;
        }
        .nav-left:hover .main-nav{
            display:none;
        }
        .main-nav>ul>li .nav-drop, .nav-sections>ul>li .nav-drop{
             position: absolute;
             right:0px;
        }
        header .logo img {
             width: 50% !important;
             height: auto !important;
             object-fit: contain;
             max-height: 100% !important;
             margin-top: 0px;
        }
        .logo-header{
            padding:5px 0px 0px 0px;
        }
        .menu-btn, .search {
         top: 20px;
        }

        .pro-detail .wrapInfo ul li>div.valueright {
             width: 100%;
             margin: 10px 0px;
        }
         header .top{
             padding: 0px;
        }
        header .h-ctrl {
             padding: 0px;
        }
        header .account-cart{
             width: auto;
        }
    }
     @media screen and (max-width:820px) and (min-width:820px){
         .menu-btn, .search {
             top: 40px;
        }
         .h-cart {
             top: 11px;
        }
    }
     @media screen and (max-width:800px) and (min-width:800px){
         .menu-btn, .search {
             top: 55px;
        }
         .h-cart {
             top: 35px;
        }
    }
     @media screen and (max-width:768px) and (min-width:768px){
         .menu-btn, .search {
             top: 50px;
        }
         .h-cart{
             top:30px;
        }
    }
     @media screen and (max-width:600px) and (min-width:600px){
         .menu-btn, .search {
             top: 40px;
        }
         .h-cart{
             top:20px;
        }
    }


/*Css menu mobile lại*/
@media screen and (max-width:1024px){
    .MobileCateList_headerMenu{
        display: flex;
            justify-content: space-between;
            width: 100%;
            opacity: 1;
            background-color: #fff;
            padding-bottom: .5rem;
            padding-top: .5rem;
    }
    .MobileCateList_headerMenu .logo_menu_mobile img{
        width: 200px;
        height: 40px;
        margin-left: 10px;
    }
    .h-hotline-mobile {
        display: block;
        width: 50% !important;
        margin:10px auto !important;
        text-align:center;
    }
    .menu-btn.act i:after, .menu-btn.act i:before {
        border-bottom: 2px solid #555;
    }
    .play0 {
        animation: play0 1.5s ease infinite;
    }
    @keyframes play0{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}
    .m-nav .nav-close {
        top: -4px;
        right: 0;
        width: 50px;
        height: 47px;
    }
    .nav-sections{
        padding-inline: 16px;
        max-width: 1024px;
        overflow: hidden;
        display: block;
        border-top:none;
    }
    .nav-sections > ul{
        background: #fff;
        border-radius: 8px !important;
        padding: .25rem;
    }

    .nav-sections>ul>li>a {
        color: #090d14;
        border-bottom: 1px solid #f3f4f6;
    }
    .nav-sections>ul>li:hover>a {
        background: none;
    }
    .nav-sections>ul>li>ul{
        background: #f3f4f6;
        border-radius:8px;
    }
    .nav-sections>ul>li ul li a {
         color: #090d14;
        background: none;
    }
    .nav-sections>ul>li > ul {
        padding: .75rem;
        box-shadow:none;
        margin:0px 5px;
    }
    .nav-sections>ul>li>ul>li>a {
        padding: 13px 15px !important;
        border-bottom: none !important;
    }
    .nav-sections>ul>li ul li{
        border-bottom:1px solid #d1d5db
    }
    .nav-sections>ul>li>ul>li .nav-drop{
        background:none !important;
    }
    .nav-sections>ul>li>a{
        border-bottom: none !important;

    }
    .nav-sections>ul>li{
        border-bottom: 1px solid #f3f4f6 !important;
    }
    .nav-sections>ul>li>ul>li>ul{
        box-shadow:none;
        background: none;
    }
    .nav-sections>ul>li>ul>li>ul>li>a {
        padding: 13px 15px;
    }
}
/*End Css menu mobile lại*/