@charset "utf-8";
/* reset.css Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Arabian Tires

-------------------------------------------------------------------*/

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;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-stack-2x{font-size:2em}.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-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-gear:before,.fa-cog: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-rotate-right:before,.fa-repeat: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-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-warning:before,.fa-exclamation-triangle: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{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-gears:before,.fa-cogs: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:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.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-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars: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-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard: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-reply-all:before{content:"\f122"}.fa-mail-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-unlink:before,.fa-chain-broken: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-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw: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{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-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
@font-face {
	font-family: 'ProximaNova-Regular';
	src: url('../fonts/proximanova-regular.eot');
	src: url('../fonts/proximanova-regular.woff') format('woff'), url('../fonts/proximanova-regular.ttf') format('truetype'), url('../fonts/proximanova-regular#ProximaNovaRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'ProximaNovaBlack';
	src: url('../fonts/proximanova-black-webfont.eot');
	src: url('../fonts/proximanova-black-webfont.woff') format('woff'), url('../fonts/proximanova-black-webfont.ttf') format('truetype'), url('../fonts/proximanova-black-webfont#ProximaNovaBlRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima_nova_ltbold';
	src: url('../fonts/proximanova-semibold-webfont.eot');
	src: url('../fonts/proximanova-semibold-webfont.woff') format('woff'), url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('../fonts/proximanova-semibold-webfont#proxima_nova_ltbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima_nova_thbold';
	src: url('../fonts/proximanova-extrabld-webfont.eot');
	src: url('../fonts/proximanova-extrabld-webfont.woff') format('woff'), url('../fonts/proximanova-extrabld-webfont.ttf') format('truetype'), url('../fonts/proximanova-extrabld-webfontt#proxima_nova_thbold') format('svg');
	font-style: normal;
}

@font-face {
     font-family: 'proxima_nova_ltregular';
     src: url('../fonts/proximanova-light-webfont.eot');
     src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/proximanova-light-webfont.woff') format('woff'),
     url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
     url('../fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'proxima_bold';
     src: url('../fonts/proximanova-bold.eot');
     src: url('../fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'),
     url('../fonts/proximanova-bold.woff') format('woff'),
     url('../fonts/proximanova-bold.ttf') format('truetype'),
     url('../fonts/proximanova-bold.svg#proxima_bold') format('svg');
     font-weight: normal;
     font-style: normal;
}





@font-face {
    font-family: 'karbonbold';
    src: url('../fonts/karbon-bold-webfont.eot');
    src: url('../fonts/karbon-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-bold-webfont.woff2') format('woff2'),
         url('../fonts/karbon-bold-webfont.woff') format('woff'),
         url('../fonts/karbon-bold-webfont.ttf') format('truetype'),
         url('../fonts/karbon-bold-webfont.svg#karbonbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'karbonlight';
    src: url('../fonts/karbon-light-webfont.eot');
    src: url('../fonts/karbon-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-light-webfont.woff2') format('woff2'),
         url('../fonts/karbon-light-webfont.woff') format('woff'),
         url('../fonts/karbon-light-webfont.ttf') format('truetype'),
         url('../fonts/karbon-light-webfont.svg#karbonlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'karbonmedium';
    src: url('../fonts/karbon-medium-webfont.eot');
    src: url('../fonts/karbon-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-medium-webfont.woff2') format('woff2'),
         url('../fonts/karbon-medium-webfont.woff') format('woff'),
         url('../fonts/karbon-medium-webfont.ttf') format('truetype'),
         url('../fonts/karbon-medium-webfont.svg#karbonmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'karbonregular';
    src: url('../fonts/karbon-regular-webfont.eot');
    src: url('../fonts/karbon-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-regular-webfont.woff2') format('woff2'),
         url('../fonts/karbon-regular-webfont.woff') format('woff'),
         url('../fonts/karbon-regular-webfont.ttf') format('truetype'),
         url('../fonts/karbon-regular-webfont.svg#karbonregular') format('svg');
    font-weight: normal;
    font-style: normal;


}




@font-face {
    font-family: 'karbonsemibold';
    src: url('../fonts/karbon-semibold-webfont.eot');
    src: url('../fonts/karbon-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-semibold-webfont.woff2') format('woff2'),
         url('../fonts/karbon-semibold-webfont.woff') format('woff'),
         url('../fonts/karbon-semibold-webfont.ttf') format('truetype'),
         url('../fonts/karbon-semibold-webfont.svg#karbonsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'karbonthin';
    src: url('../fonts/karbon-thin-webfont.eot');
    src: url('../fonts/karbon-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-thin-webfont.woff2') format('woff2'),
         url('../fonts/karbon-thin-webfont.woff') format('woff'),
         url('../fonts/karbon-thin-webfont.ttf') format('truetype'),
         url('../fonts/karbon-thin-webfont.svg#karbonthin') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*------------------------------------------------------------------

COMMON CLASSES START 

-------------------------------------------------------------------*/

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

html{-webkit-text-size-adjust: 100%;}
body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color: inherit;
    text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
}
textarea { overflow: auto; padding-top: 10px }
a {
   outline: 0;
}
li{
    list-style: none;
}
img.map, map area{
    outline: none;
}

/* Animate.css*/
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.animated.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%,100% {
        -moz-transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -moz-transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -moz-transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%,100% {
        -o-transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -o-transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -o-transform: translateX(10px);
    }
}

@keyframes shake {
    0%,100% {
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        transform: translateX(10px);
    }
}

.animated.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%,100%,20%,50%,80% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%,100%,20%,50%,80% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-30px);
    }

    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.animated.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }

    10%,20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }

    10%,20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -o-transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%,20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.animated.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes swing {
    100%,20%,40%,60%,80% {
        -webkit-transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg);
    }

    40% {
        -moz-transform: rotate(-10deg);
    }

    60% {
        -moz-transform: rotate(5deg);
    }

    80% {
        -moz-transform: rotate(-5deg);
    }

    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg);
    }

    40% {
        -o-transform: rotate(-10deg);
    }

    60% {
        -o-transform: rotate(5deg);
    }

    80% {
        -o-transform: rotate(-5deg);
    }

    100% {
        -o-transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.animated.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%);
    }

    15% {
        -moz-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -moz-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -moz-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -moz-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -moz-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -moz-transform: translateX(0%);
    }
}

@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%);
    }

    15% {
        -o-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -o-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -o-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -o-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -o-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -o-transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.animated.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.1);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.1);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.animated.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -moz-animation-timing-function: ease-out;
    }

    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -moz-animation-timing-function: ease-out;
    }

    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }

    80% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }

    100% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -o-animation-timing-function: ease-out;
    }

    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -o-animation-timing-function: ease-out;
    }

    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }

    80% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }

    100% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible!important;
    -o-animation-name: flip;
    backface-visibility: visible!important;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.animated.flipInX {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInX;
    backface-visibility: visible!important;
    animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.animated.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible!important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible!important;
    animation-name: flipOutX;
    backface-visibility: visible!important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.animated.flipInY {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInY;
    backface-visibility: visible!important;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animated.flipOutY {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipOutY;
    backface-visibility: visible!important;
    animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.animated.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.animated.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.animated.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.animated.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.animated.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.animated.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.animated.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes slideInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes slideOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes slideOutLeft {
    0% {
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes slideOutRight {
    0% {
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes slideOutRight {
    0% {
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes slideOutUp {
    0% {
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes slideOutUp {
    0% {
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }

    80% {
        -moz-transform: translateY(10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }

    80% {
        -o-transform: translateY(10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.animated.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }

    80% {
        -moz-transform: translateY(-10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(30px);
    }

    80% {
        -o-transform: translateY(-10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}
	60% {
		opacity: 1;
		transform: translateX(20px);
	}
	100% {
		transform: translateX(0px);
	}
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }
	
    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        transform: translateX(20px);
    }


    100% {
        transform: translateX(0);
    }
}

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
	-webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0);
    }
}

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
	-webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1);
    }

    25% {
        -o-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -o-transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.animated.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.animated.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.animated.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.animated.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.animated.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.animated.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animated.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animated.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.animated.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        opacity: 0;
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    20%,60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    100% {
        -moz-transform: translateY(700px);
        opacity: 0;
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    20%,60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    100% {
        -o-transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.animated.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.animated.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.animated.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.animated.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s;
}

/* arabian tires main css*/
*{
	margin:0; outline:none; padding:0; text-decoration:none;
	box-sizing:border-box;
}

body{
	font-family: 'ProximaNova-Regular';
	font-size:14px;
	color:#;
}

.clr, .clear{
 clear:both;
}

.clearfix:before, .clearfix:after {display: table;content: " "}
.clearfix:after{clear: both}



p{
	line-height:21px;
}

li.clr{ clear:both; float:none !important; width:auto !important; height:auto !important; border:0 !important; background:none !important; padding:0 !important; margin:0 !important;}

img {
    max-width: 100%;
}

header{ 
	position:relative; 
	z-index:600
}

section{
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'ProximaNovaBlack';
	text-transform:uppercase;
	font-weight:normal;
	color:#000;
}

h1{
	font-size:36px;
}
h2{
	font-size:26px;
}
h3{
	font-size:18px;
}
h4{
	font-size:14px;
}
h5{
	font-size:px;
}
h6{
	font-size:px;
}
.color-default{
	color:# !important;
}
.height5 {
    height: 5px;
}

.height10 {
    height: 10px;
}

.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}

.height40 {
    height: 40px;
}

.height50 {
    height: 50px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-35 {
    padding-bottom: 35px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.no-bg-img {
    background-image: none!important;
}

.no-bg {
    background: none!important;
}

.no-margin {
    margin: 0!important;
}

.no-margin-top {
    margin-top: 0!important;
}

.no-margin-right {
    margin-right: 0!important;
}

.no-margin-bottom {
    margin-bottom: 0!important;
}

.no-margin-left {
    margin-left: 0!important;
}

.no-padding {
    padding: 0!important;
}

.no-padding-top {
    padding-top: 0!important;
}

.no-padding-right {
    padding-right: 0!important;
}

.no-padding-bottom {
    padding-bottom: 0!important;
}

.no-padding-left {
    padding-left: 0!important;
}

.inline {
    display: inline-block!important;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.static {
    position: static !important;
}

.hidden-content{
	display:none;
}

.display-none{
	display:none;
}


input[type="text"]{ height:px; border:1px solid #;padding:;width: auto; margin-bottom:px;}
input[type="checkbox"]{ margin:0;}
textarea{ border:;padding:;}

.success-msg{ padding:10px; background:#e3eed8; border:1px solid #dbe6c7; margin-bottom: 10px;}

.btn{ background:#000; border:0; cursor:pointer;display: inline-block; border-radius:0px; color:#fff; font-size:13px; text-transform:uppercase;padding: 16px 24px; text-align:center;font-family: 'Lato', sans-serif; font-weight:900; font-style:italic; -webkit-appearance:none;}
.btn:hover{ background:#96c93c;}

.btn-white{ background:#fff; border:0; cursor:pointer;display: inline-block; border-radius:10px; color:#b1f128; font-size:27px; text-transform:uppercase;padding: 14px 34px; text-align:center;font-family: 'ProximaNovaBlack'; font-style:italic; margin:0 5px;}
.btn-white:hover{ background:#96c93c; color:#fff;}



.pagging{text-align: center;}
.pagging li{ display:inline-block;}
.pagging li a{ background: #f2f2f2; display: block; font-size: 11px; height: 24px; line-height: 25px;  text-align: center; width: 24px;}
.pagging li a:hover{ background: #7f7f7f; color:#fff;}


.list-bullets{}
.list-bullets li{ background:url(../images/bullet.png) no-repeat 0 1px; padding:0 0 0 20px; margin-bottom:12px;}

/*------------------------------------------------------------------

COMMON CLASSES END 

-------------------------------------------------------------------*/




body:not(.landing-page) #wrapper{ overflow-x:hidden;}


.page-about-us #wrapper,
.page-contact-us #wrapper{ overflow-x:hidden;}

.container{ margin:0 auto; max-width:1182px;}

.nav-trigger{ position:fixed; right:39px; top:34px; width:46px; height:23px; background:url(../images/nav-btn.png) no-repeat 0 0;}
.logo{ height: 323px;left: 0; position:fixed; top: 0; width: 165px; background:url(../images/logo-bg.png) no-repeat 0 0; z-index:16;}
.logo img{ margin:28px 0 0 16px;}
@media (min-width: 1500px) {
	.logo img{ margin:32px 0 0 21px;}
}
.nav-close{ height: 323px;right: 0; position: absolute; bottom: 0; width: 165px; background:url(../images/close-bg.png) no-repeat 0 0; z-index:16;}
.nav-close span{ background:url(../images/cross.png) no-repeat 0 0;bottom: 56px; display: block; height: 37px; position: absolute; right: 39px; width: 35px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.nav-close span:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.main-nav{ position:fixed; left:0; right:0; height:100%; top:-2000px; background:url(../images/nav-bg.jpg) no-repeat center center; background-size:cover; z-index:15;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-nav.shown{ top:0}

@media (min-width: 768px) {
.main-nav ul{ width:856px; margin:0 auto;position:relative;}
.main-nav ul:after{ content:""; background:url(../images/nav-shadw.png) no-repeat center 0; height:89px; position:absolute; left:0; right:0; bottom:-70px;}
.main-nav ul li{ display:inline-block; vertical-align:top; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); background:#585858; margin:62px 60px;}
.main-nav ul li a{ width:300px; height:300px; display:block; text-align:center;font-family: 'Lato', sans-serif; color:#fff; padding-top:118px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.main-nav ul li a span{ display:inline-block; font-weight:900; font-size:25px; text-transform:uppercase; border-bottom:2px solid rgba(255, 255, 255, 0.30); padding-bottom:7px;}
.main-nav ul li a small{ display:block; padding-top:8px; font-size:13px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-nav ul li:nth-child(3){ position:absolute; left:50%; top:50%; margin:-150px -154px -163px -156px; background:url(../images/nav-img.jpg) no-repeat; z-index:2}
.main-nav ul li:nth-child(3) a{ font-weight:900; font-size:25px; text-transform:uppercase; border-bottom:2px solid #fff; padding-bottom:0; text-align:left; color:#000; border:0; padding-top:140px; padding-left: 35px;}
.main-nav ul li:nth-child(3):hover{ transform:}


.main-nav ul li:nth-child(1),
.main-nav ul li:nth-child(5){ background:#a1e02e;}
.main-nav ul li a:hover small{ padding-top:30px;}


}

.main-banner, .main-banner .slide{ position:absolute; left:0; right:0; bottom:0; top:0;}

.main-banner{ overflow:hidden;}
.main-banner .slide{ background:#C3FF4F; width:33.3%; overflow:hidden;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.landing-page .main-banner .slide .slide-trigger{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:11;}
.main-banner .slide.two{ left:33.333%}
.main-banner .slide.three{ left:66.666%}

.main-banner .slide .bg{ background-repeat:repeat-x; background-position:0 bottom; position:absolute; left:0; right:0; bottom:0; top:0;}
.main-banner .slide .wood-layer{ background:url(../images/main-banner/1/wood-layer.png) repeat-x; height:190px;width: 307500000px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;

}
.main-banner .slide .road-layer{ background-image:url(../images/main-banner/2/road.jpg); background-repeat: repeat-x;position:absolute; left:0; right:0; bottom:78px; z-index:11; height:300px;}
.main-banner .slide .car-layer{ background:url(../images/main-banner/1/car.png)  no-repeat;position:absolute; left:-800px; right:0; bottom:250px; z-index:11; height:340px; width:798px; display:none;
-webkit-transition: all 1700ms ease;
-moz-transition: all 1700ms ease;
-ms-transition: all 1700ms ease;
-o-transition: all 1700ms ease;
transition: all 1700ms ease;
}
.main-banner .slide .tyre-1-layer{ background:url(../images/main-banner/1/tyre-2.png)  no-repeat;position:absolute; width:130px; right:63px; bottom:0; z-index:11; height:130px;}
.main-banner .slide .tyre-2-layer{ background:url(../images/main-banner/1/tyre-2.png)  no-repeat;position:absolute; width:130px; left:106px; bottom:0; z-index:11; height:130px;}
.show-car .main-banner .slide .car-layer{ left:177px;}
.show-car .main-banner .slide .tyre-1-layer,
.show-car .main-banner .slide .tyre-2-layer{ animation: spinOnce 1.3s linear;}
.main-banner .slide .tyre-animation{ opacity:0;}
.show-tyre .main-banner .slide .tyre-animation{ animation: spinOnceSmall 1.3s linear; opacity:1}



.show-tires .main-banner .slide.one{ width:100%; z-index:200;}
.show-tires .main-banner .slide.one .car-layer{ display:block;}
.show-batteries .main-banner .slide.two{ width:100%; z-index:201; left:0;}
.show-batteries .main-banner .slide.two .car-layer{ display:block;}
.show-about .main-banner .slide.three{ width:100%; z-index:202; left:0;}
.show-about .main-banner .slide.three .car-layer{ display:block;}



@keyframes animatedBackground {
	from { background-position: 0 bottom;}
	to { background-position: -2116px bottom;}
}
@-webkit-keyframes animatedWood {
	from { transform: translate3d(0, 0px, 0px);}
	to { transform: translate3d(-3075px, 0px, 0px);}
}
@-ms-keyframes animatedWood {
	from { transform: translate3d(0, 0px, 0px);}
	to { transform: translate3d(-3075px, 0px, 0px);}
}
@-o-keyframes animatedWood {
	from { transform: translate3d(0, 0px, 0px);}
	to { transform: translate3d(-3075px, 0px, 0px);}
}
@keyframes animatedWood {
	from { transform: translate3d(0, 0px, 0px);}
	to { transform: translate3d(-3075px, 0px, 0px);}
}


@keyframes animatedRoad {
	from { background-position: 0 0;}
	to { background-position: -558px 0;}
}
@keyframes spin {
	from { transform: rotate(0deg);}
	to { transform: rotate(360deg);}
}

@keyframes spinOnce {
	from { transform: rotate(0deg);}
	to { transform: rotate(360deg);}
}
@keyframes spinOnceSmall {
	from { transform: rotate(250deg);left:215px; opacity:0;}
	to { transform: rotate(360deg);left:415px; opacity:1;}
}


.main-banner .slide .banner-logo{ width:288px; height:86px; border-radius:10px; background:#fff; position:relative; text-align:center; z-index:2}
.main-banner .slide .banner-logo .helper{display:inline-block;height:100%;padding:0;position:relative;bottom:0;left:0;vertical-align:middle;}
.main-banner .slide .banner-logo img{vertical-align:middle;max-width:94%;max-height:94%;}
.main-banner .slide .banner-logo:before{ content:""; position:absolute; left:45px; bottom:-17px; background:url(../images/pointer.png) no-repeat; width:31px; height:17px;}
.main-banner .slide .banner-logo.blue{ background:#14519d;}
.main-banner .slide .banner-logo.blue:before{ background:url(../images/pointer2.png) no-repeat;}
.main-banner .slide .banner-logo.green{ background:#9ec93b;}
.main-banner .slide .banner-logo.green:before{ background:url(../images/pointer3.png) no-repeat;}
.main-banner .slide .features{ float:right;position: relative;z-index: 11;}
.main-banner .slide .features li{ position:absolute; left:0; top:0;}
.main-banner .slide.one .features li:nth-child(1){ position:relative; left:180px; top:-330px; z-index:1}
.main-banner .slide.one .features li:nth-child(1):before{ background:#fff;content: "";height: 1px;left: -271px; position: absolute; top: 352px; transform: rotate(106deg); width: 520px; z-index: 11;}
.main-banner .slide.one .features li:nth-child(1):after{ background:url(../images/main-banner/1/plus-icon.png) no-repeat;content: ""; height: 28px; left: -99px; position: absolute; top: 610px; width: 28px; z-index:11}
.main-banner .slide.one .features li:nth-child(2){ position:relative; left:275px; top:-300px; z-index:1}
.main-banner .slide.one .features li:nth-child(2):before{ background:#fff;content: "";height: 1px;left: -203px; position: absolute; top: 250px; transform: rotate(119deg); width: 360px; z-index: 11;}
.main-banner .slide.one .features li:nth-child(2):after{ background:url(../images/main-banner/1/plus-icon.png) no-repeat;content: ""; height: 28px; left: -131px; position: absolute; top: 410px; width: 28px; z-index:11}
.main-banner .slide.one .features li:nth-child(3){ position:relative; left:375px; top:-270px;}
.main-banner .slide.one .features li:nth-child(3):before{ background:#fff;content: "";height: 1px;left: -208px; position: absolute; top: 223px; transform: rotate(131deg); width: 323px; z-index: 11;}
.main-banner .slide.one .features li:nth-child(3):after{ background:url(../images/main-banner/1/plus-icon.png) no-repeat;content: ""; height: 28px; left: -180px; position: absolute; top: 344px; width: 28px; z-index:11}
.main-banner .slide.one .features li:nth-child(4){ position:relative; left:465px; top:-240px;}
.main-banner .slide.one .features li:nth-child(4):before{ background:#fff;content: "";height: 1px;left: -315px; position: absolute; top: 201px; transform: rotate(149deg); width: 403px; z-index: 11;}
.main-banner .slide .features li:nth-child(4):after{ background:url(../images/main-banner/1/plus-icon.png) no-repeat;content: ""; height: 28px; left: -320px; position: absolute; top: 295px; width: 28px; z-index:11}
.main-banner .slide.one .features li .tyre{ position:relative; left:415px; top:-358px;}

.main-banner .slide.one .features li:nth-child(6){ position:relative; left:565px; top:-190px;}

.main-banner .banner-content{ position:absolute; left:240px; top:80px; z-index:1}
.main-banner .banner-content img{ display:block; margin-bottom:15px;}
.main-banner .banner-content p{ font-size:19px; color:#334b00;font-family: 'ProximaNova-Regular'; text-transform:uppercase; max-width:420px; line-height:27px;}



.main-banner .banner-content-2{ position:absolute; left:800px; top:200px; z-index:111; max-width:630px;}
.main-banner .banner-content-2 h2{ font-size:27px;font-family: 'ProximaNovaBlack'; text-transform:uppercase; padding:0 0 20px 0; font-style:italic; color:#fff;}
.main-banner .banner-content-2 img{ display:block; margin-bottom:15px;}
.main-banner .banner-content-2 p{ font-size:14px; line-height:21px; color:#fff;font-family: 'ProximaNova-Regular'; margin-bottom:40px;}




.animate-it, .animate-on-load{ opacity:0;}
.animate-it.animated, .animate-on-load.animated{ opacity:1;}
.car-start .main-banner .slide .bg{ animation: animatedBackground 20s linear infinite;}
.car-start .main-banner .slide .wood-layer{ animation: animatedWood 6s linear infinite;}
.car-start .main-banner .slide .tyre-1-layer{ animation: spin 1s linear infinite;}
.car-start .main-banner .slide .tyre-2-layer{ animation: spin 1s linear infinite;}


.main-banner .slide.two{ background:#e6e6e6; z-index:12}
.car-start .main-banner .slide .road-layer,
.car-start .slides-nav .road-layer{ animation: animatedRoad 1.6s linear infinite;}
.car-start .slides-nav .bg{ animation: animatedBackground 20s linear infinite;}

.main-banner .slide.two .banner-content p{ color:#000; max-width:none;}
.main-banner .slide.two .features li:nth-child(1){ position:relative; left:355px; top:-300px; z-index:1}
.main-banner .slide.two .features li:nth-child(1):before{ background:#fff;content: "";height: 1px;left:-259px; position: absolute; top: 260px; transform: rotate(126deg); -webkit-transform: rotate(126deg); -ms-transform: rotate(126deg); width: 400px; z-index: 11;}
.main-banner .slide.two .features li:nth-child(1):after{ background:url(../images/main-banner/1/plus-icon.png) no-repeat;content: ""; height: 28px; left: -200px; position: absolute; top: 420px; width: 28px; z-index:11}
.main-banner .slide.two .features li:nth-child(2){ position:relative; left:455px; top:-270px; z-index:1;}
.main-banner .slide.two .features li:nth-child(2):before{ background:#fff;content: "";height: 1px;left:-306px; position: absolute; top: 203px; transform: rotate(148deg); -webkit-transform: rotate(148deg); -ms-transform: rotate(148deg); width: 392px; z-index: 11;}
.main-banner .slide.two .features li:nth-child(4){ position:relative; left:550px; top:-220px; z-index:1;}
.main-banner .slide.two .features li:nth-child(4):after{ background:none}

.main-banner .slide.two .features li .battery{ position:relative; left:614px; top:-341px;z-index: -1;}


.main-banner .slide.three{ background:#4e4e4e; z-index:15}
.main-banner .slide.three .road-layer{ background:url(../images/main-banner/3/road.jpg)  repeat-x;}
.main-banner .slide.three .banner-content p{ color:#fff; max-width:420px;margin-left: 5px;}
.main-banner .slide.one .road-layer{ background:url(../images/main-banner/1/road.png)  repeat-x;}



.features li,
.main-banner .banner-content-2 h2,
.main-banner .banner-content-2 p,
.main-banner .banner-content-2 .btn{ opacity:0;}
.features li.animated, .features li.opacity-1,
.main-banner .banner-content-2 h2.animated,
.main-banner .banner-content-2 p.animated,
.main-banner .banner-content-2 .btn.animated{ opacity:1;}





.banner-nav{ position:fixed; z-index:550; right:43px; bottom:76px; display:none;}
.banner-nav li{ float:left;}
.banner-nav li a{ background:#000; width:70px; height:51px; color:#fff; display:block; transform: skew(-27deg); -webkit-transform: skew(-27deg); -ms-transform: skew(-27deg);font-size: 30px; text-align:center;line-height: 50px;}
.banner-nav li a i{ transform: skew(27deg); -webkit-transform: skew(27deg); -ms-transform: skew(27deg);}
.banner-nav li a:hover{ background:#fff; color:#000}



/* landing page */
.landing-wood-layer-overlay{ overflow:hidden;position:absolute; left:0; right:0; bottom:140px;height:190px; z-index:122;}
.landing-page.car-landing-start .main-banner .slide .road-layer{ animation: animatedRoad 1.6s linear infinite;}
.landing-page .main-banner .banner-content{ left:-30px;}
.landing-page .main-banner{ left: -50px; overflow:hidden;}
.landing-page .main-banner .slide{ -ms-transform: skew(-27deg);-webkit-transform: skew(-27deg);transform: skew(-27deg); cursor:pointer;}
.landing-page .main-banner .slide .slide-inner{ -ms-transform: skew(27deg);-webkit-transform: skew(27deg);transform: skew(27deg);}
.landing-page .go-to-products{ left:50px;}
.landing-page .main-banner .slide .landing-bg{ bottom: 0;left: -100%;position: absolute;right: 0;top: 0;transform: skew(27deg); -webkit-transform: skew(27deg); -ms-transform: skew(27deg); width:300%; background-repeat:repeat-x; background-position:0 bottom;}
.landing-page .main-banner .slide.one .landing-bg{ background-image:url("../images/main-banner/landing/bg1.jpg"); background-color:#C4FF4F;}
.landing-page .main-banner .slide.two .landing-bg{ background-image:url("../images/main-banner/landing/bg2.jpg"); background-color:#e6e6e6;}
.landing-page .main-banner .slide.three .landing-bg{ background-image:url("../images/main-banner/landing/bg3.jpg"); background-color:#505050;}
.landing-page .main-banner .landing-wood-layer{ background:url(../images/main-banner/1/wood-layer.png)  repeat-x; height:190px; z-index:112; width:307500000px;}
.landing-page .main-banner .banner-content p{ max-width:340px!important;}
.landing-page .main-banner .landing-car-layer{ background:url(../images/main-banner/1/car.png)  no-repeat;position:absolute;
z-index:111; height:340px; width:798px; background-size:cover; right:0; left:-800px;
-webkit-transition: all 1900ms ease;
-moz-transition: all 1900ms ease;
-ms-transition: all 1900ms ease;
-o-transition: all 1900ms ease;
transition: all 1700ms ease;
}


@media (min-width: 768px) {
.landing-page .main-banner .landing-car-layer{ bottom:250px;}
}

.landing-page .main-banner .landing-tyre-1-layer{ background:url(../images/main-banner/1/tyre-2.png)  no-repeat;position:absolute; width:130px; right:63px; bottom:2px; z-index:11; height:130px; background-size:cover;}
.landing-page .main-banner .landing-tyre-2-layer{ background:url(../images/main-banner/1/tyre-2.png)  no-repeat;position:absolute; width:130px; left:106px; bottom:2px; z-index:11; height:130px; background-size:cover;}
.landing-page.show-landing-car .main-banner .landing-car-layer{ left:177px;}
.landing-page.show-landing-car .main-banner .landing-tyre-1-layer,
.landing-page.show-landing-car .main-banner .landing-tyre-2-layer{ animation: spinOnce 1.3s linear;}
.landing-page .main-banner .tyre-animation{ opacity:0;}
.landing-page.show-landing-tyre .main-banner .tyre-animation{ animation: spinOnceSmall 1.3s linear; opacity:1}
.landing-page.car-landing-start .main-banner .landing-bg{ animation: animatedBackground 25s linear infinite;}

.landing-page.car-landing-start .main-banner .landing-wood-layer{ 
	-webkit-animation: animatedWood 6s linear infinite;
	-ms-animation: animatedWood 6s linear infinite;
	-o-animation: animatedWood 6s linear infinite;
	animation: animatedWood 6s linear infinite;
	
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;

}
.landing-page.car-landing-start .main-banner .landing-tyre-1-layer{ animation: spin 1s linear infinite;}
.landing-page.car-landing-start .main-banner .landing-tyre-2-layer{ animation: spin 1s linear infinite;}
.landing-page .main-banner .banner-content img{ margin:0 0 5px -7px;}

.landing-page .main-banner .slide .bg,
.landing-page .main-banner .slide .wood-layer,
.landing-page .main-banner .slide .car-layer{ display:none}
/* end landing page */







#preload {
    background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
	background-size: cover;
	width:100%; height:100%;
}
.table {
	display: table;
}

.table-cell {
	display: table-cell;

	vertical-align: middle;
	opacity: 1;
	text-align:center
}



#preload .perc {
	color: #000;
	font-size: 40px;
	text-transform: uppercase;
	margin-top: 50px;
	font-weight: 300;
	letter-spacing: 1px;
}

#preload .loading {
	color: #000;
	font-size: 30px;
	margin-top: 30px;
	font-weight: 600;
	letter-spacing: 1px;
}

#preload .loader-logo{ animation: spin 1.8s linear infinite;}
#preload .circle canvas{ display:none;}

.arabian-logo{ background:#fff;border-radius: 5px; margin-bottom: 30px; max-height: 110px; padding: 20px;}


/* go-to-products */
.go-to-products{ position:absolute; left:0; bottom:0; z-index:250;}
.go-to-products h3{ font-size:13px; color:#272727;font-family: 'ProximaNovaBlack'; text-transform:uppercase; padding:0 0 13px 70px; font-style:italic;}
.go-to-products ul li{ float:left; background:#fff}
.go-to-products ul li a{ position:relative;display:block; font-family: 'Lato', sans-serif; font-size:12px;}
.go-to-products ul li a span{display:block; font-size:26px;font-family: 'ProximaNovaBlack'; text-transform:uppercase; padding-bottom:7px; font-style:italic;}
.go-to-products ul li a small{ display:block; max-width:117px;}
.go-to-products ul li:nth-child(1) a{ background:#000; padding:20px 0 18px 86px; color:#fff;}
.go-to-products ul li:nth-child(1) a:before { content: ''; position: absolute; top: 0; right: -60px; border-top: 95px solid #000; border-right: 60px solid transparent; width: 0;}
.go-to-products ul li:nth-child(1) a:after{ background:url(../images/main-banner/go-to-tyres.png) no-repeat 0 0; width:69px; height:123px; position:absolute; left:0; bottom:0; content:"";}
.go-to-products ul li:nth-child(1){ position:relative; z-index:1}
.go-to-products ul li:nth-child(2) a{ background:#fff; padding:20px 120px 18px 0; color:#000;margin-left: 60px;}
.go-to-products ul li:nth-child(2) a span{ color:#7dc822;}
.go-to-products ul li:nth-child(2) a:before { content: ''; position: absolute; top: 0; left: -60px; border-bottom: 95px solid #fff; border-left: 60px solid transparent; width: 0;}
.go-to-products ul li:nth-child(2) a:after{ background:url(../images/main-banner/go-to-batteries.png) no-repeat 0 0; width:140px; height:104px; position:absolute; right:-45px; bottom:0; content:"";}
.go-to-products ul li:nth-child(1) a:hover{ background:#7dc822; color:#fff;}
.go-to-products ul li:nth-child(1) a:hover span{ color:#fff;}
.go-to-products ul li:nth-child(1) a:hover:before{border-top-color:#7dc822;} 
.go-to-products ul li:nth-child(2) a:hover{ background:#7dc822; color:#fff;}
.go-to-products ul li:nth-child(2) a:hover span{ color:#fff;}
.go-to-products ul li:nth-child(2) a:hover:before{border-bottom-color:#7dc822;} 




.slides-nav{ position:absolute; right:-1193px; bottom:0; z-index:12; height:100%; transform: skew(-27deg); -webkit-transform: skew(-27deg); -ms-transform: skew(-27deg);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.slides-nav.shown{ right:193px;}
.slides-nav li{position:absolute; right:0; bottom:0; height:100%; left:0; width:150px;}
.main-banner .slide .slides-nav li.bg-1 .bg {background-position: 0 bottom; background-repeat: repeat-x;  bottom: 0; left: 0;  position: absolute; right: 0; top: 0;}
.main-banner .slide .slides-nav li.bg-1 .road-layer,
.main-banner .slide .slides-nav li.bg-2 .road-layer{ background-repeat:repeat-x;position:absolute; left:0; right:0; bottom:78px; z-index:11; height:300px;}
.main-banner .slide .slides-nav li.bg-2{ left:149px;}

.main-banner .slide.one .slides-nav li.bg-1 .road-layer{background-image:url(../images/main-banner/3/road.jpg);}
.main-banner .slide.one .slides-nav li.bg-2 .road-layer{ background:url(../images/main-banner/2/road.jpg);}

.main-banner .slide.two .slides-nav li.bg-1 .road-layer{background-image:url(../images/main-banner/1/road.png);}
.main-banner .slide.two .slides-nav li.bg-2 .road-layer{ background:url(../images/main-banner/3/road.jpg);}

.main-banner .slide.three .slides-nav li.bg-1 .road-layer{background-image:url(../images/main-banner/2/road.jpg);}
.main-banner .slide.three .slides-nav li.bg-2 .road-layer{ background:url(../images/main-banner/1/road.png);}










.page-about-us{ background:url(../images/about-bg.jpg) no-repeat center 0 #272727; padding-top:96px;}
.heading{ text-align:center; margin-bottom:90px;}
.heading h1{ font-size:90px; color:#fff; font-style:italic; position:relative;margin-bottom: 40px;}
.heading h1:before{ position:absolute; left:50%; bottom:-24px; height:9px; background:#484848; content:""; width:134px; margin-left:-67px;}
.heading p{ color:#fff;font-family: 'ProximaNova-Regular'; font-size:20px;}

.heading .img-title{margin-bottom: 36px;}
.heading .img-title:before{ display:none;}


.image-1 .image-1-thumb{ float:right; width:54%;}
.image-1 .image-1-thumb img{ display:block; width:100%;}
.image-1 .image-1-content{ padding:43px 57px; text-align:right; width:46%; float:left;}
.image-1 .image-1-content h2{ color:#fff;font-family: 'proxima_nova_ltregular'; font-size:33px; font-style:italic;line-height: 41px;}
.image-1 .image-1-content h2 strong{font-family: 'ProximaNovaBlack';}


.image-2{ position:relative;top:40px;}
.image-2 .image-2-thumb{ float:left; width:56.4%;}
.image-2 .image-2-thumb img{ display:block; width:100%; margin-bottom:50px;}
.image-2 .image-2-thumb p{ position:relative; padding-left:58px; color:#fff;font-size: 16px; line-height: 24px;}
.image-2 .image-2-thumb p:before{ content:""; width:43px; height:3px; background:#fff; position:absolute; left:0; top:12px;}
.image-2 .image-2-content{ padding:0 0 0 30px; width:43%; float:right;}
.image-2 .image-2-content p{ color:#fff;font-size: 16px; line-height: 24px;}







.what-makes-us-unique{ padding:125px 0; background:#94d60a; color:#fff; text-align:center; margin-top:-23px; position:relative;}
.what-makes-us-unique h2{ color:#fff; margin-bottom:56px; font-size:40px;font-family: 'proxima_nova_ltbold';}
.what-makes-us-unique .each-row{ margin:-20px;}
.what-makes-us-unique .each{ float:left; width:25%; padding:0 20px;}
.what-makes-us-unique .each .counter-details{ font-size:16px;font-family: 'karbonlight'; text-transform:uppercase; color:#fff;}
.what-makes-us-unique .each .quantity-counter1,
.what-makes-us-unique .each .quantity-counter2,
.what-makes-us-unique .each .quantity-counter3,
.what-makes-us-unique .each .quantity-counter4,
.what-makes-us-unique .each .add-after{ font-size:72px;font-family: 'karbonbold'; text-transform:uppercase; color:#fff;}
.what-makes-us-unique .btn{ position:absolute; left:50%; bottom:-20px; margin-left:-120px; z-index:1;}
.what-makes-us-unique .btn:hover{ background:#333}





.leader-for-reason{ padding:125px 0; background:#272727; color:#fff; position:relative;}
.leader-for-reason h2{ color:#fff; margin-bottom:56px; font-size:72px;font-family: 'karbonlight';line-height: 60px;}
.leader-for-reason .each-row{ margin:-20px;}
.leader-for-reason .each{ float:left; width:25%; padding:0 20px;}
.leader-for-reason .icon{ width:127px; height:127px; background:#525252; text-align:center; display:block; border-radius:100%; margin-bottom:20px;}
.leader-for-reason .icon .helper{display:inline-block;height:100%;padding:0;position:relative;bottom:0;left:0;vertical-align:middle;}
.leader-for-reason .icon img{vertical-align:middle;max-width:94%;max-height:94%; opacity:.5;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.leader-for-reason .each:hover .icon img{ opacity:1;}
.leader-for-reason h3{ font-size:13px;font-family: 'karbonbold'; color:#fff; letter-spacing:2px; margin-bottom:8px;}
.leader-for-reason p{ color:#ababab;font-family: 'karbonregular'; line-height:normal;}
.leader-for-reason .icon-box { max-width: 180px;margin-top: 30px;}





.footer{ padding:70px 0; border-top:3px solid #3d3d3d; text-align:center; background:#272727;}
.footer .container{ position:relative;}
.footer .container:before { position:absolute; right:-360px; bottom:-70px; content:'';border-bottom: 470px solid #b1f128; border-left: 470px solid transparent;}
.footer .copyright{ color:#fff; font-size:18px; font-family: "karbonregular";}



.page-contact-us{ background:#E6E6E6;}
.page-contact-us .bg{ background:url(../images/contact-bg.jpg) no-repeat center 0; background-size:cover; background-attachment:fixed;}
.page-contact-us .footer{ background:#e6e6e6; border-color:#cfcfcf;}
.page-contact-us .footer .copyright{ color:#000;}
.page-contact-us .heading{ padding-top:90px;}
.page-contact-us .heading h1{ color:#000; font-size:70px;}
.page-contact-us .heading h1:before{ background:#000;}
.contact-us-right h3{ font-size:21px;font-family: 'proxima_bold'; margin-bottom:8px;}
.contact-us-right p{ font-size:19px; line-height: 27px;}
.contact-us-right p a{ color:#222;font-family: 'proxima_bold';}
.contact-us-right p a:hover{ color:#4F4F4F;}
.contact-us-right .each{ float:left; width:47%;}
.contact-us-right .each a:hover{ color:#828282;}
.contact-us-right .btn{ margin-right:10px;}

.contact-us-left{ float:left; width:50%;}
.contact-us-right{ float:right; width:42%; padding-top:54px;}





.form-widget{ background:#fff; padding:47px; border-radius:10px; position:relative; margin-bottom:80px;}
.form-widget h3{ font-size:30px; margin-bottom:40px; font-style:italic;}
.form-widget .field-group{ border:1px solid #ebebeb; position:relative; margin-bottom:15px;}
.form-widget .field-group label{ position:absolute; left:4px; top:-12px; padding:5px; background:#fff; display:block; font-size:13px; color:#8e8e8e; font-style:italic;}
.form-widget .field-group label.error{ color:#F00;}
.form-widget .field-group input[type="text"]{ height:56px; border:0; width:100%; padding:10px;}
.form-widget:after{ content:""; position:absolute; left:0; right:0; background:url(../images/shadow.png) no-repeat center 0; height:15px; bottom:-15px;}
.form-widget .field-group textarea{ height:140px; border:0; width:100%; padding:15px 10px; resize:none;font-family: "ProximaNova-Regular"; font-size: 14px;}
.form-widget .success-msg{ margin-top:20px; display:none;}




.social li { display: inline-block;	margin-right:5px;}
.social li a { display: block; font-size: 26px;}
.social li .fa-facebook {color: #3b5998;}
.social li .fa-facebook:hover { color: #2b467e;}
.social li .fa-twitter {color: #77c7f7;}
.social li .fa-twitter:hover { color: #5aaee0;}
.social li .fa-google-plus {color: #f34a38;}
.social li .fa-google-plus:hover { color: #e03c2b;}



.page-brands{ background:#4e4e4e;}
.page-brands .bg{ background:url(../images/brands-bg.jpg) no-repeat center 0; background-size:cover; background-attachment:fixed;}
.page-brands .footer{ background:#4e4e4e; border-color:#464646;}
.page-brands .heading{ padding-top:90px;}
.page-brands .heading h1{ color:#fff; font-size:70px;}
.page-brands .heading h1:before{ background:#fff;}




.brands { min-height: 700px;}
.brands h3{ color:#fff; margin-bottom:30px; font-size:30px; font-style:italic;}
.brands ul{ margin:0 -7px 50px;}
.brands ul li{ width:25%; padding:0 7px 14px; float:left;}
.brands ul li .brand-logo{ height:151px; border-radius:10px; background:#fff; position:relative; text-align:center; z-index:2}
.brands ul li .brand-logo .helper{display:inline-block;height:100%;padding:0;position:relative;bottom:0;left:0;vertical-align:middle;}
.brands ul li .brand-logo img{vertical-align:middle;max-width:94%;max-height:94%;}
.brands ul li .brand-logo.blue{ background:#14519d;}
.brands ul li .brand-logo.green{ background:#9ec93b;}





.page-products{ background:url(../images/products-bg.jpg) no-repeat center 0;}
.heading{ text-align:center; margin-bottom:90px; padding-top:96px;}
.heading h1{ margin-bottom:70px;}
.heading h1:before{ background:#fff;}




.tire-logos li{ margin-bottom:13px;}
.tire-logos li .brand-logo{ height:85px; padding:0 20px 0 0; background:#272727; position:relative; text-align:center; z-index:2; width:274px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.tire-logos li .brand-logo .helper{display:inline-block;height:100%;padding:0;position:relative;bottom:0;left:0;vertical-align:middle;}
.tire-logos li .brand-logo img{vertical-align:middle;max-width:94%;max-height:40px;}
.tire-logos li .brand-logo.blue{ background:#14519d;}
.tire-logos li .brand-logo.green{ background:#9ec93b;}
.tire-logos{ float:right;  margin-top: 80px;}
.tire-logos li .brand-logo:before { position:absolute; left:-85px; top:0; content:'';border-bottom: 85px solid #272727; border-left: 85px solid transparent;}
.tire-logos li .brand-logo.blue:before{ border-bottom-color:#14519d;}
.tire-logos li:nth-child(2) .brand-logo{ position: relative;right: 99px;}
.tire-logos li:nth-child(3) .brand-logo{ position: relative;right: 197px;}
.tire-logos li:nth-child(4) .brand-logo{ position: relative;right: 295px;}
.tire-logos li:nth-child(5) .brand-logo{ position: relative;right: 393px;}
.tire-logos li:nth-child(6) .brand-logo{ position: relative;right: 491px;}


.battery-logos{ position:absolute;}
.battery-logos li{ margin-bottom:13px;}
.battery-logos li .brand-logo{ height:85px; padding:0 20px 0 0; background:#fff; position:relative; text-align:center; z-index:2; width:274px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.battery-logos li .brand-logo .helper{display:inline-block;height:100%;padding:0;position:relative;bottom:0;left:0;vertical-align:middle;}
.battery-logos li .brand-logo img{vertical-align:middle;max-width:94%;max-height:94%;}
.battery-logos li .brand-logo.blue{ background:#14519d;}
.battery-logos li .brand-logo.green{ background:#9ec93b;}
/*.battery-logos{ margin: 80px 0 0 50px;}*/
.battery-logos{ margin: 80px 0 0 148px;}
.battery-logos li .brand-logo:before { position:absolute; right:-84px; top:0; content:'';border-top: 85px solid #fff; border-right: 85px solid transparent;}
.battery-logos li .brand-logo.green:before{ border-top-color:#9ec93b;}
.battery-logos li:nth-child(2) .brand-logo{ position: relative;right: 99px;}




.all-tires-widget{ margin:100px 0 0; float:right; max-width:750px; width:100%; text-align:center;}
.all-tires-widget h3{ color:#fff; font-size:45px; font-style:italic; margin-bottom:45px;}
.all-tires-widget h3 span{ display:block; font-style:normal; font-size:16px;font-family: "ProximaNova-Regular"; padding-top:10px;}
.tire-item .tire-item-content{ padding:10px;}
.tire-item .tire-item-content h4{ font-size:16px; color:#fff;font-family: 'Lato', sans-serif; font-weight:900; font-style:italic;}
.tire-item .tire-item-content p{ color:#fff;}
.all-tires-widget .btn{ margin-top:30px;}
.all-tires-widget .owl-stage-outer{ max-height:440px;}


.all-tires-widget .owl-nav{ position:absolute; left:0; right:0; top:50%; margin-top:-32px;}
.all-tires-widget .owl-nav .owl-prev{ width:64px; height:64px; background: url(../images/arrow-left.png) no-repeat center center rgba(0, 0, 0, 0.22); border-radius:100%;margin-left: -90px; position:absolute; left:0; top:0; font-size:0;}
.all-tires-widget .owl-nav .owl-next{ width:64px; height:64px; background: url(../images/arrow-right.png) no-repeat center center rgba(0, 0, 0, 0.22); border-radius:100%;margin-right: -90px; position:absolute; right:0; top:0; font-size:0;}


.all-tires-widget .owl-nav .owl-prev:hover,
.all-tires-widget .owl-nav .owl-next:hover{ background-color:rgba(0, 0, 0, 0.40);}



.all-batteries-widget{ margin:100px 0 0; float:right; max-width:750px; width:100%; text-align:center;}
.all-batteries-widget h3{ color:#94d60a; font-size:45px; font-style:italic; margin-bottom:45px;}
.all-batteries-widget h3 span{ display:block; font-style:normal; font-size:16px;font-family: "ProximaNova-Regular";}
.battery-item .battery-item-content{ padding:30px 10px 10px;}
.battery-item .battery-item-content h4{ font-size:16px; font-family: 'Lato', sans-serif; font-weight:900; font-style:italic;}
.all-batteries-widget .btn{ margin-top:30px;}


.all-batteries-widget .owl-nav{ position:absolute; left:0; right:0; top:50%; margin-top:-32px;}
.all-batteries-widget .owl-nav .owl-prev{ width:64px; height:64px; background: url(../images/arrow-left.png) no-repeat center center rgba(0, 0, 0, 0.22); border-radius:100%;margin-left: -90px; position:absolute; left:0; top:0; font-size:0;}
.all-batteries-widget .owl-nav .owl-next{ width:64px; height:64px; background: url(../images/arrow-right.png) no-repeat center center rgba(0, 0, 0, 0.22); border-radius:100%;margin-right: -90px; position:absolute; right:0; top:0; font-size:0;}


.all-batteries-widget .owl-nav .owl-prev:hover,
.all-batteries-widget .owl-nav .owl-next:hover{ background-color:rgba(0, 0, 0, 0.40);}

.page-products .footer{ background:none; border-color:rgba(0, 0, 0, 0.10);  margin-top: 130px;}
.page-products .footer .copyright{ color:#121213}
.page-products .footer .container:before{ z-index:-1;}
.back-to-top{ position:absolute; right:-158px; top:-127px; width:50px; height:54px; background:#000; color:#fff;line-height: 54px; font-size:30px; text-align:left;}
.back-to-top i{ position:relative; left:10px;}
.back-to-top:before { position:absolute; left:-55px; top:0; content:'';border-bottom: 54px solid #000; border-left: 55px solid transparent;}
.back-to-top:hover{ background:rgba(0, 0, 0, 0.22);}
.back-to-top:hover:before{ border-bottom-color:rgba(0, 0, 0, 0.22)}
.car-widget{ margin-top:160px; text-align:center;min-height: 400px;}
.car-widget img.bat{margin: 0 -100px 0 0; position: relative; top: -15px; z-index: 1;}

.tire-item-thumb img{ max-height:188px;}

/* owl-carousel.css */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}



.locations-map{ text-align:center; padding-bottom:50px;}
.locations-map img{ margin-left:-40px;}

.about-images{ margin:60px -5px;}
.about-images li{ float:left; width:33.3%; padding:0 5px;}


a.mouse-scroll {
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
    bottom: 40px;
    left: 50%;
    margin: 0 0 0 -15px;
    position: absolute;
    transition: all 500ms ease 0s;
    z-index: 100;
	color:#212121;
	font-size:35px;
}
@keyframes scroll {
0% {
    opacity: 0.1;
}
20% {
    opacity: 0.5;
}
40% {
    opacity: 0.8;
}
55% {
    opacity: 1;
}
70% {
    opacity: 0.8;
}
80% {
    opacity: 0.5;
}
100% {
    opacity: 0;
    transform: translateY(46px);
}
}
@keyframes scroll {
0% {
    opacity: 0.1;
}
20% {
    opacity: 0.5;
}
40% {
    opacity: 0.8;
}
55% {
    opacity: 1;
}
70% {
    opacity: 0.8;
}
80% {
    opacity: 0.5;
}
100% {
    opacity: 0;
    transform: translateY(46px);
}
}
@keyframes scroll {
0% {
    opacity: 0.1;
}
20% {
    opacity: 0.5;
}
40% {
    opacity: 0.8;
}
55% {
    opacity: 1;
}
70% {
    opacity: 0.8;
}
80% {
    opacity: 0.5;
}
100% {
    opacity: 0;
    transform: translateY(46px);
}
}






/* Responsive.css */
/*@media (max-width: 767px){
body{ min-width:320px;}
.hide767{ display:none !important}
.header-search .btn, .process-widget{ display:none;}
.container{ max-width:96%;}
.header-menu { display: none;}
.header-right { float: none;}
.header-search{ margin-top: 30px;}
.header-left-sec {width: 100%;}
.header-search .search {width: 99.5%;}
.header-search .search input[type="text"]{ padding-left:2%; padding-right:2%;width: 48%;}
.header-search .search .styled-select {width: 26%;}
.mobile-quote, .mobile-navigation{ position: absolute;right: 90px; bottom: 0; width: 39px; height: 34px;background: url(../images/search_button.png) no-repeat center 9px #fff; display:block;border: 1px solid #ccc;}
.mobile-quote{background: url(../images/quote-btn.png) no-repeat center 9px #fff;}
.mobile-navigation{ right: 139px;}
.mobile-navigation span{ display: block;border-bottom: 2px solid #ccc;margin: 3px 5px 0 5px;height: 1px;border-radius: 5px;}
.mobile-navigation span:first-child{ margin-top:10px;}
.mobile-buttons{float: right;width: 100%;position: relative;}
.logo {max-width: 260px;}
.left-nav {width: 100%;float: none;margin-right: 0; display:none;}
.left-nav li a{ background:url(../images/skin1/arrow.png) no-repeat 95% 55%;}
.left-nav li a.opened{ background:url(../images/skin1/arrow-up.png) no-repeat 95% 55%;}
.left-nav li:hover .sub-menu{ display:none;}
.sub-menu {position: relative;left: 0;top: 0;width: 94%;padding: 0 3% 10px; z-index:0}
.sub-menu .each {width: 50%;}
.sub-menu .nav-banner {margin-right: -6px;margin-bottom: 0;padding: 30px 0 0 0 !important;}
.main-banner {float: none;width: 100%;margin-right: 0;}
.secure-online, .join-clikafrick {width: auto;float: none;border-right: 0;margin-right: 0;}
.newsletter {float: none;width: 100%;}
.banner, .suplies-banner{width: 100%;float: none;margin-right: 0; margin-bottom:10px;}
.banner img {width: 99.5%;}
.top-categories-carousel .owl-item:first-child{ margin-left:0;}
.top-product { margin: 0 5px;}
.quote-left{ left:10%;}
.quote-right{ right:10%;}
.testimonials p {padding: 0 16%;}
.trade_service .each { width: 43%;float: none;margin:0 2% 25px 0;display: inline-block;}
.trade_service .each:not(:first-child){ padding-left:0;}
.trade_service .each:nth-child(2n+2){ border-right:0}
.footer_links .each {width: 50%;margin-bottom: 25px;}
.top-nav ul li {padding-left: 9px; padding-right: 9px;}
.mobile-overfolw{ overflow-x:scroll; padding-bottom:20px;}
.mobile-table{ width:768px;}
.shopping-cart-left, .shopping-cart-right { width: 100%;float: none;margin-right: 0;}
.categories-sidebar, .categories{width: 100%;float: none;margin-right: 0;}
.list-view { text-align:center}
.list-view .item .item-thumb{ float:none;}
.list-view .item .item-detail{ padding:13px 0 0 0;}
.my-information .each { width: 100%;float: none;}
.profile-form .each { float: none;width: 100%;}
.resp-tabs-container .mobile-overfolw{ margin-bottom:20px;}
.product-details .each { width: 46%;padding-right: 3%;float: none;display: inline-block;}
.search-large .search{ height:auto;}
.search-large .search input[type="text"]{ width:96%; border-right:0}
.search-large .search .styled-select { padding-left:2%; padding-right:2%; width: 96%;}
.search-large .search .search-btn{ width:100.3%; float:none;}
.list-view.view-inline li { width: 49%;}
.search-results .grid-view li{ width: 47%;text-align: center;margin-right: 2%;float: none;display: inline-block;}
.search-results .grid-view li:nth-child(5n+5){ margin-right: 2%;}
.grid-view li {margin-right: 1.9%;width: 31.3%;}
.grid-view li:nth-child(4n+4){margin-right: 1.9%;}
.about-left, .about-right{ width:100%; float:none;}
.product-detail-images {float: none;width: 100%;margin-right: 0;}
.product-detail-content {float: none;width: 100%;padding-top: 50px;}
.sort-widget-content{ display:none;}
.sort-widget {padding: 15px 15px 10px;}
.sort-widget h3{ cursor:pointer;}
.item .item-detail h3{ font-size:14px;}
.cart-product-thumb, .cart-price, .cart-qty, .cart-total, .my-orders-list .my-orders-product li.my-orders-product-thumb,
.my-orders-list .my-orders-product li.my-orders-q,
.my-orders-list .my-orders-product li.my-orders-price,
.my-orders-list .my-orders-product li.my-orders-order-id,
.my-orders-list .my-orders-product li.my-orders-order-status,
.wishlist .wishlist-product li.wishlist-product-thumb,
.wishlist .wishlist-product li.wishlist-moq,
.wishlist .wishlist-product li.wishlist-price,
.wishlist .wishlist-product li.wishlist-order{ width:100%; float:none; text-align:center}
.hide-this{ position:relative;}
.my-orders-list .my-orders-product li.my-orders-order-id{ padding-bottom:10px}
.cart-close, .my-orders-list .my-orders-product li.my-orders-close, .wishlist .wishlist-product li.wishlist-close{ position:absolute; right:10px; top:0}
.continue-shopping .continue-shopping-btn, .continue-shopping .sub-total, .continue-shopping .cart-total-price,
.grand-total li.gt-blank, .grand-total li.gt-text, .grand-total li.gt-amount{ float: none; width: 100%;}
.gt-blank, .cart-heading, .my-orders-heading, .wishlist .wishlist-heading{ display:none}
.continue-shopping .sub-total{ padding:15px 0;}
.shopping-cart h2{ padding-bottom:10px;}
.list-product img{ float:none;margin: 0;}
.continue-shopping, .grand-total {text-align: center;}
.list-product span, .my-orders-product-thumb .list-product span {padding-top: 10px;}
.wishlist .wishlist-product .wishlist-moq, .my-orders-product li.my-orders-q, .cart-price p, .cart-qty p, .cart-total p { padding-top: 15px;}
.cart-qty .cart-qty-box {margin: 15px 0 0;}
.wishlist-price p, .my-orders-price p, .my-orders-order-id p, .my-orders-order-status p{padding-top: 15px;}
.wishlist-order .btn {margin-top: 15px;}

}
@media (max-width: 590px) {
.grid-view li {margin-right: 1.9%;width: 47.3%;float: none;display: inline-block;}
.grid-view li:nth-child(4n+4){margin-right: 1.9%;}
.grid-view li .item .item-thumb img{ display: block;margin: 0 auto;}
.product-detail-content .product-detail-widget {float: none;margin: 0 0 40px 0;max-width:none;}
.product-detail-content{ text-align:center;}
.product-details {text-align: center;}
.order-details p span {display: block;width: 100%;}
}
@media (max-width: 480px) {
.quote-left{ left:7%;}
.quote-right{ right:7%;}
footer h3 {padding-left: 6%;}
.footer_links .each, .trade_service .each {width: 90%;margin-right: 0;border: 0;margin-left: 6%;}
.logo {max-width: 230px;}
.hide-sc{ display:none;}
.profile-form { padding-left: 20px; padding-right: 20px;}
.profile-form label {float: none;padding-right: 0;text-align: left;width: 100%;display: block;padding-bottom: 10px;}
.profile-form input[type="text"], .profile-form textarea {width: 96%;}
.profile-form .height40 {display: none;}
.product-details .each{ width: 100%; padding: 20px 0;}
.quote-form .other-quantity input[type="text"] { margin-right: 0;width: 96%;float: none;}
.quote-form .styled-select.form { width: 100%;float: none;}
.list-view.view-inline li { width: 100%;}
/*.list-view.view-inline li .item .item-thumb img, .search-results .grid-view li .item .item-thumb img{ max-width:none; max-height:none;}
.related-categories .btn-ligthGrey{display: block;margin-bottom: 4px;}
.search-results .grid-view li { width: 100%;margin-right: 0;}
.search-results .grid-view li:nth-child(5n+5){ margin-right: 0;}
.grid-view li {margin-right: 0;width: 100%;}
.grid-view li:nth-child(4n+4){margin-right: 0;}
.list-view li .item .buttons .btn{ display:block; margin-bottom:15px;}
.sub-menu .nav-banner {max-width: 300px;}
.product-detail-images .product-detail-thumbs li {max-width: 21%;}
}

@media (min-width: 768px) and (max-width:1002px) {
.container{ max-width:768px;}
.logo {float: none;display: block;text-align: center;}
.header-menu {text-align: center;}
.header-menu .styled-select, .header-menu .safe-trade{ float:none;}
.secure-online, .join-clikafrick{ width: 42%;}
.newsletter { width: 100%;}
.banner .banner-detail h1 { font-size: 30px;}
.resp-tabs-list li , .resp-tab-active {padding: 19px 15px 16px !important;margin: 0 3px 0 0;}
.footer_links .each {width: 19%;padding-right: 1%;}
.main-banner {width: 69%;margin-right: 0;}
.process-widget { display:none;}
.left-nav{ width:30%;}
.left-nav li a{ padding: 11px 15px 11px;}
.left-nav li.all-cat a { margin: 8px 0 7px;}
.sub-menu{ width: 470px;}
.sub-menu .each { width: 50%;padding-bottom: 30px;}
.categories-sidebar { width: 30%;}
.categories { width: 67.5%;}
.related-categories .btn-ligthGrey{ padding: 10px 20px 8px;}
.item .buttons .btn {display: block;margin-bottom: 7px;}
.search-large .search input[type="text"]{ width: 60%;}
.list-view.view-inline li { width: 100%;}
.search-results .grid-view li{ width:32%;text-align: center;}
.search-results .grid-view li:nth-child(5n+5){ margin-right: 0.9%;}
.search-results .item .buttons .btn{ display:inline-block;}
.grid-view li {width: 32.3%;}
.grid-view li:nth-child(4n+4){margin-right: 0.9%;}
.product-detail-images {float: none;width: 100%;margin-right: 0;}
.product-detail-content {float: none;width: 100%;padding-top: 50px;}
}


@media (min-width: 1003px) and (max-width:1139px) {
.container{ max-width:1003px;}
.header-search .search{ width:400px;}
.search input[type="text"]{ width:52%;}
.left-nav{padding: 0;}
.left-nav li a{padding: 11px 15px 10px;}
.left-nav li.all-cat a { margin: 6px 0 6px;}
.process-widget {min-height: 423px;}
.process-widget .btn.btn-quote{ font-size: 14px;}
.process-widget img {margin-top: 5px;max-width: 94%;}
.secure-online {width: 25%;}
.join-clikafrick {width: 25%;}
.newsletter {width: 33%;}
.resp-tabs-list li , .resp-tab-active {padding: 19px 20px 16px !important;}
.sub-menu{ width:740px;}
}

@media (min-width: 768px) {
    .mobile-buttons{ display:none;}
	.left-nav, .sort-widget-content{ display:block !important;}
	.left-nav li:hover .sub-menu{ display:block !important;}
}

@media (max-width: 440px) {
.logo {max-width: 200px;}
}
@media (max-width: 410px) {
.logo {max-width: 170px;}
}

/* POPUP RESPONSIVE 
@media (max-width: 767px){
	.popup-form {padding: 34px 20px;}
	.popup-form label{ padding-bottom:6px; display:block;}
	.popup-form label, .popup-form input[type="text"]{ width:96%;}
	.popup-form .date input[type="text"] {width: 44px !important;}
}

*/