/*
ATTENTION! Please do not modify this file, it's auto-generated and all your changes will be lost.
The complete list of files it's generated from:
design/themes/octo_eyewear/css/styles.less
design/themes/octo_eyewear/css/tygh/responsive.less
design/themes/octo_eyewear/css/addons/social_buttons/styles.less
design/themes/octo_eyewear/css/addons/social_buttons/responsive.less
design/themes/octo_eyewear/css/addons/tags/styles.less
design/themes/octo_eyewear/css/addons/rss_feed/styles.less
design/themes/octo_eyewear/css/addons/newsletters/styles.less
design/themes/octo_eyewear/css/addons/gift_certificates/styles.less
design/themes/octo_eyewear/css/addons/gift_certificates/responsive.less
design/themes/octo_eyewear/css/addons/store_locator/styles.less
design/themes/octo_eyewear/css/addons/store_locator/responsive.less
design/themes/octo_eyewear/css/addons/blog/styles.less
design/themes/octo_eyewear/css/addons/blog/responsive.less
design/themes/octo_eyewear/css/addons/bestsellers/styles.css
design/themes/octo_eyewear/css/addons/reward_points/styles.less
design/themes/octo_eyewear/css/addons/call_requests/styles.less
design/themes/octo_eyewear/css/addons/form_builder/styles.less
design/themes/octo_eyewear/css/addons/form_builder/responsive.less
design/themes/octo_eyewear/css/addons/banners/styles.less
design/themes/octo_eyewear/css/addons/discussion/styles.less
design/themes/octo_eyewear/css/addons/discussion/responsive.less
design/themes/octo_eyewear/css/addons/wishlist/styles.less
design/themes/octo_eyewear/css/addons/wishlist/responsive.less
design/themes/octo_eyewear/css/addons/image_zoom/styles.less
design/themes/octo_eyewear/css/addons/hybrid_auth/styles.less
design/themes/octo_eyewear/css/addons/twigmo/styles.css
design/themes/octo_eyewear/css/addons/iecsp_product_labels/styles.css
design/themes/octo_eyewear/css/addons/my_changes/styles.css
design/themes/octo_eyewear/css/addons/powerfull_owl_free/styles.less
*/
.sort-by-bestsellers-asc {
display: none;
}
.mobile-avail-notice {
width: 100%;
/*min-height: 120px;*/
margin: auto;
background: #dbf1ff;
min-width: 10px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 10px;
/*float: left;*/
position: relative;
overflow: hidden;
}
.mobile-avail-notice a,
.mobile-avail-notice a,
.mobile-avail-notice a:visited,
.mobile-avail-notice a:active {
display: block;
background: #36b8f4;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 100%;
position: relative;
padding: 23px 0px;
color: #fff;
font-size: 20px;
font-weight: bold;
overflow: hidden;
text-align: center;
font-family: Arial;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}
.buttons-container {
padding: 0px;
background: none;
}
.mobile-avail-notice .close {
font-size: 14px;
position: absolute;
background: white;
color: #36b8f4;
position: absolute;
top: 10px;
right: 5px;
width: 30px;
height: 30px;
border: 3px solid;
padding-top: 5px;
line-height: 0;
text-align: center;
border-radius: 20px;
box-sizing: border-box;
}
.mobile-avail-notice div.buttons-container {
position: relative;
/*top: 8px;*/
white-space: nowrap;
}
.mobile-avail-notice div.buttons-container span.mobile-store-link {
margin: 0 0 0 20px;
display: inline-block;
margin: 0 0 0 16px;
overflow: hidden;
text-overflow: ellipsis;
width: 40%;
}
.mobile-avail-notice div.buttons-container span.app-download-link {
margin: 0 0 0 16px;
display: inline-block;
margin: 0 0 0 16px;
overflow: hidden;
text-overflow: ellipsis;
width: 40%;
}
.mobile-avail-notice span span {
background: #36b8f4 !important;
border-radius: 10px;
height: 100px;
}
span.mobile-store-link a, span.app-download-link a {
position: relative;
top: 18px;
color: white;
font: 30pt Arial;
text-transform: none !important;
background: transparent;
}
@media screen and (max-width:767px) {
.mobile-avail-notice .close {
}
}
.labels-freeshipping {
position: absolute;
left: 0px;
top: 160px;
width: 108px;
height: 18px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/addons/iecsp_product_labels/labels.png?1499259135') no-repeat 0 -136px;
}
.labels-new {
position: absolute;
left: 0px;
top: 0px;
width: 46px;
height: 46px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/addons/iecsp_product_labels/labels.png?1499259135') no-repeat 0 0;
}
.labels-sale {
position: absolute;
left: 0px;
top: 0px;
width: 46px;
height: 46px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/addons/iecsp_product_labels/labels.png?1499259135') no-repeat 0 -46px;
}
.sold-out {
position: absolute;
left: 0px;
top: 0px;
width: 44px;
height: 44px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/addons/iecsp_product_labels/labels.png?1499259135') no-repeat 0 -92px;
}
.labels-instock {
text-align: center;
}
.pagination-container .list .list-price {
display: block;
float: none;
clear: both;
}
.pagination-container .list .list-price span {
float: left;
clear: none;
}
.product-cell form, .list form, .multicolumns-list .compact form {
position: relative;
}
.sidebox-body .labels-freeshipping, .sidebox-body .labels-new, .sidebox-body .labels-sale, .sidebox-body .sold-out, .sidebox-body .labels-instock, .product-info .labels-new, .product-info .labels-sale, .product-info .sold-out, .product-info .labels-freeshipping, .product-info .labels-instock {
display: none;
}
.table.products .labels-freeshipping, .table.products .labels-new, .table.products .labels-sale, .table.products .sold-out, .table.products .labels-instock {
display: none;
}
/*-----------------------------------------------------OctoEyeWear--------------------------------------------------------*/
/* fontface */
/*@font-face {
font-family: 'MyriadPro-Light';
src: url('../../../../../../../../design/themes/octo_eyewear/media/MyriadPro-Light.eot?1499259135');
src: url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Light.eot?1499259135#iefix') format('embedded-opentype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Light.woff?1499259135') format('woff'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Light.ttf?1499259135') format('truetype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Light.svg?1499259135#MyriadPro-Light') format('svg');
font-weight: bold;
font-style: normal;
}*/
@font-face {
font-family: 'MyriadPro-Light';
src: url('..\font\dashicons.eot');
src: url('..\font\dashicons.eot') format('embedded-opentype'), url('..\font\dashicons.woff') format('woff'), url('..\font\dashicons.ttf') format('truetype'), url('..\font\dashicons.svg') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'KTF-Roadstar';
src: url('../../../../../../../../design/themes/octo_eyewear/media/KTF-Roadstar.eot?1499259135');
src: url('../../../../../../../../design/themes/octo_eyewear/media/fonts/KTF-Roadstar.eot?1499259135#iefix') format('embedded-opentype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/KTF-Roadstar.woff?1499259135') format('woff'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/KTF-Roadstar.ttf?1499259135') format('truetype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/KTF-Roadstar.svg?1499259135#KTF-Roadstar') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'MyriadPro-Regular';
src: url('../../../../../../../../design/themes/octo_eyewear/media/MyriadPro-Regular.eot?1499259135');
src: url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Regular.eot?1499259135#iefix') format('embedded-opentype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Regular.woff?1499259135') format('woff'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Regular.ttf?1499259135') format('truetype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Regular.svg?1499259135#MyriadPro-Regular') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'MyriadPro-Bold';
src: url('../../../../../../../../design/themes/octo_eyewear/media/MyriadPro-Bold.eot?1499259135');
src: url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Bold.eot?1499259135#iefix') format('embedded-opentype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Bold.woff?1499259135') format('woff'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Bold.ttf?1499259135') format('truetype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/MyriadPro-Bold.svg?1499259135#MyriadPro-Bold') format('svg');
font-weight: bold;
font-style: normal;
}
/*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;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.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: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
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;
}
/* Deprecated as of 4.4.0 */
.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: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.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";
}
[class*='fa-']:before {
font-weight: 400;
font-family: 'FontAwesome';
}
/*FontAwesome end*/
/*fontface*/
a {
text-decoration: none !important;
}
a:focus {
outline: none !important;
}
.owl-buttons {
display: none !important;
}
/*----------------------------------------------DEFAULT--------------------------------------------------------*/
.container-fluid.ty-footer-grid {
max-width: 100% !important;
}
.container-fluid {
max-width: 1000px !important;
}
.tygh-top-panel {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 10px;
}
.top-languages {
width: 115px;
}
.top-currencies {
width: 115px;
}
.ty-select-block__a-item {
display: none !important;
}
#account_info_links_265 li {
display: inline-block;
padding-top: 8px;
padding-left: 25px;
}
#account_info_links_265 li:last-child {
padding-right: 25px;
}
.top-my-account .ty-icon-down-micro {
display: none;
}
/* .ty-minicart-title.empty-cart.ty-hand {display: none;} */
.carts_number {
top: 0;
left: 17px;
background: #ea3f3f none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font: 12px "MyriadPro-Regular";
padding: 1px 2px 1px 5px;
position: absolute;
z-index: 651;
}
.carts_number > p {
color: #fff;
line-height: 0;
margin-bottom: 2px;
margin-right: 2px;
margin-top: -13px;
}
.ty-icon-basket::before {
content: " " !important;
}
#sw_dropdown_140 {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/cart_symbol.png?1499259135') no-repeat scroll center center !important;
padding-left: 10px;
padding-top: 20px;
}
#cart_status_140 #sw_dropdown_267 > a {
text-indent: -1000em;
}
.ty-icon-user::before {
content: "" !important;
}
.ty-menu__item.cm-menu-item-responsive:nth-child(n+1) {
padding-right: 20px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/black_arrow.png?1499259135') no-repeat scroll 80% 50% !important;
}
/* #vmenu_70 .ty-menu__item.cm-menu-item-responsive:nth-child(n+1) a{background:url('../../../../../../../../design/themes/octo_eyewear/media/images/down_arrow.png?1499259135') no-repeat scroll 90% 47% !important;} */
.ty-menu__items.cm-responsive-menu {
background: transparent none repeat scroll 0 0;
}
.ty-menu__item-link {
font: 17px "MyriadPro-Light";
color: #000100 !important;
}
.ty-menu__item:hover .ty-menu__item-link {
background: transparent !important;
}
.tygh-top-panel {
/*background: transparent none repeat scroll 0 0 !important;*/
margin-top: 10px;
}
.container-fluid.header-grid {
padding: 15px 0 !important;
}
.ty-float-right ul li .ty-btn.ty-btn__primary {
background: transparent none repeat scroll 0 0;
padding: 0 !important;
}
.ty-menu__submenu ul {
border: 0 none !important;
padding: 0 !important;
padding-top: 92px;
}
.ty-menu__submenu ul li {
margin: 0 auto !important;
border-bottom: 1px solid #dedede;
padding: 15px 0;
}
.ty-menu__submenu ul li a {
padding-left: 20px;
}
.navi ul li a {
color: #000100;
font: 17px "MyriadPro-Light";
padding-left: 20px;
}
.ty-menu__submenu ul li:hover {
background: #ea3f3f;
}
.ty-menu__submenu ul li:hover a {
color: #fff;
}
.instagram {
width: 25px;
height: 25px;
text-indent: -1000em;
display: block;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/instagram.png?1499259135') no-repeat scroll center center;
}
.facebook {
width: 25px;
height: 25px;
text-indent: -1000em;
display: block;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/facebook.png?1499259135') no-repeat scroll center center;
}
.pinterest {
width: 25px;
height: 25px;
text-indent: -1000em;
display: block;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/pinterest.png?1499259135') no-repeat scroll center center;
}
.twitter {
width: 25px;
height: 25px;
text-indent: -1000em;
display: block;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/twitter.png?1499259135') no-repeat scroll center center;
}
.footer_top1 ul li {
display: inline-block;
list-style: outside none none;
}
.footer_top1 .ty-wysiwyg-content ul {
padding: 0;
}
.footer_top4 .ty-wysiwyg-content ul li {
display: inline-block;
}
.footer_top4 .ty-wysiwyg-content ul {
padding: 0;
}
.picon1 {
width: 40px;
height: 20px;
text-indent: -1000em;
display: block;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/picon1.png?1499259135') no-repeat scroll center center;
}
.picon2 {
width: 40px;
height: 20px;
text-indent: -1000em;
display: block;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/picon2.png?1499259135') no-repeat scroll center center;
}
.picon3 {
width: 40px;
height: 20px;
text-indent: -1000em;
display: block;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/picon3.png?1499259135') no-repeat scroll center center;
}
.picon4 {
width: 40px;
height: 20px;
text-indent: -1000em;
display: block;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/picon4.png?1499259135') no-repeat scroll center center;
}
.payment_icons .ty-wysiwyg-content li {
display: inline-block;
padding-right: 5px;
}
.payment_icons .ty-wysiwyg-content ul {
padding: 0;
}
.ty-footer-general__header.cm-combination {
padding: 0;
}
.footer_top {
padding: 50px 0 0 !important;
background: #0290be;
}
.footer_top h2 {
padding-bottom: 20px !important;
}
.footer_top .ty-footer-menu__item {
padding-bottom: 5px;
}
#about_cs_cart_links li {
width: 93%;
}
#about_cs_cart_links li p {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/address.png?1499259135') no-repeat scroll top left;
padding-left: 25px;
padding-top: 0;
padding-bottom: 15px;
color: #7d7d7d !important;
font: 14px "MyriadPro-Regular";
}
.mobile_no > a {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/tellephone.png?1499259135') no-repeat scroll left center;
padding-left: 25px;
}
.email > a {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/mail.png?1499259135') no-repeat scroll left center;
padding-left: 25px;
}
.footer_top4, .footer_top2, .footer_top3 {
padding-left: 50px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/verticle_line.png?1499259135') no-repeat scroll left center;
}
.ty-wysiwyg-content span {
display: block;
}
.footer_top p {
color: #fff;
font: 14px/20px "MyriadPro-Regular";
padding: 25px 0 35px;
}
.footer_top a {
color: #000000 !important;
font: 14px/20px "MyriadPro-Regular";
}
#tygh_footer .footer-copyright {
background: #202020 none repeat scroll 0 0;
padding: 10px 0;
text-align: center;
}
.footer-copyright .ty-wysiwyg-content p {
color: #fff;
font: 14px "MyriadPro-Regular";
}
.footer-copyright .ty-wysiwyg-content p a {
color: #c82b75;
font: 12px "MyriadPro-Bold";
}
.footer_top h2 span {
color: #4f4f4f;
font: 20px "MyriadPro-Bold";
}
.footer_top ul {
list-style-type: none;
}
.footer_top ul li a {
color: #fff !important;
font: 14px "MyriadPro-Regular";
}
.footer_top ul li:hover a {
color: #ea3f3f !important;
font-size: 16px;
}
#languages_1 .ty-select-block__a:hover, #currencies_2 .ty-select-block__a:hover, .top-my-account .ty-dropdown-box__title:hover, .top_catagory .ty-menu__item-active .ty-menu__item-link {
background: transparent;
}
.footer_top2 .ty-wysiwyg-content ul li, .footer_top3 .ty-wysiwyg-content ul li {
list-style-type: none;
}
/*My changes amuthaselvi*/
.span16.blog-content-grid .ty-mainbox-title {
padding-bottom: 32px;
}
.carts_number {
top: 0;
left: 17px;
background: #ea3f3f none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font: 12px "MyriadPro-Regular";
padding: 1px 2px 1px 5px;
position: absolute;
z-index: 651;
}
.top-cart-content .ty-minicart-title.empty-cart.ty-hand {
top: 0;
left: 17px;
background: #ea3f3f none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font: 12px "MyriadPro-Regular";
padding: 1px 2px 1px 5px;
position: absolute;
z-index: 651;
width: 10px;
}
.top-cart-content .ty-minicart-title.ty-hand {
display: block !important;
}
.grid-list .ty-grid-list__item-name .product-title {
color: #000;
font: 14px 'MyriadPro-Regular';
}
.grid-list .ty-price {
color: #ff0000;
font: 18px 'MyriadPro-Regular';
}
.ty-banner__image-item .ty-wysiwyg-content p:nth-child(4) {
font: 18px 'MyriadPro-Regular';
}
.span4.top-links-grid .ty-select-block__txt {
font: 12px 'MyriadPro-Light';
color: #000100;
}
.top-my-account .ty-dropdown-box__title a {
font: 12px 'MyriadPro-Light';
color: #000100;
}
.top-links-grid .ty-account-info__item.ty-dropdown-box__item a {
font: 12px 'MyriadPro-Light';
color: #000100;
}
.top-links-grid .ty-footer-menu__item a {
color: #000100;
}
.top-search .ty-icon-search {
color: #2d2d2d;
font-weight: normal;
}
.search-block-grid .ty-menu-vertical .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link, .ty-menu__submenu-items .ty-menu__submenu-link {
color: #5d5d5d;
font: 16px/25px 'MyriadPro-Regular';
}
input.ty-search-block__input {
padding: 0 15px !important;
}
.top-search .ty-search-magnifier {
height: 33px;
top: 20px;
}
/* .top-links-grid .top-currencies .ty-select-block__a {background:url('../../../../../../../../design/themes/octo_eyewear/media/images/down_arrow.png?1499259135') no-repeat scroll left center;}
.top-links-grid .top-languages .ty-select-block__a {background:url('../../../../../../../../design/themes/octo_eyewear/media/images/down_arrow.png?1499259135') no-repeat scroll left center;} */
.side-grid .ty-menu__item .ty-menu__item-link {
font: 16px/25px 'MyriadPro-Regular';
color: #5d5d5d !important;
text-transform: capitalize;
}
.span12.main-content-grid h1 span {
font: 35px 'MyriadPro-Bold';
color: #202020;
}
.span16.main-content-grid {
padding-left: 12px;
margin-top: 12px;
}
.span16.breadcrumbs-grid.ty-sidebox .ty-sidebox__title.cm-combination {
margin-top: 26px;
}
.products_search .breadcrumbs-grid {
min-height: 194px !important;
}
.ty-product-block__left .ty-price {
color: #202020;
font: 27px/40px 'MyriadPro-Bold';
}
.ty-product-block__left .ty-control-group__label {
color: #202020;
font: 15px/42px 'MyriadPro-Regular';
}
#lable {
color: #202020;
font: 15px/42px 'MyriadPro-Regular';
text-transform: capitalize;
}
.ty-control-group__item {
color: #202020;
font: 15px/42px 'MyriadPro-Regular';
}
.ty-product-block__left input.ty-value-changer__input {
font: 16px 'MyriadPro-Regular';
}
.ty-product-block__left .ty-value-changer {
padding-top: 15px;
}
.ty-product-variant-image .ty-product-options__image {
min-height: auto;
}
.select_bg select#option_248_19 {
margin-top: 10px;
}
.ty-product-variant-image.ty-clear-both {
margin-top: 10px;
}
#qty_update_248.cm-reload-248 {
vertical-align: middle;
}
.ty-product-options {
margin-bottom: 0;
}
.ty-product-block__left .ty-control-group__label {
padding: 0;
}
.ty-product-block__left .ty-control-group__item {
padding: 0;
}
.ty-product-img {
min-height: 470px;
}
.ty-product-block__left .ty-product-block__button {
margin-top: -40px;
}
.ty-product-block__left .ty-value-changer {
padding-top: 8px;
}
.ty-product-block__option, .ty-product-block__advanced-option, .ty-product-block__field-group {
margin-bottom: 0;
}
.ty-product-block__left .ty-qty {
margin-bottom: 0;
}
.products_view .socialicons {
width: 200px;
}
.checkout_checkout .container-fluid.content-grid {
max-width: 1000px !important;
}
.my-page .span4.side-grid {
margin-top: 20px;
}
.my-page .span12.main-content-grid {
margin-top: 20px;
}
.span16.breadcrumbs-grid .ty-breadcrumbs {
margin: 0 auto;
max-width: 1000px;
padding-right: 0;
}
/*Checkout*/
.checkout_checkout .ty-btn__primary {
background: #ff0000 none repeat scroll 0 0;
}
.checkout_checkout .ty-btn__secondary {
background: #000;
color: #fff;
}
.checkout_checkout .ty-btn__primary:hover {
background: #ff0000 none repeat scroll 0 0;
}
.checkout_checkout .ty-btn__secondary:hover {
background: #000;
color: #fff;
}
/*Cart*/
.checkout_cart .ty-btn__primary {
background: #ff0000 none repeat scroll 0 0;
}
.checkout_cart .ty-btn__secondary {
background: #000;
color: #fff;
}
.checkout_cart .ty-btn__primary:hover {
background: #ff0000 none repeat scroll 0 0;
}
.checkout_cart .ty-btn__secondary:hover {
background: #000;
color: #fff;
}
.checkout_cart .ty-btn__tertiary {
background: #5d5d5d;
}
.checkout_cart .ty-btn__tertiary:hover {
background: #5d5d5d;
}
/*issues*/
/*4-1-2107*/
input.ty-search-block__input {
font-size: 12px !important;
height: 33px !important;
margin-top: 10px;
padding: 0 15px !important;
}
.ty-search-magnifier {
top: 0 !important;
}
.blog-content-grid h1.ty-mainbox-title {
color: #010000;
font-family: MyriadPro-Regular;
font-size: 30px;
text-transform: uppercase;
}
.blog-content-grid .ty-mainbox-body {
margin-top: -20px;
}
/*-----------------------------------------------INDEX---------------------------------------------------------*/
.container-fluid.content-grid {
overflow-x: hidden;
max-width: 100% !important;
padding: 0;
}
.index .carousel1_all {
position: relative;
text-align: right;
}
.index .carousel1 {
position: absolute;
top: 35%;
width: 100%;
}
.carousel_inner {
margin: 0 auto;
max-width: 1000px;
width: 100%;
}
.carousel1 p:first-child {
font: 60px "MyriadPro-Bold";
color: #000 !important;
}
.carousel1 p:nth-child(2n) {
color: #000 !important;
font: 60px "MyriadPro-Regular";
margin-top: -25px;
}
.carousel1 p:nth-child(3n) {
color: #000 !important;
font: 116px "MyriadPro-Light";
margin-top: -35px;
}
.carousel1 a {
background: #fff none repeat scroll 0 0;
border-radius: 20px;
color: #000;
font: 18px "MyriadPro-Bold";
padding: 10px 30px;
}
.carousel1_all img {
width: 100%;
}
.carousel2_all {
position: relative;
text-align: left;
}
.carousel2 {
position: absolute;
top: 35%;
width: 100%;
}
.carousel2 p:first-child {
color: #000 !important;
font: 60px "MyriadPro-Bold";
}
.carousel2 p:nth-child(2n) {
color: #000!important;
font: 60px "MyriadPro-Regular";
margin-top: -25px;
}
.carousel2 p:nth-child(3n) {
color: #000!important;
font: 116px "MyriadPro-Light";
margin-top: -35px;
}
.carousel2 a {
background: #fff none repeat scroll 0 0;
border-radius: 20px;
color: #000;
font: 18px "MyriadPro-Bold";
padding: 10px 30px;
}
.carousel2_all img {
width: 100%;
}
/* classic*/
.responsive-slider {
width: 100%;
position: relative;
}
.responsive-slider [data-animate] {
opacity: 0;
}
.responsive-slider .slides {
position: relative;
overflow: hidden;
}
.responsive-slider .slides ul {
list-style-type: none;
padding: 0;
margin: 0;
white-space: nowrap;
font-size: 0;
}
.responsive-slider .slides ul li {
display: inline-block;
max-width: 100%;
}
.responsive-slider .slides ul li .slide-body {
display: inline-block;
position: relative;
max-width: 100%;
font-size: 14px;
}
.responsive-slider .slides ul li .slide-body img {
max-width: 100%;
}
.responsive-slider .slides ul li .slide-body .caption {
color: #fff;
text-shadow: 0px 1px 0px #000000;
}
.responsive-slider .slides ul li .slide-body .caption.header h2 {
font-size: 40px;
}
.responsive-slider .slides ul li .slide-body .caption.header h2 i {
font-size: 35px;
}
@media (min-width: 481px) and (max-width: 767px) {
.responsive-slider .slides ul li .slide-body .caption.header h2 {
font-size: 25px;
}
.responsive-slider .slides ul li .slide-body .caption.header h2 i {
font-size: 20px;
}
}
@media (max-width: 480px) {
.responsive-slider .slides ul li .slide-body .caption.header h2 {
font-size: 16px;
}
.responsive-slider .slides ul li .slide-body .caption.header h2 i {
font-size: 14px;
}
.responsive-slider .slides ul li .slide-body .caption.sub {
bottom: -8px;
right: -20px;
font-weight: bold;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.responsive-slider .slides ul li .slide-body .caption.sub {
font-size: 11px;
bottom: 0px;
right: -10px;
}
}
@media (max-width: 480px) {
.responsive-slider .slides ul li .slide-body .caption.sub {
font-size: 10px;
bottom: 5px;
right: 0;
}
}
.responsive-slider .slides ul li .slide-body .caption.img-html5 img {
max-width: 100%;
}
.responsive-slider .slides ul li .slide-body .caption.img-css3 img {
max-width: 100%;
}
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap {
top: 48%;
right: 12%;
width: 11%;
}
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap img {
max-width: 100%;
}
.responsive-slider .slides ul li .slide-body .caption.img-twitter {
top: 19%;
right: 12%;
width: 11%;
}
.responsive-slider .slides ul li .slide-body .caption.img-twitter img {
max-width: 100%;
}
.responsive-slider .slides ul li .slide-body .caption.img-jquery {
top: 66%;
right: 12%;
width: 33%;
}
.responsive-slider .slides ul li .slide-body .caption.img-jquery img {
max-width: 100%;
}
.responsive-slider .slider-control {
position: absolute;
font-size: 20px;
color: #000;
top: 40%;
background-color: #fff;
padding: 10px;
}
.responsive-slider .slider-control.left {
left: 0;
padding-left: 0;
-webkit-border-radius: 0px 6px 6px 0px;
border-radius: 0px 6px 6px 0px;
}
.responsive-slider .slider-control.left:hover {
text-decoration: none;
padding-left: 10px;
}
.responsive-slider .slider-control.right {
right: 0;
padding-right: 0;
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
}
.responsive-slider .slider-control.right:hover {
text-decoration: none;
padding-right: 10px;
}
@media (max-width: 480px) {
.responsive-slider .slider-control.left,
.responsive-slider .slider-control.right {
display: none;
}
}
.responsive-slider .pages {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.responsive-slider .pages .page {
display: inline-block;
color: transparent;
width: 5px;
height: 5px;
border: 3px solid #fff;
border-radius: 50%;
opacity: 0.5;
}
.responsive-slider .pages .page.active {
opacity: 1;
}
.content-grid .row-fluid:nth-child(2) {
margin: 0 auto;
max-width: 1000px;
width: 100%;
}
.content-grid .row-fluid:nth-child(4) {
margin: 0 auto;
max-width: 1000px;
width: 100%;
}
.content-grid .row-fluid:nth-child(10) {
margin: 0 auto;
max-width: 1000px;
width: 100%;
}
.content-grid .row-fluid:nth-child(6) {
margin: 0 auto;
max-width: 1000px;
width: 100%;
}
.content-grid .row-fluid:nth-child(8) {
margin: 0 auto;
max-width: 1000px;
width: 100%;
}
.index .add2 .ty-pict.cm-image {
height: 410px;
width: 100%;
}
.index .add1 .ty-pict.cm-image {
width: 100%;
height: 410px;
}
.index .add3 .ty-pict.cm-image {
width: 100%;
height: 240px;
}
.index .add4 .ty-pict.cm-image {
height: 240px;
width: 100%;
}
.index .span11.add2 {
margin-left: 10px !important;
width: 69.3%;
}
.index .span6.add4 {
margin-left: 10px !important;
width: 37.3%;
}
.index .add1 .ty-pict.cm-image:hover, .add2 .ty-pict.cm-image:hover, .add3 .ty-pict.cm-image:hover, .add4 .ty-pict.cm-image:hover {
transform: scale(1.2, 1.2);
transition: all 0.5s ease 0s;
}
.index .add1, .add2, .add3, .add4 {
position: relative;
}
.index .add1_html {
position: absolute;
text-align: center;
top: 7px;
width: 100%;
z-index: 1;
}
.index .add2_html {
position: absolute;
text-align: center;
bottom: 15%;
left: 2%;
z-index: 1;
}
.index .add3_html {
position: absolute;
text-align: left;
bottom: 20%;
left: 5%;
z-index: 1;
}
.index .add4_html {
position: absolute;
text-align: left;
bottom: 15%;
left: 5%;
z-index: 1;
}
.index .adds_all {
margin: 60px 0;
}
.index .adds_all h4 {
margin-bottom: 0 !important;
color: #272727;
font: 26px "MyriadPro-Bold" !important;
text-transform: uppercase;
}
.index .adds_all .ty-wysiwyg-content p {
color: #272727;
font: 18px "MyriadPro-Regular";
padding: 0 0 10px;
text-transform: uppercase;
}
.index .adds_all .ty-wysiwyg-content a {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/atag_arrow.png?1499259135') no-repeat scroll right center;
color: #272727;
padding-right: 25px;
font: 18px "MyriadPro-Regular";
text-transform: uppercase;
}
.index .caption a {
background: #fff url('../../../../../../../../design/themes/octo_eyewear/media/images/atag_arrow.png?1499259135') no-repeat scroll 85% center;
padding: 10px 60px;
}
.index .content-grid .row-fluid:nth-child(3) {
margin: 0 auto;
max-width: 1000px;
padding: 0;
width: 100%;
}
.index .tab_all .tabs.ty-tabs {
border: 0 none;
left: 41%;
position: relative;
width: 40%;
}
.index .tab_all .tabs ul li a {
color: #010000;
padding: 5px 25px !important;
font: 20px "MyriadPro-Regular";
}
.ty-tabs__item.active .ty-tabs__a {
color: #fff !important;
}
.index .tab_html .ty-wysiwyg-content > p {
font: 32px "MyriadPro-Regular";
}
.index .tab_html {
text-align: center;
}
.index .tab_all .ty-tabs__item.active {
background: #fd7bb8;
border-radius: 20px;
padding: 0;
}
.index .tab_all .ty-tabs__item, .tabs .ty-tabs__item:hover {
background: transparent none repeat scroll 0 0;
}
.index .tab_all .ty-tabs__item.active:hover {
background: #fd7bb8;
}
.index .tab_all .tabs {
margin: 10px 0 40px;
}
.index .cm-gallery-item.cm-item-gallery {
margin-top: 20px;
}
.index .tab_all .owl-item .ty-pict.cm-image {
min-width: 100% !important;
}
.index .content-grid .row-fluid:nth-child(5) {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/bottom_slider_bg.png?1499259135') no-repeat scroll center center;
}
.index .bottom_slider .ty-wysiwyg-content {
margin: 100px auto;
max-width: 1000px;
text-align: center;
}
.index .bottom_slider .ty-wysiwyg-content p:first-child {
padding-top: 100px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/top_2quote.png?1499259135') no-repeat scroll left top;
}
.index .bottom_slider .ty-wysiwyg-content p:nth-child(2) {
padding-bottom: 100px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/bottom_2quote.png?1499259135') no-repeat scroll right bottom;
}
.index .bottom_slider .ty-wysiwyg-content > p {
color: #fff;
padding: 0;
font: 20px "MyriadPro-Regular";
}
.index .bottom_slider .ty-wysiwyg-content p:nth-child(3) {
font: 24px "MyriadPro-Bold";
text-transform: uppercase;
}
.index .bottom_slider .ty-wysiwyg-content p:nth-child(4) {
font: 20px "MyriadPro-Regular";
}
.index .cash_gurentee {
border: 1px solid #cccccc;
padding: 30px 10px;
margin: 57px 0 65px !important;
}
.index .cash_gurentee h4 {
margin-bottom: 0 !important;
color: #59a4fe;
font: 22px "MyriadPro-Bold" !important;
}
.index .cash_gurentee p {
padding-top: 0;
color: #272727;
font: 13px "MyriadPro-Regular";
}
.index .shipping {
text-align: left;
padding: 10px 0 10px 100px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/shipping.png?1499259135') no-repeat scroll left center;
}
.index .guatentee {
text-align: left;
padding: 10px 0 10px 100px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/guarentee.png?1499259135') no-repeat scroll left center;
}
.index .delivery {
text-align: left;
padding: 10px 0 10px 100px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/delivery.png?1499259135') no-repeat scroll left center;
}
.index .news_all {
height: 405px;
margin-top: 50px;
}
.index .newscontent {
background: #bbcdde;
position: relative;
}
.index .newsletter_content {
margin: 0 auto;
max-width: 1000px;
padding: 72px 0;
position: relative;
}
.index .newsletter_content > img {
position: absolute;
right: -200px;
top: -48px;
}
.newscontent::before {
border-color: #b1c3d3;
border-style: solid;
border-width: 15px;
content: " ";
display: inline-block;
height: 83%;
left: 1%;
position: absolute;
top: 4%;
width: 96%;
}
.index .newsletter_content .cm-processed-form > h4 {
color: #474545;
font: 30px "MyriadPro-Bold";
margin: 0;
}
.index .newscontent .cm-processed-form > p {
color: #474545;
font: 16px "MyriadPro-Regular";
padding-bottom: 40px;
}
.index .newsletter_content .ty-footer-form-block__form {
width: 470px;
}
.index .newsletter_content input[type="text"], input[type="password"] {
background: #dae4ed none repeat scroll 0 0;
border-color: #474545;
color: #989fa5;
font: 15px "MyriadPro-Regualr";
height: 35px;
}
.index .newsletter_content .ty-btn-go {
background: #474545 none repeat scroll 0 0;
color: #fff;
font: 16px "MyriadPro-Bold";
height: 33px;
width: 105px;
}
.index .newsletter_content .ty-icon-right-dir::before {
content: "";
}
.blog {
margin: 0 auto !important;
max-width: 1000px;
text-align: center;
}
.blog .ty-blog-recent-posts-scroller {
margin: 0 auto;
}
.blog .ty-blog-recent-posts-scroller__img-block {
min-height: 235px;
}
.blog .ty-pict.cm-image {
height: 235px;
width: 100%;
}
.blog .ty-blog-recent-posts-scroller__item {
text-align: left;
}
.blog .owl-theme.ty-owl-controls {
display: none;
}
.tab_all .hidden {
display: block !important;
}
.row-fluid .span11.add2 {
width: 69.085%;
}
.ty-footer-grid__full-width > .row-fluid {
margin: 0 auto;
max-width: 1000px !important;
min-width: 280px;
}
.ty-blog-recent-posts-scroller__item > a {
font: 20px "MyriadPro-Bold";
text-transform: uppercase;
color: #59a4fe;
}
.cm-dialog-opener.cm-dialog-auto-size.ty-btn.ty-btn__text.ty-cr-product-button {
display: none;
}
.cart_contents > li {
display: inline-block;
}
.ty-btn__primary.ty-btn__big.ty-btn__add-to-cart.cm-form-dialog-closer.ty-btn {
text-indent: -1000em;
background: transparent url('../../../../../../../../design/themes/octo_eyewear/media/images/addtocart.png?1499259135')no-repeat scroll center center !important;
height: 60px;
width: 60px;
}
.ty-btn.ty-btn__text.ty-add-to-wish.text-button {
text-indent: -1000em;
background: transparent url('../../../../../../../../design/themes/octo_eyewear/media/images/wishlist.png?1499259135')no-repeat scroll center center !important;
height: 60px;
width: 60px;
}
.ty-btn.ty-btn__text.ty-add-to-compare.cm-ajax.cm-ajax-full-render.text-button {
text-indent: -1000em;
background: transparent url('../../../../../../../../design/themes/octo_eyewear/media/images/compare.png?1499259135')no-repeat scroll center center !important;
height: 60px;
width: 60px;
}
.ty-btn.ty-btn__secondary.ty-btn__big.cm-dialog-opener.cm-dialog-auto-size {
background: #fff none repeat scroll 0 0;
border: 1px solid #000;
color: #5d5d5d;
font: 20px "MyriadPro-Regular";
margin-left: 5px;
padding: 10px 40px;
}
.ty-grid-list__item.ty-quick-view-button__wrapper {
position: relative;
}
.ty-quick-view-button {
position: absolute;
top: 0;
}
.ty-quick-view-button_control {
left: 21px;
padding: 84px 0;
position: relative;
width: 100%;
z-index: 2;
}
.ty-grid-list__item.ty-quick-view-button__wrapper:hover .ty-grid-list__image::before {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 1;
}
.ty-grid-list__image::before {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 0%;
z-index: 1;
}
.owl-controls.clickable, .ty-minicart-title.ty-hand {
display: none !important;
}
.index .cart_contents1 {
display: none;
}
.navi .ty-menu__item-active .ty-menu__item-link {
background: transparent none repeat scroll 0 0;
color: #ea3f3f !important;
}
.navi ul li:last-child {
display: none !important;
}
.index .grid-list__rating {
float: right;
margin-top: -15px;
}
/*issues*/
.add4 {
margin-left: 15px !important;
width: 43% !important;
}
/*------------------------------------------------LIST PAGE---------------------------------------------------------*/
.categories_view1 .ty-btn__primary.ty-btn__big.ty-btn__add-to-cart.cm-form-dialog-closer.ty-btn {
padding: 0;
}
.categories_view1 .ty-grid-list__item.ty-quick-view-button__wrapper:hover .ty-grid-list__control {
position: absolute;
text-align: center;
display: block;
top: 25%;
z-index: 1;
}
.categories_view1 .ty-grid-list__control {
display: none;
}
.categories_view1 .grid-list .ty-grid-list__item.ty-quick-view-button__wrapper {
height: 340px;
width: 235px;
margin-top: 40px;
margin-bottom: 60px;
}
.categories_view1 .owl-controls.clickable {
display: none !important;
}
.categories_view1 .ty-quick-view-button {
text-align: center;
width: 100%;
}
.categories_view1 .cart_contents1 > li {
display: inline-block;
}
.categories_view1 .ty-quick-view-button_control {
display: none;
}
.categories_view1 .main-content-grid {
position: relative;
}
.categories_view1 h1.ty-mainbox-title {
position: absolute;
top: 0;
}
#pagination_contents .ty-sort-container__views-icons {
float: left;
}
#pagination_contents .ty-sort-dropdown {
float: right;
padding-left: 20px;
}
.shortby {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/shortby_bg.png?1499259135') no-repeat scroll left center;
padding-left: 20px;
}
#pagination_contents .ty-sort-container {
background: transparent;
}
#pagination_contents .ty-sort-dropdown__wrapper.cm-combination {
border: 1px solid #ebebeb;
margin-right: 5px;
margin-left: 5px;
padding: 0 10px 5px;
}
#pagination_contents .ty-sort-dropdown__wrapper:hover {
background: transparent;
color: #000;
}
#pagination_contents .ty-sort-dropdown__wrapper.open, .ty-horizontal-product-filters-dropdown__wrapper.open {
background: transparent none repeat scroll 0 0;
color: #000;
}
#pagination_contents .ty-sort-container__views-a.cm-ajax:nth-child(2) {
display: none;
}
#pagination_contents .ty-sort-container__views-a.active {
background: transparent none repeat scroll 0 0;
}
#pagination_contents .ty-icon-products-multicolumns::before {
content: "";
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/multicolumn.png?1499259135') no-repeat scroll center center;
}
#pagination_contents .ty-icon-short-list::before {
content: "";
}
#pagination_contents .ty-sort-container__views-a:first-child {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/multicolumn.png?1499259135') no-repeat scroll center center !important;
opacity: 0.5;
}
#pagination_contents .ty-sort-container__views-a.active:first-child, #pagination_contents .ty-sort-container__views-a:first-child:hover {
opacity: 1;
}
#pagination_contents .ty-sort-container__views-a:last-child {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/shortlist.png?1499259135') no-repeat scroll center center !important;
opacity: 0.5;
}
#pagination_contents .ty-sort-container__views-a.active:last-child, #pagination_contents .ty-sort-container__views-a:last-child:hover {
opacity: 1;
}
#pagination_contents .ty-grid-list__item-name {
display: inline-block;
width: 50%;
}
.categories_view1 .grid-list__rating {
float: right;
margin-top: 10px;
}
.ty-icon-star::before {
color: #c6a00a;
border-color: #c6a00a;
}
.ty-pagination .ty-pagination__text-arrow::before, .ty-pagination .ty-pagination__next .ty-pagination__text-arrow::before {
content: "";
}
.ty-pagination .ty-pagination__text, .ty-pagination__item {
text-transform: Capitalize;
font-size: 16px;
}
.ty-pagination .ty-pagination__selected {
background: #000000 none repeat scroll 0 0;
border-radius: 0;
color: #fff;
font-size: 16px;
padding: 2px 5px;
}
.ty-pagination__bottom {
margin-top: 30px;
border-bottom: 1px solid #dedede;
}
.ty-pagination {
margin: 0 auto !important;
}
#sw_elm_pagination_steps1 .ty-icon-down-micro::before {
content: "";
}
.ty-pagination > p {
color: #959595;
display: inline-block;
float: right;
font: 16px "MyriadPro-Regular";
}
#sw_elm_pagination_steps1 {
color: #959595;
font: 16px "MyriadPro-Regular";
}
/*parallax*/
#parallax1 {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/parallax1.png?1499259135') no-repeat fixed center center;
background-size: cover;
color: #fff;
height: 400px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}
.story {
background: rgba(0, 0, 0, 0.6);
height: 400px;
margin: 0 auto;
overflow: hidden;
padding: 0;
text-align: center;
}
.story .float-right {
margin-top: 110px;
}
.story .float-right p {
padding-top: 15px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/parallax_bottom_bg.png?1499259135') no-repeat scroll top center;
font: 25px "MyriadPro-Regular";
}
.story .float-right h6 {
font: 32px "SourceSansPro-Regular";
}
#parallax1 .story .float-right button {
background: #b8322f;
color: #fff;
font: 18px "SourceSansPro-Semibold";
text-transform: uppercase;
border: 2px solid #b8322f;
border-radius: 0;
text-shadow: none;
box-shadow: none;
transition: all 0.5s ease 0s;
margin: 35px 0;
padding: 13px 35px;
}
.container-fluid.content-grid {
max-width: 100% !important;
padding: 0;
}
.container-fluid.content-grid .row-fluid:nth-child(3) {
max-width: 100%;
}
.story h4:first-child {
font: 40px "TimesNewRoman-Regualr";
color: #fff;
text-transform: uppercase;
}
.story h4:nth-child(2) {
font: 47px "KTF-Roadstar";
color: #fff;
}
.story p {
font: 25px "MyriadPro-Regualr";
color: #fff;
}
.parallax_row {
margin-top: 70px;
}
.categories_view1 .content-grid .row-fluid:first-child {
max-width: 100% !important;
margin-bottom: 60px;
}
.breadcrumbs-grid {
background: #000 none repeat scroll 0 0;
height: 55px !important;
}
.breadcrumbs {
margin: 0 auto;
max-width: 1000px;
}
.main-content-grid .ty-holiday-gift-banner {
margin-top: 40px;
}
#vmenu_70 .ty-menu__item.cm-menu-item-responsive:nth-child(n+1) {
background: transparent !important;
border: 1px solid #eae9e5;
}
#vmenu_70.ty-menu__items.cm-responsive-menu {
border: 0;
}
#vmenu_70 .ty-menu__item-active .ty-menu__item-link {
background: #ea3f3f none repeat scroll 0 0;
color: #fff !important;
}
.categories_view1 #vmenu_70 .no-touch .ty-menu__item:hover .ty-menu__item-link, .is-hover-menu .ty-menu__item-link, .is-hover-menu.ty-menu__item-active .ty-menu__item-link {
background: #ea3f3f none repeat scroll 0 0;
color: white !important;
}
#vmenu_70 .ty-menu__item.cm-menu-item-responsive.active {
background: #ea3f3f !important;
}
#vmenu_70 .ty-menu__item.cm-menu-item-responsive.active .ty-menu__item-link {
color: #fff !important;
}
#vmenu_70 .ty-menu__item.cm-menu-item-responsive:hover {
background: #ea3f3f !important;
}
#vmenu_70 .ty-menu__item.cm-menu-item-responsive:hover .ty-menu__item-link {
color: #fff !important;
}
.side-grid .ty-sidebox {
padding: 0;
}
.ty-sidebox .ty-sidebox__title.cm-combination {
padding-left: 20px;
}
.ty-breadcrumbs__a:first-child {
//text-indent:-1000em;
display: inline-block !important;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/home.png?1499259135') no-repeat scroll left center;
padding-left: 30px !important;
}
.ty-breadcrumbs a, .ty-breadcrumbs span {
color: #fff;
font: 15px "MyriadPro-Regular";
text-transform: capitalize;
}
.ty-sidebox .ty-sidebox__title.cm-combination {
background: #202020 none repeat scroll 0 0;
padding-bottom: 15px;
padding-left: 20px;
padding-top: 10px;
}
.ty-sidebox .ty-sidebox__title-wrapper {
color: #fff;
font: 19px "MyriadPro-Regular";
}
.ty-sidebox__body .cm-product-filters {
padding: 10px 10px 10px 20px;
}
.ty-product-filters__switch {
border: 0 !important;
}
#sidebox_30 .cm-gallery-item.cm-item-gallery {
width: 66px;
margin: 0;
}
#sidebox_30 .ty-pict.cm-image {
height: 66px !important;
min-height: 66px !important;
min-width: 66px !important;
width: 66px !important;
}
#sidebox_30 .ty-grid-list__image {
float: left;
margin: 0 20px;
border: 0 none;
height: 66px;
padding: 0;
width: 66px;
}
#sidebox_30 .ty-grid-list__item-name {
width: 100px;
}
#sidebox_30 .grid-list__rating {
float: none;
}
#sidebox_30 .ty-column1 {
height: 100px;
}
#sidebox_30 .ty-grid-list__item.ty-quick-view-button__wrapper:hover .ty-grid-list__image::before {
background: transparent none repeat scroll 0 0;
}
#sidebox_30 .ty-grid-list__image::before {
background: transparent;
}
.categories_view1 #sidebox_30 .ty-grid-list__item.ty-quick-view-button__wrapper:hover .ty-grid-list__control {
display: none;
}
#sidebox_30 .ty-grid-list__item.ty-quick-view-button__wrapper {
margin: 0 auto;
}
/*------------------------------------------------DETAILS PAGE---------------------------------------------------------*/
.products_view .ty-breadcrumbs {
margin: 0 auto;
max-width: 1000px;
padding-right: 0;
}
#lable {
display: inline-block;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
position: relative;
}
.labels-new {
background: transparent !important;
}
.lable_content {
display: inline-block;
font-family: MyriadPro-Regular;
font-size: 15px;
margin-right: 10px;
}
.ty-product-block__left .ty-product-block__note {
position: relative;
width: auto;
}
.ty-product-block__left .ty-discussion__rating-wrapper {
display: none;
}
.products_view .cm-dialog-opener.cm-dialog-auto-size.ty-btn.ty-btn__text.ty-cr-product-button {
display: inline-block;
float: left;
}
.products_view .ty-btn.ty-btn__text.ty-add-to-wish.cm-submit.text-button, .products_view .ty-btn.ty-btn__text.ty-add-to-compare.cm-ajax.cm-ajax-full-render.text-button {
display: none;
}
.products_view .ty-btn__primary.ty-btn__big.ty-btn__add-to-cart.cm-form-dialog-closer.ty-btn {
display: inline-block;
float: left;
background: #000 none repeat scroll 0 0 !important;
color: #fff;
height: auto;
padding: 10px 30px !important;
text-indent: 0;
width: auto;
}
#add_to_cart_update_250 {
display: inline-block;
}
.products_view .cm-dialog-opener.cm-dialog-auto-size.ty-btn.ty-btn__text.ty-cr-product-button {
background: #000 none repeat scroll 0 0 !important;
color: #fff;
display: inline-block;
float: left;
margin: 0 auto;
padding: 10px 20px;
}
.st_facebook, .stButton, .st_tumblr, .st_googleplus, .st_twitter, .chicklets {
margin: 0;
padding: 0 !important;
width: 25px;
}
.ty-social-buttons {
display: none;
}
#opt_248_21 .ty-product-variant-image {
display: inline-block;
margin-left: 0;
padding: 0;
}
.select_bg select#option_248_19 {
background: #ffffff url('../../../../../../../../design/themes/octo_eyewear/media/images/selectbg.png?1499259135') no-repeat scroll 80% center;
border: medium none;
color: #242424;
font: 14px 'MyriadPro-Regular';
height: 25px;
box-shadow: 0 0 0 transparent;
border: 1px solid #d9d9d9;
border-radius: 0;
margin-bottom: 0;
}
.select_bg select#option_248_19 {
-moz-appearance: none;
-moz-appearance: none; /* Mozhila */
-webkit-appearance: none; /* Chrome & Safari */
text-indent: 1px;
text-indent: 1px;
text-overflow: "";
}
#opt_248_21 .select_bg select {
display: none;
}
.ty-control-group.ty-product-options__item.product-list-field.clearfix, .ty-control-group__label.ty-product-options__item-label, .select_bg {
display: inline-block;
}
.ty-product-detail .ty-product-block__left {
box-sizing: border-box;
padding-right: 0 !important;
width: 700px;
}
#qty_update_248.cm-reload-248 {
display: inline-block;
width: 210px;
}
.ty-product-block__option {
display: inline-block;
width: auto !important;
}
.ty-value-changer {
width: auto !important;
}
input.ty-value-changer__input {
height: 25px !important;
width: 55px !important;
}
.ty-value-changer__increase, .ty-value-changer__decrease {
padding: 5px !important;
margin-left: 5px;
}
.ty-control-group__label {
width: auto !important;
}
.products_view .main-content-grid {
margin-top: 60px;
}
.products_view .ty-product-block-title {
color: #333;
font-family: MyriadPro-Bold;
font-size: 30px;
margin-bottom: 10px;
text-transform: uppercase;
}
.products_view .ty-product-block__note {
color: #202020;
font: 14px "MyriadPro-Regular";
padding: 0 0 20px;
border-bottom: 1px solid #dddddd;
}
.products_view .ty-product-prices {
border-bottom: 1px solid #dddddd;
padding-bottom: 10px;
}
.products_view .ty-product-block__field-group {
margin-top: -20px;
}
.products_view .ty-product-block__sku {
margin-top: -20px;
}
.products_view #opt_248_21 {
margin-left: 35px;
}
.products_view .ty-product-options__item-label {
font-weight: lighter;
}
.products_view .socialicons {
display: block;
margin-top: 30px;
}
.products_view .ty-icon-right-open-thin::before, .products_view .ty-icon-left-open-thin::before {
color: #e1e1e1;
}
.products_view .ty-tabs__list1 {
display: none;
}
#qty_250.ty-qty.clearfix.changer {
display: inline-block;
}
.no-touch .ty-value-changer__increase:hover, .no-touch .ty-value-changer__decrease:hover {
background: transparent !important;
}
.products_view li.active .ty-tabs__a {
font: 16px "MyriadPro-Bold";
padding: 10px 30px 5px;
text-transform: uppercase;
}
.products_view li .ty-tabs__a {
font: 16px "MyriadPro-Bold";
padding: 10px 30px 5px;
text-transform: uppercase;
}
.products_view .ty-tabs__list .ty-tabs__item.cm-js.active {
background: #4c4c4c none repeat scroll 0 0;
}
.products_view .ty-tabs__item.cm-js {
margin-right: 10px;
}
.products_view .cm-tabs-content.ty-tabs__content {
border-bottom: 1px solid #dddddd;
}
.products_view #content_description p, .products_view #content_product_tab_9 .ty-wysiwyg-content {
color: #4c4c4c;
font: 15px/30px "MyriadPro-Regular";
text-transform: uppercase;
}
.products_view .detailspage_product {
margin: 80px auto;
max-width: 1000px;
}
.products_view .cart_contents1 .ty-btn.ty-btn__primary.ty-btn__big.ty-btn__add-to-cart.cm-form-dialog-closer {
text-indent: -1000em;
background: transparent url('../../../../../../../../design/themes/octo_eyewear/media/images/addtocart.png?1499259135')no-repeat scroll center center !important;
}
.products_view .cart_contents1 .ty-btn.ty-btn__text.ty-add-to-compare.cm-ajax.cm-ajax-full-render.text-button {
display: inline-block;
}
.products_view .ty-quick-view-button {
width: 100%;
}
.products_view .ty-btn.ty-btn__secondary.ty-btn__big.cm-dialog-opener.cm-dialog-auto-size {
margin-left: 10px;
}
.products_view .cart_contents1 {
display: inline-block;
left: 7%;
position: absolute;
top: 55%;
width: 100%;
z-index: 3;
}
.products_view .cart_contents1 > li {
display: inline-block;
}
.products_view .ty-grid-list__image .owl-controls.clickable {
display: none !important;
}
.products_view .content-grid .row-fluid:nth-child(4) {
margin: 0 auto;
max-width: 100%;
}
.products_view .ty-product-switcher__a {
top: 2px;
}
.products_view .grid-list__rating {
float: right;
margin-top: -15px;
}
/*------------------------------------------------MEIDA QUORIES-------------------------------------------------*/
@media (max-width: 1200px) {
.row-fluid .span11.add2 {
width: 67.085% !important;
}
.row-fluid .span7.add4 {
margin-left: 10px;
width: 41.553% !important;
}
.top-logo-grid {
margin-left: 20px !important;
}
.search-block-grid {
margin-left: 0 !important;
}
.carousel2 {
left: 20px;
top: 15% !important;
}
.carousel1 {
right: 20px;
top: 15% !important;
}
.add1, .add3 {
margin-left: 10px !important;
}
.add2 {
margin-right: 10px;
}
.row-fluid .span11 {
width: 67.4% !important;
}
.bottom_slider .ty-wysiwyg-content {
width: 100%;
}
.cash_gurentee {
margin-left: 1% !important;
width: 98% !important;
}
.newsletter_content {
padding: 50px 0 70px;
width: 94%;
}
.newsletter_content > img {
height: 430px;
right: -30px;
width: 500px;
}
.footer_top1 {
padding-left: 20px;
}
.ty-banner__image-item {
width: 90%;
margin: 0 auto;
}
}
@media (max-width: 1110px) {
.add4 {
width: 35.4% !important;
}
.row-fluid .span11 {
width: 67% !important;
}
}
@media (max-width: 1079px) {
.tab_all .tabs.ty-tabs {
width: 50% !important;
left: 40% !important;
}
}
@media (max-width: 1034px) {
.add4 {
width: 35% !important;
}
.newscontent::before {
width: 95%;
}
}
@media (max-width: 1022px) {
.header-grid .row-fluid .span3 {
margin-left: 0;
}
.top-grid .row-fluid .span4 {
width: 24%;
}
.top-grid .row-fluid .span12 {
width: 73%;
}
.row-fluid .span12.main-content-grid {
width: 73.468%;
}
.products_view .ty-breadcrumbs {
margin: 0 auto;
width: 95%;
}
.products_view .ty-product-block.ty-product-detail {
margin: 0 auto;
width: 95%;
}
.products_view .detailspage_product {
margin: 0 auto;
width: 95%;
padding: 40px 0 60px;
}
}
@media (max-width: 998px) {
.top-grid .row-fluid .span4 {
width: 26%;
}
.top-grid .row-fluid .span12 {
width: 71%;
}
.carousel1 p:first-child, .carousel2 p:first-child, .carousel1 p:nth-child(2n), .carousel2 p:nth-child(2n) {
padding-bottom: 15px;
font-size: 50px !important;
}
.carousel1 p:nth-child(3n), .carousel2 p:nth-child(3n) {
font-size: 60px;
}
.ty-btn__primary.ty-btn__big.ty-btn__add-to-cart.cm-form-dialog-closer.ty-btn {
width: 40px;
height: 40px;
}
.ty-btn.ty-btn__text.ty-add-to-wish.text-button {
height: 38px;
width: 36px;
}
.ty-btn.ty-btn__text.ty-add-to-compare.cm-ajax.cm-ajax-full-render.text-button {
height: 38px;
width: 40px;
}
.ty-quick-view-button_control {
left: 0;
padding: 0;
position: relative;
text-align: center;
top: 30%;
z-index: 2;
}
.ty-quick-view-button {
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.ty-btn.ty-btn__secondary.ty-btn__big.cm-dialog-opener.cm-dialog-auto-size {
font: 14px "MyriadPro-Regular";
margin-left: 0;
padding: 10px 30px;
}
.products_view .ty-column4 {
width: 33.33%;
}
.products_view .cart_contents1 {
top: 35%;
left: 18%;
}
.products_view .cart_contents1 .ty-btn.ty-btn__primary.ty-btn__big.ty-btn__add-to-cart.cm-form-dialog-closer {
padding-right: 15px !important;
}
.products_view .ty-btn.ty-btn__secondary.ty-btn__big.cm-dialog-opener.cm-dialog-auto-size {
margin: 0;
width: 33%;
}
.products_view .cart_contents1 > li {
padding-right: 8px;
}
.products_view .ty-quick-view-button {
text-align: center;
}
.products_view .cart_contents1 {
left: 0;
}
.cart_contents1 > li:first-child {
display: none;
}
.products_view .cart_contents1 > li:nth-child(4) {
margin-right: 0;
}
}
@media (max-width: 979px) {
.tab_all .owl-item .ty-pict.cm-image {
width: 50%;
}
.grid-list .ty-column4 {
width: 25%;
}
.newsletter_content .ty-footer-form-block__form {
width: 400px;
}
.ty-select-block__a-item {
display: inline-block !important;
}
.top-languages, .top-currencies {
width: 65px !important;
}
.categories_view1 .ty-pagination__text {
display: inline-block;
}
.products_view .ty-column4 {
width: 33.33%;
}
}
@media (max-width: 958px) {
.row-fluid .span11.add2 {
width: 67% !important;
}
.cash_gurentee h4 {
font-size: 18px !important;
padding-top: 5px;
}
.cash_gurentee p {
font-size: 12px;
}
.cash_gurentee {
margin: 0 0 20px;
}
}
@media (max-width: 932px) {
.row-fluid .span11.add2 {
width: 66.8% !important;
}
.newsletter_content {
padding: 20px 0 30px;
}
.newsletter_content > img {
height: 350px;
width: 445px;
}
}
@media (max-width: 909px) {
.add4 {
width: 34.8% !important;
}
#sidebox_30 .ty-grid-list__image {
margin: 0;
}
.categories_view1 #sidebox_30 .grid-list .ty-grid-list__item.ty-quick-view-button__wrapper {
margin: 0 auto;
}
.products_view .cm-dialog-opener.cm-dialog-auto-size.ty-btn.ty-btn__text.ty-cr-product-button {
padding: 5px 10px;
}
.products_view .ty-btn__primary.ty-btn__big.ty-btn__add-to-cart.cm-form-dialog-closer.ty-btn {
padding: 5px 20px !important;
margin-bottom: 0px;
}
.products_view .cm-dialog-opener.cm-dialog-auto-size.ty-btn.ty-btn__text.ty-cr-product-button {
float: none;
}
}
@media (max-width: 878px) {
.row-fluid .span11.add2 {
width: 66.4% !important;
}
.newsletter_content .ty-footer-form-block__form {
width: 380px;
}
.add1 .ty-pict.cm-image, .add2 .ty-pict.cm-image {
height: 350px;
}
.adds_all h4 {
font-size: 20px !important;
}
.adds_all .ty-wysiwyg-content p {
font-size: 16px !important;
}
.adds_all .ty-wysiwyg-content a {
font-size: 16px !important;
}
}
@media (max-width: 857px) {
.add4 {
width: 34.4% !important;
}
.newsletter_content > img {
height: 300px;
width: 400px;
}
.span4.about-grid.footer_top4 {
padding-left: 30px;
}
.span7.add4 {
margin-left: 6px !important;
}
.index .adds_all h4 {
font: 18px "MyriadPro-Bold" !important;
}
.adds_all .ty-wysiwyg-content p {
font-size: 14px !important;
}
}
@media (max-width: 786px) {
.row-fluid .span11.add2 {
width: 65.4% !important;
}
.newsletter_content .ty-footer-form-block__form {
width: 300px !important;
}
.bottom_slider .ty-wysiwyg-content > p {
font-size: 14px !important;
}
.bottom_slider .ty-wysiwyg-content p:nth-child(2) {
background-size: 25px auto;
padding-bottom: 35px;
}
.bottom_slider .ty-wysiwyg-content p:first-child {
background-size: 25px auto;
padding-top: 35px;
}
.bottom_slider .ty-wysiwyg-content {
margin: 50px auto;
}
.bottom_slider .ty-wysiwyg-content p:nth-child(3) {
font-size: 20px;
}
.cash_gurentee h4 {
font-size: 14px !important;
}
.cash_gurentee {
margin-top: 10px;
}
.cash_gurentee h4 {
padding-top: 10px;
}
}
@media (max-width: 769px) {
.add4 {
width: 34% !important;
}
}
@media (max-width: 767px) {
.touch .ty-value-changer__increase, .touch .ty-value-changer__decrease {
line-height: 10px !important;
height: 14px !important;
width: 14px !important;
font-size: 16px !important;
background: #fff !important;
color: #000 !important;
}
.touch .ty-value-changer__decrease {
border-left: 1px solid #c8c8c8 !important;
}
.touch .ty-value-changer__increase {
border-right: 1px solid #c8c8c8 !important;
}
.touch .ty-value-changer__input {
float: left !important;
}
#account_info_links_265 li {
border: 0;
padding-top: 15px !important;
}
.top-grid .row-fluid .span12 {
margin: 0 auto;
width: 98%;
padding: 0;
margin: 0 auto;
}
.tygh-top-panel {
border: 0 none !important;
margin: 0;
padding: 0;
}
.top-languages, .top-currencies {
padding-top: 10px;
}
.navi {
float: left !important;
margin-top: -76px;
}
.top-search input.ty-search-block__input {
display: none;
}
.top-search .ty-search-magnifier {
margin-top: -70px;
margin-right: 15px;
}
.add1 {
display: inline-block !important;
width: 35% !important;
}
.row-fluid .span11.add2 {
display: inline-block;
width: 60% !important;
}
.span9.add3 {
display: inline-block !important;
width: 55% !important;
}
.row-fluid .span7.add4 {
display: inline-block;
margin-left: 10px;
width: 40% !important;
}
.tab_all .tabs.ty-tabs {
left: 37%;
}
.newsletter_content > img {
display: none;
}
.cash_gurentee {
margin: 0;
border: 0;
}
.newscontent::before {
width: 92%;
}
.span16.ty-footer-grid__full-width.ty-footer-menu.footer_top {
padding: 10px 0 !important;
}
.footer_top1, .footer_top2, .footer_top3, .footer_top4 {
padding-left: 25px !important;
}
.footer_top1 {
padding-bottom: 20px;
}
.footer_top h2 {
border: 0;
}
.tygh-header {
width: 97%;
}
.navi ul li {
border: 0;
padding-right: 15px;
}
.navi ul li a .ty-icon-down-open::before {
content: "";
}
.carousel1 p:first-child, .carousel2 p:first-child, .carousel1 p:nth-child(2n), .carousel2 p:nth-child(2n) {
padding-bottom: 25px;
font-size: 30px !important;
}
.carousel1 p:nth-child(3n), .carousel2 p:nth-child(3n) {
font-size: 30px !important;
padding-bottom: 25px;
}
.carousel1 a {
font-size: 16px;
}
.ty-grid-list__item.ty-quick-view-button__wrapper:hover .ty-grid-list__image::before {
display: none;
}
.side-grid .ty-banner__image-wrapper {
display: none;
}
.ty-holiday-gift-banner.ty-banner__image-wrapper {
display: block !important;
width: 100%;
margin: 0 auto;
}
.breadcrumbs {
width: 95%;
}
.side-grid .ty-sidebox {
margin: 0 auto;
}
.main-content-grid {
margin: 0 auto !important;
width: 100% !important;
}
.main-content-grid .ty-holiday-gift-banner {
margin-top: 80px;
}
.categories_view1 h1.ty-mainbox-title {
left: 1%;
top: -2%;
}
#pagination_contents .ty-sort-container {
width: 99%;
}
.categories_view1 .grid-list .ty-grid-list__item.ty-quick-view-button__wrapper {
margin: 20px auto;
width: 80%;
}
.ty-pagination__bottom {
margin: 20px auto;
width: 90%;
}
.ty-sidebox__title-toggle {
top: 15px !important;
}
.products_view .ty-product-switcher {
text-align: right;
top: -20px;
}
.products_view .ty-column4 {
width: 50%;
}
.ty-menu__item .ty-menu__item-toggle-active {
background: transparent !important;
}
.ty-menu__submenu .ty-menu__submenu-item {
padding: 0 !important;
}
.ty-compact-list__item {
margin: 0 auto;
width: 90%;
}
.ty-product-block__img-wrapper {
margin-top: 20px;
}
}
@media (max-width:679px) {
.row-fluid .span11.add2 {
width: 59.8% !important;
}
}
@media (max-width:653px) {
.row-fluid .span11.add2 {
width: 59.6% !important;
}
.top-logo-grid {
margin-left: 0 !important;
}
}
@media (max-width:620px) {
.row-fluid .span11.add2 {
width: 59.5% !important;
}
}
@media (max-width:617px) {
.row-fluid .span11.add2 {
width: 59.4% !important;
}
}
@media (max-width:606px) {
.row-fluid .span11.add2 {
width: 59% !important;
}
.grid-list .ty-column4 {
width: 50%;
}
}
@media (max-width:566px) {
.row-fluid .span11.add2 {
width: 58% !important;
}
.carousel1 .caption a {
background-color: transparent;
}
.carousel2 .caption a {
background-color: transparent;
padding-left: 0 !important;
}
}
@media (max-width:527px) {
.row-fluid .span11.add2 {
width: 58% !important;
}
.top-grid .row-fluid .span4 {
width: auto !important;
}
.top-grid .row-fluid .float-l {
float: left;
}
.top-grid .row-fluid .float-r {
float: right;
}
.ty-btn1 {
margin-right: 15px;
}
.row-fluid .span4 .top-logo .ty-logo-container {
width: 70%;
padding-left: 10px;
float: left;
}
.row-fluid .search-block-grid .navi .ty-menu__items .visible-phone {
width: 10%;
}
/*.top-grid .row-fluid .top-links-grid .ty-float-right {
float:left;
}*/
.ty-product-detail .ty-product-block__left {
margin: 0 auto;
padding-right: 0;
width: 100%;
}
.products_view .ty-tabs__item.cm-js {
margin-right: 0px;
}
}
@media (max-width:485px) {
.row-fluid .span11.add2 {
width: 57% !important;
}
.ty-pagination .ty-pagination__btn {
width: auto;
}
.ty-pagination > p {
float: none;
display: block;
}
#parallax1 {
height: 250px;
}
.story .float-right {
margin-top: 65px;
}
.story h4:first-child {
font-size: 20px;
}
.story h4:nth-child(2) {
font-size: 24px;
}
#pagination_contents .ty-sort-container {
display: block;
margin: 10px auto;
width: 90%;
}
}
@media (max-width:480px) {
#description1, #product_tab_91 {
display: none;
}
.products_view .ty-column4 {
margin: 0 auto;
width: 100%;
}
.categories_view1 h1.ty-mainbox-title {
top: -1% !important;
}
}
@media (max-width:479px) {
.row-fluid .span7.add4 {
width: 37% !important;
}
.adds_all h4 {
font-size: 14px !important;
}
.adds_all .ty-wysiwyg-content p, .adds_all .ty-wysiwyg-content a {
font-size: 12px !important;
}
}
@media (max-width:450px) {
#account_info_links_265 li {
padding-left: 0 !important;
padding-top: 30px !important;
}
.span5.add1, .row-fluid .span11.add2, .span9.add3, .row-fluid .span7.add4 {
width: 95% !important;
}
.add1 .ty-pict.cm-image, .add2 .ty-pict.cm-image {
height: 450px;
}
.tab_all .tabs.ty-tabs {
width: 100% !important;
left: 20% !important;
}
.ty-column4 {
width: 100% !important;
}
.footer_top1, .footer_top2, .footer_top3, .footer_top4 {
padding-right: 25px;
}
#account_info_links_265 {
margin-top: -20px;
}
#sw_dropdown_140, .carts_number {
margin-top: -10px;
}
#pagination_contents .ty-sort-dropdown {
width: 100%;
}
#pagination_contents .ty-sort-dropdown .shortby {
padding: 0;
}
.ty-sort-dropdown__content.cm-popup-box {
left: 14%;
margin: 0 auto;
}
.products_view .ty-product-img {
width: 100%;
margin: 0 auto;
}
.products_view .ty-product-block__img-wrapper img {
min-width: auto !important;
}
.products_view .ty-product-switcher {
display: none;
}
.carousel1 p:first-child, .carousel2 p:first-child, .carousel1 p:nth-child(2n), .carousel2 p:nth-child(2n) {
font-size: 18px !important;
}
.carousel1 p:nth-child(3n), .carousel2 p:nth-child(3n) {
font-size: 16px !important;
}
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('..\font\dashicons.eot');
src: url('..\font\dashicons.eot') format('embedded-opentype'), url('..\font\dashicons.woff') format('woff'), url('..\font\dashicons.ttf') format('truetype'), url('..\font\dashicons.svg') format('svg');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('..\font\dashicons.eot');
src: url('..\font\dashicons.eot') format('embedded-opentype'), url('..\font\dashicons.woff') format('woff'), url('..\font\dashicons.ttf') format('truetype'), url('..\font\dashicons.svg') format('svg');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('..\font\dashicons.eot');
src: url('..\font\dashicons.eot') format('embedded-opentype'), url('..\font\dashicons.woff') format('woff'), url('..\font\dashicons.ttf') format('truetype'), url('..\font\dashicons.svg') format('svg');
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.clearfix:after {
clear: both;
}
.input-block-level {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
a {
background: transparent;
}
a:focus {
outline: thin dotted;
}
a:active, a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
i, em, dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code, kbd, pre, samp {
font-family: monospace,serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button, input {
line-height: normal;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible;
}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
text-decoration: none;
}
.ui-button-icon-only {
width: 2.2em;
}
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
input.ui-button {
padding: .4em 1em;
}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.3em;
}
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
}
.ui-menu .ui-menu-divider {
margin: 5px -2px 5px -2px;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
cursor: default;
}
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em;
}
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em;
}
.ui-menu .ui-menu-icon {
position: static;
float: right;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.ui-tabs {
position: relative;
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaa;
background: #fff url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-bg_flat_75_ffffff_40x100.png?1499259135') 50% 50% repeat-x;
color: #222;
}
.ui-widget-content > a {
color: #222;
}
.ui-widget-header {
border: 1px solid #aaa;
background: #ccc url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-bg_highlight-soft_75_cccccc_1x100.png?1499259135') 50% 50% repeat-x;
color: #222;
font-weight: bold;
}
.ui-widget-header a {
color: #222;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-bg_glass_75_e6e6e6_1x400.png?1499259135') 50% 50% repeat-x;
font-weight: normal;
color: #555;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555;
text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #999;
background: #dadada url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-bg_glass_75_dadada_1x400.png?1499259135') 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #aaa;
background: #fff url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-bg_glass_65_ffffff_1x400.png?1499259135') 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-bg_glass_55_fbf9ee_1x400.png?1499259135') 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-bg_glass_95_fef1ec_1x400.png?1499259135') 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
}
.ui-icon {
width: 16px;
height: 16px;
background-position: 16px 16px;
}
.ui-icon, .ui-widget-content .ui-icon {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-icons_222222_256x240.png?1499259135');
}
.ui-widget-header .ui-icon {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-icons_222222_256x240.png?1499259135');
}
.ui-state-default .ui-icon {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-icons_888888_256x240.png?1499259135');
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-icons_454545_256x240.png?1499259135');
}
.ui-state-active .ui-icon {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-icons_454545_256x240.png?1499259135');
}
.ui-state-highlight .ui-icon {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-icons_2e83ff_256x240.png?1499259135');
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-icons_cd0a0a_256x240.png?1499259135');
}
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
background: #aaa url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-bg_flat_0_aaaaaa_40x100.png?1499259135') 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaa url('../../../../../../../../design/themes/octo_eyewear/media/images/lib/ui/ui-bg_flat_0_aaaaaa_40x100.png?1499259135') 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px;
}
.row {
margin-left: -20px;
}
.row:before, .row:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 940px;
}
.span16 {
width: 940px;
}
.span15 {
width: 880px;
}
.span14 {
width: 820px;
}
.span13 {
width: 760px;
}
.span12 {
width: 700px;
}
.span11 {
width: 640px;
}
.span10 {
width: 580px;
}
.span9 {
width: 520px;
}
.span8 {
width: 460px;
}
.span7 {
width: 400px;
}
.span6 {
width: 340px;
}
.span5 {
width: 280px;
}
.span4 {
width: 220px;
}
.span3 {
width: 160px;
}
.span2 {
width: 100px;
}
.span1 {
width: 40px;
}
.offset16 {
margin-left: 980px;
}
.offset15 {
margin-left: 920px;
}
.offset14 {
margin-left: 860px;
}
.offset13 {
margin-left: 800px;
}
.offset12 {
margin-left: 740px;
}
.offset11 {
margin-left: 680px;
}
.offset10 {
margin-left: 620px;
}
.offset9 {
margin-left: 560px;
}
.offset8 {
margin-left: 500px;
}
.offset7 {
margin-left: 440px;
}
.offset6 {
margin-left: 380px;
}
.offset5 {
margin-left: 320px;
}
.offset4 {
margin-left: 260px;
}
.offset3 {
margin-left: 200px;
}
.offset2 {
margin-left: 140px;
}
.offset1 {
margin-left: 80px;
}
.row-fluid {
width: 100%;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.12765957447%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.12765957447%;
}
.row-fluid .span16 {
width: 100%;
}
.row-fluid .span15 {
width: 93.6170212766%;
}
.row-fluid .span14 {
width: 87.2340425532%;
}
.row-fluid .span13 {
width: 80.8510638298%;
}
.row-fluid .span12 {
width: 74.4680851064%;
}
.row-fluid .span11 {
width: 68.085106383%;
}
.row-fluid .span10 {
width: 61.7021276596%;
}
.row-fluid .span9 {
width: 55.3191489362%;
}
.row-fluid .span8 {
width: 48.9361702128%;
}
.row-fluid .span7 {
width: 42.5531914894%;
}
.row-fluid .span6 {
width: 36.170212766%;
}
.row-fluid .span5 {
width: 29.7872340426%;
}
.row-fluid .span4 {
width: 23.4042553191%;
}
.row-fluid .span3 {
width: 17.0212765957%;
}
.row-fluid .span2 {
width: 10.6382978723%;
}
.row-fluid .span1 {
width: 4.25531914894%;
}
.row-fluid .offset16 {
margin-left: 104.255319149%;
}
.row-fluid .offset16:first-child {
margin-left: 102.127659574%;
}
.row-fluid .offset15 {
margin-left: 97.8723404255%;
}
.row-fluid .offset15:first-child {
margin-left: 95.7446808511%;
}
.row-fluid .offset14 {
margin-left: 91.4893617021%;
}
.row-fluid .offset14:first-child {
margin-left: 89.3617021277%;
}
.row-fluid .offset13 {
margin-left: 85.1063829787%;
}
.row-fluid .offset13:first-child {
margin-left: 82.9787234043%;
}
.row-fluid .offset12 {
margin-left: 78.7234042553%;
}
.row-fluid .offset12:first-child {
margin-left: 76.5957446809%;
}
.row-fluid .offset11 {
margin-left: 72.3404255319%;
}
.row-fluid .offset11:first-child {
margin-left: 70.2127659574%;
}
.row-fluid .offset10 {
margin-left: 65.9574468085%;
}
.row-fluid .offset10:first-child {
margin-left: 63.829787234%;
}
.row-fluid .offset9 {
margin-left: 59.5744680851%;
}
.row-fluid .offset9:first-child {
margin-left: 57.4468085106%;
}
.row-fluid .offset8 {
margin-left: 53.1914893617%;
}
.row-fluid .offset8:first-child {
margin-left: 51.0638297872%;
}
.row-fluid .offset7 {
margin-left: 46.8085106383%;
}
.row-fluid .offset7:first-child {
margin-left: 44.6808510638%;
}
.row-fluid .offset6 {
margin-left: 40.4255319149%;
}
.row-fluid .offset6:first-child {
margin-left: 38.2978723404%;
}
.row-fluid .offset5 {
margin-left: 34.0425531915%;
}
.row-fluid .offset5:first-child {
margin-left: 31.914893617%;
}
.row-fluid .offset4 {
margin-left: 27.6595744681%;
}
.row-fluid .offset4:first-child {
margin-left: 25.5319148936%;
}
.row-fluid .offset3 {
margin-left: 21.2765957447%;
}
.row-fluid .offset3:first-child {
margin-left: 19.1489361702%;
}
.row-fluid .offset2 {
margin-left: 14.8936170213%;
}
.row-fluid .offset2:first-child {
margin-left: 12.7659574468%;
}
.row-fluid .offset1 {
margin-left: 8.51063829787%;
}
.row-fluid .offset1:first-child {
margin-left: 6.3829787234%;
}
[class*="span"].hide, .row-fluid [class*="span"].hide {
display: none;
}
[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
float: right;
}
.container {
margin-right: auto;
margin-left: auto;
}
.container:before, .container:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.container:after {
clear: both;
}
.container-fluid {
margin: 0 auto;
padding-right: 20px;
padding-left: 20px;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.container-fluid:after {
clear: both;
}
@font-face {
font-family: glyphs;
src: url('../../../../../../../../design/themes/octo_eyewear/media/fonts/glyphs.eot?1499259135');
src: url('../../../../../../../../design/themes/octo_eyewear/media/fonts/glyphs.eot?1499259135#iefix') format('embedded-opentype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/glyphs.woff?1499259135') format('woff'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/glyphs.ttf?1499259135') format('truetype'), url('../../../../../../../../design/themes/octo_eyewear/media/fonts/glyphs.svg?1499259135#glyphs') format('svg');
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: glyphs;
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class*="ty-icon-"]:before {
font-family: inherit;
}
.ty-icon-up-dir, .ty-icon-right-dir, .ty-icon-down-dir, .ty-icon-left-dir, .ty-icon-star-empty, .ty-icon-th-list, .ty-icon-heart, .ty-icon-flight, .ty-icon-ok, .ty-icon-cancel, .ty-icon-cancel-circle, .ty-icon-minus-circle, .ty-icon-right-thin, .ty-icon-cw, .ty-icon-left-circle, .ty-icon-right-circle, .ty-icon-help-circle, .ty-icon-back, .ty-icon-products-multicolumns, .ty-icon-print, .ty-icon-chat, .ty-icon-article-alt, .ty-icon-docs, .ty-icon-zoom-in, .ty-icon-zoom-out, .ty-icon-down-open, .ty-icon-left-open, .ty-icon-right-open, .ty-icon-up-open, .ty-icon-down-micro, .ty-icon-up-micro, .ty-icon-right-open-thin, .ty-icon-left-open-thin, .ty-icon-products-without-options, .ty-icon-short-list, .ty-icon-plus-circle, .ty-icon-user, .ty-icon-doc-text, .ty-icon-calendar, .ty-icon-chart-bar, .ty-icon-download, .ty-icon-search, .ty-icon-lock, .ty-icon-popup, .ty-icon-plus, .ty-icon-folder, .ty-icon-folder-open, .ty-icon-mail, .ty-icon-twitter, .ty-icon-facebook, .ty-icon-file, .ty-icon-trashcan, .ty-icon-d-arrow, .ty-icon-bubble, .ty-icon-upload, .ty-icon-cog, .ty-icon-square, .ty-icon-arrow-up-right, .ty-icon-arrow-up-left, .ty-icon-arrow-down-left, .ty-icon-arrow-down-right, .ty-icon-arrow-down, .ty-icon-arrow-up, .ty-icon-arrow-left, .ty-icon-arrow-right, .ty-icon-star, .ty-icon-star-half, .ty-icon-refresh, .ty-icon-basket, .ty-icon-image, .icon-image, .ty-icon-edit, .ty-icon-live-edit, .ty-icon-gift, .ty-icon-ban-circle, .ty-icon-wrench, .ty-icon-feed {
font-family: glyphs;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.ty-icon-up-dir:before {
content: "\e000";
}
.ty-icon-right-dir:before {
content: "\e001";
}
.ty-icon-down-dir:before {
content: "\e002";
}
.ty-icon-left-dir:before {
content: "\e003";
}
.ty-icon-star-empty:before {
content: "\e004";
}
.ty-icon-th-list:before {
content: "\e005";
}
.ty-icon-heart:before {
content: "\e006";
}
.ty-icon-flight:before {
content: "\e007";
}
.ty-icon-ok:before {
content: "\e008";
}
.ty-icon-cancel:before {
content: "\e009";
}
.ty-icon-cancel-circle:before {
content: "\e00a";
}
.ty-icon-minus-circle:before {
content: "\e00b";
}
.ty-icon-right-thin:before {
content: "\e00c";
}
.ty-icon-cw:before {
content: "\e00d";
}
.ty-icon-left-circle:before {
content: "\e00e";
}
.ty-icon-right-circle:before {
content: "\e00f";
}
.ty-icon-help-circle:before {
content: "\e010";
}
.ty-icon-back:before {
content: "\e011";
}
.ty-icon-products-multicolumns:before {
content: "\e012";
}
.ty-icon-print:before {
content: "\e013";
}
.ty-icon-chat:before {
content: "\e014";
}
.ty-icon-article-alt:before {
content: "\e015";
}
.ty-icon-docs:before {
content: "\e016";
}
.ty-icon-zoom-in:before {
content: "\e017";
}
.ty-icon-zoom-out:before {
content: "\e018";
}
.ty-icon-down-open:before {
content: "\e019";
}
.ty-icon-left-open:before {
content: "\e01a";
}
.ty-icon-right-open:before {
content: "\e01b";
}
.ty-icon-up-open:before {
content: "\e01c";
}
.ty-icon-down-micro:before {
content: "\e01d";
}
.ty-icon-up-micro:before {
content: "\e01e";
}
.ty-icon-right-open-thin:before {
content: "\e01f";
}
.ty-icon-left-open-thin:before {
content: "\e020";
}
.ty-icon-products-without-options:before {
content: "\e021";
}
.ty-icon-short-list:before {
content: "\e022";
}
.ty-icon-plus-circle:before {
content: "\e023";
}
.ty-icon-user:before {
content: "\e024";
}
.ty-icon-doc-text:before {
content: "\e025";
}
.ty-icon-calendar:before {
content: "\e026";
}
.ty-icon-chart-bar:before {
content: "\e027";
}
.ty-icon-download:before {
content: "\e028";
}
.ty-icon-search:before {
content: "\e029";
}
.ty-icon-lock:before {
content: "\e02a";
}
.ty-icon-popup:before {
content: "\e02b";
}
.ty-icon-plus:before {
content: "\e02c";
}
.ty-icon-folder:before {
content: "\e02d";
}
.ty-icon-folder-open:before {
content: "\e02e";
}
.ty-icon-mail:before {
content: "\e02f";
}
.ty-icon-twitter:before {
content: "\e600";
}
.ty-icon-facebook:before {
content: "\e601";
}
.ty-icon-file:before {
content: "\e032";
}
.ty-icon-trashcan:before {
content: "\e033";
}
.ty-icon-d-arrow:before {
content: "\e602";
}
.ty-icon-bubble:before {
content: "\e035";
}
.ty-icon-upload:before {
content: "\e036";
}
.ty-icon-cog:before {
content: "\e037";
}
.ty-icon-square:before {
content: "\e038";
}
.ty-icon-arrow-up-right:before {
content: "\e039";
}
.ty-icon-arrow-up-left:before {
content: "\e03a";
}
.ty-icon-arrow-down-left:before {
content: "\e03b";
}
.ty-icon-arrow-down-right:before {
content: "\e03c";
}
.ty-icon-arrow-down:before {
content: "\e03d";
}
.ty-icon-arrow-up:before {
content: "\e03e";
}
.ty-icon-arrow-left:before {
content: "\e03f";
}
.ty-icon-arrow-right:before {
content: "\e040";
}
.ty-icon-star:before {
content: "\e041";
}
.ty-icon-star-half:before {
content: "\e042";
}
.ty-icon-refresh:before {
content: "\e043";
}
.ty-icon-basket:before {
content: "\e044";
}
.ty-icon-image:before {
content: "\e045";
}
.icon-image:before {
content: "\e045";
}
.ty-icon-edit:before {
content: "\e046";
}
.ty-icon-live-edit:before {
content: "\e046";
}
.ty-icon-gift:before {
content: "\e048";
}
.ty-icon-ban-circle:before {
content: "\e049";
}
.ty-icon-wrench:before {
content: "\e04a";
}
.ty-icon-feed:before {
content: "\e603";
}
.ty-flag {
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
margin: 0 5px 0 0;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/flags.png?1499259135') no-repeat -25px -25px;
}
.ty-flag.ty-flag-ad {
background-position: 0px 0px;
}
.ty-flag.ty-flag-ae {
background-position: -50px 0px;
}
.ty-flag.ty-flag-af {
background-position: 0px -50px;
}
.ty-flag.ty-flag-ag {
background-position: -50px -50px;
}
.ty-flag.ty-flag-ai {
background-position: -100px 0px;
}
.ty-flag.ty-flag-al {
background-position: -100px -50px;
}
.ty-flag.ty-flag-am {
background-position: 0px -100px;
}
.ty-flag.ty-flag-an {
background-position: -50px -100px;
}
.ty-flag.ty-flag-ao {
background-position: -100px -100px;
}
.ty-flag.ty-flag-aq {
background-position: -150px 0px;
}
.ty-flag.ty-flag-ar {
background-position: -150px -50px;
}
.ty-flag.ty-flag-as {
background-position: -150px -100px;
}
.ty-flag.ty-flag-at {
background-position: 0px -150px;
}
.ty-flag.ty-flag-au {
background-position: -50px -150px;
}
.ty-flag.ty-flag-aw {
background-position: -100px -150px;
}
.ty-flag.ty-flag-ax {
background-position: -150px -150px;
}
.ty-flag.ty-flag-az {
background-position: -200px 0px;
}
.ty-flag.ty-flag-ba {
background-position: -200px -50px;
}
.ty-flag.ty-flag-bb {
background-position: -200px -100px;
}
.ty-flag.ty-flag-bd {
background-position: -200px -150px;
}
.ty-flag.ty-flag-be {
background-position: 0px -200px;
}
.ty-flag.ty-flag-bf {
background-position: -50px -200px;
}
.ty-flag.ty-flag-bg {
background-position: -100px -200px;
}
.ty-flag.ty-flag-bh {
background-position: -150px -200px;
}
.ty-flag.ty-flag-bi {
background-position: -200px -200px;
}
.ty-flag.ty-flag-bj {
background-position: -250px 0px;
}
.ty-flag.ty-flag-bl {
background-position: -250px -50px;
}
.ty-flag.ty-flag-bm {
background-position: -250px -100px;
}
.ty-flag.ty-flag-bn {
background-position: -250px -150px;
}
.ty-flag.ty-flag-bo {
background-position: -250px -200px;
}
.ty-flag.ty-flag-br {
background-position: 0px -250px;
}
.ty-flag.ty-flag-bs {
background-position: -50px -250px;
}
.ty-flag.ty-flag-bt {
background-position: -100px -250px;
}
.ty-flag.ty-flag-bw {
background-position: -150px -250px;
}
.ty-flag.ty-flag-by {
background-position: -200px -250px;
}
.ty-flag.ty-flag-bz {
background-position: -250px -250px;
}
.ty-flag.ty-flag-ca {
background-position: -300px 0px;
}
.ty-flag.ty-flag-cc {
background-position: -300px -50px;
}
.ty-flag.ty-flag-cd {
background-position: -300px -100px;
}
.ty-flag.ty-flag-cf {
background-position: -300px -150px;
}
.ty-flag.ty-flag-cg {
background-position: -300px -200px;
}
.ty-flag.ty-flag-ch {
background-position: -300px -250px;
}
.ty-flag.ty-flag-ci {
background-position: 0px -300px;
}
.ty-flag.ty-flag-ck {
background-position: -50px -300px;
}
.ty-flag.ty-flag-cl {
background-position: -100px -300px;
}
.ty-flag.ty-flag-cm {
background-position: -150px -300px;
}
.ty-flag.ty-flag-cn {
background-position: -200px -300px;
}
.ty-flag.ty-flag-co {
background-position: -250px -300px;
}
.ty-flag.ty-flag-cr {
background-position: -300px -300px;
}
.ty-flag.ty-flag-cu {
background-position: -350px 0px;
}
.ty-flag.ty-flag-cv {
background-position: -350px -50px;
}
.ty-flag.ty-flag-cx {
background-position: -350px -100px;
}
.ty-flag.ty-flag-cy {
background-position: -350px -150px;
}
.ty-flag.ty-flag-cz {
background-position: -350px -200px;
}
.ty-flag.ty-flag-de {
background-position: -350px -250px;
}
.ty-flag.ty-flag-dj {
background-position: -350px -300px;
}
.ty-flag.ty-flag-dk, .ty-flag.ty-flag-da {
background-position: 0px -350px;
}
.ty-flag.ty-flag-dm {
background-position: -50px -350px;
}
.ty-flag.ty-flag-do {
background-position: -100px -350px;
}
.ty-flag.ty-flag-dz {
background-position: -150px -350px;
}
.ty-flag.ty-flag-ec {
background-position: -200px -350px;
}
.ty-flag.ty-flag-ee {
background-position: -250px -350px;
}
.ty-flag.ty-flag-eg {
background-position: -300px -350px;
}
.ty-flag.ty-flag-eh {
background-position: -350px -350px;
}
.ty-flag.ty-flag-er {
background-position: -400px 0px;
}
.ty-flag.ty-flag-es {
background-position: -400px -50px;
}
.ty-flag.ty-flag-et {
background-position: -400px -100px;
}
.ty-flag.ty-flag-eu {
background-position: -400px -150px;
}
.ty-flag.ty-flag-fi {
background-position: -400px -200px;
}
.ty-flag.ty-flag-fj {
background-position: -400px -250px;
}
.ty-flag.ty-flag-fk {
background-position: -400px -300px;
}
.ty-flag.ty-flag-fm {
background-position: -400px -350px;
}
.ty-flag.ty-flag-fo {
background-position: 0px -400px;
}
.ty-flag.ty-flag-fr {
background-position: -50px -400px;
}
.ty-flag.ty-flag-ga {
background-position: -100px -400px;
}
.ty-flag.ty-flag-gb, .ty-flag.ty-flag-en {
background-position: -150px -400px;
}
.ty-flag.ty-flag-gd {
background-position: -200px -400px;
}
.ty-flag.ty-flag-ge {
background-position: -250px -400px;
}
.ty-flag.ty-flag-gg {
background-position: -300px -400px;
}
.ty-flag.ty-flag-gh {
background-position: -350px -400px;
}
.ty-flag.ty-flag-gi {
background-position: -400px -400px;
}
.ty-flag.ty-flag-gl {
background-position: -450px 0px;
}
.ty-flag.ty-flag-gm {
background-position: -450px -50px;
}
.ty-flag.ty-flag-gn {
background-position: -450px -100px;
}
.ty-flag.ty-flag-gq {
background-position: -450px -150px;
}
.ty-flag.ty-flag-gr, .ty-flag.ty-flag-el {
background-position: -450px -200px;
}
.ty-flag.ty-flag-gs {
background-position: -450px -250px;
}
.ty-flag.ty-flag-gt {
background-position: -450px -300px;
}
.ty-flag.ty-flag-gu {
background-position: -450px -350px;
}
.ty-flag.ty-flag-gw {
background-position: -450px -400px;
}
.ty-flag.ty-flag-gy {
background-position: 0px -450px;
}
.ty-flag.ty-flag-hk {
background-position: -50px -450px;
}
.ty-flag.ty-flag-hn {
background-position: -100px -450px;
}
.ty-flag.ty-flag-hr {
background-position: -150px -450px;
}
.ty-flag.ty-flag-ht {
background-position: -200px -450px;
}
.ty-flag.ty-flag-hu {
background-position: -250px -450px;
}
.ty-flag.ty-flag-id {
background-position: -300px -450px;
}
.ty-flag.ty-flag-ie {
background-position: -350px -450px;
}
.ty-flag.ty-flag-il {
background-position: -400px -450px;
}
.ty-flag.ty-flag-im {
background-position: -450px -450px;
}
.ty-flag.ty-flag-in {
background-position: -500px 0px;
}
.ty-flag.ty-flag-iq {
background-position: -500px -50px;
}
.ty-flag.ty-flag-ir {
background-position: -500px -100px;
}
.ty-flag.ty-flag-is {
background-position: -500px -150px;
}
.ty-flag.ty-flag-it {
background-position: -500px -200px;
}
.ty-flag.ty-flag-je {
background-position: -500px -250px;
}
.ty-flag.ty-flag-jm {
background-position: -500px -300px;
}
.ty-flag.ty-flag-jo {
background-position: -500px -350px;
}
.ty-flag.ty-flag-jp {
background-position: -500px -400px;
}
.ty-flag.ty-flag-ke {
background-position: -500px -450px;
}
.ty-flag.ty-flag-kg {
background-position: 0px -500px;
}
.ty-flag.ty-flag-kh {
background-position: -50px -500px;
}
.ty-flag.ty-flag-ki {
background-position: -100px -500px;
}
.ty-flag.ty-flag-km {
background-position: -150px -500px;
}
.ty-flag.ty-flag-kn {
background-position: -200px -500px;
}
.ty-flag.ty-flag-kp {
background-position: -250px -500px;
}
.ty-flag.ty-flag-kr {
background-position: -300px -500px;
}
.ty-flag.ty-flag-kv {
background-position: -350px -500px;
}
.ty-flag.ty-flag-kw {
background-position: -400px -500px;
}
.ty-flag.ty-flag-ky {
background-position: -450px -500px;
}
.ty-flag.ty-flag-kz {
background-position: -500px -500px;
}
.ty-flag.ty-flag-la {
background-position: -550px 0px;
}
.ty-flag.ty-flag-lb {
background-position: -550px -50px;
}
.ty-flag.ty-flag-lc {
background-position: -550px -100px;
}
.ty-flag.ty-flag-li {
background-position: -550px -150px;
}
.ty-flag.ty-flag-lk {
background-position: -550px -200px;
}
.ty-flag.ty-flag-lr {
background-position: -550px -250px;
}
.ty-flag.ty-flag-ls {
background-position: -550px -300px;
}
.ty-flag.ty-flag-lt {
background-position: -550px -350px;
}
.ty-flag.ty-flag-lu {
background-position: -550px -400px;
}
.ty-flag.ty-flag-lv {
background-position: -550px -450px;
}
.ty-flag.ty-flag-ly {
background-position: -550px -500px;
}
.ty-flag.ty-flag-ma {
background-position: 0px -550px;
}
.ty-flag.ty-flag-mc {
background-position: -50px -550px;
}
.ty-flag.ty-flag-md {
background-position: -100px -550px;
}
.ty-flag.ty-flag-me {
background-position: -150px -550px;
}
.ty-flag.ty-flag-mg {
background-position: -200px -550px;
}
.ty-flag.ty-flag-mh {
background-position: -250px -550px;
}
.ty-flag.ty-flag-mk {
background-position: -300px -550px;
}
.ty-flag.ty-flag-ml {
background-position: -350px -550px;
}
.ty-flag.ty-flag-mm {
background-position: -400px -550px;
}
.ty-flag.ty-flag-mn {
background-position: -450px -550px;
}
.ty-flag.ty-flag-mo {
background-position: -500px -550px;
}
.ty-flag.ty-flag-mp {
background-position: -550px -550px;
}
.ty-flag.ty-flag-mr {
background-position: -600px 0px;
}
.ty-flag.ty-flag-ms {
background-position: -600px -50px;
}
.ty-flag.ty-flag-mt {
background-position: -600px -100px;
}
.ty-flag.ty-flag-mu {
background-position: -600px -150px;
}
.ty-flag.ty-flag-mv {
background-position: -600px -200px;
}
.ty-flag.ty-flag-mw {
background-position: -600px -250px;
}
.ty-flag.ty-flag-mx {
background-position: -600px -300px;
}
.ty-flag.ty-flag-my {
background-position: -600px -350px;
}
.ty-flag.ty-flag-mz {
background-position: -600px -400px;
}
.ty-flag.ty-flag-na {
background-position: -600px -450px;
}
.ty-flag.ty-flag-nc {
background-position: -600px -500px;
}
.ty-flag.ty-flag-ne {
background-position: -600px -550px;
}
.ty-flag.ty-flag-nf {
background-position: 0px -600px;
}
.ty-flag.ty-flag-ng {
background-position: -50px -600px;
}
.ty-flag.ty-flag-ni {
background-position: -100px -600px;
}
.ty-flag.ty-flag-nl {
background-position: -150px -600px;
}
.ty-flag.ty-flag-no {
background-position: -200px -600px;
}
.ty-flag.ty-flag-np {
background-position: -250px -600px;
}
.ty-flag.ty-flag-nr {
background-position: -300px -600px;
}
.ty-flag.ty-flag-nu {
background-position: -350px -600px;
}
.ty-flag.ty-flag-nz {
background-position: -400px -600px;
}
.ty-flag.ty-flag-om {
background-position: -450px -600px;
}
.ty-flag.ty-flag-pa {
background-position: -500px -600px;
}
.ty-flag.ty-flag-pe {
background-position: -550px -600px;
}
.ty-flag.ty-flag-pg {
background-position: -600px -600px;
}
.ty-flag.ty-flag-ph {
background-position: -650px 0px;
}
.ty-flag.ty-flag-pk {
background-position: -650px -50px;
}
.ty-flag.ty-flag-pl {
background-position: -650px -100px;
}
.ty-flag.ty-flag-pn {
background-position: -650px -150px;
}
.ty-flag.ty-flag-pr {
background-position: -650px -200px;
}
.ty-flag.ty-flag-ps {
background-position: -650px -250px;
}
.ty-flag.ty-flag-pt {
background-position: -650px -300px;
}
.ty-flag.ty-flag-pw {
background-position: -650px -350px;
}
.ty-flag.ty-flag-py {
background-position: -650px -400px;
}
.ty-flag.ty-flag-qa {
background-position: -650px -450px;
}
.ty-flag.ty-flag-ro {
background-position: -650px -500px;
}
.ty-flag.ty-flag-rs {
background-position: -650px -550px;
}
.ty-flag.ty-flag-ru {
background-position: -650px -600px;
}
.ty-flag.ty-flag-rw {
background-position: 0px -650px;
}
.ty-flag.ty-flag-sa {
background-position: -50px -650px;
}
.ty-flag.ty-flag-sb {
background-position: -100px -650px;
}
.ty-flag.ty-flag-sc {
background-position: -150px -650px;
}
.ty-flag.ty-flag-sd {
background-position: -200px -650px;
}
.ty-flag.ty-flag-se {
background-position: -250px -650px;
}
.ty-flag.ty-flag-sg {
background-position: -300px -650px;
}
.ty-flag.ty-flag-sh {
background-position: -350px -650px;
}
.ty-flag.ty-flag-si {
background-position: -400px -650px;
}
.ty-flag.ty-flag-sk {
background-position: -450px -650px;
}
.ty-flag.ty-flag-sl {
background-position: -500px -650px;
}
.ty-flag.ty-flag-sm {
background-position: -550px -650px;
}
.ty-flag.ty-flag-sn {
background-position: -600px -650px;
}
.ty-flag.ty-flag-so {
background-position: -650px -650px;
}
.ty-flag.ty-flag-sr {
background-position: -700px 0px;
}
.ty-flag.ty-flag-ss {
background-position: -700px -50px;
}
.ty-flag.ty-flag-st {
background-position: -700px -100px;
}
.ty-flag.ty-flag-sv {
background-position: -700px -150px;
}
.ty-flag.ty-flag-sy {
background-position: -700px -200px;
}
.ty-flag.ty-flag-sz {
background-position: -700px -250px;
}
.ty-flag.ty-flag-tc {
background-position: -700px -300px;
}
.ty-flag.ty-flag-td {
background-position: -700px -350px;
}
.ty-flag.ty-flag-tg {
background-position: -700px -400px;
}
.ty-flag.ty-flag-th {
background-position: -700px -450px;
}
.ty-flag.ty-flag-tj {
background-position: -700px -500px;
}
.ty-flag.ty-flag-tm {
background-position: -700px -550px;
}
.ty-flag.ty-flag-tn {
background-position: -700px -600px;
}
.ty-flag.ty-flag-to {
background-position: -700px -650px;
}
.ty-flag.ty-flag-tp {
background-position: 0px -700px;
}
.ty-flag.ty-flag-tr {
background-position: -50px -700px;
}
.ty-flag.ty-flag-tt {
background-position: -100px -700px;
}
.ty-flag.ty-flag-tv {
background-position: -150px -700px;
}
.ty-flag.ty-flag-tw {
background-position: -200px -700px;
}
.ty-flag.ty-flag-tz {
background-position: -250px -700px;
}
.ty-flag.ty-flag-ua {
background-position: -300px -700px;
}
.ty-flag.ty-flag-ug {
background-position: -350px -700px;
}
.ty-flag.ty-flag-us {
background-position: -400px -700px;
}
.ty-flag.ty-flag-uy {
background-position: -450px -700px;
}
.ty-flag.ty-flag-uz {
background-position: -500px -700px;
}
.ty-flag.ty-flag-va {
background-position: -550px -700px;
}
.ty-flag.ty-flag-vc {
background-position: -600px -700px;
}
.ty-flag.ty-flag-ve {
background-position: -650px -700px;
}
.ty-flag.ty-flag-vg {
background-position: -700px -700px;
}
.ty-flag.ty-flag-vi {
background-position: -750px 0px;
}
.ty-flag.ty-flag-vn {
background-position: -750px -50px;
}
.ty-flag.ty-flag-vu {
background-position: -750px -100px;
}
.ty-flag.ty-flag-ws {
background-position: -750px -150px;
}
.ty-flag.ty-flag-ye {
background-position: -750px -200px;
}
.ty-flag.ty-flag-yt {
background-position: -750px -250px;
}
.ty-flag.ty-flag-za {
background-position: -750px -300px;
}
.ty-flag.ty-flag-zh {
background-position: -200px -300px;
}
.ty-flag.ty-flag-zm {
background-position: -750px -350px;
}
.ty-flag.ty-flag-zw {
background-position: -750px -400px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) {
.ty-flag {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/flags@2x.png?1499259135');
background-size: 800px 800px;
}
}
@media print {
body {
background: #fff;
min-width: 0;
}
#ci_header, #ci_footer {
display: none;
}
.product-main-info h1.ty-mainbox-title, .in-stock, .ty-mainbox-title span {
color: #333;
}
.ty-footer-menu div, .ty-payment-icons, .qty, .sidebox-wrapper, .ty-sort-container {
display: none;
}
.central-column, .container-left .central-column {
margin: 0;
overflow: visible;
}
.ty-helper-container {
width: 700px;
}
.container {
width: auto;
border: 0;
}
}
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
}
body {
background: #fff;
}
body, p, div, li {
color: #333;
font-family: Arial Rounded MT;
font-size: 13px;
font-style: normal;
font-weight: normal;
}
p {
margin: 0;
padding: 6px 0;
}
a {
font-family: Arial Rounded MT;
font-size: 13px;
font-weight: normal;
font-style: normal;
text-decoration: none;
outline: none;
color: #3b5999;
cursor: pointer;
border-bottom: 0;
-webkit-transition: all 150ms;
-moz-transition: all 150ms;
-o-transition: all 150ms;
transition: all 150ms;
}
a:hover {
color: #2d4474;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
ol {
padding: 0 0 0 15px;
}
li {
margin: 0;
padding: 2px 0;
text-indent: 0;
list-style: none;
}
hr {
border: 0;
border-bottom: 1px solid #eee;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
font-size: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 15px 0;
color: #333;
}
h1, h2 {
text-decoration: none;
font-weight: bold;
font-style: normal;
font-size: 20px;
font-family: Arial Rounded MT;
}
.ty-btn {
display: inline-block;
margin-bottom: 0;
padding: 6px 14px;
outline: 0px;
border: 1px solid rgba(0,0,0,0);
background: #bdc3c7;
background-image: none;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.428571429;
cursor: pointer;
font-family: Arial Rounded MT;
font-size: 14px;
font-weight: normal;
font-style: normal;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: background 200ms;
-moz-transition: background 200ms;
-o-transition: background 200ms;
transition: background 200ms;
}
.ty-btn1 {
display: inline-block;
margin-bottom: 0;
padding: 6px 14px;
outline: 0px;
border: 1px solid rgba(0,0,0,0);
background: #ea3f3f;
background-image: none;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.428571429;
cursor: pointer;
font-family: Arial Rounded MT;
font-size: 14px;
font-weight: normal;
font-style: normal;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: background 200ms;
-moz-transition: background 200ms;
-o-transition: background 200ms;
transition: background 200ms;
}
.ty-btn1:hover {
display: inline-block;
margin-bottom: 0;
padding: 6px 14px;
outline: 0px;
border: 1px solid rgba(0,0,0,0);
background: #fff;
background-image: none;
color: #ea3f3f;
vertical-align: middle;
text-align: center;
line-height: 1.428571429;
cursor: pointer;
font-family: Arial Rounded MT;
font-size: 14px;
font-weight: normal;
font-style: normal;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: background 200ms;
-moz-transition: background 200ms;
-o-transition: background 200ms;
transition: background 200ms;
}
.ty-btn + .ty-btn {
margin-left: 10px;
}
.ty-btn i {
position: relative;
top: 2px;
margin-right: 5px;
}
.ty-btn:hover {
color: #fff;
text-decoration: none;
}
.ty-btn__big {
padding: 6px 17px;
text-transform: uppercase;
}
.ty-btn__text, .ty-btn__text:hover {
padding: 0;
background: none !important;
color: #3b5999;
}
.ty-btn__primary {
background: #bb3737;
color: #fff;
}
.ty-btn__primary:hover {
background: #c94848;
color: #fff;
}
.ty-btn__primary.ty-btn__text {
color: #bb3737;
}
.ty-btn__secondary {
background: #d7d8db;
color: #fff;
}
.ty-btn__secondary:hover {
background: #f2f2f3;
color: #fff;
}
.ty-btn__tertiary {
background: #718fbd;
color: #fff;
}
.ty-btn__tertiary:hover {
background: #94aacd;
color: #fff;
}
.buttons-container .buttons-container {
margin-top: 0;
}
.ty-btn-go {
position: absolute;
top: 1px;
right: 1px;
padding: 0 10px;
min-width: 32px;
height: 30px;
border: 0px;
border-left: 1px solid #cdcdcd;
background: #eee;
cursor: pointer;
box-sizing: border-box;
}
.ty-btn-go__icon {
position: absolute;
top: 5px;
left: 12px;
font-size: 20px;
line-height: 20px;
color: #808080;
}
.ty-float-left {
float: left;
}
.ty-float-right {
float: right;
}
.ty-clear-both {
clear: both;
}
.ty-valign {
vertical-align: middle;
}
.ty-valign-top {
vertical-align: top;
}
.ty-valign-bottom {
vertical-align: bottom;
}
.hidden {
display: none;
visibility: visible;
}
.ty-strong {
font-weight: bold;
}
.ty-italic {
font-style: italic;
}
.ty-lowercase {
text-transform: lowercase;
}
.ty-uppercase {
text-transform: uppercase;
}
.ty-left {
text-align: left;
}
.ty-right {
text-align: right;
}
.ty-center {
text-align: center;
}
.ty-justify {
text-align: justify;
}
.ty-strike {
text-decoration: line-through;
}
.ty-center-block {
margin: 0 auto;
}
.ty-inline {
display: inline;
}
.ty-block {
display: block;
}
.ty-inline-block {
display: inline-block;
}
.ty-scroll-x {
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 3px;
width: 100%;
height: 100%;
}
.ty-hand {
cursor: pointer;
}
.ty-nowrap {
white-space: nowrap;
}
.ty-overflow-hidden {
overflow: hidden;
}
.ty-width-full {
width: 100%;
}
.ty-p-none {
padding: 0 !important;
}
.ty-m-none {
margin: 0 !important;
}
.ty-mb-l {
margin-bottom: 30px;
}
.ty-mt-l {
margin-top: 30px;
}
.ty-mb-m {
margin-bottom: 20px;
}
.ty-mt-m {
margin-top: 20px;
}
.ty-mtb-s {
margin: 10px 0;
}
.ty-mtb-xs {
margin: 5px 0;
}
.ty-ml-s {
margin-left: 10px;
}
.ty-mt-s {
margin-top: 10px;
}
.ty-mt-m {
margin-top: 20px;
}
.ty-mb-s {
margin-bottom: 10px;
}
.ty-position-relative {
position: relative;
}
.cm-opacity {
opacity: 0.3;
}
.cm-hint {
color: #737373;
}
input[type="text"], input[type="password"], textarea, select {
padding: 4px 8px;
border: 1px solid #c8c8c8;
background: #fff;
font-family: Arial Rounded MT;
font-size: 13px;
font-style: normal;
font-weight: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="text"], input[type="password"] {
height: 32px;
-webkit-appearance: none;
border-radius: 0;
}
select[multiple="multiple"] {
min-height: 80px;
}
.radio, .checkbox, input[type="radio"], input[type="checkbox"] {
margin: -4px 6px 0 0;
padding: 0;
vertical-align: middle;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
outline: 0;
border-color: #3b5999;
-webkit-transition: border 0.2s linear 0s;
-moz-transition: border 0.2s linear 0s;
-o-transition: border 0.2s linear 0s;
transition: border 0.2s linear 0s;
}
select {
padding: 4px 3px 3px;
min-width: 4em;
max-width: 100%;
height: 2.2em;
line-height: 2.2em;
}
.ty-control-group {
margin: 0 0 12px 0;
vertical-align: middle;
}
.ty-control-group:before, .ty-control-group:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-control-group:after {
clear: both;
}
.ty-control-group__label {
float: left;
padding: 6px 0;
margin-right: 10px;
width: 110px;
color: #1a1a1a;
}
.ty-control-group__title {
display: block;
padding: 6px 0;
font-weight: bold;
}
.ty-control-group__item {
display: inline-block;
padding: 6px 0;
}
.ty-control-group label.hidden {
display: none;
}
.ty-input-append {
position: relative;
margin: 10px 0 0 0;
}
.ty-input-append .ty-input-text {
width: 100%;
padding-right: 35px;
}
.ty-select-field {
padding: 3px 0;
}
.ty-select-field__label {
display: block;
padding: 3px 0;
margin-right: 10px;
font-size: 90%;
}
.ty-select-field__checkbox {
vertical-align: middle;
}
label.cm-failed-label {
color: #bf4d4d;
}
label.cm-required:after {
padding-left: 3px;
color: #ea7162;
content: "*";
font-size: 13px;
line-height: 1px;
}
input[type="text"].cm-failed-field, input[type="password"].cm-failed-field, textarea.cm-failed-field, .cm-field-container.cm-failed-field input[type="text"] {
border: 1px solid #bf4d4d;
background: #fff;
}
.ty-error-text {
color: #b94a48;
}
.disabled, select.disabled {
background: #e3e3e3;
}
.ty-input-text {
width: auto;
}
.ty-input-text-medium {
width: 300px;
}
.ty-input-text-large {
width: 550px;
}
.ty-input-text-short {
width: 50px;
}
.ty-input-text-full {
width: 100%;
}
.ty-input-textarea {
resize: vertical;
}
.ty-table {
width: 100%;
margin-top: 30px;
border: 1px solid #eee;
border-width: 1px 0px 1px 1px;
border-bottom: none;
}
.ty-table th {
padding: 12px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #f8f8f8;
text-align: left;
text-transform: none;
white-space: nowrap;
font-weight: bold;
line-height: normal;
}
.ty-table th i {
margin-left: 5px;
position: relative;
top: 3px;
font-size: 16px;
color: #bdc3c7;
}
.ty-table tr, .table .table tr {
background-color: #fff;
}
.ty-table table tr {
background-color: transparent;
}
.ty-table td, .ty-table .table td {
padding: 13px;
border-right: 1px solid #ecf0f1;
border-bottom: 1px solid #ecf0f1;
}
.ty-table tbody tr:nth-child(2n) {
background: #f8f8f8;
}
.ty-table th, .ty-table th a {
color: #404040;
font-weight: bold;
}
.ty-table__responsive-header {
display: none;
}
.help-inline {
display: block;
}
.help-inline p {
padding: 4px 0px 0px 0px;
color: #b94a48 !important;
}
.ty-dir-list {
display: inline-block;
width: 7px;
font-size: 15px;
margin-right: 5px;
cursor: pointer;
}
.ty-extra-link {
border-bottom: 1px dotted #4d4d4d;
padding: 0;
text-decoration: none;
color: #1a1a1a;
cursor: pointer;
}
.ty-dashed-link {
border-bottom-width: 1px;
border-bottom-style: dotted;
text-decoration: none;
}
.ty-remove {
position: relative;
display: inline-block;
width: auto;
white-space: nowrap;
text-decoration: none;
}
.ty-remove:hover {
text-decoration: none;
}
.ty-remove__icon {
vertical-align: middle;
}
.ty-remove__txt {
padding-left: 5px;
font-size: 12px;
color: #bbb;
vertical-align: middle;
}
.ty-remove:hover .ty-remove__txt, .ty-remove:hover .ty-remove__icon {
color: #bbb;
}
.ty-delete-big, .ty-delete-icon {
vertical-align: middle;
}
.ty-delete-big:hover, .ty-delete-icon:hover {
text-decoration: none;
}
.ty-delete-big__icon {
font-size: 19px;
color: #bbb;
}
.ty-caret {
position: absolute;
top: -16px;
left: 14px;
float: left;
overflow: hidden;
width: 16px;
height: 16px;
}
.ty-caret .ty-caret-outer, .ty-caret .ty-caret-inner {
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin-left: -1px;
}
.ty-caret .ty-caret-outer {
width: 0;
height: 0;
border-top: 16px solid transparent;
border-right: 16px solid #eee;
}
.ty-caret .ty-caret-inner {
top: 2px;
left: 1px;
width: 0;
height: 0;
border-top: 14px solid transparent;
border-right: 14px solid #fff;
}
.ty-caret-bottom {
position: absolute;
bottom: -16px;
left: 14px;
float: left;
overflow: hidden;
width: 16px;
height: 16px;
}
.ty-caret-bottom .ty-caret-outer, .ty-caret-bottom .ty-caret-inner {
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin-left: -1px;
}
.ty-caret-bottom .ty-caret-outer {
width: 0;
height: 0;
border-bottom: 16px solid transparent;
border-left: 16px solid #eee;
}
.ty-caret-bottom .ty-caret-inner {
top: -1px;
left: 2px;
width: 0;
height: 0;
border-bottom: 14px solid transparent;
border-left: 14px solid #fff;
}
.ty-caret-info {
position: absolute;
top: -7px;
left: 12px;
float: left;
overflow: hidden;
width: 12px;
height: 7px;
}
.ty-caret-info .ty-caret-outer, .ty-caret-info .ty-caret-inner {
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin-left: -1px;
}
.ty-caret-info .ty-caret-outer {
border-right: 7px solid transparent;
border-bottom: 7px solid #bdc3c7;
border-left: 7px solid transparent;
}
.ty-caret-info .ty-caret-inner {
top: 1px;
left: 1px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.ty-no-items {
padding: 60px 20px;
background: #f8f9f9;
color: #bdc3c7;
text-align: center;
font-size: 115%;
margin-bottom: 20px;
}
.ty-icon-cancel-circle {
font-size: 16px;
line-height: 16px;
color: #a2a2a2;
}
.ty-menu {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.ty-menu:before, .ty-menu:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-menu:after {
clear: both;
}
.ty-menu__items {
background: #3c599f;
position: relative;
}
.ty-menu__items:before, .ty-menu__items:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-menu__items:after {
clear: both;
}
.ty-menu__item {
padding: 0px;
display: block;
float: left;
}
.ty-menu__item-active .ty-menu__item-link {
background: #354f8c;
}
.no-touch .ty-menu__item:hover .ty-menu__submenu-items, .is-hover-menu .ty-menu__submenu-items {
display: block;
}
.no-touch .ty-menu__item:hover .ty-menu__item-link, .is-hover-menu .ty-menu__item-link, .is-hover-menu.ty-menu__item-active .ty-menu__item-link {
background: #385394;
color: white;
text-shadow: none;
}
.ty-menu__item .ty-menu__item-link {
color: #fff;
position: relative;
padding: 13px 20px;
display: block;
min-height: 46px;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-menu__item .ty-menu__item-link .ty-icon-down-micro {
position: absolute;
font-size: 20px;
right: 12px;
top: 13px;
}
.ty-menu__submenu-items {
min-width: 200px;
display: none;
position: absolute;
background: white;
z-index: 200;
border: 1px solid #365190;
border-top: 0;
padding: 15px 16px;
}
.ty-menu__submenu-items .ty-menu__submenu-item {
margin-bottom: 10px;
}
.ty-menu__submenu-items .ty-menu__submenu-link {
color: #3b5999;
}
.ty-menu__submenu-items .ty-top-mine__submenu-col {
margin: 0px 10px 0px 0px;
display: inline-block;
vertical-align: top;
min-width: 139px;
}
.ty-menu__submenu-items .ty-top-mine__submenu-col:last-child {
margin-right: 1px;
}
.ty-menu__submenu-item-header {
min-height: 25px;
margin-bottom: 10px;
padding-bottom: 2px;
border-bottom: 1px solid #e5e5e5;
}
.ty-menu__submenu-item-header .ty-menu__submenu-link {
font-weight: bold;
color: #3b5999;
}
.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active a {
color: #fff;
background: #3b5999;
padding: 2px 6px;
}
.ty-menu__submenu-dropdown-bottom {
display: block;
background: #ecf0f1;
margin: 0px -16px -15px;
padding: 10px;
text-align: right;
}
.ty-menu-vertical .ty-menu__items {
border-bottom: 1px solid #34495e;
z-index: 30;
}
.ty-menu-vertical .ty-menu__item {
float: none;
position: relative;
}
.ty-menu-vertical .ty-menu__item .ty-menu__submenu {
display: none;
right: 0;
left: auto;
top: 0;
position: absolute;
z-index: 6;
}
.ty-menu-vertical .ty-menu__submenu-items {
padding: 0;
border: 1px solid #365190;
}
.no-touch .ty-menu-vertical .ty-menu__submenu .ty-menu__item:hover > .ty-menu__submenu-item-header .ty-menu__item-link, .ty-menu-vertical .ty-menu__submenu .is-hover-menu > .ty-menu__submenu-item-header .ty-menu__item-link {
background: #3b5999;
color: #fff;
}
.no-touch .ty-menu-vertical .ty-menu__submenu .ty-menu__item:hover i, .ty-menu-vertical .ty-menu__submenu .is-hover-menu i {
color: #fff;
}
.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item-link {
color: #3b5999;
background: white;
padding: 14px 20px;
}
.no-touch .ty-menu-vertical .ty-menu__item:hover > .ty-menu__submenu, .ty-menu-vertical .is-hover-menu > .ty-menu__submenu {
display: block;
}
.no-touch .ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item:hover > .ty-menu__item-link {
background: #3b5999;
color: white;
}
.ty-menu-vertical .ty-menu__item .ty-icon-left-open {
display: none;
}
.ty-menu__item-arrow i {
position: absolute;
z-index: 5;
right: 15px;
top: 17px;
color: #a1a6aa;
}
.ty-menu-vertical .ty-menu__submenu-item-header {
margin-bottom: 0px;
padding-bottom: 0px;
border: 0px;
}
.ty-menu-vertical .ty-menu__items.rtl {
text-align: right;
}
.ty-menu-vertical .ty-menu__items.rtl .ty-icon-right-open {
display: none;
}
.ty-menu-vertical .ty-menu__items.rtl .ty-icon-left-open {
left: 15px;
right: auto;
display: block;
}
.ty-menu-vertical .ty-menu__items.rtl .ty-menu__submenu {
width: 202px;
right: 100%;
left: auto;
}
.ty-menu-vertical .ty-menu__items.rtl .ty-menu__submenu-items {
width: 200px;
}
.ty-menu__submenu {
left: 0;
}
.ty-menu__submenu-to-right .ty-menu__submenu-items {
right: 0px;
}
.ty-menu-item__sale .ty-menu__item-link, .no-touch .ty-menu-item__sale .ty-menu__item-link:hover {
color: yellow;
}
html.dialog-is-open {
overflow: hidden;
}
html.dialog-is-open body {
overflow: scroll;
}
.ui-widget, .ui-widget button {
font-family: 'Open Sans',sans-serif;
}
.object-container {
padding: 10px 20px 0px 20px;
background: #fff;
overflow: auto;
}
.object-container .notification-content {
top: 11px;
right: 24px;
min-width: 420px;
position: absolute;
z-index: 1510;
}
.ui-widget select, .ui-widget textarea {
font-weight: normal;
}
.ui-widget-content.ui-dialog {
padding: 0;
border: none;
max-width: 930px;
}
.object-container .ty-control-group__label {
float: none;
width: auto;
display: inline-block;
min-width: 120px;
vertical-align: top;
}
.ui-dialog .ui-dialog-content {
overflow: visible;
padding: 0;
min-height: 120px !important;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ui-widget-content.ui-dialog {
overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
padding: 13px 20px 10px;
border: none;
border-bottom: 1px solid #d5d5d5;
background: #f6f6f6;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-corner-all {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-dialog .ui-resizable-se {
right: 1px;
bottom: 1px;
}
.ui-widget-overlay {
position: fixed;
overflow: hidden;
margin: 0;
padding: 0;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/picker_bg_outside.png?1499259135') repeat-x 0 -100% scroll #000;
opacity: 0.7;
filter: alpha(opacity=70);
}
div.ui-dialog .ui-dialog-title {
width: auto;
margin: 0;
color: #2c3e50;
font-weight: normal;
font-size: 18px;
padding-right: 20px;
}
.ui-dialog .ui-dialog-titlebar-close {
top: 27px;
right: 13px;
padding: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/openhand.cur?1499259135'), move;
}
.ui-dialog .buttons-container {
margin: 0px -20px;
}
.ui-dialog .buttons-container.picker {
padding: 13px 0;
width: 100%;
border-top: 1px solid #fff;
background-color: #f9f9f9;
}
.buttons-container-picker {
padding: 0;
width: 100%;
}
.buttons-container-picker {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 20px;
border: 1px solid #e3e3e3;
}
.ui-dialog .buttons-container.picker > div {
margin: 0 15px;
}
.ui-widget-header .ui-icon-closethick {
color: #d5d5d5;
background: none;
margin: -10px 0 0 -10px;
text-indent: 0;
font: 13px/1 'glyphs';
speak: none;
-webkit-font-smoothing: antialiased;
opacity: 0.7;
}
.ui-widget-header .ui-icon-closethick.ui-state-hover {
opacity: 1;
}
.ui-widget-header .ui-icon-closethick:before {
font-family: glyphs;
content: "\e009";
speak: none;
-webkit-font-smoothing: antialiased;
}
.ui-widget-header .ui-dialog-titlebar-close.ui-state-hover {
border: none;
background: none;
}
.ui-widget-header .ui-dialog-titlebar-close.ui-state-hover span:before {
color: #e5eaf5;
}
.ui-widget-header .ui-state-default {
background: none;
border: 0;
outline: none;
}
.ui-dialog-dragging {
background: #f7f7e7 none;
opacity: 0.6;
}
.ui-dialog-dragging .ui-resizable-handle {
display: none;
}
.ui-dialog-dragging .ui-dialog-content {
visibility: hidden;
}
.ty-wysiwyg-content h1 {
font-size: 36px;
font-weight: bold;
}
.ty-wysiwyg-content h2 {
font-weight: bold;
font-size: 30px;
}
.ty-wysiwyg-content h3 {
font-weight: bold;
font-size: 24px;
}
.ty-wysiwyg-content h4 {
font-weight: bold;
font-size: 18px;
}
.ty-wysiwyg-content h5 {
font-weight: bold;
font-size: 14px;
}
.ty-wysiwyg-content h6 {
font-weight: bold;
font-size: 12px;
}
.ty-wysiwyg-content h1, .ty-wysiwyg-content h2, .ty-wysiwyg-content h3 {
margin-top: 20px;
margin-bottom: 10px;
}
.ty-wysiwyg-content h4, .ty-wysiwyg-content h5, .ty-wysiwyg-content h6 {
margin-top: 10px;
margin-bottom: 10px;
}
.ty-wysiwyg-content td, .ty-wysiwyg-content th {
padding: 5px;
}
.ty-wysiwyg-content ul {
padding: 0 0 0 20px;
list-style-type: disc;
}
.ty-wysiwyg-content ul li {
list-style-type: disc;
}
.ty-wysiwyg-content ol {
padding: 0 0 0 20px;
list-style-type: decimal;
}
.ty-wysiwyg-content ol li {
list-style-type: decimal;
}
.ty-wysiwyg-content iframe {
max-width: 100%;
}
.ty-wysiwyg-content .no-border td {
border: 0;
}
.redactor-box ol li {
list-style-type: decimal;
}
.redactor-box ul li {
list-style-type: disc;
}
.ty-wysiwyg-content [class*="ty-column"] {
margin-bottom: 20px;
box-sizing: border-box;
padding: 0px 10px;
}
.ty-wysiwyg-content .ty-notice {
padding: 10px 25px;
background: #f6f6f6;
color: #333;
border-radius: 4px;
display: inline-block;
}
.ty-wysiwyg-content .ty-image {
padding: 10px;
border: 4px solid #fff;
outline: 2px solid #eee;
box-sizing: border-box;
}
.ty-wysiwyg-content h1.ty-main-title {
margin-top: 10px;
padding-bottom: 10px;
font-size: 36px;
text-transform: uppercase;
line-height: 155%;
font-weight: normal;
}
.ty-wysiwyg-content h1.ty-main-title2 {
margin-top: 45px;
font-weight: normal;
font-size: 37px;
}
@media (max-width: 767px) {
.ty-wysiwyg-content h1.ty-main-title2, .ty-wysiwyg-content h1.ty-main-title {
font-size: 24px;
}
}
.ty-wysiwyg-content h3.ty-main-title2 {
margin: 78px 0 32px;
font-size: 22px;
font-weight: normal;
}
.ty-list-container, .ty-items-container {
margin: 20px 0;
line-height: 140%;
}
.ty-list-container.ty-decimal .ty-list-text, .ty-items-container.ty-decimal .ty-list-text {
padding-left: 40px;
}
.ty-list-container.ty-decimal .ty-list-item, .ty-items-container.ty-decimal .ty-list-item {
position: absolute;
margin-top: 7px;
margin-left: -40px;
font-size: 60px;
color: #0cf;
}
.ty-list-container .ty-column4 .ty-company__item, .ty-list-container .ty-column4 .ty-gift-certificate__item {
padding-right: 10%;
}
@media (max-width: 478px) {
.ty-list-container .ty-column4 .ty-company__item, .ty-list-container .ty-column4 .ty-gift-certificate__item {
padding-right: 0;
}
}
.ty-list-container .ty-company__item {
padding-right: 10%;
}
.ty-list-container .ty-list-image {
margin: 17px 0;
text-align: center;
}
.ty-list-container .ty-list-image.ty-left {
text-align: left;
}
.ty-list-container .ty-list-image.ty-right {
text-align: right;
}
.ty-list-container .ty-list-text {
padding-top: 8px;
font-family: Arial;
font-size: 12px;
line-height: 150%;
}
.ty-list-container .ty-list-text.big {
font-size: 16px;
}
.ty-list-container .ty-list-text .ty-header {
display: block;
font-size: 21px;
}
.ty-list-container .ty-list-text .ty-header .ty-big {
font-size: 218%;
font-weight: bold;
line-height: normal;
}
.ty-list-container.with-shadow .ty-list-image {
padding: 10px;
margin-bottom: 14px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.ty-list-container.with-shadow .ty-list-text {
padding-top: 0;
margin-bottom: 27px;
}
.ty-list-container .ty-list-header {
display: block;
padding-bottom: 6px;
font-size: 22px;
line-height: normal;
}
.ty-items-container .item {
padding-right: 4%;
}
@media screen and (max-width: 480px) {
.ty-items-container {
text-align: center;
}
.ty-items-container .item {
padding-right: 0;
}
}
.ty-column1 {
display: inline-block;
width: 100%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column2 {
display: inline-block;
width: 50%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column3 {
display: inline-block;
width: 33.3333333333%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column4 {
display: inline-block;
width: 25%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column5 {
display: inline-block;
width: 20%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column6 {
display: inline-block;
width: 16.6666666667%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column7 {
display: inline-block;
width: 14.2857142857%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column8 {
display: inline-block;
width: 12.5%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column9 {
display: inline-block;
width: 11.1111111111%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column10 {
display: inline-block;
width: 10%;
vertical-align: top;
margin-right: -0.25em;
}
@media (max-width: 979px) {
.ty-column1 {
display: inline-block;
width: 100%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column2 {
width: 100%;
}
.ty-column3 {
width: 50%;
}
.ty-column4 {
width: 33.3333333333%;
}
.ty-column5 {
width: 25%;
}
.ty-column6 {
width: 20%;
}
.ty-column7 {
width: 16.6666666667%;
}
.ty-column8 {
width: 14.2857142857%;
}
.ty-column9 {
width: 12.5%;
}
.ty-column10 {
width: 11.1111111111%;
}
}
@media (max-width: 767px) {
.ty-column1 {
display: inline-block;
width: 100%;
vertical-align: top;
margin-right: -0.25em;
}
.ty-column2 {
width: 50%;
}
.ty-column3 {
width: 50%;
}
.ty-column4 {
width: 50%;
}
.ty-column5 {
width: 50%;
}
.ty-column6 {
width: 50%;
}
.ty-column7 {
width: 50%;
}
.ty-column8 {
width: 50%;
}
.ty-column9 {
width: 50%;
}
.ty-column10 {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.ty-column1 {
width: 100%;
}
.ty-column2 {
width: 100%;
}
.ty-column3 {
width: 100%;
}
.ty-column4 {
width: 100%;
}
.ty-column5 {
width: 100%;
}
.ty-column6 {
width: 100%;
}
.ty-column7 {
width: 100%;
}
.ty-column8 {
width: 100%;
}
.ty-column9 {
width: 100%;
}
.ty-column10 {
width: 100%;
}
}
.tygh-top-panel {
border-bottom: 1px solid #e1e1e1;
}
.tygh-top-panel {
background-color: #f2f2f2;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom,#f2f2f2,#f2f2f2);
}
.top-menu-grid {
padding-top: 38px;
}
.top-quick-links {
margin: 6px 0 0;
}
.top-quick-links a {
color: #3b5999;
}
.our-brands-grid {
margin-bottom: 80px;
}
.ty-order-summary {
margin-top: 66px;
}
.tygh-header > div {
padding-top: 39px;
}
.header-widget-grid .top-menu-grid {
padding-top: 15px;
}
.search-widget-block-grid {
padding: 15px 0;
}
.tygh-header > div {
background-color: #fff;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom,#fff,#fff);
}
.tygh-content > div {
padding-bottom: 40px;
}
.tygh-content > div {
background-color: #fff;
}
.side-grid .ty-account-info__user-arrow {
display: none;
}
.side-grid .ty-dropdown-box__content {
right: auto;
left: 0;
}
.main-content-grid {
width: 100%;
}
.footer-content-grid {
margin: 30px 0px;
}
.ty-holiday-gift-banner {
margin-top: -20px;
width: 100%;
}
.top-my-account {
margin-left: 22px;
}
.buttons-container {
padding: 17px 20px;
background: #f6f6f6;
}
.buttons-container:before, .buttons-container:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.buttons-container:after {
clear: both;
}
.ty-mainbox-body .buttons-container {
margin: 25px 0px;
}
.ty-mainbox-title {
margin-bottom: 10px;
}
.ty-mainbox-title:before, .ty-mainbox-title:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-mainbox-title:after {
clear: both;
}
.ty-mainbox-title__left {
float: left;
}
.ty-mainbox-title__right {
display: block;
float: right;
margin-top: 7px;
font-weight: normal;
font-size: 70%;
}
.ty-mainbox-title .ty-status {
float: right;
padding-top: 10px;
color: #404040;
font-style: normal;
font-size: 14px;
}
.ty-mainbox-title .ty-date {
font-style: normal;
font-size: 70%;
white-space: nowrap;
}
.ty-mainbox-container.ty-float-right, .ty-mainbox-container.ty-float-left {
width: inherit;
}
.ty-subheaders-group {
margin: 0 15px 21px 15px;
}
.ty-subheader {
margin: 0;
padding: 7px 0 10px 0;
font-size: 18px;
color: #34495e;
}
.ty-subheader__tooltip {
font-size: inherit;
}
.ty-mainbox-simple-title {
margin-bottom: 10px;
}
.ty-mainbox-simple-title:before, .ty-mainbox-simple-title:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-mainbox-simple-title:after {
clear: both;
}
.ty-sidebox-important {
margin-bottom: 15px;
}
.ty-sidebox-important__title {
width: 100%;
}
.ty-sidebox-important__title-wrapper {
font-size: 13px;
font-weight: normal;
color: #909598;
padding: 4px 14px 8px;
background: #ecf0f1;
float: left;
width: 100%;
box-sizing: border-box;
}
.ty-sidebox-important__body {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.ty-text-links {
margin: 0 0 6px 0;
}
.ty-text-links:first-child {
padding-top: 0;
}
.ty-text-links .ty-level-0 {
margin-left: 0px;
}
.ty-text-links .ty-level-1 {
margin-left: 10px;
}
.ty-text-links .ty-level-2 {
margin-left: 20px;
}
.ty-text-links .ty-level-3 {
margin-left: 30px;
}
.ty-text-links .ty-level-4 {
margin-left: 40px;
}
.ty-text-links__active > .ty-text-links__a, .no-touch .ty-text-links__a:hover {
color: #2d4474;
}
.ty-text-links__item {
position: relative;
display: block;
margin-right: 15px;
}
.ty-text-links_show_inline .ty-text-links__item {
display: inline-block;
}
.ty-text-links_show_inline .ty-level-0 > .ty-text-links {
display: none;
position: absolute;
min-width: 200px;
background: #fff;
border: 1px solid #979797;
z-index: 10;
padding: 5px;
margin: 0;
}
.no-touch .ty-text-links_show_inline .ty-level-0:hover .ty-text-links {
display: block;
}
.ty-text-links_show_inline .ty-level-0 .ty-text-links__item {
display: block;
}
.ty-dropdown-box .ty-text-links__item {
margin: 0;
padding: 7px 14px;
}
.ty-accordion {
margin-top: 20px;
}
.ty-accordion .ui-accordion-header-icon {
position: absolute;
top: 5px;
right: 10px;
background: none;
text-indent: 0;
overflow: visible;
}
.ty-accordion .ui-accordion-header-icon:before {
font-family: glyphs;
font-size: 25px;
content: "\e019";
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ty-accordion .ui-accordion-header {
position: relative;
color: #7c7e80;
margin-top: 5px;
padding: 8px 12px;
border: 0px;
border-radius: 0px;
background: #e5ebec;
background-image: none;
font-family: Arial Rounded MT;
font-size: 13px;
font-weight: normal;
font-style: normal;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.ty-accordion .ui-accordion-header.ui-state-active {
background: #bdc3c7;
color: white;
}
.ty-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
content: "\e01c";
}
.ty-accordion .ui-accordion-content {
border: 0;
}
.ty-logo-container {
position: relative;
margin-top: 2px;
}
.ty-logo-container__image {
display: inline-block;
text-decoration: none;
}
.ty-logo-container__image.vertical-middle {
visibility: hidden;
}
.ty-grid-list__item {
margin: 0px 10px 25px 10px;
}
.ty-grid-list__item:before, .ty-grid-list__item:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-grid-list__item:after {
clear: both;
}
.ty-grid-list__item:hover .ty-icon-left-circle, .ty-grid-list__item:hover .ty-icon-right-circle {
visibility: visible;
}
.ty-grid-list__item:hover .ty-quick-view-button {
visibility: visible;
}
.ty-grid-list__image {
position: relative;
padding: 18px 0;
border: 1px solid #ebebeb;
background: #fff;
text-align: center;
min-height: 50px;
}
.ty-grid-list__image .ty-no-image {
border: 0px;
}
.ty-grid-list__price {
display: block;
text-align: left;
vertical-align: top;
overflow: hidden;
word-break: break-all;
}
.ty-grid-list__no-price {
text-align: left;
width: auto;
}
.ty-grid-list__item-name {
margin-top: 10px;
margin-bottom: 5px;
display: block;
width: 100%;
overflow: hidden;
}
.ty-grid-list__item-name .product-title {
display: block;
color: #8c8c8c;
}
.ty-grid-list__control {
width: 100%;
padding-top: 5px;
}
.ty-product-empty {
background: #f8f9f9;
margin: 28px 10px 0 10px;
height: 190px;
text-align: center;
}
.ty-product-empty__text {
color: #cdcdcd;
font-size: 115%;
line-height: 190px;
}
.ty-product-list {
padding: 35px 0;
}
.ty-product-list__image {
position: relative;
float: left;
margin: 0 25px 20px 0;
border: 1px solid #ebebeb;
}
.ty-product-list__content {
overflow: hidden;
}
.ty-product-list__info {
overflow-x: auto;
overflow-y: hidden;
}
.ty-product-list__control .ty-btn {
margin-bottom: 10px;
margin-right: 10px;
}
.ty-product-list__control .ty-product-coming-soon {
margin: 10px 0px;
}
.ty-product-list__item-name .product-title {
font-size: 130%;
}
.ty-product-list__price .ty-price-num {
font-size: 120%;
}
.ty-product-list__price {
padding: 10px 0px;
}
.ty-product-list__description {
line-height: 170%;
}
.ty-product-list .ty-qty-out-of-stock {
margin-right: 20px;
padding: 2px 0px 0px 0px;
vertical-align: top;
}
.ty-compact-list__item {
padding: 10px 0;
border-bottom: 1px solid #dfdfdf;
position: relative;
}
.ty-compact-list__item:before, .ty-compact-list__item:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-compact-list__item:after {
clear: both;
}
.ty-compact-list__content:before, .ty-compact-list__content:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-compact-list__content:after {
clear: both;
}
.ty-compact-list__item .ty-discount-label {
top: auto;
right: auto;
bottom: 5px;
}
.ty-compact-list__item .ty-qty {
margin: 0;
}
.ty-compact-list__image {
float: left;
width: 13%;
padding: 0px 25px;
text-align: center;
}
.ty-compact-list__image .ty-discount-label {
position: static;
float: none;
display: inline-block;
margin-top: 5px;
}
.ty-compact-list__title {
float: left;
width: 30%;
margin: 0 10px 0 0;
}
.ty-compact-list__controls {
float: right;
position: relative;
padding-bottom: 30px;
width: 40%;
text-align: right;
}
.ty-compact-list__controls .ty-btn__add-to-cart {
margin: 0 0 0 10px;
}
.ty-compact-list__controls .ty-qty-out-of-stock {
margin-right: 0;
}
.ty-compact-list__controls .ty-product-coming-soon {
width: 100%;
right: 0px;
padding-top: 12px;
text-align: right;
position: absolute;
}
.ty-product-coming-soon {
color: #767676;
}
.ty-compact-list__controls > div {
display: inline-block;
vertical-align: middle;
}
.ty-compact-list__controls .qty {
padding-top: 0;
}
.ty-compact-list__price {
margin-right: 10px;
}
.ty-compact-list__price .ty-list-price {
margin-right: 4px;
}
.ty-compact-list__item .ty-control-group__label {
width: auto;
}
.ty-thumbnail-list__item {
margin-bottom: 20px;
text-align: center;
}
.ty-thumbnail-list__img-block {
display: inline-block;
}
.ty-thumbnail-list__name {
padding: 6px 0;
}
.ty-thumbnail-list__butons {
padding: 10px 0;
}
.ty-template-small__item {
padding: 10px 0;
border-bottom: 1px dotted #ebebeb;
}
.ty-template-small__item:last-child {
border: 0;
}
.ty-template-small__item-img {
float: left;
margin-right: 10px;
vertical-align: top;
}
.ty-template-small__item-price {
margin-top: 5px;
}
.ty-template-small__item-description {
overflow: hidden;
}
.ty-scroller-list__item {
padding-top: 20px;
text-align: center;
}
.ty-scroller-list__description .product-title {
display: inline-block;
overflow: hidden;
padding-top: 5px;
width: 90%;
text-overflow: ellipsis;
white-space: nowrap;
}
.ty-scroller-list__item:hover .ty-quick-view-button {
visibility: visible;
text-align: center;
}
.ty-simple-list__buttons {
padding: 17px 20px;
}
.ty-simple-list .ty-discount-label {
top: 1px;
right: 1px;
}
.ty-simple-list .ty-discount-label:before, .ty-simple-list .ty-discount-label:after {
content: "";
position: absolute;
}
.ty-simple-list .ty-discount-label:before {
top: -1px;
right: 0;
bottom: 0;
width: 1px;
height: 150px;
background-image: -webkit-linear-gradient(bottom,transparent,#eee);
background-image: -moz-linear-gradient(bottom,transparent,#eee);
background-image: -o-linear-gradient(bottom,transparent,#eee);
}
.ty-simple-list .ty-discount-label:after {
top: 0;
right: 1px;
width: 150px;
height: 1px;
background-image: -webkit-linear-gradient(right,#eee,transparent);
background-image: -moz-linear-gradient(right,#eee,transparent);
background-image: -o-linear-gradient(right,#eee,transparent);
}
ol.text-link-list .text-link-list__item {
list-style: decimal;
}
.ty-profile-field {
margin-top: 30px;
}
.ty-profile-field .ty-input-text {
width: 100%;
}
.ty-profile-field__switch {
margin: 25px 0px;
padding: 15px 20px;
border: 2px solid #c0c0c0;
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.ty-profile-field__switch-label {
float: left;
}
.ty-profile-field__switch-actions {
float: right;
}
.ty-profile-field__switch-actions label {
padding-right: 15px;
}
.ty-profile-field__select-country, .ty-profile-field__select-state, .ty-profile-field__select {
width: 100%;
}
.ty-billing-zip-code, .ty-shipping-zip-code {
clear: both;
width: 120px;
}
.company .buttons-container {
border-top: 1px solid #ddd;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
margin: 30px 0px 28px -21px;
padding: 17px 20px 17px 20px;
width: 100%;
}
.ty-billing-first-name, .ty-billing-last-name, .ty-shipping-first-name, .ty-shipping-last-name, .ty-billing-country, .ty-billing-state, .ty-shipping-country, .ty-shipping-state, .ty-first-name, .ty-last-name {
display: inline-block;
width: 47%;
}
.ty-billing-first-name + .ty-billing-last-name, .ty-billing-country + .ty-billing-state, .ty-shipping-first-name + .ty-shipping-last-name, .shipping-country + .ty-shipping-state, .ty-first-name + .ty-last-name {
margin-left: 5%;
}
.billing-last-name, .shipping-last-name {
margin-right: 0;
}
.ty-account {
margin-top: 30px;
}
.ty-account .ty-input-text {
width: 100%;
}
.ty-account-detail {
margin: 45px 0 0 58px;
padding-bottom: 250px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/profile_details.png?1499259135') no-repeat bottom center;
color: #bdc3c7;
}
.ty-account-detail h4 {
font-size: 19px;
padding-bottom: 10px;
}
.ty-account-detail ul li {
list-style-type: disc;
margin: 15px 0 0 17px;
}
.ty-account-benefits {
margin: 47px 0 0 60px;
color: #bdc3c7;
}
.ty-account-benefits h4 {
padding-bottom: 22px;
font-size: 19px;
}
.ty-account-benefits ul li {
list-style-type: disc;
margin-bottom: 11px;
margin-left: 17px;
}
.ty-languages {
margin: 0 15px 0 0;
}
.ty-languages__item {
float: left;
display: inline-block;
padding: 8px 6px;
}
.ty-languages__icon-link .ty-flag {
margin-right: 0;
}
.ty-languages__active {
background: #dfe4e4;
color: black;
}
.ty-currencies__txt {
float: left;
padding: 8px 5px 8px 0;
}
.ty-currencies__item {
float: left;
padding: 8px 13px;
color: #3b5999;
}
.ty-currencies__item:hover {
background: #e4e4e4;
color: #2d4474;
}
.ty-currencies__active {
background: #e4e4e4;
color: #2d4474;
}
.ty-sidebox {
margin-bottom: 44px;
word-wrap: break-word;
background: #fff;
}
.ty-sidebox__title {
position: relative;
padding: 0px 30px 9px 0px;
border-bottom: 1px solid #eee;
}
.touch .ty-sidebox__title {
cursor: pointer;
}
.ty-sidebox__title-toggle {
position: absolute;
top: 0px;
right: 0px;
z-index: 100;
float: left;
width: 35px;
color: #bbb;
text-align: center;
font-size: 25px;
cursor: pointer;
}
.ty-sidebox__icon-hide {
display: none;
}
.ty-sidebox__title.open .ty-sidebox__icon-open {
display: none;
}
.ty-sidebox__title.open .ty-sidebox__icon-hide {
display: block;
}
.ty-sidebox__title-wrapper, .ty-sidebox__title span, .ty-sidebox__title a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
color: #a1a6aa;
padding: 0;
}
.ty-sidebox .buttons-container {
background: none;
padding: 20px 0px;
}
.ty-compare {
position: relative;
}
.ty-compare__wrapper {
overflow-x: auto;
overflow-y: hidden;
}
.ty-compare-menu {
width: 150px;
}
.ty-compare-menu__a {
padding: 8px 16px 7px;
display: block;
}
.ty-compare-menu__a:hover {
background: #eff0f2;
color: #34495e;
text-decoration: none;
}
.ty-compare-menu__elem {
display: block;
padding: 8px 16px 7px;
color: #fff;
background: #1abc9c;
}
.ty-compare-products {
width: 100%;
table-layout: fixed;
}
.ty-compare-products__product {
padding: 0 10px;
width: 215px;
vertical-align: top;
text-align: center;
}
.ty-compare-products__item {
padding: 5px 0;
}
.ty-compare-products__menu {
vertical-align: top;
padding: 0 10px;
width: 150px;
}
.ty-compare-products__product .buttons-container {
margin: 0;
}
.no-touch .ty-compare-products__product .ty-qty .ty-control-group__label {
display: inline-block;
float: none;
width: 90px;
}
.touch .ty-compare-products__product .ty-qty .ty-control-group__label {
display: block;
width: 100%;
}
.ty-compare-products__delete {
position: relative;
visibility: hidden;
padding-bottom: 2px;
}
.touch .ty-compare-products__delete, .ty-compare-products__product:hover .ty-compare-products__delete {
visibility: visible;
}
.ty-compare-feature {
position: relative;
z-index: 20;
margin-bottom: 10px;
}
.ty-compare-feature__table {
width: 100%;
table-layout: fixed;
}
.ty-compare-feature__row:nth-child(odd) {
background-color: #fff;
}
.ty-compare-feature__item {
padding: 10px;
border: 1px solid #ebebeb;
vertical-align: middle;
text-align: left;
}
.ty-compare-feature_item_size {
padding: 0 10px;
width: 215px;
}
.ty-compare-sort {
width: 150px;
text-align: left;
}
.ty-compare-sort__a {
visibility: hidden;
margin-left: 3px;
vertical-align: middle;
}
.touch .ty-compare-sort__a, .ty-compare-sort:hover .ty-compare-sort__a {
visibility: visible;
}
.ty-compare-list__item {
text-align: left;
}
.ty-compare-checkbox {
position: relative;
top: 2px;
display: inline-block;
margin-right: 5px;
width: 13px;
height: 13px;
border: 1px solid #4d4d4d;
background-color: #fff;
color: #737373;
text-align: left;
}
.ty-compare-checkbox__icon {
position: relative;
top: -2px;
left: 1px;
font-size: 11px;
}
.ty-price-num {
font-size: 15px;
font-weight: bold;
}
.ty-sku {
padding: 0;
font-size: 90%;
}
.ty-price, .ty-sub-price, .ty-list-price {
font-size: 100%;
}
.ty-price {
margin: 6px 0;
color: #bb3737;
}
.ty-sub-price {
color: #942b2b;
}
.ty-list-price {
color: #942b2b;
line-height: 100%;
font-size: 13px;
}
.ty-tax-include {
display: block;
padding-bottom: 5px;
}
.ty-price-update {
display: inline-block;
font-size: 13px;
}
.ty-qty {
margin-bottom: 15px;
}
.ty-qty-in-stock, .ty-qty-out-of-stock {
font-weight: bold;
}
.ty-qty-in-stock {
color: #2ecc71;
}
.ty-qty-out-of-stock {
color: #e74c3c;
}
.ty-min-qty-description {
font-size: 12px;
margin-top: -7px;
padding-top: 0;
color: #aeaeae;
}
.ty-price-curency {
display: inline-block;
}
.ty-price-curency__title {
display: inline-block;
float: left;
margin: 5px 0;
}
input.ty-price-curency__input {
margin-left: 5px;
width: 70px;
height: 35px;
font-size: 140%;
}
.ty-no-price {
display: block;
padding: 0px;
color: #e74c3c;
}
.ty-product-notify-email {
width: 200px;
margin-bottom: 15px;
}
.ty-product-notify-email__input {
width: 100%;
}
.ty-discount-label {
position: absolute;
right: 0;
top: 0;
background: #3c599f;
color: white;
list-style: none;
}
.ty-discount-label__item {
float: left;
height: 28px;
font-size: 13px;
white-space: nowrap;
line-height: 28px;
padding: 0 10px 0 12px;
color: #fff;
}
.ty-value-changer {
display: inline-block;
vertical-align: top;
width: 53px;
}
input.ty-value-changer__input {
float: left;
width: 36px;
height: 33px;
text-align: center;
}
.touch input.ty-value-changer__input {
height: 34px;
}
.ty-value-changer__increase, .ty-value-changer__decrease {
position: relative;
float: right;
width: 14px;
height: 14px;
border: 1px solid #c8c8c8;
color: #c8c8c8;
font-size: 16px;
line-height: 13px;
cursor: pointer;
background: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.ty-value-changer__increase {
margin-bottom: 1px;
}
.ty-value-changer__increase:hover, .ty-value-changer__decrease:hover {
color: #c8c8c8;
}
.no-touch .ty-value-changer__increase:hover, .no-touch .ty-value-changer__decrease:hover {
background: #c8c8c8;
color: #fff;
text-decoration: none;
}
.touch .ty-value-changer {
width: 110px;
}
.touch .ty-value-changer__input {
float: right;
}
.touch .ty-value-changer__increase, .touch .ty-value-changer__decrease {
float: left;
width: 36px;
height: 32px;
font-size: 22px;
line-height: 27px;
background: #c8c8c8;
color: #fff;
}
.touch .ty-value-changer__increase {
border-right: 0;
float: right;
}
.touch .ty-value-changer__decrease {
border-left: 0;
}
.ty-period {
clear: both;
}
.ty-period__wrapper {
float: left;
padding-right: 20px;
}
.ty-period__select {
width: 180px;
}
.ty-period__dash {
padding: 0 3px;
}
.ty-calendar__block {
width: 115px;
display: inline-block;
position: relative;
}
.ty-calendar__button {
position: absolute;
top: 15px;
right: 2px;
margin-top: -10px;
margin-right: 8px;
color: #aeaeae;
vertical-align: middle;
font-size: 155%;
}
.ty-calendar__input {
width: 100%;
}
.ty-calendar-link:hover {
text-decoration: none;
}
.ty-qty-discount {
overflow-x: auto;
margin-bottom: 15px;
}
.ty-qty-discount__table {
margin-top: 10px;
min-width: 200px;
padding: 0;
border: 1px solid #eee;
}
.ty-qty-discount__table .ty-qty-discount__td {
border: 0 none;
border-right: 1px solid #eee;
padding: 8px 12px;
}
.tooltip {
display: none;
max-width: 200px;
z-index: 10000;
padding: 9px;
background: rgba(0,0,0,0.8);
color: #fff;
text-align: left;
font-weight: normal;
opacity: 1;
filter: alpha(opacity=100);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tooltip p {
color: #fff;
padding: 0px;
}
.tooltip li {
color: #fff;
}
.tooltip-arrow {
position: absolute;
top: -10px;
right: 3px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent rgba(0,0,0,0.8) transparent;
}
.tooltip.arrow-top .tooltip-arrow {
top: auto;
left: auto;
bottom: -10px;
right: 3px;
border-width: 0 10px 10px 0;
border-color: transparent rgba(0,0,0,0.8) transparent transparent;
}
.tooltip.right {
padding: 9px;
text-align: left !important;
}
.arrow-top.right .tooltip-arrow {
left: 3px;
right: auto;
border-width: 10px 10px 0 0;
border-color: rgba(0,0,0,0.8) transparent transparent transparent;
}
.arrow-down.right .tooltip-arrow {
right: auto;
top: -10px;
left: 3px;
border-width: 10px 0 0 10px;
border-color: transparent transparent transparent rgba(0,0,0,0.8);
}
.arrow-down.top .tooltip-arrow {
top: auto;
bottom: -10px;
border-width: 10px 0 0 10px;
border-color: rgba(0,0,0,0.8) transparent transparent transparent;
}
.arrow-down.right.top .tooltip-arrow {
right: auto;
top: auto;
bottom: -10px;
left: 3px;
border-width: 10px 10px 0 0;
border-color: rgba(0,0,0,0.8) transparent transparent transparent;
}
.tooltip img {
max-width: 100%;
}
.touchevents body {
cursor: pointer;
}
.ty-tooltip-block {
vertical-align: middle;
cursor: pointer;
}
.ty-no-image {
position: relative;
display: block;
border: 1px solid #ebebeb;
background: #fcfcfc;
color: #c8c8c8;
cursor: default;
max-width: 100%;
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-no-image__icon {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
margin: -16px 0 0 -16px;
width: 32px;
height: 32px;
font-size: 32px;
line-height: 32px;
}
.ty-spinner {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/spinner.gif?1499259135') no-repeat center center;
}
.ty-grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
}
.ty-grayscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
.ty-status-info label {
display: block;
margin: 0 20px 10px 0;
}
.ty-select-block {
position: absolute;
top: 33px;
left: 0;
z-index: 1022;
min-width: 50px;
border: 1px solid #979797;
background-color: #fff;
}
.ty-select-wrapper {
position: relative;
}
.ty-select-block__a {
cursor: pointer;
display: block;
padding: 7px 13px 4px;
color: #7b7b7b;
border: 1px solid transparent;
}
.ty-select-block__a:hover {
background: #e4e4e4;
color: #7b7b7b;
text-decoration: none;
}
.ty-select-block__a.open, .ty-select-block__a.open:hover {
background: #979797;
color: white;
}
.ty-select-block__a.open .ty-select-block__arrow {
color: white;
}
.ty-select-block__a-item {
display: inline-block;
vertical-align: top;
}
.ty-select-block__arrow {
margin-left: 3px;
font-size: 140%;
color: #888;
}
input.ty-select-block__input {
margin: 5px 10px;
width: 220px;
}
.ty-select-block__list-item .ty-select-block__list-a {
text-decoration: none;
}
.ty-select-block__list-a:hover {
background: #3b5999;
color: white;
}
.ty-select-block__list-a {
display: block;
padding: 7px 14px 7px 14px;
white-space: nowrap;
cursor: pointer;
}
.ty-select-block__list-a:before, .ty-select-block__list-a:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-select-block__list-a:after {
clear: both;
}
.ty-select-block__txt {
float: left;
padding: 8px 5px 8px 0;
}
.ty-dropdown-box {
display: inline-block;
position: relative;
color: #34495e;
}
.ty-dropdown-box .ty-icon-down-micro {
position: relative;
top: 5px;
width: 7px;
color: #888;
font-size: 20px;
line-height: 0;
}
.ty-dropdown-box__title {
position: relative;
display: inline-block;
padding: 7px 11px 7px 8px;
border: 1px solid transparent;
}
.ty-dropdown-box__title a {
color: #888;
}
.ty-dropdown-box__title a:hover {
text-decoration: none;
}
.ty-dropdown-box__title:hover {
background: #e4e4e4;
}
.ty-dropdown-box__title .ty-account-info__title {
text-decoration: none;
}
.ty-dropdown-box__title.open {
z-index: 650;
background: #888;
}
.ty-dropdown-box__title.open a, .ty-dropdown-box__title.open i, .ty-dropdown-box__title.open .ty-minicart-title {
color: white;
}
.ty-dropdown-box__content {
position: absolute;
right: 0;
z-index: 600;
margin-top: -1px;
min-width: 220px;
border: 1px solid #979797;
background: #fff;
text-align: left;
}
.ty-dropdown-box__content .ty-dropdown-box__item {
display: block;
margin-bottom: 0px;
padding: 7px 14px;
}
.ty-dropdown-box__content .ty-dropdown-box__item:hover {
background: #3b5999;
color: white;
}
.ty-dropdown-box__content .ty-dropdown-box__item:hover a {
display: block;
color: white;
}
.ty-dropdown-box__content .ty-account-info__orders {
padding: 14px 14px 7px 14px;
margin-top: 20px;
background: #f6f6f6;
}
.ty-dropdown-box__content .ty-account-info__buttons {
padding: 15px 14px 16px 14px;
margin-top: -6px;
background: #f6f6f6;
}
.ty-dropdown-box__content .ty-account-info__name:hover {
background: none;
color: #34495e;
}
.ty-minicart__icon {
color: #7b7b7b;
top: 7px;
font-size: 14px;
position: absolute;
}
.ty-account-info {
padding-top: 2px;
}
.ty-account-info__title {
padding: 0 5px;
}
.ty-account-info__user-arrow {
position: relative;
top: 5px;
width: 7px;
color: #34495e;
font-size: 20px;
line-height: 0;
}
.logged.ty-sidebox__title .ty-account-info__user-arrow {
display: none;
}
.logged .ty-account-info__title, .logged .ty-account-info__user-arrow {
color: #7b7b7b;
}
.ty-account-info__item {
padding: 0;
margin-bottom: 12px;
}
.ty-account-info__item .ty-account-info__a {
text-decoration: none;
}
.ty-account-info__name {
padding-bottom: 10px;
}
.ty-account-info__orders {
padding: 15px 0 4px;
}
.ty-account-info__orders-txt {
color: #6c6c6c;
}
.ty-account-info__orders-input {
margin: 5px 0 0;
}
.ty-dropdown-box__content .ty-account-info__buttons .ty-btn {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-dropdown-box__content .ty-account-info__buttons .ty-btn + .ty-btn {
margin: 10px 0 0;
}
.ty-login {
margin-top: 30px;
min-height: 200px;
}
.ty-login__input {
margin: 0;
width: 100%;
}
.ty-login__remember-me {
padding: 6px 0;
}
.ty-login__filed-label {
width: auto;
color: #1a1a1a;
}
.ty-password-forgot__label {
float: left;
}
a.ty-password-forgot__a {
float: right;
padding: 6px 0;
}
.ty-recover-password {
margin-top: 30px;
}
.ty-login-reglink__a {
display: inline-block;
padding: 0 0 10px;
}
.ty-login-popup {
min-width: 295px;
max-width: 310px;
font-family: Arial Rounded MT;
font-size: 13px;
}
.ty-login-popup .ty-login__input {
margin: 0;
padding: 8px 5px 7px;
height: 36px;
font-size: 115%;
}
.ty-captcha__img {
border: 1px solid #c7c7c7;
cursor: pointer;
}
.ty-captcha__label {
display: inline-block;
margin-bottom: 5px;
}
.ty-captcha__code {
display: inline-block;
min-width: 130px;
vertical-align: top;
}
.ty-captcha__refresh {
position: relative;
vertical-align: middle;
margin-left: 7px;
color: #8d8d8d;
font-size: 14px;
cursor: pointer;
}
.ty-captcha__input {
margin: 0;
margin-right: 10px;
padding: 3px 3px;
width: 120px;
vertical-align: top;
}
.ty-checkout__login .ty-captcha__input {
width: 110px;
margin-bottom: 5px;
}
.ty-checkout__login .buttons-container {
background: none;
margin: 0px;
}
.ty-login-popup .ty-captcha__input {
width: 140px;
margin-bottom: 6px;
}
.ty-captcha__txt {
clear: both;
padding-top: 3px;
color: #333;
}
.ty-login-info {
margin: 46px 0 0 59px;
}
.ty-login-info__title, .ty-login-info h4 {
padding-bottom: 10px;
margin: 0;
font-size: 19px;
color: #bdc3c7;
}
.ty-login-info__txt {
color: #bdc3c7;
}
.ty-success-registration__text {
display: block;
padding: 7px 0 40px;
line-height: 170%;
}
.ty-success-registration__item {
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
padding-left: 17px;
min-height: 60px;
width: 48%;
border-left: 1px solid #e1e1e1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.success-registration__a {
font-weight: bold;
}
.ty-success-registration__info {
display: block;
margin-top: 10px;
color: #aeaeae;
}
.ty-breadcrumbs {
position: relative;
margin-bottom: 14px;
padding: 20px 105px 10px 0px;
color: #fff;
}
.ty-breadcrumbs__arrow, .ty-breadcrumbs__a, .ty-breadcrumbs__current {
display: inline;
padding: 2px;
}
.ty-breadcrumbs__current {
color: #3b5999;
}
.ty-breadcrumbs__a {
color: #aeaeae;
}
.ty-breadcrumbs__slash {
display: inline-block;
margin: 0px 6px;
color: #aeaeae;
}
.ty-breadcrumbs__a:hover {
color: #aeaeae;
}
.ty-product-switcher {
position: absolute;
top: 25px;
right: 0;
padding: 0 24px;
}
.ty-product-switcher__a {
display: inline-block;
position: absolute;
cursor: pointer;
top: -2px;
padding: 0;
font-size: 18px;
}
.ty-product-switcher__a:hover {
text-decoration: none;
}
.ty-product-switcher__a-left {
float: left;
left: 0;
}
.ty-product-switcher__a-right {
float: right;
right: 0;
}
.ty-product-switcher__icon {
color: #a2a2a2;
}
.ty-product-switcher__a:hover .ty-product-switcher__icon {
color: #bbb;
}
.ty-product-switcher__a.disabled, .ty-product-switcher__a.disabled .ty-product-switcher__icon, .ty-product-switcher__a.disabled:hover .ty-product-switcher__icon {
background: none;
color: #d5d5d5;
cursor: default;
}
.ty-product-switcher span {
font-size: 85%;
padding: 2px;
color: #d5d5d5;
}
.ty-section {
margin: 20px 0 15px 0;
}
.ty-section__title {
padding: 13px 15px 11px 15px;
cursor: pointer;
background: #ecf0f1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.ty-section__switch {
float: right;
}
.ty-section__arrow {
padding-left: 6px;
}
.open .ty-section_switch_off, .ty-section_switch_on {
display: block;
}
.open .ty-section_switch_on, .ty-section_switch_off {
display: none;
}
.ty-section__body {
overflow: hidden;
padding: 20px 20px 0 20px;
border: 1px solid #ecf0f1;
border-top: none;
}
.ty-section__body .buttons-container {
margin: 30px 0 0 -20px;
padding: 15px 20px 15px 20px;
width: 100%;
background: #eee;
}
.ty-search-result {
padding: 12px 7px;
}
.ty-search-form__inline-input {
width: 190px;
}
.ty-search-result:hover {
background: #eee;
}
.ty-search-form__input {
width: 170px;
}
.ty-search-form__input-large {
width: 200px;
}
.ty-subcategories-field {
float: left;
margin-left: 10px;
}
.ty-search-form .ty-search-form__buttons-container {
margin-bottom: 0;
}
.ty-search-block {
position: relative;
}
.ty-search-magnifier {
position: absolute;
top: 5px;
right: 5px;
padding: 0;
width: 20px;
height: 26px;
border: none;
background: none;
color: #c8c8c8;
font-size: 145%;
cursor: pointer;
}
input.ty-search-block__input {
display: block;
padding: 7px 30px 7px 10px;
width: 100%;
height: 33px;
border: 1px solid #c8c8c8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ty-search-block__input:focus {
outline: 0;
border: 1px solid #3b5999;
background-color: #fff;
}
.vendor-stores-block-grid h2 {
margin: 0px;
font-size: 25px;
text-align: center;
}
.ty-sort-container {
padding-left: 10px;
background: #eee;
margin: 28px 0px;
display: inline-block;
box-sizing: border-box;
width: 100%;
}
.ty-sort-container__views-icons {
display: inline-block;
float: right;
}
.ty-sort-container__views-a {
display: block;
color: #aeaeae;
float: left;
padding: 10px 11px;
width: 15px;
height: 17px;
font-size: 125%;
}
.ty-sort-container__views-a:hover {
text-decoration: none;
}
.ty-sort-container__views-a.active {
background: #e1e1e1;
}
.ty-sort-dropdown {
display: inline-block;
position: relative;
}
.ty-sort-dropdown .ty-sort-dropdown__wrapper {
text-decoration: none;
}
.ty-sort-dropdown__wrapper {
padding: 5px 7px 9px 7px;
display: inline-block;
color: #34495e;
cursor: pointer;
}
.ty-sort-dropdown__icon {
font-size: 20px;
position: relative;
padding-left: 10px;
top: 5px;
}
.ty-sort-dropdown__wrapper:hover {
background: #e6e6e6;
}
.ty-sort-dropdown__wrapper.open {
background: #7b7b7b;
color: white;
}
.ty-sort-dropdown__content {
position: absolute;
z-index: 100;
border: 1px solid #97a0a5;
background: #fff;
min-width: 200px;
}
.ty-sort-dropdown__content .ty-sort-dropdown__content-item-a {
text-decoration: none;
}
.ty-sort-dropdown__content-item-a {
padding: 7px 14px;
color: #3b5999;
display: block;
}
.ty-sort-dropdown__content-item-a:hover {
background: #3b5999;
color: #fff;
}
.ty-subcategories__item {
display: inline-block;
margin: 5px 20px 5px 0px;
}
.ty-subcategories-img {
display: block;
margin: auto;
padding-bottom: 10px;
}
.ty-subcategories-block {
margin: 10px 0;
display: inline-block;
min-width: 350px;
vertical-align: top;
width: 100%;
}
.ty-subcategories-block__item {
padding-bottom: 10px;
text-align: center;
}
.ty-subcategories-block__a {
font-weight: bold;
}
.ty-feature {
margin: 30px 0px;
}
.ty-feature:before, .ty-feature:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-feature:after {
clear: both;
}
.ty-feature__image {
float: left;
margin: 0 25px 10px 0;
}
.ty-feature__description {
line-height: 140%;
overflow: hidden;
}
.ty-product-feature {
padding: 10px;
}
.ty-product-feature:nth-child(2n) {
background: #f8f8f8;
}
.ty-product-feature__label {
display: inline-block;
width: 280px;
vertical-align: top;
}
.ty-product-feature__value {
display: inline-block;
margin-left: 5px;
}
.ty-product-feature .ty-product-feature__multiple {
list-style: none;
padding-left: 0;
}
.ty-product-feature .ty-product-feature__multiple-item {
list-style: none;
margin-bottom: 5px;
}
.ty-product-feature-group {
margin-bottom: 10px;
}
.ty-product-feature-group .ty-subheader {
padding: 15px 0 6px 0;
margin: 0;
font-size: 120%;
}
.ty-features-all__group {
margin-bottom: 50px;
}
.ty-features-all__list-item {
padding-bottom: 8px;
}
.ty-features-all__list-a {
font-size: 110%;
}
.ty-features-list {
padding: 3px 0;
}
.ty-tygh {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-helper-container {
position: relative;
}
.ty-helper-container {
background: transparent repeat scroll;
}
.container {
min-height: 0;
min-width: 0;
}
.container-fluid {
max-width: 1200px;
min-width: 280px;
margin: 0 auto;
}
.tygh-footer {
min-height: 70px;
}
.bottom-copyright {
margin-top: 15px;
color: #a3aaaf;
font-size: 13px;
}
.ty-payment-icons {
margin: 10px 0px;
}
.footer-no-wysiwyg ul {
margin: 10px 0 0 0px;
padding-left: 0px;
}
.footer-no-wysiwyg ul li {
list-style-type: none;
}
.ty-social-link-block {
margin-top: 18px;
margin-right: 30px;
margin-bottom: 30px;
}
.ty-social-link {
display: inline-block;
margin-right: 26px;
position: relative;
vertical-align: bottom;
top: 7px;
}
.ty-social-link a {
color: white;
display: block;
}
.ty-social-link i {
display: inline-block;
vertical-align: middle;
padding-right: 10px;
font-size: 38px;
color: #fff;
}
.ty-social-link span {
display: inline-block;
vertical-align: middle;
}
h3.ty-social-link__title {
display: inline-block;
vertical-align: middle;
font-size: 22px;
font-weight: normal;
margin: 0px 20px 0px 0px;
color: #fff;
}
.ty-social-link:last-child {
margin-right: 0px;
}
.ty-footer-menu__icon-open, .ty-footer-menu__icon-hide {
display: none;
color: #a3aaaf;
}
.footer-stay-connected {
background: #3b5999;
color: #fff;
min-height: 84px !important;
}
.ty-footer-menu {
color: #9ba1a7;
}
.ty-footer-menu > .row {
padding: 30px 0px 15px 0px;
}
.tygh-footer > div {
background-color: #f2f4f8;
background-repeat: repeat-x;
width: auto;
min-width: none;
max-width: none;
padding: 0;
background-image: linear-gradient(to bottom,#f2f4f8,#f2f4f8);
}
.tygh-footer .ty-footer-grid__full-width {
float: none;
width: auto;
}
.container-fluid .ty-footer-grid__full-width {
padding-left: 15px;
padding-right: 15px;
}
.footer-copyright {
background-color: #fff;
}
.ty-footer-menu__header, .ty-footer-general__header {
position: relative;
color: #a3aaaf;
font-weight: bold;
font-size: 19px;
padding-top: 20px;
margin-bottom: 0;
cursor: pointer;
}
.ty-footer-menu__items, .ty-footer-general__body {
margin: 10px 0 20px;
}
.ty-footer-menu__item {
margin-bottom: 8px;
}
.ty-footer-menu__item a {
color: #a3aaaf;
}
.ty-footer-menu__item a:hover {
color: #3b5999;
}
.ty-product-block {
margin: 5px 0 30px 0;
margin-top: 5px;
position: relative;
}
.ty-product-block-title {
margin-bottom: 10px;
font-size: 20px;
color: #333;
}
.ty-brand {
margin: 5px 0;
}
.ty-product-block__img-wrapper {
position: relative;
float: left;
margin-right: 20px;
padding: 0 0 10px;
min-height: 282px;
min-width: 282px;
}
.ty-product-block__img-wrapper img {
display: block;
margin: 0 auto;
}
.ty-product-block__left {
display: table-cell;
}
.ty-product-block__note {
position: absolute;
right: 0;
padding: 21px 0 0;
width: 200px;
line-height: 140%;
color: #798d8e;
}
.ty-product-prices {
margin: 20px 0px;
}
.ty-product-block__note .product-promo-header {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.ty-product-block__price-actual {
margin: 10px 0px;
}
.ty-product-block__price-actual .ty-price-num {
font-family: Arial Rounded MT;
font-size: 20px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.ty-product-block__option .help-inline {
margin-left: 120px;
display: block;
text-align: left;
}
.ty-product-block__option, .ty-product-block__advanced-option, .ty-product-block__field-group {
margin-bottom: 10px;
}
.ty-product-block__field-group .ty-control-group {
margin-bottom: 0;
}
.ty-product-block__sku .ty-control-group {
margin: 0px;
}
.ty-product-block__description-title {
margin: 20px 0 5px 0;
font-size: 130%;
font-weight: normal;
}
.ty-product-block__button {
margin-top: 20px;
}
.ty-product-block__button .ty-btn {
margin-right: 20px;
margin-bottom: 10px;
}
.ty-product-block__button .button-container {
display: inline-block;
}
.content-description {
line-height: 1.4;
}
.ty-product-block .ty-discount-label {
z-index: 1;
}
.ty-product-bigpicture__img {
position: relative;
padding-top: 20px;
}
.ty-product-bigpicture__img:before, .ty-product-bigpicture__img:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-product-bigpicture__img:after {
clear: both;
}
.ty-product-bigpicture__img .ty-pict {
max-height: 420px;
}
.ty-product-bigpicture__as-thumbs .ty-product-thumbnails {
float: left;
margin: 0 -60px 0 0;
width: 55px !important;
position: relative;
z-index: 5;
}
.ty-product-bigpicture .ty-product-bigpicture-thumbnails_gallery {
padding-left: 60px;
}
.ty-product-bigpicture .ty-product-img {
border: 0;
float: right;
width: 100%;
}
.ty-product-bigpicture .ty-previewer {
text-align: center;
margin-left: 60px;
}
.ty-product-bigpicture__no-thumbs .ty-previewer {
margin-left: 0px;
}
.ty-product-bigpicture .ty-product-thumbnails__item {
margin: 0 10px 10px 0;
}
.ty-product-bigpicture__left {
width: 100%;
float: left;
text-align: center;
}
.ty-product-bigpicture__left-wrapper {
margin: 20px 350px 0 0;
}
.ty-product-bigpicture .ty-product-block-title {
font-size: 28px;
margin-bottom: 20px;
}
.ty-product-bigpicture__right {
float: left;
margin-left: -320px;
width: 318px;
margin-top: 15px;
padding-bottom: 15px;
background: #f6f6f6;
border: 1px solid #ebebeb;
text-align: center;
box-sizing: border-box;
}
.ty-product-bigpicture .ty-product-block__note {
position: static;
width: auto;
}
.ty-product-bigpicture .ty-discount-label {
display: inline-block;
position: static;
margin-left: 3px;
border-radius: 3px;
}
.ty-product-bigpicture .ty-discount-label__item {
height: 25px;
line-height: 25px;
display: inline-block;
float: none;
font-size: 14px;
font-weight: normal;
}
.ty-product-bigpicture__brand .ty-features-list {
padding: 16px 0;
border-bottom: 1px solid #dddfdf;
box-shadow: 0 1px 0 #fff;
background: #fff;
}
.ty-product-bigpicture__prices {
padding: 20px 0;
margin: 0 10px 20px;
border-bottom: 1px solid #dddfdf;
box-shadow: 0 1px 0 #fff;
}
.ty-product-bigpicture__prices .ty-list-price {
font-size: 14px;
}
.ty-product-bigpicture__prices .ty-product-block__price-actual .ty-price-num {
font-size: 30px;
}
.ty-product-bigpicture__prices .ty-save-price {
color: #354f8c;
}
.ty-product-bigpicture__sidebar-bottom {
width: 230px;
padding: 0 20px;
margin: 0 auto;
text-align: left;
}
.ty-product-bigpicture .ty-control-group__label {
display: inline-block;
float: none;
width: 95px;
text-align: left;
}
.ty-product-bigpicture .ty-product-block__note, .ty-product-bigpicture .ty-product-block__button {
text-align: center;
}
.ty-product-bigpicture .ty-product-block__note {
padding-top: 8px;
}
.ty-product-bigpicture .ty-product-block__button .ty-btn {
margin-right: 0;
}
.ty-product-bigpicture .ty-product-options__description, .ty-product-bigpicture .ty-product-variant-image {
margin-left: 0;
}
.ty-product-bigpicture .ty-product-options .ty-input-text {
width: auto;
max-width: 105px;
}
.ty-product-bigpicture .ty-product-options {
margin-bottom: 10px;
}
.ty-product-bigpicture .ty-product-block__option .help-inline {
margin: 0 0 12px;
}
.ty-product-options__title {
padding-right: 5px;
font-weight: bold;
}
.ty-product-options {
margin-bottom: 15px;
}
.ty-product-options .ty-table {
margin-top: 10px;
}
.ty-product-options .ty-input-text {
width: 240px;
}
.ty-product-options__item-label {
font-weight: bold;
}
.ty-product-options__description {
margin: 5px 0 0 120px;
padding: 0;
color: #bbb;
font-size: 85%;
}
.ty-product-options__image {
display: inline-block;
margin: 2px 0;
border: 2px solid #fff;
cursor: pointer;
min-height: 52px;
}
.product-variant-image-selected {
border-color: #eee;
}
.ty-product-options__elem {
display: inline-block;
}
.ty-product-options__fileuploader .help-inline {
margin-left: 0;
}
.ty-product-options__box {
display: inline-block;
padding: 6px 0;
}
.ty-product-options__box .help-inline {
margin-left: 0;
}
.ty-product-variant-image {
margin-left: 120px;
padding: 10px 0;
}
.ui-dialog .ty-product-variant-image {
margin-left: 134px;
}
.ty-product-options__textarea {
min-width: 240px;
min-height: 60px;
resize: vertical;
}
.ty-product-options__no-combinations {
padding-top: 0;
color: #b94a48;
}
.ty-product-img {
border: 1px solid #eee;
position: relative;
}
.ty-product-img .ty-no-image {
border: 0px;
}
.ty-product-thumbnails {
margin-top: 10px;
text-align: left;
}
.ty-product-thumbnails__item {
display: block;
float: left;
margin: 0 5px 5px 0;
border: 1px solid #eee;
}
.ty-product-thumbnails__item.active {
border-color: #888;
}
.ty-previewer {
position: relative;
display: block;
}
.ty-previewer:hover .previewer__icon {
visibility: visible;
}
.ty-previewer__icon {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
visibility: hidden;
margin: -18px 0 0 -18px;
padding: 0;
width: 37px;
height: 39px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/zoom_icon.png?1499259135') no-repeat;
opacity: 0.7;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) {
.ty-previewer__icon {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/zoom_icon@2x.png?1499259135');
background-size: 37px, 39px;
}
}
.ty-previewer__icon:hover {
opacity: 1;
}
.ty-thumbs-wrapper {
position: relative;
}
.ty-thumbs-wrapper .ty-icon-left-circle, .ty-thumbs-wrapper .ty-icon-right-circle {
position: absolute;
top: 50%;
visibility: hidden;
margin-top: -10px;
width: 20px;
height: 20px;
font-size: 20px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.touch .ty-grid-list__item .ty-icon-left-circle, .touch .ty-grid-list__item .ty-icon-right-circle {
visibility: visible;
}
.ty-thumbs-wrapper .ty-icon-left-circle {
left: 3px;
}
.ty-thumbs-wrapper .ty-icon-right-circle {
right: 3px;
}
.ty-popup-tabs {
padding-top: 25px;
margin-top: 25px;
border-top: 1px dotted #dedede;
}
.ty-popup-tabs__item {
display: inline-block;
padding: 2px 15px 2px 0;
text-transform: uppercase;
font-size: 85%;
cursor: pointer;
}
.ty-popup-tabs__icon {
margin-right: 3px;
font-size: 14px;
}
.ty-fileuploader {
padding: 6px 0 0;
}
.ty-fileuploader__file-section {
overflow: hidden;
}
.ty-fileuploader__file-local {
position: relative;
overflow: hidden;
cursor: pointer;
}
.ty-fileuploader__file-input {
position: absolute;
top: 0;
left: 0;
padding: 0;
width: 100%;
height: 300px;
border: 0;
opacity: 0;
cursor: pointer;
}
span.ty-fileuploader__filename {
padding: 0 0 0 5px;
position: relative;
top: -2px;
}
.ty-fileuploader__icon {
position: relative;
top: 2px;
margin-right: 5px;
cursor: pointer;
}
.ty-fileuploader.cm-failed-field .ty-fileuploader__a {
color: #b94a48;
font-weight: bold;
}
.ty-quick-view__wrapper {
width: 700px;
}
.ty-quick-view__wrapper .ty-product-block__left {
max-width: 450px;
padding-left: 20px;
}
a.ty-quick-view__title {
font-size: 24px;
font-weight: bold;
color: #333;
}
.ty-quick-view__title .ty-product-block-title {
margin-bottom: 0;
}
.ty-quick-view-tools {
position: relative;
height: 20px;
}
.ty-quick-view-tools .ty-product-switcher {
top: 0;
}
.ty-quick-view__wrapper .ty-product-block__img {
display: table-cell;
vertical-align: top;
margin-right: 20px;
position: relative;
}
.ty-quick-view__wrapper .ty-product-img {
margin-bottom: 15px;
}
.ty-quick-view__wrapper .ty-product-block__note {
position: static;
padding-top: 10px;
width: 100%;
}
.ty-quick-view-button {
padding-top: 5px;
visibility: hidden;
text-align: left;
}
.touchevents .ty-mainbox-container .ty-grid-list__control, .touchevents .ty-grid-list__item:hover .ty-quick-view-button, .touchevents .ty-grid-list__item .ty-quick-view-button {
display: none;
}
.ty-product-notification__body {
padding: 15px 20px;
min-height: 72px;
}
.ty-product-notification__body .ty-product-options {
display: block;
padding: 0;
}
.ty-product-notification__body .ty-control-group__label {
display: none;
}
.ty-product-notification__body .ty-product-options__info {
margin-top: 30px;
padding-left: 0;
max-height: 420px;
overflow-y: auto;
width: 100%;
}
.ty-product-notification__body .ty-product-options-name {
width: 110px;
padding: 6px 0;
float: left;
}
.ty-product-notification__body .ty-product-options-content {
width: 378px;
padding: 6px 0;
float: left;
}
.ty-product-notification__item {
margin-bottom: 20px;
}
.ty-product-notification__content {
overflow: hidden;
}
.ty-product-notification__product-name {
float: left;
display: block;
margin-bottom: 7px;
}
.ty-product-notification__price {
float: right;
margin-left: 25px;
}
.ty-product-notification__image, .ty-product-notification__body .ty-no-image {
float: left;
margin-right: 20px;
padding: 10px;
min-width: 0px;
}
.ty-product-notification__divider {
margin: 0 0 10px 0;
}
.ty-product-notification__amount {
width: 46%;
}
.ty-product-notification__subtotal {
font-weight: bold;
width: 46%;
text-align: right;
}
.ty-product-notification__body ul ul {
border-left: 1px solid #eee;
margin-left: 70px;
}
.ty-product-notification__buttons {
padding: 15px 20px;
background: #ecf0f1;
}
.ty-product-filters__wrapper {
background: #eee;
}
.ty-product-filters {
padding-top: 5px;
line-height: 140%;
margin-left: 7px;
margin-bottom: 15px;
}
.ty-product-filters__variants {
overflow-y: auto;
line-height: 1.4em;
margin-bottom: 7px;
}
.ty-product-filters__group {
padding: 2px 0;
margin: 5px 3px;
}
.ty-product-filters__group label, .ty-product-filters__group label > input {
cursor: pointer;
}
.ty-product-filters__group label.disabled, .ty-product-filters__group label.disabled > input {
background-color: transparent;
color: #bfbfbf;
cursor: default;
}
.ty-product-filters__item-more {
margin-bottom: -9px;
}
.ty-product-filters__tools {
padding: 10px 12px;
}
.ty-product-filters__extra-block {
margin-top: -3px;
}
.ty-product-filters__extra-link {
border-color: #bbb;
cursor: pointer;
}
.ty-filter-icon {
position: absolute;
top: 3px;
left: 0;
display: inline-block;
width: 10px;
height: 10px;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 70%;
background: #fff;
}
.ty-filter-icon__check, .ty-filter-icon__delete {
position: absolute;
top: 50%;
left: 50%;
margin: -3px 0 0 -3px;
width: 8px;
height: 8px;
font-size: 8px;
}
.ty-filter-icon__check, .ty-filter-icon__delete {
display: none;
}
.ty-product-filters__title {
color: #6b6b6b;
font-weight: 600;
}
.ty-product-filters__title .ty-icon-cancel-circle {
position: relative;
font-size: 16px;
top: 4px;
padding-left: 5px;
padding-right: 5px;
margin-right: 5px;
}
.ty-product-filters__title .ty-icon-cancel-circle:hover {
color: #3b5999;
}
.ty-product-filters__switch {
padding: 10px;
cursor: pointer;
border-bottom: 1px solid #d4d4d4;
}
.ty-product-filters__switch-right, .ty-product-filters__switch-down {
margin-right: 5px;
color: #bbb;
float: right;
font-size: 115%;
}
.ty-product-filters__switch-down {
margin-right: 4px;
}
.open.ty-product-filters__switch .ty-product-filters__switch-down, .ty-product-filters__switch-right {
display: none;
}
.open.ty-product-filters__switch .ty-product-filters__switch-right, .ty-product-filters__switch-down {
position: relative;
display: inline-block;
top: 2px;
}
.ty-product-filters__advanced-button, .ty-product-filters__reset-button {
position: relative;
color: #666;
font-size: 85%;
}
.ty-product-filters__reset-button {
float: right;
}
.ty-product-filters__reset-icon {
position: absolute;
left: -14px;
font-size: 130%;
}
.ty-product-filters__search {
position: relative;
padding: 10px 10px 0 3px;
}
.ty-product-filters__search .ty-input-text-medium {
padding-right: 28px;
width: 100%;
}
.ty-product-filters__search-icon {
position: absolute;
right: 18px;
top: 18px;
}
.ty-product-filters__no-items-found {
margin-bottom: 20px;
margin-right: 10px;
}
.ty-horizontal-product-filters {
padding-left: 10px;
background: #eee;
margin: 0 0 30px;
}
.ty-horizontal-product-filters-dropdown {
display: inline-block;
position: relative;
}
.ty-horizontal-product-filters-dropdown .ty-horizontal-product-filters-dropdown__wrapper {
text-decoration: none;
}
.ty-horizontal-product-filters-dropdown__wrapper {
padding: 5px 7px 9px 7px;
display: inline-block;
color: #34495e;
cursor: pointer;
}
.ty-horizontal-product-filters-dropdown__wrapper.active {
background: #e6e6e6;
}
.ty-horizontal-product-filters-dropdown__icon {
font-size: 20px;
position: relative;
padding-left: 10px;
top: 5px;
}
.ty-horizontal-product-filters-dropdown__wrapper:hover {
background: #e6e6e6;
}
.ty-horizontal-product-filters-dropdown__wrapper.open {
background: #7b7b7b;
color: white;
}
.ty-horizontal-product-filters-dropdown__content {
position: absolute;
z-index: 101;
border: 1px solid #97a0a5;
background: #fff;
min-width: 250px;
}
.ty-horizontal-filters-content-to-right {
left: 0;
}
.ty-horizontal-product-filters-dropdown__content .ty-horizontal-product-filters-dropdown__content-item-a {
text-decoration: none;
}
.ty-horizontal-product-filters-dropdown__content-item-a {
padding: 7px 14px;
color: #3b5999;
display: block;
}
.ty-horizontal-product-filters-dropdown__content-item-a:hover {
background: #3b5999;
color: #fff;
}
.ty-horizontal-product-filters-dropdown .ty-product-filters {
margin-bottom: 0;
}
.ty-horizontal-product-filters-dropdown a .ty-icon-cancel-circle {
position: relative;
font-size: 16px;
top: 3px;
padding-left: 5px;
}
.ty-horizontal-product-filters-dropdown a .ty-icon-cancel-circle:hover {
color: #3b5999;
}
.ty-horizontal-product-filters .ty-range-slider, .ty-horizontal-product-filters .ty-range-slider .ui-slider-range, .ty-horizontal-product-filters .ty-range-slider .ui-slider-handle {
z-index: 101;
}
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__tools {
background-color: #eee;
}
.ty-horizontal-product-filters.ty-selected-product-filters {
margin-bottom: 25px;
}
.cm-date-range {
display: inline-block;
padding: 15px 10px 9px;
margin-bottom: 15px;
}
.cm-date-range a {
color: #333;
}
.ty-date-range .ty-icon-calendar {
position: relative;
color: #333;
font-size: 16px;
margin-right: 3px;
top: 2px;
}
.daterangepicker.dropdown-menu.opensright, .daterangepicker.dropdown-menu.opensleft {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #97a0a5;
padding: 10px 8px;
z-index: 101;
}
.daterangepicker.dropdown-menu.opensright:before, .daterangepicker.dropdown-menu.opensleft:before, .daterangepicker.dropdown-menu.opensright:after, .daterangepicker.dropdown-menu.opensleft:after {
display: none;
}
.daterangepicker .ranges {
min-width: 180px;
}
.daterangepicker > .ranges > ul > li {
color: #3b5999;
}
.daterangepicker > .ranges > ul > li.active, .daterangepicker > .ranges > ul > li:hover {
background: #3b5999;
border: 1px solid #3b5999;
color: #fff;
}
.daterangepicker .ranges .range_inputs label {
display: block;
width: auto;
color: #333;
}
.daterangepicker_start_input, .daterangepicker_end_input {
margin-top: 5px;
margin-bottom: 20px;
}
.daterangepicker .input-mini {
width: 80px;
cursor: not-allowed;
background-color: #eee;
}
.daterangepicker button.btn.btn-small.btn-success.applyBtn {
display: inline-block;
margin-bottom: 0;
padding: 6px 14px;
outline: 0px;
border: 1px solid rgba(0,0,0,0);
background: #bdc3c7;
background-image: none;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.428571429;
cursor: pointer;
font-family: Arial Rounded MT;
font-size: 14px;
font-weight: normal;
font-style: normal;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: background 200ms;
-moz-transition: background 200ms;
-o-transition: background 200ms;
transition: background 200ms;
color: #666;
background: #d7d8db;
margin-right: 5px;
}
.daterangepicker button.btn.btn-small.clearBtn {
display: inline-block;
margin-bottom: 0;
padding: 6px 14px;
outline: 0px;
border: 1px solid rgba(0,0,0,0);
background: #bdc3c7;
background-image: none;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.428571429;
cursor: pointer;
font-family: Arial Rounded MT;
font-size: 14px;
font-weight: normal;
font-style: normal;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: background 200ms;
-moz-transition: background 200ms;
-o-transition: background 200ms;
transition: background 200ms;
}
.daterangepicker .calendar td.active, .daterangepicker .calendar td.active:hover {
background-color: #3b5999;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom,#3b5999,#3b5999);
}
.ty-price-slider {
padding: 10px;
margin-bottom: 20px;
color: #909598;
}
.ty-price-slider__input-text {
margin: 0 0 5px 0;
width: 74px;
}
.ty-range-slider__wrapper {
margin-left: -1px;
color: #d5d5d5;
}
.ty-range-slider__item {
position: absolute;
top: -5px;
width: 1px;
height: 10px;
background: #d5d5d5;
}
.ty-range-slider__num {
position: absolute;
top: 21px;
left: -25px;
display: block;
width: 45px;
text-align: center;
font-size: 75%;
cursor: pointer;
color: #909598;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.ty-range-slider {
position: relative;
margin: 15px 12px;
height: 5px;
border: 1px solid #d5d5d5;
background: #ecf0f1;
border-right: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ty-range-slider .ui-slider-range {
background: #d5d5d5;
border: 0px;
margin-top: -1px;
height: 7px;
}
.ty-range-slider .ui-slider-handle {
top: -9px;
margin-left: -8px;
width: 11px;
height: 20px;
background: #3c599f;
border-radius: 0px;
border: 0px;
cursor: col-resize;
}
.ty-range-slider .ui-slider-handle {
outline: 0 none;
-ms-touch-action: none;
touch-action: none;
}
.ty-range-slider.ui-state-disabled .ui-slider-handle {
cursor: not-allowed;
}
.ty-cart-content {
margin-top: 30px;
border: 1px solid #fff;
}
.ty-cart-content__title {
padding: 12px;
border: 1px solid #fff;
border-right: 0 none;
border-left: 0 none;
text-align: center;
white-space: nowrap;
font-weight: bold;
background: #edeff1;
}
.ty-cart-content__title.ty-left {
text-align: left;
}
.ty-cart-content__title.ty-right {
text-align: right;
}
.ty-cart-content__product-elem {
padding: 17px 10px;
border: none;
border-top: 1px solid #fff;
vertical-align: top;
}
.ty-cart-content__image {
float: left;
}
.ty-cart-content__image-block {
padding-left: 20px;
}
.ty-cart-content__product-title {
font-size: 115%;
}
.ty-cart-content__qty {
padding: 12px 30px 0;
text-align: center;
}
.ty-cart-content__sku {
padding: 5px 0;
}
.ty-cart-content__price {
padding-right: 20px;
text-align: right;
}
.ty-cart-content__detailed-link {
display: inline-block;
margin: 10px 0 10px;
border-bottom: 1px dotted transparent;
text-decoration: none;
cursor: pointer;
}
.ty-cart-content__detailed-link.open, .ty-cart-content__detailed-link:hover {
border-color: #3b5999;
text-decoration: none;
}
.ty-cart-content__product-delete {
margin: 0 0 0 6px;
vertical-align: middle;
}
.ty-cart-content__product-delete:hover {
text-decoration: none;
}
.ty-cart-content__options {
margin-top: 20px;
}
.ty-cart-content__more-info {
margin-top: 0;
}
.ty-cart-content__more-info-title {
padding: 12px;
}
.ty-cart-content__clear-button {
margin-left: 10px;
}
.ty-cart-content__payment-methods {
float: right;
margin: 30px 0 0;
border-top: 1px solid #e3e3e3;
-webkit-box-shadow: inset 0 70px 70px -30px #f7f7f7;
-moz-box-shadow: inset 0 70px 70px -30px #f7f7f7;
box-shadow: inset 0 70px 70px -30px #f7f7f7;
text-align: center;
}
.ty-cart-content__payment-methods-item {
padding: 20px 10px 0;
}
.ty-cart-content__payment-methods-title {
display: inline-block;
margin: 0 auto;
margin-bottom: -30px;
padding: 10px;
color: #737373;
text-transform: uppercase;
font-weight: bold;
font-size: 85%;
}
.ty-cart-content__buttons {
padding: 18px 22px;
background: #f6f6f6;
}
.ty-cart-content__left-buttons {
float: left;
}
.ty-cart-content__right-buttons {
float: right;
}
.ty-cart-items {
overflow: auto;
padding: 10px 22px;
max-height: 400px;
width: 320px;
}
.ty-cart-items__list-item {
padding: 10px 0px;
position: relative;
border-bottom: 1px solid #ecf0f1;
}
.ty-cart-items__list-item .ty-icon-cancel-circle {
color: #a2a2a2;
}
.ty-cart-items__list-item:last-child {
border-bottom: 0px;
}
.ty-cart-items__list-item:hover .ty-cart-items__list-item-tools {
display: block;
}
.ty-cart-items__list-item-tools a:hover {
text-decoration: none;
}
.ty-cart-items__list-item-image {
float: left;
margin-right: 25px;
}
.ty-cart-items__list-item-desc {
overflow: hidden;
}
.ty-cart-items__list-item-tools {
position: absolute;
top: 10px;
right: 0px;
display: none;
}
.ty-cart-items__empty {
margin: 15px 0;
color: #bbb;
}
.ty-minicart-title {
padding-left: 20px;
display: inline-block;
text-decoration: none;
}
.ty-cart-total {
background: #edeff1;
}
.ty-cart-total__wrapper {
padding: 17px 20px;
border: 1px solid #fff;
border-top: none;
}
.ty-cart-statistic {
float: right;
padding-top: 10px;
}
.ty-cart-statistic__item {
clear: both;
overflow: hidden;
padding: 0 0 15px 0;
color: #a2a2a2;
}
.ty-cart-statistic__title {
position: relative;
float: left;
margin-right: 20px;
width: 220px;
text-align: right;
white-space: normal;
}
.ty-cart-statistic_title_main {
font-weight: bold;
}
.ty-statistic-list-subtotal-discount, .ty-statistic-list-discount {
color: #e74c3c;
}
.ty-cart-statistic__value {
position: relative;
display: inline-block;
width: 140px;
text-align: right;
}
.ty-cart-statistic__total-title {
margin-right: 10px;
}
.ty-cart-statistic__total-value {
display: inline-block;
width: 140px;
}
.ty-cart-statistic__group {
padding-bottom: 5px;
}
.ty-cart-statistic__total-list {
border-top: 1px solid #e0e0e0;
margin-top: 15px;
}
.ty-cart-statistic__total {
padding: 9px 0 0 0;
text-align: right;
font-weight: bold;
font-size: 138%;
}
.ty-cart-total__a-estimation {
display: inline-block;
margin: 0 2px 0 3px;
text-transform: uppercase;
font-size: 85%;
line-height: 130%;
border-bottom: 1px solid transparent;
}
.ty-cart-total__a-estimation:hover {
border-bottom: 1px dotted #3b5999;
text-decoration: none;
}
.ty-cart-total__icon-estimation {
padding: 0 2px;
}
.ty-cart-content__estimation {
max-width: 480px;
}
.ty-sidebox .ty-input-text-medium {
width: 100%;
}
.ty-estimation__title {
margin-top: 15px;
font-weight: bold;
font-size: 16px;
color: #a2a2a2;
}
.ty-estimation-buttons__rate {
float: none;
}
.ty-estimation-buttons .ty-btn + .ty-btn {
margin-left: 0;
}
.ty-estimation-buttons .ty-btn {
vertical-align: top;
}
.ty-cart-content-products {
margin-bottom: 6px;
position: relative;
padding: 0 10px;
border: 1px solid #bdc3c7;
background: #fff;
}
.ty-cart-content-products__item {
padding-top: 15px;
border-bottom: 1px solid #bdc3c7;
}
.ty-cart-content-products__item:last-child {
border: 0;
}
.ty-discount-info {
position: relative;
margin-top: 7px;
padding: 10px;
border: 1px solid #bdc3c7;
background: #fff;
font-size: 90%;
}
.ty-discount-coupon__ty-control-group {
margin: 5px 0;
}
.ty-coupons__container {
float: left;
padding-right: 25px;
width: 260px;
}
.ty-coupons__item {
padding: 0 0 5px;
}
.ty-coupons__item:last-child {
padding-bottom: 0;
}
.ty-coupons__item-delete, .ty-coupons__item-delete:hover {
text-decoration: none;
}
.ty-group-block {
padding: 10px;
border: 1px solid #eee;
border-radius: 3px;
}
.ty-group-block__arrow {
position: relative;
}
.ty-group-block__arrow .ty-caret-info {
top: -17px;
}
.ty-group-block .ty-caret-outer {
border-bottom: 7px solid #eee;
border-bottom-color: rgba(0,0,0,0.1);
}
.ty-group-block .ty-caret-inner {
border-bottom-color: #fbfbfb;
}
.ty-checkout__title {
display: inline-block;
margin: 30px 0 0;
text-decoration: none;
font-weight: bold;
font-style: normal;
font-size: 20px;
font-family: 'Arial Rounded MT';
}
.ty-checkout__title-icon {
color: #c0c0c0;
vertical-align: middle;
font-size: 27px;
}
.checkout__block {
padding: 0 20px;
}
.ty-checkout-buttons {
margin-top: 15px;
padding: 17px 25px 0px 25px;
border-top: 1px solid #d5d5d5;
background: #eee;
}
.ty-checkout__terms {
margin: 25px 0px;
padding: 15px 20px;
border: 2px solid #bdc3c7;
border-radius: 3px;
background: #fff;
font-weight: bold;
}
.ty-checkout__shipping-tips {
color: #7f7f7f;
}
.ty-step__container {
margin: 0 0 5px 0;
position: relative;
}
.ty-step__container .ty-icon-down-micro {
display: none;
}
.ty-step__container-active {
margin: 0 0 45px 0;
background: #eee;
}
.ty-step__container-active .ty-tabs {
margin-top: 5px;
padding: 0px 10px;
}
.ty-step__container-active .ty-tabs__content {
padding: 0;
}
.ty-step__body-active .ty-address-switch {
margin: 25px 20px;
}
.ty-step__container-active .ty-step__title-txt {
margin-left: 32px;
}
.ty-step__container-active .ty-step__title-left {
background: #fff;
color: #c0c0c0;
margin-top: -1px;
}
.ty-step__container {
background: #eee;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.ty-step__title, .ty-step__title-active, .ty-step__title-complete {
position: relative;
padding: 10px 14px 9px 14px;
}
.ty-step__title-complete {
padding-right: 110px;
}
.ty-step__title-complete .ty-step__title-left {
position: static;
padding: 0px;
background: none;
color: #aeaeae;
display: inline;
}
.ty-step__title-complete .ty-step__title-txt {
margin-left: 30px;
color: #aeaeae;
}
.ty-step__title-complete .ty-step__title-right .ty-btn {
position: absolute;
right: 8px;
top: 8px;
}
.ty-step__title-active {
background: #c0c0c0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.ty-step__title-arrow {
display: block;
width: 35px;
height: 18px;
position: absolute;
font-size: 80px;
line-height: 0;
bottom: -30px;
color: #c0c0c0;
left: 35px;
}
.ty-step__title-txt {
color: white;
font-size: 20px;
font-weight: normal;
}
.ty-step__title .ty-step__title-txt {
font-weight: normal;
color: #aeaeae;
margin-left: 36px;
}
.ty-step__title-icon {
position: absolute;
top: 14px;
left: 16px;
}
.ty-step-one .ty-checkout-buttons {
border: 0;
margin-top: 6px;
}
.ty-step-one .buttons-container {
border: 0;
padding-left: 0;
padding-right: 0;
}
.ty-step__title-left {
font-weight: normal;
font-size: 18px;
position: absolute;
display: inline-block;
color: #fff;
padding: 2px 9px;
background: #c0c0c0;
border-radius: 50px;
}
.ty-step__title-right {
float: right;
padding: 4px 0 0 0;
}
.ty-step__body-active {
padding: 20px 0;
}
.ty-step__body-active .select-profile label {
display: none;
}
.ty-step__body-active .ty-control-group .ty-input-text {
width: 100%;
}
.ty-checkout__relogin {
display: inline-block;
padding: 10px 10px 20px;
}
.ty-checkout__login {
float: left;
padding-right: 3%;
padding-left: 3%;
width: 46%;
}
.ty-checkout__login .ty-login {
margin-top: 0;
}
.ty-checkout__register {
position: relative;
float: left;
margin: 0 0 0 3%;
width: 45%;
}
.ty-checkout__register #anonymous_checkout .ty-control-group {
margin-bottom: 0;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.ty-anonymous_checkout {
padding: 0 25px;
margin-top: 20px;
}
.ty-anonymous_checkout__field {
padding: 0 25px;
margin-top: 20px;
}
.ty-checkout__register-content {
padding-left: 20px;
}
.ty-checkout__register-cancel {
margin-left: 15px;
}
.ty-checkout__register-methods {
margin: 0;
padding: 0;
}
.ty-checkout__register-methods-item {
margin: 0px;
padding: 15px 0 0;
}
input.ty-checkout__register-methods-radio {
float: left;
margin-top: 2px;
}
.ty-checkout__register-methods-title {
display: block;
padding-bottom: 5px;
overflow: hidden;
}
.ty-checkout__register-methods-hint {
display: inline-block;
padding-left: 20px;
color: #7f7f7f;
font-size: 95%;
}
.ty-shipping-options__vendor-name {
display: inline-block;
padding: 15px 0 10px;
font-weight: bold;
}
.ty-shipping-options__products {
margin-left: 15px;
}
.ty-shipping-options__total {
margin-top: 15px;
padding: 15px 0;
border-top: 1px solid #e5e5e5;
}
.ty-customer-notes {
padding: 15px 0;
}
.ty-customer-notes__title {
font-weight: bold;
}
.ty-customer-notes__text {
width: 100%;
height: 100px;
resize: vertical;
}
.ty-checkout__billing-options {
padding: 20px 20px 0;
}
.ty-checkout__billing-options.ty-notab {
padding: 0px 20px 0;
}
.ty-checkout__billing-tabs .ty-tabs {
padding-left: 20px;
}
.ty-credit-card {
display: inline-block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
padding: 15px 22px;
max-width: 363px;
border: 1px solid #f2f2f2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: white;
}
.ty-credit-card__control-group {
position: relative;
}
input.ty-credit-card__input {
padding: 8px;
width: 100%;
height: 40px;
font-size: 18px;
}
input.ty-credit-card__input-short {
margin: 0;
width: 50px;
}
.ty-credit-card__ty-control-group {
position: relative;
}
.ty-credit-card .help-inline {
display: none;
}
.ty-credit-card__cvv-field {
display: inline-block;
margin: 17px 15px;
max-width: 190px;
}
.ty-credit-card__cvv-field-input {
width: 65px;
font-size: 18px;
height: 38px !important;
}
.ty-cc-icons {
position: absolute;
right: 57px;
bottom: 25px;
display: inline-block;
margin: 0 0 15px;
}
.ty-cc-icons__item {
position: absolute;
z-index: 10;
display: inline-block;
visibility: hidden;
padding: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ty-cc-icons__icon {
display: inline-block;
margin: 0;
width: 51px;
height: 32px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/payments.png?1499259135') no-repeat;
}
.ty-cc-icons__item.cc-default, .ty-cc-icons__item.active {
visibility: visible;
}
.ty-cc-icons__item .default {
background-position: -300px 0px;
}
.ty-cc-icons__item .visa-electron {
background-position: -200px -100px;
}
.ty-cc-icons__item .maestro {
background-position: 0 -200px;
}
.ty-cc-icons__item .american-express {
background-position: -100px -200px;
}
.ty-cc-icons__item .discover {
background-position: -200px -200px;
}
.ty-cc-icons__item .mastercard {
background-position: 0px -100px;
}
.ty-cc-icons__item .visa {
background-position: -200px 0px;
}
.ty-cvv2-about {
display: inline-block;
margin-left: 10px;
}
.touch .ty-cvv2-about {
display: none;
}
.ty-cvv2-about:hover {
position: relative;
text-decoration: none;
}
.ty-cvv2-about__title {
cursor: pointer;
color: #3b5999;
}
.ty-cvv2-about__note {
display: none;
padding: 15px 5px;
width: 340px;
border: 1px solid #fff;
background-color: #fff;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.ty-cvv2-about:hover .ty-cvv2-about__note {
position: absolute;
bottom: 0;
left: 100%;
z-index: 100;
display: block;
}
.ty-cvv2-about__image {
float: left;
padding: 0 15px;
}
.ty-cvv2-about__description {
float: left;
width: 240px;
}
.ty-cvv2-about__description-title {
margin: 0;
}
.ty-payment-icons {
margin: 10px 0;
}
.ty-payment-icons__item {
display: inline-block;
margin-left: 10px;
width: 51px;
height: 32px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/payments.png?1499259135') no-repeat;
}
.ty-payment-icons__item.twocheckout {
background-position: 0 0;
}
.ty-payment-icons__item.mastercard {
background-position: 0px -100px;
}
.ty-payment-icons__item.paypal {
background-position: -100px -100px;
}
.ty-payment-icons__item.visa {
background-position: -200px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) {
.ty-payment-icons__item {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/payments@2x.png?1499259135');
background-size: 400px, 400px;
}
}
.ty-checkout-summary__block {
margin-top: 20px;
width: 100%;
}
.ty-checkout-summary__item {
padding-bottom: 15px;
}
.ty-checkout-summary__total {
text-align: left;
}
.ty-checkout-summary__total-sum {
display: inline-block;
float: right;
}
.ty-checkout-summary__taxes {
padding-bottom: 2px;
font-weight: bold;
}
.ty-checkout-summary__taxes-amount {
display: inline-block;
overflow: hidden;
width: 70px;
text-overflow: ellipsis;
white-space: nowrap;
}
.ty-checkout-summary__order_discount {
color: #e74c3c;
}
.ty-order-products__list {
padding: 0px 0px;
}
.ty-order-products__list .ty-product-options {
display: block;
padding: 6px 0 0;
color: #737373;
}
.ty-order-products__item {
padding: 14px 0;
border-bottom: 1px solid #ecf0f1;
}
.ty-order-products__item:last-child {
padding-bottom: 5px;
border: none;
}
.ty-order-products__item:first-child {
padding-top: 0;
}
.ty-order-products__item-delete {
visibility: hidden;
float: right;
}
.ty-order-products__item-delete:hover {
text-decoration: none;
}
.ty-order-products__item:hover .ty-order-products__item-delete {
visibility: visible;
}
.ty-order-products__price {
color: #1a1a1a;
}
.ty-order-products__a {
display: inline-block;
margin: 2px 0 5px;
max-width: 238px;
}
.ty-order-products__buttons {
padding: 14px 0px;
}
.ty-order-products__buttons .text-button {
color: #e74c3c;
}
.ty-order-info {
color: #1a1a1a;
}
.ty-order-info__title {
font-weight: bold;
}
.shipping-adress__delim {
margin-bottom: 15px;
padding-top: 10px;
border-bottom: 1px solid #ecf0f1;
}
.ty-order-info__profile-field {
padding: 10px;
background: #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.ty-order-info__profile-field-item {
float: none;
clear: left;
}
.ty-order-info__profile-field .b-firstname, .ty-order-info__profile-field .b-lastname, .ty-order-info__profile-field .b-address, .ty-order-info__profile-field .b-city, .ty-order-info__profile-field .b-country, .ty-order-info__profile-field .b-state, .ty-order-info__profile-field .b-zipcode, .ty-order-info__profile-field .s-firstname, .ty-order-info__profile-field .s-lastname, .ty-order-info__profile-field .s-address, .ty-order-info__profile-field .s-city, .ty-order-info__profile-field .s-country, .ty-order-info__profile-field .s-state, .ty-order-info__profile-field .s-zipcode {
float: left;
clear: none;
padding-right: 5px;
}
.ty-order-info__profile-field .b-address, .ty-order-info__profile-field .s-address {
clear: left;
}
.ty-checkout-complete__create-account {
width: 49%;
display: inline-block;
}
.ty-checkout-complete__buttons:before, .ty-checkout-complete__buttons:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-checkout-complete__buttons:after {
clear: both;
}
.ty-checkout-complete__buttons-left {
float: left;
}
.ty-checkout-complete__buttons-right {
float: right;
}
.ty-checkout-complete__login-info {
width: 45%;
margin-left: 5%;
display: inline-block;
vertical-align: top;
}
.ty-checkout-complete_width_full {
width: 100%;
margin: 0 0 45px 0;
}
.ty-checkout-complete__order-success {
margin-bottom: 20px;
}
.ty-checkout-complete__button-vmid {
display: inline-block;
margin-top: 8px;
}
.ty-other-pay {
margin-top: 20px;
}
.ty-payments-list {
float: left;
margin: 0;
padding-right: 60px;
}
.ty-payments-list__item {
padding: 0px 0px 20px 0;
}
input.ty-payments-list__checkbox {
float: left;
margin-top: 2px;
}
.ty-payments-list__checkbox:checked + .ty-payments-list__item-group {
font-weight: bold;
}
.ty-payments-list__item-group {
padding-left: 20px;
color: #a2a2a2;
}
.ty-payments-list__description {
padding-top: 5px;
margin-bottom: 10px;
font-weight: normal;
}
.ty-payments-list__instruction {
display: inline-block;
width: 255px;
margin-bottom: 10px;
color: #333;
}
.ty-payments-list__instruction h2 {
font-weight: bold;
font-size: 135%;
line-height: 130%;
}
.ty-payments-list__instruction p {
padding-top: 10px;
line-height: 150%;
}
.ty-payments-list__image {
max-width: 120px;
}
.ty-payment-method-iframe {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 700px;
background: #c0c0c0;
opacity: 0.9;
}
.ty-payment-method-iframe__label {
position: relative;
top: 350px;
padding: 10px;
height: 50px;
}
.ty-payment-method-iframe__text {
position: relative;
top: 20px;
vertical-align: middle;
text-align: center;
font-weight: bold;
}
.ty-payment-method-iframe__box {
position: relative;
z-index: 10;
overflow: hidden;
height: 700px;
}
.ty-repay .ty-tabs {
margin-top: 5px;
}
.ty-repay-button {
padding-bottom: 20px;
}
.ty-orders-detail {
position: relative;
}
.ty-orders-detail .tabs {
margin-top: 20px;
}
.ty-orders-detail .ty-subheaders-group {
margin: 0;
}
.ty-orders__actions {
margin: 25px 0;
}
.ty-orders__actions .ty-btn + .ty-btn {
margin-left: 30px;
}
.ty-orders__actions-right {
float: right;
}
.ty-orders__actions-right-item {
float: left;
margin-left: 25px;
}
.ty-profiles-info {
margin-top: 20px;
vertical-align: top;
}
.ty-profiles-info:before, .ty-profiles-info:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-profiles-info:after {
clear: both;
}
.ty-profiles-info__item {
float: left;
margin-right: 3%;
width: 30%;
}
.ty-profiles-info__title {
margin-bottom: 5px;
font-size: 15px;
}
.ty-profiles-info__field {
padding-top: 12px;
}
.ty-profiles-info__field .ty-info-field {
margin-bottom: 5px;
}
.ty-profiles-info__field .ty-info-field:before, .ty-profiles-info__field .ty-info-field:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-profiles-info__field .ty-info-field:after {
clear: both;
}
.ty-orders-detail__products {
margin-top: 25px;
}
.ty-orders-detail__table {
width: 100%;
margin-top: 10px;
}
.ty-orders-detail__table-product {
width: 65%;
}
.ty-orders-detail__table-price {
width: 15%;
text-align: right;
}
.ty-orders-detail__table-quantity {
width: 10%;
}
.ty-orders-detail__table-subtotal {
text-align: right;
}
.ty-orders-notes {
margin-top: 28px;
}
.ty-orders-notes__body {
position: relative;
margin-top: 10px;
padding: 15px;
border: 1px solid #eee;
line-height: 150%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ty-orders-summary {
margin-top: 28px;
}
.ty-orders-summary__wrapper {
float: left;
margin-top: 10px;
padding: 4px 20px;
min-width: 52%;
background: #f8f8f8;
border: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ty-orders-summary__table {
width: 100%;
}
.ty-orders-summary__row {
border-bottom: 1px solid #e3e9ec;
}
.ty-orders-summary__row:last-child {
border-bottom: 0px;
}
.ty-orders-summary__total {
font-weight: bold;
}
.ty-orders-summary__wrapper td {
padding: 13px 10px 11px 0;
vertical-align: top;
}
.ty-orders-summary__taxes-description {
padding-top: 5px;
}
.ty-orders-summary__right {
float: right;
}
.ty-orders-shipment .ty-subheader {
font-size: 22px;
font-weight: 600;
margin-top: 40px;
}
.ty-orders-shipment .ty-subheader:first-child {
margin-top: 0px;
}
.ty-orders-shipment__info p {
padding-top: 0px;
}
.ty-orders-shipment__table {
width: 100%;
margin-top: 10px;
}
.ty-orders-shipment-notes__header {
font-size: 14px;
float: left;
padding-right: 10px;
display: table-cell;
}
.ty-orders-shipment-notes__body {
display: table-cell;
}
.ty-orders-shipment-notes__info {
padding-top: 20px;
}
.ty-orders-shipment-notes_body {
float: left;
display: table-cell;
}
.ty-orders-search {
position: relative;
width: 100%;
}
.ty-orders-search__item {
vertical-align: top;
}
.ty-orders-search__user-info {
margin: 0;
padding: 0;
}
.ty-orders-repay {
margin-top: 30px;
}
.ty-orders-repay .tabs-content {
padding-left: 20px;
}
.ty-order-status {
margin: 5% auto;
padding: 15px 15px 15px 40px;
width: 920px;
border: 1px solid #e5e5e5;
background: #f7f7f7 url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/ajax.gif?1499259135') no-repeat 15px center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.ty-license-agreement__checkbox__checkbox {
font-weight: bold;
}
.ty-orders-promotion {
margin-top: 30px;
}
.ty-orders-promotion__title {
font-size: 16px;
}
.ty-orders-promotion__description {
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 10px;
padding: 10px;
}
.ty-exception {
position: relative;
margin: 50px 0px 30px 0px;
padding: 40px 0px 70px 0px;
}
.ty-exception__code {
top: 92px;
left: 63px;
display: inline-block;
width: 300px;
color: #e74c3c;
text-align: center;
font-weight: bold;
font-size: 86px;
line-height: 70px;
}
.ty-exception__code-txt {
display: block;
text-align: center;
font-weight: normal;
font-style: normal;
font-size: 26px;
}
.ty-exception__title-info {
display: inline-block;
padding-left: 30px;
}
.ty-exception__title {
padding: 0px 0px 25px 0px;
font-size: 25px;
font-weight: normal;
color: #34495e;
}
.ty-exception__info {
padding: 0px 0px 30px 0px;
color: #bdc3c7;
font-size: 110%;
}
.ty-exception__links {
margin: 0px 20px 0px 0px;
}
.ty-exception__links-item {
float: left;
list-style-type: none;
margin-right: 20px;
}
.ty-exception__links-a {
text-decoration: underline;
cursor: pointer;
}
.ty-sitemap {
margin-bottom: 10px;
}
.ty-sitemap__section-title {
display: block;
padding: 10px 0 7px 0;
border-color: #fff;
border-bottom: 1px solid #ebebeb;
font-size: 16px;
}
.ty-sitemap__section-wrapper {
float: left;
margin-top: 20px;
margin-bottom: 30px;
width: 33%;
}
.ty-sitemap__tree {
margin: 20px 0 15px 0;
}
.ty-sitemap__tree-section-list {
display: inline-block;
float: left;
margin-bottom: 30px;
min-height: 165px;
width: 33%;
font-size: 12px;
}
.ty-sitemap__section-sub-title {
font-weight: bold;
font-size: 120%;
}
.ty-sitemap__tree-list-item {
font-size: 12px;
line-height: 17px;
padding: 5px 0;
}
.ty-sitemap__tree-list-item {
padding: 5px 0;
}
.ty-company-fields {
margin-bottom: 50px;
}
.ty-company-fields .ty-input-text, .ty-company-fields .ty-input-textarea-long {
width: 100%;
}
.ty-company-fields select {
width: 100%;
}
.ty-companies {
padding: 20px 0;
border-bottom: 1px solid #ebebeb;
}
.ty-companies:before, .ty-companies:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-companies:after {
clear: both;
}
.ty-companies__info {
overflow: hidden;
padding-left: 25px;
}
.ty-companies__img {
float: left;
text-align: center;
}
.ty-company-title {
display: inline-block;
padding: 5px 0;
}
.ty-company-detail__top-links {
line-height: 20px;
}
.ty-company-detail__view-products {
display: inline-block;
margin-top: 5px;
margin-right: 15px;
cursor: pointer;
}
.ty-company-detail__categories {
margin-top: 10px;
}
.ty-company-detail__table {
width: 100%;
margin-top: 10px;
}
.ty-company-detail__info-title {
margin-bottom: 0;
padding-bottom: 5px;
color: #404040;
font-weight: bold;
font-size: 115%;
}
.ty-company-detail__logo {
float: left;
overflow: hidden;
margin: 0 100px 20px 0;
width: 160px;
height: 100px;
border: 1px solid #ddd;
text-align: center;
line-height: 100px;
}
.ty-company-detail__logo:before, .ty-company-detail__logo:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-company-detail__logo:after {
clear: both;
}
.ty-company-detail__logo .ty-no-image {
width: 160px !important;
height: 100px !important;
}
.ty-company-detail__info {
overflow: hidden;
margin-top: 25px;
}
.ty-company-detail__info:before, .ty-company-detail__info:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-company-detail__info:after {
clear: both;
}
.ty-company-image {
vertical-align: middle;
}
.ty-company-detail__info-list {
float: left;
margin-bottom: 20px;
max-width: 240px;
word-break: break-all;
}
.ty-company-detail_info-first {
margin-right: 10%;
}
.ty-company-detail__ty-control-group {
padding-top: 3px;
}
.ty-company-detail__control-label {
display: inline-block;
width: 65px;
}
.ty-company__terms {
margin: 25px 0px;
padding: 15px 20px;
border: 2px solid #bdc3c7;
border-radius: 3px;
background: #fff;
font-weight: bold;
}
.ty-company-info {
margin: 45px 0 0 58px;
padding-bottom: 280px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/company_vendor.png?1499259135') no-repeat bottom center;
}
.ty-company-info h4 {
padding-bottom: 10px;
font-size: 19px;
}
.ty-company-info ul li {
margin-bottom: 11px;
margin-left: 17px;
padding: 2px 0;
list-style-type: disc;
}
.vendor-info-grid {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin: 30px 0 3px;
padding: 35px 0;
}
.ty-vendor-information {
text-align: right;
}
.ty-entry-page__item {
margin: 3px 0;
padding: 8px;
}
.ty-entry-page__a {
display: block;
}
.ty-categories-picker {
margin-top: -1px;
width: 100%;
}
.ty-categories-picker__title, .ty-categories-picker__item {
padding: 12px;
border: 1px solid #ecf0f1;
text-align: left;
}
.ty-categories-picker .ty-dir-list {
color: #b3b3b3;
}
.ty-tree-space {
display: inline-block;
width: 10px;
}
.download {
margin-top: 20px;
}
.ty-download__table {
width: 100%;
margin: 11px 0 35px 0;
}
.ty-download-icon {
margin-right: 5px;
color: #bdc3c7;
}
.ty-download__empty {
color: #eee;
}
.ty-download__icon {
margin-left: 5px;
font-size: 120%;
}
.ty-top-panel {
position: fixed;
width: 100%;
z-index: 500;
}
.ty-top-panel-padding {
padding-top: 36px;
}
.ty-top-panel__wrapper {
position: relative;
z-index: 100;
overflow: hidden;
height: 35px;
border-bottom: 1px solid #262626;
background: #333 url('../../../../../../../../design/themes/octo_eyewear/media/images/csse_bg.png?1499259135');
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.5);
box-shadow: inset 0 0 25px rgba(0,0,0,0.5);
}
.ty-top-panel__title {
float: left;
margin: 0 0 0 15px;
color: #d3d3d3;
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
line-height: 36px;
}
.ty-top-panel__logo {
display: inline-block;
width: 20px;
float: left;
padding: 0 15px;
height: 36px;
border-right: 1px solid #282828;
-webkit-box-shadow: 1px 0px 0px 0px #393939;
-moz-box-shadow: 1px 0px 0px 0px #393939;
box-shadow: 1px 0px 0px 0px #393939;
}
.ty-top-panel__logo-link:hover {
text-decoration: none;
}
.ty-top-panel__icon-basket {
position: relative;
top: 7px;
color: #666;
font-size: 20px;
}
.ty-top-panel__icon-basket:hover {
color: #f3f3f3;
}
.ty-top-panel__timer {
color: #cfcfcf;
margin-right: 15px;
}
.ty-top-panel__close {
width: 9px;
padding: 0 15px;
color: #969696;
font-size: 12px;
}
.ty-top-panel__close:hover {
background: rgba(0,0,0,0.3);
color: #f3f3f3;
text-decoration: none;
}
.ty-top-panel-action {
float: right;
line-height: 36px;
}
.ty-top-panel-action__setting {
padding: 0 15px;
width: 22px;
}
.ty-top-panel-action__setting:hover, .ty-top-panel-action__setting.active {
background: rgba(0,0,0,0.3);
text-decoration: none;
}
.ty-top-panel-action__setting:hover .ty-top-panel-action__icon-setting {
color: #f3f3f3;
}
.ty-top-panel-action__icon-setting {
color: #969696;
font-size: 22px;
position: relative;
top: 3px;
}
.ty-top-panel-action_item {
display: inline-block;
border-right: 1px solid #282828;
-webkit-box-shadow: 1px 0px 0px 0px #393939;
-moz-box-shadow: 1px 0px 0px 0px #393939;
box-shadow: 1px 0px 0px 0px #393939;
}
.minimize-label {
position: absolute;
top: 0;
right: 20px;
z-index: 1000;
width: 35px;
height: 20px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
background: #4d4d4d;
text-decoration: none;
opacity: 0.7;
}
.minimize-label:hover {
opacity: 1;
}
.minimize-label__icon {
position: absolute;
top: -2px;
left: 11px;
color: #ccc;
font-size: 22px;
}
.ty-top-panel-btn {
margin-right: 15px;
padding: 3px 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #636363;
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
color: #fff;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
font-size: 12px;
cursor: pointer;
background-image: linear-gradient(to bottom,#6d6d6d,#555);
}
.ty-top-panel-btn:hover {
background-color: #7d7d7d;
background-repeat: repeat-x;
color: #fff;
text-decoration: none;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom,#878787,#6e6e6e);
}
.ty-top-panel-btn:active {
background-color: #5f5f5f;
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);
-moz-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);
color: #fff;
text-shadow: none;
font-size: 12px;
background-image: linear-gradient(to bottom,#555,#6e6e6e);
}
.te-mode {
margin-left: 300px;
}
.te-mode .ty-ajax-loading-box {
margin-left: 156px;
}
html #jquery-overlay {
z-index: 1060;
}
html #jquery-lightbox {
z-index: 1070;
}
.homepage-banners {
margin-top: 25px;
}
.homepage-hotdeals {
margin: 50px 0;
}
.ty-homepage-vendors {
margin-top: 35px;
margin-right: 40px;
padding: 15px 0 30px 0;
}
.ty-homepage-vendors ul {
margin: 15px 15px 0 0;
}
.ty-homepage-vendors ul li {
padding: 5px 0;
}
.ty-homepage-vendors__devider {
border-top: 1px solid #eee;
padding: 10px 0;
margin-top: 15px;
}
.ty-pagination {
margin: 10px 0 10px;
padding: 10px 0 10px 0;
}
.ty-pagination__items {
display: inline-block;
color: #959595;
}
.ty-pagination__bottom {
border-top: 1px solid #dedede;
}
.ty-pagination__item, .ty-pagination__selected {
color: white;
display: inline-block;
padding: 3px 7px;
min-width: 12px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.ty-pagination__item {
color: #959595;
}
.ty-pagination__item:hover {
background: #eee;
color: #959595;
padding: 4px 7px;
}
.ty-pagination__selected {
color: #fff;
font-size: 13px;
background: #3b5999;
}
.ty-pagination__range, .ty-pagination__btn {
margin: 0 4px;
padding: 5px 7px;
width: auto;
color: #959595;
}
.ty-pagination__btn:hover {
color: #959595;
}
.ty-pagination__prev, .ty-pagination__next {
color: #959595;
}
.ty-pagination__prev:hover, .ty-pagination__next:hover {
color: #959595;
background: #eee;
cursor: pointer;
}
.ty-pagination__text {
text-transform: uppercase;
}
.ty-pagination__text-arrow {
font-size: 16px;
line-height: 10px;
font-style: normal;
}
.ty-pagination__text-arrow:before {
content: "â†";
}
.ty-pagination__next .ty-pagination__text-arrow:before {
content: "→";
}
.ty-tabs {
margin-top: 30px;
vertical-align: bottom;
border-bottom: 1px solid #dcdcdc;
}
.ty-tabs__list {
vertical-align: bottom;
}
.ty-tabs__item, .ty-tabs .subtab {
float: left;
vertical-align: bottom;
white-space: nowrap;
cursor: pointer;
border-radius: 0;
margin: 2px 2px 0 0;
padding: 0 0 0 3px;
position: relative;
background: #e1e1e1;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.ty-tabs__item:hover, .ty-tabs .subtab:hover {
background: #e9e9e9;
}
.ty-tabs__item.active, .ty-tabs .subtab.active {
background: #bbb;
}
.ty-tabs__a, .ty-tabs .subtab a {
display: block;
padding: 8px 21px 2px 18px;
height: 23px;
color: #7c7e80;
text-decoration: none;
}
.ty-tabs__item.active .ty-tabs__a {
color: #fff;
}
.ty-tabs .subtab .ty-tabs__item.active .ty-tabs__a {
color: #7c7e80;
}
.ty-tabs__a:hover, .ty-tabs .subtab a:hover {
text-decoration: none;
color: #7c7e80;
}
.ty-tabs__content {
padding: 15px 5px;
}
.tab-list-title {
margin: 50px 0 15px 0px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
font-size: 22px;
}
.ty-tabs .open .dropdown-menu {
display: block;
}
.ty-tabs .dropdown-menu {
position: absolute;
top: 100%;
right: 0;
z-index: 1000;
display: none;
min-width: 160px;
padding: 5px 0;
margin: 0;
list-style: none;
background-color: #fff;
border: 1px solid #dcdcdc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.ty-tabs .dropdown-menu li.active {
float: none;
border: 0;
margin: 0;
}
.ty-tabs .dropdown-menu li {
display: block;
margin: 0;
float: none;
background: none;
border: 0px;
}
.ty-tabs .subtab {
float: right !important;
}
.ty-tabs .ty-icon-down-dir {
position: relative;
float: none;
top: 0;
left: 0;
margin: 0 2px;
}
.ty-ajax-loading-box__inner {
display: none;
margin: 0 10px 0 5px;
padding: 6px 0 6px 27px;
color: #fff;
font-weight: bold;
}
.ty-ajax-loading-box {
position: fixed;
top: 50%;
right: 50%;
left: 50%;
z-index: 100001;
display: none;
overflow: visible;
margin-top: -26px;
margin-left: -26px;
padding: 0px;
min-height: 52px;
width: 52px;
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/ajax_loader.svg?1499259135') no-repeat 10px 10px #0d0d0d;
opacity: 0.8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ty-ajax-loading-box_text_block {
min-width: 120px;
min-height: 76px;
background-position: 44px 10px;
}
.ty-ajax-loading-box-with__text-wrapper {
color: #fff;
margin-top: 50px;
display: block;
margin-left: 0px;
width: 110px;
padding: 0px 5px 5px 5px;
text-align: center;
}
.ty-ajax-overlay {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 10000;
display: none;
}
.notification-content-extended {
position: fixed;
top: 50%;
left: 50%;
z-index: 1101;
margin: -40px 0 0 -320px;
min-height: 140px;
width: 640px;
color: #000;
background-color: #fff;
border: 1px solid gray;
}
.notification-content-extended .ty-product-notification__body {
overflow: auto;
}
.notification-body-extended {
color: #000;
overflow-x: hidden;
overflow-y: auto;
}
.notification-container {
position: fixed;
top: 0;
right: 40px;
z-index: 1022;
min-width: 300px;
width: 40%;
}
.notification-container-top {
top: 10px;
}
.notification-content {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 35px 10px 18px;
line-height: 150%;
border-radius: 2px;
}
.notification-content strong {
margin-right: 7px;
}
.notification-content-extended h1 {
position: relative;
padding: 13px 30px 10px 20px;
border: none;
border-bottom: 1px solid #bdc3c7;
background: #f8f9f9;
font-weight: normal;
font-size: 18px;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.notification-content-extended h1 span {
position: absolute;
top: 15px;
right: 14px;
width: 16px;
height: 16px;
color: #acacac;
text-shadow: none;
font: 13px/1 'glyphs';
opacity: 1;
cursor: pointer;
speak: none;
-webkit-font-smoothing: antialiased;
}
.notification-content-extended h1 span:before {
font-family: glyphs;
content: "\e009";
speak: none;
-webkit-font-smoothing: antialiased;
}
.notification-content-extended h1 span:hover {
color: #dfdfdf;
opacity: 1;
}
.close {
position: absolute;
top: 5px;
right: 7px;
float: right;
padding: 0;
border: 0;
background: transparent;
font-size: 20px;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
line-height: 15px;
cursor: pointer;
-webkit-appearance: none;
}
.close:hover {
text-decoration: none;
cursor: pointer;
}
.alert-success, .alert-warning, .alert-error {
position: relative;
margin: 7px 0 7px 0;
border: 1px solid;
font-size: 100%;
opacity: 0.96;
}
.alert-success {
border-color: #8bc045;
background: #d0eaae;
color: #496e16;
}
.alert-success .close {
color: #8bc045;
}
.alert-warning {
border-color: #f39c12;
background: #f5e08c;
color: #ac6e0b;
}
.alert-warning .close {
color: #f39c12;
}
.alert-error {
border-color: #c0392b;
background: #eb7064;
color: white;
}
.alert-error .close {
color: #c0392b;
}
.alert-error a {
color: #fff;
text-decoration: underline;
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px,0px,0px);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoheight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
min-height: 10px;
}
.owl-buttons {
color: #626262;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
cursor: pointer;
}
.owl-controls {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
}
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeout .7s both ease;
-moz-animation: fadeout .7s both ease;
animation: fadeout .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadein .7s both ease;
-moz-animation: fadein .7s both ease;
animation: fadein .7s both ease;
}
.owl-backslide-out {
-webkit-animation: backslideout 1s both ease;
-moz-animation: backslideout 1s both ease;
animation: backslideout 1s both ease;
}
.owl-backslide-in {
-webkit-animation: backslidein 1s both ease;
-moz-animation: backslidein 1s both ease;
animation: backslidein 1s both ease;
}
.owl-godown-out {
-webkit-animation: scaletofade .7s ease both;
-moz-animation: scaletofade .7s ease both;
animation: scaletofade .7s ease both;
}
.owl-godown-in {
-webkit-animation: godown .6s ease both;
-moz-animation: godown .6s ease both;
animation: godown .6s ease both;
}
.owl-fadeup-in {
-webkit-animation: scaleupfrom .5s ease both;
-moz-animation: scaleupfrom .5s ease both;
animation: scaleupfrom .5s ease both;
}
.owl-fadeup-out {
-webkit-animation: scaleupto .5s ease both;
-moz-animation: scaleupto .5s ease both;
animation: scaleupto .5s ease both;
}
@-webkit-keyframes empty {
0% {
opacity: 1;
}
}
@-moz-keyframes empty {
0% {
opacity: 1;
}
}
@keyframes empty {
0% {
opacity: 1;
}
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes backslideout {
25% {
opacity: .5;
-webkit-transform: translatez(-500px);
}
75% {
opacity: .5;
-webkit-transform: translatez(-500px) translatex(-200%);
}
100% {
opacity: .5;
-webkit-transform: translatez(-500px) translatex(-200%);
}
}
@-moz-keyframes backslideout {
25% {
opacity: .5;
-moz-transform: translatez(-500px);
}
75% {
opacity: .5;
-moz-transform: translatez(-500px) translatex(-200%);
}
100% {
opacity: .5;
-moz-transform: translatez(-500px) translatex(-200%);
}
}
@keyframes backslideout {
25% {
opacity: .5;
transform: translatez(-500px);
}
75% {
opacity: .5;
transform: translatez(-500px) translatex(-200%);
}
100% {
opacity: .5;
transform: translatez(-500px) translatex(-200%);
}
}
@-webkit-keyframes backslidein {
0%,25% {
opacity: .5;
-webkit-transform: translatez(-500px) translatex(200%);
}
75% {
opacity: .5;
-webkit-transform: translatez(-500px);
}
100% {
opacity: 1;
-webkit-transform: translatez(0) translatex(0);
}
}
@-moz-keyframes backslidein {
0%,25% {
opacity: .5;
-moz-transform: translatez(-500px) translatex(200%);
}
75% {
opacity: .5;
-moz-transform: translatez(-500px);
}
100% {
opacity: 1;
-moz-transform: translatez(0) translatex(0);
}
}
@keyframes backslidein {
0%,25% {
opacity: .5;
transform: translatez(-500px) translatex(200%);
}
75% {
opacity: .5;
transform: translatez(-500px);
}
100% {
opacity: 1;
transform: translatez(0) translatex(0);
}
}
@-webkit-keyframes scaletofade {
to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaletofade {
to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaletofade {
to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes godown {
from {
-webkit-transform: translatey(-100%);
}
}
@-moz-keyframes godown {
from {
-moz-transform: translatey(-100%);
}
}
@keyframes godown {
from {
transform: translatey(-100%);
}
}
@-webkit-keyframes scaleupfrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleupfrom {
from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleupfrom {
from {
opacity: 0;
transform: scale(1.5);
}
}
@-webkit-keyframes scaleupto {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleupto {
to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleupto {
to {
opacity: 0;
transform: scale(1.5);
}
}
.owl-theme {
margin: 0;
}
.ty-owl-controls {
margin: -40px 0 0 0;
float: right;
position: relative;
z-index: 100;
}
.ty-sidebox .ty-owl-controls {
margin: -50px 0 0 0;
}
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls-outside {
margin-top: 0;
text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
color: #fff;
display: inline-block;
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #c0c0c0;
filter: alpha(opacity=70);
opacity: 0.7;
}
.owl-theme .owl-controls-outside .owl-buttons div {
float: left;
font-size: 15px;
padding: 2px 9px;
height: 20px;
width: 6px;
margin-top: 3px;
margin-bottom: 0;
}
.owl-theme .owl-controls-outside .owl-buttons div:last-child {
margin-right: 0;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: alpha(opacity=100);
opacity: 1;
text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #a9b0b4;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: alpha(opacity=100);
opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #fff;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.owl-item.loading {
background: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/ajax_loader.svg?1499259135') no-repeat center center;
}
.owl-more-theme .owl-controls {
width: 100%;
position: absolute;
top: 50%;
margin-top: -18px;
}
.owl-more-theme .owl-prev, .owl-more-theme .owl-next {
position: absolute;
padding: 3px 8px 0 8px;
}
.owl-more-theme .owl-prev i, .owl-more-theme .owl-next i {
font-size: 30px;
}
.owl-more-theme .owl-prev {
left: -35px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.owl-more-theme .owl-next {
right: -35px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.ty-footer-form-block {
margin: 27px 0px 0px 0px;
color: white;
}
.ty-footer-form-block__title {
display: inline-block;
padding-right: 30px;
font-size: 22px;
color: white;
font-weight: normal;
}
.ty-footer-form-block__form {
display: inline-block;
margin: 0 0 10px 0 !important;
width: 300px;
}
.ty-footer-form-block__form .cm-hint {
color: #c9c9c9;
}
.dropdown-menu {
display: none;
}
@-ms-viewport {
width: device-width;
}
.hidden {
display: none;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: inherit !important;
}
.hidden-print {
display: none !important;
}
}
@media (min-width: 1224px) {
.row {
margin-left: -25px;
}
.row:before, .row:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 25px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 1175px;
}
.span16 {
width: 1175px;
}
.span15 {
width: 1100px;
}
.span14 {
width: 1025px;
}
.span13 {
width: 950px;
}
.span12 {
width: 875px;
}
.span11 {
width: 800px;
}
.span10 {
width: 725px;
}
.span9 {
width: 650px;
}
.span8 {
width: 575px;
}
.span7 {
width: 500px;
}
.span6 {
width: 425px;
}
.span5 {
width: 350px;
}
.span4 {
width: 275px;
}
.span3 {
width: 200px;
}
.span2 {
width: 125px;
}
.span1 {
width: 50px;
}
.offset16 {
margin-left: 1225px;
}
.offset15 {
margin-left: 1150px;
}
.offset14 {
margin-left: 1075px;
}
.offset13 {
margin-left: 1000px;
}
.offset12 {
margin-left: 925px;
}
.offset11 {
margin-left: 850px;
}
.offset10 {
margin-left: 775px;
}
.offset9 {
margin-left: 700px;
}
.offset8 {
margin-left: 625px;
}
.offset7 {
margin-left: 550px;
}
.offset6 {
margin-left: 475px;
}
.offset5 {
margin-left: 400px;
}
.offset4 {
margin-left: 325px;
}
.offset3 {
margin-left: 250px;
}
.offset2 {
margin-left: 175px;
}
.offset1 {
margin-left: 100px;
}
.row-fluid {
width: 100%;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.12765957447%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.12765957447%;
}
.row-fluid .span16 {
width: 100%;
}
.row-fluid .span15 {
width: 93.6170212766%;
}
.row-fluid .span14 {
width: 87.2340425532%;
}
.row-fluid .span13 {
width: 80.8510638298%;
}
.row-fluid .span12 {
width: 74.4680851064%;
}
.row-fluid .span11 {
width: 68.085106383%;
}
.row-fluid .span10 {
width: 61.7021276596%;
}
.row-fluid .span9 {
width: 55.3191489362%;
}
.row-fluid .span8 {
width: 48.9361702128%;
}
.row-fluid .span7 {
width: 42.5531914894%;
}
.row-fluid .span6 {
width: 36.170212766%;
}
.row-fluid .span5 {
width: 29.7872340426%;
}
.row-fluid .span4 {
width: 23.4042553191%;
}
.row-fluid .span3 {
width: 17.0212765957%;
}
.row-fluid .span2 {
width: 10.6382978723%;
}
.row-fluid .span1 {
width: 4.25531914894%;
}
.row-fluid .offset16 {
margin-left: 104.255319149%;
}
.row-fluid .offset16:first-child {
margin-left: 102.127659574%;
}
.row-fluid .offset15 {
margin-left: 97.8723404255%;
}
.row-fluid .offset15:first-child {
margin-left: 95.7446808511%;
}
.row-fluid .offset14 {
margin-left: 91.4893617021%;
}
.row-fluid .offset14:first-child {
margin-left: 89.3617021277%;
}
.row-fluid .offset13 {
margin-left: 85.1063829787%;
}
.row-fluid .offset13:first-child {
margin-left: 82.9787234043%;
}
.row-fluid .offset12 {
margin-left: 78.7234042553%;
}
.row-fluid .offset12:first-child {
margin-left: 76.5957446809%;
}
.row-fluid .offset11 {
margin-left: 72.3404255319%;
}
.row-fluid .offset11:first-child {
margin-left: 70.2127659574%;
}
.row-fluid .offset10 {
margin-left: 65.9574468085%;
}
.row-fluid .offset10:first-child {
margin-left: 63.829787234%;
}
.row-fluid .offset9 {
margin-left: 59.5744680851%;
}
.row-fluid .offset9:first-child {
margin-left: 57.4468085106%;
}
.row-fluid .offset8 {
margin-left: 53.1914893617%;
}
.row-fluid .offset8:first-child {
margin-left: 51.0638297872%;
}
.row-fluid .offset7 {
margin-left: 46.8085106383%;
}
.row-fluid .offset7:first-child {
margin-left: 44.6808510638%;
}
.row-fluid .offset6 {
margin-left: 40.4255319149%;
}
.row-fluid .offset6:first-child {
margin-left: 38.2978723404%;
}
.row-fluid .offset5 {
margin-left: 34.0425531915%;
}
.row-fluid .offset5:first-child {
margin-left: 31.914893617%;
}
.row-fluid .offset4 {
margin-left: 27.6595744681%;
}
.row-fluid .offset4:first-child {
margin-left: 25.5319148936%;
}
.row-fluid .offset3 {
margin-left: 21.2765957447%;
}
.row-fluid .offset3:first-child {
margin-left: 19.1489361702%;
}
.row-fluid .offset2 {
margin-left: 14.8936170213%;
}
.row-fluid .offset2:first-child {
margin-left: 12.7659574468%;
}
.row-fluid .offset1 {
margin-left: 8.51063829787%;
}
.row-fluid .offset1:first-child {
margin-left: 6.3829787234%;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.row {
margin-left: -10px;
}
.row:before, .row:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 10px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 726px;
}
.span16 {
width: 726px;
}
.span15 {
width: 680px;
}
.span14 {
width: 634px;
}
.span13 {
width: 588px;
}
.span12 {
width: 542px;
}
.span11 {
width: 496px;
}
.span10 {
width: 450px;
}
.span9 {
width: 404px;
}
.span8 {
width: 358px;
}
.span7 {
width: 312px;
}
.span6 {
width: 266px;
}
.span5 {
width: 220px;
}
.span4 {
width: 174px;
}
.span3 {
width: 128px;
}
.span2 {
width: 82px;
}
.span1 {
width: 36px;
}
.offset16 {
margin-left: 746px;
}
.offset15 {
margin-left: 700px;
}
.offset14 {
margin-left: 654px;
}
.offset13 {
margin-left: 608px;
}
.offset12 {
margin-left: 562px;
}
.offset11 {
margin-left: 516px;
}
.offset10 {
margin-left: 470px;
}
.offset9 {
margin-left: 424px;
}
.offset8 {
margin-left: 378px;
}
.offset7 {
margin-left: 332px;
}
.offset6 {
margin-left: 286px;
}
.offset5 {
margin-left: 240px;
}
.offset4 {
margin-left: 194px;
}
.offset3 {
margin-left: 148px;
}
.offset2 {
margin-left: 102px;
}
.offset1 {
margin-left: 56px;
}
.row-fluid {
width: 100%;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 1.37741046832%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 1.37741046832%;
}
.row-fluid .span16 {
width: 100%;
}
.row-fluid .span15 {
width: 93.6170212766%;
}
.row-fluid .span14 {
width: 87.2340425532%;
}
.row-fluid .span13 {
width: 80.8510638298%;
}
.row-fluid .span12 {
width: 74.4680851064%;
}
.row-fluid .span11 {
width: 68.085106383%;
}
.row-fluid .span10 {
width: 61.7021276596%;
}
.row-fluid .span9 {
width: 55.3191489362%;
}
.row-fluid .span8 {
width: 48.9361702128%;
}
.row-fluid .span80 {
width: 48.9361702128%;
}
.row-fluid .span7 {
width: 42.5531914894%;
}
.row-fluid .span6 {
width: 36.170212766%;
}
.row-fluid .span5 {
width: 29.7872340426%;
}
.row-fluid .span4 {
width: 23.4042553191%;
}
.row-fluid .span3 {
width: 17.0212765957%;
}
.row-fluid .span2 {
width: 10.6382978723%;
}
.row-fluid .span1 {
width: 4.25531914894%;
}
.row-fluid .offset16 {
margin-left: 102.754820937%;
}
.row-fluid .offset16:first-child {
margin-left: 101.377410468%;
}
.row-fluid .offset15 {
margin-left: 97.8723404255%;
}
.row-fluid .offset15:first-child {
margin-left: 95.7446808511%;
}
.row-fluid .offset14 {
margin-left: 91.4893617021%;
}
.row-fluid .offset14:first-child {
margin-left: 89.3617021277%;
}
.row-fluid .offset13 {
margin-left: 85.1063829787%;
}
.row-fluid .offset13:first-child {
margin-left: 82.9787234043%;
}
.row-fluid .offset12 {
margin-left: 78.7234042553%;
}
.row-fluid .offset12:first-child {
margin-left: 76.5957446809%;
}
.row-fluid .offset11 {
margin-left: 72.3404255319%;
}
.row-fluid .offset11:first-child {
margin-left: 70.2127659574%;
}
.row-fluid .offset10 {
margin-left: 65.9574468085%;
}
.row-fluid .offset10:first-child {
margin-left: 63.829787234%;
}
.row-fluid .offset9 {
margin-left: 59.5744680851%;
}
.row-fluid .offset9:first-child {
margin-left: 57.4468085106%;
}
.row-fluid .offset8 {
margin-left: 53.1914893617%;
}
.row-fluid .offset8:first-child {
margin-left: 51.0638297872%;
}
.row-fluid .offset7 {
margin-left: 46.8085106383%;
}
.row-fluid .offset7:first-child {
margin-left: 44.6808510638%;
}
.row-fluid .offset6 {
margin-left: 40.4255319149%;
}
.row-fluid .offset6:first-child {
margin-left: 38.2978723404%;
}
.row-fluid .offset5 {
margin-left: 34.0425531915%;
}
.row-fluid .offset5:first-child {
margin-left: 31.914893617%;
}
.row-fluid .offset4 {
margin-left: 27.6595744681%;
}
.row-fluid .offset4:first-child {
margin-left: 25.5319148936%;
}
.row-fluid .offset3 {
margin-left: 21.2765957447%;
}
.row-fluid .offset3:first-child {
margin-left: 19.1489361702%;
}
.row-fluid .offset2 {
margin-left: 14.8936170213%;
}
.row-fluid .offset2:first-child {
margin-left: 12.7659574468%;
}
.row-fluid .offset1 {
margin-left: 8.51063829787%;
}
.row-fluid .offset1:first-child {
margin-left: 6.3829787234%;
}
}
@media (min-width: 1224px) {
.ty-product-detail .ty-product-block__left {
box-sizing: border-box;
padding-right: 200px;
}
.ty-footer-grid__full-width > .row {
width: 1200px;
margin: 0 auto;
}
.ty-footer-grid__full-width > .row-fluid {
max-width: 1200px;
min-width: 280px;
margin: 0 auto;
}
.ty-footer-menu__items, .ty-footer-general__body {
display: block !important;
}
}
@media (max-width: 1224px) {
.ty-product-detail .ty-product-block__left {
box-sizing: border-box;
padding-right: 200px;
}
.ty-footer-grid__full-width > .row {
width: 960px;
margin: 0 auto;
}
.ty-footer-form-block__form {
width: 220px;
}
h3.ty-footer-form-block__title, h3.ty-social-link__title {
font-size: 20px;
}
.ty-orders__actions-right {
float: none;
}
}
@media (max-width: 979px) {
.ty-sidebox__body-toggle {
display: block;
}
.tygh-content .container, .ty-footer-menu, .footer-copyright {
padding: 0px 10px;
}
.ty-select-block__a {
margin-right: 0;
}
.top-currencies {
margin-left: 2px;
}
.ty-product-detail .ty-product-block__left {
box-sizing: border-box;
padding-right: 0px;
}
.ty-grid-list__item .ty-icon-left-circle, .ty-grid-list__item .ty-icon-right-circle {
visibility: visible;
}
.ty-product-empty {
display: none;
}
.ty-wish-list-empty [class*="ty-column"] {
width: 100%;
}
.ty-wish-list-empty [class*="ty-column"]:first-child .ty-product-empty {
display: block;
}
.ty-compact-list__title {
width: 20%;
}
.ty-compact-list__controls {
width: 50%;
}
.ty-exception__code {
display: block;
width: 100%;
}
.ty-exception__title-info {
display: block;
padding-left: 0px;
text-align: center;
}
.ty-exception__links {
margin: 0px;
}
.ty-exception__links-item {
float: none;
display: inline-block;
margin: 0 5px;
}
.ty-payment-icons .ty-payment-icons__item {
margin-left: 5px;
}
.ty-footer-form-block__form {
width: 80%;
}
h3.ty-social-link__title {
display: block;
margin-top: 21px;
margin-bottom: 10px;
}
.ty-sort-container {
padding-left: 0px;
}
.ty-product-block__note {
width: 100%;
position: static;
}
.ty-product-options__item-label {
display: block;
width: 100%;
float: none;
}
.ty-product-options__description, .ty-product-block__option .help-inline {
margin-left: 0;
}
.ty-product-variant-image {
margin-left: 0;
}
.ty-product-detail .ty-product-block__left {
padding-right: 0;
}
.ty-multi-checkout__step {
display: block;
width: 100%;
padding-bottom: 20px;
}
.ty-multi-checkout__arrow {
display: none;
}
.ty-pagination__text {
display: none;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.ty-footer-grid__full-width > .row {
width: 736px;
margin: 0 auto;
}
.ty-social-link__title {
margin-right: 70px;
}
.ty-social-link {
margin-right: 60px;
}
.ty-footer-menu__items, .ty-footer-general__body {
display: block !important;
}
.ty-footer-form-block__form {
width: 220px;
}
.ty-menu__item .ty-menu__item-link {
padding: 14px 12px;
}
.ty-menu__submenu-items .ty-top-mine__submenu-col {
min-width: 160px;
margin-right: 13px;
margin-bottom: 20px;
}
.ty-top-mine__submenu-col:nth-child(4n) {
margin-right: 0px;
}
.ty-account-info__buttons .ty-btn {
display: block;
margin-bottom: 10px;
margin-left: 0px;
}
}
@media (min-width: 768px) {
.ty-cart-content .ty-cart-content__product-elem, .ty-cart-content .ty-cart-content__title {
border: 0;
}
.ty-menu__item, .ty-text-links_show_inline {
display: block !important;
}
.ty-menu__menu-btn {
display: none !important;
}
.ty-menu-vertical .ty-menu__submenu [class*="menu-level-"].ty-menu__item-active > .ty-menu__submenu-item-header .ty-menu__item-link {
background: #3b5999;
color: #fff;
}
.ty-menu-vertical .ty-menu__submenu [class*="menu-level-"].ty-menu__item-active i {
color: #fff;
}
.ty-sidebox__body {
display: block !important;
}
}
@media (max-width: 767px) {
html.dialog-is-open {
overflow: scroll;
}
.ty-menu__items .ty-menu__items-show {
display: block !important;
border-bottom: 0;
}
.ty-menu__item {
display: none;
float: none;
margin-right: 0px;
border-bottom: 1px solid #344d89;
padding: 0px;
position: relative;
}
.no-touch .ty-menu__item:hover .ty-menu__submenu-items, .ty-menu__item:hover .ty-menu__submenu-items {
display: none;
}
.ty-menu__item:last-child {
box-shadow: none;
border-bottom: 0;
}
.ty-menu__item .ty-menu__item-toggle-active {
background: #354f8c;
}
.ty-menu__item .ty-menu__item-link {
position: static;
}
.ty-menu__submenu .ty-menu__submenu-items {
padding: 0;
}
.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item {
border-bottom: 1px solid #d8d8d8;
margin: 0;
}
.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item .ty-menu__submenu-link {
display: block;
padding: 12px 30px 12px 40px;
}
.no-touch .ty-menu__submenu-items .ty-menu__submenu-link:hover {
color: #2d4474;
}
.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active a {
color: black;
background: none;
}
.ty-menu__submenu .ty-top-mine__submenu-col {
display: block;
position: relative;
margin: 0px;
padding: 0px;
}
.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item {
position: relative;
padding: 0px;
padding-left: 35px;
}
.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-list {
display: none;
}
.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__item-toggle-active {
background: #e0e0e0;
}
.ty-menu__items .ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__item-toggle {
color: #bfbfbf;
}
.ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__submenu-link {
padding: 13px 40px;
display: block;
}
.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header {
min-height: 45px;
margin: 0px;
padding-bottom: 0px;
border-bottom: 1px solid #d8d8d8;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header-active {
background: #e0e0e0;
}
.ty-menu__menu-btn {
border-bottom: 0px;
box-shadow: none;
}
.ty-menu__submenu-items {
background: #ededed;
position: static;
}
.ty-icon-short-list {
padding-right: 4px;
}
.ty-menu__item-toggle {
width: 50px;
height: 44px;
position: absolute;
text-align: center;
font-size: 35px;
right: 0px;
z-index: 100;
color: #fff;
top: 0px;
cursor: pointer;
}
.ty-menu__item-toggle:hover {
color: #fff;
}
.ty-menu__icon-hide, .ty-menu__icon-open {
display: inline-block;
line-height: 46px;
}
.ty-menu__submenu-dropdown-bottom {
margin: auto;
}
.ty-menu__icon-hide {
display: none;
}
.ty-menu__item-toggle-active .ty-menu__icon-hide {
display: inline-block;
}
.ty-menu__item-toggle-active .ty-menu__icon-open {
display: none;
}
.ty-menu-vertical {
margin-bottom: 40px;
}
.ty-dropdown-box__content .ty-menu-vertical {
margin-bottom: 0px;
}
.ty-menu-vertical .ty-menu__item {
display: block;
}
.ty-menu-vertical .ty-menu__item .ty-menu__submenu {
position: static;
display: block;
}
.ty-menu-vertical .ty-menu__item.menu-level-2 {
padding-left: 35px;
}
.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item-link {
background: none;
color: #3b5999;
padding-left: 40px;
}
.ty-menu-vertical .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link {
color: #3b5999;
}
.ty-menu-vertical .ty-menu__submenu .dropdown-vertical__dir .ty-menu__submenu-item-header .ty-menu__item-link {
text-transform: uppercase;
font-weight: bold;
}
.ty-menu-vertical .ty-menu__submenu .menu-level-2.ty-menu__item-active .ty-menu__item-link {
background: #e0e0e0;
}
.ty-menu-vertical .ty-menu__submenu .menu-level-2.ty-menu__item-active .ty-menu__item-link {
color: #000;
}
.ty-menu-vertical .ty-menu__submenu .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link {
padding-left: 40px;
text-transform: none;
font-weight: normal;
background: none;
}
.ty-menu-vertical .ty-menu__item-toggle i {
top: 3px;
}
.ty-menu-vertical .ty-menu__submenu .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link {
padding-left: 40px;
}
.ty-menu-vertical .ty-menu__item .ty-menu__submenu-items .ty-menu__submenu-items {
border-right: 0;
border-bottom: 0;
border-left: 0;
}
.ty-menu-vertical .ty-menu__submenu-items .dropdown-vertical__dir .ty-menu__item-toggle {
background: none;
color: #bfbfbf;
}
.ty-menu-vertical .ty-menu__submenu-item-header {
margin-bottom: 0;
padding-bottom: 0;
min-height: none;
border-bottom: none;
}
.ty-menu-vertical .ty-menu__submenu-item-header .ty-menu__submenu-item-header .ty-menu__item-link {
color: #1abc9c;
text-transform: none;
}
.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item:hover i {
color: #a1a6aa !important;
}
.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__submenu-items {
border: 1px solid #2b3e51;
border-top: 0px;
border-bottom: 0px;
}
.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-items {
border: 0px;
}
.ty-menu-vertical .ty-menu__submenu-items .ty-menu__item {
border-top: 1px solid #d8d8d8;
border-bottom: 0;
}
.no-touch .ty-menu-vertical .ty-menu__submenu .ty-menu__item:hover > .ty-menu__submenu-item-header .ty-menu__item-link {
background: none;
color: #2d4474;
}
.ty-menu-vertical .menu-level-1.ty-menu__item-active > .ty-menu__submenu-item-header {
background: #e0e0e0;
}
.ty-menu-vertical__dropdown .ty-menu__item {
display: none;
}
.ty-menu-vertical .ty-menu__items.rtl .ty-menu__submenu {
width: auto;
}
.ty-menu-vertical .ty-menu__items.rtl .ty-menu__submenu-items {
width: auto;
}
.ty-menu-vertical .ty-menu__items.rtl .ty-menu__item-toggle {
left: 0px;
}
.ui-dialog input[type="text"], .ui-dialog input[type="password"], .ui-dialog textarea, .ui-dialog select {
width: 100%;
}
.ui-dialog input[type="checkbox"] {
margin: -20px 0px;
}
body.dialog-is-open {
overflow: visible;
}
div.ui-dialog .ui-dialog-title {
overflow: hidden;
text-overflow: ellipsis;
}
.ty-estimation-buttons__rate {
margin-bottom: 0px;
float: right;
}
.top-menu-grid {
padding-top: 0;
}
.top-logo-grid {
padding-top: 15px;
}
.top-logo-grid:before, .top-logo-grid:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.top-logo-grid:after {
clear: both;
}
.ty-logo-container {
text-align: center;
margin: 10px 0px 30px;
}
.tygh-header > div, .tygh-top-panel > div {
padding: 0px 10px;
}
.tygh-top-panel .ty-text-links-wrapper {
border: none;
}
.ty-mainbox-title .ty-status {
display: block;
float: none;
}
.notification-content-extended {
width: 96%;
left: 2%;
right: 10px;
margin: 0px;
}
.notification-content-extended .ty-product-notification__body {
max-height: none !important;
overflow: visible;
}
.ty-product-notification__body .ty-product-options-name {
width: 50%;
}
.ty-product-notification__body .ty-product-options-content {
width: 50%;
text-align: right;
}
.notification-container {
top: 0;
right: 0px;
min-width: 100%;
width: 100%;
}
.notification-content {
margin: 0px;
border: none;
}
.notification-content .close {
top: 8px;
right: 20px;
}
.ty-product-notification__image {
float: none;
display: block;
margin: 0 auto;
}
.ty-product-notification__product-name {
max-width: 200px;
}
.ty-table table, .ty-table thead, .ty-table tbody, .ty-table th, .ty-table td, .ty-table tr {
display: block;
}
.ty-table {
margin: 5px 0px 20px;
}
.ty-table {
border: none;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.ty-table tr {
border: 1px solid #ccc;
border-bottom: none;
}
.ty-table tr:last-child {
border-bottom: 1px solid #ccc;
}
.ty-table td {
border: none;
border-bottom: 1px solid #eee;
white-space: normal;
text-align: left;
min-height: 18px;
width: auto !important;
}
.ty-table td:before, .ty-table td:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-table td:after {
clear: both;
}
.ty-table tr td:last-child {
border-bottom: 0px;
}
.ty-table__no-items td {
padding: 0px;
}
.ty-table__no-items .ty-no-items {
margin-bottom: 0px;
}
.ty-table__responsive-header {
float: left;
width: 35%;
padding-right: 5%;
font-weight: bold;
word-break: normal;
display: block;
}
.ty-table__responsive-content {
float: left;
width: 50%;
}
.ty-table.hidden, .ty-table .hidden {
display: none;
}
.ty-cart-content .ty-cart-content__image-block {
border-bottom: 0;
}
.ty-cart-content .ty-table__responsive-header, .ty-table__responsive-content {
float: none;
width: 100%;
padding: 0;
}
.ty-cart-content__image {
float: none;
text-align: center;
}
.ty-cart-content__left-buttons, .ty-cart-content__right-buttons {
float: none;
}
.ty-cart-content__right-buttons {
margin-top: 10px;
}
.ty-cart-content__top-buttons .ty-btn, .ty-cart-content__bottom-buttons .ty-btn {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-cart-content__top-buttons .ty-btn + .ty-btn, .ty-cart-content__bottom-buttons .ty-btn + .ty-btn {
margin: 15px 0 0;
}
.ty-cart-total .ty-coupons__container {
float: none;
padding: 0;
width: 100%;
}
.ty-cart-content__estimation {
max-width: inherit;
}
.ty-cart-statistic {
float: none;
margin-top: 10px;
}
.ty-cart-statistic__title, .ty-cart-statistic__total-title {
width: 50%;
margin-right: 0;
float: left;
}
.ty-cart-statistic__value, .ty-cart-statistic__total-value {
width: 50%;
float: left;
}
.top-links-grid .ty-dropdown-box {
background: none;
}
.ty-dropdown-box .ty-account-info__title-txt {
display: none;
}
.account-benefits {
margin: 0px 0px 30px 0px;
}
.top-cart-content {
margin: 13px 0px;
}
.header-widget-grid .top-cart-content {
margin: 0px;
}
.header-widget-grid {
padding: 0px 10px;
}
.ty-grid-list__item:hover {
border-radius: 0px;
background: transparent;
}
.ty-quick-view-button {
display: none;
margin-bottom: 30px;
}
.product-list__control {
float: none;
margin-bottom: 10px;
}
.product-list__image {
float: none;
margin: 0px 0px 20px 0px;
width: 100%;
text-align: center;
}
.ty-compact-list__controls {
width: 60%;
}
.ty-compact-list__image .ty-discount-label {
display: inline-block;
height: 30px;
position: static;
float: none;
}
.ty-compact-list__image {
padding: 0px 10px 0px 0px;
}
.ty-sidebox {
margin-bottom: 10px;
}
.ty-sidebox:last-child {
margin-bottom: 30px;
}
.ty-product-block__left {
display: block;
overflow: visible;
min-width: 0;
}
.ty-product-block {
position: initial;
}
.ty-product-block__img-wrapper {
width: 100%;
margin: 0;
float: none;
text-align: center;
min-height: 0;
}
.ty-product-block__img-wrapper:before, .ty-product-block__img-wrapper:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-product-block__img-wrapper:after {
clear: both;
}
.ty-product-block__img-wrapper .ty-no-image {
width: 100% !important;
}
.ui-dialog .ty-product-variant-image {
margin-left: 0;
}
.ty-product-bigpicture__left, .ty-product-bigpicture__left-wrapper {
width: 100%;
margin: 0;
}
.ty-product-bigpicture__right {
width: 100%;
margin-left: 0;
}
.ty-product-thumbnails {
width: 100% !important;
}
.ty-account-detail {
margin-left: 0;
background: none;
padding-bottom: 0;
}
.ty-profile-field__switch-label {
float: none;
text-align: center;
margin-bottom: 10px;
}
.ty-profile-field__switch-actions {
float: none;
text-align: center;
}
.ty-billing-first-name, .ty-billing-last-name, .ty-shipping-first-name, .ty-shipping-last-name, .ty-billing-country, .ty-billing-state, .ty-shipping-country, .ty-shipping-state, .ty-first-name, .ty-last-name {
width: 100%;
}
.ty-billing-first-name + .ty-billing-last-name, .ty-billing-country + .ty-billing-state, .ty-shipping-first-name + .ty-shipping-last-name, .shipping-country + .ty-shipping-state, .ty-first-name + .ty-last-name {
margin-left: 0;
}
.ty-buttons-container__add-or-close .ty-btn {
display: block;
margin: 0px;
}
.ty-buttons-container__add-or-close .ty-close-text {
padding-top: 10px;
display: inline-block;
}
.ty-login-info {
margin: 30px 0 0;
}
.ty-success-registration__item {
display: block;
width: 100%;
}
.ty-account-benefits {
margin: 30px 0 0;
}
.ty-company-fields {
margin-bottom: 20px;
}
.ty-company-info {
margin: 0;
padding: 0;
background: none;
}
.ty-features-all {
text-align: center;
}
.ty-feature__image {
float: none;
}
.ty-product-feature__label {
width: 180px;
}
.ty-sitemap__tree-section-list, .ty-sitemap__section-wrapper {
width: 50%;
}
.ty-breadcrumbs {
padding-right: 10px;
}
.ty-product-switcher {
position: relative;
top: 10px;
text-align: center;
}
.ty-product-switcher__a {
position: relative;
top: 0;
vertical-align: middle;
font-size: 20px;
}
.ty-product-switcher__a-left, .ty-product-switcher__a-right {
float: none;
}
.ty-product-switcher__a-left {
margin-right: 10px;
}
.ty-product-switcher__a-right {
margin-left: 10px;
}
.ty-product-switcher span {
font-size: 100%;
}
.ty-checkout__login {
float: none;
padding: 0 15px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-checkout__register {
float: none;
padding: 0 15px;
margin: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-checkout__register-content {
padding-left: 0;
}
.ty-checkout-buttons__submit-order {
padding-bottom: 20px;
}
.ty-compare-products__menu, .ty-compare-sort {
width: 130px;
}
.ty-compare-products__product, .ty-compare-feature_item_size {
width: 180px;
}
.ty-compare__buttons .ty-btn {
width: 100%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-compare__buttons .ty-btn + .ty-btn {
margin: 15px 0 0;
}
.search-block-grid {
margin-top: 0px !important;
}
.footer-no-wysiwyg ul {
margin: 0;
}
.ty-social-link-block {
margin: 10px 0px 20px;
text-align: center;
}
.ty-footer-grid__full-width .ty-float-right, .ty-footer-grid__full-width .ty-float-left {
float: none;
}
.ty-footer-grid__full-width > .row {
width: auto;
margin: 0 auto;
}
.ty-footer-menu__items, .ty-footer-general__body {
margin: 0;
display: none;
}
.ty-footer-menu__items .ty-text-links__item, .ty-footer-general__body .ty-text-links__item {
padding: 15px 0px 15px 0px;
border-bottom: 1px solid #eee;
padding-left: 20px;
margin-bottom: 0;
}
.ty-footer-menu__item {
padding: 15px 0px 15px 0px;
border-bottom: 1px solid #dfdfdf;
padding-left: 20px;
margin-bottom: 0;
}
.ty-footer-menu__header, .ty-footer-general__header {
padding: 15px 30px 15px 0;
border-bottom: 1px solid #dadcde;
}
.ty-footer-menu__icon-open, .ty-footer-menu__icon-hide {
position: absolute;
top: 12px;
right: 0;
font-size: 40px;
color: #bfbfbf;
cursor: pointer;
}
.ty-footer-menu__icon-open {
display: block;
}
.ty-footer-menu__header.open .ty-footer-menu__icon-hide, .ty-footer-general__header.open .ty-footer-menu__icon-hide {
display: block;
}
.ty-footer-menu__header.open .ty-footer-menu__icon-open, .ty-footer-general__header.open .ty-footer-menu__icon-open {
display: none;
}
.ty-footer-form-block__title {
display: block;
padding-right: 0;
}
.ty-footer-form-block {
text-align: center;
margin: 20px 0px 0px 0px;
}
.order-summary {
margin-top: 0;
}
.ty-step__container-active {
margin-bottom: 20px;
}
.ty-checkout-complete__buttons .ty-btn {
margin: 0 0 15px 0;
}
.ty-checkout-complete__buttons-left, .ty-checkout-complete__buttons-right {
float: none;
}
.ty-period__wrapper {
float: none;
}
.ty-login-popup {
min-width: 100px;
max-width: none;
}
.ty-orders__actions .ty-btn {
text-align: left;
display: block;
}
.ty-orders__actions .ty-btn + .ty-btn {
margin-left: 0;
margin-top: 3px;
}
.ty-profiles-info__item {
float: none;
width: 100%;
margin-bottom: 20px;
}
.ty-profiles-info__item:last-child {
margin-bottom: 0;
}
.ty-orders-summary__right {
float: none;
}
.ty-orders-summary__wrapper {
float: none;
min-width: 0;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row {
margin-left: 0;
}
[class*="span"], .row-fluid [class*="span"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12, .row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
.ty-cart-items {
width: 256px;
}
.ty-cart-items__list-item-desc {
width: 187px;
}
.ty-cart-items__list-item-tools {
right: -10px;
display: block;
}
.vendor-info-grid {
margin-top: 10px;
}
.vendor-stores-block-grid {
float: left !important;
width: auto !important;
padding: 10px 0;
}
.vendor-logo-grid .logo-container {
text-align: center;
float: none;
margin-bottom: 20px;
}
.vendor-search-grid {
margin-bottom: 20px;
}
.ty-vendor-information {
text-align: center;
}
.ty-text-links-wrapper {
position: relative;
border-bottom: 1px solid #eee;
}
.ty-text-links-btn {
display: inline-block;
padding: 9px 10px 7px 10px;
color: #888;
cursor: pointer;
}
.ty-text-links-btn.open {
z-index: 650;
background: #888;
color: #fff;
}
.ty-text-links-btn__arrow {
font-size: 20px;
line-height: 0;
position: relative;
top: 5px;
width: 7px;
}
.top-links-grid .ty-text-links-btn {
margin-top: -7px;
}
.ty-text-links_show_inline {
position: absolute;
min-width: 170px;
right: 0;
display: none;
background: #fff;
border: 1px solid #979797;
padding: 7px 14px;
z-index: 5;
margin: 0;
}
.ty-text-links_show_inline .ty-level-0 > .ty-text-links {
display: block;
background: none;
border: 0 none;
padding: 0;
position: relative;
}
.ty-text-links_show_inline .ty-text-links__item {
margin-right: 0;
display: block;
}
.ty-text-links_show_inline .ty-text-links {
margin: 0;
}
.ty-text-links_show_inline .ty-text-links__item .ty-text-links__a {
display: block;
}
.ty-filter-tooltip {
float: right;
left: 0 !important;
margin-right: 20px;
}
.daterangepicker.dropdown-menu.opensright, .daterangepicker.dropdown-menu.opensleft {
min-width: 340px !important;
}
.daterangepicker.dropdown-menu.opensright .ranges, .daterangepicker.dropdown-menu.opensright .calendar, .daterangepicker.dropdown-menu.opensleft .ranges, .daterangepicker.dropdown-menu.opensleft .calendar {
float: none;
margin: 10px auto 15px;
}
.daterangepicker.dropdown-menu.opensright:before, .daterangepicker.dropdown-menu.opensleft:before, .daterangepicker.dropdown-menu.opensright:after, .daterangepicker.dropdown-menu.opensleft:after {
display: none;
}
.ty-sidebox__body {
display: none;
}
.ty-horizontal-product-filters {
padding-left: 0;
}
.ty-horizontal-product-filters-dropdown {
width: 100%;
border-bottom: 1px solid #d4d4d4;
}
.ty-horizontal-product-filters-dropdown:last-child {
border-bottom: none;
}
.ty-horizontal-product-filters-dropdown__content {
min-width: 100%;
border-top: none;
border-bottom: none;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ty-horizontal-product-filters-dropdown .ty-horizontal-product-filters-dropdown__wrapper {
display: block;
padding: 10px;
}
.ty-horizontal-product-filters-dropdown__content {
position: relative;
margin-bottom: 10px;
}
.ty-horizontal-product-filters-dropdown__icon {
float: right;
margin-right: 4px;
top: 0px;
}
.ty-subcategories {
text-align: center;
}
}
@media screen and (max-width: 480px) {
.ty-mainbox-title__right {
float: none;
display: block;
margin-top: 0;
}
.ty-mainbox-title__left {
float: none;
display: block;
}
.ty-cart-content__buttons {
padding: 16px 12px;
}
.header-widget-grid .top-logo-grid {
padding-top: 0px;
}
.header-widget-grid .top-logo-grid {
width: 50%;
float: left;
}
.header-widget-grid .cart-content-grid {
width: 50%;
float: right;
white-space: nowrap;
}
.ty-estimation-buttons__rate {
margin-bottom: 10px;
float: none;
}
.ty-search-form__input {
margin: 4px 0px;
width: 100%;
}
.ty-features-all .ty-column6 {
width: 50%;
}
.ty-product-list__image {
float: none;
margin-bottom: 25px;
margin-right: 0px;
text-align: center;
}
.ty-sitemap__tree-section-list, .ty-sitemap__section-wrapper {
width: 100%;
min-height: 0;
}
.ty-compact-list__controls .ty-product-coming-soon {
position: absolute;
right: 0px;
text-align: left;
padding-top: 0px;
}
.ty-product-feature__label {
width: 120px;
}
.ty-product-feature__value {
max-width: 160px;
}
.ty-sort-container__views-a {
padding: 7px;
}
.ty-compact-list__image, .ty-compact-list__title {
display: block;
width: 100%;
float: none;
padding: 0;
}
.ty-compact-list__image {
margin-bottom: 10px;
}
.ty-btn__add-to-cart {
margin-right: 10px;
}
.ty-product-block__button .ty-btn + .ty-btn {
margin-left: 0px;
}
.ty-pagination {
text-align: center;
}
.ty-pagination__btn {
width: 94%;
}
.ty-pagination__items {
margin: 15px 0;
}
.ty-pagination__item {
padding: 5px 6px;
}
.ty-pagination__text {
display: inline-block;
}
.ty-compact-list__controls {
width: 100%;
text-align: left;
}
.ty-compact-list__price {
text-align: left;
width: 100%;
padding-bottom: 10px;
}
.ty-compact-list__price .ty-price-update {
display: inline-block;
}
.ty-step__title-txt {
font-size: 18px;
}
.ty-checkout__billing-tabs .ty-tabs {
padding: 0px;
}
.ty-checkout__billing-tabs .ty-tabs__item {
float: none;
}
.ty-companies__img {
float: none;
}
.ty-companies__info {
padding: 0;
}
.ty-filters-search__item {
padding-right: 0;
}
.ty-subcategories-block {
min-width: 100%;
}
}
.ty-social-buttons {
margin: 20px 0px;
}
.ty-social-buttons__inline {
display: inline-block;
vertical-align: top;
margin: 5px 20px 10px 0;
}
.ty-social-buttons__email-sharing {
text-decoration: none;
}
.ty-social-buttons__email-icon {
vertical-align: middle;
margin-left: 5px;
font-size: 16px;
}
.ty-product-bigpicture .ty-social-buttons__inline {
margin: 5px 0 0;
}
@media (max-width: 767px) {
.ty-social-buttons__inline {
display: block;
}
}
.ty-tag-cloud {
margin: 10px 0;
}
.ty-tag-cloud__item {
margin-right: 10px;
}
.ty-tag-level-0, .ty-tag-level-0:active {
font-size: 100%;
}
.ty-tag-level-1, .ty-tag-level-1:active {
font-size: 150%;
}
.ty-tag-level-2, .ty-tag-level-2:active {
font-size: 200%;
}
.ty-tag-level-3, .ty-tag-level-3:active {
font-size: 250%;
}
.ty-tag-level-4, .ty-tag-level-4:active {
font-size: 300%;
}
.ty-tag-level-5, .ty-tag-level-5:active {
font-size: 350%;
}
.ty-tag-level-6, .ty-tag-level-6:active {
font-size: 400%;
}
ul.ty-tags-list {
padding-left: 0;
}
.ty-tags-list__item {
display: inline-block;
}
.ty-tags-list__a {
position: relative;
display: block;
float: left;
margin: 3px 5px 3px 15px;
padding: 0 27px 0 10px;
font-size: 12px;
line-height: 24px;
text-decoration: none;
border: 0 none;
background: #e6e6e6;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.ty-tags-list__a:before {
position: absolute;
top: 50%;
left: -14px;
float: left;
margin-top: -12px;
width: 0;
height: 0;
border-width: 12px 14px 12px 0;
border-style: solid;
border-color: transparent #e6e6e6 transparent transparent;
content: "";
}
.ty-tags-list__a:after {
position: absolute;
top: 50%;
left: 0;
float: left;
margin-top: -2px;
width: 4px;
height: 4px;
background: #fff;
content: "";
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.ty-tags-list__a {
background: #e6e6e6;
color: #676767;
transition: none;
padding-right: 10px;
}
.ty-tags-list__a:hover {
background: #16a085;
color: #fff;
text-shadow: none;
}
.ty-tags-list__a:hover:before {
border-right-color: #16a085;
}
.ty-icon-feed {
display: inline-block;
float: right;
margin-top: -25px;
font-size: 16px;
}
.ty-newsletters {
margin-bottom: 30px;
}
.ty-newsletters__item {
margin-bottom: 5px;
}
.ty-gift-certificate {
margin-top: 25px;
}
.ty-gift-certificate__amount-alert {
color: #a6a6a6;
padding-top: 2px;
}
.error .ty-gift-certificate__amount-alert {
color: #b94a48;
}
.ty-gift-certificate__amount-input {
width: 115px;
}
.ty-gift-certificate__switch {
margin: 25px 0px;
padding: 15px 20px;
border: 2px solid #bdc3c7;
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.ty-gift-certificate__switch-label {
float: left;
}
.ty-gift-certificate__switch-mail {
float: right;
}
.ty-gift-certificate__send {
float: left;
padding-right: 15px;
}
.ty-gift-certificate__products .ty-no-items {
display: none;
}
.ty-gift-certificate__products .product-picker-icon {
float: left;
margin: 2px 5px 0 0;
}
.ty-gift-certificate__select {
width: 100%;
}
.ty-gift-certificate__country {
display: inline-block;
width: 47%;
}
.ty-gift-certificate__state {
display: inline-block;
margin-left: 5%;
width: 47%;
}
.ty-gift-certificate-validate {
margin-top: 42px;
}
.ty-gift-certificate-validate .ty-input-append {
width: 88%;
float: right;
}
.ty-gift-certificate__currency {
position: absolute;
margin-top: 7px;
margin-left: 120px;
}
.ty-gift-certificate-validate__title {
font-weight: normal;
text-align: right;
}
.ty-gift-certificate__icon {
position: absolute;
top: 3px;
left: -35px;
font-size: 27px;
line-height: 27px;
color: #ddd;
}
.ty-gift-certificate-verify {
min-width: 600px;
max-width: 600px;
}
table.ty-gift-certificate-verify__table {
margin: 10px 0 20px 0;
width: 100%;
}
table.ty-gift-certificate-verify__table {
margin-top: 0;
width: 100%;
}
.ty-gift-certificate-verify__row {
padding: 7px 13px;
}
.ty-gift-certificate-verify__error {
max-width: 250px;
text-align: center;
font-weight: bold;
}
.ty-gift-certificate-history {
width: 100%;
}
.ty-gift-image {
position: relative;
display: block;
margin: 0 auto;
border: 1px solid #ebebeb;
background-color: #f9f9f9;
color: #c8c8c8;
cursor: default;
}
.ty-gift-image__icon {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
margin: -16px 0 0 -16px;
width: 32px;
height: 32px;
font-size: 32px;
line-height: 32px;
}
.ty-product-notification__item .ty-gift-image {
margin-right: 20px;
}
.ty-gift-certificate-order {
margin-top: 10px;
}
.ty-gift-certificate-order__group-label {
display: inline-block;
padding: 6px 0;
width: 100px;
}
.ty-gift-certificate-order__group-item {
display: inline-block;
padding: 6px 0;
}
.ty-gift-certificate-history .ty-no-items {
margin-bottom: 0;
}
@media (max-width: 979px) {
.ty-gift-certificate__preview-btn {
float: none;
margin-top: 10px;
}
}
@media (max-width: 767px) {
.ty-gift-certificate-verify {
min-width: inherit;
}
.ty-gift-certificate-verify__row {
display: block;
}
.ty-gift-certificate-validate {
margin-top: 20px;
}
.certificates-verify-grid {
margin-bottom: 30px;
}
.certificates-verify-grid:before, .certificates-verify-grid:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.certificates-verify-grid:after {
clear: both;
}
}
.ty-store-location {
margin-top: 30px;
}
.ty-store-location__map-wrapper {
float: left;
width: 600px;
height: 450px;
border: 1px solid #979797;
margin: 0 30px 20px 0;
}
.ty-store-location__locations-wrapper {
display: block;
vertical-align: top;
overflow: hidden;
}
.ty-store-location__item:first-child {
margin-top: 0;
}
.ty-store-location__item {
margin: 20px 0;
}
h3.ty-store-location__item-title {
font-size: 22px;
margin: 0 0 2px 0;
}
.ty-store-location__item-country {
font-size: 13px;
font-weight: normal;
}
.ty-store-location__item-view {
margin: 20px 0;
}
@media (max-width: 979px) {
.ty-store-location__map-wrapper {
width: 400px;
height: 300px;
}
}
@media (max-width: 767px) {
.ty-store-location__map-wrapper {
width: 100%;
float: none;
}
}
.ty-blog__item {
border-bottom: 1px solid #eee;
padding-bottom: 30px;
margin: -1px;
margin-bottom: 50px;
}
.ty-blog__item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.ty-blog *, .ty-blog-grid * {
font-size: 14px;
}
.ty-blog h1, .ty-blog-grid h1 {
font-size: 25px;
}
.ty-blog h2, .ty-blog-grid h2 {
font-size: 23px;
}
.ty-blog h3, .ty-blog-grid h3 {
font-size: 21px;
}
.ty-blog h4, .ty-blog-grid h4 {
font-size: 19px;
}
.ty-blog h5, .ty-blog-grid h5 {
font-size: 16px;
}
.ty-blog h6, .ty-blog-grid h6 {
font-size: 14px;
}
.ty-blog hr, .ty-blog-grid hr {
margin-top: 20px;
margin-bottom: 20px;
}
.ty-blog img, .ty-blog-grid img {
width: auto;
max-width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
.ty-blog h2.ty-blog__post-title, .ty-blog-grid h2.ty-blog__post-title {
margin-bottom: 4px;
}
.ty-blog .ty-blog__post-title, .ty-blog-grid .ty-blog__post-title {
margin-bottom: 0;
padding: 0 0 6px;
font-size: 27px;
}
.ty-blog .ty-blog__img-block, .ty-blog-grid .ty-blog__img-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ty-blog .ty-blog__img-block img, .ty-blog-grid .ty-blog__img-block img {
margin-top: 0;
margin-bottom: 0;
}
.ty-blog .ty-blog__description, .ty-blog-grid .ty-blog__description {
margin-bottom: 30px;
}
.ty-blog .ty-blog__date, .ty-blog-grid .ty-blog__date {
display: inline-block;
margin-bottom: 15px;
margin-right: 10px;
color: #adadad;
font-weight: normal;
font-size: 12px;
}
.ty-blog .ty-blog__author, .ty-blog-grid .ty-blog__author {
display: inline-block;
margin-bottom: 15px;
padding-left: 12px;
border-left: 1px solid #adadad;
color: #adadad;
font-weight: normal;
font-size: 12px;
}
.ty-blog-sidebox {
margin: 0 0 10px;
}
.ty-blog-sidebox__item {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 7px;
}
.ty-blog-sidebox__item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.ty-blog-text-links {
margin: 20px 0 40px;
}
.ty-blog-text-links__item {
margin-bottom: 20px;
}
.ty-blog-text-links__item:last-child {
margin-bottom: 25px;
}
.ty-blog-text-links__date {
color: #adadad;
border: 1px solid #eee;
padding: 3px 8px;
margin-right: 9px;
float: left;
font-size: 12px;
}
.ty-blog-text-links__a {
padding-top: 3px;
display: block;
}
.ty-blog-recent-posts-scroller {
margin-left: -10px;
margin-right: -10px;
}
.ty-blog-recent-posts-scroller__item {
margin-bottom: 10px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.ty-blog-recent-posts-scroller__item .ty-blog__date {
display: block;
margin-bottom: 0;
margin-top: 5px;
color: #adadad;
font-size: 12px;
}
.ty-blog-recent-posts-scroller__img-block {
margin-bottom: 10px;
max-height: 150px;
min-height: 150px;
overflow: hidden;
position: relative;
text-align: center;
}
.ty-blog-recent-posts-scroller__img-block img {
display: block;
bottom: -100%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: -100%;
vertical-align: middle;
}
.ty-blog-recent-posts-scroller__img-block .ty-no-image {
height: 150px;
min-height: initial !important;
min-width: initial !important;
}
@media (max-width: 767px) {
.ty-blog__title {
margin-top: 50px;
}
}
.ty-reward-points__info {
margin-top: 10px;
}
.ty-reward-points__points-in-use {
display: block;
overflow: hidden;
padding-top: 5px;
}
.ty-reward-points__delete-icon {
position: relative;
top: 3px;
text-decoration: none;
}
.ty-reward-points__delete-icon:hover {
text-decoration: none;
}
.ty-reward-points-userlog {
width: 100%;
}
.ty-reward-points-userlog__date {
width: 20%;
}
.ty-reward-points-userlog__points {
width: 10%;
}
.ty-reward-points-userlog__reason {
width: 70%;
}
.ty-checkout-summary__item .ty-reward-points__coupon {
display: block;
}
.ty-reward-points__product-info:last-child {
margin-bottom: 0;
}
.ty-reward-points__product-info:before, .ty-reward-points__product-info:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-reward-points__product-info:after {
clear: both;
}
.ty-cart-content-products .ty-reward-points__product-info .ty-control-group__label {
font-weight: bold;
}
.ty-cr-product-info-container {
max-width: 430px;
}
.ty-cr-product-info-container:before, .ty-cr-product-info-container:after {
display: table;
content: "";
line-height: 0;
width: 100%;
}
.ty-cr-product-info-container:after {
clear: both;
}
.ty-cr-product-info-image {
display: inline-block;
vertical-align: top;
padding: 10px 20px 10px 0;
}
.ty-cr-product-info-header {
padding: 10px;
display: inline-block;
max-width: 260px;
}
.cr-popup-error-box {
max-width: 430px;
padding-bottom: 10px;
}
.ty-dropdown-box__title a {
white-space: nowrap;
}
.ty-cr-phone-number-link {
padding-left: 30%;
}
.ty-cr-phone-number-link {
margin: 4px 0px 0px;
text-align: center;
}
.ty-cr-phone-number-link .ty-cr-phone {
white-space: nowrap;
}
.ty-cr-phone-number-link .ty-cr-phone {
color: #888;
font-weight: bold;
font-size: 18px;
line-height: 1em;
}
.ty-cr-phone-number-link .ty-cr-link {
margin: 3px 0px 0px;
}
.ty-cr-phone-number-link .ty-cr-link a {
margin: 0;
}
.ty-cr-phone-number-link .ty-cr-phone-prefix {
color: #c8c8c8;
font-weight: 400;
}
.ty-cr-or {
margin-bottom: -4px;
margin-top: -3px;
text-align: center;
text-transform: uppercase;
}
.ty-cr-widget-content-grid .ty-cr-phone-number-link {
margin: 0;
padding-left: 0%;
}
@media (max-width: 1100px) {
.ty-cr-phone-number-link {
padding-left: 0%;
}
.ty-cr-phone-number-link .ty-cr-phone, .ty-cr-phone-number-link .ty-cr-phone a {
font-size: 16px;
}
}
@media (max-width: 767px) {
.ty-cr-content-grid .ty-cr-phone-number-link {
margin: 10px 0px 0px;
float: left;
}
.ty-cr-phone-prefix {
display: inline;
}
.ty-cr-widget-content-grid .ty-cr-phone-number-link {
clear: both;
padding: 12px;
}
.header-widget-grid .cart-content-grid {
width: 100%;
}
.ty-cr-product-info-container, .cr-popup-error-box {
max-width: 100%;
}
.ty-cr-product-info-header {
padding: 0;
display: block;
max-width: 100%;
}
.ty-cr-product-info-image {
display: block;
text-align: center;
}
}
.ty-form-builder__checkbox-label, .ty-form-builder__radio-label {
display: inline-block;
margin: 0 15px 5px 0;
white-space: nowrap;
}
.ty-form-builder__multiple-select, .ty-form-builder__select, .ty-form-builder__state, .ty-form-builder__country {
width: 100%;
max-width: 500px;
}
.ty-form-builder__textarea {
width: 100%;
max-width: 500px;
}
.ty-form-builder .ty-input-text {
width: 100%;
max-width: 500px;
}
@media (max-width: 979px) {
.ty-form-builder__textarea {
max-width: 400px;
}
.ty-form-builder .ty-input-text {
max-width: 400px;
}
.ty-form-builder__multiple-select, .ty-form-builder__select, .ty-form-builder__state, .ty-form-builder__country {
max-width: 400px;
}
}
.ty-banner__image-item {
text-align: center;
}
.ty-banner__image-wrapper {
position: relative;
overflow: hidden;
margin: 0 0 10px 0;
text-align: center;
}
.ty-scroller-discussion-list {
margin-left: -10px;
margin-right: -10px;
}
.ty-discussion-post__content {
margin-top: 10px;
margin-bottom: 10px;
}
.ty-discussion-post__content a {
display: block;
position: relative;
}
.ty-scroller-discussion-list__item {
margin-left: 10px;
margin-right: 10px;
}
.ty-discussion-post {
position: relative;
margin: 10px 0 15px 0;
padding: 15px;
border: 1px solid #eee;
}
.ty-discussion-post__author {
font-weight: bold;
}
.ty-discussion-post__date {
float: right;
right: 0;
margin-top: 1px;
color: #adadad;
font-size: 12px;
}
.ty-discussion-post__rating {
font-size: 15px;
margin-bottom: 5px;
}
.ty-discussion-post__message {
line-height: 1.75;
}
.ty-company-detail__top-links .ty-stars__icon {
font-size: 21px;
}
.ty-discussion__rating-wrapper {
margin-bottom: 10px;
}
.ty-discussion__rating-wrapper .ty-stars .ty-stars__icon {
font-size: 20px;
margin-right: 0px;
}
.ty-stars, .ty-discussion__review-a, .ty-discussion__review-write {
display: inline-block;
margin-right: 25px;
cursor: pointer;
}
.ty-stars {
color: #3b5999;
}
.ty-stars__icon {
vertical-align: middle;
margin-left: 2px;
font-size: 14px;
}
.ty-stars__icon:first-child {
margin-left: 0;
}
.ty-stars a:hover {
text-decoration: none;
}
.ty-product-list__rating {
position: absolute;
text-align: center;
right: 0;
left: 0;
}
.ty-product-list__rating .ty-stars {
margin-right: 0;
}
.grid-list__rating .ty-stars {
margin-bottom: 5px;
}
.ty-companies .ty-stars {
display: block;
margin: 5px 0 0;
}
.ty-rating {
float: left;
color: #3b5999;
}
.ty-rating__label {
display: inline-block;
}
.ty-rating:not(:checked) > .ty-rating__check {
position: absolute;
left: -9999px;
clip: rect(0,0,0,0);
}
.ty-rating:not(:checked) > .ty-rating__label {
float: right;
width: 17px;
padding: 0;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 100%;
line-height: 1.2;
margin-right: 2px;
}
.ty-rating:not(:checked) > .ty-rating__label:before {
font-family: glyphs;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 21px;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "\e004";
}
.ty-rating:not(:checked) > .ty-rating__label:hover:before, .ty-rating:not(:checked) > .ty-rating__label:hover ~ .ty-rating__label:before {
content: "\e041";
}
.ty-rating > .ty-rating__check:checked ~ .ty-rating__label:before, .ty-rating > .ty-rating__check:checked + .ty-rating__label:hover:before, .ty-rating > .ty-rating__check:checked + .ty-rating__label:hover ~ .ty-rating__label:before, .ty-rating > .ty-rating__check:checked ~ .ty-rating__label:hover:before, .ty-rating > .ty-rating__check:checked ~ .ty-rating__label:hover ~ .ty-rating__label:before, .ty-rating > .ty-rating__label:hover ~ .ty-rating__check:checked ~ .ty-rating__label:before {
content: "\e041";
}
.ty-template-small__item-description .ty-stars {
display: block;
}
@media (max-width: 979px) {
.ty-discussion-post__author {
display: block;
}
.ty-discussion-post__date {
display: block;
float: none;
}
}
.ty-twishlist-item {
text-align: center;
height: 18px;
margin-bottom: 10px;
}
.ty-grid-list__item:hover .ty-twishlist-item__remove {
visibility: visible;
}
.ty-add-to-wish {
display: inline-block;
margin: 0;
}
@media (max-width: 767px) {
.ty-wish-list__buttons .ty-btn {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ty-wish-list__buttons .ty-btn + .ty-btn {
margin: 15px 0 0;
}
}
.cloudzoom-lens {
border: 1px solid #b3b3b3;
cursor: move;
width: 150px;
height: 150px;
}
.cloudzoom-zoom {
border: 1px solid #a6a6a6;
height: 450px;
width: 450px;
z-index: 2000;
background: #fff;
-webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.2);
-moz-box-shadow: 0 4px 15px rgba(0,0,0,0.2);
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.cloudzoom-zoom-inside {
border: medium none;
box-shadow: none;
z-index: 2000;
}
.cloudzoom-caption {
background-color: #000;
color: #fff;
display: none;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
padding: 10px;
text-align: left;
}
.cloudzoom-blank {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/addons/image_zoom/blank.png?1499259135');
z-index: 2000;
}
.cloudzoom-ajax-loader {
background-image: url('../../../../../../../../design/themes/octo_eyewear/media/images/icons/ajax_loader.svg?1499259135');
height: 32px;
width: 32px;
}
.ty-hybrid-auth__icon {
margin-right: 5px;
}
.ty-link-unlink-provider {
position: relative;
}
.ty-link-unlink-provider img {
opacity: 0.25;
filter: alpha(opacity=25);
}
.ty-link-unlink-provider .ty-hybrid-auth__add {
position: absolute;
top: 12px;
left: 7px;
font-size: 22px;
z-index: 1;
display: none;
line-height: 0;
}
.ty-link-unlink-provider:hover .ty-hybrid-auth__add {
display: block;
}
.ty-link-unlink-provider:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.ty-hybrid-auth__icon {
position: relative;
}
.ty-hybrid-auth__icon .ty-hybrid-auth__remove {
position: absolute;
top: -7px;
left: 29px;
z-index: 1;
display: none;
line-height: 0;
}
.ty-hybrid-auth__icon:hover .ty-hybrid-auth__remove {
display: block;
}
#bar {
width: 0%;
max-width: 100%;
height: 5px;
background: #7fc242;
}
#progressBar {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
background: #ededed;
}
#progressBar.progressBar-bottom {
top: auto;
bottom: 0;
}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
}
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeout .7s both ease;
-moz-animation: fadeout .7s both ease;
animation: fadeout .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadein .7s both ease;
-moz-animation: fadein .7s both ease;
animation: fadein .7s both ease;
}
.owl-backslide-out {
-webkit-animation: backslideout 1s both ease;
-moz-animation: backslideout 1s both ease;
animation: backslideout 1s both ease;
}
.owl-backslide-in {
-webkit-animation: backslidein 1s both ease;
-moz-animation: backslidein 1s both ease;
animation: backslidein 1s both ease;
}
.owl-godown-out {
-webkit-animation: scaletofade .7s ease both;
-moz-animation: scaletofade .7s ease both;
animation: scaletofade .7s ease both;
}
.owl-godown-in {
-webkit-animation: godown .6s ease both;
-moz-animation: godown .6s ease both;
animation: godown .6s ease both;
}
.owl-fadeup-in {
-webkit-animation: scaleupfrom .5s ease both;
-moz-animation: scaleupfrom .5s ease both;
animation: scaleupfrom .5s ease both;
}
.owl-fadeup-out {
-webkit-animation: scaleupto .5s ease both;
-moz-animation: scaleupto .5s ease both;
animation: scaleupto .5s ease both;
}
@-webkit-keyframes empty {
0% {
opacity: 1;
}
}
@-moz-keyframes empty {
0% {
opacity: 1;
}
}
@keyframes empty {
0% {
opacity: 1;
}
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes backslideout {
25% {
opacity: .5;
-webkit-transform: translatez(-500px);
}
75% {
opacity: .5;
-webkit-transform: translatez(-500px) translatex(-200%);
}
100% {
opacity: .5;
-webkit-transform: translatez(-500px) translatex(-200%);
}
}
@-moz-keyframes backslideout {
25% {
opacity: .5;
-moz-transform: translatez(-500px);
}
75% {
opacity: .5;
-moz-transform: translatez(-500px) translatex(-200%);
}
100% {
opacity: .5;
-moz-transform: translatez(-500px) translatex(-200%);
}
}
@keyframes backslideout {
25% {
opacity: .5;
transform: translatez(-500px);
}
75% {
opacity: .5;
transform: translatez(-500px) translatex(-200%);
}
100% {
opacity: .5;
transform: translatez(-500px) translatex(-200%);
}
}
@-webkit-keyframes backslidein {
0%,25% {
opacity: .5;
-webkit-transform: translatez(-500px) translatex(200%);
}
75% {
opacity: .5;
-webkit-transform: translatez(-500px);
}
100% {
opacity: 1;
-webkit-transform: translatez(0) translatex(0);
}
}
@-moz-keyframes backslidein {
0%,25% {
opacity: .5;
-moz-transform: translatez(-500px) translatex(200%);
}
75% {
opacity: .5;
-moz-transform: translatez(-500px);
}
100% {
opacity: 1;
-moz-transform: translatez(0) translatex(0);
}
}
@keyframes backslidein {
0%,25% {
opacity: .5;
transform: translatez(-500px) translatex(200%);
}
75% {
opacity: .5;
transform: translatez(-500px);
}
100% {
opacity: 1;
transform: translatez(0) translatex(0);
}
}
@-webkit-keyframes scaletofade {
to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaletofade {
to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaletofade {
to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes godown {
from {
-webkit-transform: translatey(-100%);
}
}
@-moz-keyframes godown {
from {
-moz-transform: translatey(-100%);
}
}
@keyframes godown {
from {
transform: translatey(-100%);
}
}
@-webkit-keyframes scaleupfrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleupfrom {
from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleupfrom {
from {
opacity: 0;
transform: scale(1.5);
}
}
@-webkit-keyframes scaleupto {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleupto {
to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleupto {
to {
opacity: 0;
transform: scale(1.5);
}
}
.notification-content-extended h1 {
background: #3c599f;
color: #fff;
}
.ty-btn__secondary {
color: #666;
}
.ty-btn__secondary:hover {
background: #cacbcf;
color: #666;
}
.ty-btn__primary:hover {
color: #fff;
background: #942b2b;
}
.ty-btn__primary.ty-btn__text {
color: #3b5999;
}
.ty-product-filters__switch-right, .ty-product-filters__switch-down, .ty-product-filters__title {
color: #7b7b7b;
}
.ty-menu-vertical .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link, .ty-menu__submenu-items .ty-menu__submenu-link {
color: #333;
}
.ty-sort-dropdown__content, .ty-dropdown-box__content, .ty-select-block, .ty-horizontal-product-filters-dropdown__content {
border: 1px solid #c8c8c8;
}
.ty-select-block__a.open, .ty-select-block__a.open:hover, .ty-dropdown-box__title.open {
background: #c8c8c8;
color: #eee;
}
.ty-sort-dropdown__wrapper.open, .ty-horizontal-product-filters-dropdown__wrapper.open {
background: #c8c8c8;
color: #fff;
}
.ty-horizontal-product-filters {
margin-bottom: 0;
}
.ty-horizontal-product-filters .ty-product-filters__wrapper {
margin: 0;
padding-bottom: 0;
}
.footer-stay-connected {
background: #3c599f;
border-bottom: 1px solid #d1d8e6;
border-top: 1px solid #d1d8e6;
color: #333;
}
.ty-footer-menu__header {
color: #3b5999;
}
.ty-footer-menu__item a {
color: #333;
}
.footer-copyright {
/*border-top: 1px solid #d1d8e6;*/
}
.ty-cr-phone-number-link .ty-cr-phone-prefix {
color: #959595;
}
@media (max-width: 767px) {
.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active a, .ty-menu-vertical .ty-menu__submenu .menu-level-2.ty-menu__item-active .ty-menu__item-link {
text-decoration: underline;
color: #3b5999;
}
.ty-menu-vertical .menu-level-1.ty-menu__item-active > .ty-menu__submenu-item-header {
background: #e0e0e0;
}
.ty-horizontal-product-filters-dropdown__content {
border-bottom: none;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
}
a:hover {
text-decoration: underline;
}
.ui-dialog .ui-dialog-titlebar {
background: #888;
}
div.ui-dialog .ui-dialog-title {
color: white;
}
.notification-content-extended {
border: 0;
}
.ty-sidebox {
border: 1px solid #eae9e5;
padding: 10px;
}
.ty-product-filters__wrapper {
margin: 0px -10px;
}
.ty-sidebox__title {
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 3px;
}
.ty-btn__big {
padding: 7px 17px;
}
.ty-btn__primary {
color: white;
}
.ty-btn__primary {
color: white;
}
.ty-product-filters__wrapper {
padding-bottom: 5px;
}
.ty-menu__item .ty-menu__item-link {
text-transform: uppercase;
}
.ty-product-filters__wrapper {
background: transparent;
}
@media (max-width: 979px) and (min-width: 768px) {
.ty-menu__item .ty-menu__item-link {
padding: 15px 10px;
font-size: 12px;
}
.ty-price-slider__input-text {
width: 62px;
}
}
@media (max-width: 767px) {
.ty-sidebox__body {
margin-top: 10px;
}
.ty-sidebox__title-toggle {
right: -8px;
}
}
.row-fluid .span16 .ty-wysiwyg-content p:first-child {
float: left;
}
.row-fluid .span16 .ty-wysiwyg-content p:last-child {
float: right;
}
@media (max-width:527px) {
.row-fluid .add1 .ty-banner__image-wrapper {
height:300px;
overflow:hidden;
}
.index .add2 .ty-pict.cm-image {
height:auto;
width:100%
}
.index .add1 .ty-pict.cm-image {
height:auto;
width:100%
}
.index .add3 .ty-pict.cm-image {
height:auto;
width:100%
}
.index .add4 .ty-pict.cm-image {
height:auto;
width:100%
}
#tygh_main_container .tygh-header .header-grid .row-fluid {
padding: 0;
margin: 0;
}
.row-fluid .about-grid, .customer-service-grid {
margin-top: 25px;
padding-bottom: 20px;
}
.row-fluid .demo-store-grid .ty-footer .ty-footer-general__header {
margin-bottom: -20px;
}
.row-fluid .my-account-grid .ty-float-left .ty-wysiwyg-content{
margin-top:-30px;
}
.row-fluid .customer-service-grid .ty-footer .ty-footer-general__header {
margin-bottom: -20px;
}
.row-fluid .about-grid .ty-footer .ty-footer-general__header {
margin-bottom: -20px;
}
.row-fluid .span16 .ty-wysiwyg-content {
padding-left: 20px;
padding-right: 20px;
}
.row-fluid .span16 .ty-wysiwyg-content p:first-child {
float: none;
text-align: center;
}
.row-fluid .span16 .ty-wysiwyg-content p:last-child {
float: none;
text-align: center;
}
}