@charset "UTF-8";
@font-face {
font-family: 'icomoon';
src:    url(//www.paskiewicz.com.pl/blog/wp-content/themes/narcos/css/fonts/icomoon.eot?kwiq0k);
src:    url(//www.paskiewicz.com.pl/blog/wp-content/themes/narcos/css/fonts/icomoon.eot?kwiq0k#iefix) format('embedded-opentype'),
url(//www.paskiewicz.com.pl/blog/wp-content/themes/narcos/css/fonts/icomoon.ttf?kwiq0k) format('truetype'),
url(//www.paskiewicz.com.pl/blog/wp-content/themes/narcos/css/fonts/icomoon.woff?kwiq0k) format('woff'),
url(//www.paskiewicz.com.pl/blog/wp-content/themes/narcos/css/fonts/icomoon.svg?kwiq0k#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-roundedarrowleft:before {
content: "\e937";
}
.icon-roundedarrowright:before {
content: "\e938";
}
.icon-video-icon:before {
content: "\e936";
}
.icon-interface-circlerighttrue:before {
content: "\e930";
}
.icon-interface-cmdcommand:before {
content: "\e931";
}
.icon-mail3:before {
content: "\e932";
}
.icon-media-clipvideofilm:before {
content: "\e933";
}
.icon-phone4:before {
content: "\e934";
}
.icon-shoppingbag:before {
content: "\e935";
}
.icon-heart2:before {
content: "\e900";
}
.icon-cloud2:before {
content: "\e901";
}
.icon-star2:before {
content: "\e902";
}
.icon-tv2:before {
content: "\e903";
}
.icon-sound:before {
content: "\e904";
}
.icon-video:before {
content: "\e905";
}
.icon-trash2:before {
content: "\e906";
}
.icon-user2:before {
content: "\e907";
}
.icon-key2:before {
content: "\e908";
}
.icon-search2:before {
content: "\e909";
}
.icon-settings:before {
content: "\e90a";
}
.icon-camera2:before {
content: "\e90b";
}
.icon-tag2:before {
content: "\e90c";
}
.icon-lock2:before {
content: "\e90d";
}
.icon-bulb:before {
content: "\e90e";
}
.icon-pen:before {
content: "\e90f";
}
.icon-diamond2:before {
content: "\e910";
}
.icon-display:before {
content: "\e911";
}
.icon-location:before {
content: "\e912";
}
.icon-eye2:before {
content: "\e913";
}
.icon-bubble:before {
content: "\e914";
}
.icon-stack:before {
content: "\e915";
}
.icon-cup:before {
content: "\e916";
}
.icon-phone2:before {
content: "\e917";
}
.icon-news:before {
content: "\e918";
}
.icon-mail:before {
content: "\e919";
}
.icon-like:before {
content: "\e91a";
}
.icon-photo2:before {
content: "\e91b";
}
.icon-note:before {
content: "\e91c";
}
.icon-clock:before {
content: "\e91d";
}
.icon-paperplane:before {
content: "\e91e";
}
.icon-params:before {
content: "\e91f";
}
.icon-banknote:before {
content: "\e920";
}
.icon-data:before {
content: "\e921";
}
.icon-music2:before {
content: "\e922";
}
.icon-megaphone:before {
content: "\e923";
}
.icon-study:before {
content: "\e924";
}
.icon-lab:before {
content: "\e925";
}
.icon-food:before {
content: "\e926";
}
.icon-t-shirt:before {
content: "\e927";
}
.icon-fire2:before {
content: "\e928";
}
.icon-clip:before {
content: "\e929";
}
.icon-shop:before {
content: "\e92a";
}
.icon-calendar2:before {
content: "\e92b";
}
.icon-wallet:before {
content: "\e92c";
}
.icon-vynil:before {
content: "\e92d";
}
.icon-truck2:before {
content: "\e92e";
}
.icon-world:before {
content: "\e92f";
}
.icon-mobile2:before {
content: "\e000";
}
.icon-laptop2:before {
content: "\e001";
}
.icon-desktop2:before {
content: "\e002";
}
.icon-tablet2:before {
content: "\e003";
}
.icon-phone3:before {
content: "\e004";
}
.icon-document:before {
content: "\e005";
}
.icon-documents:before {
content: "\e006";
}
.icon-search3:before {
content: "\e007";
}
.icon-clipboard2:before {
content: "\e008";
}
.icon-newspaper:before {
content: "\e009";
}
.icon-notebook:before {
content: "\e00a";
}
.icon-book-open:before {
content: "\e00b";
}
.icon-browser:before {
content: "\e00c";
}
.icon-calendar3:before {
content: "\e00d";
}
.icon-presentation:before {
content: "\e00e";
}
.icon-picture:before {
content: "\e00f";
}
.icon-pictures:before {
content: "\e010";
}
.icon-video2:before {
content: "\e011";
}
.icon-camera3:before {
content: "\e012";
}
.icon-printer:before {
content: "\e013";
}
.icon-toolbox:before {
content: "\e014";
}
.icon-briefcase2:before {
content: "\e015";
}
.icon-wallet2:before {
content: "\e016";
}
.icon-gift2:before {
content: "\e017";
}
.icon-bargraph:before {
content: "\e018";
}
.icon-grid:before {
content: "\e019";
}
.icon-expand2:before {
content: "\e01a";
}
.icon-focus:before {
content: "\e01b";
}
.icon-edit2:before {
content: "\e01c";
}
.icon-adjustments:before {
content: "\e01d";
}
.icon-ribbon:before {
content: "\e01e";
}
.icon-hourglass2:before {
content: "\e01f";
}
.icon-lock3:before {
content: "\e020";
}
.icon-megaphone2:before {
content: "\e021";
}
.icon-shield2:before {
content: "\e022";
}
.icon-trophy2:before {
content: "\e023";
}
.icon-flag2:before {
content: "\e024";
}
.icon-map2:before {
content: "\e025";
}
.icon-puzzle:before {
content: "\e026";
}
.icon-basket:before {
content: "\e027";
}
.icon-envelope2:before {
content: "\e028";
}
.icon-streetsign:before {
content: "\e029";
}
.icon-telescope:before {
content: "\e02a";
}
.icon-gears2:before {
content: "\e02b";
}
.icon-key3:before {
content: "\e02c";
}
.icon-paperclip2:before {
content: "\e02d";
}
.icon-attachment:before {
content: "\e02e";
}
.icon-pricetags:before {
content: "\e02f";
}
.icon-lightbulb:before {
content: "\e030";
}
.icon-layers:before {
content: "\e031";
}
.icon-pencil2:before {
content: "\e032";
}
.icon-tools:before {
content: "\e033";
}
.icon-tools-2:before {
content: "\e034";
}
.icon-scissors2:before {
content: "\e035";
}
.icon-paintbrush:before {
content: "\e036";
}
.icon-magnifying-glass:before {
content: "\e037";
}
.icon-circle-compass:before {
content: "\e038";
}
.icon-linegraph:before {
content: "\e039";
}
.icon-mic:before {
content: "\e03a";
}
.icon-strategy:before {
content: "\e03b";
}
.icon-beaker:before {
content: "\e03c";
}
.icon-caution:before {
content: "\e03d";
}
.icon-recycle2:before {
content: "\e03e";
}
.icon-anchor2:before {
content: "\e03f";
}
.icon-profile-male:before {
content: "\e040";
}
.icon-profile-female:before {
content: "\e041";
}
.icon-bike:before {
content: "\e042";
}
.icon-wine:before {
content: "\e043";
}
.icon-hotairballoon:before {
content: "\e044";
}
.icon-globe2:before {
content: "\e045";
}
.icon-genius:before {
content: "\e046";
}
.icon-map-pin2:before {
content: "\e047";
}
.icon-dial:before {
content: "\e048";
}
.icon-chat:before {
content: "\e049";
}
.icon-heart3:before {
content: "\e04a";
}
.icon-cloud3:before {
content: "\e04b";
}
.icon-upload2:before {
content: "\e04c";
}
.icon-download2:before {
content: "\e04d";
}
.icon-target:before {
content: "\e04e";
}
.icon-hazardous:before {
content: "\e04f";
}
.icon-piechart:before {
content: "\e050";
}
.icon-speedometer:before {
content: "\e051";
}
.icon-global:before {
content: "\e052";
}
.icon-compass2:before {
content: "\e053";
}
.icon-lifesaver:before {
content: "\e054";
}
.icon-clock2:before {
content: "\e055";
}
.icon-aperture:before {
content: "\e056";
}
.icon-quote:before {
content: "\e057";
}
.icon-scope:before {
content: "\e058";
}
.icon-alarmclock:before {
content: "\e059";
}
.icon-refresh2:before {
content: "\e05a";
}
.icon-happy:before {
content: "\e05b";
}
.icon-sad:before {
content: "\e05c";
}
.icon-facebook2:before {
content: "\e05d";
}
.icon-twitter2:before {
content: "\e05e";
}
.icon-googleplus:before {
content: "\e05f";
}
.icon-rss2:before {
content: "\e060";
}
.icon-tumblr2:before {
content: "\e061";
}
.icon-linkedin2:before {
content: "\e062";
}
.icon-dribbble2:before {
content: "\e063";
}
.icon-eye3:before {
content: "\e064";
}
.icon-paper-clip:before {
content: "\e065";
}
.icon-mail2:before {
content: "\e066";
}
.icon-toggle:before {
content: "\e067";
}
.icon-layout:before {
content: "\e068";
}
.icon-link2:before {
content: "\e069";
}
.icon-bell2:before {
content: "\e06a";
}
.icon-lock4:before {
content: "\e06b";
}
.icon-unlock2:before {
content: "\e06c";
}
.icon-ribbon2:before {
content: "\e06d";
}
.icon-image2:before {
content: "\e06e";
}
.icon-signal2:before {
content: "\e06f";
}
.icon-target2:before {
content: "\e070";
}
.icon-clipboard3:before {
content: "\e071";
}
.icon-clock3:before {
content: "\e072";
}
.icon-watch:before {
content: "\e073";
}
.icon-air-play:before {
content: "\e074";
}
.icon-camera4:before {
content: "\e075";
}
.icon-video3:before {
content: "\e076";
}
.icon-disc:before {
content: "\e077";
}
.icon-printer2:before {
content: "\e078";
}
.icon-monitor:before {
content: "\e079";
}
.icon-server2:before {
content: "\e07a";
}
.icon-cog2:before {
content: "\e07b";
}
.icon-heart4:before {
content: "\e07c";
}
.icon-paragraph2:before {
content: "\e07d";
}
.icon-align-justify2:before {
content: "\e07e";
}
.icon-align-left2:before {
content: "\e07f";
}
.icon-align-center2:before {
content: "\e080";
}
.icon-align-right2:before {
content: "\e081";
}
.icon-book2:before {
content: "\e082";
}
.icon-layers2:before {
content: "\e083";
}
.icon-stack2:before {
content: "\e084";
}
.icon-stack-2:before {
content: "\e085";
}
.icon-paper:before {
content: "\e086";
}
.icon-paper-stack:before {
content: "\e087";
}
.icon-search4:before {
content: "\e088";
}
.icon-zoom-in:before {
content: "\e089";
}
.icon-zoom-out:before {
content: "\e08a";
}
.icon-reply2:before {
content: "\e08b";
}
.icon-circle-plus:before {
content: "\e08c";
}
.icon-circle-minus:before {
content: "\e08d";
}
.icon-circle-check:before {
content: "\e08e";
}
.icon-circle-cross:before {
content: "\e08f";
}
.icon-square-plus:before {
content: "\e090";
}
.icon-square-minus:before {
content: "\e091";
}
.icon-square-check:before {
content: "\e092";
}
.icon-square-cross:before {
content: "\e093";
}
.icon-microphone2:before {
content: "\e094";
}
.icon-record:before {
content: "\e095";
}
.icon-skip-back:before {
content: "\e096";
}
.icon-rewind:before {
content: "\e097";
}
.icon-play2:before {
content: "\e098";
}
.icon-pause2:before {
content: "\e099";
}
.icon-stop2:before {
content: "\e09a";
}
.icon-fast-forward2:before {
content: "\e09b";
}
.icon-skip-forward:before {
content: "\e09c";
}
.icon-shuffle:before {
content: "\e09d";
}
.icon-repeat2:before {
content: "\e09e";
}
.icon-folder2:before {
content: "\e09f";
}
.icon-umbrella2:before {
content: "\e0a0";
}
.icon-moon:before {
content: "\e0a1";
}
.icon-thermometer:before {
content: "\e0a2";
}
.icon-drop:before {
content: "\e0a3";
}
.icon-sun:before {
content: "\e0a4";
}
.icon-cloud4:before {
content: "\e0a5";
}
.icon-cloud-upload2:before {
content: "\e0a6";
}
.icon-cloud-download2:before {
content: "\e0a7";
}
.icon-upload3:before {
content: "\e0a8";
}
.icon-download3:before {
content: "\e0a9";
}
.icon-location2:before {
content: "\e0aa";
}
.icon-location-2:before {
content: "\e0ab";
}
.icon-map3:before {
content: "\e0ac";
}
.icon-battery:before {
content: "\e0ad";
}
.icon-head:before {
content: "\e0ae";
}
.icon-briefcase3:before {
content: "\e0af";
}
.icon-speech-bubble:before {
content: "\e0b0";
}
.icon-anchor3:before {
content: "\e0b1";
}
.icon-globe3:before {
content: "\e0b2";
}
.icon-box:before {
content: "\e0b3";
}
.icon-reload:before {
content: "\e0b4";
}
.icon-share2:before {
content: "\e0b5";
}
.icon-marquee:before {
content: "\e0b6";
}
.icon-marquee-plus:before {
content: "\e0b7";
}
.icon-marquee-minus:before {
content: "\e0b8";
}
.icon-tag3:before {
content: "\e0b9";
}
.icon-power:before {
content: "\e0ba";
}
.icon-command:before {
content: "\e0bb";
}
.icon-alt:before {
content: "\e0bc";
}
.icon-esc:before {
content: "\e0bd";
}
.icon-bar-graph:before {
content: "\e0be";
}
.icon-bar-graph-2:before {
content: "\e0bf";
}
.icon-pie-graph:before {
content: "\e0c0";
}
.icon-star3:before {
content: "\e0c1";
}
.icon-arrow-left2:before {
content: "\e0c2";
}
.icon-arrow-right2:before {
content: "\e0c3";
}
.icon-arrow-up2:before {
content: "\e0c4";
}
.icon-arrow-down2:before {
content: "\e0c5";
}
.icon-volume:before {
content: "\e0c6";
}
.icon-mute:before {
content: "\e0c7";
}
.icon-content-right:before {
content: "\e100";
}
.icon-content-left:before {
content: "\e101";
}
.icon-grid2:before {
content: "\e102";
}
.icon-grid-2:before {
content: "\e103";
}
.icon-columns2:before {
content: "\e104";
}
.icon-loader:before {
content: "\e105";
}
.icon-bag:before {
content: "\e106";
}
.icon-ban2:before {
content: "\e107";
}
.icon-flag3:before {
content: "\e108";
}
.icon-trash3:before {
content: "\e109";
}
.icon-expand3:before {
content: "\e110";
}
.icon-contract:before {
content: "\e111";
}
.icon-maximize:before {
content: "\e112";
}
.icon-minimize:before {
content: "\e113";
}
.icon-plus2:before {
content: "\e114";
}
.icon-minus2:before {
content: "\e115";
}
.icon-check2:before {
content: "\e116";
}
.icon-cross:before {
content: "\e117";
}
.icon-move:before {
content: "\e118";
}
.icon-delete:before {
content: "\e119";
}
.icon-menu:before {
content: "\e120";
}
.icon-archive2:before {
content: "\e121";
}
.icon-inbox2:before {
content: "\e122";
}
.icon-outbox:before {
content: "\e123";
}
.icon-file2:before {
content: "\e124";
}
.icon-file-add:before {
content: "\e125";
}
.icon-file-subtract:before {
content: "\e126";
}
.icon-help:before {
content: "\e127";
}
.icon-open:before {
content: "\e128";
}
.icon-ellipsis:before {
content: "\e129";
}
.icon-glass:before {
content: "\f000";
}
.icon-music:before {
content: "\f001";
}
.icon-search:before {
content: "\f002";
}
.icon-envelope-o:before {
content: "\f003";
}
.icon-heart:before {
content: "\f004";
}
.icon-star:before {
content: "\f005";
}
.icon-star-o:before {
content: "\f006";
}
.icon-user:before {
content: "\f007";
}
.icon-film:before {
content: "\f008";
}
.icon-th-large:before {
content: "\f009";
}
.icon-th:before {
content: "\f00a";
}
.icon-th-list:before {
content: "\f00b";
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before {
content: "\f00d";
}
.icon------------------------------------------------------------------------------remove:before {
content: "\f00d";
}
.icon------------------------------------------------------------------------------times:before {
content: "\f00d";
}
.icon-search-plus:before {
content: "\f00e";
}
.icon-search-minus:before {
content: "\f010";
}
.icon-power-off:before {
content: "\f011";
}
.icon-signal:before {
content: "\f012";
}
.icon-cog:before {
content: "\f013";
}
.icon------------------------------------------------------------------------------gear:before {
content: "\f013";
}
.icon-trash-o:before {
content: "\f014";
}
.icon-home:before {
content: "\f015";
}
.icon-file-o:before {
content: "\f016";
}
.icon-clock-o:before {
content: "\f017";
}
.icon-road:before {
content: "\f018";
}
.icon-download:before {
content: "\f019";
}
.icon-arrow-circle-o-down:before {
content: "\f01a";
}
.icon-arrow-circle-o-up:before {
content: "\f01b";
}
.icon-inbox:before {
content: "\f01c";
}
.icon-play-circle-o:before {
content: "\f01d";
}
.icon-repeat:before {
content: "\f01e";
}
.icon------------------------------------------------------------------------------rotate-right:before {
content: "\f01e";
}
.icon-refresh:before {
content: "\f021";
}
.icon-list-alt:before {
content: "\f022";
}
.icon-lock:before {
content: "\f023";
}
.icon-flag:before {
content: "\f024";
}
.icon-headphones:before {
content: "\f025";
}
.icon-volume-off:before {
content: "\f026";
}
.icon-volume-down:before {
content: "\f027";
}
.icon-volume-up:before {
content: "\f028";
}
.icon-qrcode:before {
content: "\f029";
}
.icon-barcode:before {
content: "\f02a";
}
.icon-tag:before {
content: "\f02b";
}
.icon-tags:before {
content: "\f02c";
}
.icon-book:before {
content: "\f02d";
}
.icon-bookmark:before {
content: "\f02e";
}
.icon-print:before {
content: "\f02f";
}
.icon-camera:before {
content: "\f030";
}
.icon-font:before {
content: "\f031";
}
.icon-bold:before {
content: "\f032";
}
.icon-italic:before {
content: "\f033";
}
.icon-text-height:before {
content: "\f034";
}
.icon-text-width:before {
content: "\f035";
}
.icon-align-left:before {
content: "\f036";
}
.icon-align-center:before {
content: "\f037";
}
.icon-align-right:before {
content: "\f038";
}
.icon-align-justify:before {
content: "\f039";
}
.icon-list:before {
content: "\f03a";
}
.icon-dedent:before {
content: "\f03b";
}
.icon------------------------------------------------------------------------------outdent:before {
content: "\f03b";
}
.icon-indent:before {
content: "\f03c";
}
.icon-video-camera:before {
content: "\f03d";
}
.icon-image:before {
content: "\f03e";
}
.icon------------------------------------------------------------------------------photo:before {
content: "\f03e";
}
.icon------------------------------------------------------------------------------picture-o:before {
content: "\f03e";
}
.icon-pencil:before {
content: "\f040";
}
.icon-map-marker:before {
content: "\f041";
}
.icon-adjust:before {
content: "\f042";
}
.icon-tint:before {
content: "\f043";
}
.icon-edit:before {
content: "\f044";
}
.icon------------------------------------------------------------------------------pencil-square-o:before {
content: "\f044";
}
.icon-share-square-o:before {
content: "\f045";
}
.icon-check-square-o:before {
content: "\f046";
}
.icon-arrows:before {
content: "\f047";
}
.icon-step-backward:before {
content: "\f048";
}
.icon-fast-backward:before {
content: "\f049";
}
.icon-backward:before {
content: "\f04a";
}
.icon-play:before {
content: "\f04b";
}
.icon-pause:before {
content: "\f04c";
}
.icon-stop:before {
content: "\f04d";
}
.icon-forward:before {
content: "\f04e";
}
.icon-fast-forward:before {
content: "\f050";
}
.icon-step-forward:before {
content: "\f051";
}
.icon-eject:before {
content: "\f052";
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-plus-circle:before {
content: "\f055";
}
.icon-minus-circle:before {
content: "\f056";
}
.icon-times-circle:before {
content: "\f057";
}
.icon-check-circle:before {
content: "\f058";
}
.icon-question-circle:before {
content: "\f059";
}
.icon-info-circle:before {
content: "\f05a";
}
.icon-crosshairs:before {
content: "\f05b";
}
.icon-times-circle-o:before {
content: "\f05c";
}
.icon-check-circle-o:before {
content: "\f05d";
}
.icon-ban:before {
content: "\f05e";
}
.icon-arrow-left:before {
content: "\f060";
}
.icon-arrow-right:before {
content: "\f061";
}
.icon-arrow-up:before {
content: "\f062";
}
.icon-arrow-down:before {
content: "\f063";
}
.icon-mail-forward:before {
content: "\f064";
}
.icon------------------------------------------------------------------------------share:before {
content: "\f064";
}
.icon-expand:before {
content: "\f065";
}
.icon-compress:before {
content: "\f066";
}
.icon-plus:before {
content: "\f067";
}
.icon-minus:before {
content: "\f068";
}
.icon-asterisk:before {
content: "\f069";
}
.icon-exclamation-circle:before {
content: "\f06a";
}
.icon-gift:before {
content: "\f06b";
}
.icon-leaf:before {
content: "\f06c";
}
.icon-fire:before {
content: "\f06d";
}
.icon-eye:before {
content: "\f06e";
}
.icon-eye-slash:before {
content: "\f070";
}
.icon-exclamation-triangle:before {
content: "\f071";
}
.icon------------------------------------------------------------------------------warning:before {
content: "\f071";
}
.icon-plane:before {
content: "\f072";
}
.icon-calendar:before {
content: "\f073";
}
.icon-random:before {
content: "\f074";
}
.icon-comment:before {
content: "\f075";
}
.icon-magnet:before {
content: "\f076";
}
.icon-chevron-up:before {
content: "\f077";
}
.icon-chevron-down:before {
content: "\f078";
}
.icon-retweet:before {
content: "\f079";
}
.icon-shopping-cart:before {
content: "\f07a";
}
.icon-folder:before {
content: "\f07b";
}
.icon-folder-open:before {
content: "\f07c";
}
.icon-arrows-v:before {
content: "\f07d";
}
.icon-arrows-h:before {
content: "\f07e";
}
.icon-bar-chart:before {
content: "\f080";
}
.icon------------------------------------------------------------------------------bar-chart-o:before {
content: "\f080";
}
.icon-twitter-square:before {
content: "\f081";
}
.icon-facebook-square:before {
content: "\f082";
}
.icon-camera-retro:before {
content: "\f083";
}
.icon-key:before {
content: "\f084";
}
.icon-cogs:before {
content: "\f085";
}
.icon------------------------------------------------------------------------------gears:before {
content: "\f085";
}
.icon-comments:before {
content: "\f086";
}
.icon-thumbs-o-up:before {
content: "\f087";
}
.icon-thumbs-o-down:before {
content: "\f088";
}
.icon-star-half:before {
content: "\f089";
}
.icon-heart-o:before {
content: "\f08a";
}
.icon-sign-out:before {
content: "\f08b";
}
.icon-linkedin-square:before {
content: "\f08c";
}
.icon-thumb-tack:before {
content: "\f08d";
}
.icon-external-link:before {
content: "\f08e";
}
.icon-sign-in:before {
content: "\f090";
}
.icon-trophy:before {
content: "\f091";
}
.icon-github-square:before {
content: "\f092";
}
.icon-upload:before {
content: "\f093";
}
.icon-lemon-o:before {
content: "\f094";
}
.icon-phone:before {
content: "\f095";
}
.icon-square-o:before {
content: "\f096";
}
.icon-bookmark-o:before {
content: "\f097";
}
.icon-phone-square:before {
content: "\f098";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon------------------------------------------------------------------------------facebook-f:before {
content: "\f09a";
}
.icon-github:before {
content: "\f09b";
}
.icon-unlock:before {
content: "\f09c";
}
.icon-credit-card:before {
content: "\f09d";
}
.icon-feed:before {
content: "\f09e";
}
.icon------------------------------------------------------------------------------rss:before {
content: "\f09e";
}
.icon-hdd-o:before {
content: "\f0a0";
}
.icon-bullhorn:before {
content: "\f0a1";
}
.icon-bell-o:before {
content: "\f0a2";
}
.icon-certificate:before {
content: "\f0a3";
}
.icon-hand-o-right:before {
content: "\f0a4";
}
.icon-hand-o-left:before {
content: "\f0a5";
}
.icon-hand-o-up:before {
content: "\f0a6";
}
.icon-hand-o-down:before {
content: "\f0a7";
}
.icon-arrow-circle-left:before {
content: "\f0a8";
}
.icon-arrow-circle-right:before {
content: "\f0a9";
}
.icon-arrow-circle-up:before {
content: "\f0aa";
}
.icon-arrow-circle-down:before {
content: "\f0ab";
}
.icon-globe:before {
content: "\f0ac";
}
.icon-wrench:before {
content: "\f0ad";
}
.icon-tasks:before {
content: "\f0ae";
}
.icon-filter:before {
content: "\f0b0";
}
.icon-briefcase:before {
content: "\f0b1";
}
.icon-arrows-alt:before {
content: "\f0b2";
}
.icon-group:before {
content: "\f0c0";
}
.icon------------------------------------------------------------------------------users:before {
content: "\f0c0";
}
.icon-chain:before {
content: "\f0c1";
}
.icon------------------------------------------------------------------------------link:before {
content: "\f0c1";
}
.icon-cloud:before {
content: "\f0c2";
}
.icon-flask:before {
content: "\f0c3";
}
.icon-cut:before {
content: "\f0c4";
}
.icon------------------------------------------------------------------------------scissors:before {
content: "\f0c4";
}
.icon-copy:before {
content: "\f0c5";
}
.icon------------------------------------------------------------------------------files-o:before {
content: "\f0c5";
}
.icon-paperclip:before {
content: "\f0c6";
}
.icon-floppy-o:before {
content: "\f0c7";
}
.icon------------------------------------------------------------------------------save:before {
content: "\f0c7";
}
.icon-square:before {
content: "\f0c8";
}
.icon-bars:before {
content: "\f0c9";
}
.icon------------------------------------------------------------------------------navicon:before {
content: "\f0c9";
}
.icon------------------------------------------------------------------------------reorder:before {
content: "\f0c9";
}
.icon-list-ul:before {
content: "\f0ca";
}
.icon-list-ol:before {
content: "\f0cb";
}
.icon-strikethrough:before {
content: "\f0cc";
}
.icon-underline:before {
content: "\f0cd";
}
.icon-table:before {
content: "\f0ce";
}
.icon-magic:before {
content: "\f0d0";
}
.icon-truck:before {
content: "\f0d1";
}
.icon-pinterest:before {
content: "\f0d2";
}
.icon-pinterest-square:before {
content: "\f0d3";
}
.icon-google-plus-square:before {
content: "\f0d4";
}
.icon-google-plus:before {
content: "\f0d5";
}
.icon-money:before {
content: "\f0d6";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-columns:before {
content: "\f0db";
}
.icon-sort:before {
content: "\f0dc";
}
.icon------------------------------------------------------------------------------unsorted:before {
content: "\f0dc";
}
.icon-sort-desc:before {
content: "\f0dd";
}
.icon------------------------------------------------------------------------------sort-down:before {
content: "\f0dd";
}
.icon-sort-asc:before {
content: "\f0de";
}
.icon------------------------------------------------------------------------------sort-up:before {
content: "\f0de";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-rotate-left:before {
content: "\f0e2";
}
.icon------------------------------------------------------------------------------undo:before {
content: "\f0e2";
}
.icon-gavel:before {
content: "\f0e3";
}
.icon------------------------------------------------------------------------------legal:before {
content: "\f0e3";
}
.icon-dashboard:before {
content: "\f0e4";
}
.icon------------------------------------------------------------------------------tachometer:before {
content: "\f0e4";
}
.icon-comment-o:before {
content: "\f0e5";
}
.icon-comments-o:before {
content: "\f0e6";
}
.icon-bolt:before {
content: "\f0e7";
}
.icon------------------------------------------------------------------------------flash:before {
content: "\f0e7";
}
.icon-sitemap:before {
content: "\f0e8";
}
.icon-umbrella:before {
content: "\f0e9";
}
.icon-clipboard:before {
content: "\f0ea";
}
.icon------------------------------------------------------------------------------paste:before {
content: "\f0ea";
}
.icon-lightbulb-o:before {
content: "\f0eb";
}
.icon-exchange:before {
content: "\f0ec";
}
.icon-cloud-download:before {
content: "\f0ed";
}
.icon-cloud-upload:before {
content: "\f0ee";
}
.icon-user-md:before {
content: "\f0f0";
}
.icon-stethoscope:before {
content: "\f0f1";
}
.icon-suitcase:before {
content: "\f0f2";
}
.icon-bell:before {
content: "\f0f3";
}
.icon-coffee:before {
content: "\f0f4";
}
.icon-cutlery:before {
content: "\f0f5";
}
.icon-file-text-o:before {
content: "\f0f6";
}
.icon-building-o:before {
content: "\f0f7";
}
.icon-hospital-o:before {
content: "\f0f8";
}
.icon-ambulance:before {
content: "\f0f9";
}
.icon-medkit:before {
content: "\f0fa";
}
.icon-fighter-jet:before {
content: "\f0fb";
}
.icon-beer:before {
content: "\f0fc";
}
.icon-h-square:before {
content: "\f0fd";
}
.icon-plus-square:before {
content: "\f0fe";
}
.icon-angle-double-left:before {
content: "\f100";
}
.icon-angle-double-right:before {
content: "\f101";
}
.icon-angle-double-up:before {
content: "\f102";
}
.icon-angle-double-down:before {
content: "\f103";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-desktop:before {
content: "\f108";
}
.icon-laptop:before {
content: "\f109";
}
.icon-tablet:before {
content: "\f10a";
}
.icon-mobile:before {
content: "\f10b";
}
.icon------------------------------------------------------------------------------mobile-phone:before {
content: "\f10b";
}
.icon-circle-o:before {
content: "\f10c";
}
.icon-quote-left:before {
content: "\f10d";
}
.icon-quote-right:before {
content: "\f10e";
}
.icon-spinner:before {
content: "\f110";
}
.icon-circle:before {
content: "\f111";
}
.icon-mail-reply:before {
content: "\f112";
}
.icon------------------------------------------------------------------------------reply:before {
content: "\f112";
}
.icon-github-alt:before {
content: "\f113";
}
.icon-folder-o:before {
content: "\f114";
}
.icon-folder-open-o:before {
content: "\f115";
}
.icon-smile-o:before {
content: "\f118";
}
.icon-frown-o:before {
content: "\f119";
}
.icon-meh-o:before {
content: "\f11a";
}
.icon-gamepad:before {
content: "\f11b";
}
.icon-keyboard-o:before {
content: "\f11c";
}
.icon-flag-o:before {
content: "\f11d";
}
.icon-flag-checkered:before {
content: "\f11e";
}
.icon-terminal:before {
content: "\f120";
}
.icon-code:before {
content: "\f121";
}
.icon-mail-reply-all:before {
content: "\f122";
}
.icon------------------------------------------------------------------------------reply-all:before {
content: "\f122";
}
.icon-star-half-empty:before {
content: "\f123";
}
.icon------------------------------------------------------------------------------star-half-full:before {
content: "\f123";
}
.icon------------------------------------------------------------------------------star-half-o:before {
content: "\f123";
}
.icon-location-arrow:before {
content: "\f124";
}
.icon-crop:before {
content: "\f125";
}
.icon-code-fork:before {
content: "\f126";
}
.icon-chain-broken:before {
content: "\f127";
}
.icon------------------------------------------------------------------------------unlink:before {
content: "\f127";
}
.icon-question:before {
content: "\f128";
}
.icon-info:before {
content: "\f129";
}
.icon-exclamation:before {
content: "\f12a";
}
.icon-superscript:before {
content: "\f12b";
}
.icon-subscript:before {
content: "\f12c";
}
.icon-eraser:before {
content: "\f12d";
}
.icon-puzzle-piece:before {
content: "\f12e";
}
.icon-microphone:before {
content: "\f130";
}
.icon-microphone-slash:before {
content: "\f131";
}
.icon-shield:before {
content: "\f132";
}
.icon-calendar-o:before {
content: "\f133";
}
.icon-fire-extinguisher:before {
content: "\f134";
}
.icon-rocket:before {
content: "\f135";
}
.icon-maxcdn:before {
content: "\f136";
}
.icon-chevron-circle-left:before {
content: "\f137";
}
.icon-chevron-circle-right:before {
content: "\f138";
}
.icon-chevron-circle-up:before {
content: "\f139";
}
.icon-chevron-circle-down:before {
content: "\f13a";
}
.icon-html5:before {
content: "\f13b";
}
.icon-css3:before {
content: "\f13c";
}
.icon-anchor:before {
content: "\f13d";
}
.icon-unlock-alt:before {
content: "\f13e";
}
.icon-bullseye:before {
content: "\f140";
}
.icon-ellipsis-h:before {
content: "\f141";
}
.icon-ellipsis-v:before {
content: "\f142";
}
.icon-rss-square:before {
content: "\f143";
}
.icon-play-circle:before {
content: "\f144";
}
.icon-ticket:before {
content: "\f145";
}
.icon-minus-square:before {
content: "\f146";
}
.icon-minus-square-o:before {
content: "\f147";
}
.icon-level-up:before {
content: "\f148";
}
.icon-level-down:before {
content: "\f149";
}
.icon-check-square:before {
content: "\f14a";
}
.icon-pencil-square:before {
content: "\f14b";
}
.icon-external-link-square:before {
content: "\f14c";
}
.icon-share-square:before {
content: "\f14d";
}
.icon-compass:before {
content: "\f14e";
}
.icon-caret-square-o-down:before {
content: "\f150";
}
.icon------------------------------------------------------------------------------toggle-down:before {
content: "\f150";
}
.icon-caret-square-o-up:before {
content: "\f151";
}
.icon------------------------------------------------------------------------------toggle-up:before {
content: "\f151";
}
.icon-caret-square-o-right:before {
content: "\f152";
}
.icon------------------------------------------------------------------------------toggle-right:before {
content: "\f152";
}
.icon-eur:before {
content: "\f153";
}
.icon------------------------------------------------------------------------------euro:before {
content: "\f153";
}
.icon-gbp:before {
content: "\f154";
}
.icon-dollar:before {
content: "\f155";
}
.icon------------------------------------------------------------------------------usd:before {
content: "\f155";
}
.icon-inr:before {
content: "\f156";
}
.icon------------------------------------------------------------------------------rupee:before {
content: "\f156";
}
.icon-cny:before {
content: "\f157";
}
.icon------------------------------------------------------------------------------jpy:before {
content: "\f157";
}
.icon------------------------------------------------------------------------------rmb:before {
content: "\f157";
}
.icon------------------------------------------------------------------------------yen:before {
content: "\f157";
}
.icon-rouble:before {
content: "\f158";
}
.icon------------------------------------------------------------------------------rub:before {
content: "\f158";
}
.icon------------------------------------------------------------------------------ruble:before {
content: "\f158";
}
.icon-krw:before {
content: "\f159";
}
.icon------------------------------------------------------------------------------won:before {
content: "\f159";
}
.icon-bitcoin:before {
content: "\f15a";
}
.icon------------------------------------------------------------------------------btc:before {
content: "\f15a";
}
.icon-file:before {
content: "\f15b";
}
.icon-file-text:before {
content: "\f15c";
}
.icon-sort-alpha-asc:before {
content: "\f15d";
}
.icon-sort-alpha-desc:before {
content: "\f15e";
}
.icon-sort-amount-asc:before {
content: "\f160";
}
.icon-sort-amount-desc:before {
content: "\f161";
}
.icon-sort-numeric-asc:before {
content: "\f162";
}
.icon-sort-numeric-desc:before {
content: "\f163";
}
.icon-thumbs-up:before {
content: "\f164";
}
.icon-thumbs-down:before {
content: "\f165";
}
.icon-youtube-square:before {
content: "\f166";
}
.icon-youtube:before {
content: "\f167";
}
.icon-xing:before {
content: "\f168";
}
.icon-xing-square:before {
content: "\f169";
}
.icon-youtube-play:before {
content: "\f16a";
}
.icon-dropbox:before {
content: "\f16b";
}
.icon-stack-overflow:before {
content: "\f16c";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-flickr:before {
content: "\f16e";
}
.icon-adn:before {
content: "\f170";
}
.icon-bitbucket:before {
content: "\f171";
}
.icon-bitbucket-square:before {
content: "\f172";
}
.icon-tumblr:before {
content: "\f173";
}
.icon-tumblr-square:before {
content: "\f174";
}
.icon-long-arrow-down:before {
content: "\f175";
}
.icon-long-arrow-up:before {
content: "\f176";
}
.icon-long-arrow-left:before {
content: "\f177";
}
.icon-long-arrow-right:before {
content: "\f178";
}
.icon-apple:before {
content: "\f179";
}
.icon-windows:before {
content: "\f17a";
}
.icon-android:before {
content: "\f17b";
}
.icon-linux:before {
content: "\f17c";
}
.icon-dribbble:before {
content: "\f17d";
}
.icon-skype:before {
content: "\f17e";
}
.icon-foursquare:before {
content: "\f180";
}
.icon-trello:before {
content: "\f181";
}
.icon-female:before {
content: "\f182";
}
.icon-male:before {
content: "\f183";
}
.icon-gittip:before {
content: "\f184";
}
.icon------------------------------------------------------------------------------gratipay:before {
content: "\f184";
}
.icon-sun-o:before {
content: "\f185";
}
.icon-moon-o:before {
content: "\f186";
}
.icon-archive:before {
content: "\f187";
}
.icon-bug:before {
content: "\f188";
}
.icon-vk:before {
content: "\f189";
}
.icon-weibo:before {
content: "\f18a";
}
.icon-renren:before {
content: "\f18b";
}
.icon-pagelines:before {
content: "\f18c";
}
.icon-stack-exchange:before {
content: "\f18d";
}
.icon-arrow-circle-o-right:before {
content: "\f18e";
}
.icon-arrow-circle-o-left:before {
content: "\f190";
}
.icon-caret-square-o-left:before {
content: "\f191";
}
.icon------------------------------------------------------------------------------toggle-left:before {
content: "\f191";
}
.icon-dot-circle-o:before {
content: "\f192";
}
.icon-wheelchair:before {
content: "\f193";
}
.icon-vimeo-square:before {
content: "\f194";
}
.icon-try:before {
content: "\f195";
}
.icon------------------------------------------------------------------------------turkish-lira:before {
content: "\f195";
}
.icon-plus-square-o:before {
content: "\f196";
}
.icon-space-shuttle:before {
content: "\f197";
}
.icon-slack:before {
content: "\f198";
}
.icon-envelope-square:before {
content: "\f199";
}
.icon-wordpress:before {
content: "\f19a";
}
.icon-openid:before {
content: "\f19b";
}
.icon-bank:before {
content: "\f19c";
}
.icon------------------------------------------------------------------------------institution:before {
content: "\f19c";
}
.icon------------------------------------------------------------------------------university:before {
content: "\f19c";
}
.icon-graduation-cap:before {
content: "\f19d";
}
.icon------------------------------------------------------------------------------mortar-board:before {
content: "\f19d";
}
.icon-yahoo:before {
content: "\f19e";
}
.icon-google:before {
content: "\f1a0";
}
.icon-reddit:before {
content: "\f1a1";
}
.icon-reddit-square:before {
content: "\f1a2";
}
.icon-stumbleupon-circle:before {
content: "\f1a3";
}
.icon-stumbleupon:before {
content: "\f1a4";
}
.icon-delicious:before {
content: "\f1a5";
}
.icon-digg:before {
content: "\f1a6";
}
.icon-pied-piper:before {
content: "\f1a7";
}
.icon-pied-piper-alt:before {
content: "\f1a8";
}
.icon-drupal:before {
content: "\f1a9";
}
.icon-joomla:before {
content: "\f1aa";
}
.icon-language:before {
content: "\f1ab";
}
.icon-fax:before {
content: "\f1ac";
}
.icon-building:before {
content: "\f1ad";
}
.icon-child:before {
content: "\f1ae";
}
.icon-paw:before {
content: "\f1b0";
}
.icon-spoon:before {
content: "\f1b1";
}
.icon-cube:before {
content: "\f1b2";
}
.icon-cubes:before {
content: "\f1b3";
}
.icon-behance:before {
content: "\f1b4";
}
.icon-behance-square:before {
content: "\f1b5";
}
.icon-steam:before {
content: "\f1b6";
}
.icon-steam-square:before {
content: "\f1b7";
}
.icon-recycle:before {
content: "\f1b8";
}
.icon-automobile:before {
content: "\f1b9";
}
.icon------------------------------------------------------------------------------car:before {
content: "\f1b9";
}
.icon-cab:before {
content: "\f1ba";
}
.icon------------------------------------------------------------------------------taxi:before {
content: "\f1ba";
}
.icon-tree:before {
content: "\f1bb";
}
.icon-spotify:before {
content: "\f1bc";
}
.icon-deviantart:before {
content: "\f1bd";
}
.icon-soundcloud:before {
content: "\f1be";
}
.icon-database:before {
content: "\f1c0";
}
.icon-file-pdf-o:before {
content: "\f1c1";
}
.icon-file-word-o:before {
content: "\f1c2";
}
.icon-file-excel-o:before {
content: "\f1c3";
}
.icon-file-powerpoint-o:before {
content: "\f1c4";
}
.icon-file-image-o:before {
content: "\f1c5";
}
.icon------------------------------------------------------------------------------file-photo-o:before {
content: "\f1c5";
}
.icon------------------------------------------------------------------------------file-picture-o:before {
content: "\f1c5";
}
.icon-file-archive-o:before {
content: "\f1c6";
}
.icon------------------------------------------------------------------------------file-zip-o:before {
content: "\f1c6";
}
.icon-file-audio-o:before {
content: "\f1c7";
}
.icon------------------------------------------------------------------------------file-sound-o:before {
content: "\f1c7";
}
.icon-file-movie-o:before {
content: "\f1c8";
}
.icon------------------------------------------------------------------------------file-video-o:before {
content: "\f1c8";
}
.icon-file-code-o:before {
content: "\f1c9";
}
.icon-vine:before {
content: "\f1ca";
}
.icon-codepen:before {
content: "\f1cb";
}
.icon-jsfiddle:before {
content: "\f1cc";
}
.icon-life-bouy:before {
content: "\f1cd";
}
.icon------------------------------------------------------------------------------life-buoy:before {
content: "\f1cd";
}
.icon------------------------------------------------------------------------------life-ring:before {
content: "\f1cd";
}
.icon------------------------------------------------------------------------------life-saver:before {
content: "\f1cd";
}
.icon------------------------------------------------------------------------------support:before {
content: "\f1cd";
}
.icon-circle-o-notch:before {
content: "\f1ce";
}
.icon-ra:before {
content: "\f1d0";
}
.icon------------------------------------------------------------------------------rebel:before {
content: "\f1d0";
}
.icon-empire:before {
content: "\f1d1";
}
.icon------------------------------------------------------------------------------ge:before {
content: "\f1d1";
}
.icon-git-square:before {
content: "\f1d2";
}
.icon-git:before {
content: "\f1d3";
}
.icon-hacker-news:before {
content: "\f1d4";
}
.icon------------------------------------------------------------------------------y-combinator-square:before {
content: "\f1d4";
}
.icon------------------------------------------------------------------------------yc-square:before {
content: "\f1d4";
}
.icon-tencent-weibo:before {
content: "\f1d5";
}
.icon-qq:before {
content: "\f1d6";
}
.icon-wechat:before {
content: "\f1d7";
}
.icon------------------------------------------------------------------------------weixin:before {
content: "\f1d7";
}
.icon-paper-plane:before {
content: "\f1d8";
}
.icon------------------------------------------------------------------------------send:before {
content: "\f1d8";
}
.icon-paper-plane-o:before {
content: "\f1d9";
}
.icon------------------------------------------------------------------------------send-o:before {
content: "\f1d9";
}
.icon-history:before {
content: "\f1da";
}
.icon-circle-thin:before {
content: "\f1db";
}
.icon-header:before {
content: "\f1dc";
}
.icon-paragraph:before {
content: "\f1dd";
}
.icon-sliders:before {
content: "\f1de";
}
.icon-share-alt:before {
content: "\f1e0";
}
.icon-share-alt-square:before {
content: "\f1e1";
}
.icon-bomb:before {
content: "\f1e2";
}
.icon-futbol-o:before {
content: "\f1e3";
}
.icon------------------------------------------------------------------------------soccer-ball-o:before {
content: "\f1e3";
}
.icon-tty:before {
content: "\f1e4";
}
.icon-binoculars:before {
content: "\f1e5";
}
.icon-plug:before {
content: "\f1e6";
}
.icon-slideshare:before {
content: "\f1e7";
}
.icon-twitch:before {
content: "\f1e8";
}
.icon-yelp:before {
content: "\f1e9";
}
.icon-newspaper-o:before {
content: "\f1ea";
}
.icon-wifi:before {
content: "\f1eb";
}
.icon-calculator:before {
content: "\f1ec";
}
.icon-paypal:before {
content: "\f1ed";
}
.icon-google-wallet:before {
content: "\f1ee";
}
.icon-cc-visa:before {
content: "\f1f0";
}
.icon-cc-mastercard:before {
content: "\f1f1";
}
.icon-cc-discover:before {
content: "\f1f2";
}
.icon-cc-amex:before {
content: "\f1f3";
}
.icon-cc-paypal:before {
content: "\f1f4";
}
.icon-cc-stripe:before {
content: "\f1f5";
}
.icon-bell-slash:before {
content: "\f1f6";
}
.icon-bell-slash-o:before {
content: "\f1f7";
}
.icon-trash:before {
content: "\f1f8";
}
.icon-copyright:before {
content: "\f1f9";
}
.icon-at:before {
content: "\f1fa";
}
.icon-eyedropper:before {
content: "\f1fb";
}
.icon-paint-brush:before {
content: "\f1fc";
}
.icon-birthday-cake:before {
content: "\f1fd";
}
.icon-area-chart:before {
content: "\f1fe";
}
.icon-pie-chart:before {
content: "\f200";
}
.icon-line-chart:before {
content: "\f201";
}
.icon-lastfm:before {
content: "\f202";
}
.icon-lastfm-square:before {
content: "\f203";
}
.icon-toggle-off:before {
content: "\f204";
}
.icon-toggle-on:before {
content: "\f205";
}
.icon-bicycle:before {
content: "\f206";
}
.icon-bus:before {
content: "\f207";
}
.icon-ioxhost:before {
content: "\f208";
}
.icon-angellist:before {
content: "\f209";
}
.icon-cc:before {
content: "\f20a";
}
.icon-ils:before {
content: "\f20b";
}
.icon------------------------------------------------------------------------------shekel:before {
content: "\f20b";
}
.icon------------------------------------------------------------------------------sheqel:before {
content: "\f20b";
}
.icon-meanpath:before {
content: "\f20c";
}
.icon-buysellads:before {
content: "\f20d";
}
.icon-connectdevelop:before {
content: "\f20e";
}
.icon-dashcube:before {
content: "\f210";
}
.icon-forumbee:before {
content: "\f211";
}
.icon-leanpub:before {
content: "\f212";
}
.icon-sellsy:before {
content: "\f213";
}
.icon-shirtsinbulk:before {
content: "\f214";
}
.icon-simplybuilt:before {
content: "\f215";
}
.icon-skyatlas:before {
content: "\f216";
}
.icon-cart-plus:before {
content: "\f217";
}
.icon-cart-arrow-down:before {
content: "\f218";
}
.icon-diamond:before {
content: "\f219";
}
.icon-ship:before {
content: "\f21a";
}
.icon-user-secret:before {
content: "\f21b";
}
.icon-motorcycle:before {
content: "\f21c";
}
.icon-street-view:before {
content: "\f21d";
}
.icon-heartbeat:before {
content: "\f21e";
}
.icon-venus:before {
content: "\f221";
}
.icon-mars:before {
content: "\f222";
}
.icon-mercury:before {
content: "\f223";
}
.icon-intersex:before {
content: "\f224";
}
.icon------------------------------------------------------------------------------transgender:before {
content: "\f224";
}
.icon-transgender-alt:before {
content: "\f225";
}
.icon-venus-double:before {
content: "\f226";
}
.icon-mars-double:before {
content: "\f227";
}
.icon-venus-mars:before {
content: "\f228";
}
.icon-mars-stroke:before {
content: "\f229";
}
.icon-mars-stroke-v:before {
content: "\f22a";
}
.icon-mars-stroke-h:before {
content: "\f22b";
}
.icon-neuter:before {
content: "\f22c";
}
.icon-genderless:before {
content: "\f22d";
}
.icon-facebook-official:before {
content: "\f230";
}
.icon-pinterest-p:before {
content: "\f231";
}
.icon-whatsapp:before {
content: "\f232";
}
.icon-server:before {
content: "\f233";
}
.icon-user-plus:before {
content: "\f234";
}
.icon-user-times:before {
content: "\f235";
}
.icon-bed:before {
content: "\f236";
}
.icon------------------------------------------------------------------------------hotel:before {
content: "\f236";
}
.icon-viacoin:before {
content: "\f237";
}
.icon-train:before {
content: "\f238";
}
.icon-subway:before {
content: "\f239";
}
.icon-medium:before {
content: "\f23a";
}
.icon-y-combinator:before {
content: "\f23b";
}
.icon------------------------------------------------------------------------------yc:before {
content: "\f23b";
}
.icon-optin-monster:before {
content: "\f23c";
}
.icon-opencart:before {
content: "\f23d";
}
.icon-expeditedssl:before {
content: "\f23e";
}
.icon-battery-4:before {
content: "\f240";
}
.icon------------------------------------------------------------------------------battery-full:before {
content: "\f240";
}
.icon-battery-3:before {
content: "\f241";
}
.icon------------------------------------------------------------------------------battery-three-quarters:before {
content: "\f241";
}
.icon-battery-2:before {
content: "\f242";
}
.icon------------------------------------------------------------------------------battery-half:before {
content: "\f242";
}
.icon-battery-1:before {
content: "\f243";
}
.icon------------------------------------------------------------------------------battery-quarter:before {
content: "\f243";
}
.icon-battery-0:before {
content: "\f244";
}
.icon------------------------------------------------------------------------------battery-empty:before {
content: "\f244";
}
.icon-mouse-pointer:before {
content: "\f245";
}
.icon-i-cursor:before {
content: "\f246";
}
.icon-object-group:before {
content: "\f247";
}
.icon-object-ungroup:before {
content: "\f248";
}
.icon-sticky-note:before {
content: "\f249";
}
.icon-sticky-note-o:before {
content: "\f24a";
}
.icon-cc-jcb:before {
content: "\f24b";
}
.icon-cc-diners-club:before {
content: "\f24c";
}
.icon-clone:before {
content: "\f24d";
}
.icon-balance-scale:before {
content: "\f24e";
}
.icon-hourglass-o:before {
content: "\f250";
}
.icon-hourglass-1:before {
content: "\f251";
}
.icon------------------------------------------------------------------------------hourglass-start:before {
content: "\f251";
}
.icon-hourglass-2:before {
content: "\f252";
}
.icon------------------------------------------------------------------------------hourglass-half:before {
content: "\f252";
}
.icon-hourglass-3:before {
content: "\f253";
}
.icon------------------------------------------------------------------------------hourglass-end:before {
content: "\f253";
}
.icon-hourglass:before {
content: "\f254";
}
.icon-hand-grab-o:before {
content: "\f255";
}
.icon------------------------------------------------------------------------------hand-rock-o:before {
content: "\f255";
}
.icon-hand-paper-o:before {
content: "\f256";
}
.icon------------------------------------------------------------------------------hand-stop-o:before {
content: "\f256";
}
.icon-hand-scissors-o:before {
content: "\f257";
}
.icon-hand-lizard-o:before {
content: "\f258";
}
.icon-hand-spock-o:before {
content: "\f259";
}
.icon-hand-pointer-o:before {
content: "\f25a";
}
.icon-hand-peace-o:before {
content: "\f25b";
}
.icon-trademark:before {
content: "\f25c";
}
.icon-registered:before {
content: "\f25d";
}
.icon-creative-commons:before {
content: "\f25e";
}
.icon-gg:before {
content: "\f260";
}
.icon-gg-circle:before {
content: "\f261";
}
.icon-tripadvisor:before {
content: "\f262";
}
.icon-odnoklassniki:before {
content: "\f263";
}
.icon-odnoklassniki-square:before {
content: "\f264";
}
.icon-get-pocket:before {
content: "\f265";
}
.icon-wikipedia-w:before {
content: "\f266";
}
.icon-safari:before {
content: "\f267";
}
.icon-chrome:before {
content: "\f268";
}
.icon-firefox:before {
content: "\f269";
}
.icon-opera:before {
content: "\f26a";
}
.icon-internet-explorer:before {
content: "\f26b";
}
.icon-television:before {
content: "\f26c";
}
.icon------------------------------------------------------------------------------tv:before {
content: "\f26c";
}
.icon-contao:before {
content: "\f26d";
}
.icon-500px:before {
content: "\f26e";
}
.icon-amazon:before {
content: "\f270";
}
.icon-calendar-plus-o:before {
content: "\f271";
}
.icon-calendar-minus-o:before {
content: "\f272";
}
.icon-calendar-times-o:before {
content: "\f273";
}
.icon-calendar-check-o:before {
content: "\f274";
}
.icon-industry:before {
content: "\f275";
}
.icon-map-pin:before {
content: "\f276";
}
.icon-map-signs:before {
content: "\f277";
}
.icon-map-o:before {
content: "\f278";
}
.icon-map:before {
content: "\f279";
}
.icon-commenting:before {
content: "\f27a";
}
.icon-commenting-o:before {
content: "\f27b";
}
.icon-houzz:before {
content: "\f27c";
}
.icon-vimeo:before {
content: "\f27d";
}
.icon-black-tie:before {
content: "\f27e";
}
.icon-fonticons:before {
content: "\f280";
}
.icon-reddit-alien:before {
content: "\f281";
}
.icon-edge:before {
content: "\f282";
}
.icon-credit-card-alt:before {
content: "\f283";
}
.icon-codiepie:before {
content: "\f284";
}
.icon-modx:before {
content: "\f285";
}
.icon-fort-awesome:before {
content: "\f286";
}
.icon-usb:before {
content: "\f287";
}
.icon-product-hunt:before {
content: "\f288";
}
.icon-mixcloud:before {
content: "\f289";
}
.icon-scribd:before {
content: "\f28a";
}
.icon-pause-circle:before {
content: "\f28b";
}
.icon-pause-circle-o:before {
content: "\f28c";
}
.icon-stop-circle:before {
content: "\f28d";
}
.icon-stop-circle-o:before {
content: "\f28e";
}
.icon-shopping-bag:before {
content: "\f290";
}
.icon-shopping-basket:before {
content: "\f291";
}
.icon-hashtag:before {
content: "\f292";
}
.icon-bluetooth:before {
content: "\f293";
}
.icon-bluetooth-b:before {
content: "\f294";
}
.icon-percent:before {
content: "\f295";
}
      html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
text-transform: none;
}
select {
text-transform: none;
}
button, html input[type="button"] {
-webkit-appearance: button;
cursor: pointer;
}
input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
} .img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 740px;
}
}
@media (min-width: 992px) {
.container {
width: 960px;
}
}
@media (min-width: 1200px) {
.container {
width: 1160px;
}
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23 {
float: left;
}
.col-xs-24 {
float: left;
width: 100%;
}
.col-xs-23 {
width: 95.83333%;
}
.col-xs-22 {
width: 91.66667%;
}
.col-xs-21 {
width: 87.5%;
}
.col-xs-20 {
width: 83.33333%;
}
.col-xs-19 {
width: 79.16667%;
}
.col-xs-18 {
width: 75%;
}
.col-xs-17 {
width: 70.83333%;
}
.col-xs-16 {
width: 66.66667%;
}
.col-xs-15 {
width: 62.5%;
}
.col-xs-14 {
width: 58.33333%;
}
.col-xs-13 {
width: 54.16667%;
}
.col-xs-12 {
width: 50%;
}
.col-xs-11 {
width: 45.83333%;
}
.col-xs-10 {
width: 41.66667%;
}
.col-xs-9 {
width: 37.5%;
}
.col-xs-8 {
width: 33.33333%;
}
.col-xs-7 {
width: 29.16667%;
}
.col-xs-6 {
width: 25%;
}
.col-xs-5 {
width: 20.83333%;
}
.col-xs-4 {
width: 16.66667%;
}
.col-xs-3 {
width: 12.5%;
}
.col-xs-2 {
width: 8.33333%;
}
.col-xs-1 {
width: 4.16667%;
}
.col-xs-pull-24 {
right: 100%;
}
.col-xs-pull-23 {
right: 95.83333%;
}
.col-xs-pull-22 {
right: 91.66667%;
}
.col-xs-pull-21 {
right: 87.5%;
}
.col-xs-pull-20 {
right: 83.33333%;
}
.col-xs-pull-19 {
right: 79.16667%;
}
.col-xs-pull-18 {
right: 75%;
}
.col-xs-pull-17 {
right: 70.83333%;
}
.col-xs-pull-16 {
right: 66.66667%;
}
.col-xs-pull-15 {
right: 62.5%;
}
.col-xs-pull-14 {
right: 58.33333%;
}
.col-xs-pull-13 {
right: 54.16667%;
}
.col-xs-pull-12 {
right: 50%;
}
.col-xs-pull-11 {
right: 45.83333%;
}
.col-xs-pull-10 {
right: 41.66667%;
}
.col-xs-pull-9 {
right: 37.5%;
}
.col-xs-pull-8 {
right: 33.33333%;
}
.col-xs-pull-7 {
right: 29.16667%;
}
.col-xs-pull-6 {
right: 25%;
}
.col-xs-pull-5 {
right: 20.83333%;
}
.col-xs-pull-4 {
right: 16.66667%;
}
.col-xs-pull-3 {
right: 12.5%;
}
.col-xs-pull-2 {
right: 8.33333%;
}
.col-xs-pull-1 {
right: 4.16667%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-24 {
left: 100%;
}
.col-xs-push-23 {
left: 95.83333%;
}
.col-xs-push-22 {
left: 91.66667%;
}
.col-xs-push-21 {
left: 87.5%;
}
.col-xs-push-20 {
left: 83.33333%;
}
.col-xs-push-19 {
left: 79.16667%;
}
.col-xs-push-18 {
left: 75%;
}
.col-xs-push-17 {
left: 70.83333%;
}
.col-xs-push-16 {
left: 66.66667%;
}
.col-xs-push-15 {
left: 62.5%;
}
.col-xs-push-14 {
left: 58.33333%;
}
.col-xs-push-13 {
left: 54.16667%;
}
.col-xs-push-12 {
left: 50%;
}
.col-xs-push-11 {
left: 45.83333%;
}
.col-xs-push-10 {
left: 41.66667%;
}
.col-xs-push-9 {
left: 37.5%;
}
.col-xs-push-8 {
left: 33.33333%;
}
.col-xs-push-7 {
left: 29.16667%;
}
.col-xs-push-6 {
left: 25%;
}
.col-xs-push-5 {
left: 20.83333%;
}
.col-xs-push-4 {
left: 16.66667%;
}
.col-xs-push-3 {
left: 12.5%;
}
.col-xs-push-2 {
left: 8.33333%;
}
.col-xs-push-1 {
left: 4.16667%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-24 {
margin-left: 100%;
}
.col-xs-offset-23 {
margin-left: 95.83333%;
}
.col-xs-offset-22 {
margin-left: 91.66667%;
}
.col-xs-offset-21 {
margin-left: 87.5%;
}
.col-xs-offset-20 {
margin-left: 83.33333%;
}
.col-xs-offset-19 {
margin-left: 79.16667%;
}
.col-xs-offset-18 {
margin-left: 75%;
}
.col-xs-offset-17 {
margin-left: 70.83333%;
}
.col-xs-offset-16 {
margin-left: 66.66667%;
}
.col-xs-offset-15 {
margin-left: 62.5%;
}
.col-xs-offset-14 {
margin-left: 58.33333%;
}
.col-xs-offset-13 {
margin-left: 54.16667%;
}
.col-xs-offset-12 {
margin-left: 50%;
}
.col-xs-offset-11 {
margin-left: 45.83333%;
}
.col-xs-offset-10 {
margin-left: 41.66667%;
}
.col-xs-offset-9 {
margin-left: 37.5%;
}
.col-xs-offset-8 {
margin-left: 33.33333%;
}
.col-xs-offset-7 {
margin-left: 29.16667%;
}
.col-xs-offset-6 {
margin-left: 25%;
}
.col-xs-offset-5 {
margin-left: 20.83333%;
}
.col-xs-offset-4 {
margin-left: 16.66667%;
}
.col-xs-offset-3 {
margin-left: 12.5%;
}
.col-xs-offset-2 {
margin-left: 8.33333%;
}
.col-xs-offset-1 {
margin-left: 4.16667%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23 {
float: left;
}
.col-sm-24 {
float: left;
width: 100%;
}
.col-sm-23 {
width: 95.83333%;
}
.col-sm-22 {
width: 91.66667%;
}
.col-sm-21 {
width: 87.5%;
}
.col-sm-20 {
width: 83.33333%;
}
.col-sm-19 {
width: 79.16667%;
}
.col-sm-18 {
width: 75%;
}
.col-sm-17 {
width: 70.83333%;
}
.col-sm-16 {
width: 66.66667%;
}
.col-sm-15 {
width: 62.5%;
}
.col-sm-14 {
width: 58.33333%;
}
.col-sm-13 {
width: 54.16667%;
}
.col-sm-12 {
width: 50%;
}
.col-sm-11 {
width: 45.83333%;
}
.col-sm-10 {
width: 41.66667%;
}
.col-sm-9 {
width: 37.5%;
}
.col-sm-8 {
width: 33.33333%;
}
.col-sm-7 {
width: 29.16667%;
}
.col-sm-6 {
width: 25%;
}
.col-sm-5 {
width: 20.83333%;
}
.col-sm-4 {
width: 16.66667%;
}
.col-sm-3 {
width: 12.5%;
}
.col-sm-2 {
width: 8.33333%;
}
.col-sm-1 {
width: 4.16667%;
}
.col-sm-pull-24 {
right: 100%;
}
.col-sm-pull-23 {
right: 95.83333%;
}
.col-sm-pull-22 {
right: 91.66667%;
}
.col-sm-pull-21 {
right: 87.5%;
}
.col-sm-pull-20 {
right: 83.33333%;
}
.col-sm-pull-19 {
right: 79.16667%;
}
.col-sm-pull-18 {
right: 75%;
}
.col-sm-pull-17 {
right: 70.83333%;
}
.col-sm-pull-16 {
right: 66.66667%;
}
.col-sm-pull-15 {
right: 62.5%;
}
.col-sm-pull-14 {
right: 58.33333%;
}
.col-sm-pull-13 {
right: 54.16667%;
}
.col-sm-pull-12 {
right: 50%;
}
.col-sm-pull-11 {
right: 45.83333%;
}
.col-sm-pull-10 {
right: 41.66667%;
}
.col-sm-pull-9 {
right: 37.5%;
}
.col-sm-pull-8 {
right: 33.33333%;
}
.col-sm-pull-7 {
right: 29.16667%;
}
.col-sm-pull-6 {
right: 25%;
}
.col-sm-pull-5 {
right: 20.83333%;
}
.col-sm-pull-4 {
right: 16.66667%;
}
.col-sm-pull-3 {
right: 12.5%;
}
.col-sm-pull-2 {
right: 8.33333%;
}
.col-sm-pull-1 {
right: 4.16667%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-24 {
left: 100%;
}
.col-sm-push-23 {
left: 95.83333%;
}
.col-sm-push-22 {
left: 91.66667%;
}
.col-sm-push-21 {
left: 87.5%;
}
.col-sm-push-20 {
left: 83.33333%;
}
.col-sm-push-19 {
left: 79.16667%;
}
.col-sm-push-18 {
left: 75%;
}
.col-sm-push-17 {
left: 70.83333%;
}
.col-sm-push-16 {
left: 66.66667%;
}
.col-sm-push-15 {
left: 62.5%;
}
.col-sm-push-14 {
left: 58.33333%;
}
.col-sm-push-13 {
left: 54.16667%;
}
.col-sm-push-12 {
left: 50%;
}
.col-sm-push-11 {
left: 45.83333%;
}
.col-sm-push-10 {
left: 41.66667%;
}
.col-sm-push-9 {
left: 37.5%;
}
.col-sm-push-8 {
left: 33.33333%;
}
.col-sm-push-7 {
left: 29.16667%;
}
.col-sm-push-6 {
left: 25%;
}
.col-sm-push-5 {
left: 20.83333%;
}
.col-sm-push-4 {
left: 16.66667%;
}
.col-sm-push-3 {
left: 12.5%;
}
.col-sm-push-2 {
left: 8.33333%;
}
.col-sm-push-1 {
left: 4.16667%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-24 {
margin-left: 100%;
}
.col-sm-offset-23 {
margin-left: 95.83333%;
}
.col-sm-offset-22 {
margin-left: 91.66667%;
}
.col-sm-offset-21 {
margin-left: 87.5%;
}
.col-sm-offset-20 {
margin-left: 83.33333%;
}
.col-sm-offset-19 {
margin-left: 79.16667%;
}
.col-sm-offset-18 {
margin-left: 75%;
}
.col-sm-offset-17 {
margin-left: 70.83333%;
}
.col-sm-offset-16 {
margin-left: 66.66667%;
}
.col-sm-offset-15 {
margin-left: 62.5%;
}
.col-sm-offset-14 {
margin-left: 58.33333%;
}
.col-sm-offset-13 {
margin-left: 54.16667%;
}
.col-sm-offset-12 {
margin-left: 50%;
}
.col-sm-offset-11 {
margin-left: 45.83333%;
}
.col-sm-offset-10 {
margin-left: 41.66667%;
}
.col-sm-offset-9 {
margin-left: 37.5%;
}
.col-sm-offset-8 {
margin-left: 33.33333%;
}
.col-sm-offset-7 {
margin-left: 29.16667%;
}
.col-sm-offset-6 {
margin-left: 25%;
}
.col-sm-offset-5 {
margin-left: 20.83333%;
}
.col-sm-offset-4 {
margin-left: 16.66667%;
}
.col-sm-offset-3 {
margin-left: 12.5%;
}
.col-sm-offset-2 {
margin-left: 8.33333%;
}
.col-sm-offset-1 {
margin-left: 4.16667%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23 {
float: left;
}
.col-md-24 {
float: left;
width: 100%;
}
.col-md-23 {
width: 95.83333%;
}
.col-md-22 {
width: 91.66667%;
}
.col-md-21 {
width: 87.5%;
}
.col-md-20 {
width: 83.33333%;
}
.col-md-19 {
width: 79.16667%;
}
.col-md-18 {
width: 75%;
}
.col-md-17 {
width: 70.83333%;
}
.col-md-16 {
width: 66.66667%;
}
.col-md-15 {
width: 62.5%;
}
.col-md-14 {
width: 58.33333%;
}
.col-md-13 {
width: 54.16667%;
}
.col-md-12 {
width: 50%;
}
.col-md-11 {
width: 45.83333%;
}
.col-md-10 {
width: 41.66667%;
}
.col-md-9 {
width: 37.5%;
}
.col-md-8 {
width: 33.33333%;
}
.col-md-7 {
width: 29.16667%;
}
.col-md-6 {
width: 25%;
}
.col-md-5 {
width: 20.83333%;
}
.col-md-4 {
width: 16.66667%;
}
.col-md-3 {
width: 12.5%;
}
.col-md-2 {
width: 8.33333%;
}
.col-md-1 {
width: 4.16667%;
}
.col-md-pull-24 {
right: 100%;
}
.col-md-pull-23 {
right: 95.83333%;
}
.col-md-pull-22 {
right: 91.66667%;
}
.col-md-pull-21 {
right: 87.5%;
}
.col-md-pull-20 {
right: 83.33333%;
}
.col-md-pull-19 {
right: 79.16667%;
}
.col-md-pull-18 {
right: 75%;
}
.col-md-pull-17 {
right: 70.83333%;
}
.col-md-pull-16 {
right: 66.66667%;
}
.col-md-pull-15 {
right: 62.5%;
}
.col-md-pull-14 {
right: 58.33333%;
}
.col-md-pull-13 {
right: 54.16667%;
}
.col-md-pull-12 {
right: 50%;
}
.col-md-pull-11 {
right: 45.83333%;
}
.col-md-pull-10 {
right: 41.66667%;
}
.col-md-pull-9 {
right: 37.5%;
}
.col-md-pull-8 {
right: 33.33333%;
}
.col-md-pull-7 {
right: 29.16667%;
}
.col-md-pull-6 {
right: 25%;
}
.col-md-pull-5 {
right: 20.83333%;
}
.col-md-pull-4 {
right: 16.66667%;
}
.col-md-pull-3 {
right: 12.5%;
}
.col-md-pull-2 {
right: 8.33333%;
}
.col-md-pull-1 {
right: 4.16667%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-24 {
left: 100%;
}
.col-md-push-23 {
left: 95.83333%;
}
.col-md-push-22 {
left: 91.66667%;
}
.col-md-push-21 {
left: 87.5%;
}
.col-md-push-20 {
left: 83.33333%;
}
.col-md-push-19 {
left: 79.16667%;
}
.col-md-push-18 {
left: 75%;
}
.col-md-push-17 {
left: 70.83333%;
}
.col-md-push-16 {
left: 66.66667%;
}
.col-md-push-15 {
left: 62.5%;
}
.col-md-push-14 {
left: 58.33333%;
}
.col-md-push-13 {
left: 54.16667%;
}
.col-md-push-12 {
left: 50%;
}
.col-md-push-11 {
left: 45.83333%;
}
.col-md-push-10 {
left: 41.66667%;
}
.col-md-push-9 {
left: 37.5%;
}
.col-md-push-8 {
left: 33.33333%;
}
.col-md-push-7 {
left: 29.16667%;
}
.col-md-push-6 {
left: 25%;
}
.col-md-push-5 {
left: 20.83333%;
}
.col-md-push-4 {
left: 16.66667%;
}
.col-md-push-3 {
left: 12.5%;
}
.col-md-push-2 {
left: 8.33333%;
}
.col-md-push-1 {
left: 4.16667%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-24 {
margin-left: 100%;
}
.col-md-offset-23 {
margin-left: 95.83333%;
}
.col-md-offset-22 {
margin-left: 91.66667%;
}
.col-md-offset-21 {
margin-left: 87.5%;
}
.col-md-offset-20 {
margin-left: 83.33333%;
}
.col-md-offset-19 {
margin-left: 79.16667%;
}
.col-md-offset-18 {
margin-left: 75%;
}
.col-md-offset-17 {
margin-left: 70.83333%;
}
.col-md-offset-16 {
margin-left: 66.66667%;
}
.col-md-offset-15 {
margin-left: 62.5%;
}
.col-md-offset-14 {
margin-left: 58.33333%;
}
.col-md-offset-13 {
margin-left: 54.16667%;
}
.col-md-offset-12 {
margin-left: 50%;
}
.col-md-offset-11 {
margin-left: 45.83333%;
}
.col-md-offset-10 {
margin-left: 41.66667%;
}
.col-md-offset-9 {
margin-left: 37.5%;
}
.col-md-offset-8 {
margin-left: 33.33333%;
}
.col-md-offset-7 {
margin-left: 29.16667%;
}
.col-md-offset-6 {
margin-left: 25%;
}
.col-md-offset-5 {
margin-left: 20.83333%;
}
.col-md-offset-4 {
margin-left: 16.66667%;
}
.col-md-offset-3 {
margin-left: 12.5%;
}
.col-md-offset-2 {
margin-left: 8.33333%;
}
.col-md-offset-1 {
margin-left: 4.16667%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23 {
float: left;
}
.col-lg-24 {
float: left;
width: 100%;
}
.col-lg-23 {
width: 95.83333%;
}
.col-lg-22 {
width: 91.66667%;
}
.col-lg-21 {
width: 87.5%;
}
.col-lg-20 {
width: 83.33333%;
}
.col-lg-19 {
width: 79.16667%;
}
.col-lg-18 {
width: 75%;
}
.col-lg-17 {
width: 70.83333%;
}
.col-lg-16 {
width: 66.66667%;
}
.col-lg-15 {
width: 62.5%;
}
.col-lg-14 {
width: 58.33333%;
}
.col-lg-13 {
width: 54.16667%;
}
.col-lg-12 {
width: 50%;
}
.col-lg-11 {
width: 45.83333%;
}
.col-lg-10 {
width: 41.66667%;
}
.col-lg-9 {
width: 37.5%;
}
.col-lg-8 {
width: 33.33333%;
}
.col-lg-7 {
width: 29.16667%;
}
.col-lg-6 {
width: 25%;
}
.col-lg-5 {
width: 20.83333%;
}
.col-lg-4 {
width: 16.66667%;
}
.col-lg-3 {
width: 12.5%;
}
.col-lg-2 {
width: 8.33333%;
}
.col-lg-1 {
width: 4.16667%;
}
.col-lg-pull-24 {
right: 100%;
}
.col-lg-pull-23 {
right: 95.83333%;
}
.col-lg-pull-22 {
right: 91.66667%;
}
.col-lg-pull-21 {
right: 87.5%;
}
.col-lg-pull-20 {
right: 83.33333%;
}
.col-lg-pull-19 {
right: 79.16667%;
}
.col-lg-pull-18 {
right: 75%;
}
.col-lg-pull-17 {
right: 70.83333%;
}
.col-lg-pull-16 {
right: 66.66667%;
}
.col-lg-pull-15 {
right: 62.5%;
}
.col-lg-pull-14 {
right: 58.33333%;
}
.col-lg-pull-13 {
right: 54.16667%;
}
.col-lg-pull-12 {
right: 50%;
}
.col-lg-pull-11 {
right: 45.83333%;
}
.col-lg-pull-10 {
right: 41.66667%;
}
.col-lg-pull-9 {
right: 37.5%;
}
.col-lg-pull-8 {
right: 33.33333%;
}
.col-lg-pull-7 {
right: 29.16667%;
}
.col-lg-pull-6 {
right: 25%;
}
.col-lg-pull-5 {
right: 20.83333%;
}
.col-lg-pull-4 {
right: 16.66667%;
}
.col-lg-pull-3 {
right: 12.5%;
}
.col-lg-pull-2 {
right: 8.33333%;
}
.col-lg-pull-1 {
right: 4.16667%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-24 {
left: 100%;
}
.col-lg-push-23 {
left: 95.83333%;
}
.col-lg-push-22 {
left: 91.66667%;
}
.col-lg-push-21 {
left: 87.5%;
}
.col-lg-push-20 {
left: 83.33333%;
}
.col-lg-push-19 {
left: 79.16667%;
}
.col-lg-push-18 {
left: 75%;
}
.col-lg-push-17 {
left: 70.83333%;
}
.col-lg-push-16 {
left: 66.66667%;
}
.col-lg-push-15 {
left: 62.5%;
}
.col-lg-push-14 {
left: 58.33333%;
}
.col-lg-push-13 {
left: 54.16667%;
}
.col-lg-push-12 {
left: 50%;
}
.col-lg-push-11 {
left: 45.83333%;
}
.col-lg-push-10 {
left: 41.66667%;
}
.col-lg-push-9 {
left: 37.5%;
}
.col-lg-push-8 {
left: 33.33333%;
}
.col-lg-push-7 {
left: 29.16667%;
}
.col-lg-push-6 {
left: 25%;
}
.col-lg-push-5 {
left: 20.83333%;
}
.col-lg-push-4 {
left: 16.66667%;
}
.col-lg-push-3 {
left: 12.5%;
}
.col-lg-push-2 {
left: 8.33333%;
}
.col-lg-push-1 {
left: 4.16667%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-24 {
margin-left: 100%;
}
.col-lg-offset-23 {
margin-left: 95.83333%;
}
.col-lg-offset-22 {
margin-left: 91.66667%;
}
.col-lg-offset-21 {
margin-left: 87.5%;
}
.col-lg-offset-20 {
margin-left: 83.33333%;
}
.col-lg-offset-19 {
margin-left: 79.16667%;
}
.col-lg-offset-18 {
margin-left: 75%;
}
.col-lg-offset-17 {
margin-left: 70.83333%;
}
.col-lg-offset-16 {
margin-left: 66.66667%;
}
.col-lg-offset-15 {
margin-left: 62.5%;
}
.col-lg-offset-14 {
margin-left: 58.33333%;
}
.col-lg-offset-13 {
margin-left: 54.16667%;
}
.col-lg-offset-12 {
margin-left: 50%;
}
.col-lg-offset-11 {
margin-left: 45.83333%;
}
.col-lg-offset-10 {
margin-left: 41.66667%;
}
.col-lg-offset-9 {
margin-left: 37.5%;
}
.col-lg-offset-8 {
margin-left: 33.33333%;
}
.col-lg-offset-7 {
margin-left: 29.16667%;
}
.col-lg-offset-6 {
margin-left: 25%;
}
.col-lg-offset-5 {
margin-left: 20.83333%;
}
.col-lg-offset-4 {
margin-left: 16.66667%;
}
.col-lg-offset-3 {
margin-left: 12.5%;
}
.col-lg-offset-2 {
margin-left: 8.33333%;
}
.col-lg-offset-1 {
margin-left: 4.16667%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container-fluid:before, .container-fluid:after {
content: " ";
display: table;
}
.row:before, .row:after {
content: " ";
display: table;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@media (max-width: 991px) {
.hidden-sm {
display: none !important;
}
} * {
margin: 0;
border: 0;
padding: 0;
font-size: 100%;
box-sizing: border-box;
}
*:before, *:after {
box-sizing: border-box;
}
html {
padding: 30px;
}
@media (max-width: 450px) {
html {
padding: 15px;
}
}
body {
color: #b6b6b6;
font-size: 15px;
font-family: "Noto Sans", sans-serif;
font-size: 15px;
line-height: 24px;
-webkit-transition: all 525ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 525ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 525ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #353744;
margin: 0 0 0.5em;
font-weight: 700;
line-height: 1.35em;
}
@media (max-width: 1200px) {
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.25em;
}
}
@media (max-width: 992px) {
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2em;
}
}
@media (max-width: 768px) {
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.15em;
}
}
h1 {
font-size: 40px;
}
@media (max-width: 1200px) {
h1 {
font-size: 36px;
}
}
@media (max-width: 992px) {
h1 {
font-size: 32px;
}
}
@media (max-width: 768px) {
h1 {
font-size: 28px;
}
}
h2 {
font-size: 30px;
}
@media (max-width: 1200px) {
h2 {
font-size: 26px;
}
}
@media (max-width: 992px) {
h2 {
font-size: 22px;
}
}
@media (max-width: 768px) {
h2 {
font-size: 18px;
}
}
h3 {
font-size: 22px;
}
@media (max-width: 1200px) {
h3 {
font-size: 20px;
}
}
@media (max-width: 992px) {
h3 {
font-size: 18px;
}
}
@media (max-width: 768px) {
h3 {
font-size: 16px;
}
}
h4 {
font-size: 15px;
}
h5 {
font-size: 13px;
}
h6 {
font-size: 11px;
}
p {
letter-spacing: 0.02em;
margin: 0 0 1em;
font-size: 15px;
}
p b {
color: #d0b787;
}
img {
max-width: 100%;
height: auto;
}
ul,
ol {
letter-spacing: 0.1em;
padding: 0 0 0 30px;
margin: 0 0 20px;
font-size: 13px;
color: #a1a1a1;
}
a {
-webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
text-decoration: none;
color: inherit;
}
a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}
blockquote {
border-left: 3px solid #c1ad96;
letter-spacing: 0.1em;
line-height: 1.5em;
padding: 10px 30px;
font-style: italic;
margin: 30px 0 40px;
font-size: 16px;
color: #353744;
}
blockquote p {
color: inherit;
margin: 0 !important;
}
@media (max-width: 450px) {
blockquote {
padding: 0px 17.5px;
font-size: 14px;
}
}
code,
pre {
background: #353744;
color: #fff;
}
code {
padding: 2.5px 5px;
}
pre {
padding: 12.5px 22.5px;
margin: 0 0 20px;
}
dl {
margin: 0 0 25px;
}
dl dt {
font-weight: 700;
}
dl dd {
margin-bottom: 10px;
padding-left: 12.5px;
}
address {
border: 4px dashed rgba(129, 121, 109, 0.3);
display: block;
max-width: 400px;
line-height: 1.65em;
font-style: italic;
padding: 20px 30px;
font-size: 18px;
margin-bottom: 20px;
}
embed,
iframe {
max-width: 100%;
}
html .row-fit {
margin: 0;
}
html .row-fit [class*="col-"],
html .row-fit .vc_column_container > .vc_column-inner {
padding: 0;
}
html .row-fit [class*="col-"] .vc_row,
html .row-fit .vc_column_container > .vc_column-inner .vc_row {
margin: 0 !important;
}
html .row-fit-10 {
margin: 0 -5px;
}
html .row-fit-10 [class*="col-"],
html .row-fit-10 .vc_column_container > .vc_column-inner {
padding: 0 5px;
}
html .row-fit-10 [class*="col-"] .vc_row,
html .row-fit-10 .vc_column_container > .vc_column-inner .vc_row {
margin: 0 !important;
}
html .row-fit-40 {
margin: 0 -20px;
}
html .row-fit-40 [class*="col-"],
html .row-fit-40 .vc_column_container > .vc_column-inner {
padding: 0 20px;
}
html .row-fit-40 [class*="col-"] .vc_row,
html .row-fit-40 .vc_column_container > .vc_column-inner .vc_row {
margin: 0 !important;
}
.custom-col-5 {
padding: 0 15px;
float: left;
width: 20%;
}
.no-padding {
padding: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.white-bg {
background: #fff !important;
}
.btn.template-btn-1.white {
color: #fff !important;
}
.btn.template-btn-1.white:hover {
color: #fff !important;
}
.ovh {
overflow: hidden;
}
.full-height {
height: 100vh;
overflow-y: auto;
padding-top: 0;
padding-bottom: 0;
}
.middle-content {
position: relative;
}
.middle-content > div:not(.vc_parallax-inner) {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.paralax-section {
position: relative;
overflow: hidden;
}
.paralax-section > div:not(.vc_parallax-inner) {
z-index: 1;
position: relative;
}
.paralax-section .vc_parallax-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
pointer-events: none;
}
.box-map {
position: relative;
overflow: hidden;
min-height: 500px;
}
.box-map > div:not(#map-canvas) {
z-index: 1;
position: relative;
}
.box-map > div:not(#map-canvas) .container {
pointer-events: none;
}
.box-map > div:not(#map-canvas) .container #map-canvas {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
pointer-events: all;
}
.text-white {
color: #ffffff;
}
.text-alfa {
color: #353744;
}
.text-beta {
color: #616373;
}
.bg-white {
background: #fff;
}
.bg-alfa {
background: #f4f4f4;
}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-center-important {
text-align: center !important;
}
.align-right {
text-align: right;
}
.clean-list {
list-style-type: none;
letter-spacing: 0em;
padding: 0;
margin: 0;
}
.clean-list li {
list-style-type: none;
}
.responsive-media {
position: relative;
margin: 0 0 30px;
}
.responsive-media iframe {
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.responsive-media.ratio16by9 {
padding-bottom: 56.25%;
}
#page {
-webkit-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
opacity: 0;
}
#page:before, #page:after {
background: #fff;
position: fixed;
height: 30px;
z-index: 15;
content: "";
right: 0;
left: 0;
}
#page:before {
z-index: 19;
top: 0;
}
#page:after {
bottom: 0;
}
@media (max-width: 450px) {
#page:before, #page:after {
height: 15px;
}
}
.dom-ready #page {
opacity: 1;
}  .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
} .alignleft {
float: left;
text-align: left;
margin-bottom: 20px;
margin-right: 20px;
}
.alignright {
float: right;
text-align: right;
margin-bottom: 20px;
margin-left: 20px;
}
.aligncenter {
text-align: center;
}
.align-left {
text-align: left !important;
}
img.size-full, img.size-large {
max-width: 100%;
width: auto;
height: auto;
}
.wp-caption {
max-width: 100%;
position: relative;
}
.wp-caption img {
margin: 0 !important;
}
.wp-caption-text {
position: absolute;
background: rgba(0, 0, 0, 0.5);
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 12px;
text-align: center;
text-transform: uppercase;
color: #ffffff;
font-weight: 400;
}
.gallery-caption,
.bypostauthor {} table,
td,
th {
border: 1px solid #616373;
}
table {
table-layout: fixed;
text-align: left;
margin: 0 0 25px;
width: 100%;
}
table td,
table th {
padding: 5px 12.5px;
}
table thead th {
background: #616373;
color: #ffffff;
}
table thead tr th:not(:first-of-type):not(:last-of-type) {
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
table thead tr th:first-of-type {
border-right: 1px solid #ffffff;
}
table thead tr th:last-of-type {
border-left: 1px solid #ffffff;
}
.woocommerce table.shop_attributes th {
border-left: none;
border-right: none;
} input[type="number"],
input[type="search"],
input[type="email"],
input[type="text"],
input[type="url"],
input[type="password"],
input[type="submit"],
textarea {
-webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-appearance: none;
border-radius: 0;
}
input:focus,
button:focus,
textarea:focus {
outline: none;
}  .comment-form .form-input {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
color: #747474;
background: #fff;
margin: 0 0 20px;
padding: 0 20px;
display: block;
width: 100%;
}
.comment-form .form-input::-webkit-input-placeholder {
color: #b4b4b4;
}
.comment-form .form-input:-moz-placeholder {
color: #b4b4b4;
}
.comment-form .form-input.placeholder {
color: #b4b4b4;
}
.comment-form .form-input:focus, .comment-form .form-input.has-value {
-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
border-radius: 7px;
}
.comment-form .form-input:not(textarea) {
line-height: 50px;
height: 50px;
}
.comment-form textarea {
height: 140px;
resize: none;
padding-bottom: 12px !important;
padding-top: 12px !important;
}
.comment-form .submit-wrapper {
padding: 15px 0 0;
}
.comment-form .rating {
margin: 0 0 20px;
display: block;
}
.comment-form .rating .title {
margin: 0 0 15px;
line-height: 1em;
display: block;
font-size: 13px;
color: #b4b4b4;
letter-spacing: 0.06em;
}
.comment-form .rating .rating-box {
display: inline-block;
line-height: 1em;
margin-right: 12.5px;
font-size: 0;
cursor: pointer;
}
.comment-form .rating .rating-box i {
-webkit-transition: all 165ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 165ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 165ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
font-weight: 700;
line-height: 1em;
font-size: 14px;
color: #bababa;
margin-right: 5px;
}
.comment-form .rating .rating-box i:last-of-type {
margin: 0;
}
.comment-form .rating .rating-box:hover i, .comment-form .rating .rating-box.active i {
color: #c1ad96;
}
@media (max-width: 500px) {
.comment-form .rating .rating-box {
display: block;
margin: 0 0 15px;
}
.comment-form .rating .rating-box:last-of-type {
margin: 0;
}
}
.comment-form .form-submit {
text-align: center;
padding: 15px 0 0;
margin: 0;
}
.comment-form .form-submit .submit {
border-bottom: 2px solid transparent;
text-transform: uppercase;
letter-spacing: 0.2em;
padding-bottom: 3.5px;
line-height: 1em;
font-weight: 700;
font-size: 13px;
color: #616373;
background: 0;
}
.comment-form .form-submit .submit:hover {
border-color: #d0b787;
}
.comment-form .logged-in-as {
color: #616373;
font-weight: 600;
font-size: 15px;
margin-bottom: 20px;
}
.comment-form .logged-in-as a:hover {
color: #d0b787;
} .checkout-form .form-input {
text-transform: uppercase;
border: 1px solid #ebebeb;
vertical-align: middle;
letter-spacing: 0.2em;
font-weight: 700;
padding: 0 20px;
margin-bottom: 20px;
font-size: 10px;
color: #7a7a7a;
display: block;
width: 100%;
}
.checkout-form .form-input::-webkit-input-placeholder {
color: #adadad;
}
.checkout-form .form-input:-moz-placeholder {
color: #adadad;
}
.checkout-form .form-input.placeholder {
color: #adadad;
}
.checkout-form .form-input:not(textarea) {
line-height: 45px;
height: 45px;
}
.checkout-form textarea {
padding-bottom: 13.5px !important;
padding-top: 13.5px !important;
line-height: 1.45em;
height: 130px;
resize: none;
}
.checkout-form h4 {
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
line-height: 1em;
margin: 0 0 30px;
font-size: 13px;
color: #4c4a58;
}
.checkout-form .checkbox {
display: block !important;
margin: 0 0 15px;
}
.checkout-form .checkbox:last-of-type {
margin: 0 0 25px;
} .contact-form .input-line {
position: relative;
margin: 0 0 35px !important;
display: block;
width: 100%;
border-bottom: 2px solid #cbcbcb;
}
.contact-form .input-line .form-input {
background: transparent;
letter-spacing: 0.04em;
position: relative;
line-height: 60px;
font-size: 17px;
padding: 0 10px;
display: block;
color: #969090;
background: 0;
height: 60px;
width: 100%;
z-index: 2;
}
.contact-form .input-line .form-input:focus + .label, .contact-form .input-line .form-input.has-value + .label {
height: 100%;
border-color: #dddddd;
}
.contact-form .input-line .form-input:focus + .label:before, .contact-form .input-line .form-input.has-value + .label:before {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.contact-form .input-line .label {
-webkit-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: transparent;
pointer-events: none;
position: absolute;
width: 100%;
z-index: 1;
height: 0;
bottom: 0;
left: 0;
}
.contact-form .input-line .label:before {
-webkit-transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
content: attr(data-name);
letter-spacing: 0.04em;
position: absolute;
line-height: 1em;
font-size: 17px;
color: #969090;
left: 10px;
top: -25px;
}
.contact-form .input-line .label:after {
position: absolute;
background: #fff;
content: "";
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.contact-form .input-line textarea {
line-height: 1.25em !important;
height: 125px !important;
padding: 10px !important;
resize: none;
}
.contact-form #results {
padding: 0 0 35px;
}
.contact-form #results .parsley-errors-list {
margin: 0;
}
.contact-form .btn {
padding: 0 !important;
}
.contact-form .btn.template-btn-1 {
padding: 0 !important;
}
.contact-form .btn.template-btn-1:hover {
padding: 0 !important;
color: #d0b787 !important;
} #page {
position: relative;
}
.search-form-wrapper {
-webkit-transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(30, 29, 51, 0.95);
pointer-events: none;
padding: 65px 125px;
visibility: hidden;
position: absolute;
line-height: 1em;
height: 100%;
width: 100%;
z-index: 21;
opacity: 0;
left: 0;
top: 0;
}
.search-form-wrapper .search-form {
-webkit-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
transition-delay: 700ms;
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 100%;
opacity: 0;
}
.search-form-wrapper .search-form .form-input {
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
font-size: 30px;
display: block;
background: 0;
height: 50px;
width: 100%;
color: #fff;
padding-bottom: 20px;
padding-right: 100px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.search-form-wrapper .search-form .form-input::-webkit-input-placeholder {
color: #fff;
}
.search-form-wrapper .search-form .form-input:-moz-placeholder {
color: #fff;
}
.search-form-wrapper .search-form .form-input.placeholder {
color: #fff;
}
.search-form-wrapper .search-form .form-submit {
position: absolute;
background: 0;
right: 60px;
top: 5px;
}
.search-form-wrapper .search-form .form-submit i {
display: inline-block;
line-height: 1em;
font-size: 21px;
color: #fff;
}
.search-form-wrapper .close-search-form-wrapper {
display: inline-block;
letter-spacing: 0em;
position: absolute;
line-height: 1em;
cursor: pointer;
font-size: 0;
right: 25px;
top: 25px;
}
.search-form-wrapper .close-search-form-wrapper i {
display: inline-block;
line-height: 1em;
font-weight: 500;
font-size: 22px;
color: #fff;
}
.search-form-wrapper.active {
position: fixed;
pointer-events: all;
visibility: visible;
opacity: 1;
}
.search-form-wrapper.active .search-form {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.search-form-wrapper:after {
position: fixed;
background: #fff;
z-index: 3;
height: 30px;
content: "";
bottom: 0;
left: 0;
right: 0;
}
@media (max-width: 992px) {
.search-form-wrapper {
padding: 40px 75px;
}
}
@media (max-width: 768px) {
.search-form-wrapper {
padding: 55px 35px;
}
.search-form-wrapper .search-form .form-input {
font-size: 18px;
height: 30px;
padding-right: 30px;
}
.search-form-wrapper .search-form .form-submit {
right: 0;
top: -2px;
}
.search-form-wrapper .search-form .form-submit i {
font-size: 16px;
}
.search-form-wrapper .close-search-form-wrapper {
right: 10px;
top: 10px;
}
} .btn,
.button {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
text-align: center;    }
.btn .btn-holder,
.button .btn-holder {
display: inline-block;
}
.btn.template-btn-1,
.button.template-btn-1 {
text-transform: uppercase;
letter-spacing: 0.2em;
position: relative;
color: #616373;
line-height: 1em;
font-weight: 700;
font-size: 13px;
background: 0;
padding-bottom: 8.5px;
}
.btn.template-btn-1:after,
.button.template-btn-1:after {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
background: #c1ad96;
position: absolute;
display: block;
width: 40px;
height: 2px;
content: "";
top: 100%;
left: 0;
}
.btn.template-btn-1:before,
.button.template-btn-1:before {
-webkit-transition: all 195ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
-moz-transition: all 195ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
transition: all 195ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
pointer-events: none;
font-family: icomoon;
position: absolute;
-webkit-transform: translateX(-70%);
-ms-transform: translateX(-70%);
transform: translateX(-70%);
font-weight: 500;
content: "";
font-size: 16px;
color: #877b6e;
opacity: 0;
left: 0;
top: 0;
}
.btn.template-btn-1:hover,
.button.template-btn-1:hover {
-webkit-transition-delay: 160ms !important;
-moz-transition-delay: 160ms !important;
transition-delay: 160ms !important;
color: #616373 !important;
padding-left: 27.5px !important;
}
.btn.template-btn-1:hover:after,
.button.template-btn-1:hover:after {
width: 100% !important;
}
.btn.template-btn-1:hover:before,
.button.template-btn-1:hover:before {
-webkit-transition-delay: 550ms !important;
-moz-transition-delay: 550ms !important;
transition-delay: 550ms !important;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
opacity: 1 !important;
}
.btn.template-btn-2,
.button.template-btn-2 {
text-transform: uppercase;
letter-spacing: 0.2em;
background: #4c4a58;
line-height: 50px;
font-weight: 700;
padding: 0 30px;
font-size: 13px;
color: #b4b2c5;
height: 50px;
}
.btn.template-btn-2:hover,
.button.template-btn-2:hover {
background: #595767;
}
.btn.add-to-cart-btn,
.button.add-to-cart-btn {
text-transform: uppercase !important;
border-radius: 0 !important;
line-height: 50px !important;
height: 50px !important;
position: relative !important;
padding: 0 25px 0 65px !important;
letter-spacing: 0.2em !important;
background: #4c4a58 !important;
font-weight: 700 !important;
font-size: 13px !important;
color: #b4b2c5 !important;
}
.btn.add-to-cart-btn:before,
.button.add-to-cart-btn:before {
font-family: icomoon;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 500;
line-height: 1em;
content: "";
font-size: 22px;
color: #fff;
left: 24px;
top: 50%;
}
.btn.add-to-cart-btn.loading:after,
.button.add-to-cart-btn.loading:after {
right: 6px !important;
top: 1px !important;
}
.btn.quick-view-btn,
.button.quick-view-btn {
line-height: 50px;
height: 50px;
letter-spacing: 0em;
background: #585665;
text-align: center;
font-size: 15px;
width: 50px;
color: #fff;
}
button.single_add_to_cart_button {
text-transform: uppercase !important;
border-radius: 0 !important;
line-height: 50px !important;
height: 50px !important;
position: relative !important;
padding: 0 25px 0 65px !important;
letter-spacing: 0.2em !important;
background: #4c4a58 !important;
font-weight: 700 !important;
font-size: 13px !important;
color: #b4b2c5 !important;
}
button.single_add_to_cart_button:before {
font-family: icomoon;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 500;
line-height: 1em;
content: "";
font-size: 22px;
color: #fff;
left: 24px;
top: 50%;
}  .page-wrapper {
position: relative;
}
.main-header {
position: absolute;
text-align: center;
z-index: 20;
right: 30px;
left: 30px;
top: 30px;
} body .sticky-header.page-wrapper {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
body .sticky-header .main-header {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position: fixed;
padding: 25px;
}
body.admin-bar .sticky-header .main-header {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position: fixed;
padding: 40px;
}
body .sticky-header .main-header.fixed {
background: #616373;
padding: 0 25px;
}
body .sticky-header .main-header.fixed .brand-holder {
padding: 10px 0 !important;
}
.main-header nav {
display: block;
position: relative;
text-align: center;
margin: 0 13.5%;
}
@media (min-width: 1200px) {
.main-header nav:not(.desktop-only-nav) {
display: none !important;
}
}
@media (max-width: 1200px) {
.main-header nav.desktop-only-nav {
display: none !important;
}
}
.main-header nav.desktop-only-nav {
display: flex;
align-items: center;
}
.main-header nav.desktop-only-nav .brand-holder {
width: 310px;
text-align: center;
}
.main-header nav.desktop-only-nav .brand-holder a {
display: inline-block;
}
.main-header nav ul {
list-style-type: none;
line-height: 1em;
font-size: 0;
padding: 0;
margin: 0;
}
.main-header nav ul li {
display: inline-block;
color: #fff;
}
.main-header nav .search-toggle {
display: inline-block;
line-height: 1em;
}
@media (min-width: 1200px) {
.main-header nav .search-toggle {
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
top: calc(50% - 2px);
position: absolute;
right: -40px;
}
}
.main-header nav .search-toggle i {
-webkit-transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
line-height: 1em;
font-size: 12px;
cursor: pointer;
color: #fff;
}
.main-header nav .search-toggle i:hover {
color: #a9aeb7;
}
.main-header nav .shopping-cart-wrapper {
position: relative;
line-height: 1em;
font-size: 0;
z-index: 9;
}
@media (min-width: 1200px) {
.main-header nav .shopping-cart-wrapper {
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
position: absolute;
text-align: left;
right: -80px;
top: 50%;
}
}
.main-header nav .shopping-cart-wrapper .cart-toggle {
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
vertical-align: middle;
display: inline-block;
text-align: center;
line-height: 63px;
letter-spacing: 0;
cursor: pointer;
font-size: 0;
height: 58px;
width: 58px;
}
@media (max-width: 541px) {
.main-header nav .shopping-cart-wrapper {
top: 6px;
}
.main-header nav .shopping-cart-wrapper .cart-toggle {
line-height: 50px;
height: 45px;
width: 45px;
}
}
.main-header nav .shopping-cart-wrapper .cart-toggle i {
line-height: 1em;
font-size: 18px;
color: #fff;
}
.main-header nav .shopping-cart-wrapper .cart-toggle span {
display: inline-block;
position: relative;
font-size: 12px;
color: #fff;
top: -2px;
left: 2px;
}
.main-header nav .shopping-cart-wrapper .cart-toggle:hover {
background: #4c4a58;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper {
-webkit-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: #2b2d37;
visibility: hidden;
position: absolute;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
padding: 20px;
font-size: 0;
width: 350px;
opacity: 0;
top: 100%;
right: 0;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items {
line-height: 1em;
font-size: 0;
margin-bottom: 20px;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items .cart-item {
position: relative;
min-height: 80px;
margin-bottom: 15px;
padding-left: 100px;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items .cart-item .image {
position: absolute;
width: 80px;
left: 0;
top: 0;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items .cart-item .image img {
width: 100%;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items .cart-item .remove-product-from-cart {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
position: absolute;
line-height: 1em;
left: 0;
top: 0;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items .cart-item .remove-product-from-cart i {
vertical-align: middle;
display: inline-block;
background: #5f6072;
text-align: center;
line-height: 14px;
font-weight: 500;
font-size: 8px;
height: 14px;
width: 14px;
color: #fff;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items .cart-item .product-title {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1.5em;
font-weight: 500;
margin: 0 0 10px;
font-size: 10px;
color: #fff;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items .cart-item .meta {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1em;
font-size: 14px;
color: #fff;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items .cart-item .meta sub {
font-size: 0.7em;
bottom: 0;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-items .cart-item:last-of-type {
margin: 0;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .subtotal {
border-bottom: 1px dashed #5b5d64;
border-top: 1px dashed #5b5d64;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.2em;
text-align: center;
line-height: 38px;
font-weight: 700;
font-size: 11px;
color: #adadad;
display: block;
height: 40px;
margin-bottom: 17.5px;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-action {
padding: 0 10px;
display: block;
width: 100%;
}
.main-header nav .shopping-cart-wrapper .cart-items-wrapper .cart-action li {
margin: 0 !important;
display: block !important;
float: left !important;
width: 50% !important;
}
.main-header nav .shopping-cart-wrapper.active .cart-items-wrapper {
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.main-header nav .shopping-cart-wrapper.active .cart-toggle {
background: #4c4a58;
}
@media (min-width: 1200px) {
.main-header nav > ul {
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
}
.main-header nav > ul > li {
text-transform: uppercase;
letter-spacing: 0.2em;
position: relative;
line-height: 1em;
font-weight: 700;
padding: 25px 0;
font-size: 14px;
}
.main-header nav > ul > li > a {
padding-bottom: 3px;
border-bottom: 1px solid transparent;
}
.main-header nav > ul > li:before, .main-header nav > ul > li:after {
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
visibility: hidden;
pointer-events: none;
font-family: icomoon;
position: absolute;
line-height: 1em;
font-size: 13px;
margin-top: -6px;
opacity: 0;
top: 50%;
}
.main-header nav > ul > li:before {
content: "";
left: -13px;
}
.main-header nav > ul > li:after {
content: "";
right: -13px;
}
.main-header nav > ul > li:hover:before, .main-header nav > ul > li:hover:after, .main-header nav > ul > li.current-menu-item:before, .main-header nav > ul > li.current-menu-item:after {
visibility: visible;
opacity: 1;
}
.main-header nav > ul > li:hover a {
border-color: rgba(255, 255, 255, 0.65);
}
.main-header nav > ul > li:last-of-type {
margin: 0;
}
.main-header nav > ul > li.brand-holder a {
display: inline-block;
border: 0 !important;
}
.main-header nav > ul > li.brand-holder:before, .main-header nav > ul > li.brand-holder:after {
display: none;
}
.main-header nav > ul > li.menu-item-has-children {
position: relative;
}
.main-header nav > ul > li.menu-item-has-children > .sub-menu,
.main-header nav > ul > li.menu-item-has-children > .children {
-webkit-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
background: #3a3c4c;
position: absolute;
visibility: hidden;
text-align: left;
padding: 20px 0;
display: block;
width: 230px;
left: -25px;
opacity: 0;
top: 100%;
}
.main-header nav > ul > li.menu-item-has-children > .sub-menu li,
.main-header nav > ul > li.menu-item-has-children > .children li {
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
line-height: 1.3em;
padding: 10px 30px;
font-size: 10px;
color: #838593;
width: 100%;
}
.main-header nav > ul > li.menu-item-has-children > .sub-menu li.menu-item-has-children,
.main-header nav > ul > li.menu-item-has-children > .children li.menu-item-has-children {
position: relative;
}
.main-header nav > ul > li.menu-item-has-children > .sub-menu li.menu-item-has-children .sub-menu,
.main-header nav > ul > li.menu-item-has-children > .sub-menu li.menu-item-has-children .children,
.main-header nav > ul > li.menu-item-has-children > .children li.menu-item-has-children .sub-menu,
.main-header nav > ul > li.menu-item-has-children > .children li.menu-item-has-children .children {
-webkit-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
left: calc(100% + 1px);
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
background: #3a3c4c;
position: absolute;
visibility: hidden;
padding: 20px 0;
display: block;
width: 230px;
top: -20px;
opacity: 0;
}
.main-header nav > ul > li.menu-item-has-children > .sub-menu li.menu-item-has-children .sub-menu li,
.main-header nav > ul > li.menu-item-has-children > .sub-menu li.menu-item-has-children .children li,
.main-header nav > ul > li.menu-item-has-children > .children li.menu-item-has-children .sub-menu li,
.main-header nav > ul > li.menu-item-has-children > .children li.menu-item-has-children .children li {
padding: 10px 30px;
}
.main-header nav > ul > li.menu-item-has-children > .sub-menu li.menu-item-has-children:hover .sub-menu,
.main-header nav > ul > li.menu-item-has-children > .sub-menu li.menu-item-has-children:hover .children,
.main-header nav > ul > li.menu-item-has-children > .children li.menu-item-has-children:hover .sub-menu,
.main-header nav > ul > li.menu-item-has-children > .children li.menu-item-has-children:hover .children {
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.main-header nav > ul > li.menu-item-has-children > .sub-menu li a,
.main-header nav > ul > li.menu-item-has-children > .children li a {
position: relative;
}
.main-header nav > ul > li.menu-item-has-children > .sub-menu li a:hover,
.main-header nav > ul > li.menu-item-has-children > .children li a:hover {
color: #fff;
}
.main-header nav > ul > li.menu-item-has-children:hover > .sub-menu,
.main-header nav > ul > li.menu-item-has-children:hover > .children {
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@media (max-width: 1200px) {
.main-header .brand-holder {
display: inline-block;
max-width: 200px;
}
}
.main-header.style-2 {
text-align: initial;
}
.main-header.logo-left, .main-header.logo-right {
text-align: initial;
}
.main-header.logo-left .brand-holder,
.main-header.logo-left nav, .main-header.logo-right .brand-holder,
.main-header.logo-right nav {
display: inline-block;
vertical-align: top;
}
.main-header.logo-left nav, .main-header.logo-right nav {
margin-right: 150px;
margin-left: 0;
float: right;
}
.main-header.logo-left nav ul li:last-of-type, .main-header.logo-right nav ul li:last-of-type {
margin-right: 0;
}
@media (min-width: 1200px) {
.main-header.logo-left .brand-holder, .main-header.logo-right .brand-holder {
max-width: 260px;
}
.main-header.logo-left nav, .main-header.logo-right nav {
max-width: calc(100% - 300px - 155px);
width: 100%;
}
}
.main-header.logo-left .stack-menu-toggle {
position: relative;
float: right;
top: 7.5px;
}
.main-header.logo-right nav {
float: left;
}
.main-header.logo-right .brand-holder {
float: right;
}
.main-header.logo-center.boxed .brand-holder {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.main-header.logo-center.boxed nav {
float: right;
margin-top: 0;
margin-right: 150px;
margin-bottom: 0;
margin-left: 0;
}
.main-header.still {
background: #f4f4f4;
position: relative;
padding: 35px 7.85%;
display: block;
width: 100%;
right: 0;
left: 0;
top: 0;
}
.main-header.still .brand-holder {
display: inline-block;
}
.main-header.still .stack-menu-toggle {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 45px;
top: 50%;
}
.main-header.still .stack-menu-toggle .icon {
border-color: #b4b4b4;
}
.main-header.still .stack-menu-toggle .icon .line {
background: #b4b4b4;
}
.main-header.still .stack-menu-toggle .menu-toggle-title {
color: #b4b4b4;
}
@media (max-width: 450px) {
.main-header.still {
padding: 15px 5%;
}
.main-header.still .stack-menu-toggle {
right: 15px;
}
.main-header.still .brand-holder {
max-width: 67.5%;
}
}
.main-header .mobile-brand {
display: inline-block;
max-width: 200px;
}
@media (min-width: 1200px) {
.main-header .mobile-brand {
display: none;
}
}
@media (max-width: 1200px) {
.main-header:not(.style-2) {
text-align: initial;
}
.main-header:not(.style-2) nav {
display: inline-block;
vertical-align: top;
text-align: initial;
position: relative;
float: right;
top: -10px;
margin: 0;
}
.main-header:not(.style-2) nav .search-toggle,
.main-header:not(.style-2) nav .shopping-cart-wrapper {
display: inline-block;
vertical-align: top;
}
.main-header:not(.style-2) nav .search-toggle {
position: relative;
margin-right: 20px;
top: 20px;
}
.main-header:not(.style-2) nav ul .brand-holder {
display: none !important;
}
.main-header:not(.style-2) nav > ul {
text-align: left !important;
-webkit-transition: all 325ms;
transition: all 325ms;
background: #24262f;
visibility: hidden;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
padding: 15px 0;
position: fixed;
display: block;
overflow: auto;
width: 300px;
z-index: 13;
bottom: 0;
left: 0;
top: 0;
}
}
@media (max-width: 1200px) and (max-width: 450px) {
.main-header:not(.style-2) nav > ul {
width: 250px;
}
}
@media (max-width: 1200px) {
.main-header:not(.style-2) nav > ul li {
text-transform: uppercase;
letter-spacing: 0.125em;
font-weight: 500;
line-height: 1em;
font-size: 13px;
display: block;
width: 100%;
color: #fff;
}
.main-header:not(.style-2) nav > ul li.menu-item-has-children {
position: relative;
}
.main-header:not(.style-2) nav > ul li.menu-item-has-children:after {
-webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
color: rgba(255, 255, 255, 0.5);
display: inline-block;
pointer-events: none;
font-family: icomoon;
position: absolute;
line-height: 1em;
font-size: 12px;
content: "";
right: 15px;
top: 11px;
}
.main-header:not(.style-2) nav > ul li.menu-item-has-children.open:after {
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.main-header:not(.style-2) nav > ul li.menu-item-has-children > .children {
display: none;
}
.main-header:not(.style-2) nav > ul li.menu-item-has-children > .children li a {
padding-left: 25px;
}
.main-header:not(.style-2) nav > ul li.menu-item-has-children > .children li ul li a {
padding-left: 35px;
}
.main-header:not(.style-2) nav > ul li a {
-webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
display: inline-block;
padding: 10px 15px;
width: 100%;
}
.main-header:not(.style-2) nav > ul li a:hover {
background: rgba(14, 15, 18, 0.25);
}
}
@media (max-width: 541px) {
.main-header:not(.style-2) {
right: 15px;
left: 15px;
top: 15px;
}
.main-header:not(.style-2) .brand-holder {
max-width: 150px;
}
.main-header:not(.style-2) nav .search-toggle {
margin-right: 5px;
}
}
.stack-menu-toggle,
.mobile-navigation-toggle {
display: inline-block;
cursor: pointer;
z-index: 4;
}
.stack-menu-toggle .icon,
.mobile-navigation-toggle .icon {
border: 1px solid #fff;
line-height: 1em;
padding: 9px 8px;
display: block;
font-size: 0;
height: 35px;
width: 35px;
}
.stack-menu-toggle .icon .line,
.mobile-navigation-toggle .icon .line {
-webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #fff;
display: block;
width: 100%;
height: 1px;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
}
.stack-menu-toggle .icon .line:nth-of-type(2),
.mobile-navigation-toggle .icon .line:nth-of-type(2) {
width: 75%;
margin-right: 0;
margin-left: auto;
}
.stack-menu-toggle .icon .line:last-of-type,
.mobile-navigation-toggle .icon .line:last-of-type {
margin-bottom: 0;
}
.stack-menu-toggle .menu-toggle-title,
.mobile-navigation-toggle .menu-toggle-title {
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.3em;
position: relative;
-webkit-transform: translateX(calc(-50% - .15em));
-ms-transform: translateX(calc(-50% - .15em));
transform: translateX(calc(-50% - .15em));
line-height: 1em;
font-weight: 500;
font-size: 10px;
color: #fff;
left: 50%;
}
.stack-menu-toggle:hover .icon .line,
.mobile-navigation-toggle:hover .icon .line {
width: 75%;
}
.stack-menu-toggle:hover .icon .line:nth-of-type(2),
.mobile-navigation-toggle:hover .icon .line:nth-of-type(2) {
width: 100%;
}
@media (max-width: 541px) {
.stack-menu-toggle,
.mobile-navigation-toggle {
top: 13.5px !important;
}
.stack-menu-toggle .icon,
.mobile-navigation-toggle .icon {
height: 28px;
padding: 7px;
width: 28px;
}
.stack-menu-toggle .icon .line,
.mobile-navigation-toggle .icon .line {
margin-bottom: 4.5px;
}
.stack-menu-toggle .menu-toggle-title,
.mobile-navigation-toggle .menu-toggle-title {
display: none;
}
}
.mobile-navigation-toggle {
position: relative;
margin-right: 20px;
right: auto;
top: 7.5px;
}
@media (min-width: 1200px) {
.mobile-navigation-toggle {
display: none;
}
} .mobile-navigation-visible .main-header:not(.style-2) nav > ul {
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mobile-navigation-visible .mobile-navigation-toggle .icon .line:first-of-type {
-webkit-transform: rotate3d(0, 0, 1, 45deg) translate(30%, 490%);
-ms-transform: rotate3d(0, 0, 1, 45deg) translate(30%, 490%);
transform: rotate3d(0, 0, 1, 45deg) translate(30%, 490%);
width: 100% !important;
}
.mobile-navigation-visible .mobile-navigation-toggle .icon .line:nth-of-type(2) {
opacity: 0;
}
.mobile-navigation-visible .mobile-navigation-toggle .icon .line:last-of-type {
-webkit-transform: rotate3d(0, 0, 1, -45deg) translate(25%, -480%);
-ms-transform: rotate3d(0, 0, 1, -45deg) translate(25%, -480%);
transform: rotate3d(0, 0, 1, -45deg) translate(25%, -480%);
width: 100% !important;
} html .stack-nav-wrapper {
position: absolute;
text-align: center;
visibility: hidden;
z-index: 2;
right: 0;
left: 0;
top: 0;
}
html .stack-nav-wrapper .close-stack-nav {
-webkit-transition: all 385ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 385ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 385ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: scale(0.35);
-ms-transform: scale(0.35);
transform: scale(0.35);
opacity: 0;
display: inline-block;
position: absolute;
cursor: pointer;
height: 24px;
right: 16px;
width: 24px;
z-index: 3;
top: 0;
}
html .stack-nav-wrapper .close-stack-nav:before, html .stack-nav-wrapper .close-stack-nav:after {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
background: #4f4f64;
height: 32px;
content: "";
width: 1px;
left: 0;
top: 0;
}
html .stack-nav-wrapper .close-stack-nav:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
html .stack-nav-wrapper .close-stack-nav:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
html .stack-nav-wrapper .close-stack-nav:hover:before, html .stack-nav-wrapper .close-stack-nav:hover:after {
background: #f8f8f8;
}
html .stack-nav-wrapper .stack-nav {
-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translateY(25%);
-ms-transform: translateY(25%);
transform: translateY(25%);
display: block;
width: 100%;
opacity: 0;
padding-top: 30px;
padding-bottom: 60px;
}
html .stack-nav-wrapper .stack-nav > ul {
justify-content: space-around;
display: flex;
padding: 0;
margin: 0;
}
html .stack-nav-wrapper .stack-nav > ul > li {
display: inline-block;
line-height: 1em;
}
html .stack-nav-wrapper .stack-nav > ul > li > a {
text-transform: uppercase;
letter-spacing: 0.3em;
line-height: 1em;
font-weight: 700;
font-size: 13px;
color: #fff;
}
html .stack-nav-wrapper .stack-nav > ul > li ul {
margin: 30px 0 0 !important;
padding: 0;
margin: 0;
}
html .stack-nav-wrapper .stack-nav > ul > li ul li {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1em;
display: block;
margin-bottom: 30px;
font-size: 10px;
color: #4f4f64;
}
html .stack-nav-wrapper .stack-nav > ul > li ul li a:hover {
color: #fff;
}
html .stack-nav-wrapper .stack-nav > ul > li ul li:last-of-type {
margin: 0;
}
@media (max-width: 992px) {
html .stack-nav-wrapper .stack-nav > ul {
display: block;
}
html .stack-nav-wrapper .stack-nav > ul > li {
display: inline-block;
margin: 0 0 25px;
width: 49%;
}
html .stack-nav-wrapper .stack-nav > ul > li ul {
margin: 15px 0 0 !important;
}
html .stack-nav-wrapper .stack-nav > ul > li ul li {
margin: 0 0 7.5px;
}
}
html .stack-nav-wrapper .identity-wrapper {
-webkit-transition: all 615ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 615ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 615ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
opacity: 0;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
display: inline-block;
}
html.perspective {
-webkit-perspective-origin: 50% -50%;
perspective-origin: 50% -50%;
-webkit-perspective: 750px;
perspective: 750px;
}
html .page-wrapper {
-webkit-transition: transform 450ms cubic-bezier(0.6, 0, 0.4, 1);
transition: transform 450ms cubic-bezier(0.6, 0, 0.4, 1);
-webkit-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
z-index: 2;
}
html:before {
background: #24262f;
visibility: hidden;
position: fixed;
content: "";
z-index: 1;
opacity: 0;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
html.stack-nav-visible {
overflow: hidden;
height: 100vh;
}
html.stack-nav-visible .page-wrapper {
-webkit-transform: translate3d(0px, 70%, -175px);
-ms-transform: translate3d(0px, 70%, -175px);
transform: translate3d(0px, 70%, -175px);
cursor: pointer;
}
@media (max-width: 450px) {
html.stack-nav-visible .page-wrapper {
-webkit-transform: translate3d(0px, 70%, -85px);
-ms-transform: translate3d(0px, 70%, -85px);
transform: translate3d(0px, 70%, -85px);
}
}
html.stack-nav-visible .stack-nav-wrapper {
visibility: visible;
}
html.stack-nav-visible .stack-nav-wrapper .stack-nav {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
transition-delay: 300ms;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
html.stack-nav-visible .stack-nav-wrapper .identity-wrapper {
-webkit-transition-delay: 605ms;
-moz-transition-delay: 605ms;
transition-delay: 605ms;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 0.185;
}
html.stack-nav-visible .stack-nav-wrapper .close-stack-nav {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
transition-delay: 300ms;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
html.overflow-stack-nav #page:before, html.overflow-stack-nav #page:after {
opacity: 0;
}
html.overflow-stack-nav:before {
visibility: visible;
opacity: 1;
}
html.overflow-stack-nav .page-wrapper {
-webkit-box-shadow: 0 0 0 30px #fff;
box-shadow: 0 0 0 30px #fff;
overflow: hidden;
height: 100vh;
width: 100%;
} footer .main-social-block {
position: relative;
background: #fff;
z-index: 2;
}
footer .main-social-block .rounded-border-bottom:not(.reversed) {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
bottom: auto;
top: 0;
}
footer .main-social-block .rounded-border-bottom.reversed {
-webkit-transform: rotate(180deg) translateY(-100%);
-ms-transform: rotate(180deg) translateY(-100%);
transform: rotate(180deg) translateY(-100%);
}
footer .main-social-block .container-fluid {
position: relative;
z-index: 3;
}
footer .main-social-block .social-block-group {
justify-content: space-around;
align-items: center;
display: flex;
height: 20px;
}
footer .main-social-block .social-block-group a {
text-transform: uppercase;
letter-spacing: 0.4em;
position: relative;
font-weight: 700;
line-height: 1em;
font-size: 13px;
color: #92949b;
}
footer .main-social-block .social-block-group a span {
-webkit-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
}
@media (max-width: 992px) {
footer .main-social-block .social-block-group a span {
display: none;
}
}
footer .main-social-block .social-block-group a i {
display: inline-block;
font-size: 22px;
}
@media (min-width: 992px) {
footer .main-social-block .social-block-group a i {
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
position: absolute;
opacity: 0;
left: 50%;
top: 50%;
}
}
@media (min-width: 992px) {
footer .main-social-block .social-block-group a:hover span {
-webkit-transform: translateY(65%);
-ms-transform: translateY(65%);
transform: translateY(65%);
opacity: 0;
}
footer .main-social-block .social-block-group a:hover i {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
}
footer .main-social-block .block-icon {
top: calc(100% + 22px);
display: inline-block;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
line-height: 1em;
font-size: 28px;
color: #656771;
left: 50%;
}
footer .main-footer-wrapper {
padding: 100px 0 45px;
background: #24262f;
position: relative;
overflow: hidden;
}
@media (min-width: 992px) {
footer .main-footer-wrapper:not(.no-bg):before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
display: inline-block;
pointer-events: none;
background: #373a44;
position: absolute;
opacity: 0.375;
height: 225px;
width: 145px;
content: "";
z-index: 1;
left: 50%;
top: 50%;
}
}
footer .main-footer-wrapper .copyrights {
padding-top: 35px;
}
footer .main-footer-wrapper .copyrights p {
letter-spacing: 0.06em;
font-size: 13px;
color: #656771;
margin: 0;
}
footer .main-footer-wrapper .copyrights p a:hover {
color: #fff;
}
footer .widget {
position: relative;
z-index: 2;
}
footer .widget .widget-title {
letter-spacing: 0.04em;
font-weight: 700;
line-height: 1em;
font-size: 16px;
color: #e6e6e6;
margin-bottom: 35px;
margin-top: 27.5px;
}
footer .widget:not(.widget_news):not(.widget_about):not(.widget_popular_posts) ul {
list-style-type: none;
line-height: 1em;
font-size: 0;
padding: 0;
margin: 0;
}
footer .widget:not(.widget_news):not(.widget_about):not(.widget_popular_posts) ul li {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1.25em;
font-weight: 500;
font-size: 13px;
color: #e6e6e6;
display: block;
margin-bottom: 15px;
}
footer .widget:not(.widget_news):not(.widget_about):not(.widget_popular_posts) ul li a:hover {
color: #585a60;
}
footer .widget:not(.widget_news):not(.widget_about):not(.widget_popular_posts) ul li:last-of-type {
margin: 0;
}
footer .widget_about {
padding-right: 25px;
}
footer .widget_about img {
margin-bottom: 35px;
opacity: 0.28;
}
footer .widget_about p {
letter-spacing: 0.02em;
line-height: 1.8em;
font-size: 14px;
color: #aeafb1;
margin-bottom: 30px;
}
footer .widget_about .contact-info {
line-height: 1em;
font-size: 0;
}
footer .widget_about .contact-info li {
letter-spacing: 0.02em;
position: relative;
line-height: 1em;
font-size: 14px;
color: #aeafb1;
margin-bottom: 45px;
padding-left: 45px;
}
footer .widget_about .contact-info li:before {
-webkit-transform: translateY(-8.5px);
-ms-transform: translateY(-8.5px);
transform: translateY(-8.5px);
font-family: icomoon;
position: absolute;
line-height: 1em;
font-weight: 500;
font-size: 28px;
color: #fff;
left: 0;
top: 0;
}
footer .widget_about .contact-info li.mail:before {
content: "";
}
footer .widget_about .contact-info li.phone:before {
content: "";
}
footer .widget_popular_posts .popular-posts {
line-height: 1em;
}
footer .widget_popular_posts .popular-posts .popular-post {
display: block;
margin-bottom: 20px;
}
footer .widget_popular_posts .popular-posts .popular-post:last-of-type {
margin: 0;
}
footer .widget_popular_posts .popular-posts .popular-post .post-title {
letter-spacing: 0.1em;
line-height: 1.25em;
margin: 0 0 7.5px;
font-weight: 500;
font-size: 14px;
color: #fff;
}
footer .widget_popular_posts .popular-posts .popular-post .post-meta {
text-transform: uppercase;
font-weight: 700;
line-height: 1em;
color: #656771;
}
footer .widget_popular_posts .popular-posts .popular-post .post-meta li {
display: inline-block;
letter-spacing: 0.2em;
line-height: 1em;
font-size: 10px;
}
footer .widget_popular_posts .popular-posts .popular-post .post-meta li:not(:first-of-type):before {
display: inline-block;
vertical-align: top;
background: #656771;
border-radius: 50%;
position: relative;
margin: 0 8.5px;
content: "";
height: 5px;
width: 5px;
top: 2px;
}
footer .widget_subscribe {
padding-bottom: 37.5px;
border-bottom: 1px solid #2b2d37;
}
footer .widget_subscribe .subscribe-form {
position: relative;
width: 100%;
}
@media (max-width: 992px) {
footer .widget_subscribe .subscribe-form {
max-width: 90%;
}
}
footer .widget_subscribe .subscribe-form .form-input {
color: #e6e6e8;
letter-spacing: 0.06em;
background: #2b2d37;
line-height: 60px;
font-size: 13px;
display: block;
padding-left: 30px;
padding-right: 135px;
height: 60px;
width: 100%;
}
footer .widget_subscribe .subscribe-form .form-input::-webkit-input-placeholder {
color: #62636d;
}
footer .widget_subscribe .subscribe-form .form-input:-moz-placeholder {
color: #62636d;
}
footer .widget_subscribe .subscribe-form .form-input.placeholder {
color: #62636d;
}
footer .widget_subscribe .subscribe-form .form-submit {
left: calc(100% - 112px);
background: #24262f;
position: absolute;
padding-left: 20px;
padding-bottom: 0;
height: 56px;
top: 2px;
}
footer .widget_subscribe .subscribe-form .form-submit:before {
top: calc(50% - 6px);
}
footer .widget_subscribe .subscribe-form .form-submit:after {
display: none;
}
footer .widget_subscribe .subscribe-form .form-submit:hover {
padding-left: 40px;
}
footer .widget_subscribe .subscribe-form .form-submit:hover:before {
-webkit-transform: translateX(83.5%);
-ms-transform: translateX(83.5%);
transform: translateX(83.5%);
}
footer .widget_subscribe .subscribe-form .result_container {
position: absolute;
top: calc(100% + 6px);
padding-left: 7.5px;
font-size: 13px;
color: #ffffff;
opacity: 0;
}
footer .widget_subscribe .subscribe-form .result_container.animation_done {
opacity: 1;
}
footer .widget_subscribe .subscribe-form .result_container:before {
content: "";
position: relative;
display: inline-block;
background: #ffffff;
border-radius: 50%;
margin-left: 5px;
height: 3px;
width: 3px;
bottom: 3px;
left: -7.5px;
}
footer .widget_links.inline ul {
width: 100%;
display: flex;
justify-content: space-around;
}
footer .widget_links.inline ul li {
display: inline-block;
margin: 0;
}
footer .widget_tag_cloud .tagcloud {
line-height: 1em;
display: block;
font-size: 0;
}
footer .widget_tag_cloud .tagcloud a {
font-size: 13px !important;
border: 1px dashed #cfcfcf;
display: inline-block;
margin: 0 10px 10px 0;
padding: 7.5px 10px;
line-height: 1em;
color: #cfcfcf;
}
footer .widget_tag_cloud .tagcloud a:hover {
border: 1px solid #2e3b5a;
background: #2e3b5a;
color: #fff;
}
@media (max-width: 1200px) {
footer.custom-footer .widget {
padding: 0;
text-align: center;
}
} .section {
margin: 0 0 90px;
}
.section-title {
margin-bottom: 40px;
}
.section-title h2 {
text-transform: uppercase;
letter-spacing: 0.26em;
color: #616373;
font-weight: 500;
line-height: 1em;
margin: 0;
}
.section-title h2 span {
font-family: "Satisfy", cursive;
text-transform: none;
letter-spacing: 0em;
margin: 15px 0 0;
line-height: 1em;
font-size: 28px;
display: block;
}
.section-title h2:after {
border-bottom: 1px dashed;
margin: 35px auto 0;
display: block;
width: 85px;
content: "";
}
.section-title.white h2 {
color: #ffffff;
}
.section-title.white h2 span {
color: #ffffff;
}
.section-title.white h2:after {
border-bottom: 1px dashed #ffffff;
}
.uppercase {
text-transform: uppercase;
}
.no-top {
margin-top: 0 !important;
}
.small-title {
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 0 0 35px;
font-weight: 700;
line-height: 1em;
font-size: 13px;
color: #757678;
} .intro-box {
position: relative;
line-height: 1em;
display: block;
}
.intro-box .intro-box-inner {
position: relative;
display: block;
height: 465px;
z-index: 2;
}
.intro-box .intro-box-inner .box-content {
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.intro-box .intro-box-inner .box-content .page-title {
text-transform: uppercase;
letter-spacing: 0.26em;
margin: 0 0 25px;
line-height: 1em;
font-weight: 500;
font-size: 35px;
color: #fff;
}
@media (max-width: 768px) {
.intro-box .intro-box-inner .box-content .page-title {
margin: 0 0 15px;
font-size: 26px;
}
}
.intro-box .intro-box-inner .box-content .breadcrumb {
line-height: 1em;
font-size: 0;
}
.intro-box .intro-box-inner .box-content .breadcrumb li {
display: inline-block;
font-weight: 500;
line-height: 1em;
font-size: 13px;
color: #fff;
}
.intro-box .intro-box-inner .box-content .breadcrumb li:after {
display: inline-block;
margin: 0 5px;
content: "/";
}
.intro-box .intro-box-inner .box-content .breadcrumb li:last-of-type:after {
display: none;
}
.intro-box.no-image-post {
background: #616373;
}
.intro-box.single-post .box-content .page-title {
letter-spacing: 0.04em;
text-transform: none;
}
.intro-box.style-2 .intro-box-inner {
height: 330px;
}
.intro-box.style-2 .intro-box-inner .box-content {
padding: 0 120px 60px;
position: absolute;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
top: auto;
bottom: 0;
right: 0;
left: 0;
}
.intro-box.style-2 .intro-box-inner .box-content .project-info,
.intro-box.style-2 .intro-box-inner .box-content .breadcrumb {
display: inline-block;
}
.intro-box.style-2 .intro-box-inner .box-content .breadcrumb {
position: relative;
float: right;
top: 25px;
}
.intro-box.style-2 .intro-box-inner .box-content .project-info .project-title {
letter-spacing: 0.04em;
line-height: 1em;
margin: 0 0 10px;
font-weight: 500;
font-size: 30px;
color: #fff;
}
.intro-box.style-2 .intro-box-inner .box-content .project-info .project-title b {
font-weight: 700;
}
.intro-box.style-2 .intro-box-inner .box-content .project-info .project-meta {
letter-spacing: 0.1em;
font-size: 13px;
color: #7f818c;
margin: 0;
}
@media (max-width: 992px) {
.intro-box.style-2 .intro-box-inner .box-content {
padding: 0 45px 30px;
}
}
@media (max-width: 768px) {
.intro-box.style-2 .intro-box-inner .box-content {
text-align: center;
}
.intro-box.style-2 .intro-box-inner .box-content .breadcrumb {
display: block;
float: none;
top: 0;
}
.intro-box.style-2 .intro-box-inner .box-content .project-info {
margin: 0 0 35px;
}
}
.intro-box.style-2 .rounded-border-bottom {
display: none;
}
.intro-box.no-portfolio-bg .intro-box-inner {
background: #616373;
}
.intro-box.single-post .rounded-border-bottom, .intro-box.single-page .rounded-border-bottom {
color: #f4f4f4;
}
.intro-box.full-page-intro .full-page-intro-content {
position: relative;
display: block;
width: 100%;
z-index: 2;
overflow: hidden;
height: calc(100vh - 40px);
}
.intro-box.full-page-intro .full-page-intro-content .inner-content {
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 15px;
width: 100%;
z-index: 2;
top: 50%;
}
.intro-box.full-page-intro .full-page-intro-content .inner-content img {
margin-bottom: 32.5px;
}
.intro-box.full-page-intro .full-page-intro-content .inner-content h1 {
text-transform: uppercase;
letter-spacing: 0.26em;
line-height: 1em;
font-weight: 500;
font-size: 40px;
color: #fff;
margin-bottom: 27.5px;
}
@media (max-width: 768px) {
.intro-box.full-page-intro .full-page-intro-content .inner-content h1 {
margin-bottom: 12.5px;
font-size: 24px;
}
}
@media (max-width: 450px) {
.intro-box.full-page-intro .full-page-intro-content .inner-content h1 {
font-size: 17px;
margin-bottom: 7.5px;
}
}
.intro-box.full-page-intro .full-page-intro-content .inner-content p {
font-family: "Satisfy", cursive;
line-height: 1em;
font-size: 28px;
color: #fff;
margin-bottom: 27.5px;
}
@media (max-width: 768px) {
.intro-box.full-page-intro .full-page-intro-content .inner-content p {
margin-bottom: 12.5px;
font-size: 15px;
}
}
@media (max-width: 450px) {
.intro-box.full-page-intro .full-page-intro-content .inner-content p {
margin-bottom: 7.5px;
font-size: 12px;
}
}
.intro-box.full-page-intro .full-page-intro-content .inner-content .btn {
color: #fff;
}
@media (max-width: 768px) {
.intro-box.full-page-intro .full-page-intro-content .inner-content img {
max-width: 195px;
}
}
@media (max-width: 450px) {
.intro-box.full-page-intro .full-page-intro-content .inner-content img {
max-width: 110px;
}
}
.intro-box .video-container {
pointer-events: none;
position: absolute;
overflow: hidden;
display: block;
height: 100vh;
width: 100%;
left: 0;
top: 0;
}
.intro-box .video-container:before {
pointer-events: none;
background: #3d352c;
position: absolute;
opacity: 0.25;
content: "";
z-index: 3;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.intro-box .video-container video {
position: absolute;
min-height: 100vh;
min-width: 100%;
bottom: 0;
right: 0;
}
.forcefullwidth_wrapper_tp_banner {
overflow: hidden;
}
.forcefullwidth_wrapper_tp_banner + .scroll-btn {
bottom: 80px;
}
.forcefullwidth_wrapper_tp_banner + .scroll-btn + .rounded-border-bottom {
bottom: 60px;
}
.forcefullwidth_wrapper_tp_banner + .scroll-btn + .rounded-border-bottom + .after-rounded-bottom {
background: #ffffff;
position: absolute;
display: block;
height: 60px;
width: 100%;
bottom: 0;
left: 0;
} .rounded-border-bottom {
position: absolute;
overflow: hidden;
color: #fff;
height: 33px;
z-index: 2;
bottom: 0;
right: 0;
left: 0;
}
.rounded-border-bottom:before, .rounded-border-bottom:after {
content: "";
position: absolute;
bottom: -1px;
height: 32px;
background: currentColor;
width: 50%;
}
.rounded-border-bottom:before {
left: -36px;
border-radius: 0 15px 0 0;
-webkit-transform: skew(44deg);
-ms-transform: skew(44deg);
transform: skew(44deg);
}
.rounded-border-bottom:after {
right: -36px;
border-radius: 15px 0 0 0;
-webkit-transform: skew(-44deg);
-ms-transform: skew(-44deg);
transform: skew(-44deg);
}
.rounded-border-bottom span {
position: absolute;
width: 72px;
height: 40px;
box-shadow: 0 6px currentColor;
border-radius: 0 0 50% 50%;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
clip: rect(28px, 70px, 40px, 0);
} .scroll-btn {
-webkit-animation: scrollBounce 850ms alternate infinite;
-moz-animation: scrollBounce 850ms alternate infinite;
-ms-animation: scrollBounce 850ms alternate infinite;
-o-animation: scrollBounce 850ms alternate infinite;
animation: scrollBounce 850ms alternate infinite;
display: inline-block;
position: absolute;
line-height: 1em;
margin-left: -9px;
bottom: 20px;
z-index: 4;
left: 50%;
}
.scroll-btn .icon {
display: inline-block;
border: 2px solid #fff;
position: relative;
border-radius: 15px;
line-height: 1em;
height: 32px;
width: 18px;
}
.scroll-btn .icon:before {
display: inline-block;
content: "";
position: absolute;
top: 6px;
left: 50%;
height: 3px;
width: 3px;
background: #fff;
border-radius: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.scroll-btn:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
@-webkit-keyframes scrollBounce {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-12.5px);
transform: translateY(-12.5px);
}
}
@keyframes scrollBounce {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-12.5px);
transform: translateY(-12.5px);
}
} .section-team {
background: #f4f4f4;
padding: 90px 0;
} .team-member-box {
overflow: hidden;
}
.team-member-box .box-cover {
position: relative;
line-height: 1em;
}
.team-member-box .box-cover .member-info-box {
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: perspective(1000px) rotateX(45deg) translateY(22.5%);
-ms-transform: perspective(1000px) rotateX(45deg) translateY(22.5%);
transform: perspective(1000px) rotateX(45deg) translateY(22.5%);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
visibility: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.6);
padding: 40px 30px 15px;
position: absolute;
right: 14%;
bottom: 15%;
left: 14%;
top: 15%;
}
.team-member-box .box-cover .member-info-box p {
-webkit-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 315ms;
-moz-transition-delay: 315ms;
transition-delay: 315ms;
letter-spacing: 0.08em;
-webkit-transform: translateY(-17.5%);
-ms-transform: translateY(-17.5%);
transform: translateY(-17.5%);
position: relative;
line-height: 1.6em;
max-height: 120px;
overflow: hidden;
font-size: 11px;
display: block;
color: #fefefe;
opacity: 0;
margin: 0;
}
@media (max-width: 1450px) {
.team-member-box .box-cover .member-info-box p {
max-height: 100px;
}
}
.team-member-box .box-cover .member-info-box .social-block {
padding-top: 17px;
position: absolute;
line-height: 1em;
font-size: 0;
bottom: 20px;
right: 60px;
left: 60px;
}
.team-member-box .box-cover .member-info-box .social-block:before {
-webkit-transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 780ms;
-moz-transition-delay: 780ms;
transition-delay: 780ms;
opacity: 0.5;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
border-top: 1px solid #9e8774;
position: absolute;
content: "";
width: 100%;
left: 0;
top: 0;
}
.team-member-box .box-cover .member-info-box .social-block li {
-webkit-transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 670ms;
-moz-transition-delay: 670ms;
transition-delay: 670ms;
opacity: 0;
display: inline-block;
margin-right: 30px;
}
.team-member-box .box-cover .member-info-box .social-block li:last-of-type {
margin: 0;
}
.team-member-box .box-cover .member-info-box .social-block li i {
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
line-height: 1em;
font-size: 16px;
color: #fff;
}
.team-member-box .box-cover .member-info-box .social-block li i:hover.icon-facebook {
color: #3b5998;
}
.team-member-box .box-cover .member-info-box .social-block li i:hover.icon-twitter {
color: #00aced;
}
.team-member-box .box-cover .member-info-box .social-block li i:hover.icon-google-plus {
color: #dd4b39;
}
.team-member-box .box-cover .member-info-box .social-block li i:hover.icon-dribbble {
color: #ea4c89;
}
.team-member-box .box-cover .member-info-box .social-block li i:hover.icon-pinterest {
color: #cb2027;
}
.team-member-box .box-cover .member-info-box .social-block li i:hover.icon-vk {
color: #45668e;
}
.team-member-box .box-cover .member-info-box .social-block li i:hover.icon-instagram {
color: #125688;
}
.team-member-box .box-cover .member-info-box .social-block li i:hover.icon-linkedin {
color: #007bb5;
}
@media (max-width: 1300px) {
.team-member-box .box-cover .member-info-box {
bottom: 10%;
right: 9%;
left: 9%;
top: 10%;
}
}
@media (max-width: 450px) {
.team-member-box .box-cover .member-info-box {
padding: 25px 17.5px 10px;
}
.team-member-box .box-cover .member-info-box p {
max-height: 85px;
}
.team-member-box .box-cover .member-info-box .social-block {
right: 17.5px;
left: 17.5px;
}
}
.team-member-box .box-cover img {
width: 100%;
}
.team-member-box .box-cover:hover .member-info-box {
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: rotateX(0) translateY(0);
-ms-transform: rotateX(0) translateY(0);
transform: rotateX(0) translateY(0);
visibility: visible;
opacity: 1;
}
.team-member-box .box-cover:hover .member-info-box .social-block:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.team-member-box .box-cover:hover .member-info-box .social-block li {
opacity: 1;
}
.team-member-box .box-cover:hover .member-info-box p {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.team-member-box .box-body {
padding: 25px 0 0;
}
.team-member-box .box-body .name {
letter-spacing: 0.04em;
font-weight: 500;
line-height: 1em;
margin: 0 0 5px;
font-size: 20px;
color: #312d2a;
}
.team-member-box .box-body .position {
letter-spacing: 0.04em;
line-height: 1em;
color: #a1a1a1;
} .section-portfolio {
margin: 0 -30px 0;
}
@media (max-width: 450px) {
.section-portfolio {
margin: 0 -15px 0;
}
}
.section-portfolio-extended {
position: relative;
background: #fff;
padding-top: 115px;
}
.section-portfolio-extended.less-padding {
padding-top: 45px;
}
.portfolio-filters {
text-align: center;
margin: 0 0 40px;
}
.portfolio-filters ul {
display: inline-block;
line-height: 1em;
font-size: 0;
}
.portfolio-filters ul li {
text-transform: uppercase;
display: inline-block;
margin: 0 35px 25px 0;
line-height: 1em;
font-weight: 700;
font-size: 13px;
color: #616373;
}
.portfolio-filters ul li a {
position: relative;
}
.portfolio-filters ul li a:hover, .portfolio-filters ul li a.current {
color: #3e3f4a;
}
.portfolio-filters ul li a:hover:after, .portfolio-filters ul li a.current:after {
opacity: 1;
}
.portfolio-filters ul li a:after {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
background: #c1ad96;
position: absolute;
bottom: -10px;
content: "";
width: 100%;
height: 2px;
opacity: 0;
left: 0;
}
.portfolio-filters ul li:last-of-type {
margin: 0;
} .portfolio-item {
position: relative;
line-height: 1em;
font-size: 0;
}
.portfolio-item .hover-effect {
-webkit-transition: all 290ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 290ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 290ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 2;
bottom: 8%;
right: 11.5%;
left: 11.5%;
top: 8%;
}
.portfolio-item .hover-effect:before, .portfolio-item .hover-effect:after {
-webkit-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
transition-delay: 150ms;
border-top: 1px solid rgba(255, 255, 255, 0.5);
position: absolute;
content: "";
width: 78%;
}
.portfolio-item .hover-effect:before {
top: 0;
left: 11%;
}
.portfolio-item .hover-effect:after {
right: 11%;
bottom: 0;
}
.portfolio-item .hover-effect .effect-inner {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.portfolio-item .hover-effect .effect-inner a {
-webkit-transition: all 375ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 375ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 375ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
display: inline-block;
position: absolute;
height: 105px;
width: 105px;
opacity: 0;
left: 50%;
top: 50%;
}
.portfolio-item .hover-effect .effect-inner a:before {
-webkit-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
position: absolute;
content: "";
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.portfolio-item .hover-effect .effect-inner a .icon {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
position: absolute;
border-radius: 100%;
background: #fff;
height: 4px;
width: 4px;
left: 50%;
top: 50%;
margin: 0 !important;
line-height: 1em !important;
}
.portfolio-item .hover-effect .effect-inner a .icon:before, .portfolio-item .hover-effect .effect-inner a .icon:after {
display: inline-block;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
position: absolute;
border-radius: 50%;
background: #fff;
height: 100%;
width: 100%;
content: "";
left: 0;
top: 0;
}
.portfolio-item .hover-effect .effect-inner a .icon:before {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.portfolio-item .hover-effect .effect-inner a .icon:after {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
.portfolio-item .hover-effect .effect-inner a .project-link {
-webkit-transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.3em;
position: absolute;
font-weight: 700;
font-size: 11px;
color: #fff;
left: 50%;
top: 50%;
opacity: 0;
}
.portfolio-item .hover-effect .effect-inner a:hover:before {
-webkit-transform: scale(0.715);
-ms-transform: scale(0.715);
transform: scale(0.715);
}
.portfolio-item .hover-effect .effect-inner a:hover .icon {
opacity: 0;
}
.portfolio-item .hover-effect .effect-inner a:hover .project-link {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
@media (max-width: 768px) {
.portfolio-item .hover-effect .effect-inner a:hover:not(:active) {
pointer-events: none;
}
}
.portfolio-item .hover-effect .effect-inner a:active {
pointer-events: all;
}
.portfolio-item .hover-effect .effect-inner:before, .portfolio-item .hover-effect .effect-inner:after {
-webkit-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
transition-delay: 150ms;
border-left: 1px solid rgba(255, 255, 255, 0.5);
position: absolute;
content: "";
height: 78%;
}
.portfolio-item .hover-effect .effect-inner:before {
top: 11%;
left: 0;
}
.portfolio-item .hover-effect .effect-inner:after {
right: 0;
bottom: 11%;
}
.portfolio-item:hover .hover-effect {
visibility: visible;
opacity: 1;
}
.portfolio-item:hover .hover-effect:before {
left: 0;
}
.portfolio-item:hover .hover-effect:after {
right: 0;
}
.portfolio-item:hover .hover-effect .effect-inner:before {
top: 0;
}
.portfolio-item:hover .hover-effect .effect-inner:after {
bottom: 0;
}
.portfolio-item:hover .hover-effect .effect-inner a {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.portfolio-item a {
display: inline-block;
}
.portfolio-item img {
width: 100%;
} .portfolio-box {
margin: 0 0 30px;
overflow: hidden;
}
.portfolio-box .box-cover {
position: relative;
line-height: 1em;
font-size: 0;
}
.portfolio-box .box-cover:before {
-webkit-transition: all 345ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 345ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 345ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(64, 65, 76, 0.7);
pointer-events: none;
position: absolute;
opacity: 0;
content: "";
z-index: 1;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.portfolio-box .box-cover .box-info {
pointer-events: none;
text-align: center;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
font-size: 0;
width: 100%;
z-index: 2;
top: 50%;
left: 0;
}
.portfolio-box .box-cover .box-info .portfolio-item-title {
-webkit-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
text-transform: uppercase;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
letter-spacing: 0.3em;
line-height: 1em;
font-weight: 700;
font-size: 16px;
color: #fefefe;
opacity: 0;
margin-bottom: 12.5px;
}
.portfolio-box .box-cover .box-info .portfolio-item-categories {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 445ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 445ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 445ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
font-style: italic;
line-height: 1em;
font-size: 0;
opacity: 0;
color: #fefefe;
}
.portfolio-box .box-cover .box-info .portfolio-item-categories li {
display: inline-block;
line-height: 1em;
font-size: 14px;
}
.portfolio-box .box-cover .box-info .portfolio-item-categories li:after {
display: inline-block;
margin: 0 5px;
content: "/";
}
.portfolio-box .box-cover .box-info .portfolio-item-categories li:last-of-type:after {
display: none;
}
.portfolio-box .box-cover img {
-webkit-transition: all 465ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 465ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 465ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
display: block;
-webkit-transform: scale(1.075);
-ms-transform: scale(1.075);
transform: scale(1.075);
width: 100%;
}
.portfolio-box .box-cover:hover:before {
opacity: 1;
}
.portfolio-box .box-cover:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolio-box .box-cover:hover .box-info .portfolio-item-title,
.portfolio-box .box-cover:hover .box-info .portfolio-item-categories {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.portfolio-box .box-cover:hover .box-info .portfolio-item-categories {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
transition-delay: 200ms;
}
.row-fit .portfolio-box {
margin: 0 !important;
} .single-project-view {
padding: 100px 0 0;
margin: 0 0 25px;
background: #fff;
}
.single-project-view .project-cover {
margin: 0 0 30px;
}
.single-project-view .project-cover img {
width: 100%;
}
.single-project-view .project-body {
margin: 0 0 45px;
}
.single-project-view .project-footer {
border-top: 1px solid #f1f1f1;
position: relative;
padding: 25px 0 5px;
}
.single-project-view .project-footer .share-block-wrapper {
-webkit-transform: translate(-50%, calc(-50% + 6px));
-ms-transform: translate(-50%, calc(-50% + 6px));
transform: translate(-50%, calc(-50% + 6px));
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
}
.single-project-view .project-footer .nav-item {
line-height: 1em;
}
.single-project-view .project-footer .nav-item a {
display: inline-block;
letter-spacing: 0.04em;
line-height: 1em;
font-size: 15px;
color: #b4b4b4;
}
.single-project-view .project-footer .nav-item a span {
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 0 0 8.5px;
line-height: 1em;
font-weight: 700;
font-size: 13px;
color: #757678;
display: block;
}
.single-project-view .project-footer .nav-item.next {
text-align: right;
}
@media (max-width: 768px) {
.single-project-view .project-footer .share-block-wrapper {
position: relative;
margin: 0 0 25px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
display: block;
left: 0;
top: 0;
}
} .section-testimonials {
background: #f4f4f4;
padding: 90px 0;
margin: 0;
}
.testimonials-slider .slick-dots {
text-align: center;
margin: 35px 0 0;
line-height: 1em;
font-size: 0;
padding: 0;
}
.testimonials-slider .slick-dots li {
display: inline-block;
margin-right: 20px;
}
.testimonials-slider .slick-dots li:last-of-type {
margin: 0;
}
.testimonials-slider .slick-dots li button {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
border: 1px dashed #c2c2c2;
display: inline-block;
position: relative;
background: 0;
height: 10px;
width: 10px;
}
.testimonials-slider .slick-dots li button:after {
display: inline-block;
background: #c9b998;
position: absolute;
opacity: 0;
content: "";
height: 4px;
width: 4px;
left: 2px;
top: 2px;
}
.testimonials-slider .slick-dots li.slick-active button:after {
opacity: 1;
}
.testimonials-box {
text-align: center;
}
.testimonials-box .message {
font-style: italic;
letter-spacing: 0.05em;
line-height: 1.85em;
margin: 0 0 20px;
font-size: 14px;
color: #6b6b6b;
}
.testimonials-box .testimonial-client .name {
letter-spacing: 0.08em;
font-style: italic;
margin: 0 0 4.5px;
line-height: 1em;
font-weight: 500;
font-size: 20px;
color: #c9b998;
}
.testimonials-box .testimonial-client .job {
letter-spacing: 0.08em;
line-height: 1em;
font-size: 12px;
color: #c9c9c9;
margin: 0;
}
.testimonials-box.v2 {
padding-top: 25px;
}
.testimonials-box.v2 .testimonial-source {
line-height: 1em;
display: block;
margin-bottom: 27.5px;
}
.testimonials-box.v2 .testimonial-source i {
-webkit-transition: all 345ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 345ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 345ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 650ms;
-moz-transition-delay: 650ms;
transition-delay: 650ms;
line-height: 1em;
-webkit-transform: translateY(-45%);
-ms-transform: translateY(-45%);
transform: translateY(-45%);
font-size: 50px;
color: #616373;
opacity: 0;
}
.testimonials-box.v2 .message {
letter-spacing: 0.08em;
font-style: italic;
font-size: 18px;
color: #6b6b6b;
}
.testimonials-box.v2 .message a {
color: #c1ad96;
}
.testimonials-box.v2 .testimonial-date {
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 700;
font-size: 11px;
color: #c9b998;
}
.testimonials-slider .slide.slick-current .testimonials-box.v2 .testimonial-source i {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
} .section-blog {
padding: 65px 0 55px;
overflow: hidden;
}
.section-blog .section-title h2 {
color: #fff;
}
.section-blog .section-title h2:after {
border-color: #fff;
}
.section-blog .blog-list {
margin: 0 -15px;
}
@media (min-width: 1200px) {
.section-blog .blog-list {
margin: 0 -30px;
}
}
@media (max-width: 768px) {
.section-blog {
padding-top: 40px;
}
} .blog-post-preview {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
position: relative;
background: #fff;
margin: 0 0 30px;
}
.blog-post-preview:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.65);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.65);
-webkit-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
transform: translate(0, -2px);
}
.blog-post-preview .post-cover {
position: relative;
line-height: 1em;
font-size: 0;
}
.blog-post-preview .post-cover img {
display: block;
height: auto;
width: 100%;
}
.blog-post-preview .post-cover .post-meta {
display: flex;
justify-content: space-between;
text-transform: uppercase;
letter-spacing: 0.2em;
position: absolute;
line-height: 1em;
font-size: 10px;
right: 37.5px;
left: 37.5px;
top: 27.5px;
color: #fff;
}
.blog-post-preview .post-cover .post-body {
position: absolute;
bottom: 10px;
right: 0;
left: 0;
}
.blog-post-preview .post-cover .post-body .post-title,
.blog-post-preview .post-cover .post-body .post-excerpt,
.blog-post-preview .post-cover .post-body .template-btn-1 {
color: #fff;
}
.blog-post-preview .post-cover .post-body .post-title {
font-size: 22px;
}
.blog-post-preview .post-body {
padding: 25px 30px 42.5px;
}
.blog-post-preview .post-body .post-title {
letter-spacing: 0.1em;
line-height: 1.5em;
margin: 0 0 20px;
font-weight: 500;
font-size: 18px;
}
.blog-post-preview .post-body .post-excerpt {
letter-spacing: 0.1em;
line-height: 1.5em;
margin: 0 0 30px;
font-size: 13px;
color: #9b9ca2;
}
.blog-post-preview.featured .post-cover {
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.blog-post-preview.featured .post-cover img {
height: 100%;
object-fit: cover;
}
@media (max-width: 992px) {
.blog-post-preview.featured .post-cover .post-meta {
padding: 35px 35px 0;
position: relative;
z-index: 2;
right: 0;
left: 0;
top: 0;
}
.blog-post-preview.featured .post-cover .post-body {
position: relative;
z-index: 2;
}
.blog-post-preview.featured .post-cover img {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
} .blog-post {
margin: 0 0 60px;
}
.blog-post .blog-post-cover {
line-height: 1em;
font-size: 0;
}
.blog-post .blog-post-cover img {
width: 100%;
}
.blog-post .blog-post-cover .tt-slider {
position: relative;
}
.blog-post .blog-post-cover .tt-slider .slick-arrow {
text-transform: uppercase;
letter-spacing: 0.3em;
position: absolute;
font-weight: 500;
line-height: 1em;
font-size: 10px;
background: 0;
color: #fff;
z-index: 2;
top: 35px;
}
.blog-post .blog-post-cover .tt-slider .slick-arrow.slick-prev {
left: 50px;
}
.blog-post .blog-post-cover .tt-slider .slick-arrow.slick-next {
right: 50px;
}
.blog-post .blog-post-body {
padding: 30px 10px 15px;
width: calc(100% - 17%);
margin: -85px auto 0;
text-align: center;
position: relative;
background: #fff;
display: block;
z-index: 1;
}
.blog-post.sticky .blog-post-body:before {
position: absolute;
content: "\e02d";
font-family: Icomoon;
font-size: 50px;
top: 0;
opacity: 0.7;
left: 0;
}
.blog-post .blog-post-body .post-meta {
line-height: 1em;
margin: 0 0 15px;
font-size: 0;
}
.blog-post .blog-post-body .post-meta li {
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
margin: 0 75px 0 0;
line-height: 1em;
font-size: 10px;
color: #a1a1a1;
}
.blog-post .blog-post-body .post-meta li:last-of-type {
margin: 0;
}
.blog-post .blog-post-body .post-title {
text-transform: uppercase;
-ms-word-wrap: break-word;
word-wrap: break-word;
letter-spacing: 0.2em;
margin: 0 0 22.5px;
font-size: 14px;
color: #5b5b60;
}
.blog-post .blog-post-body .post-title:after {
border-bottom: 1px dashed #5b5b60;
margin: 16px auto 0;
display: block;
content: "";
width: 80px;
}
.blog-post .blog-post-body .post-excerpt {
letter-spacing: 0.1em;
line-height: 1.6em;
margin: 0 0 20px;
font-size: 13px;
color: #a1a1a1;
}
.blog-post.no-image-post .blog-post-cover {
background: #f4f4f4;
min-height: 170px;
}
.blog-post.video-post .blog-post-cover {
position: relative;
}
.blog-post.video-post .blog-post-cover .play-btn-toggle {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
top: calc(50% - 35px);
position: absolute;
cursor: pointer;
left: 50%;
}
.blog-post.video-post .blog-post-cover .play-btn-toggle i {
-webkit-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
border: 1px dashed #fff;
vertical-align: middle;
display: inline-block;
letter-spacing: 0em;
text-align: center;
line-height: 58px;
font-size: 22px;
height: 60px;
width: 60px;
color: #fff;
}
.blog-post.video-post .blog-post-cover .play-btn-toggle i:hover {
border: 1px solid #2e3b5a;
background: #2e3b5a;
}
@media (max-width: 560px) {
.blog-post .blog-post-cover .tt-slider .slick-arrow {
top: 20px;
}
.blog-post .blog-post-cover .tt-slider .slick-arrow.slick-next {
right: 25px;
}
.blog-post .blog-post-cover .tt-slider .slick-arrow.slick-prev {
left: 25px;
}
.blog-post .blog-post-body {
width: 100%;
padding-bottom: 20px;
padding-right: 15px;
padding-left: 15px;
margin-top: 0;
background: #f4f4f4;
}
.blog-post .blog-post-body .post-meta {
text-align: left;
}
.blog-post .blog-post-body .post-meta li {
margin: 0 10px 10px !important;
display: block;
}
.blog-post.no-image-post .blog-post-cover {
display: none;
}
.blog-post.video-post .blog-post-cover .play-btn-toggle {
top: 50%;
}
} .single-post-page-heading {
padding: 0 50px 25px;
background: #f4f4f4;
display: block;
}
.single-post-page-heading .post-meta {
line-height: 1em;
font-size: 0;
}
.single-post-page-heading .post-meta li {
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
margin: 0 50px 0 0;
font-weight: 500;
line-height: 1em;
font-size: 10px;
color: #a1a1a1;
}
@media(max-width: 1300px) {
.single-post-page-heading .post-meta li {
margin: 0 20px 0 0;
}
}
@media(max-width: 1250px) {
.single-post-page-heading {
padding: 18px 50px 25px;
}
}
.single-post-page-heading .post-meta li a:hover {
color: #353744;
}
.single-post-page-heading .post-meta li .post-categories {
margin: 0;
padding:0;
}
.single-post-page-heading .post-meta li .post-categories li {
margin-right: 10px;
}
.single-post-page-heading .post-meta li:last-of-type {
margin: 0;
}
@media (max-width: 768px) {
.single-post-page-heading {
padding: 25px 30px 30px;
}
.single-post-page-heading .post-meta li {
display: block;
margin: 0 0 15px;
}
.single-post-page-heading .post-meta li:last-of-type {
margin: 0;
}
}
.single-post-content:before {
border-top: 1px dashed #626474;
margin: 0 auto 30px;
display: block;
content: "";
width: 80px;
}
.single-post-content img {
margin-top: 7.5px;
}
.single-post-content img:not(.alignright):not(.alignleft) {
display: block;
margin-bottom: 25px;
}
.single-post-content .post-navigation p {
font-weight: 700;
font-size: 15px;
color: #353744;
}
.single-post-content .post-navigation p a:hover {
color: #d0b787;
}
.single-post-content form input {
color: #9a9a9a;
border: 1px solid #e8e8e8;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
font-size: 13px;
padding: 0 20px;
height: 48px;
margin: 0 7.5px;
}
.single-post-content form input::-webkit-input-placeholder {
color: #cdcdcd;
}
.single-post-content form input:-moz-placeholder {
color: #cdcdcd;
}
.single-post-content form input.placeholder {
color: #cdcdcd;
}
.single-post-content form input:focus {
border-color: #c2c2c2;
}
.single-post-content form input {
outline: none !important;
}
.single-post-content form input[type="submit"] {
border-color: #353744;
background: #353744;
color: #ffffff;
}
.single-post-content form input[type="submit"]:hover {
border-color: #d0b787;
background: #d0b787;
}
.blog-post-footer {
border-top: 1px solid #e7e7e7;
padding: 25px 0;
}
.blog-post-footer .post_tagcloud {
position: relative;
line-height: 1em;
font-size: 0;
top: 5px;
}
.blog-post-footer .post_tagcloud a {
font-size: 13px !important;
border: 1px dashed #cfcfcf;
display: inline-block;
margin: 0 10px 10px 0;
padding: 7.5px 10px;
line-height: 1em;
color: #757678;
}
.blog-post-footer .post_tagcloud a:hover {
border: 1px solid #2e3b5a;
background: #2e3b5a;
color: #fff;
}
@media (max-width: 768px) {
.blog-post-footer {
text-align: center;
}
.blog-post-footer .post_tagcloud {
margin-top: 15px;
}
} .section-shop {
overflow: hidden;
padding-top: 100px;
padding-bottom: 50px;
}
@media (min-width: 1200px) {
.section-shop .shop-products-list {
margin: 0 -30px;
}
} .shop-product {
margin-bottom: 45px !important;
}
.shop-product .product-cover {
position: relative;
line-height: 1em;
overflow: hidden;
font-size: 0;
}
.shop-product .product-cover img {
width: 100%;
}
.shop-product .product-cover .product-cover-slider {
position: relative;
}
.shop-product .product-cover .product-cover-slider .slick-arrow {
-webkit-transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
position: absolute;
line-height: 1em;
background: 0;
font-size: 0;
opacity: 0;
z-index: 2;
top: 50%;
}
.shop-product .product-cover .product-cover-slider .slick-arrow:after {
-webkit-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(255, 255, 255, 0.5);
color: rgba(46, 46, 46, 0.875);
vertical-align: middle;
display: inline-block;
font-family: icomoon;
text-align: center;
line-height: 95px;
font-size: 30px;
height: 95px;
width: 45px;
}
.shop-product .product-cover .product-cover-slider .slick-arrow:hover:after {
background: rgba(255, 255, 255, 0.75);
width: 65px;
}
.shop-product .product-cover .product-cover-slider .slick-arrow.slick-prev {
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
left: 0;
}
.shop-product .product-cover .product-cover-slider .slick-arrow.slick-prev:after {
content: "";
}
.shop-product .product-cover .product-cover-slider .slick-arrow.slick-next {
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
right: 0;
}
.shop-product .product-cover .product-cover-slider .slick-arrow.slick-next:after {
content: "";
}
.shop-product .product-cover .product-cover-slider:hover .slick-arrow {
-webkit-transform: translate(0, -50%) !important;
-ms-transform: translate(0, -50%) !important;
transform: translate(0, -50%) !important;
opacity: 1;
}
.shop-product .product-cover .product-action {
-webkit-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
text-align: center;
position: absolute;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
line-height: 1em;
display: block;
opacity: 0;
z-index: 2;
bottom: 0;
right: 0;
left: 0;
}
.shop-product .product-cover:hover .product-action {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
transition-delay: 500ms;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.shop-product .product-body {
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 18px 0 0;
line-height: 1em;
color: #767676;
}
.shop-product .product-body a h3 {
-webkit-transition: inherit;
transition: inherit;
margin: 0 0 10px;
font-weight: 500;
line-height: 1em;
font-size: 10px;
color: #767676;
}
.shop-product .product-body a h3:hover {
color: #c1ad96;
}
.shop-product .product-body .price {
line-height: 1em !important;
font-size: 14px !important;
color: #767676 !important;
}
.shop-product .product-body .price ins {
text-decoration: none;
}  .photo-slider .cover-photos-slider {
margin: 0 0 20px;
}
.photo-slider .cover-photos-slider li img {
width: 100%;
}
.photo-slider .nav-carousel {
margin: 0 -10px;
}
.photo-slider .nav-carousel li {
padding: 0 10px;
}
.photo-slider .nav-carousel li .image {
cursor: pointer;
}
.photo-slider .nav-carousel li .image img {
width: 100%;
}
.photo-slider .nav-carousel .slick-dots {
text-align: center;
padding: 25px 0 0;
}
.photo-slider .nav-carousel .slick-dots li {
display: inline-block;
font-size: 0;
margin-right: 15px;
}
.photo-slider .nav-carousel .slick-dots li:last-of-type {
margin: 0;
}
.photo-slider .nav-carousel .slick-dots li button {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
border: 1px dashed #c2c2c2;
display: inline-block;
position: relative;
background: 0;
height: 10px;
width: 10px;
}
.photo-slider .nav-carousel .slick-dots li button:after {
display: inline-block;
background: #c9b998;
position: absolute;
opacity: 0;
content: "";
height: 4px;
width: 4px;
left: 2px;
top: 2px;
}
.photo-slider .nav-carousel .slick-dots li.slick-active button:after {
opacity: 1;
} .single-product-box-wrapper {
margin-bottom: 50px;
}
.woocommerce div.product .single-product-box-wrapper div.images img {
max-height: 750px;
object-fit: cover;
}
@media (min-width: 1200px) {
.single-product-description-box {
padding-left: 40px;
}
}
.single-product-description-box .box-header {
position: relative;
display: block;
padding-right: 90px;
margin-bottom: 15px;
}
.single-product-description-box .box-header .product-title {
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 0;
}
.single-product-description-box .box-header .product-title:after {
background: #c1ad96;
margin-top: 15px;
display: block;
width: 30px;
height: 2px;
content: "";
}
.single-product-description-box .box-header .woocommerce-product-rating {
display: inline-block;
position: absolute;
line-height: 1em;
margin: 0 !important;
top: 5px;
right: 0;
}
.single-product-description-box .box-header .woocommerce-product-rating .star-rating {
letter-spacing: 0.1em;
color: #c1ad96;
float: none;
width: 6em;
margin: 0;
}
@media (max-width: 500px) {
.single-product-description-box .box-header .woocommerce-product-rating {
position: relative;
padding: 17.5px 0 0;
display: block;
left: 0;
top: 0;
}
}
.single-product-description-box .box-body del {
display: inline-block;
vertical-align: middle;
}
.single-product-description-box .box-body del .amount {
text-decoration: line-through;
font-size: 16px;
padding-right: 30px;
margin: 0;
height: 51px;
line-height: 51px;
}
.single-product-description-box .box-body ins {
text-decoration: none;
}
.single-product-description-box .box-body ins .amount {
overflow: inherit;
}
.single-product-description-box .box-body ins .amount:first-of-type {
margin-right: 15px;
}
.single-product-description-box .box-body ins .amount:last-of-type {
margin-left: 15px;
}
.single-product-description-box .box-body form.cart {
margin-bottom: 15px !important;
}
.single-product-description-box .box-body .rating-box {
display: inline-block;
margin: 0 0 15px;
font-size: 0;
}
.single-product-description-box .box-body .rating-box i {
display: inline-block;
font-weight: 700;
line-height: 1em;
font-size: 14px;
color: #c1ad96;
margin-right: 5px;
}
.single-product-description-box .box-body .rating-box i:last-of-type {
margin: 0;
}
.single-product-description-box .box-body .sku_wrapper {
margin-bottom: 12.5px;
display: block;
}
.single-product-description-box .box-body .stock.in-stock {
text-transform: uppercase;
font-size: 13px !important;
color: #353744 !important;
}
.single-product-description-box .box-body p, .single-product-description-box .box-body ul {
letter-spacing: 0.06em;
line-height: 1.5em;
font-size: 13px;
color: #bdbdc2;
}
.single-product-description-box .box-body ul li {
line-height: 1.85em;
}
.single-product-description-box .box-body .quantity-block,
.single-product-description-box .box-body .fake-select-box {
display: inline-block;
vertical-align: top;
position: relative;
margin-bottom: 20px;
margin-right: 20px;
}
.single-product-description-box .box-body .quantity-block input,
.single-product-description-box .box-body .fake-select-box input {
display: inline-block;
text-align: center;
width: 100%;
height: 50px;
border-bottom: 1px dashed #cfcfcf;
border-top: 1px dashed #cfcfcf;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
font-size: 13px;
color: #adadad;
}
.single-product-description-box .box-body .quantity-block {
display: inline-block;
width: 65px;
}
.woocommerce div.product .single-product-description-box form.cart .button {
float: none;
}
.woocommerce div.product .single-product-box-wrapper .product-images div.images {
width: 100% !important;
float: none !important;
}
.single-product-description-box .box-body .quantity-block .actions {
display: inline-block;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
font-size: 0;
right: 7.5px;
top: 50%;
}
.single-product-description-box .box-body .quantity-block .actions .action {
line-height: 1em;
display: block;
font-size: 0;
}
.single-product-description-box .box-body .quantity-block .actions .action:first-of-type {
margin-bottom: -5px;
}
.single-product-description-box .box-body .quantity-block .actions .action i {
line-height: 1em;
cursor: pointer;
font-size: 12px;
color: #d0d0d0;
}
.single-product-description-box .box-body .fake-select-box {
width: 160px;
}
.single-product-description-box .box-body .fake-select-box input {
cursor: pointer;
}
.single-product-description-box .box-body .fake-select-box:after {
-webkit-transition: 225ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: 225ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: 225ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translateY(-50%) rotate(0);
-ms-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
display: inline-block;
font-family: icomoon;
pointer-events: none;
position: absolute;
line-height: 1em;
content: "";
color: #d0d0d0;
top: 50%;
right: 7.5px;
}
.single-product-description-box .box-body .fake-select-box .select-options {
-webkit-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
visibility: hidden;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
opacity: 0;
position: absolute;
padding: 7.5px 0 0;
background: #fff;
z-index: 9;
top: 100%;
right: 0;
left: 0;
}
.single-product-description-box .box-body .fake-select-box .select-options li {
text-transform: uppercase;
text-align: center;
font-weight: 700;
line-height: 1em;
font-size: 11px;
cursor: pointer;
margin-bottom: 7.5px;
padding-bottom: 7.5px;
border-bottom: 1px dashed #cfcfcf;
}
.single-product-description-box .box-body .fake-select-box .select-options li:last-of-type {
margin: 0;
border: 0;
}
.single-product-description-box .box-body .fake-select-box.open .select-options {
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.single-product-description-box .box-body .fake-select-box.open:after {
-webkit-transform: translateY(-50%) rotateX(-180deg);
-ms-transform: translateY(-50%) rotateX(-180deg);
transform: translateY(-50%) rotateX(-180deg);
}
.single-product-description-box .box-body .product-price,
.single-product-description-box .box-body .amount {
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: uppercase;
overflow: hidden;
padding-right: 40px;
line-height: 50px;
height: 50px;
font-size: 18px;
color: #4c4a58;
letter-spacing: 0.2em;
margin-bottom: 15px;
border-top: 1px dashed #cfcfcf;
border-bottom: 1px dashed #cfcfcf;
}
.single-product-description-box .box-body .product-action {
line-height: 1em;
font-size: 0;
margin-bottom: 25px;
}
.single-product-description-box .box-body .tagcloud {
margin: 0 0 10px;
max-width: 360px;
line-height: 1em;
font-size: 0;
}
.single-product-description-box .box-body .tagcloud a {
font-size: 13px !important;
border: 1px dashed #cfcfcf;
display: inline-block;
margin: 0 10px 10px 0;
padding: 7.5px 10px;
line-height: 1em;
color: #757678;
}
.single-product-description-box .box-body .tagcloud a:hover {
border: 1px solid #2e3b5a;
background: #2e3b5a;
color: #fff;
}
.single-product-description-box .box-body .widget_categories ul {
border-top: 1px dashed #cfcfcf;
display: inline-block;
list-style-type: none;
padding: 8.5px 0 0;
margin: 0;
}
.single-product-description-box .box-body .widget_categories ul li {
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 0 0 10px 0;
font-weight: 700;
font-size: 11px;
display: block;
color: #adadad;
}
.single-product-description-box .box-body .widget_categories ul li a {
border-bottom: 1px dashed #cfcfcf;
display: inline-block;
padding: 0 40px 10px 0;
min-width: 185px;
}
.single-product-description-box .box-body .widget_categories ul li a:before {
display: inline-block;
font-family: icomoon;
margin: 0 7.5px 0 0;
position: relative;
font-weight: 500;
font-size: 13px;
content: "";
color: #c1ad96;
top: 1px;
}
.single-product-description-box .box-body .widget_categories ul li a:hover {
color: #c1ad96;
padding-left: 10px;
}
.single-product-description-box .box-body .widget_categories ul li a:hover:before {
color: #ae9476;
}
.single-product-description-box .box-body .widget_categories ul li:last-of-type {
margin: 0;
} .woocommerce {   }
.woocommerce div.product {  }
.woocommerce div.product form.cart .variations {
table-layout: auto;
}
.woocommerce div.product form.cart .variations td.label, .woocommerce div.product form.cart .variations td.value {
padding: 0;
}
.woocommerce div.product form.cart .variations td.label label, .woocommerce div.product form.cart .variations td.value label {
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
font-size: 11px;
color: #adadad;
}
.woocommerce div.product form.cart .variations select {
border-bottom: 1px dashed #cfcfcf;
border-top: 1px dashed #cfcfcf;
text-transform: uppercase;
outline: none !important;
letter-spacing: 0.2em;
padding: 4.5px 6.5px;
text-align: center;
font-weight: 700;
cursor: pointer;
margin-right: 20px;
font-size: 11px;
color: #adadad;
background: 0;
min-width: 0;
}
.woocommerce div.product form.cart .variations select option {
cursor: pointer;
}
.woocommerce div.product form.cart .reset_variations {
text-transform: uppercase;
letter-spacing: 0.075em;
position: relative;
font-size: 11px;
color: #353744;
top: 1px;
}
.woocommerce div.product form.cart .reset_variations:hover {
color: #d0b787;
}
.woocommerce div.product #reviews .comment img {
float: none;
}
.woocommerce form .form-row {
margin: 0;
padding: 0;
}
.woocommerce form .form-row label {
cursor: pointer;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #ff6666;
}
.woocommerce form .form-row#billing_country_field {
margin-bottom: 20px;
}
.woocommerce form .form-row .required {
color: #ff6666;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid #ebebeb;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.2em;
margin-bottom: 20px;
font-weight: 700;
padding: 0 20px;
font-size: 10px;
display: block;
color: #7a7a7a;
height: 45px;
width: 100%;
}
.woocommerce form .form-row textarea {
height: 120px;
}
.woocommerce .checkout-heading-block form.login {
border-radius: 0;
padding: 0;
margin: 0;
border: 0;
}
.woocommerce .checkout-heading-block form .btn.template-btn-1, .woocommerce .checkout-heading-block form .btn.apply-coupon,
.woocommerce .checkout-heading-block form .button.template-btn-1,
.woocommerce .checkout-heading-block form .button.apply-coupon {
text-transform: uppercase !important;
border-radius: 0 !important;
line-height: 40px !important;
height: 40px !important;
position: relative !important;
padding: 0 25px 0 25px !important;
letter-spacing: 0.2em !important;
background: #4c4a58 !important;
font-weight: 700 !important;
font-size: 13px !important;
color: #b4b2c5 !important;
}
.woocommerce .checkout-heading-block form .btn.template-btn-1:hover, .woocommerce .checkout-heading-block form .btn.apply-coupon:hover,
.woocommerce .checkout-heading-block form .button.template-btn-1:hover,
.woocommerce .checkout-heading-block form .button.apply-coupon:hover {
background: #2e2d35 !important;
color: #d7d6e0 !important;
}
.woocommerce .woocommerce-password-strength {
margin-bottom: 10px !important;
color: #ffffff;
}
.woocommerce #account_password_field {
margin-bottom: 15px !important;
}
.woocommerce .archive-filters {
padding-bottom: 20px;
}
.woocommerce .archive-filters .woocommerce-result-count {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1em;
font-weight: 700;
font-size: 13px;
color: #616373;
}
.woocommerce .archive-filters .woocommerce-ordering select {
border-bottom: 1px dashed #cfcfcf;
border-top: 1px dashed #cfcfcf;
text-transform: uppercase;
outline: none !important;
letter-spacing: 0.2em;
padding: 4.5px 6.5px;
text-align: center;
font-weight: 700;
cursor: pointer;
font-size: 11px;
color: #adadad;
background: 0;
min-width: 0;
}
@media (max-width: 768px) {
.woocommerce .archive-filters {
padding-right: 40px;
padding-left: 40px;
}
}
.woocommerce span.onsale {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background: 0 !important;
color: #ffffff;
left: 13px;
z-index: 2;
top: 0;
padding: 11px 0 0;
width: auto;
display: inline-block;
height: auto;
min-width: 0;
min-height: 0;
line-height: 1em;
}
.woocommerce span.onsale:before {
content: "";
position: absolute;
z-index: -1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: -11px;
top: 4px;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 0;
border-color: #353744 transparent transparent transparent;
} .woocommerce-checkout .section-blog {
padding: 0;
}
.woocommerce-checkout .section-blog > .row:first-of-type {
margin: 0 !important;
}
.woocommerce-checkout .woocommerce .woocommerce-message,
.woocommerce-checkout .woocommerce .woocommerce-error {
display: block;
margin-top: 60px !important;
}
.woocommerce-checkout form.checkout .woocommerce .woocommerce-error {
margin-top: 0 !important;
}
.woocommerce-checkout .woocommerce .woocommerce-error,
.woocommerce-checkout .woocommerce .woocommerce-info,
.woocommerce-checkout .woocommerce .woocommerce-message {
position: relative;
z-index: 2;
}
@media (min-width: 1200px) {
.woocommerce-checkout .woocommerce .woocommerce-error,
.woocommerce-checkout .woocommerce .woocommerce-info,
.woocommerce-checkout .woocommerce .woocommerce-message {
margin-left: 8.33333% !important;
width: calc(50% - 15px) !important;
}
}
@media (min-width: 992px) {
.woocommerce-checkout .woocommerce .woocommerce-error,
.woocommerce-checkout .woocommerce .woocommerce-info,
.woocommerce-checkout .woocommerce .woocommerce-message {
width: 58.33333%;
}
}
.payment-options-box + .btn.button {
text-transform: uppercase !important;
padding: 0 25px 0 25px !important;
letter-spacing: 0.2em !important;
background: #4c4a58 !important;
position: relative !important;
line-height: 40px !important;
font-weight: 700 !important;
border-radius: 0 !important;
font-size: 13px !important;
color: #b4b2c5 !important;
height: 40px !important;
margin-top: 15px !important;
}
.payment-options-box + .btn.button:hover {
background: #2e2d35 !important;
color: #d7d6e0 !important;
}
#review_form_wrapper .comment-form-rating {
padding-top: 15px;
}
#review_form_wrapper .comment-form-rating label {
letter-spacing: 0.06em;
margin: 0 0 15px;
line-height: 1em;
font-size: 13px;
color: #b4b4b4;
display: block;
}
#review_form_wrapper .comment-form-rating p.stars a:not(:last-of-type) {
margin-right: 4px;
}
#review_form_wrapper .comment-form-rating p.stars a:before {
line-height: 1em !important;
font-size: 18px !important;
}
#review_form_wrapper .form-submit input.submit {
text-transform: uppercase !important;
border-radius: 0 !important;
line-height: 40px !important;
height: 40px !important;
position: relative !important;
padding: 0 25px 0 25px !important;
letter-spacing: 0.2em !important;
background: #4c4a58 !important;
font-weight: 700 !important;
font-size: 13px !important;
color: #b4b2c5 !important;
}
#review_form_wrapper .form-submit input.submit:hover {
background: #2e2d35 !important;
color: #d7d6e0 !important;
}
.woocommerce-order-received .section-blog {
padding: 50px 2.5em;
}
.woocommerce-order-received .section-blog table {
max-width: 600px;
}
.woocommerce-order-received .section-blog table td,
.woocommerce-order-received .section-blog table th {
border: 1px solid #616373 !important;
} .select2-container .select2-choice {
border: 1px solid #ebebeb !important;
border-radius: 0 !important;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.2em;
line-height: 45px;
font-weight: 700;
padding: 0 20px;
font-size: 10px;
display: block;
color: #7a7a7a;
height: 45px;
}
.select2-drop {
border: 1px solid #ebebeb !important;
border-radius: 0 !important;
padding: 10px 5px 0 !important;
}
.select2-drop input {
margin-bottom: 10px !important;
} .section-folding-content {
margin-right: -30px;
margin-left: -30px;
}
@media (max-width: 450px) {
.section-folding-content {
margin-right: -15px;
margin-left: -15px;
}
} .folding-item {
-webkit-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
position: relative;
line-height: 1em;
font-size: 0;
display: block;
width: 100%;
}
.folding-item a {
display: inline-block;
overflow: hidden;
line-height: 1em;
font-size: 0;
width: 100%;
}
.folding-item a:before {
-webkit-transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(42, 40, 53, 0.5);
position: absolute;
content: "";
opacity: 0;
z-index: 1;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.folding-item img {
width: 100%;
}
.folding-item .item-text {
position: absolute;
line-height: 1em;
bottom: 30px;
z-index: 2;
left: 50px;
}
.folding-item .item-text h2 {
text-transform: uppercase;
letter-spacing: 0.26em;
font-weight: 500;
line-height: 1em;
color: #fff;
}
.folding-item .item-text h2 span {
font-family: "Satisfy", cursive;
text-transform: none;
letter-spacing: 0em;
margin: 10px 0 0;
line-height: 1em;
font-size: 28px;
display: block;
}
.folding-item:hover a:before {
opacity: 1;
}
@media (max-width: 768px) {
.folding-item .item-text {
bottom: 25px;
left: 25px;
}
.folding-item .item-text h2 span {
font-size: 16px;
}
} .folding-content {
position: relative;
overflow: hidden;
padding: 0 30px;
}
@media (max-width: 450px) {
.folding-content {
padding: 0 15px;
}
}
.folding-content .content-panel {
visibility: hidden;
width: calc(50% - 20px);
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
height: 100%;
left: 50%;
top: 0;
}
.folding-content .content-panel .bg-panel {
-webkit-perspective: 2000px;
-ms-perspective: 2000px;
perspective: 2000px;
position: relative;
display: block;
height: 100%;
width: 50%;
float: left;
top: 0;
}
.folding-content .content-panel .bg-panel:before {
-webkit-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
width: calc(100% + 1px);
background: #24262f;
position: absolute;
height: 100%;
content: "";
left: 0;
top: 0;
}
.folding-content .content-panel .bg-panel.left {
-webkit-perspective-origin: 100% 50%;
-ms-perspective-origin: 100% 50%;
perspective-origin: 100% 50%;
}
.folding-content .content-panel .bg-panel.left:before {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: translateX(100%) rotateY(90deg);
-ms-transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
.folding-content .content-panel .bg-panel.right {
-webkit-perspective-origin: 0% 50%;
-ms-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.folding-content .content-panel .bg-panel.right:before {
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: translateX(-100%) rotateY(-90deg);
-ms-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
.folding-content .content-panel .innner-content-panel {
-webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
position: absolute;
-webkit-transform: translateY(-7.5%);
-ms-transform: translateY(-7.5%);
transform: translateY(-7.5%);
padding: 7% 5% 5%;
display: block;
overflow: auto;
opacity: 0;
z-index: 4;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.folding-content .content-panel .innner-content-panel h2,
.folding-content .content-panel .innner-content-panel p {
color: #cfcfcf;
}
.folding-content .content-panel .innner-content-panel h2 {
font-family: "Satisfy", cursive;
font-weight: 500;
font-size: 36px;
}
.folding-content .content-panel .innner-content-panel p {
letter-spacing: 0.075em;
font-size: 14px;
}
@media (max-width: 992px) {
.folding-content .content-panel .innner-content-panel {
padding-top: 10%;
}
}
.folding-content .content-panel .close-content-toggle {
-webkit-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
position: absolute;
cursor: pointer;
height: 32px;
right: 15px;
width: 32px;
z-index: 5;
opacity: 0;
top: 15px;
}
.folding-content .content-panel .close-content-toggle:before, .folding-content .content-panel .close-content-toggle:after {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
background: #f4f4f4;
position: absolute;
height: 32px;
content: "";
width: 1px;
left: 50%;
top: 0;
}
.folding-content .content-panel .close-content-toggle:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.folding-content .content-panel .close-content-toggle:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.folding-content .content-panel .close-content-toggle:hover:before, .folding-content .content-panel .close-content-toggle:hover:after {
background: #fff;
}
.folding-content .content-panel:before {
-webkit-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
pointer-events: none;
position: absolute;
background-image: url(//www.paskiewicz.com.pl/blog/wp-content/themes/narcos/img/folding-bg.jpg);
background-position: center;
background-size: cover;
opacity: 0;
z-index: 1;
content: "";
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.folding-content .content-panel.shop:before {
background-image: url(//www.paskiewicz.com.pl/blog/wp-content/themes/narcos/img/folding-bg-1.jpg);
}
.folding-content.content-open .folding-item.right {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.folding-content.content-open .folding-item.left {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.folding-content.content-open .content-panel {
visibility: visible;
}
.folding-content.content-open .content-panel .bg-panel:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.folding-content.content-open .content-panel .innner-content-panel {
-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.folding-content.content-open .content-panel .close-content-toggle {
-webkit-transition: all 380ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 380ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 380ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 850ms;
-moz-transition-delay: 850ms;
transition-delay: 850ms;
opacity: 1;
}
.folding-content.content-open .content-panel:before {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
opacity: 0.075;
}
@media (max-width: 992px) {
.folding-content .content-panel {
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 70.5%;
left: 0;
}
.folding-content .content-panel .bg-panel.left {
display: none;
}
.folding-content .content-panel .bg-panel.right {
width: 100%;
}
.folding-content.content-open .folding-item.right, .folding-content.content-open .folding-item.left {
-webkit-transform: translateX(70%);
-ms-transform: translateX(70%);
transform: translateX(70%);
}
} .section-description {
padding: 115px 0 40px;
background: #f4f4f4;
}
.section-description p {
margin: 0 0 45px;
}
.section-description h1,
.section-description h2,
.section-description h3,
.section-description h4,
.section-description h5,
.section-description h6 {
font-weight: 500;
margin: 0 0 30px;
} .section-cart {
padding-top: 115px;
}
.cart-products-box .box-header {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
}
.cart-products-box .box-header .box-header-title {
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.2em;
line-height: 65px;
font-weight: 700;
font-size: 11px;
height: 65px;
}
.cart-products-box .box-header .box-header-title.first {
margin-left: 90px;
}
@media (max-width: 992px) {
.cart-products-box .box-header {
display: none;
}
}
.cart-products-box .box-body {
border: 1px solid #e1e1e1;
}
.cart-products-box .box-body .cart-product {
border-bottom: 1px solid #e1e1e1;
padding: 10px 0;
}
.cart-products-box .box-body .cart-product .remove-product,
.cart-products-box .box-body .cart-product .product-image,
.cart-products-box .box-body .cart-product .product-title {
display: inline-block;
vertical-align: top;
}
.cart-products-box .box-body .cart-product .remove-product {
position: relative;
top: 60px;
margin-right: 20px;
margin-left: 20px;
}
.cart-products-box .box-body .cart-product .remove-product i {
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
vertical-align: middle;
display: inline-block;
letter-spacing: 0em;
background: #777681;
text-align: center;
line-height: 14px;
font-size: 10px;
height: 14px;
width: 14px;
color: #fff;
}
.cart-products-box .box-body .cart-product .remove-product i:hover {
background: #4c4a58;
}
.cart-products-box .box-body .cart-product .product-image {
margin-right: 65px;
}
.cart-products-box .box-body .cart-product .product-image img {
max-width: 120px !important;
}
.cart-products-box .box-body .cart-product .product-title {
letter-spacing: 0.2em;
position: relative;
line-height: 1.7em;
font-size: 14px;
color: #4c4a58;
margin: 0;
top: 56px;
}
.cart-products-box .box-body .cart-product .product-title .variation {
margin: 0;
}
.cart-products-box .box-body .cart-product .product-title .variation .variation-Size {
display: inline-block;
padding: 0;
margin: 0;
}
.cart-products-box .box-body .cart-product .product-title .variation .variation-Size p {
text-transform: uppercase;
margin: 0;
}
.cart-products-box .box-body .cart-product .price,
.cart-products-box .box-body .cart-product .total,
.cart-products-box .box-body .cart-product .amount {
letter-spacing: 0.2em;
position: relative;
font-weight: 700;
font-size: 14px;
color: #848484;
top: 54px;
}
.cart-products-box .box-body .cart-product .quantity-block {
display: inline-block;
vertical-align: top;
position: relative;
width: 65px;
top: 44px;
}
.cart-products-box .box-body .cart-product .quantity-block input {
display: inline-block;
text-align: center;
width: 100%;
height: 50px;
border-bottom: 1px dashed #cfcfcf;
border-top: 1px dashed #cfcfcf;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
font-size: 11px;
color: #adadad;
}
.cart-products-box .box-body .cart-product .quantity-block .actions {
display: inline-block;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
font-size: 0;
right: 7.5px;
top: 50%;
}
.cart-products-box .box-body .cart-product .quantity-block .actions .action {
line-height: 1em;
display: block;
font-size: 0;
}
.cart-products-box .box-body .cart-product .quantity-block .actions .action:first-of-type {
margin-bottom: -5px;
}
.cart-products-box .box-body .cart-product .quantity-block .actions .action i {
line-height: 1em;
cursor: pointer;
font-size: 12px;
color: #d0d0d0;
}
.cart-products-box .box-body .cart-product:last-of-type {
border: 0;
}
@media (max-width: 1400px) {
.cart-products-box .box-body .cart-product .product-image {
margin-right: 25px;
}
}
@media (max-width: 992px) {
.cart-products-box .box-body .cart-product .product-image {
margin-bottom: 25px;
}
.cart-products-box .box-body .cart-product .quantity-block,
.cart-products-box .box-body .cart-product .product-title,
.cart-products-box .box-body .cart-product .price,
.cart-products-box .box-body .cart-product .total {
position: relative;
margin-bottom: 15px;
margin-left: 54px;
display: block;
top: 0;
}
}
.cart-products-box .coupon-box {
margin: 20px 0 35px;
padding-right: 40px;
}
.cart-products-box .coupon-box .coupon-form,
.cart-products-box .coupon-box .update-btn {
display: inline-block;
}
.cart-products-box .coupon-box .coupon-form .form-input {
border: 1px solid #e1e1e1;
vertical-align: middle;
display: inline-block;
background: #fafafa;
line-height: 48px;
padding: 0 20px;
height: 48px;
width: 170px;
margin-right: 30px;
margin-bottom: 10px;
}
.cart-products-box .coupon-box .coupon-form .apply-coupon {
display: inline-block;
vertical-align: top;
text-transform: uppercase !important;
border-radius: 0 !important;
line-height: 48px !important;
height: 48px !important;
position: relative !important;
padding: 0 25px 0 25px !important;
letter-spacing: 0.2em !important;
background: #4c4a58 !important;
font-weight: 700 !important;
font-size: 13px !important;
color: #b4b2c5 !important;
}
.cart-products-box .coupon-box .coupon-form .apply-coupon:hover {
background: #2e2d35 !important;
color: #d7d6e0 !important;
}
.cart-products-box .coupon-box .update-btn {
text-transform: uppercase !important;
border-radius: 0 !important;
line-height: 48px !important;
height: 48px !important;
position: relative !important;
padding: 0 25px 0 25px !important;
letter-spacing: 0.2em !important;
background: #4c4a58 !important;
font-weight: 700 !important;
font-size: 13px !important;
color: #b4b2c5 !important;
float: right;
}
.cart-products-box .coupon-box .update-btn:hover {
background: #2e2d35 !important;
color: #d7d6e0 !important;
}
@media (max-width: 768px) {
.cart-products-box .coupon-box .coupon-form {
margin: 0 0 25px;
display: block;
}
.cart-products-box .coupon-box .update-btn {
float: none;
top: 0;
}
}
.cart-products-box .box-footer {
border: 1px solid #e1e1e1;
margin: 0 0 20px;
padding: 12.5px 75px;
}
.cart-products-box .box-footer .title,
.cart-products-box .box-footer .total-price {
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
line-height: 68px;
font-weight: 700;
font-size: 14px;
color: #5b5b60;
height: 68px;
}
.cart-products-box .box-footer .total-price {
float: right;
}
.cart-products-box .box-footer table {
border: 0;
margin: 0;
}
.cart-products-box .box-footer table th,
.cart-products-box .box-footer table td {
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
font-size: 14px;
color: #5b5b60;
border: 0;
}
.cart-products-box .box-footer table tr td:last-of-type {
text-align: right;
}
@media (max-width: 768px) {
.cart-products-box .box-footer {
padding: 10px 30px;
}
} .section-checkout {
overflow: hidden;
padding-top: 115px;
padding-bottom: 60px;
}
.section-checkout .checkout-heading-block {
margin-bottom: 35px;
}
.section-checkout .checkout-heading-block .heading {
margin: 0 0 27.5px;
font-weight: 500;
line-height: 1em;
font-size: 13px;
color: #adadad;
}
.section-checkout .checkout-heading-block .heading span {
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 700;
color: #4c4a58;
cursor: pointer;
}
@media (max-width: 450px) {
.section-checkout .checkout-heading-block .heading span {
margin: 7.5px 0 0;
display: block;
}
}
.section-checkout .checkout-heading-block .checkout-form {
display: none;
}
.section-checkout .checkout-heading-block .checkout-form p {
letter-spacing: 0.04em;
line-height: 1.25em;
margin: 0 0 15px;
font-size: 12px;
color: #b9b9b9;
}
.section-checkout .lost-password-btn {
letter-spacing: 0.1em;
position: relative;
font-weight: 700;
font-size: 12px;
color: #adadad;
float: right;
top: 9px;
}
.checkbox {
display: inline-block;
}
.checkbox:not(.type-2) {
display: inline-block !important;
margin: 0 !important;
}
.checkbox:not(.type-2) .label {
text-transform: uppercase;
letter-spacing: 0.2em;
position: relative;
font-weight: 700;
line-height: 1em;
font-size: 10px;
cursor: pointer;
color: #adadad;
top: 1px;
margin-left: 15px;
}
.checkbox:not(.type-2) .label:before {
display: inline-block;
background: #ebebeb;
border-radius: 3px;
line-height: 1em;
position: relative;
margin-right: 10px;
top: 1px;
height: 11px;
width: 11px;
content: "";
}
.checkbox:not(.type-2) .label:after {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
pointer-events: none;
background: #5b5b60;
position: absolute;
border-radius: 3px;
opacity: 0;
content: "";
height: 7px;
width: 7px;
left: 2px;
top: 3px;
}
.checkbox:not(.type-2) .checkbox-input:checked + .label:after {
opacity: 1 !important;
}
.checkbox.type-2 {
display: inline-block;
}
.checkbox.type-2 .label {
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
line-height: 1em;
font-weight: 700;
cursor: pointer;
font-size: 10px;
color: #848484;
}
.checkbox.type-2 .label:before {
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
border: 4px solid #d9d9d8;
display: inline-block;
border-radius: 50%;
position: relative;
margin-right: 8px;
height: 14px;
content: "";
width: 14px;
top: 3px;
}
.checkbox.type-2 input:checked + .label:before {
border-color: #c1ad96;
} .section-contact {
background: #f4f4f4;
padding-top: 115px;
}
.section-contact .contact-box-wrapper {
margin-bottom: 50px;
}
.section-contact .contact-map {
height: 450px;
}
.section-contact .contact-block-widget .contact-block {
border-bottom: 1px dotted #cfcfcf;
margin-bottom: 17.5px;
padding-bottom: 20px;
}
.section-contact .contact-block-widget .contact-block .block-title {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1em;
font-weight: 700;
margin: 0 0 20px;
font-size: 13px;
color: #757678;
}
.section-contact .contact-block-widget .contact-block .block-title:after {
background: #c1ad96;
margin: 15px 0 0;
display: block;
content: "";
width: 30px;
height: 2px;
}
.section-contact .contact-block-widget .contact-block p {
margin: 0;
color: #adadad;
font-size: 13px;
line-height: 1.8em;
letter-spacing: 0.2em;
}
.section-contact .contact-block-widget .contact-block p a:hover {
color: #c1ad96;
}
.section-contact .contact-block-widget .contact-block .social-items {
line-height: 1em;
font-size: 0;
}
.section-contact .contact-block-widget .contact-block .social-items li {
display: inline-block;
line-height: 1em;
margin-right: 18px;
}
.section-contact .contact-block-widget .contact-block .social-items li:last-of-type {
margin: 0;
}
.section-contact .contact-block-widget .contact-block .social-items li i {
-webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
line-height: 1em;
font-size: 15px;
color: #adadad;
}
.section-contact .contact-block-widget .contact-block .social-items li i:hover {
color: #c1ad96;
}
@media (max-width: 1200px) {
.section-contact {
padding-top: 75px;
}
.section-contact .contact-box-wrapper {
padding-right: 35px;
padding-left: 35px;
}
}
@media (max-width: 992px) {
.section-contact .contact-form {
margin-bottom: 45px;
}
} .error-intro {
font-size: 0;
}
.error-intro .intro-error-wrapper {
height: 800px;
}
.error-intro h1 {
text-transform: uppercase;
letter-spacing: 0.01em;
position: relative;
position: absolute;
line-height: 0.5em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 160px;
opacity: 0.55;
color: #fff;
margin: 0;
top: 50%;
}
.error-intro h1 span {
letter-spacing: 0.165em;
line-height: 1em;
font-size: 275px;
display: block;
}
@media (max-width: 1200px) {
.error-intro .intro-error-wrapper {
height: 675px;
}
.error-intro h1 {
font-size: 135px;
}
.error-intro h1 span {
font-size: 250px;
}
}
@media (max-width: 992px) {
.error-intro .intro-error-wrapper {
padding: 0 35px;
height: 600px;
}
.error-intro h1 {
font-size: 85px;
}
.error-intro h1 span {
font-size: 210px;
}
}
@media (max-width: 768px) {
.error-intro .intro-error-wrapper {
height: 450px;
}
.error-intro h1 {
font-size: 45px;
}
.error-intro h1 span {
font-size: 90px;
}
} .section-about {
background: #f4f4f4;
padding: 60px 0;
} .about-block {
margin-bottom: 45px;
}
.about-block .block-cover {
font-size: 0;
line-height: 1em;
}
.about-block .block-cover img {
width: 100%;
}
.about-block .block-body {
padding-right: 2.5%;
padding-left: 2.5%;
padding-top: 25px;
}
.about-block .block-body .block-title {
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
line-height: 1em;
font-size: 15px;
color: #616373;
}
.about-block .block-body .block-title:after {
display: block;
width: 80px;
content: "";
border-bottom: 1px dashed currentColor;
margin: 18.5px auto 12.5px;
}
.about-block .block-body p {
letter-spacing: 0.04em;
line-height: 1.785em;
font-size: 14px;
color: #c4c5d1;
margin: 0;
} .section-works .works-main-wrapper {
position: relative;
}
.section-works .works-main-wrapper .works-title-block {
background: #616373;
}
@media (min-width: 992px) {
.section-works .works-main-wrapper .works-title-block {
position: absolute;
bottom: 0;
left: 0;
top: 0;
}
.section-works .works-main-wrapper .works-title-block .inner-block {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
}
.section-works .works-main-wrapper .works-title-block .inner-block {
display: block;
padding: 6.5% 9%;
width: 100%;
left: 0;
}
.section-works .works-main-wrapper .works-title-block .inner-block .block-title,
.section-works .works-main-wrapper .works-title-block .inner-block .block-subtitle,
.section-works .works-main-wrapper .works-title-block .inner-block .description,
.section-works .works-main-wrapper .works-title-block .inner-block .btn {
color: #fff;
}
.section-works .works-main-wrapper .works-title-block .inner-block .block-title {
text-transform: uppercase;
letter-spacing: 0.26em;
margin: 0 0 17.5px;
font-weight: 500;
line-height: 1em;
font-size: 30px;
}
.section-works .works-main-wrapper .works-title-block .inner-block .block-subtitle {
font-family: "Satisfy", cursive;
line-height: 1em;
font-size: 28px;
margin: 0;
}
.section-works .works-main-wrapper .works-title-block .inner-block .block-subtitle:after {
border-bottom: 1px dashed #fff;
margin: 30px auto 25px;
display: block;
content: "";
width: 80px;
}
.section-works .works-main-wrapper .works-title-block .inner-block .description {
letter-spacing: 0.06em;
line-height: 1.35em;
margin: 0 0 30px;
font-size: 12px;
} .section-news {
padding-top: 115px;
} .news-item .item-cover {
line-height: 1em;
font-size: 0;
}
.news-item .item-cover img {
width: 100%;
}
.news-item .item-body {
padding: 22.5px 1% 0;
}
.news-item .item-body .item-title {
line-height: 1.325em;
margin: 0 0 12.5px;
font-weight: 500;
font-size: 20px;
color: #616373;
}
.news-item .item-body .item-meta {
margin: 0 0 17.5px;
line-height: 1em;
font-size: 0;
}
.news-item .item-body .item-meta li {
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.1em;
font-weight: 700;
font-size: 11px;
color: #c4c5d1;
}
.news-item .item-body .item-meta li:after {
display: inline-block;
background: #c4c5d1;
position: relative;
margin: 0 15px;
height: 14px;
content: "";
width: 1px;
top: 3px;
}
.news-item .item-body .item-meta li:last-of-type:after {
display: none;
}
.news-item .item-body .item-excerpt {
letter-spacing: 0.04em;
line-height: 1.35em;
margin: 0 0 25px;
font-size: 15px;
color: #c4c5d1;
}
@media (max-width: 992px) {
.news-item {
margin: 0 0 45px;
}
} .section-slides {
position: relative;
}
.section-slides .big-slides-list {
position: relative;
}
.section-slides .big-slides-list .big-slide {
-webkit-transition: all 360ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 360ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 360ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
height: calc(100vh - 60px);
position: relative;
line-height: 1em;
overflow: hidden;
display: block;
font-size: 0;
width: 100%;
}
@media (max-width: 450px) {
.section-slides .big-slides-list .big-slide {
height: calc(100vh - 30px);
}
}
.section-slides .big-slides-list .big-slide:after {
-webkit-transition: all 1750ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 1750ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 1750ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 550ms;
-moz-transition-delay: 550ms;
transition-delay: 550ms;
background: rgba(36, 38, 47, 0.45);
pointer-events: none;
position: absolute;
opacity: 1;
content: "";
z-index: 2;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.section-slides .big-slides-list .big-slide .slide-content {
position: absolute;
max-width: 90%;
z-index: 3;
}
.section-slides .big-slides-list .big-slide .slide-content .inner-content {
-webkit-transition: all 560ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 560ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 560ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 570ms;
-moz-transition-delay: 570ms;
transition-delay: 570ms;
-webkit-transform: translateY(-15%);
-ms-transform: translateY(-15%);
transform: translateY(-15%);
opacity: 0;
}
.section-slides .big-slides-list .big-slide .slide-content .inner-content h1,
.section-slides .big-slides-list .big-slide .slide-content .inner-content h2,
.section-slides .big-slides-list .big-slide .slide-content .inner-content h3,
.section-slides .big-slides-list .big-slide .slide-content .inner-content p,
.section-slides .big-slides-list .big-slide .slide-content .inner-content span,
.section-slides .big-slides-list .big-slide .slide-content .inner-content .btn.template-btn-1 {
color: #fff;
}
.section-slides .big-slides-list .big-slide .slide-content .inner-content img {
margin: 0 0 25px;
}
.section-slides .big-slides-list .big-slide .slide-content .inner-content h1 {
text-transform: uppercase;
letter-spacing: 0.26em;
line-height: 1.15em;
margin: 0 0 22.5px;
font-weight: 500;
font-size: 40px;
}
@media (max-width: 768px) {
.section-slides .big-slides-list .big-slide .slide-content .inner-content h1 {
font-size: 24px;
}
}
.section-slides .big-slides-list .big-slide .slide-content .inner-content h2 {
text-transform: uppercase;
letter-spacing: 0.26em;
font-weight: 500;
margin: 0 0 25px;
font-size: 30px;
}
@media (max-width: 768px) {
.section-slides .big-slides-list .big-slide .slide-content .inner-content h2 {
font-size: 20px;
}
}
.section-slides .big-slides-list .big-slide .slide-content .inner-content h3 {
letter-spacing: 0.06em;
text-transform: none;
line-height: 1.65em;
font-weight: 500;
margin: 0 0 12.5px;
font-size: 16px;
}
.section-slides .big-slides-list .big-slide .slide-content .inner-content .alt-text {
font-family: "Satisfy", cursive;
letter-spacing: 0em;
line-height: 1em;
margin: 0 0 20px;
font-size: 28px;
display: block;
}
.section-slides .big-slides-list .big-slide .slide-content .inner-content p {
font-family: "Satisfy", cursive;
letter-spacing: 0em;
line-height: 1em;
margin: 0 0 20px;
font-size: 28px;
}
@media (max-width: 768px) {
.section-slides .big-slides-list .big-slide .slide-content .inner-content p,
.section-slides .big-slides-list .big-slide .slide-content .inner-content span,
.section-slides .big-slides-list .big-slide .slide-content .inner-content h3 {
display: none;
}
}
.section-slides .big-slides-list .big-slide .slide-content.big-content {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 85%;
left: 50%;
top: 50%;
}
.section-slides .big-slides-list .big-slide .slide-content.left-positioned {
padding: 0 85px 0 60px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 50%;
top: 50%;
left: 0;
}
@media (max-width: 992px) {
.section-slides .big-slides-list .big-slide .slide-content.left-positioned {
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
left: 50%;
top: 50%;
}
}
.section-slides .big-slides-list .big-slide .slide-content.right-positioned {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 65px;
width: 45%;
right: 5%;
top: 50%;
}
@media (max-width: 992px) {
.section-slides .big-slides-list .big-slide .slide-content.right-positioned {
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
left: 50%;
top: 50%;
}
}
.section-slides .big-slides-list .big-slide .slide-bg-wrapper {
-webkit-transition: all 2000ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 2000ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 2000ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 515ms;
-moz-transition-delay: 515ms;
transition-delay: 515ms;
position: absolute;
height: 100%;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
width: 100%;
left: 0;
top: 0;
}
.section-slides .big-slides-list .big-slide .slide-bg-wrapper .big-slide-bg {
object-fit: cover;
display: block;
height: 100%;
width: 100%;
}
.section-slides .big-slides-list .big-slide.current-slide .slide-bg-wrapper {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.section-slides .big-slides-list .big-slide.current-slide .slide-content .inner-content {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section-slides .big-slides-list .big-slide.current-slide:after {
opacity: 0;
}
.section-slides .bullets-nav {
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: fixed;
font-size: 0;
right: 60px;
z-index: 3;
top: 50%;
}
.section-slides .bullets-nav .nav-bullet {
position: relative;
cursor: pointer;
display: block;
height: 24px;
width: 24px;
}
.section-slides .bullets-nav .nav-bullet:after {
-webkit-transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
position: absolute;
border-radius: 50%;
background: #fff;
content: "";
height: 5px;
width: 5px;
left: 50%;
top: 50%;
}
.section-slides .bullets-nav .nav-bullet:before {
-webkit-transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
display: inline-block;
border-radius: 50%;
position: absolute;
height: 24px;
width: 24px;
content: "";
opacity: 0;
left: -1px;
top: -1px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.section-slides .bullets-nav .nav-bullet.current-nav-bullet:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.section-slides .bullets-nav .nav-bullet.current-nav-bullet:after {
opacity: 0;
}
@media (max-width: 768px) {
.section-slides .bullets-nav {
right: 25px;
}
} .full-page-slide {
overflow: hidden;
}
.full-page-slide .page-wrapper {
-webkit-transform: none;
-ms-transform: none;
transform: none;
} .demo-blocks-section {
background: #f4f4f4;
display: block;
padding-bottom: 100px;
padding-top: 100px;
}
.demo-blocks-section .section-title {
margin-bottom: 180px;
}
@media (max-width: 768px) {
.demo-blocks-section .section-title {
margin-bottom: 50px;
}
}
.demo-blocks-section .demo-blocks-footer {
display: inline-block;
font-family: "Satisfy", cursive;
line-height: 1em;
font-size: 28px;
color: #616373;
width: 100%;
margin: 0;
}
.demo-blocks-section .demo-blocks {
padding: 0 10px;
}
.intr-parallax-box {
padding: 120px 0 150px;
}
.intr-parallax-box h2 {
font-family: "Satisfy", cursive;
letter-spacing: 0em;
font-weight: normal;
line-height: 1em;
margin: 0 0 25px;
font-size: 32px;
color: #fff;
}
.intr-parallax-box .btn.template-btn-1 {
color: #fff;
} .demo-block {
-webkit-box-shadow: 0px 0px 7.28px 0.72px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 7.28px 0.72px rgba(0, 0, 0, 0.3);
margin: 0 auto 170px;
max-width: 785px;
display: block;
}
.demo-block .demo-block-inner {
position: relative;
display: block;
width: 100%;
padding-bottom: 100%;
}
.demo-block .scrolling-content {
position: absolute;
padding: 32px 0 0;
overflow: hidden;
display: block;
height: 100%;
width: 100%;
}
.demo-block .scrolling-content:before {
position: absolute;
height: 32px;
content: "";
z-index: 2;
right: 0;
left: 0;
top: 0;
background-image: url(//www.paskiewicz.com.pl/blog/wp-content/themes/narcos/img/demo-block-top-cover.png);
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
}
.demo-block .scrolling-content:after {
-webkit-transition: all 270ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 270ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 270ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(255, 255, 255, 0.3);
pointer-events: none;
position: absolute;
content: "";
opacity: 0;
z-index: 2;
bottom: 0;
top: 32px;
right: 0;
left: 0;
}
.demo-block .scrolling-content .scrolling-demo-page {
-webkit-transition: all 3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
-moz-transition: all 3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
display: block;
width: 100%;
}
.demo-block .hover-box {
display: inline-block;
pointer-events: none;
-webkit-transform: translateY(-120px);
-ms-transform: translateY(-120px);
transform: translateY(-120px);
position: absolute;
padding-left: 20px;
height: 280px;
left: 18.5%;
width: 80%;
z-index: 3;
top: 0;
}
.demo-block .hover-box:before {
-webkit-transition: all 365ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 365ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 365ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
border-right: 1px solid #cecece;
position: absolute;
content: "";
height: 0;
bottom: 0;
left: 0;
}
.demo-block .hover-box .box-pointer {
-webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
display: inline-block;
background: #c1ad96;
position: absolute;
border-radius: 50%;
line-height: 1em;
font-size: 0;
height: 13px;
width: 13px;
opacity: 0;
z-index: 2;
bottom: 0;
left: 0;
}
.demo-block .hover-box .box-heading-point {
-webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
-webkit-box-shadow: inset 0 0 0 3px #c1ad96;
box-shadow: inset 0 0 0 3px #c1ad96;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
display: inline-block;
background: #f4f4f4;
border-radius: 50%;
position: absolute;
line-height: 1em;
font-size: 0;
height: 13px;
width: 13px;
opacity: 0;
left: 0;
top: 0;
}
.demo-block .hover-box .box-title,
.demo-block .hover-box .box-description {
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
opacity: 0;
}
.demo-block .hover-box .box-title {
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 0 0 22.5px;
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
line-height: 1em;
font-size: 13px;
color: #616373;
}
.demo-block .hover-box .box-description {
letter-spacing: 0em;
line-height: 1.4em;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
max-width: 340px;
font-size: 14px;
display: block;
color: #b7b7b8;
margin: 0;
}
.demo-block:hover .scrolling-content:after {
opacity: 1;
}
.demo-block:hover .scrolling-content .scrolling-demo-page {
-webkit-transform: translateY(calc(-100% + 800px));
-ms-transform: translateY(calc(-100% + 800px));
transform: translateY(calc(-100% + 800px));
-webkit-transition-delay: 1.25s;
-moz-transition-delay: 1.25s;
transition-delay: 1.25s;
}
.demo-block:hover .hover-box:before {
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
transition-delay: 250ms;
height: 100%;
}
.demo-block:hover .hover-box .box-pointer,
.demo-block:hover .hover-box .box-heading-point {
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
opacity: 1;
}
.demo-block:hover .hover-box .box-heading-point {
-webkit-transition-delay: 610ms;
-moz-transition-delay: 610ms;
transition-delay: 610ms;
}
.demo-block:hover .hover-box .box-title,
.demo-block:hover .hover-box .box-description {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.demo-block:hover .hover-box .box-title {
-webkit-transition-delay: 875ms;
-moz-transition-delay: 875ms;
transition-delay: 875ms;
}
.demo-block:hover .hover-box .box-description {
-webkit-transition-delay: 1025ms;
-moz-transition-delay: 1025ms;
transition-delay: 1025ms;
}
@media (max-width: 768px) {
.demo-block {
margin-bottom: 40px;
}
.demo-block .hover-box {
display: none;
}
}  .slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider * {
outline: none !important;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .noUi-target {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
direction: ltr;
}
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-stacking .noUi-handle {
z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-base {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
.noUi-background {
background: #FAFAFA;
box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
background: #3FB8AF;
box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-origin {
border-radius: 2px;
}
.noUi-target {
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}
.noUi-draggable {
cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
cursor: n-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
.noUi-handle:after, .noUi-handle:before {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
[disabled] .noUi-connect, [disabled].noUi-connect {
background: #B8B8B8;
}
[disabled] .noUi-handle, [disabled].noUi-origin {
cursor: not-allowed;
}
.noUi-pips {
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
color: #999;
}
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-value {
width: 40px;
position: absolute;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-large, .noUi-marker-sub {
background: #AAA;
}
.noUi-pips-horizontal {
padding: 10px 0;
height: 50px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
margin-left: -20px;
padding-top: 20px;
}
.noUi-value-horizontal.noUi-value-sub {
padding-top: 15px;
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
width: 15px;
margin-left: 20px;
margin-top: -5px;
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
padding: 5px;
left: -9px;
text-align: center;
width: 50px;
}
.noUi-handle-lower .noUi-tooltip {
top: -32px;
}
.noUi-handle-upper .noUi-tooltip {
bottom: -32px;
} [data-parallax-bg] {
position: relative;
}
[data-parallax-bg] .box-img-wrapper {
position: absolute;
overflow: hidden;
height: auto;
width: auto;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
[data-parallax-bg] .box-img-wrapper + * {
position: relative;
z-index: 2;
}
[data-parallax-bg] .box-img {
will-change: transform;
position: absolute;
height: auto;
width: auto;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
[data-parallax-bg] .box-img > span {
background-position: top center;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
bottom: 0;
top: -5em;
right: 0;
left: 0;
}
.parallax-box {
padding: 165px 0;
color: #fff;
}
.parallax-box h2 {
color: inherit;
line-height: 1em;
font-weight: 500;
margin: 0 0 30px;
letter-spacing: 0.26em;
text-transform: uppercase;
}
.parallax-box h2 span {
font-family: "Satisfy", cursive;
text-transform: none;
letter-spacing: 0em;
color: #616373;
margin: 15px 0 0;
display: block;
}
.parallax-box p {
letter-spacing: 0.06em;
margin: 0 0 45px;
font-size: 16px;
} .section-showcase {
padding-top: 90px;
}
@media (max-width: 768px) {
.section-showcase {
padding: 0;
}
}
.section-showcase.full-width {
overflow: hidden;
margin-right: -30px;
margin-left: -30px;
}
@media (max-width: 450px) {
.section-showcase.full-width {
margin-right: -15px;
margin-left: -15px;
}
}
.section-showcase.full-width .showcase-textbox {
display: block;
max-width: 735px;
margin: 0 auto;
}
.section-showcase.full-width .showcase-image-wrapper {
text-align: right;
}
.section-showcase.full-width .showcase-image-wrapper img {
display: inline-block;
}
.showcase-image-wrapper {
line-height: 1em;
font-size: 0;
}
.showcase-image-wrapper.centered {
text-align: center;
margin: 0 0 115px;
}
@media (max-width: 768px) {
.showcase-image-wrapper.centered {
margin: 0 0 50px;
}
}
.showcase-image-wrapper.centered img {
display: inline-block;
}
.showcase-image-wrapper .image-block {
display: inline-block;
position: relative;
}
.showcase-image-wrapper .image-block .block-content {
position: absolute;
display: block;
padding-bottom: 8.9%;
padding-right: 13.17%;
padding-left: 13.75%;
padding-top: 4.3%;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.showcase-image-wrapper .image-block .block-content .inner-content {
display: inline-block;
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
}
.showcase-image-wrapper .image-block .block-content .inner-content img {
height: auto;
width: 100%;
}
.showcase-textbox {
padding: 45px 0;
}
.showcase-textbox h2 {
text-transform: uppercase;
letter-spacing: 0.26em;
line-height: 1.25em;
font-weight: 500;
margin: 0 0 20px;
}
.showcase-textbox h2 span {
font-family: "Satisfy", cursive;
text-transform: none;
letter-spacing: 0;
margin: 15px 0 0;
line-height: 1em;
font-size: 28px;
display: block;
}
.showcase-textbox p {
margin: 0 0 20px;
font-size: 16px;
}
.showcase-textbox span {
font-family: "Satisfy", cursive;
line-height: 1em;
font-size: 28px;
color: #616373;
}
.showcase-container-wrapper {
position: relative;
}
@media (min-width: 768px) {
.showcase-container-wrapper .showcase-text-wrapper {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.showcase-container-wrapper .showcase-text-wrapper.left {
left: 0;
}
.showcase-container-wrapper .showcase-text-wrapper.right {
right: 0;
}
} .small-showcase-box {
text-align: center;
}
@media (max-width: 768px) {
.small-showcase-box {
margin: 0 0 45px;
}
}
.small-showcase-box .icon {
line-height: 1em !important;
margin: 0 0 20px !important;
font-size: 42px !important;
height: auto !important;
width: auto !important;
color: #e4e1d8;
}
.small-showcase-box .heading {
letter-spacing: 0.02em;
font-weight: 500;
line-height: 1em;
margin: 0 0 20px;
font-size: 20px;
color: #c4c4c4;
}
.small-showcase-box .heading span {
font-family: "Satisfy", cursive;
line-height: 1em;
margin: 10px 0 0;
font-size: 22px;
display: block;
color: #c3b68a;
}
.small-showcase-box .description {
margin: 0 0 10px;
font-size: 13px;
color: #bdbdbd;
}
.small-showcase-box .box-footer {
display: inline-block;
vertical-align: top;
line-height: 1em;
font-size: 13px;
color: #aaa07d;
}
.small-showcase-box .box-footer:after, .small-showcase-box .box-footer:before {
border-bottom: 1px solid;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 10px;
content: "";
width: 20px;
top: 7px;
} .lazy-load {
-webkit-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
opacity: 0;
}
.lazy-load.scale {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.lazy-load.scale.down {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.lazy-load.show {
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
transition-delay: 450ms;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}  .main-slider {
position: relative;
z-index: 16;
}
.main-slider .slide {
height: calc(100vh - 40px);
position: relative;
display: block;
width: 100%;
}
.main-slider .slide .slide-content {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
text-align: center;
left: 50%;
top: 50%;
}
.main-slider .slide .slide-content h2,
.main-slider .slide .slide-content span {
-webkit-transition: all 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
opacity: 0;
}
.main-slider .slide .slide-content h2 {
text-transform: uppercase;
letter-spacing: 0.26em;
font-weight: 500;
-webkit-transform: translateY(-85%);
-ms-transform: translateY(-85%);
transform: translateY(-85%);
font-size: 40px;
color: #fff;
margin: 0;
}
@media (max-width: 768px) {
.main-slider .slide .slide-content h2 {
font-size: 22px;
}
}
.main-slider .slide .slide-content span {
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
transition-delay: 450ms;
-webkit-transform: translateX(-7.5%);
-ms-transform: translateX(-7.5%);
transform: translateX(-7.5%);
font-family: "Satisfy", cursive;
text-transform: none;
letter-spacing: 0em;
margin: 17.5px 0 0;
font-size: 28px;
display: block;
color: #fff;
}
@media (max-width: 768px) {
.main-slider .slide .slide-content span {
font-size: 16px;
}
}
.main-slider .slide img {
object-fit: cover;
height: 100%;
width: 100%;
}
.main-slider .slide.slick-current .slide-content h2,
.main-slider .slide.slick-current .slide-content span {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.main-slider .slick-arrow {
text-transform: uppercase;
letter-spacing: 0.3em;
position: absolute;
font-weight: 500;
line-height: 1em;
cursor: pointer;
font-size: 10px;
background: 0;
color: #fff;
z-index: 4;
top: 17.5%;
}
.main-slider .slick-arrow.slick-next {
right: 140px;
}
.main-slider .slick-arrow.slick-prev {
left: 140px;
}
.main-slider .custom-slider-nav {
-webkit-transition: all 565ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 565ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 565ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
border-left: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scaleX(0.8);
-ms-transform: scaleX(0.8);
transform: scaleX(0.8);
position: absolute;
line-height: 1em;
overflow: hidden;
width: 125px;
font-size: 0;
bottom: 0;
right: 0;
top: 0;
}
.main-slider .custom-slider-nav .slider-nav-inner {
height: 100%;
padding-top: 150px;
}
.main-slider .custom-slider-nav .slider-nav-inner .slides-toggle {
-webkit-transition: all 425ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 425ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 425ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 475ms;
-moz-transition-delay: 475ms;
transition-delay: 475ms;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-top: 1px solid rgba(255, 255, 255, 0.5);
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.3em;
position: relative;
-webkit-transform: translateY(calc(-50% - 75px));
-ms-transform: translateY(calc(-50% - 75px));
transform: translateY(calc(-50% - 75px));
text-align: center;
line-height: 20px;
font-weight: 500;
cursor: pointer;
font-size: 10px;
display: block;
height: 20px;
width: 100%;
color: #fff;
top: 50%;
}
.main-slider .custom-slider-nav .nav-carousel {
-webkit-transition: all 475ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 475ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 475ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
visibility: hidden;
line-height: 1em;
font-size: 0;
opacity: 0;
-webkit-transform: scale(0.35);
-ms-transform: scale(0.35);
transform: scale(0.35);
}
.main-slider .custom-slider-nav .nav-carousel ul {
line-height: 1em;
font-size: 0;
}
.main-slider .custom-slider-nav .nav-carousel ul li {
position: relative;
line-height: 1em;
font-size: 0;
border: 0;
}
.main-slider .custom-slider-nav .nav-carousel ul li img {
cursor: pointer;
width: 100%;
}
.main-slider .custom-slider-nav .nav-carousel ul li .active-indicator {
-webkit-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-box-shadow: inset 0 0 0 3px #181c25;
box-shadow: inset 0 0 0 3px #181c25;
pointer-events: none;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 2;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.main-slider .custom-slider-nav .nav-carousel ul li.slick-current .active-indicator {
visibility: visible;
opacity: 1;
}
.main-slider .custom-slider-nav:hover, .main-slider .custom-slider-nav.active {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.main-slider .custom-slider-nav.active .slider-nav-inner .slides-toggle {
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
top: 0;
}
.main-slider .custom-slider-nav.active .nav-carousel {
-webkit-transition-delay: 485ms;
-moz-transition-delay: 485ms;
transition-delay: 485ms;
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
@media (max-width: 768px) {
.main-slider .custom-slider-nav {
display: none;
}
} .index-slider {
position: relative;
}
.index-slider .slick-arrow {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
background: 0;
font-size: 0;
z-index: 2;
top: 50%;
}
.index-slider .slick-arrow:before {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
font-family: icomoon;
letter-spacing: 0em;
position: absolute;
line-height: 1em;
font-size: 24px;
color: #505569;
z-index: 2;
left: 50%;
top: 50%;
}
.index-slider .slick-arrow:after {
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
font-family: icomoon;
line-height: 1em;
font-size: 115px;
color: #ededed;
opacity: 0.5;
}
.index-slider .slick-arrow.slick-prev {
left: 0;
}
.index-slider .slick-arrow.slick-prev:before {
content: "";
left: 45%;
}
.index-slider .slick-arrow.slick-prev:after {
content: "";
}
.index-slider .slick-arrow.slick-next {
right: 0;
}
.index-slider .slick-arrow.slick-next:before {
content: "";
left: 55%;
}
.index-slider .slick-arrow.slick-next:after {
content: "";
}
.index-slider .slick-arrow:hover:after {
opacity: 1;
}
.index-slider .slide {
position: relative;
}
.index-slider .slide .slide-content {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
right: 0;
top: 50%;
left: 0;
}
.index-slider .slide .slide-content h1,
.index-slider .slide .slide-content p {
-webkit-transition: all 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
color: #fff;
opacity: 0;
}
.index-slider .slide .slide-content h1 {
text-transform: uppercase;
letter-spacing: 0.26em;
-webkit-transform: translateY(-95%);
-ms-transform: translateY(-95%);
transform: translateY(-95%);
font-weight: 500;
font-size: 40px;
margin: 0 0 30px;
}
@media (max-width: 768px) {
.index-slider .slide .slide-content h1 {
font-size: 22px;
}
}
.index-slider .slide .slide-content p {
-webkit-transition-delay: 450ms;
-moz-transition-delay: 450ms;
transition-delay: 450ms;
font-family: "Satisfy", cursive;
-webkit-transform: translateX(7.5%);
-ms-transform: translateX(7.5%);
transform: translateX(7.5%);
font-size: 28px;
margin: 0;
}
@media (max-width: 768px) {
.index-slider .slide .slide-content p {
font-size: 16px;
}
}
.index-slider .slide.slick-current .slide-content {
padding: 0 30px;
z-index: 2;
}
.index-slider .slide.slick-current .slide-content h1,
.index-slider .slide.slick-current .slide-content p {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
@media (max-width: 768px) {
.index-slider .slide {
height: 425px;
}
.index-slider .slide img {
position: absolute;
object-fit: cover;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.index-slider .slick-arrow:before {
font-size: 16px;
}
.index-slider .slick-arrow:after {
font-size: 80px;
}
} .rev_slider_wrapper .tparrows.narcos {
-webkit-transform: translate(0, calc(-50% - 32px)) !important;
-ms-transform: translate(0, calc(-50% - 32px)) !important;
transform: translate(0, calc(-50% - 32px)) !important;
display: inline-block;
background: 0 !important;
height: auto;
width: auto;
}
@media (max-width: 541px) {
.rev_slider_wrapper .tparrows.narcos {
-webkit-transform: translate(0, -50%) !important;
-ms-transform: translate(0, -50%) !important;
transform: translate(0, -50%) !important;
}
}
.rev_slider_wrapper .tparrows.narcos:before {
display: none;
}
.rev_slider_wrapper .tparrows.narcos .tt-narcos-arrow {
display: inline-block;
position: relative;
}
.rev_slider_wrapper .tparrows.narcos .tt-narcos-arrow:before {
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
font-family: icomoon;
line-height: 1em;
font-size: 115px;
color: #ededed;
opacity: 0.5;
}
@media (max-width: 541px) {
.rev_slider_wrapper .tparrows.narcos .tt-narcos-arrow:before {
font-size: 86px;
}
}
.rev_slider_wrapper .tparrows.narcos .tt-narcos-arrow:after {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
font-family: icomoon;
letter-spacing: 0em;
position: absolute;
line-height: 1em;
font-size: 24px;
color: #505569;
z-index: 2;
left: 50%;
top: 50%;
}
@media (max-width: 541px) {
.rev_slider_wrapper .tparrows.narcos .tt-narcos-arrow:after {
font-size: 16px;
}
}
.rev_slider_wrapper .tparrows.narcos:hover .tt-narcos-arrow:before {
opacity: 1;
}
.rev_slider_wrapper .tparrows.narcos.tp-leftarrow .tt-narcos-arrow:before {
content: "";
}
.rev_slider_wrapper .tparrows.narcos.tp-leftarrow .tt-narcos-arrow:after {
content: "";
left: 45%;
}
.rev_slider_wrapper .tparrows.narcos.tp-rightarrow {
-webkit-transform: translate(-100%, calc(-50% - 32px)) !important;
-ms-transform: translate(-100%, calc(-50% - 32px)) !important;
transform: translate(-100%, calc(-50% - 32px)) !important;
}
@media (max-width: 541px) {
.rev_slider_wrapper .tparrows.narcos.tp-rightarrow {
-webkit-transform: translate(-100%, -50%) !important;
-ms-transform: translate(-100%, -50%) !important;
transform: translate(-100%, -50%) !important;
} 
}
.rev_slider_wrapper .tparrows.narcos.tp-rightarrow .tt-narcos-arrow:before {
content: "";
}
.rev_slider_wrapper .tparrows.narcos.tp-rightarrow .tt-narcos-arrow:after {
left: 55%;
content: "";
}
.rev_slider_wrapper .tp-bullets.custom .tp-bullet {
position: relative;
cursor: pointer;
display: block;
background: 0;
height: 24px;
width: 24px;
}
.rev_slider_wrapper .tp-bullets.custom .tp-bullet:before {
-webkit-transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
display: inline-block;
border-radius: 50%;
position: absolute;
height: 24px;
width: 24px;
content: "";
opacity: 0;
left: -1px;
top: -1px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.rev_slider_wrapper .tp-bullets.custom .tp-bullet:after {
-webkit-transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 275ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
position: absolute;
border-radius: 50%;
background: #fff;
content: "";
height: 5px;
width: 5px;
left: 50%;
top: 50%;
}
.rev_slider_wrapper .tp-bullets.custom .tp-bullet.selected:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.rev_slider_wrapper .tp-bullets.custom .tp-bullet.selected:after {
opacity: 0;
}
.rev_slider_wrapper .tp-bullets.custom .tp-bullet:nth-of-type(2) {
top: 20px !important;
}
.rev_slider_wrapper .tp-bullets.custom .tp-bullet:nth-of-type(3) {
top: 40px !important;
}
.rev_slider_wrapper .tp-bullets.custom .tp-bullet:nth-of-type(4) {
top: 60px !important;
} .sidebar {
position: relative;
padding-right: 15px;
}
.sidebar:after {
pointer-events: none;
background: #f4f4f4;
position: absolute;
height: 3000%;
content: "";
left: -30px;
top: -950px;
width: 200%;
}
@media (max-width: 1200px) {
.sidebar {
padding-left: 15px;
}
.sidebar:after {
left: 0px;
}
}
@media (max-width: 992px) {
.sidebar {
padding: 30px;
margin-top: 45px;
}
.sidebar:after {
top: 0;
}
}
@media (max-width: 450px) {
.sidebar {
padding: 15px;
}
}
.content-wrapper .widget {
position: relative;
margin: 0 0 40px;
z-index: 2;
}
.content-wrapper .widget .screen-reader-text {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1em;
font-weight: 700;
margin: 0 10px 0 0;
font-size: 10px;
color: #757678;
}
.content-wrapper .widget select {
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 1em;
margin: 0 10px 0 0;
font-size: 10px;
color: #757678;
outline: none;
padding: 4px;
}
.content-wrapper .widget .widget-caption {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1em;
font-weight: 700;
margin: 0 0 20px;
font-size: 13px;
color: #757678;
}
.content-wrapper .widget .widget-caption:after {
background: #c1ad96;
margin: 15px 0 0;
display: block;
content: "";
width: 30px;
height: 2px;
}
.content-wrapper .widget:not(.widget_tag_cloud):not(.widget_popular_posts):not(.widget_search):not(.widget_instagram):not(.widget_twitter):not(.widget_popular_products):not(.widget_order_totals):not(.widget_products):not(.widget_top_rated_products):not(.widget_shopping_cart):not(.tesla-twitter-widget):not(.tesla-instagram-widget) ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.content-wrapper .widget:not(.widget_tag_cloud):not(.widget_popular_posts):not(.widget_search):not(.widget_instagram):not(.widget_twitter):not(.widget_popular_products):not(.widget_order_totals):not(.widget_products):not(.widget_top_rated_products):not(.widget_shopping_cart):not(.tesla-twitter-widget):not(.tesla-instagram-widget) ul li {
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 0 0 10px 0;
font-weight: 700;
font-size: 11px;
display: block;
color: #adadad;
}
.content-wrapper .widget:not(.widget_tag_cloud):not(.widget_popular_posts):not(.widget_search):not(.widget_instagram):not(.widget_twitter):not(.widget_popular_products):not(.widget_order_totals):not(.widget_products):not(.widget_top_rated_products):not(.widget_shopping_cart):not(.tesla-twitter-widget):not(.tesla-instagram-widget) ul li a {
border-bottom: 1px dashed #cfcfcf;
display: inline-block;
padding: 0 40px 10px 0;
min-width: 185px;
}
.content-wrapper .widget:not(.widget_tag_cloud):not(.widget_popular_posts):not(.widget_search):not(.widget_instagram):not(.widget_twitter):not(.widget_popular_products):not(.widget_order_totals):not(.widget_products):not(.widget_top_rated_products):not(.widget_shopping_cart):not(.tesla-twitter-widget):not(.tesla-instagram-widget) ul li a:before {
display: inline-block;
font-family: icomoon;
margin: 0 7.5px 0 0;
position: relative;
font-weight: 500;
font-size: 13px;
content: "";
color: #c1ad96;
top: 1px;
}
.content-wrapper .widget:not(.widget_tag_cloud):not(.widget_popular_posts):not(.widget_search):not(.widget_instagram):not(.widget_twitter):not(.widget_popular_products):not(.widget_order_totals):not(.widget_products):not(.widget_top_rated_products):not(.widget_shopping_cart):not(.tesla-twitter-widget):not(.tesla-instagram-widget) ul li a:hover {
color: #c1ad96;
padding-left: 10px;
}
.content-wrapper .widget:not(.widget_tag_cloud):not(.widget_popular_posts):not(.widget_search):not(.widget_instagram):not(.widget_twitter):not(.widget_popular_products):not(.widget_order_totals):not(.widget_products):not(.widget_top_rated_products):not(.widget_shopping_cart):not(.tesla-twitter-widget):not(.tesla-instagram-widget) ul li a:hover:before {
color: #ae9476;
}
.content-wrapper .widget:not(.widget_tag_cloud):not(.widget_popular_posts):not(.widget_search):not(.widget_instagram):not(.widget_twitter):not(.widget_popular_products):not(.widget_order_totals):not(.widget_products):not(.widget_top_rated_products):not(.widget_shopping_cart):not(.tesla-twitter-widget):not(.tesla-instagram-widget) ul li:last-of-type {
margin: 0;
}
.content-wrapper .widget:not(.widget_tag_cloud):not(.widget_popular_posts):not(.widget_search):not(.widget_instagram):not(.widget_twitter):not(.widget_popular_products):not(.widget_order_totals):not(.widget_products):not(.widget_top_rated_products):not(.widget_shopping_cart):not(.tesla-twitter-widget):not(.tesla-instagram-widget) ul li:last-of-type a {
padding-bottom: 0;
border: 0;
}
.content-wrapper .widget.widget_tag_cloud .tagcloud, .content-wrapper .widget.widget_product_tag_cloud .tagcloud {
max-width: 360px;
line-height: 1em;
font-size: 0;
}
.content-wrapper .widget.widget_tag_cloud .tagcloud a, .content-wrapper .widget.widget_product_tag_cloud .tagcloud a {
font-size: 13px !important;
border: 1px dashed #cfcfcf;
display: inline-block;
margin: 0 10px 10px 0;
padding: 7.5px 10px;
line-height: 1em;
color: #757678;
}
.content-wrapper .widget.widget_tag_cloud .tagcloud a:hover, .content-wrapper .widget.widget_product_tag_cloud .tagcloud a:hover {
border: 1px solid #2e3b5a;
background: #2e3b5a;
color: #fff;
}
.content-wrapper .widget.widget_popular_posts .popular-posts,
.content-wrapper .widget.widget_popular_posts .popular-products, .content-wrapper .widget.widget_popular_products .popular-posts,
.content-wrapper .widget.widget_popular_products .popular-products {
line-height: 1em;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product {
position: relative;
min-height: 120px;
overflow: hidden;
padding-left: 190px;
padding-top: 25px;
margin-bottom: 20px;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .cover,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .cover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .cover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .cover, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .cover,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .cover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .cover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .cover {
position: absolute;
line-height: 1em;
font-size: 0;
width: 160px;
left: 0;
top: 0;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .cover img,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .cover img,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .cover img,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .cover img, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .cover img,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .cover img,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .cover img,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .cover img {
width: 100%;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .cover:after,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .cover:after,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .cover:after,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .cover:after, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .cover:after,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .cover:after,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .cover:after,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .cover:after {
-webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(57, 59, 81, 0.25);
pointer-events: none;
position: absolute;
content: "";
opacity: 0;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .cover:hover:after,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .cover:hover:after,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .cover:hover:after,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .cover:hover:after, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .cover:hover:after,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .cover:hover:after,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .cover:hover:after,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .cover:hover:after {
opacity: 1;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .post-title,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .product-title,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .post-title,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .product-title,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .post-title,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .product-title,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .post-title,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .product-title, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .post-title,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-post .product-title,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .post-title,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .product-title,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .post-title,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .product-title,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .post-title,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .product-title {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1.8em;
margin: 0 0 10px;
font-size: 13px;
color: #5b5b60;
display: block;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .post-title a,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .product-title a,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .post-title a,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .product-title a,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .post-title a,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .product-title a,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .post-title a,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .product-title a, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .post-title a,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-post .product-title a,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .post-title a,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .product-title a,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .post-title a,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .product-title a,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .post-title a,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .product-title a {
display: inline-block;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .post-title a:hover,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .product-title a:hover,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .post-title a:hover,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .product-title a:hover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .post-title a:hover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .product-title a:hover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .post-title a:hover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .product-title a:hover, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .post-title a:hover,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-post .product-title a:hover,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .post-title a:hover,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .product-title a:hover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .post-title a:hover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .product-title a:hover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .post-title a:hover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .product-title a:hover {
color: #2e3b5a;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .post-meta,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .post-meta,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .post-meta,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .post-meta, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .post-meta,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .post-meta,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .post-meta,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .post-meta {
line-height: 1em;
font-size: 0;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .post-meta li,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .post-meta li,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .post-meta li,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .post-meta li, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .post-meta li,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .post-meta li,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .post-meta li,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .post-meta li {
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
margin: 0 30px 0 0;
line-height: 1em;
font-size: 10px;
color: #a1a1a1;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .post-meta li a:hover,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .post-meta li a:hover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .post-meta li a:hover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .post-meta li a:hover, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .post-meta li a:hover,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .post-meta li a:hover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .post-meta li a:hover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .post-meta li a:hover {
color: #2e3b5a;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .post-meta li:last-of-type, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .post-meta li:last-of-type {
margin: 0;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post:last-of-type,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product:last-of-type,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post:last-of-type,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product:last-of-type, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post:last-of-type,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product:last-of-type,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post:last-of-type,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product:last-of-type {
margin: 0;
}
@media (max-width: 1400px) {
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product {
padding-top: 0;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .post-meta li,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .post-meta li,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .post-meta li,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .post-meta li, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .post-meta li,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .post-meta li,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .post-meta li,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .post-meta li {
display: block;
margin: 0 0 10px;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .post-meta li:last-of-type, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .post-meta li:last-of-type,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .post-meta li:last-of-type {
margin: 0;
}
}
@media (max-width: 450px) {
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product {
padding-left: 0;
}
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-post .cover,
.content-wrapper .widget.widget_popular_posts .popular-posts .popular-product .cover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-post .cover,
.content-wrapper .widget.widget_popular_posts .popular-products .popular-product .cover, .content-wrapper .widget.widget_popular_products .popular-posts .popular-post .cover,
.content-wrapper .widget.widget_popular_products .popular-posts .popular-product .cover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-post .cover,
.content-wrapper .widget.widget_popular_products .popular-products .popular-product .cover {
position: relative;
margin: 0 0 15px;
width: 100%;
}
}
.content-wrapper .widget.widget_popular_products .popular-product .cover {
position: relative;
line-height: 1em;
font-size: 0;
}
.content-wrapper .widget.widget_popular_products .popular-product .cover:after {
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(57, 59, 81, 0.2);
pointer-events: none;
position: absolute;
content: "";
opacity: 0;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.content-wrapper .widget.widget_popular_products .popular-product .cover:hover:after {
opacity: 1;
}
.content-wrapper .widget.widget_popular_products .price {
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
line-height: 1em;
color: #c1ad96;
}
.content-wrapper .widget.widget_search_tesla .search-form {
position: relative;
max-width: 340px;
}
.content-wrapper .widget.widget_search_tesla .search-form .form-input {
color: #9a9a9a;
border: 1px solid #e8e8e8;
text-transform: uppercase;
padding: 0 25px 0 45px;
letter-spacing: 0.2em;
line-height: 46px;
font-weight: 700;
font-size: 13px;
display: block;
height: 48px;
width: 100%;
}
.content-wrapper .widget.widget_search_tesla .search-form .form-input::-webkit-input-placeholder {
color: #cdcdcd;
}
.content-wrapper .widget.widget_search_tesla .search-form .form-input:-moz-placeholder {
color: #cdcdcd;
}
.content-wrapper .widget.widget_search_tesla .search-form .form-input.placeholder {
color: #cdcdcd;
}
.content-wrapper .widget.widget_search_tesla .search-form .form-input:focus, .content-wrapper .widget.widget_search_tesla .search-form .form-input.has-value {
border-color: #c2c2c2;
}
.content-wrapper .widget.widget_search_tesla .search-form .form-submit {
display: inline-block;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
background: 0;
left: 15px;
top: 50%;
}
.content-wrapper .widget.widget_search_tesla .search-form .form-submit i {
-webkit-transition: all 210ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 210ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 210ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
line-height: 1em;
font-size: 16px;
color: #747577;
}
.content-wrapper .widget.widget_search_tesla .search-form .form-submit i:hover {
color: #424243;
}
.content-wrapper .widget.widget_twitter .twitter_widget .twitter-list,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter-list,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter, .content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter-list,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter-list,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter {
max-width: 445px;
line-height: 1em;
display: block;
font-size: 0;
}
.content-wrapper .widget.widget_twitter .twitter_widget .twitter-list li,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter-list .tweet,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter li,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter .tweet,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter-list li,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter-list .tweet,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter li,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter .tweet, .content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter-list li,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter-list .tweet,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter li,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter .tweet,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter-list li,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter-list .tweet,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter li,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter .tweet {
letter-spacing: 0.04em;
line-height: 1.35em;
margin: 0 0 25px;
font-size: 13px;
color: #adadad;
}
.content-wrapper .widget.widget_twitter .twitter_widget .twitter-list li:last-of-type,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter-list .tweet:last-of-type,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter li:last-of-type,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter .tweet:last-of-type,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter-list li:last-of-type,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter-list .tweet:last-of-type,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter li:last-of-type,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter .tweet:last-of-type, .content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter-list li:last-of-type,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter-list .tweet:last-of-type,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter li:last-of-type,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter .tweet:last-of-type,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter-list li:last-of-type,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter-list .tweet:last-of-type,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter li:last-of-type,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter .tweet:last-of-type {
margin: 0;
}
.content-wrapper .widget.widget_twitter .twitter_widget .twitter-list li a,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter-list .tweet a,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter li a,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter .tweet a,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter-list li a,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter-list .tweet a,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter li a,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter .tweet a, .content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter-list li a,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter-list .tweet a,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter li a,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter .tweet a,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter-list li a,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter-list .tweet a,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter li a,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter .tweet a {
color: #757678;
}
.content-wrapper .widget.widget_twitter .twitter_widget .twitter-list li .date,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter-list .tweet .date,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter li .date,
.content-wrapper .widget.widget_twitter .twitter_widget .twitter .tweet .date,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter-list li .date,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter-list .tweet .date,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter li .date,
.content-wrapper .widget.widget_twitter .tt_twitter .twitter .tweet .date, .content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter-list li .date,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter-list .tweet .date,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter li .date,
.content-wrapper .widget.tesla-twitter-widget .twitter_widget .twitter .tweet .date,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter-list li .date,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter-list .tweet .date,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter li .date,
.content-wrapper .widget.tesla-twitter-widget .tt_twitter .twitter .tweet .date {
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 12.5px 0 0;
line-height: 1em;
font-size: 11px;
color: #757678;
display: block;
}
.content-wrapper .widget.widget_instagram .instagram-feed,
.content-wrapper .widget.widget_instagram .tt-instagram-feed, .content-wrapper .widget.tesla-instagram-widget .instagram-feed,
.content-wrapper .widget.tesla-instagram-widget .tt-instagram-feed {
padding: 10px 0 0;
line-height: 1em;
max-width: 445px;
margin: 0 -15px;
display: block;
font-size: 0;
}
.content-wrapper .widget.widget_instagram .instagram-feed li,
.content-wrapper .widget.widget_instagram .tt-instagram-feed li, .content-wrapper .widget.tesla-instagram-widget .instagram-feed li,
.content-wrapper .widget.tesla-instagram-widget .tt-instagram-feed li {
width: calc(100% / 3);
padding: 0 15px;
margin: 0 0 15px;
float: left;
}
.content-wrapper .widget.widget_instagram .instagram-feed li a,
.content-wrapper .widget.widget_instagram .tt-instagram-feed li a, .content-wrapper .widget.tesla-instagram-widget .instagram-feed li a,
.content-wrapper .widget.tesla-instagram-widget .tt-instagram-feed li a {
display: inline-block;
position: relative;
}
.content-wrapper .widget.widget_instagram .instagram-feed li a:after,
.content-wrapper .widget.widget_instagram .tt-instagram-feed li a:after, .content-wrapper .widget.tesla-instagram-widget .instagram-feed li a:after,
.content-wrapper .widget.tesla-instagram-widget .tt-instagram-feed li a:after {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(112, 112, 127, 0.35);
position: absolute;
pointer-events: none;
opacity: 0;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: "";
}
.content-wrapper .widget.widget_instagram .instagram-feed li a:hover:after,
.content-wrapper .widget.widget_instagram .tt-instagram-feed li a:hover:after, .content-wrapper .widget.tesla-instagram-widget .instagram-feed li a:hover:after,
.content-wrapper .widget.tesla-instagram-widget .tt-instagram-feed li a:hover:after {
opacity: 1;
}
.content-wrapper .widget.tesla-instagram-widget:before,
.content-wrapper .widget.tesla-instagram-widget:after {
content: " ";
display: table;
}
.content-wrapper .widget.tesla-instagram-widget:after {
clear: both;
}
@media (max-width: 450px) {
.content-wrapper .widget.widget_instagram .instagram-feed li,
.content-wrapper .widget.widget_instagram .tt-instagram-feed li, .content-wrapper .widget.tesla-instagram-widget .instagram-feed li,
.content-wrapper .widget.tesla-instagram-widget .tt-instagram-feed li {
padding: 0 7.5px;
margin: 0 0 7.5px;
}
}
.content-wrapper .widget.widget_price_filter .price-slider,
.content-wrapper .widget.widget_price_filter .price_slider_wrapper {
margin: 0 0 22.5px;
max-width: 275px;
display: block;
}
.content-wrapper .widget.widget_price_filter .price-slider .ui-widget-content,
.content-wrapper .widget.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #b5b6b7 !important;
border-radius: 0 !important;
height: 6px !important;
border: 0 !important;
margin: 0 0 22.5px !important;
}
.content-wrapper .widget.widget_price_filter .price-slider .ui-widget-content .ui-slider-range,
.content-wrapper .widget.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range {
background: #c9b7a2 !important;
}
.content-wrapper .widget.widget_price_filter .price-slider .ui-widget-content .ui-slider-handle,
.content-wrapper .widget.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle {
background: #b4a18a !important;
cursor: pointer !important;
}
.content-wrapper .widget.widget_price_filter .price_slider_amount .button {
text-transform: uppercase !important;
border-radius: 0 !important;
line-height: 37.5px !important;
height: 37.5px !important;
position: relative !important;
padding: 0 20px 0 20px !important;
letter-spacing: 0.2em !important;
background: #4c4a58 !important;
font-weight: 700 !important;
font-size: 13px !important;
color: #b4b2c5 !important;
z-index: 2 !important;
}
.content-wrapper .widget.widget_price_filter .price_slider_amount .button:hover {
background: #2e2d35 !important;
color: #d7d6e0 !important;
}
.content-wrapper .widget.widget_price_filter .price_slider_amount .price_label {
position: relative;
line-height: 1em;
font-size: 12px;
color: #b4a18a;
top: 14px;
}
.content-wrapper .widget.widget_order_totals {
padding-right: 30px;
}
.content-wrapper .widget.widget_order_totals .products-box {
margin-bottom: 10px;
}
.content-wrapper .widget.widget_order_totals .products-box .box-header {
position: relative;
padding: 0 22.5px;
line-height: 1em;
border-top: 1px dashed #cfcfcf;
border-bottom: 1px dashed #cfcfcf;
}
.content-wrapper .widget.widget_order_totals .products-box .box-header .header-title {
text-transform: uppercase;
vertical-align: middle;
line-height: 50px;
font-weight: 700;
font-size: 11px;
color: #adadad;
height: 50px;
}
.content-wrapper .widget.widget_order_totals .products-box .box-header .header-title.last {
position: absolute;
left: 70%;
top: 0;
}
.content-wrapper .widget.widget_order_totals .products-box .products-list {
line-height: 1em;
padding: 24px 0;
}
.content-wrapper .widget.widget_order_totals .products-box .products-list .product {
position: relative;
padding: 0 20px;
margin-bottom: 35px;
}
.content-wrapper .widget.widget_order_totals .products-box .products-list .product .product-title {
letter-spacing: 0.2em;
line-height: 1.5em;
font-weight: 700;
font-size: 14px;
display: block;
max-width: 65%;
color: #4c4a58;
margin: 0;
}
.content-wrapper .widget.widget_order_totals .products-box .products-list .product .price {
text-transform: uppercase;
letter-spacing: 0.2em;
position: absolute;
font-weight: 700;
font-size: 14px;
color: #848484;
left: 70%;
top: 4px;
}
.content-wrapper .widget.widget_order_totals .products-box .products-list .product:last-of-type {
margin: 0;
}
.content-wrapper .widget.widget_order_totals .products-box .box-footer {
position: relative;
padding: 0 20px;
border-bottom: 1px dashed #d1d1d1;
border-top: 1px dashed #d1d1d1;
}
.content-wrapper .widget.widget_order_totals .products-box .box-footer .title,
.content-wrapper .widget.widget_order_totals .products-box .box-footer .total-price {
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.2em;
line-height: 50px;
font-weight: 700;
height: 50px;
}
.content-wrapper .widget.widget_order_totals .products-box .box-footer .title {
font-size: 11px;
color: #adadad;
}
.content-wrapper .widget.widget_order_totals .products-box .box-footer .total-price {
position: absolute;
top: 0;
left: 70%;
font-size: 14px;
color: #848484;
}
.content-wrapper .widget.widget_order_totals .order-totals {
border-bottom: 1px dashed #d1d1d1;
border-top: 1px dashed #d1d1d1;
position: relative;
margin: 0 0 10px;
padding: 0 20px;
}
.content-wrapper .widget.widget_order_totals .cart-discount {
position: relative;
padding: 0 20px;
}
.content-wrapper .widget.widget_order_totals .title,
.content-wrapper .widget.widget_order_totals .total-price,
.content-wrapper .widget.widget_order_totals span.label,
.content-wrapper .widget.widget_order_totals span.field {
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.2em;
line-height: 50px;
font-weight: 700;
height: 50px;
}
.content-wrapper .widget.widget_order_totals .title,
.content-wrapper .widget.widget_order_totals span.label {
font-size: 11px;
color: #adadad;
}
.content-wrapper .widget.widget_order_totals .total-price,
.content-wrapper .widget.widget_order_totals span.field {
position: absolute;
top: 0;
left: 70%;
font-size: 14px;
color: #848484;
}
.content-wrapper .widget.widget_order_totals span.field {
left: 55%;
white-space: nowrap;
}
.content-wrapper .widget.widget_order_totals .shipping-selection-box,
.content-wrapper .widget.widget_order_totals .payment-options-box {
position: relative;
margin: 0 0 10px;
padding: 20px 0;
display: block;
border-bottom: 1px dashed #d1d1d1;
border-top: 1px dashed #d1d1d1;
}
.content-wrapper .widget.widget_order_totals .shipping-selection-box .box-title,
.content-wrapper .widget.widget_order_totals .payment-options-box .box-title {
text-transform: uppercase;
letter-spacing: 0.2em;
position: absolute;
line-height: 1em;
font-weight: 700;
font-size: 11px;
color: #adadad;
top: 27.5px;
left: 20px;
}
.content-wrapper .widget.widget_order_totals .shipping-selection-box .payment-options,
.content-wrapper .widget.widget_order_totals .shipping-selection-box .shipping-options,
.content-wrapper .widget.widget_order_totals .payment-options-box .payment-options,
.content-wrapper .widget.widget_order_totals .payment-options-box .shipping-options {
position: relative;
left: 40%;
}
.content-wrapper .widget.widget_order_totals .shipping-selection-box .payment-options .checkbox,
.content-wrapper .widget.widget_order_totals .shipping-selection-box .payment-options .price,
.content-wrapper .widget.widget_order_totals .shipping-selection-box .shipping-options .checkbox,
.content-wrapper .widget.widget_order_totals .shipping-selection-box .shipping-options .price,
.content-wrapper .widget.widget_order_totals .payment-options-box .payment-options .checkbox,
.content-wrapper .widget.widget_order_totals .payment-options-box .payment-options .price,
.content-wrapper .widget.widget_order_totals .payment-options-box .shipping-options .checkbox,
.content-wrapper .widget.widget_order_totals .payment-options-box .shipping-options .price {
display: inline-block;
}
.content-wrapper .widget.widget_order_totals .shipping-selection-box .payment-options .price,
.content-wrapper .widget.widget_order_totals .shipping-selection-box .shipping-options .price,
.content-wrapper .widget.widget_order_totals .payment-options-box .payment-options .price,
.content-wrapper .widget.widget_order_totals .payment-options-box .shipping-options .price {
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
margin-left: 35px;
font-size: 14px;
color: #848484;
}
@media (max-width: 450px) {
.content-wrapper .widget.widget_order_totals .shipping-selection-box .payment-options .price,
.content-wrapper .widget.widget_order_totals .shipping-selection-box .shipping-options .price,
.content-wrapper .widget.widget_order_totals .payment-options-box .payment-options .price,
.content-wrapper .widget.widget_order_totals .payment-options-box .shipping-options .price {
display: block;
margin: 0;
}
}
@media (max-width: 768px) {
.content-wrapper .widget.widget_order_totals .shipping-selection-box .box-title,
.content-wrapper .widget.widget_order_totals .payment-options-box .box-title {
position: relative;
margin-bottom: 17.5px;
display: block;
left: 0;
top: 0;
}
.content-wrapper .widget.widget_order_totals .shipping-selection-box .payment-options,
.content-wrapper .widget.widget_order_totals .shipping-selection-box .shipping-options,
.content-wrapper .widget.widget_order_totals .payment-options-box .payment-options,
.content-wrapper .widget.widget_order_totals .payment-options-box .shipping-options {
left: 0;
}
}
.content-wrapper .widget.widget_products .product_list_widget li, .content-wrapper .widget.widget_top_rated_products .product_list_widget li, .content-wrapper .widget.widget_shopping_cart .product_list_widget li {
padding: 0;
}
.content-wrapper .widget.widget_products .product_list_widget li:not(:last-of-type), .content-wrapper .widget.widget_top_rated_products .product_list_widget li:not(:last-of-type), .content-wrapper .widget.widget_shopping_cart .product_list_widget li:not(:last-of-type) {
margin-bottom: 20px;
}
.content-wrapper .widget.widget_products .product_list_widget li a:not(.remove), .content-wrapper .widget.widget_top_rated_products .product_list_widget li a:not(.remove), .content-wrapper .widget.widget_shopping_cart .product_list_widget li a:not(.remove) {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1.8em;
margin: 0 0 6.5px;
font-size: 13px;
color: #5b5b60;
}
.content-wrapper .widget.widget_products .product_list_widget li a .product-title, .content-wrapper .widget.widget_top_rated_products .product_list_widget li a .product-title, .content-wrapper .widget.widget_shopping_cart .product_list_widget li a .product-title {
display: block;
padding-top: 25px;
}
.content-wrapper .widget.widget_products .product_list_widget li a .product-title:hover, .content-wrapper .widget.widget_top_rated_products .product_list_widget li a .product-title:hover, .content-wrapper .widget.widget_shopping_cart .product_list_widget li a .product-title:hover {
color: #2e3b5a;
}
.content-wrapper .widget.widget_products .product_list_widget li a img, .content-wrapper .widget.widget_top_rated_products .product_list_widget li a img, .content-wrapper .widget.widget_shopping_cart .product_list_widget li a img {
margin: 0 30px 0 0;
width: 160px;
float: left;
}
.content-wrapper .widget.widget_products .product_list_widget li .star-rating, .content-wrapper .widget.widget_top_rated_products .product_list_widget li .star-rating, .content-wrapper .widget.widget_shopping_cart .product_list_widget li .star-rating {
color: #ae9476;
letter-spacing: 0.185em;
width: 6em !important;
margin: 0 0 5px;
display: block;
}
.content-wrapper .widget.widget_products .product_list_widget li .amount, .content-wrapper .widget.widget_top_rated_products .product_list_widget li .amount, .content-wrapper .widget.widget_shopping_cart .product_list_widget li .amount {
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
line-height: 1em;
color: #c1ad96;
}
.content-wrapper .widget.widget_products .product_list_widget li ins, .content-wrapper .widget.widget_top_rated_products .product_list_widget li ins, .content-wrapper .widget.widget_shopping_cart .product_list_widget li ins {
text-decoration: none;
}
.content-wrapper .widget.widget_products .total, .content-wrapper .widget.widget_top_rated_products .total, .content-wrapper .widget.widget_shopping_cart .total {
text-transform: uppercase;
letter-spacing: 0.2em;
margin: 17.5px 0;
line-height: 1em;
font-weight: 700;
font-size: 13px;
color: #616373;
display: block;
padding: 0;
border: 0;
}
.content-wrapper .widget.widget_products .total .amount, .content-wrapper .widget.widget_top_rated_products .total .amount, .content-wrapper .widget.widget_shopping_cart .total .amount {
color: #b4a18a;
}
.content-wrapper .widget.widget_products .buttons .button, .content-wrapper .widget.widget_top_rated_products .buttons .button, .content-wrapper .widget.widget_shopping_cart .buttons .button {
text-transform: uppercase !important;
border-radius: 0 !important;
line-height: 37.5px !important;
height: 37.5px !important;
position: relative !important;
padding: 0 20px 0 20px !important;
letter-spacing: 0.2em !important;
background: #4c4a58 !important;
font-weight: 700 !important;
font-size: 13px !important;
color: #b4b2c5 !important;
}
.content-wrapper .widget.widget_products .buttons .button.checkout, .content-wrapper .widget.widget_top_rated_products .buttons .button.checkout, .content-wrapper .widget.widget_shopping_cart .buttons .button.checkout {
margin-left: 12.5px;
}
.content-wrapper .widget.widget_products .buttons .button:hover, .content-wrapper .widget.widget_top_rated_products .buttons .button:hover, .content-wrapper .widget.widget_shopping_cart .buttons .button:hover {
background: #2e2d35 !important;
color: #d7d6e0 !important;
}
.content-wrapper .widget.widget_product_search .woocommerce-product-search .screen-reader-text,
.content-wrapper .widget.widget_product_search .search-form .screen-reader-text, .content-wrapper .widget.widget_search .woocommerce-product-search .screen-reader-text,
.content-wrapper .widget.widget_search .search-form .screen-reader-text {
text-transform: uppercase;
letter-spacing: 0.175em;
margin: 0 0 12.5px;
line-height: 1em;
font-weight: 700;
font-size: 12px;
color: #757678;
display: block;
}
.content-wrapper .widget.widget_product_search .woocommerce-product-search .search-field,
.content-wrapper .widget.widget_product_search .search-form .search-field, .content-wrapper .widget.widget_search .woocommerce-product-search .search-field,
.content-wrapper .widget.widget_search .search-form .search-field {
color: #9a9a9a;
border: 1px solid #e8e8e8;
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
font-weight: 700;
font-size: 12px;
padding: 0 20px;
height: 38px;
}
.content-wrapper .widget.widget_product_search .woocommerce-product-search .search-field::-webkit-input-placeholder,
.content-wrapper .widget.widget_product_search .search-form .search-field::-webkit-input-placeholder, .content-wrapper .widget.widget_search .woocommerce-product-search .search-field::-webkit-input-placeholder,
.content-wrapper .widget.widget_search .search-form .search-field::-webkit-input-placeholder {
color: #cdcdcd;
}
.content-wrapper .widget.widget_product_search .woocommerce-product-search .search-field:-moz-placeholder,
.content-wrapper .widget.widget_product_search .search-form .search-field:-moz-placeholder, .content-wrapper .widget.widget_search .woocommerce-product-search .search-field:-moz-placeholder,
.content-wrapper .widget.widget_search .search-form .search-field:-moz-placeholder {
color: #cdcdcd;
}
.content-wrapper .widget.widget_product_search .woocommerce-product-search .search-field.placeholder,
.content-wrapper .widget.widget_product_search .search-form .search-field.placeholder, .content-wrapper .widget.widget_search .woocommerce-product-search .search-field.placeholder,
.content-wrapper .widget.widget_search .search-form .search-field.placeholder {
color: #cdcdcd;
}
.content-wrapper .widget.widget_product_search .woocommerce-product-search .search-field:focus, .content-wrapper .widget.widget_product_search .woocommerce-product-search .search-field.has-value,
.content-wrapper .widget.widget_product_search .search-form .search-field:focus,
.content-wrapper .widget.widget_product_search .search-form .search-field.has-value, .content-wrapper .widget.widget_search .woocommerce-product-search .search-field:focus, .content-wrapper .widget.widget_search .woocommerce-product-search .search-field.has-value,
.content-wrapper .widget.widget_search .search-form .search-field:focus,
.content-wrapper .widget.widget_search .search-form .search-field.has-value {
border-color: #c2c2c2;
}
.content-wrapper .widget.widget_product_search .woocommerce-product-search input[type="submit"],
.content-wrapper .widget.widget_product_search .search-form input[type="submit"], .content-wrapper .widget.widget_search .woocommerce-product-search input[type="submit"],
.content-wrapper .widget.widget_search .search-form input[type="submit"] {
border: 1px solid #b69e82;
text-transform: uppercase;
padding: 0 20px 0 20px;
letter-spacing: 0.2em;
display: inline-block;
background: #c9b7a2;
line-height: 36px;
font-weight: 700;
border-radius: 0;
font-size: 13px;
color: #ffffff;
height: 38px;
margin-left: 10px;
}
.content-wrapper .widget.widget_product_search .woocommerce-product-search input[type="submit"]:hover,
.content-wrapper .widget.widget_product_search .search-form input[type="submit"]:hover, .content-wrapper .widget.widget_search .woocommerce-product-search input[type="submit"]:hover,
.content-wrapper .widget.widget_search .search-form input[type="submit"]:hover {
background: #b69e82;
} .comments-area {
padding: 60px 0 95px;
background: #f4f4f4;
}
.comments-area .comment-title {
margin: 0 0 35px;
font-size: 26px;
}
.comments-list .comment.byuser {
position: relative;
min-height: 115px;
margin: 0 0 60px;
padding: 20px 0 0 150px;
}
.comments-list .comment.byuser .comment:after {
display: none !important;
}
.comments-list .comment.byuser .rating-box,
.comments-list .comment.byuser .star-rating {
display: inline-block;
letter-spacing: 0.1em;
color: #c1ad96;
float: none;
width: 6em;
margin: 0;
position: absolute;
line-height: 1em;
top: 0;
right: 0;
}
.comments-list .comment.byuser .rating-box i,
.comments-list .comment.byuser .star-rating i {
display: inline-block;
font-weight: 700;
line-height: 1em;
font-size: 14px;
color: #c1ad96;
margin-right: 5px;
}
.comments-list .comment.byuser .rating-box i:last-of-type,
.comments-list .comment.byuser .star-rating i:last-of-type {
margin: 0;
}
.comments-list .comment.byuser .comment-body .comment-meta {
border-bottom: 1px solid #c6c7c7;
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
margin: 0 0 15px !important;
line-height: 1em;
font-weight: 700;
font-size: 13px;
color: #757678;
padding-bottom: 16px;
padding-right: 30px;
}
.comments-list .comment.byuser .comment-body .comment-meta span {
letter-spacing: 0.06em;
font-style: italic;
font-weight: 500;
}
.comments-list .comment.byuser .comment-body .comment-content {
letter-spacing: 0.06em;
line-height: 1.35em;
font-style: italic;
font-size: 14px;
display: block;
color: #b4b4b4;
margin: 0;
}
.comments-list .comment.byuser .avatar-cover,
.comments-list .comment.byuser div.avatar {
position: absolute;
width: 115px;
left: 0;
top: 0;
}
.comments-list .comment.byuser .avatar-cover img,
.comments-list .comment.byuser div.avatar img {
border-radius: 50%;
width: 100%;
}
.comments-list .children .children .children {
padding: 0;
}
@media (max-width: 1300px) {
.comments-list .comment.byuser:after {
left: 58px;
top: 108%;
}
}
@media (max-width: 500px) {
.comments-list .comment.byuser {
padding: 0 0 0 95px;
}
.comments-list .comment.byuser .comment-body .comment-meta {
padding: 0 0 12.5px;
}
.comments-list .comment.byuser .comment-body .comment-meta span {
display: block;
margin: 5px 0 0;
}
.comments-list .comment.byuser .avatar-cover,
.comments-list .comment.byuser div.avatar {
width: 75px;
}
.comments-list .comment.byuser .rating-box {
position: relative;
padding-top: 15px;
left: 0;
top: 0;
}
.comments-list .children {
padding-left: 10px;
}
.comments-list .comment.byuser {
margin: 0 0 10px;
}
}
@media(max-width: 380px) {
.comments-list .comment.byuser .avatar-cover,
.comments-list .comment.byuser div.avatar {
width: 50px;
}
.comments-list .comment.byuser {
padding: 0 0 0 70px;
}
} .popup-wrapper {
-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
visibility: hidden;
opacity: 0;
background-color: rgba(76, 74, 88, 0.8);
position: fixed;
z-index: 99;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.popup-wrapper .popup-inner-content {
overflow: auto;
display: block;
padding: 45px;
height: 100%;
}
.popup-visible {
overflow: hidden;
}
.popup-visible .popup-wrapper {
-webkit-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
visibility: visible;
opacity: 1;
}
.popup-visible .popup-wrapper .quick-view-box {
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
transition-delay: 150ms;
opacity: 1;
}
@media (min-width: 992px) {
.popup-visible .popup-wrapper .quick-view-box {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.quick-view-box,
.media-wrapper {
-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
transition-delay: 300ms;
position: relative;
max-width: 1310px;
background: #fff;
display: block;
margin: 0 auto;
padding: 20px;
opacity: 0;
}
.quick-view-box .tagcloud,
.media-wrapper .tagcloud {
padding-top: 25px;
}
.quick-view-box .star-rating,
.media-wrapper .star-rating {
letter-spacing: 0.175em;
margin: 0 0 15px !important;
display: block;
color: #c1ad96;
width: 6em !important;
}
@media (min-width: 992px) {
.quick-view-box,
.media-wrapper {
-webkit-transform: translateY(-75%);
-ms-transform: translateY(-75%);
transform: translateY(-75%);
top: 50%;
}
}
.quick-view-box .close-popup-btn,
.media-wrapper .close-popup-btn {
display: inline-block;
position: absolute;
line-height: 1em;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
right: -20px;
font-size: 0;
top: -4px;
}
.quick-view-box .close-popup-btn i,
.media-wrapper .close-popup-btn i {
-webkit-transition: all 225ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 225ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 225ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
line-height: 1em;
font-size: 26px;
cursor: pointer;
color: #fff;
}
.quick-view-box .close-popup-btn i:hover,
.media-wrapper .close-popup-btn i:hover {
color: #a3a1b0;
}
@media (max-width: 992px) {
.quick-view-box .close-popup-btn,
.media-wrapper .close-popup-btn {
right: 0;
}
}
.quick-view-box .single-product-description-box,
.media-wrapper .single-product-description-box {
padding: 0;
}
.quick-view-box .photo-slider-wrapper,
.media-wrapper .photo-slider-wrapper {
display: block;
width: 100%;
}
.quick-view-box .photo-slider,
.media-wrapper .photo-slider {
position: relative;
}
.quick-view-box .photo-slider .nav-carousel,
.media-wrapper .photo-slider .nav-carousel {
position: absolute;
width: 165px;
bottom: 0;
left: 0;
top: 0;
}
.quick-view-box .photo-slider .nav-carousel ul,
.media-wrapper .photo-slider .nav-carousel ul {
position: relative;
line-height: 1em;
height: 100%;
font-size: 0;
}
.quick-view-box .photo-slider .nav-carousel ul li,
.media-wrapper .photo-slider .nav-carousel ul li {
line-height: 1em;
font-size: 0;
padding: 0;
margin-bottom: 20px;
}
.quick-view-box .photo-slider .nav-carousel ul li img,
.media-wrapper .photo-slider .nav-carousel ul li img {
cursor: pointer;
}
.quick-view-box .photo-slider .nav-carousel ul li:last-of-type,
.media-wrapper .photo-slider .nav-carousel ul li:last-of-type {
margin: 0;
}
@media (max-width: 992px) {
.quick-view-box .photo-slider .nav-carousel,
.media-wrapper .photo-slider .nav-carousel {
display: none;
}
}
.quick-view-box .photo-slider .cover-photos-slider,
.media-wrapper .photo-slider .cover-photos-slider {
display: block;
}
@media (min-width: 992px) {
.quick-view-box .photo-slider .cover-photos-slider,
.media-wrapper .photo-slider .cover-photos-slider {
max-width: calc(100% - 175px);
float: right;
margin: 0;
}
}
.quick-view-popup-visible .close-video-popup-toggle {
display: none !important;
}
.quick-view-box {
position: relative;
}
.quick-view-box .target {
overflow: hidden;
}
.quick-view-box:after {
content: "";
background: #ffffff;
position: absolute;
display: block;
height: 20px;
z-index: 2;
bottom: 0;
right: 0;
left: 0;
}
.media-wrapper {
padding: 0;
}
.close-video-popup-toggle {
display: inline-block;
position: absolute;
cursor: pointer;
height: 32px;
right: 25px;
width: 32px;
z-index: 3;
top: 25px;
}
.close-video-popup-toggle:before, .close-video-popup-toggle:after {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
background: #f4f4f4;
position: absolute;
height: 32px;
content: "";
width: 1px;
left: 50%;
top: 0;
}
.close-video-popup-toggle:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-video-popup-toggle:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-video-popup-toggle:hover:before, .close-video-popup-toggle:hover:after {
background: #fff;
}
.video-popup-visible {
overflow: hidden;
}
.video-popup-visible .video-popup {
-webkit-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
cursor: url(//www.paskiewicz.com.pl/blog/wp-content/themes/narcos/img/close-popup.png), default;
visibility: visible;
opacity: 1;
}
.video-popup-visible .video-popup .media-wrapper {
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
transition-delay: 150ms;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
opacity: 1;
top: 50%;
}  .accordion-group {
margin: 35px 0;
}
.accordion-group .accordion-box {
border-bottom: 2px solid #e7e7e7;
margin: 0 0 25px;
}
.accordion-group .accordion-box .box-header {
padding: 0 0 12.5px;
}
.accordion-group .accordion-box .box-header h4 {
-webkit-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
text-transform: uppercase;
text-overflow: ellipsis;
letter-spacing: 0.2em;
white-space: nowrap;
line-height: 1.25em;
position: relative;
padding-right: 5%;
font-weight: 500;
overflow: hidden;
cursor: pointer;
display: block;
color: #424242;
margin: 0;
}
.accordion-group .accordion-box .box-header h4:after {
-webkit-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
font-family: icomoon;
position: absolute;
content: "";
font-size: 14px;
color: #202020;
right: 0;
top: 0;
}
.accordion-group .accordion-box .box-header h4:hover {
color: #c95e34;
}
.accordion-group .accordion-box .box-body {
display: none;
}
.accordion-group .accordion-box.open {
border-color: #c95e34;
}
.accordion-group .accordion-box.open .box-header h4 {
color: #c95e34;
}
.accordion-group .accordion-box.open .box-header h4:after {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
color: inherit;
}
.accordion-group .accordion-box.open .box-body {
padding: 0 0 12.5px;
display: block;
}
.accordion-group .accordion-box.open .box-body p {
color: #a5a5a5;
font-size: 14px;
margin: 0 0 10px;
line-height: 2em;
}
.accordion-group .accordion-box:last-of-type {
margin: 0;
} .tabed-content {
margin: 0 0 60px;
}
.tabed-content .tabs-header {
line-height: 1em;
font-size: 0;
}
.tabed-content .tabs-header ul {
text-align: center;
line-height: 1em;
font-size: 0;
}
.tabed-content .tabs-header ul li {
-webkit-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 285ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
font-weight: 700;
line-height: 1em;
cursor: pointer;
font-size: 13px;
color: #757678;
padding-bottom: 30px;
margin-right: 80px;
border-bottom: 3px solid transparent;
}
.tabed-content .tabs-header ul li.current, .tabed-content .tabs-header ul li:hover {
border-color: #c1ad96;
}
.tabed-content .tabs-header ul li:last-of-type {
margin: 0;
}
.tabed-content .tabs-body {
padding: 50px 0;
background: #f4f4f4;
}
.tabed-content .tabs-body .tab-item {
display: none;
}
.tabed-content .tabs-body .tab-item .small-title {
margin-bottom: 22.5px;
}
.tabed-content .tabs-body .tab-item .comments-area {
padding: 35px 0 0 !important;
}
.tabed-content .tabs-body .tab-item.current {
-webkit-animation: fadeIn 1250ms;
-moz-animation: fadeIn 1250ms;
-ms-animation: fadeIn 1250ms;
-o-animation: fadeIn 1250ms;
animation: fadeIn 1250ms;
display: block;
}
@media (max-width: 992px) {
.tabed-content .tabs-body {
padding: 30px;
}
}
@media (max-width: 500px) {
.tabed-content .tabs-header ul li {
margin-right: 30px;
}
.tabed-content .tabs-header ul li:last-of-type {
margin: 0;
}
} .partners-box {
background: #f4f4f4;
padding: 45px 0;
}
.partners-box .partners-carousel {
margin: 0 -15px;
}
.partners-box .partners-carousel li {
padding: 0 15px;
}
.partners-box .partner-box {
text-align: center;
display: block;
}
.partners-box .partner-box a {
display: block;
padding: 20px 0;
}
.partners-box .partner-box img {
-webkit-transition: all 275ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 275ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 275ms cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0.35;
}
.partners-box .partner-box:hover img {
opacity: 1;
} .video-box {
height: 365px;
}
.video-box .video-toggle-wrapper {
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
font-size: 0;
width: 100%;
z-index: 2;
top: 50%;
left: 0;
}
.video-box .video-toggle-wrapper .video-toggle {
display: inline-block;
position: relative;
border-radius: 50%;
cursor: pointer;
height: 150px;
width: 150px;
}
.video-box .video-toggle-wrapper .video-toggle:after {
-webkit-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(255, 255, 255, 0.2);
position: absolute;
border-radius: 50%;
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
content: "";
z-index: 1;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.video-box .video-toggle-wrapper .video-toggle i {
-webkit-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform-origin: 50% 65%;
-moz-transform-origin: 50% 65%;
-ms-transform-origin: 50% 65%;
-o-transform-origin: 50% 65%;
transform-origin: 50% 65%;
vertical-align: middle;
position: relative;
line-height: 150px;
font-size: 55px;
color: #fff;
z-index: 2;
}
.video-box .video-toggle-wrapper .video-toggle:hover:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.video-box .video-toggle-wrapper .video-toggle:hover i {
-webkit-transform: scale(0.875);
-ms-transform: scale(0.875);
transform: scale(0.875);
} .counter-boxes {
padding: 60px 0;
}
.counter-boxes .counter-box {
border-right: 1px solid #dedede;
text-transform: uppercase;
text-align: center;
line-height: 1em;
padding: 25px 0;
}
.counter-boxes .counter-box .value-container,
.counter-boxes .counter-box .box-title {
letter-spacing: 0.2em;
font-weight: 700;
color: #616373;
}
.counter-boxes .counter-box .value-container {
font-size: 28px;
width: 100%;
}
.counter-boxes .counter-box .value-container:after {
border-bottom: 1px dashed #616373;
margin: 15px auto;
max-width: 85px;
display: block;
content: "";
}
.counter-boxes .counter-box .box-title {
font-size: 13px;
}
@media (max-width: 992px) {
.counter-boxes .counter-box {
margin: 0 0 35px;
}
}
@media (min-width: 992px) {
.counter-boxes [class*="col-"]:last-of-type .counter-box {
border: 0;
}
}
@media (min-width: 768px) {
.counter-boxes [class*="col-"]:nth-child(3n) .counter-box {
border: 0;
}
}
@media (max-width: 768px) {
.counter-boxes [class*="col-"]:nth-child(2n) .counter-box {
border: 0;
}
} .pagination {
display: block;
margin: 30px 0 0;
text-align: center;
}
ul.page-numbers {
display: inline-block;
list-style-type: none;
padding: 30px 0 0;
line-height: 1em;
font-size: 0;
margin: 0;
}
ul.page-numbers li {
text-transform: uppercase;
display: inline-block;
margin: 0 35px 0 0;
font-weight: 700;
font-size: 13px;
color: #616373;
}
ul.page-numbers li .page-numbers {
position: relative;
}
ul.page-numbers li .page-numbers:hover:after, ul.page-numbers li .page-numbers.current:after {
opacity: 1;
}
ul.page-numbers li .page-numbers:after {
-webkit-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 245ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
background: #c1ad96;
position: absolute;
bottom: -10px;
content: "";
width: 100%;
height: 2px;
opacity: 0;
left: 0;
}
ul.page-numbers li:last-of-type {
margin: 0;
} .share-block {
display: inline-block;
position: relative;
}
.share-block .block-title,
.share-block .block-toggle {
display: inline-block;
vertical-align: top;
line-height: 1em;
}
.share-block .block-toggle {
-webkit-transition: right 315ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: right 315ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: right 315ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
position: absolute;
line-height: 1em;
cursor: pointer;
font-size: 0;
right: 0;
top: 0;
}
.share-block .block-toggle:before, .share-block .block-toggle:after {
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
border-color: transparent #cbcbcb transparent transparent;
border-width: 5.5px 8px 5.5px 0;
border-style: solid;
position: absolute;
content: "";
height: 0;
width: 0;
top: 50%;
left: 0;
}
.share-block .block-toggle:after {
left: 2px;
border-color: transparent #ffffff transparent transparent;
}
.share-block .block-toggle i {
border: 1px solid #cbcbcb;
display: inline-block;
text-align: center;
line-height: 40px;
font-size: 22px;
color: #cbcbcb;
height: 40px;
width: 40px;
}
.share-block .block-title {
-webkit-transition: all 315ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 315ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 315ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
text-transform: uppercase;
letter-spacing: 0.2em;
position: relative;
font-weight: 700;
padding-right: 65px;
font-size: 13px;
color: #757678;
height: 40px;
line-height: 40px;
vertical-align: middle;
visibility: visible;
margin: 0;
}
.share-block .share-options {
-webkit-transition: all 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform: translateY(-50%) scale(0.75);
-ms-transform: translateY(-50%) scale(0.75);
transform: translateY(-50%) scale(0.75);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
visibility: visible;
opacity: 0;
display: inline-block;
position: absolute;
line-height: 1em;
font-size: 0;
left: 65px;
top: 50%;
}
.share-block .share-options li {
display: inline-block;
margin-right: 12.5px;
}
.share-block .share-options li i {
-webkit-transition: all 210ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 210ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 210ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: inline-block;
line-height: 1em;
font-size: 16px;
color: #c1ad96;
}
.share-block .share-options li i:hover.icon-facebook {
color: #3b5998;
}
.share-block .share-options li i:hover.icon-twitter {
color: #00aced;
}
.share-block .share-options li i:hover.icon-google-plus {
color: #dd4b39;
}
.share-block .share-options li i:hover.icon-dribbble {
color: #ea4c89;
}
.share-block .share-options li i:hover.icon-pinterest {
color: #cb2027;
}
.share-block .share-options li i:hover.icon-vk {
color: #45668e;
}
.share-block .share-options li i:hover.icon-instagram {
color: #125688;
}
.share-block .share-options li i:hover.icon-linkedin {
color: #007bb5;
}
.share-block .share-options li:last-of-type {
margin: 0;
}
.share-block.options-visible .block-toggle {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
right: calc(100% - 40px);
}
.share-block.options-visible .block-title {
visibility: hidden;
opacity: 0;
}
.share-block.options-visible .share-options {
-webkit-transition-delay: 320ms;
-moz-transition-delay: 320ms;
transition-delay: 320ms;
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
visibility: visible;
opacity: 1;
} .discount-boxes {
padding-top: 30px;
}
.discount-box {
position: relative;
}
.discount-box .box-text {
pointer-events: none;
position: absolute;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
top: 50%;
right: 0;
left: 0;
}
.discount-box .box-text .box-title {
text-transform: uppercase;
letter-spacing: 0.1em;
vertical-align: top;
line-height: 1em;
font-weight: 700;
font-size: 70px;
margin: 7.5px;
color: #fff;
}
.discount-box .box-text .box-title span {
vertical-align: top;
position: relative;
line-height: 1em;
font-size: 40px;
top: 17.5px;
margin-left: 10px;
}
.discount-box .box-text p {
text-transform: uppercase;
color: rgba(255, 255, 255, 0.45);
letter-spacing: 0.5em;
font-weight: 500;
line-height: 1em;
font-size: 24px;
margin: 0;
}
@media (max-width: 1200px) {
.discount-box .box-text .box-title {
line-height: 1em;
font-size: 50px;
}
.discount-box .box-text .box-title span {
line-height: 1em;
font-size: 32px;
}
.discount-box .box-text p {
font-size: 18px;
}
}
@media (max-width: 450px) {
.discount-box .box-text .box-title {
line-height: 1em;
font-size: 36px;
}
.discount-box .box-text .box-title span {
line-height: 1em;
font-size: 24px;
}
.discount-box .box-text p {
font-size: 14px;
}
}
.discount-box .cover {
overflow: hidden;
line-height: 1em;
font-size: 0;
}
.discount-box .cover:before {
-webkit-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(46, 48, 63, 0.8);
pointer-events: none;
position: absolute;
content: "";
opacity: 0;
z-index: 1;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.discount-box .cover img {
-webkit-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 325ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
width: 100%;
}
.discount-box:hover .cover:before {
opacity: 1;
}
.discount-box:hover .cover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 992px) {
.discount-box {
margin-bottom: 30px;
}
} .product-widgets {
background: #f8f8f8;
padding: 100px 0;
}
.product-widgets .widget_popular_products .popular-products {
line-height: 1em;
}
.product-widgets .widget_popular_products .popular-products .popular-product {
position: relative;
min-height: 120px;
padding-left: 190px;
padding-top: 25px;
margin-bottom: 20px;
}
.product-widgets .widget_popular_products .popular-products .popular-product .cover {
position: absolute;
line-height: 1em;
font-size: 0;
width: 160px;
left: 0;
top: 0;
}
.product-widgets .widget_popular_products .popular-products .popular-product .cover img {
width: 100%;
}
.product-widgets .widget_popular_products .popular-products .popular-product .cover:after {
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: rgba(57, 59, 81, 0.2);
pointer-events: none;
position: absolute;
content: "";
opacity: 0;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.product-widgets .widget_popular_products .popular-products .popular-product .cover:hover:after {
opacity: 1;
}
.product-widgets .widget_popular_products .popular-products .popular-product .price {
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 700;
line-height: 1em;
color: #c1ad96;
}
.product-widgets .widget_popular_products .popular-products .popular-product .product-title {
text-transform: uppercase;
letter-spacing: 0.2em;
line-height: 1.8em;
margin: 0 0 10px;
font-size: 13px;
color: #5b5b60;
display: block;
}
.product-widgets .widget_popular_products .popular-products .popular-product .product-title a {
display: inline-block;
}
.product-widgets .widget_popular_products .popular-products .popular-product .post-meta {
line-height: 1em;
font-size: 0;
}
.product-widgets .widget_popular_products .popular-products .popular-product .post-meta li {
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.2em;
margin: 0 30px 0 0;
line-height: 1em;
font-size: 10px;
color: #a1a1a1;
}
.product-widgets .widget_popular_products .popular-products .popular-product .post-meta li:last-of-type {
margin: 0;
}
.product-widgets .widget_popular_products .popular-products .popular-product:last-of-type {
margin: 0;
}
@media (max-width: 1400px) {
.product-widgets .widget_popular_products .popular-products .popular-product {
padding-top: 0;
}
.product-widgets .widget_popular_products .popular-products .popular-product .post-meta li {
display: block;
margin: 0 0 10px;
}
.product-widgets .widget_popular_products .popular-products .popular-product .post-meta li:last-of-type {
margin: 0;
}
}
@media (max-width: 450px) {
.product-widgets .widget_popular_products .popular-products .popular-product {
padding-left: 0;
}
.product-widgets .widget_popular_products .popular-products .popular-product .cover {
position: relative;
margin: 0 0 15px;
width: 100%;
}
} .style-box {
position: relative;
}
.style-box .image-wrapper {
line-height: 1em;
font-size: 0;
}
.style-box .text-box-wrapper {
background: #f2f2f2;
}
@media (min-width: 992px) {
.style-box .text-box-wrapper {
position: absolute;
height: 100%;
right: 0;
top: 0;
}
.style-box .text-box-wrapper .text-box {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
}
.style-box .text-box-wrapper .text-box {
width: 100%;
padding: 7%;
left: 0;
}
.style-box .text-box-wrapper .text-box .box-title {
text-transform: uppercase;
letter-spacing: 0.26em;
margin: 0 0 17.5px;
font-weight: 500;
line-height: 1em;
font-size: 30px;
color: #616373;
}
.style-box .text-box-wrapper .text-box .box-subtitle {
font-family: "Satisfy", cursive;
letter-spacing: 0em;
margin: 0 0 12.5px;
line-height: 1em;
font-size: 28px;
color: #616373;
}
.style-box .text-box-wrapper .text-box .description {
letter-spacing: 0.02em;
line-height: 1.6em;
margin: 0 0 20px;
font-size: 16px;
color: #aeafb1;
}
.ls-sidebar{
margin-left: 50px;
}
.woocommerce-checkout #payment ul.payment_methods {
left: 0;  
padding: 40px 20px !important;
border-bottom: none !important;
border: 0;
}
.woocommerce-checkout #payment ul.payment_methods li {
padding-bottom: 8px
}
.woocommerce-checkout #payment ul.payment_methods li label {
text-transform: uppercase;    letter-spacing: 0.2em;    line-height: 1em;    font-weight: 700;    cursor: pointer;    font-size: 11px;    color: #848484;
}
.woocommerce-checkout #payment div.payment_box p:last-child {
color: #717171;
}
.woocommerce-product-gallery figure {
margin: auto !important;
}