/*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} /** * Zabuto Calendar */ div.zabuto_calendar { margin: 0; padding: 0; } div.zabuto_calendar .table { width: 100%; margin: 0; padding: 0; } div.zabuto_calendar .table th, div.zabuto_calendar .table td { padding: 4px 2px; text-align: center; } div.zabuto_calendar .table tr th, div.zabuto_calendar .table tr td { background-color: #ffffff; } div.zabuto_calendar .table tr.calendar-month-header th { background-color: #fafafa; } div.zabuto_calendar .table tr.calendar-month-header th span { cursor: pointer; display: inline-block; padding-bottom: 10px; } div.zabuto_calendar .table tr.calendar-dow-header th { background-color: #f0f0f0; } div.zabuto_calendar .table tr:last-child { border-bottom: 1px solid #dddddd; } div.zabuto_calendar .table tr.calendar-month-header th { padding-top: 12px; padding-bottom: 4px; } div.zabuto_calendar .table-bordered tr.calendar-month-header th { border-left: 0; border-right: 0; } div.zabuto_calendar .table-bordered tr.calendar-month-header th:first-child { border-left: 1px solid #dddddd; } div.zabuto_calendar div.calendar-month-navigation { cursor: pointer; margin: 0; padding: 0; padding-top: 5px; } div.zabuto_calendar tr.calendar-dow-header th, div.zabuto_calendar tr.calendar-dow td { width: 14%; } div.zabuto_calendar .table tr td div.day { margin: 0; padding-top: 7px; padding-bottom: 7px; } /* actions and events */ div.zabuto_calendar .table tr td.event div.day, div.zabuto_calendar ul.legend li.event { background-color: #fff0c3; } div.zabuto_calendar .table tr td.dow-clickable, div.zabuto_calendar .table tr td.event-clickable { cursor: pointer; } /* badge */ div.zabuto_calendar .badge-today, div.zabuto_calendar div.legend span.badge-today { background-color: #357ebd; color: #ffffff; text-shadow: none; } div.zabuto_calendar .badge-event, div.zabuto_calendar div.legend span.badge-event { background-color: #ff9b08; color: #ffffff; text-shadow: none; } div.zabuto_calendar .badge-event { font-size: 0.95em; padding-left: 8px; padding-right: 8px; padding-bottom: 4px; } /* legend */ div.zabuto_calendar div.legend { margin-top: 5px; text-align: right; } div.zabuto_calendar div.legend span { color: #999999; font-size: 10px; font-weight: normal; } div.zabuto_calendar div.legend span.legend-text:after, div.zabuto_calendar div.legend span.legend-block:after, div.zabuto_calendar div.legend span.legend-list:after, div.zabuto_calendar div.legend span.legend-spacer:after { content: ' '; } div.zabuto_calendar div.legend span.legend-spacer { padding-left: 25px; } div.zabuto_calendar ul.legend > span { padding-left: 2px; } div.zabuto_calendar ul.legend { display: inline-block; list-style: none outside none; margin: 0; padding: 0; } div.zabuto_calendar ul.legend li { display: inline-block; height: 11px; width: 11px; margin-left: 5px; } div.zabuto_calendar ul.legend div.zabuto_calendar ul.legend li:first-child { margin-left: 7px; } div.zabuto_calendar ul.legend li:last-child { margin-right: 5px; } div.zabuto_calendar div.legend span.badge { font-size: 0.9em; border-radius: 5px 5px 5px 5px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 3px; } /* responsive */ @media (max-width: 979px) { div.zabuto_calendar .table th, div.zabuto_calendar .table td { padding: 2px 1px; } } /* * jQuery FlexSlider v2.6.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider { position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 36px; height: 36px; border-radius: 36px; line-height: 34px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #fff; text-align: center; background: rgba(228,62,22,0.6); transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-size: 27px; display: inline-block; vertical-align: middle; content: '\f104'; font-family: FontAwesome; color: #fff; margin: 0 3px 0 0; } .flex-direction-nav a.flex-next:before { content: '\f105'; margin: 0 0 0 5px; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 30px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; background: rgba(228,62,22,0.8); } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 30px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; background: rgba(228,62,22,0.8); } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-size: 20px; display: inline-block; content: ''; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: ''; } .flex-control-nav { width: 100%; position: absolute; bottom: 40px; text-align: center; z-index: 4; } .flex-control-nav li { margin: 0 6px; display: inline-block; } .flex-control-paging li a { width: 14px; height: 14px; display: block; background: #c0c4d7; cursor: pointer; text-indent: -9999px; border-radius: 20px; border: 3px solid #fff; } .flex-control-paging li a:hover { background: #ff3100; } .flex-control-paging li a.flex-active { background: #ff3100; cursor: default; border: 2px solid #ff3100; width: 14px; height: 14px; box-shadow: inset 0 0 0 2px #fff; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 30px; } .flex-direction-nav .flex-next { opacity: 1; right: 30px; } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{border:0;outline:none;vertical-align:top;margin:0;padding:0;} .fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;} .fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .fancybox-opened{z-index:8030;} .fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);} .fancybox-outer,.fancybox-inner{position:relative;} .fancybox-inner{overflow:hidden;} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;} .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;white-space:nowrap;margin:0;padding:15px;} .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;} .fancybox-image{max-width:100%;max-height:100%;} #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../js/fancybox/fancybox_sprite.png);} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;} #fancybox-loading div{width:44px;height:44px;background:url(../js/fancybox/fancybox_loading.gif) center center no-repeat;} .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;} .fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(../js/fancybox/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;} .fancybox-prev{left:0;} .fancybox-next{right:0;} .fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;} .fancybox-prev span{left:10px;background-position:0 -36px;} .fancybox-next span{right:10px;background-position:0 -72px;} .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;} .fancybox-lock{overflow:hidden!important;width:auto;} .fancybox-lock body{overflow:hidden!important;} .fancybox-lock-test{overflow-y:hidden!important;} .fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;/*background:url(../js/fancybox/fancybox_overlay.png);*/background: rgba(0,0,0,0.6);} .fancybox-overlay-fixed{position:fixed;bottom:0;right:0;} .fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;} .fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;} .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;} .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px;} .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;} .fancybox-title-inside-wrap{padding-top:10px;} .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px;} .fancybox-nav:hover span,.fancybox-opened .fancybox-title{visibility:visible;} /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../js/fancybox/fancybox_sprite@2x.png);background-size:44px 152px;} #fancybox-loading div{background-image:url(../js/fancybox/fancybox_loading@2x.gif);background-size:24px 24px;} } #fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:8050;} #fancybox-thumbs.bottom{bottom:2px;} #fancybox-thumbs.top{top:2px;} #fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0;} #fancybox-thumbs ul li{float:left;opacity:0.5;padding:1px;} #fancybox-thumbs ul li.active{opacity:0.75;border:1px solid #fff;padding:0;} #fancybox-thumbs ul li:hover{opacity:1;} #fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:none;} #fancybox-thumbs ul li img{display:block;position:relative;border:0;max-width:none;padding:0;} /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Flat UI Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: url(../img/sprite-skin-flat.png) repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 12px; top: 25px; } .irs-line-left { height: 12px; background-position: 0 -30px; } .irs-line-mid { height: 12px; background-position: 0 0; } .irs-line-right { height: 12px; background-position: 100% -30px; } .irs-bar { height: 12px; top: 25px; background-position: 0 -60px; } .irs-bar-edge { top: 25px; height: 12px; width: 9px; background-position: 0 -90px; } .irs-shadow { height: 3px; top: 34px; background: #000; opacity: 0.25; } .lt-ie9 .irs-shadow { filter: alpha(opacity=25); } .irs-slider { width: 16px; height: 18px; top: 22px; background-position: 0 -120px; } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; -moz-border-radius: 4px; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #ff3100; -moz-border-radius: 4px; border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ff3100; } .irs-grid-pol { background: #e1e4e9; } .irs-grid-text { color: #999; } .irs-disabled { } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'MontserratBlack'; src: url('../fonts/MontserratBlack.eot'); src: url('../fonts/MontserratBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/MontserratBlack.otf') format('opentype'), url('../fonts/MontserratBlack.woff2') format('woff2'), url('../fonts/MontserratBlack.woff') format('woff'), url('../fonts/MontserratBlack.svg#MontserratBlack') format('svg'); font-weight: normal; font-style: normal; } body { -webkit-text-size-adjust: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.42857143; background: #f4f5fb; } body * { box-sizing: border-box; line-height: 1.42857143; } h1, h2, h3, h4, h5, h6, strong, b { /*font-family: 'Montserrat', sans-serif;*/ font-weight: 700; line-height: 1.1; } i, em { font-style: italic; } img { max-width: 100%; height: auto; } a { text-decoration: none; color: inherit; } a:hover { text-decoration: none; } input[type=text], input[type=submit], input[type=image], input[type=password], input[type=email], button, textarea { -webkit-appearance: none; } textarea, button, input[type=password], input[type=email], input[type=submit], input[type=text] { font-family: 'Open Sans', sans-serif; } a:focus { text-decoration: none; } textarea:focus, button:focus, a:focus, input:focus { outline: none; } .cont { width: 1200px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } .cont:after { clear: both; display: block; content: ''; } /* HEADER -- start */ .header { position: relative; margin: 0; padding: 0; background: #18202e; } .header:after { display: block; clear: both; content: ''; } .header .header-info { float: right; width: 23%; height: 99px; position: relative; } .header .header-info:after { clear: both; content: ''; display: block; } .header .header-personal { height: 100%; position: relative; width: 19%; float: right; text-align: center; } .header .header-personal:after { height: 50px; content: ''; width: 1px; display: block; background: #283346; position: absolute; margin: -25px 0 0; top: 50%; left: 0; } .header .header-personal:hover:after { display: none; } .header .header-gopersonal { display: block; height: 100%; /*transition: all 0.2s;*/ background-color: transparent; position: relative; z-index: 4; } .header .header-gopersonal:after { display: block; content: ''; position: absolute; width: 13px; height: 15px; top: 50%; left: 50%; margin: -6px 0 0 -7px; overflow: hidden; background: url(../img/personal.png) no-repeat left top; } .header .header-personal:hover .header-gopersonal { background-color: #283346; background-color: #fff; } .header .header-personal:hover .header-gopersonal:after { background-position: left bottom; } .header .header-personal:hover > ul { display: block; z-index: 15; } .header .header-personal ul { position: absolute; background: #fff; display: none; text-align: left; z-index: 3; min-width: 220px; right: 0; top: 100%; padding: 15px 0 16px; box-shadow: 0 0 25px 0 rgba(26,53,99,0.1); } .header .header-personal ul li { position: relative; } .header .header-personal ul li.header-order { margin: 0 0 13px; padding: 0 0 21px; } .header .header-personal ul li.header-order:after { content: ''; display: block; /*width: 100%;*/ height: 1px; background: #e0e4f6; position: absolute; bottom: 0; left: 29px; right: 29px; } .header .header-personal ul li a { color: #a0a6c5; font-size: 13px; font-weight: 600; text-transform: uppercase; white-space: nowrap; padding: 6px 55px 7px 29px; display: block; transition: all 0.2s; position: relative; } .header .header-personal ul li.active a { } .header .header-personal ul li a:hover { color: #ff3100; } .header .header-personal ul li a span { position: absolute; line-height: 100%; top: 7px; right: 29px; vertical-align: middle; display: inline-block; font-weight: bold; color: #fff; background: #c0c4d7; border-radius: 20px; padding: 3px 8px; margin: 0; font-size: 12px; font-weight: 700; line-height: 100%; } .header .header-cart { float: right; max-width: 42%; font-size: 14px; color: #fff; height: 100%; white-space: nowrap; /*padding: 0;*/ padding: 0 6% 0 4%; position: relative; display: block; } .header .header-cart:after { clear: both; content: ''; display: block; } .header .header-cart:before { z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; background: #283346; transition: all 0.2s; opacity: 0; } .header .header-cart:hover:before { opacity: 1; } .header .header-cart .header-cart-inner { display: block; height: 100%; line-height: 99px; transition: all 0.2s; color: #fff; font-size: 14px; font-weight: 600; position: relative; z-index: 2; /*padding: 0 0 0 13%;*/ } /*.header .header-cart .header-cart-inner:hover { background: #283346; }*/ .header .header-cart-count { position: relative; padding: 0 15px 0 0; margin: 0 10px 1px 0; display: inline-block; vertical-align: middle; } .header .header-cart-count span { background: #ff3100; display: block; text-align: center; position: absolute; top: -9px; right: 0; border-radius: 30px; width: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; font-weight: 700; } .header .header-cart-count img { display: block; } .header .header-cart-summ { display: inline-block; line-height: 100%; /*padding: 0 14px 0 0;*/ padding: 0; vertical-align: middle; margin: 0 0 1px; } .header .header-compare { float: right; display: block; height: 100%; width: 13%; background: url(../img/compare.png) no-repeat center center; background-color: transparent; transition: all 0.2s; } .header .header-compare:hover { background-color: #283346; } .header .header-favorites { float: right; display: block; height: 100%; width: 13%; background: url(../img/favorites.png) no-repeat center center; background-color: transparent; transition: all 0.2s; } .header .header-favorites:hover { background-color: #283346; } .header .header-searchbtn { float: right; display: block; height: 100%; width: 13%; background: url(../img/search.png) no-repeat center center; background-color: transparent; transition: all 0.2s; position: relative; z-index: 6; } .header .header-searchbtn:hover { background-color: #283346; } .header .header-searchbtn.opened { background: url(../img/close.png) no-repeat center center; } .header .header-search { display: none; line-height: 95px; position: absolute; top: 0; left: 0; width: 100%; z-index: 5; background: #161e2a; height: 100%; border-left: 1px solid #1e2b3f; } .header .header-search input[type=text] { color: #868ca7; /*margin: 0 0 0 27%;*/ width: 100%; min-width: 250px; margin-top: 20px; font-size: 15px; /*background: transparent;*/ height: 50px; border: none; padding: 0 15px; display: inline-block; vertical-align: middle; transition: all 0.2s; } .header .header-search input[type=text]:focus::-webkit-input-placeholder { color: transparent; } .header .header-search input[type=text]:focus::-moz-placeholder { color: transparent; } .header .header-search input[type=text]:focus:-ms-input-placeholder { color: transparent; } .header .header-search input[type=text]::-webkit-input-placeholder { color: #868ca7; } .header .header-search input[type=text]::-moz-placeholder { color: #868ca7; opacity: 1; } .header .header-search input[type=text]:-ms-input-placeholder { color: #868ca7; } .header .header-search button[type=submit] { border: none; background: transparent; height: 50px; width: 30px; font-size: 15px; color: #fff; cursor: pointer; font-weight: normal; display: inline-block; vertical-align: middle; transition: all 0.2s; } .header .header-search button[type=submit]:hover { color: #c0c4d7; } .header .header-search-close { } .header .header-search-close:hover { } .header .header-logo { position: absolute; height: 100%; left: 2%; padding: 0; width: 26%; overflow: hidden; } .header .header-logo a { height: 100%; display: block; vertical-align: middle; position: relative; } .header .header-logo a:hover { } .header .header-logo a:after { height: 100%; content: ''; display: inline-block; vertical-align: middle; } .header .header-logo img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; /*height: auto;*/ /*height: 75%;*/ position: absolute; display: block; max-height: none; top: 30%; left: 0; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .header-menutoggle { display: none; } .header nav { padding: 12px 0; width: 49%; float: left; height: 100%; line-height: 75px; margin: 0 0 0 27%; } .header nav ul { line-height: 140%; text-align: center; padding: 0 0 0; display: inline-block; vertical-align: middle; width: 100%; margin: 0; } .header nav ul li { padding: 0; margin: 3px 3% 6px; font-size: 15px; font-weight: 600; display: inline-block; position: relative; } .header nav ul li a { color: #c0c4d7; display: block; margin: 0 0 0; transition: all 0.2s; z-index: 2; position: relative; } .header nav ul li a:hover { color: #fff; } .header nav > ul > li > .fa { display: block; z-index: 3; position: absolute; right: 0; top: 1px; margin: 0; width: 20px; height: 20px; line-height: 20px; cursor: pointer; font-size: 20px; text-align: center; color: #c0c4d7; transition: all 0.2s; } .header nav > ul > li > a:hover + .fa { color: #fff; } .header nav > ul > li.active:after { width: 33px; height: 53px; content: ''; top: 50%; left: 50%; z-index: 1; margin: -25px 0 0 -17px; display: block; position: absolute; background: url(../img/menuactive.png) no-repeat center center; } .header nav > ul > li.active > a { color: #fff; } .header nav > ul > li.active > a + .fa { color: #fff; } .header nav > ul > li.has-child > a { padding-right: 22px; } .header nav > ul > li ul { display: none; } .header nav > ul > li.has-child:hover > ul { display: block; } .header nav > ul > li > ul { display: none; position: absolute; /*box-shadow: 0 0 25px 0 rgba(26,53,99,0.1);*/ top: 100%; left: -15px; z-index: 11; width: auto; /*background: #fff;*/ padding: 8px 0 8px 0; box-sizing: content-box; min-width: 100%; } .header nav > ul > li > ul > li { display: block; margin: 0; text-align: left; padding: 0 13px; /*background: rgba(255,255,255,0.92);*/ background: #fff; border-left: 1px solid #e0e4f6; border-right: 1px solid #e0e4f6; } .header nav > ul > li > ul > li:first-child { padding-top: 8px; } .header nav > ul > li > ul > li:last-child { padding-bottom: 8px; } .header nav > ul > li > ul > li > a { display: block; padding: 7px 3px; transition: all 0.2s; margin: 0; /*color: #868CA7;*/ font-size: 15px; font-weight: 400; color: #283346; white-space: nowrap; /*border-top: 1px solid #e0e4f6;*/ } .header nav > ul > li > ul > li:first-child { border-top: 1px solid #e0e4f6; border-radius: 4px 4px 0 0; } .header nav > ul > li > ul > li:last-child { border-radius: 0 0 4px 4px; border-bottom: 1px solid #e0e4f6; } .header nav > ul > li > ul > li:first-child > a { border-top: none; } .header nav > ul > li > ul > li > a:hover { color: #ff3100; } .header nav > ul > li > ul > li.active > a { color: #ff3100; } /* HEADER -- end */ /* WRAPPER */ .maincont { padding-top: 0; padding-bottom: 50px; position: relative; } .maincont h1 { position: relative; z-index: 2; font-size: 20px; color: #283346; padding: 0; letter-spacing: 0.05em; margin: 0; text-transform: uppercase; font-family: 'MontserratBlack', 'Montserrat', sans-serif; } .maincont h1 span { background: #f4f5fb; padding: 0 25px 10px 0; letter-spacing: 0.05em; display: inline-block; line-height: 100%; } .maincont .maincont-line1 { position: absolute; display: block; right: 75px; top: 28px; left: 15px; height: 1px; background: #e0e4f6; z-index: 1; } .maincont .maincont-line1.maincont-line12 { top: 18px; } .maincont .maincont-line1:after { position: absolute; display: block; right: 75px; top: 0; right: 0; content: ''; width: 1px; height: 90px; background: #e0e4f6; z-index: 1; } .maincont .maincont-line2 { position: absolute; display: block; left: -35px; top: 28px; bottom: 110px; width: 1px; background: #e0e4f6; z-index: 1; } .maincont .maincont-line2.maincont-line22 { top: 18px; } .maincont .maincont-line2:after { position: absolute; display: block; top: 0; left: 0; content: ''; height: 1px; width: 30px; background: #e0e4f6; z-index: 1; } .maincont .maincont-line2:before { position: absolute; display: block; bottom: 0; left: 0; content: ''; height: 1px; width: 50px; background: #e0e4f6; z-index: 1; } .pagecont { box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); background: #fff; border-radius: 4px; position: relative; z-index: 2; } /* WRAPPER */ /* FRONT CATEGORIES -- start */ .frontcategs { margin-top: 0; margin-bottom: 2px; padding-top: 0; padding-bottom: 0; list-style: none; text-align: center; font-size: 1px; display: block; text-align: justify; } .frontcategs:after { width: 100%; display: inline-block; content: ''; } .frontcategs li { text-align: center; font-size: 14px; line-height: 1.42857143; width: auto; line-height: 140%; display: inline-block; vertical-align: top; } .frontcategs li a { display: block; } .frontcategs li a:hover { } .frontcategs li .frontcategs-img { height: 60px; line-height: 60px; margin: 0 0 15px; overflow: hidden; display: block; } .frontcategs li .frontcategs-img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; } .frontcategs li a .frontcategs-img img:last-child { display: block; } .frontcategs li a:hover .frontcategs-img img { display: none; } .frontcategs li a:hover .frontcategs-img img:last-child { display: inline-block; } .frontcategs li p { color: #a0a6c5; font-size: 13px; font-weight: 600; display: inline-block; transition: all 0.1s; text-transform: uppercase; /*border-bottom: 1px solid transparent;*/ } .frontcategs li a:hover p { /*border-bottom: 1px solid #a0a6c5;*/ /*color: #ff3100;*/ } /* FRONT CATEGORIES -- end */ /* FRONT SEARCH -- start */ .frontsearch-wrap { position: relative; overflow: hidden; background: #f4f5fb; } .frontsearch { position: relative; padding-top: 41px; padding-bottom: 20px; } .frontsearch:after { clear: both; display: block; content: ''; } .frontsearch h2 { position: relative; background: #f4f5fb; z-index: 2; font-size: 30px; color: #283346; padding: 0 25px 10px 0; letter-spacing: 0.05em; display: inline-block; margin: 0; text-transform: uppercase; font-family: 'MontserratBlack', 'Montserrat', sans-serif; } .frontsearch .frontsearch-count { color: #ff3100; font-weight: 700; font-size: 14px; text-transform: uppercase; margin: 0 0 15px; } .frontsearch .frontsearch-wrap { margin: 0; position: relative; z-index: 2; border-radius: 4px; box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); background: #fff; padding: 46px 29px 41px; } .frontsearch .frontsearch-wrap:after { clear: both; content: ''; display: block; } .frontsearch .frontsearch-cont { position: relative; padding: 60px 0; margin: 0 23%; } .frontsearch .frontsearch-model { text-align: center; display: block; margin: 0 -12%; padding: 0; position: absolute; line-height: 100%; white-space: nowrap; top: 21.5%; left: 0; right: 0; overflow: hidden; font-size: 118px; color: #d3d7e7; font-family: 'MontserratBlack', 'Montserrat', sans-serif; z-index: 1; } .frontsearch .frontsearch-img { margin: 40px 0 40px; width: 100%; /*padding: 0 20%;*/ position: relative; z-index: 2; } .frontsearch .frontsearch-img img { display: block; width: auto; height: auto; margin: 0 auto; } .frontsearch .frontsearch-selects { padding: 0 0 0 2.8%; } .frontsearch .frontsearch-select { display: inline-block; position: relative; margin: 0 3.7% 15px 0; border-bottom: 1px solid #283346; transition: all 0.2s; width: 16%; } .frontsearch .frontsearch-select:nth-child(5n) { margin-right: 0; } .frontsearch .frontsearch-select.dropdown-wrap-range input[type=text] { display: none; } .frontsearch .frontsearch-select .frontsearch-select-ttl { margin: 0; padding: 0 17px 7px 0; color: #283346; cursor: pointer; font-size: 15px; transition: all 0.2s; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .frontsearch .frontsearch-select .frontsearch-select-ttl:after { position: absolute; content: ''; background: url(../img/arr1.png) no-repeat left top; display: block; width: 14px; height: 8px; overflow: hidden; top: 7px; right: 0; } .frontsearch .frontsearch-select:hover { border-bottom: 1px solid #ff3100; } .frontsearch .frontsearch-select:hover .frontsearch-select-ttl { color: #ff3100; } .frontsearch .frontsearch-select .frontsearch-select-ttl:hover { color: #ff3100; } .frontsearch .frontsearch-select .frontsearch-select-ttl:hover:after { } .frontsearch .frontsearch-select .frontsearch-select-ttl.opened:after { background-position: left bottom; } .frontsearch .frontsearch-select ul { position: absolute; left: -11px; top: 100%; background: #fff; padding: 5px 10px; margin: 10px 0 0; border: 1px solid #e0e4f6; border-radius: 4px; min-width: 100%; box-sizing: content-box; display: none; z-index: 5; } .frontsearch .frontsearch-select ul li { white-space: nowrap; padding: 0; font-size: 15px; } .frontsearch .frontsearch-select ul li a { transition: all 0.2s; display: block; padding: 4px 0; color: #283346; } .frontsearch .frontsearch-select ul li a:hover { color: #ff3100; } .frontsearch .frontsearch-select ul li.active a { color: #ff3100; } .frontsearch-cont div.line { -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; height: 1px; /*background: #c0c4d7;*/ background: transparent; position: absolute; z-index: 3; transition: all 0.2s; } .frontsearch-res { position: absolute; display: block; z-index: 4; white-space: nowrap; transition: all 0.2s; } .frontsearch-res a { display: block; color: #a0a6c5; font-size: 13px; text-transform: uppercase; font-weight: 600; transition: all 0.2s; } .frontsearch-res span { border-radius: 30px; padding: 1px 8px; background: #c0c4d7; margin: 0 4px 0 4px; color: #fff; font-weight: 600; font-size: 12px; display: inline-block; transition: all 0.2s; } .frontsearch-point { z-index: 4; width: 12px; height: 12px; border-radius: 12px; /*border: 2px solid #c0c4d7;*/ /*border: 2px solid transparent;*/ background: transparent; position: absolute; display: block; transition: all 0.2s; } .frontsearch-res:hover a { color: #ff3100; } .frontsearch-res:hover span { background: #ff3100; color: #fff; } .frontsearch-res:hover + .line { background: #ff3100; } .frontsearch-res:hover + .line + .frontsearch-point { /*border-color: #ff3100;*/ background: #ff3100; } .frontsearch-res1 { top: 8%; left: 34%; } .frontsearch-point1 { top: 39%; left: 67%; } .frontsearch-res2 { top: 8%; left: -1%; } .frontsearch-point2 { top: 42%; left: 35%; } .frontsearch-res3 { top: 8%; left: 82%; } .frontsearch-point3 { top: 28%; left: 73%; } .frontsearch-res4 { top: 34%; left: -37%; } .frontsearch-point4 { top: 55%; left: 18%; } .frontsearch-res5 { top: 34%; left: 119%; } .frontsearch-point5 { top: 41%; left: 86%; } .frontsearch-res6 { top: 59%; left: -37%; } .frontsearch-point6 { top: 67%; left: 17%; } .frontsearch-res7 { top: 59%; left: 120%; } .frontsearch-point7 { top: 69%; left: 93%; } .frontsearch-res8 { top: 87%; left: -1%; } .frontsearch-point8 { top: 60%; left: 50%; } .frontsearch-res9 { top: 87%; left: 40%; } .frontsearch-point9 { top: 63%; left: 46%; } .frontsearch-res10 { top: 87%; left: 88%; } .frontsearch-point10 { top: 70%; left: 82%; } .frontsearch .frontsearch-line1 { position: absolute; display: block; right: 75px; top: 70px; left: 15px; height: 1px; background: #e0e4f6; z-index: 1; } .frontsearch .frontsearch-line1:after { position: absolute; display: block; right: 75px; top: 0; right: 0; content: ''; width: 1px; height: 100px; background: #e0e4f6; z-index: 1; } .frontsearch .frontsearch-line2 { position: absolute; display: block; left: -35px; top: 70px; bottom: 80px; width: 1px; background: #e0e4f6; z-index: 1; } .frontsearch .frontsearch-line2:after { position: absolute; display: block; top: 0; left: 0; content: ''; height: 1px; width: 30px; background: #e0e4f6; z-index: 1; } .frontsearch .frontsearch-line2:before { position: absolute; display: block; bottom: 0; left: 0; content: ''; height: 1px; width: 50px; background: #e0e4f6; z-index: 1; } /* FRONT SEARCH -- end */ /* SPECIALS -- start */ .specials-wrap { position: relative; overflow: hidden; background: #f4f5fb; } .specials { position: relative; padding-top: 31px; padding-bottom: 30px; } .specials:after { clear: both; display: block; content: ''; } .specials h2 { position: relative; background: #f4f5fb; z-index: 2; font-size: 30px; color: #283346; padding: 0 25px 10px 0; letter-spacing: 0.05em; display: inline-block; margin: 0; text-transform: uppercase; font-family: 'MontserratBlack', 'Montserrat', sans-serif; } .specials .specials-count { color: #ff3100; font-weight: 700; font-size: 14px; text-transform: uppercase; margin: 0 0 15px; } .specials .specials-list { position: relative; z-index: 2; } .specials .specials-list:after { clear: both; content: ''; display: block; } .specials .special { border-radius: 4px; /*border-bottom: 4px solid #dfe2f0;*/ box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); background: #fff; /*box-shadow: 0 10px 20px 0px rgba(192,196,215,0.25);*/ float: left; margin: 0 2.66666% 26px 0; min-height: 365px; width: 23%; padding: 29px 29px 10px; } .specials .special.special-pseudo { width: 0; height: 0 !important; margin: 0; padding: 0; } .specials .special.special-first { width: 48.66666%; } .specials .special:nth-child(4n) { margin-right: 0; } .specials .special:nth-child(4n+1) { clear: left; } .specials .special .special-link { display: block; overflow: hidden; margin: 0 0 10px; } .specials .special .special-link:hover { } .specials .special .special-img { margin: 0 0 20px; height: 234px; line-height: 234px; position: relative; display: block; padding: 0; text-align: center; } .specials .special .special-img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; } .specials .special h3 { font-size: 20px; font-weight: 700; /*padding: 0 0 13px;*/ color: #283346; text-align: left; /*transition: all 0.2s;*/ padding: 0; margin: 0; height: 22px; position: relative; line-height: 110%; } .specials .special-link:hover h3 { color: #ff3100; } .specials .special h3 span { line-height: 110%; position: absolute; transition: all 0.2s; display: block; left: 0; width: 100%; top: 0; } .specials .special .special-info { overflow: hidden; position: relative; } .specials .special .special-categ { float: left; text-transform: uppercase; color: #a0a6c5; font-size: 13px; font-weight: 600; display: block; margin: 0 0 10px; transition: all 0.2s; border-bottom: 1px solid transparent; max-width: 49%; } .specials .special .special-categ:hover { border-bottom: 1px solid #a0a6c5; /*color: #ff3100;*/ } .specials .special .special-price { transition: all 0.2s; border-bottom: 2px solid #ff3100; font-size: 14px; float: right; color: #ff3100; font-weight: 700; margin: 0 0 10px 2%; max-width: 49%; text-align: right; } .specials .special .special-info del { transition: all 0.2s; font-size: 14px; float: right; color: #c0c4d7; font-weight: 600; margin: 0 0 3px; } .specials .special .special-info .special-add { transition: all 0.3s; text-transform: uppercase; position: absolute; color: #ff3100; font-weight: 700; border-bottom: 2px solid #ff3100; font-size: 14px; top: 0; right: 0; /*display: none;*/ opacity: 0; } /*.specials .special .special-info .special-add:hover { border-bottom: 2px solid transparent; }*/ .specials .special .special-info:hover .special-price { /*display: none;*/ opacity: 0; } .specials .special .special-info:hover del { /*display: none;*/ opacity: 0; } .specials .special .special-info:hover .special-add { /*display: block;*/ opacity: 1; } .specials .special-more { font-size: 15px; display: block; margin: 0 0 20px; padding: 0; text-align: center; } .specials .special-more a { display: inline-block; color: #868ca7; border-bottom: 1px dotted #868ca7; transition: all 0.2s; } .specials .special-more a:hover { border-color: transparent; } .specials .special-line1 { position: absolute; display: block; right: 75px; top: 60px; left: 15px; height: 1px; background: #e0e4f6; z-index: 1; } .specials .special-line1:after { position: absolute; display: block; right: 75px; top: 0; right: 0; content: ''; width: 1px; height: 100px; background: #e0e4f6; z-index: 1; } .specials .special-line2 { position: absolute; display: block; left: -35px; top: 60px; bottom: 160px; width: 1px; background: #e0e4f6; z-index: 1; } .specials .special-line2:after { position: absolute; display: block; top: 0; left: 0; content: ''; height: 1px; width: 30px; background: #e0e4f6; z-index: 1; } .specials .special-line2:before { position: absolute; display: block; bottom: 0; left: 0; content: ''; height: 1px; width: 50px; background: #e0e4f6; z-index: 1; } /* SPECIALS -- end */ /* POPULARS -- start */ .populars-wrap { position: relative; overflow: hidden; background: #f4f5fb; } .populars { position: relative; padding-top: 41px; padding-bottom: 30px; } .populars:after { clear: both; display: block; content: ''; } .populars h2 { position: relative; background: #f4f5fb; z-index: 2; font-size: 30px; color: #283346; padding: 0 25px 10px 0; letter-spacing: 0.05em; display: inline-block; margin: 0; text-transform: uppercase; font-family: 'MontserratBlack', 'Montserrat', sans-serif; } .populars .populars-count { color: #ff3100; font-weight: 700; font-size: 14px; text-transform: uppercase; margin: 0 0 15px; } .populars .populars-list { position: relative; z-index: 2; } .populars .populars-list:after { clear: both; content: ''; display: block; } .populars .popular { border-radius: 4px; /*border-bottom: 4px solid #dfe2f0;*/ box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); background: #fff; float: left; margin: 0 2.66666% 26px 0; min-height: 365px; width: 23%; padding: 29px 29px 10px; } .populars .popular:nth-child(4n) { margin-right: 0; } .populars .popular:nth-child(4n+1) { clear: left; } .populars .popular .popular-link { display: block; overflow: hidden; margin: 0 0 10px; } .populars .popular .popular-link:hover { } .populars .popular .popular-img { margin: 0 0 20px; height: 234px; line-height: 234px; position: relative; display: block; padding: 0; text-align: center; } .populars .popular .popular-img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; } .populars .popular h3 { font-size: 20px; font-weight: 700; color: #283346; text-align: left; /*transition: all 0.2s;*/ /*padding: 0 0 13px;*/ padding: 0; margin: 0; height: 22px; position: relative; line-height: 110%; } .populars .popular h3 span { line-height: 110%; position: absolute; transition: all 0.2s; display: block; left: 0; width: 100%; top: 0; } .populars .popular-link:hover h3 { color: #ff3100; } .populars .popular .popular-info { overflow: hidden; position: relative; } .populars .popular .popular-categ { float: left; text-transform: uppercase; color: #a0a6c5; font-size: 13px; font-weight: 600; display: block; margin: 0 0 10px; transition: all 0.2s; border-bottom: 1px solid transparent; max-width: 49%; } .populars .popular .popular-categ:hover { border-bottom: 1px solid #a0a6c5; /*color: #ff3100;*/ } .populars .popular .popular-price { transition: all 0.2s; border-bottom: 2px solid #ff3100; font-size: 14px; float: right; color: #ff3100; font-weight: 700; margin: 0 0 10px 2%; max-width: 49%; text-align: right; } .populars .popular .popular-info del { transition: all 0.2s; font-size: 14px; float: right; color: #c0c4d7; font-weight: 600; margin: 0 0 3px; } .populars .popular .popular-info .popular-add { transition: all 0.3s; text-transform: uppercase; position: absolute; color: #ff3100; font-weight: 700; border-bottom: 2px solid #ff3100; font-size: 14px; top: 0; right: 0; /*display: none;*/ opacity: 0; } /*.populars .popular .popular-info .popular-add:hover { border-bottom: 2px solid transparent; }*/ .populars .popular .popular-info:hover .popular-price { opacity: 0; } .populars .popular .popular-info:hover .popular-info del { opacity: 0; } .populars .popular .popular-info:hover .popular-add { opacity: 1; } .populars .popular-more { font-size: 15px; display: block; margin: 0 0 20px; padding: 0; text-align: center; } .populars .popular-more a { display: inline-block; color: #868ca7; border-bottom: 1px dotted #868ca7; transition: all 0.2s; } .populars .popular-more a:hover { border-color: transparent; } .populars .popular-line1 { position: absolute; display: block; right: 75px; top: 70px; left: 15px; height: 1px; background: #e0e4f6; z-index: 1; } .populars .popular-line1:after { position: absolute; display: block; right: 75px; top: 0; right: 0; content: ''; width: 1px; height: 100px; background: #e0e4f6; z-index: 1; } .populars .popular-line2 { position: absolute; display: block; left: -35px; top: 70px; bottom: 160px; width: 1px; background: #e0e4f6; z-index: 1; } .populars .popular-line2:after { position: absolute; display: block; top: 0; left: 0; content: ''; height: 1px; width: 30px; background: #e0e4f6; z-index: 1; } .populars .popular-line2:before { position: absolute; display: block; bottom: 0; left: 0; content: ''; height: 1px; width: 50px; background: #e0e4f6; z-index: 1; } /* POPULARS -- end */ /* GET SPECIAL -- start */ .getspec-wrap { border-top: 1px solid #e0e4f6; border-bottom: 1px solid #e0e4f6; background: #fff; overflow: hidden; } .getspec { padding-top: 20px; padding-bottom: 20px; position: relative; min-height: 278px; line-height: 278px; } .getspec .getspec-cont { text-align: left; vertical-align: middle; display: inline-block; font-size: 40px; color: #ff3100; text-transform: uppercase; font-family: 'MontserratBlack', 'Montserrat', sans-serif; line-height: 140%; max-width: 50%; } .getspec .getspec-cont h3 { line-height: 100%; font-size: 57px; margin: 0 0 13px; padding: 0; color: #283346; } .getspec .getspec-cont p { line-height: 100%; margin: 0; padding: 0; } .getspec .getspec-cont form { position: relative; margin: 44px 0 0; max-width: 470px; } .getspec .getspec-cont form input[type=text] { border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #8990AD; transition: all 0.2s; display: block; width: 100%; height: 40px; padding: 0 180px 0 15px; } .getspec .getspec-cont form input[type=text]:focus { border-color: #9fa4bb; } .getspec .getspec-cont form input[type=text]::-webkit-input-placeholder { color: #9fa4bb; } .getspec .getspec-cont form input[type=text]::-moz-placeholder { color: #9fa4bb; opacity: 1; } .getspec .getspec-cont form input[type=text]:-ms-input-placeholder { color: #9fa4bb; } .getspec .getspec-cont form input[type=submit] { background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; position: absolute; height: 34px; top: 3px; right: 3px; display: block; border: none; letter-spacing: 0.03em; margin: 0; padding: 0 15px; min-width: 174px; cursor: pointer; } .getspec .getspec-cont form input[type=submit]:hover { background: #ff4719; } .getspec .getspec-img { position: absolute; display: block; left: 50%; height: 100%; overflow: hidden; top: 0; margin: 0 0 0 6%; } .getspec .getspec-img:hover { } .getspec .getspec-img img { display: block; width: auto; height: 100%; max-width: none; max-height: none; } /* GET SPECIAL -- end */ /* BOTTOM ARTICLE -- start */ .botarticle-wrap { border-top: 1px solid #e0e4f6; background: #fff; overflow: hidden; } .botarticle { padding-top: 20px; padding-bottom: 20px; position: relative; text-align: right; min-height: 318px; line-height: 318px; } .botarticle .botarticle-cont { text-align: left; vertical-align: middle; display: inline-block; font-size: 40px; color: #ff3100; text-transform: uppercase; font-family: 'MontserratBlack', 'Montserrat', sans-serif; line-height: 140%; max-width: 50%; } .botarticle .botarticle-cont h3 { font-size: 57px; margin: 0 0 13px; padding: 0; line-height: 100%; color: #283346; } .botarticle .botarticle-cont p { line-height: 100%; margin: 0; padding: 0; } .botarticle .botarticle-cont .botarticle-more { background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; text-align: center; border: none; letter-spacing: 0.03em; font-family: 'Open Sans', sans-serif; margin: 56px 0 0; padding: 7px 15px; min-width: 174px; width: auto; display: inline-block; cursor: pointer; } .botarticle .botarticle-cont .botarticle-more:hover { background: #ff4719; } .botarticle .botarticle-img { position: absolute; display: block; right: 50%; height: 100%; overflow: hidden; top: 0; margin: 0 4.5% 0 0px; } .botarticle .botarticle-img:hover { } .botarticle .botarticle-img img { display: block; width: auto; height: 100%; max-width: none; max-height: none; } /* BOTTOM ARTICLE -- end */ /* BREAD CRUMBS */ .b-crumbs-wrap { background: #fff; border-bottom: 1px solid #e0e4f6; margin-bottom: 30px; } .b-crumbs-wrap.b-crumbs-wrap2 { border-bottom: none; margin-bottom: 0; } .b-crumbs { position: relative; padding-top: 15px; } .b-crumbs > ul { padding: 0 22px 0 0; } .b-crumbs > ul li { display: inline-block; vertical-align: top; font-size: 13px; text-transform: uppercase; margin: 0 8px 17px 0; font-weight: 600; padding: 0 16px 0 0; position: relative; } .b-crumbs > ul li:after { position: absolute; content: '/'; font-size: 13px; color: #a0a6c5; top: 0; right: 0; display: block; font-weight: 600; } .b-crumbs > ul li:last-child:after { display: none; } .b-crumbs > ul li:last-child { margin-right: 0; padding-right: 0; } .b-crumbs > ul li a { border-bottom: 1px solid transparent; color: #18202e; transition: all 0.2s; } .b-crumbs > ul li a:hover { border-bottom: 1px solid #18202e; /*color: #ff3100;*/ } .b-crumbs > ul li span { color: #a0a6c5; } .b-crumbs-wrap .b-crumbs-menu { width: 16px; height: 14px; display: block; position: absolute; top: 50%; right: 15px; background: url(../img/menu1.png) no-repeat left top; margin: -8px 0 0; cursor: pointer; } .b-crumbs-wrap .b-crumbs-menu:hover { background-position: left bottom; } .b-crumbs-wrap .b-crumbs-menu > a { display: block; width: 100%; height: 100%; } .b-crumbs-wrap .b-crumbs-menulist { position: absolute; right: -10px; text-align: left; top: 100%; background: #fff; margin: 0; padding: 8px 0; margin: 6px 0 0; border: 1px solid #e0e4f6; border-radius: 4px; box-sizing: content-box; z-index: 5; display: none; } .b-crumbs-wrap .b-crumbs-menulist:after { position: absolute; content: ''; display: block; top: -12px; right: 11px; border-bottom: 6px solid #fff; border-top: 6px solid rgba(0,0,0,0); border-right: 6px solid rgba(0,0,0,0); border-left: 6px solid rgba(0,0,0,0); } .b-crumbs-wrap .b-crumbs-menulist:before { position: absolute; content: ''; display: block; top: -13px; right: 11px; border-bottom: 6px solid #e0e4f6; border-top: 6px solid rgba(0,0,0,0); border-right: 6px solid rgba(0,0,0,0); border-left: 6px solid rgba(0,0,0,0); } .b-crumbs-wrap .b-crumbs-menulist li { white-space: nowrap; } .b-crumbs-wrap .b-crumbs-menulist li a { display: block; padding: 4px 14px; transition: all 0.2s; } .b-crumbs-wrap .b-crumbs-menulist li a:hover { color: #ff3100; } /* BREAD CRUMBS */ /* PAGINATION */ ul.pager { clear: both; text-align: right; padding: 10px 8px; } ul.pager li { display: inline-block; margin: 0 2px 10px; vertical-align: top; font-size: 12px; font-weight: 700; } ul.pager li a { transition: all 0.2s; color: #283346; text-align: center; display: block; position: relative; padding: 1px 12px; } /*ul.pager li a:after { position: absolute; width: 12px; bottom: 0; opacity: 0; transition: all 0.2s; height: 2px; background: #ff3100; content: ''; left: 50%; margin: 0 0 0 -6px; }*/ ul.pager li a:hover { color: #ff3100; } /*ul.pager li a:hover:after { opacity: 1; }*/ ul.pager li.active a { border-radius: 30px; background: #c0c4d7; color: #fff; } ul.pager li.dots a { color: #868ca7; } /* PAGINATION */ /* SECTION */ .maincont .section-count { color: #ff3100; font-weight: 700; font-size: 14px; text-transform: uppercase; margin: 0 0 15px; } .section-top { position: relative; border: 1px solid #e0e4f6; background: #fff; border-radius: 4px; z-index: 10; padding: 10px 0 0 174px; margin: 0 0 30px; } .section-top:after { clear: both; display: block; content: ''; } .section-top .section-menu-btn { z-index: 12; position: absolute; line-height: 100%; top: -1px; bottom: -1px; left: -1px; display: block; color: #fff; border-radius: 4px 0 0 4px; padding: 6px 72px 4px 33px; font-size: 14px; text-transform: uppercase; background: url(../img/menu-section.png) no-repeat 87% center; background-color: #ff3100; font-weight: 700; transition: all 0.2s; vertical-align: middle; } .section-top .section-menu-btn.opened { background: url(../img/menu-section-close.png) no-repeat 87% center; background-color: #ff3100; border-radius: 4px 0 4px 0; } .section-top .section-menu-btn:hover { background-color: #ff4719; } .section-top .section-menu-btn:before { line-height: 100%; display: inline-block; vertical-align: middle; content: ''; width: 0; height: 100%; } .section-top .section-view { float: right; position: relative; font-size: 14px; color: #868ca7; padding: 0 27px 0 32px; margin: 0 0 11px; } .section-top .section-view:after { position: absolute; content: ''; width: 1px; height: 22px; display: block; background: #e0e4f6; top: 50%; left: 0; margin: -11px 0 0; } .section-top .section-view p { margin: 0 11px 0 0; display: inline-block; } .section-top .section-view .dropdown-wrap { display: inline-block; position: relative; } .section-top .section-view .section-view-ttl { margin: 0; padding: 0 39px 0 0; color: #283346; cursor: pointer; font-size: 15px; transition: all 0.2s; position: relative; } .section-top .section-view .section-view-ttl:after { position: absolute; content: ''; background: url(../img/arr1.png) no-repeat left top; display: block; width: 14px; height: 8px; overflow: hidden; top: 7px; right: 0; } .section-top .section-view .section-view-ttl:hover { color: #ff3100; } .section-top .section-view .section-view-ttl.opened:after { background-position: left bottom; } .section-top .section-view ul { position: absolute; left: -11px; top: 100%; background: #fff; padding: 5px 10px; margin: 4px 0 0; border: 1px solid #e0e4f6; border-radius: 4px; min-width: 100%; box-sizing: content-box; display: none; z-index: 5; } .section-top .section-view ul li { white-space: nowrap; padding: 0; font-size: 15px; } .section-top .section-view ul li a { transition: all 0.2s; display: block; padding: 4px 0; color: #283346; } .section-top .section-view ul li a:hover { color: #ff3100; } .section-top .section-view ul li.active a { color: #ff3100; } .section-top .section-sort { float: right; position: relative; font-size: 14px; color: #868ca7; padding: 0 27px 0 32px; margin: 0 0 11px; } .section-top .section-sort:after { position: absolute; content: ''; width: 1px; height: 22px; display: block; background: #e0e4f6; top: 50%; left: 0; margin: -11px 0 0; } .section-top .section-sort p { margin: 0 11px 0 0; display: inline-block; } .section-top .section-sort .dropdown-wrap { display: inline-block; position: relative; } .section-top .section-sort .section-sort-ttl { margin: 0; padding: 0 39px 0 0; color: #283346; cursor: pointer; font-size: 15px; transition: all 0.2s; position: relative; } .section-top .section-sort .section-sort-ttl:after { position: absolute; content: ''; background: url(../img/arr1.png) no-repeat left top; display: block; width: 14px; height: 8px; overflow: hidden; top: 7px; right: 0; } .section-top .section-sort .section-sort-ttl:hover { color: #ff3100; } .section-top .section-sort .section-sort-ttl.opened:after { background-position: left bottom; } .section-top .section-sort ul { position: absolute; left: -11px; top: 100%; background: #fff; padding: 5px 10px; margin: 4px 0 0; border: 1px solid #e0e4f6; border-radius: 4px; min-width: 100%; box-sizing: content-box; display: none; z-index: 5; } .section-top .section-sort ul li { white-space: nowrap; padding: 0; font-size: 15px; } .section-top .section-sort ul li a { transition: all 0.2s; display: block; padding: 4px 0; color: #283346; } .section-top .section-sort ul li a:hover { color: #ff3100; } .section-top .section-sort ul li.active a { color: #ff3100; } .section-top .section-prices { float: right; position: relative; font-size: 14px; color: #868ca7; padding: 0 27px 0 32px; margin: 0 0 11px; } .section-top .section-prices:after { position: absolute; content: ''; width: 1px; height: 22px; display: block; background: #e0e4f6; top: 50%; left: 0; margin: -11px 0 0; } .section-top .section-prices p { margin: 0 11px 0 0; display: inline-block; } .section-top .section-prices .dropdown-wrap { display: inline-block; position: relative; } .section-top .section-prices .section-prices-ttl { margin: 0; padding: 0 39px 0 0; color: #283346; cursor: pointer; font-size: 15px; transition: all 0.2s; position: relative; } .section-top .section-prices .section-prices-ttl:after { position: absolute; content: ''; background: url(../img/arr1.png) no-repeat left top; display: block; width: 14px; height: 8px; overflow: hidden; top: 7px; right: 0; } .section-top .section-prices .section-prices-ttl:hover { color: #ff3100; } .section-top .section-prices .section-prices-ttl.opened:after { background-position: left bottom; } .section-top .section-prices ul { position: absolute; left: -11px; top: 100%; background: #fff; padding: 5px 10px; margin: 4px 0 0; border: 1px solid #e0e4f6; border-radius: 4px; min-width: 100%; box-sizing: content-box; display: none; z-index: 5; } .section-top .section-prices ul li { white-space: nowrap; padding: 0; font-size: 15px; } .section-top .section-prices ul li a { transition: all 0.2s; display: block; padding: 4px 0; color: #283346; } .section-top .section-prices ul li a:hover { color: #ff3100; } .section-top .section-prices ul li.active a { color: #ff3100; } .section-top .section-shipping { float: right; font-size: 14px; color: #868ca7; padding: 0 27px 0 5px; margin: 0 0 11px; } .section-top .section-shipping input[type=checkbox] { display: none; } .section-top .section-shipping label { color: #868ca7; font-size: 15px; position: relative; padding: 0 28px 0 0; transition: all 0.2s; cursor: pointer; } .section-top .section-shipping label:hover { color: #ff3100; } .section-top .section-shipping label:after { content: ''; position: absolute; width: 15px; height: 15px; display: block; overflow: hidden; background: url(../img/chk1.png) no-repeat left top; top: 4px; right: 0; } .section-top .section-shipping input[type=checkbox]:checked + label:after { background-position: left bottom; } .section-menu-overlay { position: fixed; display: none; background: rgba(23, 24, 27, 0.9); top: 0; left: 0; bottom: 0; right: 0; z-index: 9; } .section-top .section-menu-wrap { position: absolute; z-index: 11; top: -1px; display: none; left: -1px; right: -1px; border-radius: 3px; background: #fff; overflow: hidden; padding: 73px 38px 20px; border-radius: 4px; box-shadow: inset 0 -4px 0px 0px #dfe2f0; } .section-top .section-menu { margin: 0 0 16px; float: left; width: 20%; padding: 0 1% 0 0; } .section-top .section-menu:nth-child(5n+1) { clear: left; } .section-top .section-menu-ttl { color: #283346; font-size: 20px; font-weight: 700; margin: 0 0 17px; } .section-top .section-menu-list { } .section-top .section-menu-list li { color: #a0a6c5; font-size: 13px; text-transform: uppercase; margin: 0 0 13px; font-weight: 600; } .section-top .section-menu-list li a { color: #a0a6c5; /*display: block;*/ transition: all 0.2s; border-bottom: 1px solid transparent; } .section-top .section-menu-list li a:hover { border-bottom: 1px solid #a0a6c5; /*color: #ff3100;*/ } .section-list { } .section-list .sectls { margin: 0 0 26px; position: relative; background: #fff; border-radius: 4px; padding: 0 0 0 170px; z-index: 2; box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); } .section-list .sectls-img { padding: 20px; width: 170px; position: absolute; top: 0; left: 0; height: 100%; vertical-align: middle; display: block; border-right: 1px solid #e0e4f6; } .section-list .sectls-img img { display: block; position: absolute; max-width: 85%; max-height: 85%; width: auto; height: auto; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section-list .sectls-cont { padding: 20px 0 0; overflow: hidden; } .section-list .sectls-ttl-wrap { float: left; width: 54%; padding: 0 5px 18px 3%; text-transform: uppercase; font-size: 13px; color: #a0a6c5; font-weight: 600; } .section-list .sectls-ttl-wrap p { margin: 0 0 13px; } .section-list .sectls-ttl-wrap p a { color: #a0a6c5; transition: all 0.2s; border-bottom: 1px solid transparent; } .section-list .sectls-ttl-wrap p a:hover { border-bottom: 1px solid #a0a6c5; /*color: #ff3100;*/ } .section-list .sectls-ttl-wrap h3 { font-weight: 700; font-size: 20px; color: #283346; text-transform: none; font-weight: 700; } .section-list .sectls-ttl-wrap h3 a { color: #333; transition: all 0.2s; } .section-list .sectls-ttl-wrap h3 a:hover { color: #ff3100; } .section-list .sectls-price-wrap { float: left; width: 13%; padding: 0 5px 18px; font-size: 15px; color: #868ca7; text-align: left; } .section-list .sectls-price-wrap p { margin: 0; padding: 0; line-height: 100%; min-height: 38px; } .section-list .sectls-price-wrap .sectls-price { margin: 0; padding: 0; color: #283346; font-size: 15px; min-height: initial; } .section-list .sectls-qnt-wrap { float: left; width: 18%; padding: 0 5px 4px; font-size: 15px; color: #868ca7; text-align: left; } .section-list .sectls-qnt-wrap p { margin: 0; padding: 0; line-height: 100%; min-height: 38px; } .section-list .sectls-qnt-wrap .sectls-qnt { overflow: hidden; min-height: initial; } .section-list .sectls-qnt-wrap .sectls-qnt:hover { } .section-list .sectls-qnt-wrap .sectls-minus { float: left; font-size: 15px; text-align: center; border-left: 1px solid #e0e4f6; border-top: 1px solid #e0e4f6; border-bottom: 1px solid #e0e4f6; border-radius: 2px 0 0 2px; width: 25px; height: 23px; line-height: 20px; display: block; color: #868ca7; transition: all 0.2s; } .section-list .sectls-qnt-wrap .sectls-minus:hover { background: #f3f3f3; } .section-list .sectls-qnt-wrap .sectls-plus { float: left; font-size: 15px; text-align: center; border-right: 1px solid #e0e4f6; border-top: 1px solid #e0e4f6; border-bottom: 1px solid #e0e4f6; border-radius: 2px 0 0 2px; width: 25px; height: 23px; line-height: 20px; display: block; color: #868ca7; transition: all 0.2s; } .section-list .sectls-qnt-wrap .sectls-plus:hover { background: #f3f3f3; } .section-list .sectls-qnt-wrap input[type=text] { border: 1px solid #e0e4f6; width: 39px; float: left; text-align: center; font-size: 15px; display: block; padding: 0; height: 23px; color: #283346; transition: all 0.2s; background: #fff; } .section-list .sectls-qnt-wrap input[type=text]:focus { background: #f3f3f3; } .section-list .sectls-total-wrap { float: left; width: 15%; padding: 0 5px 18px; font-size: 15px; color: #868ca7; text-align: left; } .section-list .sectls-total-wrap p { margin: 0; padding: 0; line-height: 100%; min-height: 38px; } .section-list .sectls-total-wrap .sectls-total { margin: 0; padding: 0; color: #283346; font-size: 15px; min-height: initial; } .section-list .sectls-info { position: relative; overflow: hidden; border-top: 1px solid #e0e4f6; padding: 0 0 19px; } .section-list .sectls-rating-wrap { float: left; min-width: 212px; text-align: left; margin: 0 29px 0 2%; position: relative; padding: 15px 0 0; font-size: 15px; color: #868ca7; } .section-list .sectls-rating-wrap:after { position: absolute; content: ''; display: block; width: 1px; background: #e0e4f6; height: 36px; margin: 0 0 0; top: 9px; right: 0; } .section-list .sectls-rating-wrap p { display: inline-block; } .section-list .sectls-rating { margin: 0 16px 0 0; unicode-bidi: bidi-override; direction: rtl; text-align: left; font-size: 15px; color: #ff3100; white-space: nowrap; display: inline-block; cursor: pointer; } .section-list .sectls-rating .fa { font-size: 15px; padding: 0 2px; } .section-list .sectls-rating .fa:hover:before { content: "\f005"; } .section-list .sectls-rating .fa:hover:before, .section-list .sectls-rating .fa:hover ~ .fa:before { content: "\f005"; } .section-list .sectls-rating[data-rating="1"] .fa:nth-child(5):before { content: "\f005"; } .section-list .sectls-rating[data-rating="2"] .fa:nth-child(5):before, .section-list .sectls-rating[data-rating="2"] .fa:nth-child(4):before { content: "\f005"; } .section-list .sectls-rating[data-rating="3"] .fa:nth-child(5):before, .section-list .sectls-rating[data-rating="3"] .fa:nth-child(4):before, .section-list .sectls-rating[data-rating="3"] .fa:nth-child(3):before { content: "\f005"; } .section-list .sectls-rating[data-rating="4"] .fa:nth-child(5):before, .section-list .sectls-rating[data-rating="4"] .fa:nth-child(4):before, .section-list .sectls-rating[data-rating="4"] .fa:nth-child(3):before, .section-list .sectls-rating[data-rating="4"] .fa:nth-child(2):before { content: "\f005"; } .section-list .sectls-rating[data-rating="5"] .fa:nth-child(5):before, .section-list .sectls-rating[data-rating="5"] .fa:nth-child(4):before, .section-list .sectls-rating[data-rating="5"] .fa:nth-child(3):before, .section-list .sectls-rating[data-rating="5"] .fa:nth-child(2):before, .section-list .sectls-rating[data-rating="5"] .fa:nth-child(1):before { content: "\f005"; } .section-list .sectls-id { float: left; font-size: 15px; color: #868ca7; margin: 16px 10px 0 0; white-space: nowrap; } .section-list .sectls-add { float: right; width: 195px; text-align: center; padding: 17px 0 0; font-size: 15px; font-weight: 700; color: #868ca7; text-transform: uppercase; position: relative; } .section-list .sectls-add:after { position: absolute; content: ''; display: block; width: 1px; background: #e0e4f6; height: 36px; margin: 0 0 0; top: 9px; left: 0; } .section-list .sectls-add span { display: inline-block; color: #c0c4d7; } .section-list .sectls-add a { position: relative; display: inline-block; padding: 0 0 0 35px; } .section-list .sectls-add a:hover { color: #ff3100; } .section-list .sectls-add a:after { width: 19px; height: 15px; display: block; content: ''; overflow: hidden; top: 3px; left: 0; position: absolute; background: url(../img/icocart1.png) no-repeat top left; } .section-list .sectls-add a:hover:after { background-position: left bottom; } .section-list .sectls-favorites { width: 74px; padding: 20px 0 0; float: right; text-align: center; position: relative; } .section-list .sectls-favorites:after { position: absolute; content: ''; display: block; width: 1px; background: #e0e4f6; height: 36px; margin: 0 0 0; top: 9px; left: 0; } .section-list .sectls-favorites a { width: 16px; height: 15px; overflow: hidden; display: inline-block; background: url(../img/icofav1.png) no-repeat left top; } .section-list .sectls-favorites a:hover { background-position: left bottom; } .section-list .sectls-compare { width: 74px; padding: 20px 0 0; float: right; text-align: center; position: relative; } .section-list .sectls-compare:after { position: absolute; content: ''; display: block; width: 1px; background: #e0e4f6; height: 59px; margin: 0 0 0; top: 0; left: 0; } .section-list .sectls-compare a { width: 15px; height: 15px; overflow: hidden; display: inline-block; background: url(../img/icocompare1.png) no-repeat left top; } .section-list .sectls-compare a:hover { background-position: left bottom; } .section-gallery { margin-left: 15px; } .section-gallery:after { clear: both; content: ''; display: block; } .section-gallery .sectgl { border-radius: 4px; /*border-bottom: 4px solid #dfe2f0;*/ box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); background: #fff; float: left; margin: 0 2.66666% 26px 0; height: 285px; width: 28.50%; padding: 29px 29px 10px; } .section-gallery .sectgl.anasayfa { width: 14%; height: 240px !important; } .section-gallery .sectgl.urundetay { width: 22%; } /* .section-gallery .sectgl:nth-child(4n) { margin-right: 0; }*/ /* .section-gallery .sectgl:nth-child(3n+1) { clear: both; } */ .section-gallery .sectgl .sectgl-link { display: block; overflow: hidden; margin: 0 0 10px; } .section-gallery .sectgl .sectgl-link:hover { } .section-gallery .sectgl .sectgl-img { margin: 0 0 20px; /*line-height: 234px;*/ position: relative; display: block; padding: 0; text-align: center; } .section-gallery .sectgl .sectgl-img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; } .section-gallery .sectgl h3 { font-size: 13px; font-weight: 700; /*padding: 0 0 13px;*/ color: #283346; text-align: center; /*transition: all 0.2s;*/ padding: 0; margin: 0; /*height: 22px;*/ position: relative; /*line-height: 110%;*/ overflow: hidden; height: 40px; } .section-gallery .sectgl h3 span { /*line-height: 110%; position: absolute; transition: all 0.2s;*/ display: block; left: 0; width: 100%; top: 0; } .section-gallery .sectgl-link:hover h3 { color: #ff3100; } .section-gallery .sectgl .sectgl-info { overflow: hidden; position: relative; } .section-gallery .sectgl .sectgl-categ { float: left; text-transform: uppercase; color: #a0a6c5; font-size: 13px; font-weight: 600; display: block; margin: 0 0 10px; transition: all 0.2s; border-bottom: 1px solid transparent; max-width: 49%; } .section-gallery .sectgl .sectgl-categ:hover { border-bottom: 1px solid #a0a6c5; /*color: #ff3100;*/ } .section-gallery .sectgl .sectgl-price { transition: all 0.2s; border-bottom: 2px solid #ff3100; font-size: 14px; float: right; color: #ff3100; font-weight: 700; margin: 0 0 10px 2%; max-width: 49%; text-align: right; } .section-gallery .sectgl .sectgl-info del { transition: all 0.2s; font-size: 14px; float: right; color: #c0c4d7; font-weight: 600; margin: 0 0 3px; } .section-gallery .sectgl .sectgl-info .sectgl-add { transition: all 0.3s; text-transform: uppercase; position: absolute; color: #ff3100; font-weight: 700; border-bottom: 2px solid #ff3100; font-size: 14px; top: 0; right: 0; /*display: none;*/ opacity: 0; } /*.section-gallery .sectgl .sectgl-info .sectgl-add:hover { border-bottom: 2px solid transparent; }*/ .section-gallery .sectgl .sectgl-info:hover .sectgl-price { /*display: none;*/ opacity: 0; } .section-gallery .sectgl .sectgl-info:hover .sectgl-info del { /*display: none;*/ opacity: 0; } .section-gallery .sectgl .sectgl-info:hover .sectgl-add { /*display: block;*/ opacity: 1; } /*.dropdown-wrap-range ul.dropdown-list { min-width: 150px; }*/ .dropdown-wrap-range .dropdown-list input[type=text] { display: none; } /* SECTION */ /* PRODUCT */ .prod { margin-top: 27px; margin-bottom: 49px; z-index: 2; position: relative; box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); border-radius: 4px; background: #fff; padding: 0 0 0 40%; min-height: 442px; } .prod:after { clear: both; display: block; content: ''; } .prod .prod-slider-wrap { position: absolute; top: 0; bottom: 0; left: 0; padding: 0 0 97px; float: left; width: 40%; overflow: hidden; border-right: 1px solid #e0e4f6; } .prod .prod-slider { overflow: hidden; position: relative; margin: 0; top: 0; position: absolute; width: 100%; bottom: 101px; overflow: hidden; } .prod .prod-slider .slides { height: 100%; } .prod .prod-slider .slides li { height: 100%; padding: 15px; text-align: center; /*height: 340px;*/ /*line-height: 310px;*/ vertical-align: middle; } .prod .prod-slider .slides li a { height: 100%; width: 100%; display: block; vertical-align: middle; /*line-height: 310px;*/ } .prod .prod-slider .slides li a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .prod .prod-slider .slides li img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; } .prod .prod-thumbs { position: absolute; width: 100%; bottom: 4px; overflow: hidden; } .prod .prod-thumbs .flex-direction-nav a { width: 30px; height: 30px; line-height: 28px; } .prod .prod-thumbs .flex-direction-nav a:before { font-size: 20px; } .prod .prod-thumbs .slides li { text-align: center; height: 97px; margin: 0; cursor: pointer; float: left; line-height: 84px; border-left: 1px solid #e0e4f6; border-top: 1px solid #e0e4f6; position: relative; padding: 5px 6px 7px 5px; } .prod .prod-thumbs .slides li.flex-active-slide { } .prod .prod-thumbs .slides li.flex-active-slide:after { position: absolute; top: -1px; bottom: 0; left: -1px; right: 0; content: ''; border: 3px solid #ff3100; background: rgba(255,255,255,0.5); } .prod .prod-thumbs .slides li img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; } .prod .prod-cont { float: left; width: 100%; font-size: 14px; color: #777; } .prod .prod-desc { border-bottom: 1px solid #e0e4f6; padding: 19px 4% 19px; color: #868ca7; font-size: 15px; line-height: 180%; } .prod .prod-desc .prod-desc-ttl { color: #283346; font-weight: 600; font-size: 15px; border-bottom: 1px solid #e0e4f6; margin: 0 0 19px; } .prod .prod-desc-ttl > span { padding: 0 0 12px; display: inline-block; position: relative; } .prod .prod-desc-ttl > span:after { position: absolute; height: 1px; background: #ff3100; width: 100%; bottom: -1px; left: 0; content: ''; display: block; } .prod .prod-desc p { margin: 0; line-height: 180%; padding: 0; } .prod .prod-desc a { color: #ff3100; transition: all 0.2s; border-bottom: 1px solid rgba(0,0,0,0); } .prod .prod-desc a:hover { border-color: #ff3100; } .prod .prod-props { border-bottom: 1px solid #e0e4f6; padding: 23px 4% 0px; } .prod .prod-props dl { overflow: hidden; margin: 0 0 16px; } .prod .prod-props dt { width: 23%; float: left; font-size: 15px; color: #868ca7; margin: 0 0 8px; padding: 0 5px 0 0; } .prod .prod-props dt:nth-of-type(2n+1) { clear: left; } .prod .prod-props dd { width: 47%; float: left; color: #283346; font-size: 15px; margin: 0 0 8px; padding: 0 5px 0 0; } .prod .prod-props dt a { color: #ff3100; transition: all 0.2s; border-bottom: 1px solid rgba(0,0,0,0); } .prod .prod-props dt a:hover { border-color: #ff3100; } .prod .prod-info { border-bottom: 1px solid #e0e4f6; padding: 22px 4% 0; } .prod .prod-info:after { clear: both; display: block; content: ''; } .prod .prod-price-wrap { float: left; width: 20%; padding: 0 3px 27px 0; font-size: 15px; color: #868ca7; text-align: left; } .prod .prod-price-wrap p { margin: 0 0 15px; padding: 0; } .prod .prod-price-wrap .prod-price { margin: 0; padding: 0; color: #283346; font-size: 15px; } .prod .prod-qnt-wrap { float: left; width: 29%; padding: 0 3px 6px; font-size: 15px; color: #868ca7; text-align: left; } .prod .prod-qnt-wrap p { margin: 0 0 15px; padding: 0; } .prod .prod-qnt-wrap .prod-qnt { overflow: hidden; } .prod .prod-qnt-wrap .prod-qnt:hover { } .prod .prod-qnt-wrap .prod-minus { float: left; font-size: 15px; text-align: center; border-left: 1px solid #e0e4f6; border-top: 1px solid #e0e4f6; border-bottom: 1px solid #e0e4f6; border-radius: 2px 0 0 2px; width: 25px; height: 23px; line-height: 20px; display: block; color: #868ca7; transition: all 0.2s; } .prod .prod-qnt-wrap .prod-minus:hover { background: #f3f3f3; } .prod .prod-qnt-wrap .prod-plus { float: left; font-size: 15px; text-align: center; border-right: 1px solid #e0e4f6; border-top: 1px solid #e0e4f6; border-bottom: 1px solid #e0e4f6; border-radius: 2px 0 0 2px; width: 25px; height: 23px; line-height: 20px; display: block; color: #868ca7; transition: all 0.2s; } .prod .prod-qnt-wrap .prod-plus:hover { background: #f3f3f3; } .prod .prod-qnt-wrap input[type=text] { border: 1px solid #e0e4f6; width: 39px; float: left; text-align: center; font-size: 15px; display: block; padding: 0; height: 23px; color: #283346; transition: all 0.2s; background: #fff; } .prod .prod-qnt-wrap input[type=text]:focus { background: #f3f3f3; } .prod .prod-total-wrap { float: left; width: 24%; padding: 0 3px 27px; font-size: 15px; color: #868ca7; text-align: left; } .prod .prod-total-wrap p { margin: 0 0 15px; padding: 0; } .prod .prod-total-wrap .prod-total { margin: 0; padding: 0; color: #283346; font-size: 15px; } .prod .prod-shipping-wrap { float: left; width: 27%; padding: 0 3px 27px; font-size: 15px; color: #868ca7; text-align: left; } .prod .prod-shipping-wrap p { margin: 0 0 15px; padding: 0; } .prod .prod-shipping-wrap .prod-shipping { margin: 0; padding: 0; color: #283346; font-size: 15px; } .prod .prod-actions { padding: 0px 0 19px; overflow: hidden; } .prod .prod-actions:after { clear: both; display: block; content: ''; } .prod-rating-wrap { float: left; /*width: 253px;*/ width: 44%; /*text-align: center;*/ margin: 0 0 0 0; position: relative; font-size: 15px; color: #868ca7; /*padding: 15px 0 0;*/ text-align: left; padding: 15px 0 0 3.6%; } /*.prod-rating-wrap:after { position: absolute; content: ''; display: block; width: 1px; background: #e0e4f6; height: 36px; margin: 0 0 0; top: 9px; right: 0; }*/ .prod-rating-wrap p { display: inline-block; } .prod-rating { margin: 0 10px 0 0; unicode-bidi: bidi-override; direction: rtl; text-align: left; font-size: 15px; color: #ff3100; white-space: nowrap; display: inline-block; cursor: pointer; } .prod-rating .fa { font-size: 15px; padding: 0 2px; } .prod-rating .fa:hover:before { content: "\f005"; } .prod-rating .fa:hover:before, .prod-rating .fa:hover ~ .fa:before { content: "\f005"; } .prod-rating[data-rating="1"] .fa:nth-child(5):before { content: "\f005"; } .prod-rating[data-rating="2"] .fa:nth-child(5):before, .prod-rating[data-rating="2"] .fa:nth-child(4):before { content: "\f005"; } .prod-rating[data-rating="3"] .fa:nth-child(5):before, .prod-rating[data-rating="3"] .fa:nth-child(4):before, .prod-rating[data-rating="3"] .fa:nth-child(3):before { content: "\f005"; } .prod-rating[data-rating="4"] .fa:nth-child(5):before, .prod-rating[data-rating="4"] .fa:nth-child(4):before, .prod-rating[data-rating="4"] .fa:nth-child(3):before, .prod-rating[data-rating="4"] .fa:nth-child(2):before { content: "\f005"; } .prod-rating[data-rating="5"] .fa:nth-child(5):before, .prod-rating[data-rating="5"] .fa:nth-child(4):before, .prod-rating[data-rating="5"] .fa:nth-child(3):before, .prod-rating[data-rating="5"] .fa:nth-child(2):before, .prod-rating[data-rating="5"] .fa:nth-child(1):before { content: "\f005"; } .prod .prod-add { float: left; width: 235px; text-align: center; padding: 17px 0 0; font-size: 15px; font-weight: 700; color: #868ca7; text-transform: uppercase; position: relative; } .prod .prod-add:after { position: absolute; content: ''; display: block; width: 1px; background: #e0e4f6; height: 36px; margin: 0 0 0; top: 9px; left: 0; } .prod .prod-add a { position: relative; display: inline-block; padding: 0 0 0 35px; } .prod .prod-add a:hover { color: #ff3100; } .prod .prod-add a:after { width: 19px; height: 15px; display: block; content: ''; overflow: hidden; top: 3px; left: 0; position: absolute; background: url(../img/icocart1.png) no-repeat top left; } .prod .prod-add a:hover:after { background-position: left bottom; } .prod .prod-favorites { width: 74px; padding: 20px 0 0; float: left; text-align: center; position: relative; } .prod .prod-favorites:after { position: absolute; content: ''; display: block; width: 1px; background: #e0e4f6; height: 36px; margin: 0 0 0; top: 9px; left: 0; } .prod .prod-favorites a { width: 16px; height: 15px; overflow: hidden; display: inline-block; background: url(../img/icofav1.png) no-repeat left top; } .prod .prod-favorites a:hover { background-position: left bottom; } .prod .prod-compare { width: 74px; padding: 20px 0 0; float: left; text-align: center; position: relative; } .prod .prod-compare:after { position: absolute; content: ''; display: block; width: 1px; background: #e0e4f6; height: 59px; margin: 0 0 0; top: 0; left: 0; } .prod .prod-compare a { width: 15px; height: 15px; overflow: hidden; display: inline-block; background: url(../img/icocompare1.png) no-repeat left top; } .prod .prod-compare a:hover { background-position: left bottom; } .fancybox-close.modal-form-close2 { background-image: none; background: url(../img/close4.png) no-repeat left top; width: 16px; height: 16px; top: 0; right: -23px; } .prod-tabs-wrap { box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); border-radius: 4px; margin: 0 0 30px; padding: 22px 31px; background: #fff; } .prod-tabs { overflow: hidden; padding: 0 80px 0 0; margin: 0 0 10px; position: relative; } .prod-tabs:after { height: 1px; position: absolute; bottom: 0; left: 0; display: block; content: ''; width: 100%; z-index: 1; background: #e0e4f6; } .prod-tabs li { float: left; margin: 0 59px 0 0; font-size: 15px; position: relative; } .prod-tabs li a { display: block; padding: 0 0 12px; transition: all 0.2s; font-weight: 600; color: #283346; position: relative; } .prod-tabs li a span { vertical-align: middle; display: inline-block; font-weight: bold; color: #fff; background: #c0c4d7; border-radius: 20px; padding: 2px 8px; margin: 0 0 0 10px; font-size: 12px; font-weight: 700; line-height: 100%; } .prod-tabs li a:hover { color: #ff3100; } .prod-tabs li.active a:hover { color: #283346; } .prod-tabs li.active:after { height: 1px; z-index: 2; position: absolute; bottom: 0; left: 0; display: block; content: ''; width: 100%; background: #ff3100; } .prod-tabs li.prod-tabs-addreview { position: absolute; text-transform: uppercase; font-weight: 700; top: 0px; font-size: 14px; right: 0px; margin: 0; color: #ff3100; cursor: pointer; padding: 0; border-bottom: 1px solid transparent; transition: all 0.2s; } .prod-tabs li.prod-tabs-addreview:hover { border-color: #ff3100; } .prod-tab-mob { display: none; font-weight: 600; cursor: pointer; border-top: 1px solid #e0e4f6; padding: 15px 0px 15px; transition: all 0.2s; font-size: 15px; position: relative; transition: all 0.2s; color: #283346; } .prod-tab-mob:hover { color: #ff3100; } .prod-tab-mob.active { color: #ff3100; } .prod-tab-cont { overflow: hidden; } .prod-tab-cont .prod-tab { display: none; } .prod-tab-cont .prod-tab:first-of-type { display: block; } .prod-tab.prod-reviews { } .prod-tab.prod-reviews:after { clear: both; display: block; content: ''; } .prod-review { float: left; width: 50%; padding: 22px 7% 0 0; margin: 0 0 16px; border-top: 1px solid #efefef; font-size: 15px; color: #868ca7; line-height: 180%; } .prod-review:nth-of-type(2n) { padding-right: 0; } .prod-review:nth-of-type(2n+1) { clear: left; } .prod-review:nth-of-type(1) { border-top: none; } .prod-review:nth-of-type(2) { border-top: none; } .prod-review h3 { font-size: 14px; font-weight: 700; margin: 0 0 10px; padding: 0; color: #283346; font-size: 15px; } .prod-review p { line-height: 180%; } .prod-review .prod-review-rating { font-size: 15px; color: #ff3100; white-space: nowrap; } .prod-review .prod-review-rating .fa { padding: 0 2px; } .prod-review-more { border-top: 1px solid #e0e4f6; padding: 10px 0 0; text-align: center; clear: both; } .prod-review-more a { display: inline-block; border-bottom: 1px dotted #868ca7; color: #868ca7; font-size: 15px; transition: all 0.2s; } .prod-review-more a:hover { border-color: rgba(0,0,0,0); } .prod-tab .prod-tab-props { padding: 11px 0 0px; overflow: hidden; } .prod-tab .prod-tab-props dl { overflow: hidden; margin: 0 0 16px; } .prod-tab .prod-tab-props dt { width: 14%; float: left; font-size: 15px; color: #868ca7; margin: 0 0 8px; padding: 0 5px 0 0; } .prod-tab .prod-tab-props dt:nth-of-type(3n+1) { clear: left; } .prod-tab .prod-tab-props dd { width: 19.33333%; float: left; color: #283346; font-size: 15px; margin: 0 0 8px; padding: 0 5px 0 0; } .prod-tab-desc { padding: 11px 0 0; color: #868ca7; font-size: 15px; line-height: 180%; } .prod-tab-desc p { margin: 0 0 15px; line-height: 180%; } .prod-tabs-addreview-mob { cursor: pointer; border-top: 1px solid #e0e4f6; padding: 15px 0px 15px; transition: all 0.2s; font-size: 15px; position: relative; font-weight: 600; transition: all 0.2s; color: #283346; display: none; } .prod-tabs-addreview-mob:hover { color: #ff3100; } .prod-addreview-form { max-width: 270px; display: none; margin: 30px auto 30px; } .prod-addreview-form .prod-tab-addreview { margin: 0 0 21px; color: #abafc2; font-size: 18px; font-weight: 700; float: left; } .prod-addreview-form .prod-rating { float: right; margin: 3px 0 15px; } .prod-addreview-form input[type=text] { border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #9fa4bb; transition: all 0.2s; display: block; width: 100%; height: 34px; clear: both; padding: 0 15px 0 15px; margin: 0 0 15px; } .prod-addreview-form input[type=text]:focus { background: #f1f1fa; } .prod-addreview-form input[type=text]::-webkit-input-placeholder { color: #9fa4bb; } .prod-addreview-form input[type=text]::-moz-placeholder { color: #9fa4bb; opacity: 1; } .prod-addreview-form input[type=text]:-ms-input-placeholder { color: #9fa4bb; } .prod-addreview-form textarea { border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #9fa4bb; transition: all 0.2s; display: block; width: 100%; height: 120px; padding: 10px 15px 10px 15px; margin: 0 0 15px; } .prod-addreview-form textarea:focus { background: #f1f1fa; } .prod-addreview-form textarea::-webkit-input-placeholder { color: #9fa4bb; } .prod-addreview-form textarea::-moz-placeholder { color: #9fa4bb; opacity: 1; } .prod-addreview-form textarea:-ms-input-placeholder { color: #9fa4bb; } .prod-addreview-form input[type=submit] { background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; height: 34px; display: block; border: none; letter-spacing: 0.03em; margin: 15px auto 15px; padding: 0 15px; cursor: pointer; width: 100%; } .prod-addreview-form input[type=submit]:hover { background: #ff4719; } /* PRODUCT */ /* PRODUCT VEHICLE */ .prodv { position: relative; margin: 28px 0 126px; border-radius: 4px; background: #fff; z-index: 2; box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); padding: 41px 4% 13px; } .prodv:after { clear: both; display: block; content: ''; } .prodv-props { overflow: hidden; margin: 0 0 28px; } .prodv-prop-wrap { position: relative; z-index: 2; width: 20%; float: left; font-size: 18px; color: #abafc2; margin: 0 0 20px; font-weight: 700; padding: 0 10px 0 0; } .prodv-prop-wrap p { margin: 0 0 6px; } .prodv-prop-wrap .prodv-prop { line-height: 100%; font-size: 36px; font-family: 'MontserratBlack', 'Montserrat', sans-serif; color: #ff3100; } .prodv-prop-wrap .prodv-prop span { font-size: 22px; } .prodv-rating { position: relative; z-index: 2; margin: 0 0 40px; font-size: 18px; color: #abafc2; font-weight: 700; background: rgba(255,255,255,0.9); padding: 5px 0 3px; width: 83px; } .prodv-rating p { margin: 0 0 7px; } .prodv-rating .prod-rating { font-size: 15px; } .prodv-colors { position: relative; z-index: 2; font-size: 18px; color: #abafc2; width: 150px; background: rgba(255,255,255,0.9); padding: 10px 0 0; font-weight: 700; } .prodv-colors p { margin: 0 0 14px; } .prodv-colors ul { margin: 0 0 20px; } .prodv-colors ul li { display: inline-block; vertical-align: top; width: 34px; height: 34px; border-radius: 34px; border: 1px solid rgba(0,0,0,0); margin: 0 12px 10px 0; overflow: hidden; cursor: pointer; padding: 6px; } .prodv-colors ul li.active { border-color: #dfdfdf; } .prodv-colors ul li span { display: block; width: 100%; height: 100%; border-radius: 34px; } .prodv-add { position: absolute; display: block; right: 56px; background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; border: none; bottom: 49px; z-index: 2; text-align: center; letter-spacing: 0.03em; margin: 0; padding: 7px 28px; /* min-width: 174px; */ cursor: pointer; } .prodv-add:hover { background: #ff4719; } .prodv-model { position: absolute; width: 100%; text-align: center; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0, -50%); font-size: 130px; color: #d3d7e7; left: 0; font-family: 'MontserratBlack', 'Montserrat', sans-serif; overflow: hidden; } .prodv-img { z-index: 1; overflow: hidden; top: 25%; position: absolute; width: 100%; text-align: center; left: 0; } .prodv-img img { max-width: 85%; display: block; margin: 0 auto; } /* PRODUCT VEHICLE */ /* BLOG */ .blog { } .blog:after { clear: both; display: block; content: ''; } .maincont .maincont-line2.blog-line { bottom: 170px; } .blog h1 { } .cont-sections { position: absolute; right: 10.5%; top: 9px; background: #f4f5fb; z-index: 3; max-width: 63%; padding: 0 30px; } .cont-sections li { display: inline-block; text-transform: uppercase; font-weight: 700; margin: 0 22px 10px; vertical-align: top; font-size: 13px; vertical-align: middle; font-weight: 600; } .cont-sections li a span { vertical-align: middle; display: inline-block; font-weight: bold; color: #fff; background: #c0c4d7; border-radius: 20px; padding: 2px 8px; margin: 0 0 1px 5px; font-size: 12px; font-weight: 700; line-height: 100%; } .cont-sections li a { color: #18202e; transition: all 0.2s; } .cont-sections li a:hover { color: #a0a6c5; } .cont-sections li.active a { color: #a0a6c5; } .blog-cont { position: relative; z-index: 2; padding: 27px 0 0; float: left; width: 72.4%; margin: 0 0 0 0; } .blog-left .blog-cont .blog-grid-i { width: 46.3%; margin: 0 0 26px 3.7%; } .blog-full .blog-cont { float: none; width: auto; margin: 0 -15px; } .blog-full .blog-cont .blog-grid-i { width: 33.33333%; margin: 0 0 26px; padding: 0 15px; } .blog-cont:after { clear: both; display: block; content: ''; } .blog-grid-i { float: left; width: 46.3%; margin: 0 3.7% 26px 0; } .blog-i { background: #fff; border-radius: 4px; /*float: left; width: 46.3%; margin: 0 3.7% 26px 0;*/ padding: 0 30px 17px; box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); font-size: 15px; color: #868ca7; overflow: hidden; } .blog-i .blog-slider { position: relative; /*overflow: hidden;*/ text-align: center; margin: 0 0 10px; } .blog-i .blog-slider .slides { position: relative; overflow: hidden; } .blog-i .blog-slider .slides li { position: relative; overflow: hidden; width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1; height: 208px; line-height: 208px; } .blog-i .blog-slider .flex-control-nav { bottom: -40px; } .blog-i .blog-slider .slides li img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; } .blog-i .blog-img { display: block; padding: 0; margin: 0 -30px; max-height: 400px; overflow: hidden; transition: all 0.3s ease-in-out 0s; } .blog-i .blog-img img { display: block; width: 100%; height: auto; -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -o-transition: transform 0.6s; -moz-transition: transform 0.6s; -webkit-transition: transform 0.6s; transition: transform 0.6s; } .blog-i .blog-img:hover img { -ms-transform: scale3d(1.05,1.05,1); -o-transform: scale3d(1.05,1.05,1); -moz-transform: scale3d(1.05,1.05,1); -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); -o-transition: transform 0.6s; -moz-transition: transform 0.6s; -webkit-transition: transform 0.6s; transition: transform 0.6s; } .blog-i .blog-img > iframe { display: block; width: 100%; height: auto; height: 208px; } .blog-i .blog-map-wrap { display: block; padding: 0; margin: 0 -30px; max-height: 400px; overflow: hidden; } .blog-i .blog-map-wrap .blog-map { display: block; width: 100%; height: 208px; } .blog-i .blog-info { padding: 21px 65px 0 0; margin: 0 0 3px; position: relative; } .blog-i .blog-info a { font-size: 13px; font-weight: 600; text-transform: uppercase; color: #a0a6c5; transition: all 0.2s; border-bottom: 1px solid transparent; line-height: 100%; display: inline-block; } .blog-i .blog-info a:hover { border-bottom: 1px solid #a0a6c5; color: #a0a6c5; } .blog-i .blog-info time { position: absolute; top: 25px; right: 7px; font-size: 13px; color: #c1c1c4; font-weight: 600; } .blog-i h3 { font-size: 20px; font-weight: 700; margin: 0 0 8px; padding: 0 0; color: #283346; } .blog-i h3 a { color: #283346; transition: all 0.2s; line-height: 120%; border: none; } .blog-i h3 a:hover { color: #ff3100; border: none; } .blog-i p { margin: 0 0 15px; line-height: 160%; padding: 0 0; } .blog-i p a { color: #ff3100; transition: all 0.2s; text-decoration: none; border-bottom: 1px solid transparent; } .blog-i p a:hover { border-color: #ff3100; } .blog-cont .pager { padding: 4px 9%; } .blog-sb { float: left; width: 27.6%; background: #fff; border: 1px solid #e0e4f6; border-radius: 4px; position: relative; z-index: 2; margin: 27px 0 20px; } .blog-calendar-wrap { padding: 13px 15px 0; } .blog-calendar-wrap h4 { margin: 0 0 10px; padding: 0; color: #abafc2; font-size: 18px; font-weight: 700; } .blog-calendar { margin: 0 0 23px; } .blog-calendar-cont { border-top: 1px solid #e0e4f6; padding: 23px 30px 23px; line-height: 160%; font-size: 15px; color: #868ca7; display: none; } .blog-calendar-cont h4 { margin: 0 0 18px; padding: 0; color: #abafc2; font-size: 18px; font-weight: 700; } .blog-search { border-top: 1px solid #e0e4f6; padding: 23px 30px 0; } .blog-search h4 { margin: 0 0 18px; padding: 0; color: #abafc2; font-size: 18px; font-weight: 700; } .blog-search form { margin: 0 0 31px; position: relative; } .blog-search form input[type=text] { font-size: 15px; color: #9fa4bb; border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #9fa4bb; transition: all 0.2s; display: block; width: 100%; height: 40px; padding: 0 70px 0 15px; } .blog-search form input[type=text]:focus { background: #f1f1fa; } .blog-search form input[type=text]::-webkit-input-placeholder { color: #9fa4bb; } .blog-search form input[type=text]::-moz-placeholder { color: #9fa4bb; opacity: 1; } .blog-search form input[type=text]:-ms-input-placeholder { color: #9fa4bb; } .blog-search form button[type=submit] { background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; position: absolute; height: 34px; top: 3px; right: 3px; display: block; border: none; letter-spacing: 0.03em; margin: 0; padding: 0 23px; cursor: pointer; } .blog-search form button[type=submit] .fa { font-size: 15px; color: #fff; } .blog-search form button[type=submit]:hover { background: #ff4719; } .blog-featured-wrap { border-top: 1px solid #e0e4f6; padding: 23px 30px 8px; } .blog-featured-wrap h4 { margin: 0 0 8px; padding: 0; color: #abafc2; font-size: 18px; font-weight: 700; } .blog-featured-wrap .blog-featured { border-top: 1px solid #e0e4f6; margin: 0 0 8px; padding: 14px 0 0; overflow: hidden; } .blog-featured-wrap .blog-featured:first-of-type { border-top: none; } .blog-featured-info { } .blog-featured-info { padding: 0 65px 0 0; margin: 0 0 4px; position: relative; } .blog-featured-info a { font-size: 13px; font-weight: 600; text-transform: uppercase; color: #a0a6c5; transition: all 0.2s; border: none; } .blog-featured-info a:hover { color: #ff3100; border: none; } .blog-featured-info time { position: absolute; top: 1px; right: 0px; font-size: 13px; color: #c1c1c4; font-weight: 600; } .blog-featured h5 { font-size: 16px; color: #283346; margin: 0 0 10px; } .blog-featured h5 a { color: #283346; transition: all 0.2s; border: none; } .blog-featured h5 a:hover { color: #ff3100; border: none; } .modal-form-blog { padding: 20px 20px 20px; width: 320px; } .modal-form-blog .modal-form-ttl { font-size: 20px; font-weight: 700; margin: 0 0 24px; color: #283346; font-family: 'Montserrat', sans-serif; text-align: center; position: relative; padding: 0 0 15px; } .modal-form-blog .modal-form-ttl:after { content: ''; width: 60px; height: 2px; background: #ff3100; margin: 0 0 0 -30px; left: 50%; position: absolute; display: block; bottom: 0; } .fancybox-close.modal-form-close { background-image: none; background: url(../img/close3.png) no-repeat left top; width: 16px; height: 16px; top: 13px; right: 13px; } .calendar-month-navigation .fa { color: #FF3100; font-size: 15px; } div.zabuto_calendar .table tr.calendar-month-header th { font-size: 15px; color: #18202e; padding-top: 12px; padding-bottom: 4px; background-color: transparent; } div.zabuto_calendar .table tr.calendar-dow-header th { background-color: transparent; text-transform: uppercase; padding-bottom: 10px; font-size: 13px; color: #a0a6c5; font-weight: 600; } div.zabuto_calendar .table tr td div.day { color: #18202e; font-size: 13px; font-weight: 600; } div.zabuto_calendar .table tr:last-child { border-bottom: none; } div.zabuto_calendar .table tr td.event div.day, div.zabuto_calendar ul.legend li.event { background-color: #FF3100; color: #fff; border-radius: 4px; transition: all 0.2s; } div.zabuto_calendar .table tr td.event div.day:hover, div.zabuto_calendar ul.legend li.event:hover { background-color: #ff4719; } div.zabuto_calendar .badge-today, div.zabuto_calendar div.legend span.badge-today { background-color: #c0c4d7; color: #ffffff; text-shadow: none; padding: 2px 7px 2px; border-radius: 20px; } /* BLOG */ /* BLOG POST */ .post-img { display: block; width: 100%; height: auto; } .post-map { display: block; width: 100%; height: 400px; } .post-slider { display: block; width: 100%; height: auto; overflow: hidden; position: relative; max-height: 700px; } .post-slider .slides { } .post-slider .slides li { width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 2; display: block; } .post-slider .slides li img { width: 100%; display: block; height: auto; } .flex-control-nav { bottom: 50px; } .post { overflow: hidden; position: relative; z-index: 2; background: #fff; margin-top: 40px; box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25); border-radius: 4px; padding: 26px 31px 0; font-size: 15px; color: #868ca7; line-height: 180%; } .post-sidebar .post { float: left; width: 64.7%; margin-right: 3.7%; } .post-sidebar .blog-sb { margin-top: -40px; } .post-sidebar-left .post { float: left; width: 64.7%; } .post-sidebar-left .blog-sb { margin-right: 3.7%; margin-top: -40px; } .post-img + .cont .post { margin-top: -40px; } .post-slider + .cont .post { margin-top: -40px; } .post-map + .cont .post { margin-top: -40px; } .post .post-info { position: relative; padding: 0 0 0 75px; margin: 0 0 20px; } .post .post-info a { text-transform: uppercase; font-size: 13px; font-weight: 600; color: #a0a6c5; display: block; margin: 0 0 4px; transition: all 0.2s; border-bottom: 1px solid transparent; line-height: 100%; display: inline-block; } .post .post-info a:hover { border-bottom: 1px solid #a0a6c5; color: #a0a6c5; } .post .post-info h1 { font-size: 30px; font-weight: 700; color: #283346; } .post .post-info time { font-family: 'MontserratBlack', 'Montserrat', sans-serif; position: absolute; top: 0; left: 3px; font-size: 19px; color: #d6d9ef; line-height: 100%; text-align: center; text-transform: uppercase; } .post .post-info time span { font-size: 35px; display: block; line-height: 100%; } .post .post-video { width: 100%; margin: 30px 0 27px; height: 624px; } .post .post-video iframe { width: 100%; height: 100%; } .post p { line-height: 180%; margin: 0 0 27px; } .post .post-share { border-bottom: 1px solid #e0e4f6; text-align: center; padding: 10px 31px 0; margin: 0 -31px 9px; } .post .post-share li { display: inline-block; margin: 0 3.5% 29px; vertical-align: top; font-size: 27px; } .post .post-share li a { transition: all 0.2s; color: #283346; } .post .post-share li a:hover { color: #ff3100; } .post .post-share li .fa { } .post .post-comments { padding: 15px 0px 0 0; position: relative; } .post .post-comments h3 { font-size: 18px; font-weight: 700; margin: 0 0 21px; color: #abafc2; float: left; } .post .post-comments-add { float: right; text-transform: uppercase; color: #ff3100; border-bottom: 1px solid rgba(0,0,0,0); margin: 0 0 19px; font-size: 14px; font-weight: 700; transition: all 0.2s; } .post .post-comments-add:hover { border-color: #ff3100; } .post .post-comment { clear: both; position: relative; padding: 4px 0 0 100px; margin: 0 0 30px; font-size: 15px; color: #868ca7; } .post .post-comment-reply { padding-left: 30px; position: relative; } .post .post-comment-reply:after { position: absolute; top: 40px; right: 100%; background: #e0e4f6; content: ''; height: 1px; width: 100%; display: block; margin: 0 -30px 0 0; } .post .post-comment-img { margin: 0; padding: 0; position: absolute; width: 80px; left: 0; top: 0; } .post .post-comment-img img { display: block; width: 100%; height: auto; } .post .post-comment h4 { font-size: 15px; margin: 0 0 6px; color: #283346; } .post .post-comment p { margin: 0; padding: 0; } .post .post-comments-more { border-top: 1px solid #e0e4f6; padding: 13px 0 20px; margin: 0; text-align: center; } .post .post-comments-more a { display: inline-block; border-bottom: 1px dotted #868ca7; color: #868ca7; font-size: 15px; transition: all 0.2s; } .post .post-comments-more a:hover { border-color: rgba(0,0,0,0); } .post-addcomment-form { max-width: 270px; display: none; margin: 0 auto 30px; } .post-addcomment-form .post-addcomment-ttl { font-size: 18px; font-weight: 700; text-align: center; margin: 0 0 21px; padding: 0 0 12px; position: relative; color: #abafc2; } .post-addcomment-form .post-addcomment-ttl:after { content: ''; width: 60px; height: 2px; background: #ff3100; margin: 0 0 0 -30px; left: 50%; position: absolute; display: block; bottom: 0; } .post-addcomment-form input[type=text] { border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #9fa4bb; transition: all 0.2s; display: block; width: 100%; height: 34px; clear: both; padding: 0 15px 0 15px; margin: 0 0 15px; } .post-addcomment-form input[type=text]:focus { background: #f1f1fa; } .post-addcomment-form input[type=text]::-webkit-input-placeholder { color: #9fa4bb; } .post-addcomment-form input[type=text]::-moz-placeholder { color: #9fa4bb; opacity: 1; } .post-addcomment-form input[type=text]:-ms-input-placeholder { color: #9fa4bb; } .post-addcomment-form textarea { border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #9fa4bb; transition: all 0.2s; display: block; width: 100%; height: 120px; padding: 10px 15px 10px 15px; margin: 0 0 15px; } .post-addcomment-form textarea:focus { background: #f1f1fa; } .post-addcomment-form textarea::-webkit-input-placeholder { color: #9fa4bb; } .post-addcomment-form textarea::-moz-placeholder { color: #9fa4bb; opacity: 1; } .post-addcomment-form textarea:-ms-input-placeholder { color: #9fa4bb; } .post-addcomment-form input[type=submit] { background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; height: 34px; display: block; border: none; max-width: 160px; letter-spacing: 0.03em; margin: 15px auto 15px; padding: 0 15px; cursor: pointer; width: 100%; } .post-addcomment-form input[type=submit]:hover { background: #ff4719; } /* BLOG POST */ /* CONTACTS */ .contacts { margin: 26px 0 0; padding: 43px 47px 0; } .contacts:after { clear: both; display: block; content: ''; } .contacts a { color: #ff3100; transition: all 0.2s; border-bottom: 1px solid transparent; } .contacts a:hover { border-bottom: 1px solid #ff3100; } .contacts-col1 { float: left; width: 41%; padding: 0 2% 0 0; } .contacts-col1 li { margin: 0 0 48px; } .contacts-col1 li p { font-size: 15px; color: #283346; margin: 0 0 14px; } .contacts-col1 li p b { color: #abafc2; font-size: 18px; font-weight: 700; } .contacts-col2 { float: left; width: 33%; padding: 0 2% 0 0; } .contacts-col2 li { margin: 0 0 48px; } .contacts-col2 li p { font-size: 15px; color: #283346; margin: 0 0 14px; } .contacts-col2 li p b { color: #abafc2; font-size: 18px; font-weight: 700; } .contacts-form { float: left; width: 25%; overflow: hidden; } .contacts-form h3 { margin: 0 0 21px; color: #abafc2; font-size: 18px; font-weight: 700; } .contacts-form form { } .contacts-form form input[type=text], .contacts-form form textarea { border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #9fa4bb; transition: all 0.2s; display: block; width: 100%; height: 34px; padding: 0 15px 0 15px; margin: 0 0 26px; } .contacts-form form textarea { height: 120px !important; } .contacts-form form input[type=text]:focus { background: #f1f1fa; } .contacts-form form input[type=text]::-webkit-input-placeholder { color: #9fa4bb; } .contacts-form form input[type=text]::-moz-placeholder { color: #9fa4bb; opacity: 1; } .contacts-form form input[type=text]:-ms-input-placeholder { color: #9fa4bb; } .contacts-form form input[type=submit] { background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; height: 34px; display: block; border: none; letter-spacing: 0.03em; margin: 28px auto 40px; padding: 0 15px; cursor: pointer; width: 100%; } .contacts-form form input[type=submit]:hover { background: #ff4719; } .contacts-map { overflow: hidden; position: relative; height: 420px; background: #f9f9f9; } /* CONTACTS */ /* ERROR 404 */ .err404 { position: relative; font-size: 19px; color: #868ca7; padding: 0 30px; font-family: 'Montserrat', sans-serif; margin: 26px 0 0; text-align: center; background: url(../img/err1.png) no-repeat 10% top, url(../img/err2.png) no-repeat 8% bottom, url(../img/err3.png) no-repeat 88% bottom; background-color: #fff; } .err404-img { display: block; margin: 0 auto 57px; } .err404 p { margin: 0 0 32px; } .err404 form { margin: 0 auto; padding: 0 0 70px; position: relative; max-width: 570px; } .err404 form input[type=text] { font-size: 15px; color: #9fa4bb; border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #9fa4bb; transition: all 0.2s; display: block; width: 100%; height: 40px; padding: 0 180px 0 15px; } .err404 form input[type=text]:focus { background: #f1f1fa; } .err404 form input[type=text]::-webkit-input-placeholder { color: #9fa4bb; } .err404 form input[type=text]::-moz-placeholder { color: #9fa4bb; opacity: 1; } .err404 form input[type=text]:-ms-input-placeholder { color: #9fa4bb; } .err404 form button[type=submit] { background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; position: absolute; height: 34px; top: 3px; right: 3px; display: block; border: none; letter-spacing: 0.03em; margin: 0; padding: 0 23px; cursor: pointer; } .err404 form button[type=submit] .fa { font-size: 15px; color: #fff; } .err404 form button[type=submit]:hover { background: #ff4719; } /* ERROR 404 */ /* ABOUT US */ .aboutus { overflow: hidden; margin: 26px 0 0; } .aboutus.flexslider .slides > li { display: block; width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 2; } .aboutus .flex-control-nav { position: absolute; bottom: 20px; z-index: 4; padding: 0 4%; width: 61%; text-align: left; right: 0; } .aboutus .flex-control-nav li { margin: 0 45px 0 0; display: inline-block; } .aboutus-slide { } .aboutus-img { display: block; position: absolute; top: 0; bottom: 4px; left: 0; overflow: hidden; } .aboutus .aboutus-img img { display: block; height: 100%; width: auto; max-width: none; } .aboutus-cont { position: relative; z-index: 3; background: #fff; width: 61%; float: right; padding: 32px 4% 58px 4%; font-size: 15px; line-height: 170%; box-shadow: inset 0 -4px 0px 0px #dfe2f0; color: #868ca7; } .aboutus-cont h3 { font-size: 20px; margin: 0 0 12px; color: #283346; line-height: 130%; } .aboutus-cont p { margin: 0 0 10px; line-height: 200%; } .about-gallery { z-index: 2; margin: 27px 0 0; position: relative; max-width: 1169px; } .about-gallery:after { clear: both; display: block; content: ''; } .about-gallery .about-gallery-sizer { width: 25%; float: left; } .about-gallery li { margin: 0; width: 25%; margin: 0; float: left; padding: 0; position: relative; /*height: 180px;*/ } /*.about-gallery li:nth-child(4n+1) { clear: left; }*/ .about-gallery li a { display: block; padding: 0; transition: all 0.3s ease-in-out 0s; height: 100%; position: relative; } .about-gallery li a span { display: block; position: relative; width: 100%; -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -o-transition: transform 0.6s; -moz-transition: transform 0.6s; -webkit-transition: transform 0.6s; transition: transform 0.6s; height: 100%; } .about-gallery li a img { display: block; position: relative; width: 100%; height: auto; } .about-gallery li a:after { display: block; top: 0; left: 0; right: 0; content: ''; bottom: 0; background-color: rgba(255,49,0,0.7); transition: all 0.6s; opacity: 0; position: absolute; z-index: 4; -o-transition: transform 0.6s; -moz-transition: transform 0.6s; -webkit-transition: transform 0.6s; transition: transform 0.6s; } .about-gallery li a:before { transition: all 0.4s; position: absolute; left: 50%; color: #fff !important; top: 50%; margin: -25px 0 0 -25px; font-size: 24px; text-align: center; box-sizing: border-box; width: 50px; height: 50px; line-height: 50px; z-index: 15; content: ""; opacity: 0; background: #ff3100; background: rgba(255,49,0,0.95) url(../img/zoom.png) no-repeat center center; border-radius: 80px; } .about-gallery li a.about-video:before { content: "\f04b"; opacity: 1; font-size: 24px; font-weight: normal; padding: 0 0 0 6px; font-family: FontAwesome; background: rgba(255,49,0,0.95); } .about-gallery li a:hover:before { opacity: 1; } .about-gallery li a.about-video:hover:before { /*transform: scale3d(1.1,1.1,1);*/ } .about-gallery li a:hover:after { opacity: 1; -ms-transform: scale3d(1.1,1.1,1); -o-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .about-gallery li a:hover span { z-index: 3; -ms-transform: scale3d(1.1,1.1,1); -o-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } /* ABOUT US */ /* GALLERY */ .gallery { z-index: 2; margin: 27px 0 0; position: relative; } .gallery:after { clear: both; display: block; content: ''; } .gallery li { width: 33.33333333%; margin: 0; float: left; padding: 0; position: relative; } /*.gallery li:nth-child(3n+1) { clear: left; }*/ .gallery li a { display: block; padding: 0; transition: all 0.3s ease-in-out 0s; height: 100%; position: relative; } .gallery li a span { display: block; position: relative; width: 100%; -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); transition: transform 0.6s; height: 100%; } .gallery li a img { display: block; position: relative; width: 100%; height: auto; } .gallery li a:after { display: block; top: 0; left: 0; right: 0; content: ''; bottom: 0; background-color: rgba(255,49,0,0.7); transition: all 0.6s; opacity: 0; position: absolute; z-index: 4; transition: transform 0.6s; } .gallery li a:before { transition: all 0.4s; position: absolute; left: 50%; color: #fff !important; top: 50%; margin: -25px 0 0 -25px; font-size: 24px; text-align: center; box-sizing: border-box; width: 50px; height: 50px; line-height: 50px; z-index: 15; font-size: 40px; font-weight: 700; /*content: "+";*/ content: ""; opacity: 0; background: #ff3100; background: rgba(255,49,0,0.95) url(../img/zoom.png) no-repeat center center; border-radius: 80px; /*transition: transform 0.6s;*/ } .gallery li a.gallery-video:before { content: "\f04b"; opacity: 1; font-size: 24px; font-weight: normal; font-family: FontAwesome; padding: 0 0 0 6px; background: rgba(255,49,0,0.95); } .gallery li a:hover:before { opacity: 1; /*transform: scale3d(1.1,1.1,1);*/ } .gallery li a.gallery-video:hover:before { /*transform: scale3d(1.1,1.1,1);*/ } .gallery li a:hover:after { opacity: 1; -ms-transform: scale3d(1.1,1.1,1); -o-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .gallery li a:hover span { z-index: 3; -ms-transform: scale3d(1.1,1.1,1); -o-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .gallery-more { font-size: 15px; display: block; margin: 23px 0 0; padding: 0; text-align: center; } .gallery-more a { display: inline-block; color: #868ca7; border-bottom: 1px dotted #868ca7; transition: all 0.2s; } .gallery-more a:hover { border-color: transparent; } /* GALLERY */ /* CART */ .section-list.cart-list { margin-top: 20px; } .section-list.cart-list .sectls-add { width: 225px; } .section-list.cart-list .sectls-add a { color: #ff3100; } .section-list.cart-list .sectls-add a:after { background: url(../img/remove.png) no-repeat top left; } .section-list.cart-list .sectls-add a:hover:after { background-position: top left; } .section-list.orders-list { margin-top: 20px; } .section-list.orders-list .sectls-add { width: 225px; } .section-list.orders-list .sectls-add a { color: #ff3100; } .section-list.orders-list .sectls-add a:after { background: url(../img/remove.png) no-repeat top left; } .section-list.orders-list .sectls-add a:hover:after { background-position: top left; } .section-list .sectls-ttl-wrap { width: 40%; padding: 0 5px 18px 2%; } .section-list.orders-list .sectls-price-wrap { width: 15%; } .section-list.orders-list .sectls-col2-wrap { width: 15%; float: left; padding: 0 5px 18px; font-size: 15px; color: #868ca7; text-align: left; } .section-list.orders-list .sectls-col2-wrap p { margin: 0; padding: 0; line-height: 100%; min-height: 38px; } .section-list.orders-list .sectls-col2 { margin: 0; padding: 0; color: #283346; font-size: 15px; min-height: initial; } .section-list.orders-list .sectls-col3-wrap { width: 15%; float: left; padding: 0 5px 18px; font-size: 15px; color: #868ca7; text-align: left; } .section-list.orders-list .sectls-col3-wrap p { margin: 0; padding: 0; line-height: 100%; min-height: 38px; } .section-list.orders-list .sectls-col3 { margin: 0; padding: 0; color: #283346; font-size: 15px; min-height: initial; } .section-list.orders-list .sectls-total-wrap { width: 15%; } /* CART */ /* MESSAGES */ .messages { overflow: hidden; margin: 34px 0 0; padding: 19px 0 0; } .message { border-bottom: 1px solid #e0e4f6; font-size: 15px; color: #868ca7; padding: 0 30px 15px; margin: 0 0 19px; line-height: 180%; } .message p { margin: 0 0 6px; line-height: 180%; } .message p a { transition: all 0.2s; color: #ff3100; border-bottom: 1px solid transparent; } .message p a:hover { border-color: #ff3100; } .message h3 { margin: 0 0 4px; font-size: 20px; color: #283346; } .message h3 a { transition: all 0.2s; color: #283346; } .message h3 a:hover { color: #ff3100; } .message .message-author { margin: 0 0 4px; font-size: 15px; color: #868ca7; } .message .message-author span { color: #283346; } .messages .message-more { font-size: 15px; display: block; margin: 0 0 23px; padding: 0; text-align: center; } .messages .message-more a { display: inline-block; color: #868ca7; border-bottom: 1px dotted #868ca7; transition: all 0.2s; } .messages .message-more a:hover { border-color: transparent; } /* MESSAGES */ .redborder { border-color: red !important; } .form-result { font-size: 15px; color: #1F8E23; } .contacts-form .form-result { text-align: center; margin: -25px 0 0; padding: 0 0 14px; } .modal-form .form-result { text-align: center; margin: 0; padding: 0 0 4px; } .footer-info .form-result { padding: 10px 0 0 15px; } .getspec-cont .form-result { font-family: 'Open Sans', sans-serif; margin: 0; padding: 10px 0 0 15px !important; font-weight: normal; text-transform: none; } /* FOOTER -- start */ .footer { background: #18202e; } .footer-top { padding-top: 35px; padding-bottom: 5px; position: relative; color: #fff; } .footer-top:after { clear: both; display: block; content: ''; } .footer-menu { float: left; width: 25%; padding: 0 1% 0 0; margin: 0 0 22px; font-size: 14px; } .footer-menu1 { float: left; width: 35%; padding: 0 1% 0 0; margin: 0 0 22px; font-size: 14px; } .footer-menu2 { float: left; width: 15%; padding: 0 1% 0 0; margin: 0 0 22px; font-size: 14px; } .footer-menu p, .footer-menu1 p, .footer-menu2 p { font-size: 19px; color: #868ca7; margin: 0 0 12px; padding: 0; font-family: 'Montserrat', sans-serif; } .footer-menu ul { padding: 0; margin: 0; list-style: none; } .footer-menu ul li { margin: 0 0 8px; padding: 0; font-size: 15px; } .footer-menu ul li a { color: #fff; line-height: 100%; border-bottom: 1px solid transparent; transition: all 0.2s; } .footer-menu ul li a:hover { border-bottom: 1px solid #fff; color: #fff; } .footer-info { float: left; width: 49%; color: #fff; font-size: 14px; margin: 0 0 22px; padding: 0 0 0 8%; } .footer-info .footer-msg { color: #868ca7; font-size: 19px; font-family: 'Montserrat', sans-serif; margin: 0 0 23px; padding: 0; } .footer-info .footer-msg a { color: #fff; text-decoration: none; display: inline-block; border-bottom: 2px solid #ff3100; transition: all 0.2s; } .footer-info .footer-msg a:hover { border-color: rgba(0,0,0,0); } .footer-info .footer-social { overflow: hidden; margin: 0; padding: 0; text-align: justify; font-size: 1px; } .footer-info .footer-social:after { display: inline-block; content: ''; width: 100%; } .footer-info .footer-social li { font-size: 20px; margin: 0 0 25px; padding: 0; display: inline-block; line-height: 100%; } .footer-info .footer-social li a { color: #fff; transition: all 0.2s; } .footer-info .footer-social li a:hover { color: #ff3100; } .footer-info form { position: relative; margin: 0 0 10px; } .footer-info form input[type=text] { border: 1px solid #2b3548; border-radius: 3px; background: #161d29; font-size: 15px; color: #b1bcd0; transition: all 0.2s; display: block; width: 100%; height: 40px; padding: 0 180px 0 15px; } .footer-info form input[type=text]:focus { border-color: #3F4A61; } .footer-info form input[type=text]::-webkit-input-placeholder { color: #b1bcd0; } .footer-info form input[type=text]::-moz-placeholder { color: #b1bcd0; opacity: 1; } .footer-info form input[type=text]:-ms-input-placeholder { color: #b1bcd0; } .footer-info form input[type=submit] { background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; position: absolute; height: 34px; top: 3px; right: 3px; display: block; border: none; letter-spacing: 0.03em; margin: 0; padding: 0 15px; min-width: 174px; cursor: pointer; } .footer-info form input[type=submit]:hover { background: #ff4719; } .footer .copyright { text-align: center; color: #324057; font-size: 15px; padding: 15px 0 18px; background: #1a2332; border-top: 1px solid #283346; } .footer .copyright p { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } /* FOOTER -- end */ /* MODAL FORM */ .modal-form { padding: 30px 20px 15px; width: 320px; display: none; } .modal-form .modal-form-ttl { font-size: 20px; font-weight: 700; margin: 0 0 24px; color: #283346; font-family: 'Montserrat', sans-serif; text-align: center; position: relative; padding: 0 0 15px; } .modal-form .modal-form-ttl:after { content: ''; width: 60px; height: 2px; background: #ff3100; margin: 0 0 0 -30px; left: 50%; position: absolute; display: block; bottom: 0; } .modal-form input[type=text] { border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #9fa4bb; transition: all 0.2s; display: block; width: 100%; height: 40px; padding: 0 15px 0 15px; margin: 0 0 15px; } .modal-form input[type=text]:focus { background: #f1f1fa; } .modal-form input[type=text]::-webkit-input-placeholder { color: #9fa4bb; } .modal-form input[type=text]::-moz-placeholder { color: #9fa4bb; opacity: 1; } .modal-form input[type=text]:-ms-input-placeholder { color: #9fa4bb; } .modal-form textarea { border: 1px solid #e0e4f6; border-radius: 3px; background: #f4f5fb; font-size: 15px; color: #9fa4bb; transition: all 0.2s; display: block; width: 100%; max-width: 100%; min-width: 100%; height: 100px; min-height: 100px; padding: 10px 15px 10px 15px; margin: 0 0 15px; } .modal-form textarea:focus { background: #f1f1fa; } .modal-form textarea::-webkit-input-placeholder { color: #9fa4bb; } .modal-form textarea::-moz-placeholder { color: #9fa4bb; opacity: 1; } .modal-form textarea:-ms-input-placeholder { color: #9fa4bb; } .modal-form input[type=submit] { background: #ff3100; transition: all 0.2s; border-radius: 2px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; height: 34px; display: block; border: none; letter-spacing: 0.03em; margin: 25px auto 15px; padding: 0 15px; min-width: 150px; cursor: pointer; } .modal-form input[type=submit]:hover { background: #ff4719; } .fancybox-close.modal-form-close { background-image: none; background: url(../img/close3.png) no-repeat left top; width: 16px; height: 16px; top: 13px; right: 13px; } /* MODAL FORM */ .fraction-slider{ position:relative; width:100%; height:100%; overflow:visible; } .fraction-slider .slide{ display:none; width:100%; height:100%; position:absolute; z-index:5000; z-index:5; } .fraction-slider .active-slide{ z-index:9999; z-index:9; } .fraction-slider .fs_obj{ display:block; display:none; position:absolute; top:0px; left:100%; z-index:7000; z-index:7; } .fraction-slider .fs_fixed_obj{ z-index:6000; z-index:6; left:0; } .fraction-slider .fs_obj *{ display:inline-block; position:relative; top:0px; left:0px; } /* .fs_loader{ width:100%; height:392px; background:url(../img/ajaxloader.gif) center center no-repeat transparent; } */ /** CONTROLS **/ .fraction-slider .prev, .fraction-slider .next{ display:none; position:absolute; width:45px; height:45px; z-index:9999; z-index:9; } .fraction-slider .prev{ left:10px; top:45%; background:url(../img/fs.prevnext.png) 0px 0px no-repeat transparent; } .fraction-slider .prev:hover{ background:url(../img/fs.prevnext.png) 0px -45px no-repeat transparent; } .fraction-slider .next{ right:10px; top:185px; background:url(../img/fs.prevnext.png) -45px 0px no-repeat transparent; } .fraction-slider .next:hover{ background:url(../img/fs.prevnext.png) -45px -45px no-repeat transparent; } .fraction-slider:hover .prev, .fraction-slider:hover .next{ display:block; } /** PAGER **/ .fs-pager-wrapper{ position: absolute; right: 10px; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0, -50%); z-index: 9; margin: -40px 0 0; width: 13px; text-align: center; } .fs-pager-wrapper a { border-radius: 8px; display:inline-block; vertical-align: middle; width:8px; height:8px; margin: 30px 0 30px 0; background: #c0c4d7; } .fs-pager-wrapper a:hover { background: #ff3100; } .fs-pager-wrapper .active { width: 13px; height: 13px; background:url(../img/pager-active.png) 0px 0px no-repeat; } .fs-pager-wrapper .active:hover { background:url(../img/pager-active.png) 0px 0px no-repeat; } .slider{ position:relative; width:100%; margin:0 auto; } @media only screen and (min-width: 1000px){ .slider{ width:1000px; } } @media only screen and (min-width: 1440px){ .slider{ width:1440px; } } .frontslider-wrap { position:relative; overflow:hidden; width:100%; margin:0 auto 15px; background: url(../img/front-slider/bg-slider.png) no-repeat; background-size: cover; } .frontslider-wrap .slide { display: none; overflow: hidden; } .frontslider-wrap .caption1 { font-size: 85px; color: #fff; font-family: 'MontserratBlack', 'Montserrat', sans-serif; line-height: 100%; padding-left: 10px; width: 100%; } .frontslider-wrap .caption2 { line-height: 100%; padding-left: 10px; font-size: 85px; color: #fff; font-family: 'MontserratBlack', 'Montserrat', sans-serif; width: 100%; } #table { border: 1px solid #DFDFDF; background-color: #F9F9F9; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; } #table td, #table th { border-top-color: white; border-bottom: 1px solid #DFDFDF; color: #555; vertical-align: middle; } #table th { text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px; font-weight: bold; padding: 7px 7px 8px; text-align: left; line-height: 1.3em; font-size: 13px; background: #efefef; } #table td { font-size: 12px; padding: 7px 7px; vertical-align: middle; } #table tr:hover { background: #eee; } #table .center { text-align: center; } /* pagination */ ul.pagination{ margin:0px; padding:0px; height:100%; overflow:hidden; font:12px 'Tahoma'; list-style-type:none; } ul.pagination li.details{ padding:7px 10px 7px 10px; font-size:14px; } ul.pagination li.dot{padding: 3px 0;} ul.pagination li{ float:left; margin:0px; padding:0px; margin-left:5px; } ul.pagination li:first-child{ margin-left:0px; } ul.pagination li a{ color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px; } ul.pagination li a img{ border:none; } ul.pagination li.details{ color:#202020; } ul.pagination li a { border:solid 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:6px 9px 6px 9px; } ul.pagination li { padding-bottom:1px; } ul.pagination li a:hover, ul.pagination li a.current { color:#FFFFFF; box-shadow:0px 1px #EDEDED; -moz-box-shadow:0px 1px #EDEDED; -webkit-box-shadow:0px 1px #EDEDED; text-shadow:0px 1px #3C3C3C; border-color:#202020; background:#525252; background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252); background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)); } ul.pagination li a { color:#444444; border-color:#BEBEBE; background:#FAFAFA; } .easy-autocomplete-container { width: 400px !important; margin-left: -100px; } .easy-autocomplete-container ul { width: 100% !important; z-index: 99!important;} #eac-container-search_header { z-index: 9999!important; } .btn-kirmizi { background: #e00000; background-image: -webkit-linear-gradient(top, #e00000, #940000); background-image: -moz-linear-gradient(top, #e00000, #940000); background-image: -ms-linear-gradient(top, #e00000, #940000); background-image: -o-linear-gradient(top, #e00000, #940000); background-image: linear-gradient(to bottom, #e00000, #940000); -webkit-border-radius: 9; -moz-border-radius: 9; border-radius: 9px; font-family: Arial; color: #ffffff; font-size: 15px; padding: 7px 15px 7px 15px; text-decoration: none; } .btn-kirmizi:hover { background: #f70a0a; background-image: -webkit-linear-gradient(top, #f70a0a, #961616); background-image: -moz-linear-gradient(top, #f70a0a, #961616); background-image: -ms-linear-gradient(top, #f70a0a, #961616); background-image: -o-linear-gradient(top, #f70a0a, #961616); background-image: linear-gradient(to bottom, #f70a0a, #961616); text-decoration: none; } #added { background: #2ed20d; color: white; border: 1px solid #22b106; padding: 10px 20px; text-align: center; margin-bottom: 20px; margin-top: -10px; display: none; } #added_error { background: #ffb3b3; color: black; border: 1px solid #cc0000; padding: 10px 20px; text-align: center; margin-bottom: 20px; margin-top: -10px; display: none; } @media only screen and (max-width : 1220px) { .cont { width: 970px; } /* HEADER */ .header .header-info { float: right; width: 100%; height: 50px; max-width: 400px; } .header .header-cart .header-cart-inner { line-height: 50px; } .header .header-search { line-height: 48px; } .header .header-logo { /*float: left; padding: 0 0 0 15px; width: 30%; overflow: hidden;*/ width: 25%; } .header nav { /*width: 70%; float: left; height: auto;*/ width: 73%; margin: 0 0 0 27%; padding: 3px 0 12px; } .header nav ul { line-height: 50px; max-width: none; margin: 0; padding: 0 15px 0 0; text-align: right; width: auto; display: block; } .header nav ul li { line-height: 100%; margin: 3px 0 6px 4%; } /* HEADER */ /* FRONT SLIDER */ .frontslider-wrap .caption1 { font-size: 95px; padding-left: 5%; } .frontslider-wrap .caption2 { font-size: 95px; padding-left: 5%; } .fs-pager-wrapper a { margin: 20px 0 20px 0; } /* FRONT SLIDER */ /* FRONT SEARCH */ .frontsearch .frontsearch-cont { margin: 0 17%; } .frontsearch-res4 { left: -22%; } .frontsearch-res5 { left: 99%; } .frontsearch-res6 { left: -22%; } .frontsearch-res7 { left: 105%; } /* FRONT SEARCH */ /* POST */ .post .post-video { height: 493px; } /* POST */ /* SPECIALS */ .specials .special { margin: 0 3.5% 26px 0; width: 31%; } .specials .special:nth-child(4n) { margin-right: 3.5%; } .specials .special:nth-child(4n+1) { clear: none; } .specials .special:nth-child(3n) { margin-right: 0; } .specials .special:nth-child(3n+1) { clear: left; } .specials .special.special-first { width: 65.5%; } /* SPECIALS */ /* POPULARS */ .populars .popular { margin: 0 3.5% 26px 0; width: 31%; } .populars .popular:nth-child(4n) { margin-right: 3.5%; } .populars .popular:nth-child(4n+1) { clear: none; } .populars .popular:nth-child(3n) { margin-right: 0; } .populars .popular:nth-child(3n+1) { clear: left; } /* POPULARS */ /* GET SPECIAL */ .getspec .getspec-cont h3 { font-size: 47px; } .getspec .getspec-cont { font-size: 35px; } /* GET SPECIAL */ /* BOTTOM ARTICLE */ .botarticle .botarticle-cont h3 { font-size: 47px; } .botarticle .botarticle-cont { font-size: 35px; } /* BOTTOM ARTICLE */ /* PAGE */ .cont-sections { position: relative; right: auto; top: auto; background: transparent; z-index: 3; max-width: 100%; padding: 15px 0 0; } .cont-sections li { margin: 0 22px 10px 0; background: #f4f5fb; } /* PAGE */ /* SECTION */ .section-top .section-view { padding: 0 17px 0 22px; } .section-top .section-view .section-view-ttl { padding: 0 28px 0 0; } .section-top .section-sort { padding: 0 17px 0 22px; } .section-top .section-sort .section-sort-ttl { padding: 0 28px 0 0; } .section-top .section-prices { padding: 0 17px 0 22px; } .section-top .section-prices .section-prices-ttl { padding: 0 28px 0 0; } .section-top .section-shipping { padding: 0 17px 0 5px; } /*.section-list .sectls-rating-wrap { width: 235px; }*/ .section-gallery .sectgl { margin: 0 3.5% 26px 0; width: 31% !important; } .section-gallery .sectgl:nth-child(4n) { margin-right: 3.5%; } .section-gallery .sectgl:nth-child(4n+1) { clear: none; } .section-gallery .sectgl:nth-child(3n) { margin-right: 0; } .section-gallery .sectgl:nth-child(3n+1) { clear: left; } /* SECTION */ /* PRODUCT */ .prod-rating-wrap { /*width: 200px;*/ } .prod .prod-add { width: 190px; } .prod .prod-compare { width: 60px; } .prod .prod-favorites { width: 60px; } .prodv-prop-wrap .prodv-prop { font-size: 30px; } .prodv-prop-wrap .prodv-prop span { font-size: 18px; } /* PRODUCT */ /* FOOTER */ .footer-menu { width: 21%; padding: 0 1% 0 0; } .footer-info { width: 37%; padding: 0 0 0 3%; } /* FOOTER */ } @media only screen and (max-width : 992px) { .cont { width: 750px; } /* FRONT SEARCH */ .frontsearch .frontsearch-model { font-size: 98px; top: 25%; } /* FRONT SEARCH */ /* SECTION */ .section-top { padding: 0 0 0 145px; } .section-top .section-menu-btn { padding: 6px 56px 4px 22px; background: url(../img/menu-section.png) no-repeat 85% center; background-color: #ff3100; } .section-top .section-menu-btn.opened { background: url(../img/menu-section-close.png) no-repeat 85% center; background-color: #ff3100; } .section-top .section-view { padding: 6px 7px 0px 15px; margin: 0; width: 50%; } .section-top .section-view:after { display: none; } .section-top .section-view .section-view-ttl { padding: 0 28px 0 0; } .section-top .section-sort { width: 50%; padding: 6px 7px 0px 15px; margin: 0; } .section-top .section-sort:after { display: none; } .section-top .section-sort .section-sort-ttl { padding: 0 28px 0 0; } .section-top .section-prices { width: 50%; padding: 6px 7px 6px 15px; margin: 0; } .section-top .section-prices:after { display: none; } .section-top .section-prices .section-prices-ttl { padding: 0 28px 0 0; } .section-top .section-shipping { width: 50%; padding: 6px 7px 6px 15px; margin: 0; } .section-list .sectls-info { padding: 0 0 19px 190px; } .section-list .sectls-rating-wrap { float: none; position: absolute; left: 15px; top: 0; padding: 5px 0 0; text-align: left; margin: 0; width: 175px; } .section-list .sectls-rating-wrap:after { display: none; } .section-list .sectls-rating { margin: 0 6px 0 0; } .section-list .sectls-id { float: none; position: absolute; left: 15px; top: 27px; margin: 0; width: 175px; } .section-top .section-menu-wrap { padding: 90px 38px 20px; } .section-top .section-menu { width: 25%; } .section-top .section-menu:nth-child(5n+1) { clear: none; } .section-top .section-menu:nth-child(4n+1) { clear: left; } /* SECTION */ /* PRODUCT */ .prod .prod-props dd { width: 50%; } .prod .prod-props dt { width: 50%; clear: left; } .prod .prod-actions { padding: 0px 1% 14px; } .prod .prod-add { width: 180px; } .prod-rating-wrap { padding: 11px 0 0; width: 120px; text-align: center; line-height: 100%; } .prod-rating-wrap p { line-height: 100%; } .prod-rating { margin: 0 5px 0 5px; } .prodv-props { text-align: center; } .prodv-prop-wrap { width: 32%; display: inline-block; float: none; vertical-align: top; } .prod-tab .prod-tab-props { padding: 2px 0 0px; } .prod-tab .prod-tab-props dt { width: 23%; } .prod-tab .prod-tab-props dt:nth-of-type(3n+1) { clear: none; } .prod-tab .prod-tab-props dt:nth-of-type(2n+1) { clear: left; } .prod-tab .prod-tab-props dd { width: 27%; } /* PRODUCT */ /* CART */ .section-list.orders-list .sectls-ttl-wrap { width: 100%; padding: 0 5px 18px 3%; } .section-list.orders-list .sectls-price-wrap { width: 25%; padding: 0 5px 18px 3%; clear: left; } .section-list.orders-list .sectls-col2-wrap { width: 25%; } .section-list.orders-list .sectls-col3-wrap { width: 25%; } .section-list.orders-list .sectls-total-wrap { width: 25%; } .section-list.orders-list .sectls-add { width: 210px; } .section-list.orders-list .sectls-add a { padding: 0 0 0 25px; } .section-list.cart-list .sectls-add { width: 210px; } .section-list.cart-list .sectls-add a { padding: 0 0 0 25px; } /* CART */ /* CONTACTS */ .contacts-col1 { width: 50%; padding: 0 3% 0 0; } .contacts-col2 { width: 50%; padding: 0 0 0 0; } .contacts-form { float: none; width: 100%; text-align: center; clear: both; max-width: 300px; margin: 0 auto; } /* CONTACTS */ /* GALLERY */ .gallery li { width: 50%; } /*.gallery li:nth-child(3n+1) { clear: none; } .gallery li:nth-child(2n+1) { clear: left; }*/ /* GALLERY */ /* BLOG */ .blog-cont { float: none; width: auto; margin: 0 -15px; } .blog-grid-i { width: 50%; margin: 0 0 26px; padding: 0 15px; } .blog-sb { float: none; width: 100%; } .blog-full .blog-cont .blog-grid-i { width: 50%; } .blog-left .blog-cont .blog-grid-i { width: 50%; margin: 0 0 26px; padding: 0 15px; } .post-sidebar .post { float: none; width: 100%; margin-right: 0; } .post-sidebar .blog-sb { margin-top: 30px; } .post-sidebar-left .post { float: none; width: 100%; margin-right: 0; margin-top: 30px !important; } .post-sidebar-left .blog-sb { margin-top: 30px; } /* BLOG */ /* POST */ .post .post-video { height: 370px; } /* POST */ /* ABOUT US */ .about-gallery li { width: 33.333333333%; } /*.about-gallery li:nth-child(4n+1) { clear: none; } .about-gallery li:nth-child(3n+1) { clear: left; }*/ /* ABOUT US */ /* FOOTER */ .footer-top { text-align: center; } .footer-menu { width: 33.33333%; padding: 0 0.25% 0 0; } .footer-info { float: none; margin: 0 0 30px; display: inline-block; clear: both; width: auto; padding: 0; } /* FOOTER */ } @media only screen and (max-width : 768px) { .cont { width: auto; } /* HEADER */ .header .header-info { max-width: none; width: auto; } .header .header-searchbtn { width: 50px; } .header .header-favorites { width: 50px; } .header .header-compare { width: 50px; } .header .header-cart { /*min-width: 140px;*/ width: auto; padding: 0 20px 0 20px; min-width: initial; } .header .header-personal { width: 50px; } .header .header-personal:after { /*display: none;*/ } .header-menutoggle { width: 30%; width: 120px; height: 100%; /*background: url(../img/menu-top.png) no-repeat 15px center;*/ display: block; float: right; text-align: right; background-color: transparent; color: #ffffff; font-size: 15px; font-weight: 600; text-transform: uppercase; transition: all 0.2s; line-height: 50px; padding: 0 15px 0 45px; z-index: 21; position: relative; } .header-menutoggle:before { height: 50px; content: ''; width: 1px; display: block; background: #283346; position: absolute; margin: -25px 0 0; top: 50%; left: 0; } .header-menutoggle:after { position: absolute; left: 15px; top: 50%; content: ''; display: block; margin: -10px 0 0; width: 27px; height: 21px; overflow: hidden; background: url(../img/menu-top.png) no-repeat left top; } .header-menutoggle:hover { background-color: #283346; } .header-menutoggle.opened { color: #283346; } .header-menutoggle.opened:before { display: none; } .header-menutoggle.opened:hover { color: #283346; background-color: #fff; } .header-menutoggle.opened:after { background-position: left bottom; } .header nav { width: auto; float: none; height: auto; clear: both; display: none; position: absolute; top: 0; right: 0; background: #fff; z-index: 20; min-width: 210px; } .header nav > ul { padding: 77px 0 35px; box-shadow: 0 0 25px 0 rgba(26,53,99,0.1); } .header nav > ul > li { padding: 0; margin: 0; display: block; text-align: center; border-top: 1px solid transparent; border-bottom: 1px solid transparent; transition: all 0.2s; } .header nav > ul > li > a { color: #283346; padding: 24px 26px; } .header nav > ul > li.has-child > a { padding-right: 26px; } .header nav > ul > li.active > a { color: #283346; } .header nav > ul > li > a:hover { color: #ff3100; } .header nav > ul > li.active > a:hover { color: #283346; } .header nav > ul > li.active:after { margin: 10px 0 0 -17px; top: 0; } .header nav ul li.opened { border-top: 1px solid #E2E5EF; border-bottom: 1px solid #E2E5EF; } .header nav > ul > li ul { display: none; } .header nav > ul > li.has-child:hover > ul { display: none; } .header nav > ul > li > .fa { display: block; z-index: 3; position: absolute; right: 0; top: 15px; margin: 0; width: 40px; height: 40px; line-height: 40px; cursor: pointer; font-size: 20px; color: #283346; transition: all 0.2s; } .header nav > ul > li > .fa:hover { color: #ff3100; } .header nav > ul > li > a:hover + .fa { color: #283346; } .header nav > ul > li.active > a + .fa { color: #283346; } .header nav > ul > li.active > a:hover { color: #ff3100; } .header nav > ul > li.has-child.opened > a + .fa { color: #283346; } .header nav > ul > li.has-child > a + .fa:hover { color: #ff3100; } .header nav > ul > li > ul { padding: 0px 0 25px; box-shadow: none; position: relative; left: auto; top: auto; min-width: inherit; } .header nav > ul > li > ul > li { display: block; margin: 0; text-align: center; padding: 0; } .header nav > ul > li > ul > li:first-child { border-top: none; border-radius: 0; } .header nav > ul > li > ul > li:last-child { border-radius: 0; border-bottom: none; } .header nav > ul > li > ul > li > a { display: block; border: none; padding: 5px 10px; margin: 0; color: #868CA7; } .header nav > ul > li > ul > li > a:hover { color: #ff3100; } .header nav > ul > li > ul > li.active > a { color: #ff3100; } .header nav > ul > li > ul > li.active:after { display: none; } /* HEADER */ /* FRONT CATEGORIES */ .frontcategs { display: block; text-align: center; } .frontcategs li { width: auto; display: inline-block; vertical-align: top; margin: 0 1% 25px; width: 30%; } .fs-pager-wrapper a { margin: 12px 0 12px 0; } /* FRONT CATEGORIES */ /* FRONT SEARCH */ .frontsearch-wrap { display: none; } .frontsearch .frontsearch-selects { text-align: center; } .frontsearch .frontsearch-select { margin: 0 3% 15px 0; text-align: left; width: 30%; } .frontsearch .frontsearch-select:nth-child(5n) { margin-right: 3%; } .frontsearch .frontsearch-select:nth-child(3n) { margin-right: 0; } /* FRONT SEARCH */ /* SPECIALS */ .specials .special { margin: 0 5% 26px 0; width: 47.5%; } .specials .special:nth-child(3n) { margin-right: 5%; } .specials .special:nth-child(3n+1) { clear: none; } .specials .special:nth-child(2n) { margin-right: 0; } .specials .special:nth-child(2n+1) { clear: left; } .specials .special-line2 { display: none; } .specials .special.special-first { width: 100%; min-height: inherit; } /* SPECIALS */ /* POPULARS */ .populars .popular { margin: 0 5% 26px 0; width: 47.5%; } .populars .popular:nth-child(3n) { margin-right: 5%; } .populars .popular:nth-child(3n+1) { clear: none; } .populars .popular:nth-child(2n) { margin-right: 0; } .populars .popular:nth-child(2n+1) { clear: left; } .populars .popular-line2 { display: none; } /* POPULARS */ /* GET SPECIAL */ .getspec { padding-top: 20px; padding-bottom: 20px; position: relative; text-align: center; } .getspec .getspec-cont { z-index: 2; position: relative; background: rgba(255,255,255,0.4); border-radius: 3px; text-align: center; max-width: 100%; padding: 20px; font-size: 30px; } .getspec .getspec-cont h3 { font-size: 40px; } .getspec .getspec-img { z-index: 1; position: absolute; display: block; left: 0; height: 100%; overflow: hidden; top: 0; margin: 0 0 0 0px; } /* GET SPECIAL */ /* BOTTOM ARTICLE */ .botarticle { padding-top: 20px; padding-bottom: 20px; position: relative; text-align: center; } .botarticle .botarticle-cont { z-index: 2; position: relative; background: rgba(255,255,255,0.4); border-radius: 3px; text-align: center; max-width: 100%; padding: 20px; font-size: 30px; } .botarticle .botarticle-cont h3 { font-size: 40px; } .botarticle .botarticle-cont .botarticle-more { margin: 40px 0 0; } .botarticle .botarticle-img { z-index: 1; position: absolute; display: block; right: 0; height: 100%; overflow: hidden; top: 0; margin: 0 0 0 0px; } /* BOTTOM ARTICLE */ /* SECTION */ .maincont .maincont-line2 { display: none; } .section-top .section-menu-btn { padding: 6px 56px 4px 22px; background: url(../img/menu-section.png) no-repeat 85% center; background-color: #ff3100; } .section-top .section-view { padding: 6px 7px 0px 15px; margin: 0; width: 50%; } .section-top .section-view:after { display: none; } .section-top .section-view .section-view-ttl { padding: 0 28px 0 0; } .section-top .section-sort { width: 50%; padding: 6px 7px 0px 15px; margin: 0; } .section-top .section-sort:after { display: none; } .section-top .section-sort .section-sort-ttl { padding: 0 28px 0 0; } .section-top .section-prices { width: 50%; padding: 6px 7px 6px 15px; margin: 0; } .section-top .section-prices:after { display: none; } .section-top .section-prices .section-prices-ttl { padding: 0 28px 0 0; } .section-top .section-shipping { width: 50%; padding: 6px 7px 6px 15px; margin: 0; } .section-list .sectls-img { bottom: 60px; height: auto; } .section-list .sectls-ttl-wrap { width: 100%; padding: 0 5px 18px 3%; } .section-list .sectls-price-wrap { width: 30%; padding: 0 5px 18px 3%; clear: left; } .section-list .sectls-qnt-wrap { width: 40%; } .section-list .sectls-total-wrap { width: 30%; } .section-list .sectls-info { margin: 0 0 0 -170px; } .section-list .sectls-add { width: 165px; } .section-list .sectls-add a { padding: 0 0 0 30px; } .section-top .section-menu { width: 33.33333%; } .section-top .section-menu:nth-child(4n+1) { clear: none; } .section-top .section-menu:nth-child(3n+1) { clear: left; } .section-gallery .sectgl { margin: 0 5% 26px 0; width: 47.5% !important; } .section-gallery .sectgl:nth-child(3n) { margin-right: 5%; } .section-gallery .sectgl:nth-child(3n+1) { clear: none; } .section-gallery .sectgl:nth-child(2n) { margin-right: 0; } .section-gallery .sectgl:nth-child(2n+1) { clear: left; } .section-gallery .sectgl.anasayfa { height: 320px !important; } /* SECTION */ /* PRODUCT */ .prod { margin-top: 27px; margin-bottom: 49px; z-index: 2; position: relative; padding: 0; min-height: inherit; } .prod .prod-slider-wrap { position: relative; top: auto; bottom: auto; left: auto; padding: 0 0 10px; float: none; width: 100%; overflow: hidden; border-right: none; } .prod .prod-slider { overflow: hidden; position: relative; margin: 0; top: auto; position: relative; width: 100%; bottom: auto; overflow: hidden; } .prod .prod-slider .slides li { height: 400px; } .prod .prod-thumbs { position: relative; width: 100%; bottom: auto; overflow: hidden; } .prod .prod-thumbs .slides li { border-bottom: 1px solid #e0e4f6; } .prod .prod-props dt { width: 23%; clear: none; } .prod .prod-props dt:nth-of-type(2n+1) { clear: left; } .prod .prod-props dd { width: 27%; } .prod-rating-wrap { padding: 15px 0 0; width: 240px; } .prod-tabs-wrap { padding: 22px 22px; } .prod-tabs { display: none; } .prod-tab-mob { display: block; } .prod-tabs-addreview-mob { display: block; } .prod-tab-mob.active + .prod-tab { padding-bottom: 20px; } .prodv-model { font-size: 100px; } .prodv-img { top: 35%; } /* PRODUCT */ /* ABOUT US */ .aboutus-img { position: relative; top: auto; bottom: auto; left: auto; overflow: hidden; } .aboutus .aboutus-img img { display: block; height: auto; width: 100%; max-width: none; max-height: 800px; margin: 0 auto; } .aboutus-cont { width: 100%; float: none; padding: 32px 30px 65px 30px; } .aboutus .flex-control-nav { padding: 0 30px; width: 100%; bottom: 30px; } /* ABOUT US */ } @media only screen and (max-width : 650px) { .header { padding: 0 0 50px; } .header .header-info { float: none; width: 100%; /*height: 100px;*/ max-width: none; background: #121A27; } .header .header-personal { /*height: 50px;*/ } .header .header-cart { /*height: 50px;*/ } .header .header-compare { /*height: 50px;*/ float: left; } .header .header-favorites { /*height: 50px;*/ float: left; } .header .header-searchbtn { /*height: 50px;*/ float: left; } .header .header-search input[type=text] { margin: 0 0 0 30%; width: 42%; } .header .header-personal:hover .header-gopersonal { z-index: 23; } .header .header-personal:hover > ul { z-index: 22; } .header-menutoggle { position: absolute; top: 50px; right: 0; float: none; margin: 0; height: 50px; } .header-menutoggle:before { display: none; } .header .header-logo { width: 50%; top: 50px; left: 15px; height: 50px; } .header .header-logo img { max-width: 180px; } .header nav { top: 50px; } /* FRONT SEARCH */ .frontsearch .frontsearch-model { font-size: 78px; } /* FRONT SEARCH */ } @media only screen and (max-width : 600px) { /* CART */ .section-list.orders-list .sectls-compare { width: 40px; } .section-list.orders-list .sectls-favorites { width: 40px; } .section-list.cart-list .sectls-add { width: 60px; white-space: nowrap; } .section-list.cart-list .sectls-add a { color: #ff3100; overflow: hidden; width: 0; } /* CART */ /* PRODUCT */ .prod-rating-wrap { padding: 11px 0 0; width: 120px; } .prod .prod-add { width: 180px; } .prodv-prop-wrap { width: 49%; } /* PRODUCT */ /* BLOG */ .blog-cont { margin: 0; } .blog-grid-i { width: 100%; margin: 0 auto 26px; padding: 0; float: none; max-width: 370px; position: relative !important; left: auto !important; top: auto !important; } .blog-full .blog-cont { margin: 0; } .blog-full .blog-cont .blog-grid-i { width: 100%; margin: 0 auto 26px; padding: 0; } .blog-left .blog-cont .blog-grid-i { width: 100%; margin: 0 auto 26px; padding: 0; } /* BLOG */ /* ABOUT US */ .about-gallery li { width: 50%; } /*.about-gallery li:nth-child(3n+1) { clear: none; } .about-gallery li:nth-child(2n+1) { clear: left; }*/ /* ABOUT US */ } @media only screen and (max-width : 550px) { /* FRONT SLIDER */ .fs-pager-wrapper { margin: -20px 0 0; } .fs-pager-wrapper a { margin: 6px 0 6px 0; } /* FRONT SLIDER */ /* FRONT SEARCH */ .frontsearch h2 { display: block; text-align: center; padding: 0 0 10px; } .frontsearch .frontsearch-count { text-align: center; } .frontsearch .frontsearch-line1 { display: none; } .maincont .maincont-line1 { display: none; } .frontsearch .frontsearch-model { font-size: 68px; } /* FRONT SEARCH */ /* SPECIALS */ .specials h2 { display: block; text-align: center; padding: 0 0 10px; } .specials .specials-count { text-align: center; } .specials .special { margin: 0 auto 26px !important; min-height: inherit; width: 100%; float: none; max-width: 300px; } .specials .special.special-pseudo { display: none; } .specials .special-line1 { display: none; } /* SPECIALS */ /* POPULARS */ .populars h2 { display: block; text-align: center; padding: 0 0 10px; } .populars .populars-count { text-align: center; } .populars .popular { margin: 0 auto 26px !important; min-height: inherit; width: 100%; float: none; max-width: 300px; } .populars .popular-line1 { display: none; } /* POPULARS */ /* SECTION */ .section-top { padding: 0 0 5px; } .section-top .section-menu-btn { text-align: left; padding: 12px 56px 12px 15px; background: url(../img/menu-section.png) no-repeat 94% center; background-color: #ff3100; position: relative; width: 100%; top: auto; left: auto; margin: 0 0 5px; bottom: auto; border-radius: 4px 4px 0 0; } .section-top .section-menu-btn.opened { background: url(../img/menu-section-close.png) no-repeat 94% center; background-color: #ff3100; } .section-list .sectls-add { width: 155px; } .section-list .sectls-compare { width: 40px; } .section-list .sectls-favorites { width: 40px; } .section-top .section-menu { width: 50%; padding: 0 3% 0 0; } .section-top .section-menu:nth-child(3n+1) { clear: none; } .section-top .section-menu:nth-child(2n+1) { clear: left; } .section-top .section-menu-wrap { padding: 65px 38px 20px; } .section-top .section-menu-ttl { margin: 0 0 10px; } .section-top .section-menu-list li { margin: 0 0 8px; } .section-gallery .sectgl { margin: 0 auto 26px !important; min-height: inherit; width: 100% !important; float: none; max-width: 300px; } .section-gallery .sectgl.urundetay { height: 330px !important; } .easy-autocomplete-container { margin-left: 0px; width: 350px !important; } /* SECTION */ /* PRODUCT */ .prod .prod-props dt { width: 50%; clear: left; } .prod .prod-props dd { width: 50%; } .prod-review { float: left; width: 50%; padding: 22px 7% 0 0; margin: 0 0 16px; border-top: 1px solid #efefef; font-size: 15px; color: #868ca7; line-height: 180%; } .prod-review { width: 100%; float: none; padding: 22px 0 0 0; border-top: 1px solid #efefef; } .prod-review:nth-child(1) { border-top: 1px solid #efefef; } .prod-review:nth-child(2) { border-top: 1px solid #efefef; } .prod-tab .prod-tab-props dt { width: 45%; } .prod-tab .prod-tab-props dd { width: 55%; } /* PRODUCT */ /* GALLERY */ .gallery li { width: 100%; float: none; max-width: 390px; margin: 0 auto; } /* GALLERY */ /* POST */ .post .post-info { padding: 0; } .post .post-info h1 { margin: 0 0 7px; font-size: 26px; } .post .post-info time { position: relative; top: auto; left: auto; } .post .post-info time span { font-size: 35px; display: inline-block; line-height: 100%; } /* POST */ /* CONTACTS */ .contacts-col1 { width: 100%; padding: 0; } .contacts-col2 { width: 100%; padding: 0; } .contacts-form { max-width: none; text-align: left; } /* CONTACTS */ /* CART */ .section-list.orders-list .sectls-add { width: 60px; white-space: nowrap; } .section-list.orders-list .sectls-add a { color: #ff3100; overflow: hidden; width: 0; } /* CART */ } @media only screen and (max-width : 480px) { /* HEADER */ .header .header-search input[type=text] { margin: 0 0 0 34%; width: 50%; } /* HEADER */ /* FRONT CATEGORIES */ .frontcategs li { width: auto; display: inline-block; vertical-align: top; margin: 0 1% 25px; width: 45%; } /* FRONT CATEGORIES */ /* SECTION */ .section-top { text-align: center; } .section-top .section-view { padding: 6px 15px 0px 15px; text-align: left; display: inline-block; margin: 0; width: 100%; } .section-top .section-sort { width: 100%; padding: 6px 15px 0px 15px; text-align: left; display: inline-block; margin: 0; } .section-top .section-prices { width: 100%; padding: 6px 15px 0 15px; text-align: left; display: inline-block; margin: 0; } .section-top .section-shipping { width: 100%; padding: 6px 15px 6px 15px; text-align: left; display: inline-block; margin: 0; } .section-list .sectls { padding: 0; } .section-list .sectls-img { padding: 30px 15px 20px; width: 100%; position: relative; top: auto; left: auto; bottom: auto; height: auto; border-right: none; } .section-list .sectls-img img { position: relative; max-width: 100%; max-height: 400px; width: auto; height: auto; top: auto; left: auto; -ms-transform: none; -o-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; margin: 0 auto; } .section-list .sectls-cont { border-top: 1px solid #e0e4f6; padding: 20px 0 0; overflow: hidden; } .section-list .sectls-ttl-wrap { padding: 0 5px 18px 15px; } .section-list .sectls-price-wrap { padding: 0 5px 18px 15px; } .section-list .sectls-info { margin: 0; text-align: center; padding: 0 0 19px; } .section-list .sectls-rating-wrap { position: relative; left: auto; top: auto; padding: 15px 0 0; display: block; text-align: center; width: 100%; } .section-list .sectls-id { position: relative; left: auto; top: auto; padding: 10px 0 0; margin: 0; width: 100%; text-align: center; } .section-list .sectls-add { vertical-align: middle; float: none; padding: 10px 0 0; width: 167px; display: inline-block; } .section-list .sectls-add:after { right: 0; left: auto; top: 3px; } .section-list .sectls-favorites { vertical-align: middle; display: inline-block; padding: 13px 0 0; float: none; } .section-list .sectls-favorites:after { display: none; } .section-list .sectls-compare { float: none; padding: 13px 0 0; vertical-align: middle; display: inline-block; } .section-list .sectls-compare:after { display: none; } /* SECTION */ /* PRODUCT */ .prod .prod-slider .slides li { height: 320px; } .prod .prod-actions { padding: 0px 15px 25px; text-align: center; } .prod-rating-wrap { padding: 11px 0 0; width: 100%; float: none; } .prod .prod-add { width: 160px; display: inline-block; float: none; vertical-align: middle; padding: 13px 0 0; } .prod .prod-add a { padding: 0 0 0 30px; } .prod .prod-favorites { display: inline-block; float: none; vertical-align: middle; width: 30px; } .prod .prod-favorites:after { display: none; } .prod .prod-compare { display: inline-block; float: none; vertical-align: middle; width: 30px; } .prod .prod-compare:after { display: none; } .prod .prod-price-wrap { width: 50%; } .prod .prod-qnt-wrap { width: 50%; } .prod .prod-total-wrap { width: 50%; clear: left; } .prod .prod-shipping-wrap { width: 50%; } .prodv-rating { margin: 0 auto 40px; padding: 5px 10px 3px 10px; width: 100px; text-align: center; } .prodv-colors { width: 170px; padding: 10px 0 0; margin: 0 auto; text-align: center; } .prodv-add { position: relative; right: auto; bottom: auto; max-width: 150px; margin: 0 auto 40px; } /* PRODUCT */ /* ABOUT US */ .about-gallery li { width: 100%; float: none; max-width: 320px; margin: 0 auto; position: relative !important; top: auto !important; left: auto !important; } /* ABOUT US */ /* CART */ .section-list.orders-list .sectls-add { width: 100%; white-space: normal; } .section-list.orders-list .sectls-add a { width: auto; } .section-list.orders-list .sectls-add:after { display: none; } .section-list.cart-list .sectls-add { width: 100%; white-space: normal; } .section-list.cart-list .sectls-add a { width: auto; } .section-list.cart-list .sectls-add:after { display: none; } /* CART */ /* POST */ .post-img { display: block; width: 100%; height: auto; margin: 0 0 15px; } .post { padding: 26px 15px 0; } .post-img + .cont .post { margin-top: 0; } .post .post-comment { padding: 4px 0 0 70px; } .post .post-comment-img { width: 60px; } .post .post-comments { padding: 15px 0px 0; } .post .post-comment-reply { padding-left: 0; } .post .post-comment-reply:after { margin: 0; } /* POST */ /* PAGINATION */ ul.pager { clear: both; text-align: center; padding: 10px 0; } /* PAGINATION */ /* FOOTER */ .footer-menu { width: 100%; padding: 0 0 0 0; } /* FOOTER */ /* MODAL FORM */ .modal-form { padding: 20px 20px 15px; width: 260px; } /* MODAL FORM */ } @media only screen and (max-width : 380px) { /* HEADER */ .header .header-cart { padding: 0 2px 0 16px; } .header .header-cart-summ { display: none; } .header .header-logo img { max-width: 100%; } /* HEADER */ .section-top .section-menu { width: 100%; padding: 0; } } @media only screen and (max-width : 320px) { } @media only screen and (min-width : 321px) { } @media only screen and (min-width : 481px) { } @media only screen and (min-width : 769px) { .header nav { display: block !important; } } @media only screen and (min-width : 993px) { } @media only screen and (min-width : 1221px) { } @media (min-width : 993px) and (max-width : 1220px) { } @media (min-width : 769px) and (max-width : 992px) { } @media (min-width : 481px) and (max-width : 768px) { }