/* * Milano Magento Theme * * Copyright (c) ShopShark LLC 2013 * * The work presented in this file is copyrighted and is licensed to the original purchaser of the theme. The terms of the license are published on www.shopshark.net. * * www.shopshark.net * */ /* Reset ================================================================================= */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} /* Font Declaration ====================================================================== */ @font-face { font-family: 'NovecentowideNormalRegular'; src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Normal-webfont.eot'); src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Normal-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Normal-webfont.woff') format('woff'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Normal-webfont.ttf') format('truetype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Normal-webfont.svg#NovecentowideNormalRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NovecentowideBookRegular'; src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Book-webfont.eot'); src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Book-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Book-webfont.woff') format('woff'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Book-webfont.ttf') format('truetype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Book-webfont.svg#NovecentowideBookRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NovecentowideUltraLightBold'; src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Medium-webfont.eot'); src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Medium-webfont.woff') format('woff'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Medium-webfont.ttf') format('truetype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-Medium-webfont.svg#NovecentowideUltraLightBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NovecentowideLightBold'; src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-DemiBold-webfont.eot'); src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-DemiBold-webfont.woff') format('woff'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-DemiBold-webfont.ttf') format('truetype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/Novecentowide-DemiBold-webfont.svg#NovecentowideLightBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TeXGyreAdventorRegular'; src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/texgyreadventor-regular-webfont.eot'); src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/texgyreadventor-regular-webfont.woff') format('woff'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/texgyreadventor-regular-webfont.ttf') format('truetype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/texgyreadventor-regular-webfont.svg#webfont2wn1PO08') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ShopSharkSymbols'; src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/shopsharkfont-webfont.eot'); src: url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/shopsharkfont-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/shopsharkfont-webfont.woff') format('woff'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/shopsharkfont-webfont.ttf') format('truetype'), url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/shopsharkfont-webfont.svg#shopsharkfontregular') format('svg'); font-weight: normal; font-style: normal; } /* General Styles ========================================================================= */ body { font:12px/1.55 'TeXGyreAdventorRegular'; color:#818181; text-align:left; background: #fff; } img { border:0; vertical-align:top; } a { color:#353535; text-decoration:none; } a:hover { text-decoration:underline; } :focus { outline:0; } /* Fonts */ .footer-color .follow_us, .block .block-title strong span, .product-tabs li, .footer-color .phone span, .product-view .product-shop .short-description p:first-child, .add-to-cart label { font-family: 'TeXGyreAdventorRegular'; } .newproduct_grid, .saleproduct { font-family: 'TeXGyreAdventorRegular'; } .price { font-family: 'TeXGyreAdventorRegular';} /* Headings */ h1 { font-size:3em; color:#111; font-family: 'NovecentowideBookRegular'; font-weight:normal; line-height:1.15; font-weight: normal; } h2 { font-size:2.0em; color:#111; font-family: 'NovecentowideBookRegular'; line-height: 1.25; margin-bottom:.45em; font-weight: normal; } h3 { font-size:1.7em; color:#111; font-family: 'NovecentowideBookRegular'; line-height:1.25; margin-bottom:.45em; font-weight: normal; } h4 { font-size:1.4em; color:#111; font-family: 'NovecentowideBookRegular'; line-height:1.35; margin-bottom:.45em; font-weight: normal; } h5 { font-size:1.15em; color:#000; font-family: 'NovecentowideBookRegular'; line-height:1.35; margin-bottom:.45em; font-weight: normal; } h6 { font-size:1.05em; color:#111; font-family: 'NovecentowideBookRegular'; line-height:1.35; margin-bottom:1em; font-weight: normal; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ p { margin:0 0 1em; } strong { /* font-weight:bold; */ } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small { font-size:1em; } big { font-size:1.15em; } ::-moz-selection {background-color: #f01c35; color: #fff;} ::selection {background-color: #f01c35; color: #fff;} /* Lists */ ul,ol { list-style:none; } #product_tabs_description_contents ul,#product_tabs_description_contents ol {list-style: disc; margin-left:20px;} /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .clear { clear: both!important; } /* Dark elements */ .product-options dt label, .add-to-cart label, #nav > li > ul > li.parent > a, .blocklist li.parent > a { color:#333; } /* Layout ================================================================================ */ .page { text-align:left; } .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } .main { min-height:350px; margin: 0 0 30px 0; } /* Containers */ .header, .breadcrumbs, #nav, .slideshow, .slideshow-holder-internal, .main, .footer-menu-container, .footer-color, .footer-last { width: 960px; margin: 0 auto; } .header { position: relative; } /* Margin variation */ .main { margin-top: 18px; margin-bottom: 60px; } .cms-index-index .main { margin-top: 0; margin-bottom: 0; } /* Base Columns */ .col-left { float:left; width: 180px; padding:0 0 1px; } .col-main { float:left; width:764px; padding:0 0 1px; position: relative; } .col-right { float:right; width:180px; padding:0 0 1px; } /* 1 Column Layout */ .col1-layout .main { } .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:452px; } .col3-layout .col-wrapper { float:left; width:689px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:48.5%; background: white; } .col2-set .col-2 { float:right; width:48.5%; background: white; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } .box { padding: 5px; } .box .box-title h2 { padding-bottom: 5px; } /* Global Element Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:11px 'TeXGyreAdventorRegular'; vertical-align:middle; color:#818181; } input.input-text,select,textarea { background:#fff; border:1px solid #e4e4e4; } input.input-text,textarea { padding:5px; } input.input-text:focus,textarea:focus { border-color: #b3a487; } select { padding:4px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:1px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:1.5em !important; height: 30px; text-align: center; margin: 0; color: #000; font-family: 'NovecentowideUltraLightBold'; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; border:none; width:auto; height: 25px; padding:0 17px; background: #fff; border: 3px #e0e0e0 solid; white-space: nowrap; color: #444; text-align:center; text-transform:uppercase; font:normal 11px 'NovecentowideUltraLightBold'; margin:0; cursor:pointer; } button.button span { white-space:nowrap; margin: -1px -3px; } button.disabled span { color:#bbb !important; } button.btn-checkout { height: 42px; text-align: left; background: none; border: 4px #b3a487 solid; color: #b3a487; position: relative; padding-right: 100px; } button.btn-checkout span { font-size: 12px; font-family: 'NovecentowideLightBold'; } button.btn-checkout > span > span:after { content: "W"; font-family: 'ShopSharkSymbols'; line-height: 20px; position: absolute; top: 11px; right: 7px; } button.btn-checkout.no-checkout span { color:#cfcfcf; } p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form lists */ /* Grouped fields */ .form-list li { margin: 0 0 10px; } .form-list label { float:left; color:#555; position:relative; z-index:0; margin: 0 0 5px; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-7px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-top:-1px; margin-right:4px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width: 281px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:1em 0 0; padding:15px; border-top:1px solid #e4e4e4; text-align:right; } .buttons-set p.required { margin:0 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:5px 7px 0 0; } .fieldset { margin:0 0 15px; background: white; padding:0 15px 15px; } .fieldset .legend { margin:0 -15px 12px; border-bottom: 1px solid #E4E4E4; padding:10px 15px 10px; font-size:13px; line-height:1.25; } .block-content { padding: 15px; } /* Form Validation */ .validation-advice { position: absolute; z-index: 100; margin-top: 5px; background-color: #666; color: #fff; font-family: 'NovecentowideUltraLightBold'; font-size: 9px; padding: 4px 5px 2px; -webkit-box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.6); -moz-box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.6); box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.6); max-width: 165px; } .validation-advice:before { content: ""; position: absolute; top: -9px; left: 10px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #666; } .validation-failed { border:1px solid #faebe7 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size: 10px; text-align:right; color:#f00; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#00AEEF; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .messages, .messages ul { list-style:none !important; margin:0 auto !important; padding:0 !important; } .messages { width:100%; overflow:hidden; font-family: 'NovecentowideUltraLightBold'; text-align: center; } .messages li { } .messages li li { } .error-msg, .success-msg, .note-msg, .notice-msg { background-color: #faf9f7; border: 2px #999 solid; padding:4px 12px !important; font-size:11px !important; line-height:20px; text-align:left; } .error-msg { background:#FAEBE7; border-color:#E13D20; color:#E13D20; } .success-msg { background:#EFF5EA; border-color:#3D6611; color:#3D6611; } .note-msg, .notice-msg { text-align: center; color:#96BF12; background:#e6f2c1; border:1px solid #96BF12; font-weight:bold; } /* BreadCrumbs */ .breadcrumbs { margin-bottom: 3px; font-size: 10px; font-family: 'NovecentowideUltraLightBold'; color: #333; } .breadcrumbs li { display:inline; } .breadcrumbs li strong { color: #b3a487; font-weight: normal; } .breadcrumbs li span { display: inline-block; width: 5px; height: 9px; text-indent: -999px; overflow: hidden; } .breadcrumbs li span:before { display: block; position: absolute; text-indent: 0; content: "/"; font-size: 12px; line-height: 12px; } .breadcrumbs li.back { float: right; position: relative; } .breadcrumbs li.back a { padding: 4px 0 5px 12px; color: #7f7f7f; } .breadcrumbs li.back a:before { display: block; position: absolute; font-family: 'ShopSharkSymbols'; content: "C"; font-size: 12px; line-height: 14px; color: #818181; top: 4px; left: 0; } /* Page Heading */ .page-title { width:100%; overflow:hidden; margin:0 0 16px; } .page-title h1, .page-title h2 { font-size: 26px; font-weight:normal; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; padding:12px 0 0; font-size:16px; font-weight:bold; margin:0 0 6px; } /* Pager */ .pager { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic; padding:4px 8px; text-align:center; } .limiter { float: left; padding-right: 2px; margin-left: 5px; line-height: 18px; } .limiter label { vertical-align:middle; float: left; } .limiter .jqTransformSelectWrapper { margin:0 5px; } .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .sort-by { float:left; line-height: 18px; } .sort-by label { vertical-align:middle; float: left; } .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .view-mode { width: 145px; float: left; text-align: left; margin: -2px 2px 2px 10px;} .view-mode label { float: left; padding: 1px 1px 1px 5px;} .view-mode strong, .pager .view-mode a { float: left; display: block; width: 12px; height: 7px; text-indent:-9999px; background-repeat: no-repeat; background-position: top center; } .view-mode strong.grid, .pager .view-mode a.grid { background-image: url(https://www.doability.com.au/skin/frontend/default/beeshop/images/grid.png); margin: 5px 3px 0; padding-right: 4px; } .view-mode strong.list, .pager .view-mode a.list { background-image: url(https://www.doability.com.au/skin/frontend/default/beeshop/images/list.png); margin-top: 5px; } .view-mode strong, .pager .view-mode a:hover { background-position: bottom center;} /* Sorter */ .sorter { font-size:11px; background:#fff; padding: 4px 8px; } .view-mode { float:left; margin: 0 0 0 15px; } .link-feed {} .pages { float: right; } .pages ol { display:inline; } .pages li { display:inline-block; font-weight: bold; } .pages li a, .pages li strong { display:block; color: #999; } .pages .i-previous, .pages .i-next { } .pages strong { font-weight: normal; margin-right: 3px; display:none; } .pages .current { color: #876e48; padding: 4px 10px; background:#f95c95; border-radius:5px; font-size:12px; color:#fff; } .pages li:hover a {color: #876e48; } .pages a.previous, .pages a.next { text-indent:-9999px; padding-left:10px; padding-right:10px; } .pages a.previous img , .pages a.next img { margin:0 -5px;} .pages a.previous { background: url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prev-page.png) no-repeat left top; } .pages a.next { background: url(https://www.doability.com.au/skin/frontend/default/beeshop/images/next-page.png) no-repeat left top; } /* .pages li:hover { background-position:right center; } .pages li:hover a, .pages li:hover strong { background-position:left center; } */ .pages li:active { background-position:right bottom; } .pages li:hover:active a, .pages li:hover:active strong { background-position:left bottom; } .pages li:hover a:active, .pages li:hover:active strong:active { background-position:left bottom; } .amount { float:left; margin:0; } .amount strong { font-weight: normal; } /* Toolbar */ .toolbar .jqTransformSelectWrapper { margin:0 5px; -webkit-box-shadow: inset 0px 0px 0px 1px #E9E3D9; -moz-box-shadow: inset 0px 0px 0px 1px #E9E3D9; box-shadow: inset 0px 0px 0px 1px #E9E3D9; } .toolbar {} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {} /* Data Table */ .data-table { width:100%; font-family: 'NovecentowideUltraLightBold'; font-size: 11px; } .data-table tr.odd { background-color:#fff } .data-table tr.even { background-color:#fefefe; } .data-table tr.last th, .data-table tr.last td { } .data-table th { padding: 12px 15px 2px; font-size:11px; white-space:nowrap; color: #333; } .data-table th.wrap { white-space:normal; } .data-table th a { color:#fff; } .data-table td { padding:3px 15px; } .data-table thead tr { border-bottom: 1px #ececec solid; } .data-table tfoot { border-bottom: 1px #ececec solid; } .data-table tfoot tr { background-color:#fff !important; } .data-table tbody th { padding:3px 8px; font-size:11px; font-weight:bold; text-transform:none; white-space:normal; } .data-table tbody th, .data-table tbody tr { border-bottom: 1px #ececec solid; } .data-table tbody tr:hover { background-color: #fcfcfc!important; } .data-table tfoot strong { font-size:14px; } /* Bundle products tables */ .data-table tbody.odd tr { background-color: #fff; } .data-table tbody.even tr { background-color: #fcfcfc; } .data-table tbody.odd tr td, .data-table tbody.even tr td { background-image: none; } .data-table tbody.odd tr.border, .data-table tbody.even tr.border { border-bottom: 1px #ececec solid; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { margin:0 0 15px; } .info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } /* Misc */ .links { text-align: right; font-size: 11px; font-weight: bold; } .links li { display:inline; padding: 1px 10px 1px 5px; border-right: #999 1px solid; } .links li.first { padding-left:0 !important; } .links li.last { border:none !important; padding-right:0 !important; } .link-cart { color:#d62502; } .link-wishlist { color:#353535; } .link-reorder {} .link-compare {} .link-rss { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:14px; height:14px; font-size:0; line-height:0; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/btn_remove.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:14px; height:14px; font-size:0; line-height:0; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/btn_remove.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:14px; height:14px; font-size:0; line-height:0; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/btn_edit.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit:hover, .btn-remove2:hover, .btn-remove:hover { background-position: bottom; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; background:#ccc; margin:10px 0; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:11px; line-height:1.15; text-align:center; color:#fff; } /* Header ================================================================================ */ /* General */ .header-container { margin: 0; } .header .header-right { float:right; } .header .header-left { float:left; } .header .header-center { float:left; } /* Small Header */ .header-small-container { font-family: 'NovecentowideBookRegular'; font-size: 10px; background: #ffffff; color: #999; } .header-small-container a, .header-small-container a:hover { color: #999; } /* Welcome Message */ .header .welcome-msg { color: #b3a487; line-height: 23px; margin: 12px 0 11px; display: inline-block; } /* Header CMS Links */ .header .cms-header-links, .header .cms-header-links li { float: left; } .header .cms-header-links li { padding: 0 6px; border-right: #ececec 1px solid;} .header .cms-header-links li:last-child, .header .cms-header-links li.last { border: none; padding-right: 0; } /* Currency, Language and Store Switchers */ .header .currency, .header .form-language, .header .store-switcher { position: relative; float:left; } .header .currency, .header .form-language { padding-left: 6px; } .header .currency .currency-menu-title, .header .form-language .form-language-title, .header .store-switcher .store-switcher-title { line-height: 10px; cursor: pointer; padding: 12px 17px 11px 0; position: relative; } .header .currency .currency-menu-title:before, .header .form-language .form-language-title:before, .header .store-switcher .store-switcher-title:before { content: ""; width: 0; height: 10px; position: absolute; right: 0; border-right: #ececec 1px solid; } .header .currency .currency-menu-title:after, .header .form-language .form-language-title:after, .header .store-switcher .store-switcher-title:after { font-family: 'ShopSharkSymbols'; font-size: 19px; content: "F"; position: absolute; margin-left: -2px; margin-top: 7px; } .header .currency .currency-menu, .header .form-language .form-language-menu, .header .store-switcher .store-switcher-menu { position: absolute; margin-left: -15px; display: none; background: #faf9f7; z-index: 1000; border: #dcdbd9 4px solid; border-top: #dcdbd9 1px dotted; padding: 7px 11px 10px; left: 0; text-align: left; line-height: normal; } .header .currency:hover .currency-menu, .header .form-language:hover .form-language-menu, .header .store-switcher:hover .store-switcher-menu { display: block; } .header .currency .currency-menu-item a, .header .form-language .form-language-item a, .header .store-switcher .store-switcher-item a { font-weight: normal; color: #999; font-family: 'TeXGyreAdventorRegular'; font-size: 11px; white-space: nowrap; } /* Main Header */ .header-main-container .header-left, .header-main-container .header-right { width: 380px; margin-top: 4px; } .header-main-container .header-center { width: 200px; } /* Header Small Menu */ .header-menu > ul, .header-menu > ul > li > a { font-family: 'NovecentowideNormalRegular'; font-size: 11px; color: #999; } .header-menu > ul > li { float: left; margin: 5px 20px 5px 0; } .header-menu > ul > li.parent { padding-right: 12px; } .header-menu > ul > li.parent > a:after { font-family: 'ShopSharkSymbols'; font-size: 19px; content: "F"; position: absolute; margin-left: -1px; margin-top: 1px; } .header-menu > ul > li > ul { position: absolute; display: none; background: #fff; z-index: 1000; border: 5px #ccc solid; border-top: 1px #ccc dotted; padding: 8px 15px 12px; margin-left: -19px; } .header-menu > ul > li:hover > ul { display: block; } .header-menu > ul > li > ul a { font-weight: normal; color: #999; font-size: 12px; font-family: 'TeXGyreAdventorRegular'; } /* Logo */ .header .header-logo { text-align: center; margin: 30px 0 15px; } .header .logo { max-width: 100%; text-decoration:none !important; position: relative; } .header .logo img { max-width: 100%; } .header .logo h1, .header .logo h2 { overflow: hidden; height: 0; margin: 0; padding: 0; position: relative; } .header .logo strong { position: absolute; display: block; top: -9999px; } /* Header Cart */ .cart-header { float:right; position: relative; margin-top: 5px; } .cart-header .button-show { position:relative; } .cart-header .button-show a, .cart-header .price { display: inline-block; font-family: 'NovecentowideNormalRegular'; font-size: 13px; color: #999; } .cart-header .button-show .price { padding: 0 0 0 18px; cursor: default; position: relative; } .cart-header .button-show .price:before { font-family: 'ShopSharkSymbols'; content: "M"; display: block; position: absolute; left: -2px; top: 1px; font-size: 18px; height: 16px; overflow: hidden; } .cart-header .block-title strong { color:#fff; } .cart-header .block-subtitle { border-bottom: none; } .cart-header .block-subtitle span { display: block; } .cart-header .block-subtitle a { display: block; float: right; text-transform: lowercase; font-size: 11px; } .cart-header .summary { font-size: 14px; margin:5px 0; padding:5px; text-transform: uppercase; text-align:right; clear: both; z-index:1; } .cart-header .summary .price { color: #111111; } .cart-header .amount { margin:0; } .cart-header .empty { text-align: center; } .cart-header .amount a { font-weight:bold; } .cart-header .block-content li.item { } .cart-header .subtotal { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_subtotal.gif) no-repeat 50% 0; margin:5px 0 0; line-height:23px; } .cart-header .subtotal .price { font-weight:bold; } .cart-header .actions { display:none !important; } .cart-header .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .cart-header:hover #header-items { display:block; } .cart-header #header-items { right: 0; padding: 15px; z-index: 1400; width: 300px; position: absolute; display: none; color: #666; background: #fff; border: 5px #ccc solid; border-top: 1px #ccc dotted; font-family: 'TeXGyreAdventorRegular'; } .cart-header #header-items.empty { padding: 16px 5px 8px; font-family: 'TeXGyreAdventorRegular'; } .cart-header #header-items a { color: #666; } .cart-header #header-items .btn-remove, .cart-header #header-items .btn-edit { float: right; clear: right; } .cart-header #header-items li.item { padding: 10px 0 15px; clear: both; } .cart-header #header-items li.item .price { color: #111111; } .cart-header .btn-view { float: left; padding: 0 45px; } .cart-header .btn-view:hover { text-decoration: underline ;} .cart-header .btn-checkout { float:right; height: 25px; padding: 0 45px; } .cart-header .btn-checkout > span > span:after { top: 1px; } .cart-header .btn-checkout span { font-weight: normal; font-size:11px; font-family: Arial, Helvetica, sans-serif; } /* Header System Links */ .header-right .order_track { color: #000000; font-family: "NovecentowideNormalRegular"; font-size: 13px; position: relative; top: 1.9em; } .track-lebel { color: #333; font-size: 30px; } .header .links { float: right; } .header .links li { padding: 0 6px; border-right: #ececec 1px solid; line-height: 10px; margin: 5px 0; display: inline-block; } .header .links li:first-child { border-left: #ececec 1px solid; padding-left: 6px !important;} .header .links li a { font-family: 'NovecentowideNormalRegular'; font-size: 10px; color: #999; font-weight: normal; } /* Header Search */ .form-search { float:right; margin: 6px 0 2px; border: 1px #ececec solid; background: #fff; } .form-search label { float:left; font-size:12px; font-weight:bold; padding:0 5px 0 0; } .form-search input.input-text { float:left; width: 235px; border: none; background: none; padding: 4px 0 4px 8px; margin: 0; color: #999; } .form-search input.input-text:active, { float:left; width: 197px; border-right: 0; padding:5px; color: #888; } .form-search button.button { float: right; height:26px; border: none; background: none; color:#acacac; line-height:21px; padding:2px 10px; } .form-search button.button:hover { background: none; } .form-search button.button span { display: block; width: 20px; height: 15px; text-indent: -999px; overflow: hidden; border-left: 1px #ececec solid; color: #ccc; position: relative; } .form-search button.button span:after { display: block; width: 16px; height: 15px; font-family: 'ShopSharkSymbols'; font-size: 17px; position: absolute; content: ")"; top:3px; right:0; text-indent: 0; line-height: 20px; } .form-search button.button:hover span { color: #999; } /* Search Autocomplete */ .search-autocomplete { padding: 5px 13px; border: 0px #ccc solid; border-top: 0px #ccc dotted; background: #fff; margin-top: 0px; z-index: 1; } .search-autocomplete > ul > li { cursor: pointer; line-height: 30px; border-bottom: 1px dotted #ccc; } .search-autocomplete > ul > li:last-child { border-bottom: none; } .search-autocomplete > ul > li:hover { color:#F95D96; } .search-autocomplete span.amount { float: right; } /* Main Menu Common Style */ #nav { margin-top: 10px; margin-bottom: 8px; border-bottom: #b3a487 1px dotted; text-align: center; } #nav li.level0 { display: inline-block; padding-left: 12px; text-align: left; } #nav li.level0:before { display: block; content: "."; position: absolute; margin-left: -8px; margin-top: 15px; font-size: 7px; color: #000; } #nav li.level0 > a { padding: 15px 6px 14px 6px !important;} #nav li.level0 > a > span, #nav li.level0 > p > a > span { font-family: 'NovecentowideUltraLightBold'; font-size: 13px; color: #333; } #nav li.level0.block_li > a > span { cursor: pointer; } #nav li.level0 > a:hover > span, #nav li.level0.active > a > span { color: #b3a487; } #nav .nav_block li.parent > a > span, #nav li.level1 > a > span, #nav .nav_block h3, #nav li.nav-text-block h3 { font-family: 'NovecentowideUltraLightBold'; color: #000; font-size: 11px; } #nav ul.level1 { font-family: 'TeXGyreAdventorRegular'; font-size: 11px; line-height: 19px; } #nav li.level0.homelink:before, #nav.no-home-link li.level0.first:before { display: none; } #nav li.level0.homelink, #nav li.level0.homelink > a, #nav.no-home-link li.level0.first, #nav.no-home-link li.level0.first > a { padding-left: 0; } /* Main Menu Stiky */ .nav-container-outer { height: 44px; } .nav-container.sticky { position: fixed; top: 0; z-index: 250; width: 100%; background: #fff; } .nav-container.sticky #nav { margin-top: 0; margin-bottom: 0; border-bottom: #877758 1px dotted; background: #fff; } .nav-container.sticky .nav-container-inner:before { content: ""; display: block; position: absolute; width: 930px; height: 100%; margin-left: 15px; -webkit-border-radius: 30%; -moz-border-radius: 30%; border-radius: 30%; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.45); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.45); } .nav-container.sticky .nav-container-inner { width: 960px; margin: 0 auto; position: relative; } /* Mobile Menu */ .mobile-nav-container{ display: none; } /* Header Promo */ .header-promo-container .header-left, .header-promo-container .header-right { width: auto; line-height: 20px; margin: 7px 0; } .header-promo-container { background: #faf9f7; color: #999; } .header-promo-container .header-left { font-family: 'NovecentowideNormalRegular'; font-size: 13px; } /* Footer ================================================================================ */ .footer-last-container { background: #faf9f7; padding: 12px 0; } .footer-last { color: #333; font-size: 11px; line-height: 19px; } .footer-last .f-left { text-align: left; float: left !important; } .footer-last .f-right { text-align: right; float: right !important; } .footer-last a { color: #333; } .footer-last ul { display:inline; } .footer-last li { display:inline; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_pipe1.gif) 100% 50% no-repeat; padding:0 5px 0 0; margin:0 3px 0 0; line-height: 1.8; } .footer-last .links li { text-transform: none; font-weight: normal; border:none; } .footer-last .links li.last { background:none !important; padding-right:0 !important; } .footer-container { width:100%; text-align: left; } .footer-menu-container { padding: 20px 0; border-top: 1px #000 dotted; } body.cms-index-index .footer-menu-container { border-top: none; } .footer-container, .footer-container a { font-family: 'TeXGyreAdventorRegular'; color:#333; font-size: 11px; } .footer-container h4 { font-family: 'NovecentowideUltraLightBold'; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; } .footer-container .footer-list { line-height: 25px; } .footer-container .footer-right { width: 240px; } .footer-container .footer-column { width: 240px; float: left; } .footer-container li.icon { height: 22px; line-height: 22px; padding-left: 22px; position: relative; } .footer-container li.icon:before { color: #000; font-family: 'ShopSharkSymbols'; font-size: 22px; position: absolute; display: block; width: 22px; height: 22px; left: 0; top: 6px; } .footer-container li.icon.icon-mail:before { content: "$"; } .footer-container li.icon.icon-mobile:before { content: "Q"; } .footer-container li.icon.icon-phone:before { content: "P"; } .footer-container li.icon.icon-skype:before { content: "!"; } .footer-container .follow-us { clear: both; padding: 20px 0 0; text-align: center; } .footer-container .follow-us a { display: inline-block; width: 30px; height: 30px; color: #666; font-family: 'ShopSharkSymbols'; text-indent: 0; background: none; font-size: 30px; line-height: 50px; text-align: center; margin: 0 40px; } .footer-container .follow-us a:hover { color: #b3a487; text-decoration: none; } .footer-container .payment-options { text-align: center; margin: 25px 0 0; } .footer-container .payment-options a { display: inline-block; width: 27px; height: 18px; overflow: hidden; text-indent: -999px; background: url(https://www.doability.com.au/skin/frontend/default/beeshop/images/payment-options-sprite.png) no-repeat; margin: 0 10px; } .footer-container .payment-options a.visa { background-position: 0 0; } .footer-container .payment-options a.amex { background-position: -55px 0; } .footer-container .payment-options a.mastercard { background-position: -110px 0; } .footer-container .payment-options a.discover { background-position: -165px 0; } .footer-container .payment-options a.paypal { background-position: -220px 0; } .footer-container .payment-options a.2co { background-position: -275px 0; } .footer-container .payment-options a.skrill { background-position: -330px 0; } .footer-container .payment-options a.worldpay { background-position: -385px 0; } .footer-container .payment-options a.google { background-position: -440px 0; } .footer-container .payment-options a.amazon { background-position: -495px 0; } .footer-container .payment-options a.delta { background-position: -550px 0; } .footer-container .verified-by { clear: both; margin: 25px 0 0; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #818181; } .footer-container .verified-by p { margin: 0; } .footer-container .facebook-box, .footer-container .twitter-box { width: 240px; } .footer-container .facebook-box { margin-top: 20px; } .footer-container .facebook-box iframe { border: none; width: 240px; height: 50px; } .footer-container .newsletter { float: left; clear: left; width: 250px; margin: 20px 0 10px 0; } .footer-container .form-subscribe label { padding-top:2px; font-weight:bold; color:#555; } .footer-container .form-subscribe .input-box { border: 1px #ececec solid; background: #fff; } .footer-container .form-subscribe button.button { float: right; background: none !important; padding: 0 12px 0 5px; border: none; } .footer-container .form-subscribe button.button > span { height: 22px; font: normal 11px/22px Tahoma, Verdana, Arial, sans-serif; border-left: 1px #ececec solid; padding-left: 10px; color: #ccc; } .footer-container .form-subscribe button.button:hover > span { color: #999; } .footer-container .form-subscribe input.input-text { width: 165px; border: none; padding: 4px 0 4px 8px; background: none; margin: 0; } .footer-container .form-subscribe input.input-text:focus { border: none; } .footer-container .form-subscribe input.input-text.validation-failed { background: none !important; border:none !important; } .footer-container .footer-callout { display:block; margin:-10px 0 10px; position:relative; } .footer-container .bottom-container { margin:0 0 8px; text-align:right; } /* Latest Tweets */ #tweets .user a { font-family: 'NovecentowideBookRegular'; font-size: 14px; } #tweets .user a > span, #tweets .user a > img { float: left; } #tweets .user a > img { margin-right: 10px; } #tweets .user a > span { margin-top: 12px; } #tweets .tweet { clear: both; line-height: 20px; } #tweets a { color: #b3a487; } /* Back To Top */ #message { font-size: 12px; display: block; display: none; z-index: 999; position: fixed; bottom: 70px; margin-top: -35px; right: 15px; margin-left: -70px; color:#cdcab9; } #message a { display:block; width: 46px; height: 46px; text-indent: -999px; overflow: hidden; color: #666; } #message a:after { font-family: 'ShopSharkSymbols'; font-size: 40px; content: "G"; position: absolute; margin: -12px 0 0 3px; text-indent: 0; display: block; } #message a:hover { background: #999; color: #fff; } /* Home Page ================================================================================ */ /* Main Menu */ body.cms-index-index #nav { margin-bottom: 0; border-bottom: none; } /* Main Slider */ html { overflow-x:hidden; padding: 0 !important; margin:0px !important; } .fullwidthbanner-container{ width:100% !important; position:relative; padding:0; max-height:500px !important; overflow:hidden; margin-bottom: 35px; } /* Home Boxes */ .home-text { float: left; position: relative; margin: 35px 6px 55px 0; width: 315px; color: #333; border-right: 1px #ececec solid; } .home-text img { } .home-text h3 { color:#333; font-family: 'TeXGyreAdventorRegular'; font-size: 22px; padding: 12px 10px 10px; margin: 0; line-height: 25px; } .home-text h5 { color:#999; font-family: Tahoma, Geneva, sans-serif; font-size: 10px; padding: 0 10px 2px; text-transform: uppercase; margin-bottom: -10px; position: relative; } .home-text h5.purple { color:#97c6b9; } .home-text h5.green { color:#68a772; } .home-text h5.pink { color:#e56f66; } .home-text p { padding: 0 120px 0 10px; } .home-text.last { margin-right: 0; border: none; } a.readmore { color: #333; font-size: 12px; font-family: 'TeXGyreAdventorRegular'; position: relative; } a.readmore:hover { text-decoration: underline; } /* Blog */ .home-blog-container { text-align: center; margin: 35px 0 35px; } .home-blog-container:before { content: ""; display: block; width: 100%; position: absolute; margin-top: 15px; border-top: #ececec 1px solid; } .home-blog-container h5 { font-size: 25px; color: #333; margin: 10px; display: inline; background: #fff; position: relative; padding: 0 15px; } .home-blog-internal { margin-top: 15px; } .home-blog { width: 450px; position: relative; display: inline-block; text-align: left; } .home-blog-left, .home-blog-right { width: 250px; display: inline-block; position: relative; } .home-blog-left { text-align: left; float: left; } .home-blog-right { text-align: right; float: right; } .home-blog .postWrapper { padding: 15px 0; } .postTitle h6 { font-family: 'TeXGyreAdventorRegular'; color: #000; font-size: 16px; margin: 0; } .home-blog .postImage { float: left; margin: 5px 20px 0 0; } .home-blog .postTitle { margin-bottom: 4px; } .home-blog .blogReadmore { margin-top: 4px; font-size: 11px; } /* Sliders */ .slider-container { clear: both; text-align: center; margin: 35px 0 0; } .slider-container:before { content: ""; display: block; width: 100%; position: absolute; margin-top: 15px; border-top: #ececec 1px solid; } .slider-container h5 { font-size: 25px; color: #333; margin: 10px; display: inline; background: #fff; position: relative; padding: 0 15px; } .product-slider { position:relative; margin-top: 30px; text-align: left; } .product-slider .last { border-bottom:0; } .product-slider .slide { float:left; width:228px; margin: 0 16px 3px 0;} .product-slider .slide.last { margin: 0 0 3px 0;} .product-slider .product-image { display:block; padding:5px 5px 0; } .product-slider .first .product-image { border-top:0; } .product-slider .last .product-image { border-right:0; } .product-slider .price-box p { display: inline; margin-right: 5px; } .product-slider .product-name { font-size:12px; margin: 0 0 12px 0; } .product-slider .price-box { margin: 5px 0 0; } .product-slider .price-label { display: none; } .product-slider .price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px !important; } .product-slider .availability { line-height:21px; } .product-slider .actions { bottom:20px; padding: 5px 5px 10px 5px; } .product-slider .new-description { padding: 0 15px 10px; text-align: center; } .product-slider .new-description .labels-container { min-height: 18px; } .product-slider .new-description h3 { font-size:11px; font-family: 'TeXGyreAdventorRegular'; margin: 0; } .product-slider .col2-left-layout .products-grid, .product-slider .col2-right-layout .products-grid { width:684px; margin:0 auto; } .product-slider .col1-layout .products-grid, .product-slider .page-empty .products-grid { width:684px; margin:0 auto; } .product-slider .amount { display: none; } .product-slider .ratings { float: right; margin: 8px 0 0 167px; position: absolute; } .brands { position:relative; text-align: left; } .brands .carousel { height: 90px; } .brands .slide { float:left; width:155px; margin: 30px 6px 0 0; text-align: center; } .brands .slide.last { margin-right: 0; } .brands .brands-arrow { top: 8px !important; } /* Callout Block */ ul.home-callout { padding: 25px 0; border-top: #ececec 1px solid; border-bottom: #ececec 1px solid; text-align: center; font-family: 'NovecentowideNormalRegular'; font-size: 13px; letter-spacing: 1px; } ul.home-callout li { display: inline; margin: 0 10px; } ul.home-callout li a.free-shipping, ul.home-callout li a.promotions, ul.home-callout li a.support, ul.home-callout li a.top-seller { position: relative; padding-left: 28px; } ul.home-callout li a.free-shipping:before, ul.home-callout li a.promotions:before, ul.home-callout li a.support:before, ul.home-callout li a.top-seller:before { font-family: 'ShopSharkSymbols'; font-size: 21px; content: ":"; display: inline-block; position: absolute; left: 0; } ul.home-callout li a.promotions:before { content: "["; } ul.home-callout li a.support:before { content: "{"; } ul.home-callout li a.top-seller:before { content: "."; } /* Category Page ========================================================================= */ /* General Category Display */ .category-title { margin: 0px; background: #faf9f7; color: #333; text-align: center; border: none; width: auto; } .category-title-container { position: relative; overflow: hidden; background: #faf9f7; border-radius:20px; margin: 0 0 7px; } .category-title h1 { font-size: 30px; color:#333; margin: 15px 0 9px; } .category-description { margin: 0 20px; padding: 0 0 15px; color: #222; font-size: 12px; line-height: 22px; font-style: normal; } .category-description:before { content: ""; display: block; border-top: 1px #333 solid; width: 50px; margin: 0 auto; padding-bottom: 10px; } .category-description p { margin: 0; } .category-description img.description-bck-right { position: absolute; right: 0; top: 0; max-height: 100%; } .category-description img.description-bck-left { position: absolute; left: 0; top: 0; max-height: 100%; } .category-image { width:13%; float:right; } .category-image img { max-width: 100%; } /* Gallery Display */ .category-products li.item .gallery-display { position: absolute; top:0; width: 30px; height: 30px; background: url(https://www.doability.com.au/skin/frontend/default/beeshop/images/colors.png) no-repeat center; cursor: pointer; z-index: 10; } .category-products li.item .gallery-display .gallery-display-overlay { display: none; position: absolute; bottom: 35px; margin-left: -65px; z-index: 100; background: #fff; width: 162px; padding: 2px; border: 1px #ccc solid; -webkit-box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.6); -moz-box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.6); box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.6); } .category-products li.item .gallery-display .gallery-display-overlay:after { content: ""; position: absolute; bottom: -11px; left: 68px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #fff; } .category-products li.item .gallery-display .gallery-display-overlay:before { content: ""; position: absolute; bottom: -12px; left: 67px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #ccc; } .category-products li.item .gallery-display .gallery-display-overlay .gallery-thumb { display: block; float: left; width: 50px; height: 50px; margin: 2px; } /* Inline Navigation */ .inline-categories { margin-bottom: 6px; } .inline-categories li { display: inline-block; margin: 0 0 0 15px; } .inline-categories li:before { display: block; content: "."; position: absolute; margin-left: -10px; margin-top: 6px; font-size: 7px; line-height: 7px; } .inline-categories li.first:before { display: none; } .inline-layers { margin: 0; } .inline-layers:before { content: ""; display: block; position: absolute; width: 100%; height: 40px; margin: 0; background: #faf9f7; } .inline-layers:after { content: ""; display: block; clear: both; } .inline-layers dl { width: 170px; float: left; position: relative; border-right: 7px #fff solid; border-bottom: 7px #fff solid; } .inline-layers dd { float: left; background: #fff; z-index: 100; position: absolute; padding: 10px; width: 142px; border: #faf9f7 4px solid; border-top: none; } .inline-layers dt { height: 40px; background: #faf9f7; color: #666; text-align: center; font-family: 'NovecentowideLightBold'; line-height: 40px; cursor: pointer; } .inline-layers dt:hover { text-decoration: underline; } .inline-layers dd li { font-size: 12px; } .inline-layers .currently .block-subtitle { display: none; } .inline-layers .currently ol { float: left; } .inline-layers .currently ol li { float: left; position: relative; border-right: 7px #fff solid; border-bottom: 7px #fff solid; background: #faf9f7; height: 40px; padding: 0 10px; color: #666; font-family: 'NovecentowideLightBold'; line-height: 40px; } .inline-layers .currently ol li a.btn-remove { float: right; margin: 12px 0 0 10px; } .inline-layers .currently .actions { float: right; position: relative; padding: 0 10px; font-family: 'NovecentowideLightBold'; line-height: 40px; margin-bottom: 7px; } .inline-layers .currently .actions a { color: #666; } /* General Product Display */ .category-products li.item button.button, .category-products li.item .availability span, .category-products li.item a.btn-cart { font-family: 'NovecentowideLightBold'; text-transform: uppercase; font-size: 11px; } .category-products li.item img.hover-main-image { position: relative; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .category-products li.item:hover img.hover-main-image { zoom: 1; filter: alpha(opacity=0); opacity: 0; } .category-products li.item img.hover-image { position: absolute; zoom: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .category-products li.item:hover img.hover-image { zoom: 1; filter: alpha(opacity=1); opacity: 1; } .category-products li.item .price { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 14px; } /* View Type: Grid */ .products-grid { position:relative; } .products-grid.first { } .products-grid.last { } .products-grid.last li.item { margin-bottom: 0; } .products-grid li.item { float:left; width: 240px; position: relative; padding: 4px; margin: 0 0 4px 4px; } .products-grid li.item.first { margin-left:0; } .products-grid .product-image { display:block; } .products-grid .product-image img { margin: 5px 0 20px 15px; } /* .products-grid li .moreinfo { position: absolute; bottom: 0; width: 100%; left: -4px; } */ .products-grid li .moreinfo h2 { color: #4c4c4c; display: block; font-size: 14px; font-weight: 700;margin: 15px 0 20px; transition: all 200ms ease 0s; } .products-grid li .moreinfo-labels { padding: 0 6px; line-height: 11px; margin-bottom: 1px; text-align: center; } .products-grid .product-name { font-size: 13px; font-family: 'TeXGyreAdventorRegular'; line-height: 13px; text-align: center; margin: 5px 0; } .products-grid .price-box { margin: 9px 0 5px; text-align: center; line-height: 14px; } .products-grid .price-box p { margin-right: 5px; display: inline-block; } .products-grid .price-label { display:none; } .products-grid .ratings { position: absolute; z-index:10; right: 5px; top: 5px; } .products-grid .ratings .amount { display: none; } .products-grid li .addto { background: #fff; background-color: rgba(255,255,255,0.7); border: 4px #b3a487 solid; border-color: rgba(179,164,135,0.7); display: none !important; margin-bottom: 3px; } .products-grid li.item a.btn-cart { float: left; color: #b3a487; display: inline-block; line-height: 22px; height: 22px; padding: 0 8px; } .products-grid .availability { float: left; display: inline-block; line-height:22px; height: 22px; margin: 0 8px; } .products-grid .availability.out-of-stock span { color: #b3a487; } .products-grid .add-to-links { text-align: center; margin: 0; } .products-grid .add-to-links li { display: block; float: right; padding: 0; } .products-grid .add-to-links li a { display: block; position: relative; width: 22px; height: 22px; text-indent: -999px; overflow: hidden; color: #b3a487; } .products-grid .add-to-links li a:hover { color: #b3a487; } .products-grid .add-to-links li a:after { text-indent: 0; font-family: 'ShopSharkSymbols'; font-weight: normal; font-size: 17px; content: ")"; position: absolute; display: block; top: 7px; left: 2px; line-height: 17px; } .products-grid .add-to-links li a.link-wishlist:after { content: "."; } .products-grid .add-to-links li a.link-compare:after { content: "0"; } .products-grid .product_label { font-size: 14px; } /* 3-Column Standard Grid */ .products-grid.columns3 li.item { width: 33%; } .products-grid.columns3 li.item .product-image img { margin: 5px 0 55px 21px; } /* 4-Column Standard Grid */ .products-grid.columns4 li.item { width: 25%; } .products-grid.columns4 li.item .product-image img { margin: 5px 0 55px 21px; } /* 5-Column Mosaic Grid */ .products-grid.columns5.odd li.item { float: right; margin: 0 4px 4px 0; } .products-grid.columns5.odd li.item.first { margin-right:0; } .products-grid.columns5 li.item { width: 20%; } .products-grid.columns5 li.item .product-image img { margin: 10px 0 55px 21px; } .products-grid.columns5 li.item button.button { padding: 0 12px; margin-right:2px; } .products-grid.columns5 li.item.first { width: 372px; } .products-grid.columns5 li.item.first .product-image img { margin: 15px 0 77px 21px; } /* 1-Column Page: 3-Column Standard Grid */ .col1-layout .products-grid.columns3 { margin: 35px 0; } .col1-layout .products-grid.columns3 li.item { width: 309px; } .col1-layout .products-grid.columns3 li.item .product-image img { margin: 5px 0 60px 21px; } /* 1-Column Page: 4-Column Standard Grid */ .col1-layout .products-grid.columns4 { margin: 30px 0; } .col1-layout .products-grid.columns4 li.item { width: 229px; } .col1-layout .products-grid.columns4 li.item .product-image img { margin: 5px 0 55px 21px; } /* 1-Column Page: 5-Column Mosaic Grid */ .col1-layout .products-grid.columns5 li.item { width: 229px; } .col1-layout .products-grid.columns5 li.item .product-image img { margin: 15px 0 55px 21px; } .col1-layout .products-grid.columns5 li.item.first { width: 470px; } .col1-layout .products-grid.columns5 li.item.first .product-image img { margin: 15px 0 92px 21px; } /* Boxed Style */ .products-grid li.item.boxed { padding: 0; border: #f5f5f5 4px solid; } .products-grid li.item.boxed:hover { border-color: #b3a487; border-color: rgba(179,164,135,0.7); } .products-grid li.item.boxed .product-name { text-align: left; margin-left: 6px; } .products-grid li.item.boxed .price-box { float: left; text-align: left; margin: 0 0 6px 6px; } .products-grid li.item.boxed .price-box p { float: left; } .products-grid li.item.boxed .moreinfo { left: auto; } .products-grid li.item.boxed .addto { margin: 0 -4px 3px; } .products-grid li.item.boxed .moreinfo-labels { text-align: left; } .products-list li.item.boxed { border-top: 4px #faf9f7 solid; } .products-list li.item.last.boxed { border-bottom: 4px #faf9f7 solid; } .products-grid.boxed { margin: 0 !important; } /* View Type: List */ .products-list li.item { position: relative; background: white; margin: 35px 0; padding: 10px 0 0 0; } .products-list li.item.cetegory-heading { border-top: none; padding: 0; } .products-list li.item.last { margin-bottom:15px; } .products-list .product-shop { min-height: 162px; padding:0 15px ; float:left; width: 340px; } .products-list .product-image { float:left; width: 225px; height: 225px; padding:5px } .products-list .product-image img { position: absolute; } .products-list .product-name { font-family: 'NovecentowideBookRegular'; font-size: 22px; margin:0 0 6px; } .products-list .price-box { float:left; margin:4px 13px 0 0; } .products-list li.item .price { font-size: 18px; } .products-list li.item .price-label { display: none; } .products-list li.item a.btn-cart, .products-list li.item a.btn-quickview { display: inline-block; margin: 3px 0; } .products-list li.item a.btn-cart { padding: 5px 15px; font-size: 13px; font-family: 'NovecentowideUltraLightBold'; border: 4px #b3a487 solid; color: #b3a487; padding-right: 25px; text-decoration: none; } .products-list li.item a.btn-cart:after { content: "W"; font-family: 'ShopSharkSymbols'; line-height: 16px; position: absolute; margin: 3px 0 0 5px; } .products-list li.item a.btn-quickview { font-size: 11px; font-family: 'NovecentowideUltraLightBold'; } .products-list .availability { margin:3px 0 0; } .products-list .desc { clear:both; margin: 6px 0 13px; line-height:1.35; font-family: 'TeXGyreAdventorRegular'; font-size: 11px; color: #333; } .products-list .desc a { color: #b3a487; } .products-list .add-to-links { clear:both; text-align: left; } .products-list .add-to-links li { padding-right: 5px; float: left; } .products-list .add-to-links li a { color: #bfbfbf; font-size: 9px; font-family: 'NovecentowideLightBold'; font-weight: normal; line-height: 12px; padding-left: 16px; position: relative; } .products-list .add-to-links li a:before { font-family: 'ShopSharkSymbols'; font-size: 15px; content: "$"; position: absolute; display: block; top: 3px; left: 0; line-height: 14px; } .products-list .add-to-links li a.link-wishlist:before { content: "."; } .products-list .add-to-links li a.link-compare:before { content: "0"; } .products-list .addtocont { float:right; width:150px; text-align: center; margin:25px 0; } .products-list .addtocont .price-box { margin:2px 0 6px; float: none;} /* 1-Column Page: View Type: List */ .col1-layout .products-list .product-shop { width: 500px; } /* Add To Cart Popup */ #addedoverlay { left:0; top:0; width: 100%; height: 100%; position:fixed; z-index:295; background: black; opacity: .75; filter: alpha(opacity=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); } #added { position: fixed; top: 50%; left: 50%; z-index: 305; } #added-internal { position: relative; left: -50%; top: -200px; background-color: #faf9f7; padding: 8px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9); } #added #added-content { text-align: center; padding: 15px; min-height:50px; width: 410px; background-repeat: no-repeat; background-position: center center; border: 2px #fff solid; font-family: 'TeXGyreAdventorRegular'; color: #222; font-size: 14px; } #added img { margin:0 8px 13px 0; border:1px solid #efefef; width: 64px; height: auto; } #added a { padding: 6px 20px; margin: 3px 7px; display: inline-block; color: #b3a487; background: #fff; border: 4px #b3a487 solid; font-family: 'NovecentowideNormalRegular'; font-size: 12px; } #added a:hover { text-decoration: underline; } #added #hidewindow { color: #999; border-color: #e0e0e0; cursor: pointer; } /* AJAX message */ .ajax-message { position: fixed; top: 0; z-index: 999; left: 50%; margin-left: -230px; width: 400px; display: none; background-color: #faf9f7; padding: 10px 20px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); font-family: 'TeXGyreAdventorRegular'; color: #222; font-size: 12px; } .ajax-message #ajax-close { position: absolute; top: 5px; right: 5px; display: block; width: 15px; height: 15px; border: none; cursor: pointer; color: #aaa; } .ajax-message #ajax-close:hover { text-decoration: none; } .ajax-message #ajax-close:after { font-family: 'ShopSharkSymbols'; font-size: 15px; content: "x"; } /* Blocks =============================================================================== */ .block { margin: 0 0 5px; line-height:1.35; } .block .block-title { border-bottom: #ececec 1px solid; padding: 7px 0; } .block .block-title strong { display:block; font-weight: normal; text-transform:uppercase; color:#090909; } .block .block-title strong span { font-family: 'NovecentowideNormalRegular'; color: #494949; font-size: 17px; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:12px; margin: 0; text-transform:uppercase; } .block .block-content { padding:12px 0; } .block .block-content li.item { border-bottom:1px solid #efefef; padding-bottom:5px; margin-bottom:5px; } .block .block-content li.item.last { border-bottom:0; padding-bottom:0; margin-bottom:0; } .block .block-content .product-name { color:#4f8100; } .block .block-content a { } .block .btn-remove, .block .btn-edit { float:right; margin:1px 0 2px 5px; } .block .actions { border-top:1px dashed #ddd; padding:5px 0 0; margin:5px 0 0; text-align:right; } .block .actions a { float:left; font-size:11px; } .block .actions button.button { float:right; } .block .empty { margin:0; } .block .price-box { margin:5px 0; } /* Mini Products List */ .mini-products-list .product-image { float:left; width:50px; border:1px solid #a9a9a9; } .mini-products-list .product-details { margin-left:60px; } /* Block: Account */ .block-account .block-title { } .block-account .block-title strong { color:#fff; font-size: 18px; } .block-account .block-content li a { display:block; border-bottom:1px solid #ddd; padding: 5px 0; } .block-account .block-content li.last a { border-bottom:0; } .block-account .block-content li.current { border-bottom:1px solid #ddd; padding:3px 0; background: #faf9f7; } .block-account .block-content li.current strong { font-weight: normal; color: #000; } .block-account .block-content li.current.last { border-bottom:0; } /* Block: Currency Switcher */ .block-currency { } .block-currency .block-title { border:0; background:none; padding:7px 10px 2px; } .block-currency .block-title strong { } .block-currency .block-content { padding:0 10px 12px; } .block-currency .block-content select { width:100%; padding:0; } /* Block: Layered Navigation */ .block-layered-nav dl#narrow-by-list, .block-layered-nav dl#narrow-by-list2 { border-bottom: #dad9d7 1px dashed; } .block-layered-nav dt { position: relative; color: #666; cursor:pointer; padding: 7px 10px 6px 0; font-size:12px; border-top: #dad9d7 1px dashed; } .block-layered-nav dt:after { font-family: 'ShopSharkSymbols'; font-size: 19px; content: "u"; position: absolute; top: 9px; right: 0; color: #D6CCB7; } .block-layered-nav dt#filterlabel1, .block-layered-nav dl#narrow-by-list2 dt { border-top: none; } .block-layered-nav dt.active:after { content: "y"; } .block-layered-nav span.openthis { font-size: 12px; color:#7a7974; text-transform: lowercase; float: right; } .block-layered-nav dd { padding-bottom: 7px; } .block-layered-nav dd li { line-height:2; margin: 0 0 3px 0px; color:#333; font-size:12px; } .block-layered-nav dd a { color: #494949; font-weight: normal; } .block-layered-nav .currently ol { padding:6px 0 0; } .block-layered-nav .currently li { padding:5px 10px; color: #333; } .block-layered-nav .currently .btn-remove { margin:2px 0 0; } .block-layered-nav .actions { padding:5px 10px; margin: 10px 0 0; } .block-layered-nav .actions a { float:none; } /* Block: Cart */ .block-cart .block-title { background:#679100; } .block-cart .block-title strong { color:#fff; } .block-cart .summary { background:#e5eed6; padding:8px; margin:-12px -10px 8px; text-align:center; position:relative; z-index:1; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_subtotal.gif) no-repeat 50% 0; margin:5px 0 0; line-height:23px; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { display:none !important; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } /* Block: Cart */ .block-cart .block-title { background:#a40d06; } .block-cart .block-title strong { color:#fff; } .block-cart .summary { background:#e5eed6; padding:8px; margin:-12px -10px 8px; text-align:center; position:relative; z-index:1; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_subtotal.gif) no-repeat 50% 0; margin:5px 0 0; line-height:23px; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { display:none !important; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } /* Block: Wishlist */ .block-wishlist .actions { text-align:right; } .block-wishlist .actions a { float:none; } /* Block: Related */ .block-related { margin:20px 0 3px 0; } .block-related-internal { position: relative; } .block-related-internal:before { content: ""; display: block; width: 100%; position: absolute; margin-top: 12px; border-top: #ececec 1px solid; } .block-related input.checkbox { margin: 5px 0 0 210px; position: absolute; } .block-related ol { display: block; clear: both; } .related-block-subtitle { font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; color: #999; font-size:11px; margin-bottom:20px; } .related-block-subtitle a { color: #666; } .block-related h5 { font-size: 18px; color: #333; margin: 10px; display: inline; background: #fff; position: relative; padding: 0 15px; } .block-related .slide { float:left; width: 228px; margin: 0 16px 3px 0; text-align: left; } .block-related .slide.last { margin-right:0; } .block-related .product-details { padding: 0 5px; text-align: center; } .block-related .product-details .product-name { font-size: 11px; font-family: 'TeXGyreAdventorRegular'; } .block-related .product-details .price-box { margin: 5px 0 0; } .block-related .product-details .price-box p { display: inline-block; } .block-related .product-details .price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px !important; } .block-related .product-details .price-label { display: none; } .block-related .slide a.product-image { display: block; margin: 0 0 10px; } .catalog-product-view .main .block-related { padding-top: 10px; text-align: center; } .catalog-product-view .main .block-related p { margin: 0; } .catalog-product-view .main .block-related .related-slider { margin: 15px 0; } /* Block: Compare Products */ .page-popup .link-print { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px; } .compare-table { border:0; } .compare-table thead, .compare-table thead tr.first { background:#fff; } .compare-table thead tr.first th, .compare-table thead tr.first td { border:0; background:none; padding:0 0 4px; font-size:0; line-height:0; } .compare-table .btn-remove { float:right; background-image:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/btn_remove.png); width:14px; height:13px; } .compare-table tbody th { background:#e9e9e9; } .compare-table tbody th, .compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; } .compare-table tbody td.last { border-right:1px solid #ccc; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; } .compare-table tr.add-to-row td { background:#efefef; text-align:center; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; color:#203548; } .compare-table tr.first td .product-name a { color:#203548; } .compare-table tr.first td .ratings { width:69px; margin:0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin:0; } .compare-table .add-to-links li { background:none; padding:0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll .block-subtitle { font-size:12px; } .block-poll label { color:#777; font-weight:bold; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags .block-content .tags-list { border:0; background:none; padding:0; } .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; font-size: 11px; } /* Block: Reorder */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner */ .block-banner { border:0; } .block-banner .block-content { padding:0; background:none; text-align:center; } /* Block: Login */ .block-login .block-content { padding:5px 10px; } .block-login label { font-weight:bold; color:#555; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } .block-login .actions { background:none; padding:0; margin:3px 0 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Custom Block */ .block-custom .block-content { font-weight: normal; } /* Product Page ========================================================================== */ /* General Layout */ .catalog-product-view .main { width: auto; } .catalog-product-view .main .product-essential, .catalog-product-view .main .product-collateral, .catalog-product-view .main .box-collateral, .catalog-product-view .main .block-related .block-related-internal { width: 960px; margin-left: auto; margin-right: auto; color: #333; } .catalog-product-view .main .box-collateral.box-reviews { width: auto; } .catalog-product-view .main .box-collateral.box-up-sell { width: auto; padding: 10px 0; margin-bottom: 3px; margin-top: 3px; } .catalog-product-view .main .box-collateral.box-up-sell .box-up-sell-internal { width: 960px; margin-left: auto; margin-right: auto; } .product-essential { padding: 15px 0; position: relative; } .product-collateral { margin-bottom: 20px; } .product-collateral h2 { font-size: 17px; font-weight:normal; line-height:1.15; border-bottom: #ececec 1px solid; display: inline-block; } .product-collateral h2.pr-name { display: block; background: none; font-size: 22px; } .product-collateral .box-collateral {} .product-collateral .product-tabs-content { margin-top: -1px; background: white; padding:15px; border:1px solid #d6d4d4; } .product-collateral .product-collateral-left { float: left; width: 70%; padding-right: 10px; border-right: 1px solid #D6D4D4; min-height: 235px; } .product-collateral .product-collateral-right { float: right; width: 27%; } .product-collateral .product-long-desc, .product-collateral .product-custom-html, .product-collateral .product-reviews { margin-bottom: 15px; } /* Product Shop */ .product-view .product-shop { float:right; width: 300px; } .product-view .product-shop .product-name { margin:0 0 5px; color: #090909; border-bottom: #000 1px dotted; } .product-view .product-shop .product-name h1 { text-transform: none; font-size: 25px; } .product-view .product-shop .availability { } .product-view .product-shop .short-description { padding-bottom: 15px; font-family: 'TeXGyreAdventorRegular'; font-size: 11px; } .product-view .product-shop .short-description a { color: #b3a487; } .product-view .product-shop .short-description p:first-child { margin: 0; color:#090909; text-transform: uppercase; font-family: 'NovecentowideBookRegular'; } .product-view .product-shop .product_right { float:right; width:145px; } .product-view .product-shop .brand-logo { margin-bottom: 10px; clear: both; } .product-view .product-shop #container1, .product-view .product-shop #container2 { margin: 15px 0; } .product-view .product-shop .quanitybox { float:left; margin: 0 0 3px; } .product-view .product-shop .old-price { } .product-view .product-shop .price-box { margin:7px 0; line-height: 24px; } .product-view .product-shop .price-box:after { content: ""; display: block; clear: both; } .product-view .product-shop .price-box .price-label { color: #090909; } .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price-label { display: none; } .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .old-price { float: left; margin: 0 10px 0 0; } .product-view .product-shop .product-code, .product-view .product-shop .availability { font-family: 'NovecentowideUltraLightBold'; font-size: 14px; float: left; margin-right: 10px; } .product-view .product-shop .availability.in-stock span { color: #b3a487; } .price-box { margin:5px 0; } .product-view .product-shop .price-box .price { font-size: 19px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; } .product-view .product-shop .price-box .regular-price .price { font-size: 24px; } .product-view .product-shop .price-box .special-price .price { } .product-view .product-shop .addthis_toolbox { float: left; width: 180px; } .product-view .product-shop .addtocont { float: left; clear: left; font-size: 11px; margin: 0; line-height: 24px; } .product-view .product-shop .addtocont .product-code strong { font-weight: normal; color:#090909; } .product-view .product-shop .add-to-links { margin:9px 0 0; } .product-view .product-shop .add-to-links { text-align: right; float: right; } .product-view .product-shop .add-to-links li { } .product-view .product-shop .add-to-links li .separator { display:none !important; } .product-view .product-shop .product-options-bottom .paypal-logo { float:left; } .quantity_box_button_up { margin:0; cursor:pointer; width:20px; height:30px; float: left; background-color: white; color: #000; font-size: 14px; font-family: 'NovecentowideLightBold'; padding: 0; } .quantity_box_button_down { float: left; clear: left; cursor:pointer; width:20px; height:30px; background-color: white; color: #000; font-size: 14px; font-family: 'NovecentowideLightBold'; padding: 0; } .quantity_box_button_up:hover, .quantity_box_button_down:hover { background-color: #eee; } .product-view .product-shop .grouped-items-table .qty { float: left; } .product-view .product-shop .grouped-items-table .price-box { float:none; width:auto; } .product-view .product-shop .add-to-links li a { color: #bfbfbf; font-size: 13px; font-family: 'NovecentowideLightBold'; font-weight: normal; padding-right: 20px; position: relative; } .product-view .product-shop .add-to-links li a:after { font-family: 'ShopSharkSymbols'; font-size: 19px; content: "$"; position: absolute; display: block; top: 3px; right: 0; line-height: 14px; } .product-view .product-shop .add-to-links li a.link-wishlist:after { content: "."; } .product-view .product-shop .add-to-links li a.link-compare:after { content: "0"; } .product-view .product-shop .data-table tr.odd, .product-view .product-shop .data-table tr.odd:hover, .product-view .product-shop .data-table tr.even, .product-view .product-shop .data-table tr.even:hover { background-color: transparent !important; } .product-view .product-shop .data-table td { padding: 10px 10px 10px 0; } .product-view .product-shop .data-table th { padding: 10px 10px 0 0; } .product-view .product-shop .data-table .price-label { display: none; } .product-view .product-shop .data-table .price { font-size: 16px !important; } /* Labels */ .product_label { display: inline; margin: 0 5px 0 0; font-size: 15px; color: #b3a487; text-transform: capitalize; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } .product_label.sale { color: #f01c35; } /* Rating */ .no-rating { margin:0; } .ratings { line-height: 14px; margin: 0 0 5px; } .ratings strong { float:left; margin:0 3px 0 0; } .ratings .rating-links { margin:0; font-size: 11px; color: #b3a487; } .ratings .rating-links a { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #b3a487; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:50px; height:10px; font-size:0; line-height:0; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:10px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_rating.png) 0 100% repeat-x; } .ratings .rating-box { float:left; margin:2px 3px 0 0; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } .ratings-table td { padding:4px 0 0; } /* Availability */ .availability { margin:0; } .availability span { } .availability.in-stock span { color:#090909; } .availability.out-of-stock span { color:#d83820; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/i_availability_only.gif) 0 50% no-repeat; padding-left: 18px; clear: both; } .availability-only span { color:#000; font-size: 12px; } .availability-only a { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right: 18px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color: #b3a487; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#e9e9e9; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #d9dde3; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd { background:#fff; } .availability-only-details tr.even { background:#fcfcfc; } .availability-only-details tr.odd td.last { color:#090909; font-weight:bold; } .availability-only-details tr.last td { border-bottom:none; } .product-view .product-shop .availability label { display: none; } /* Email to a Friend */ .email-friend { margin:0; } /* Alerts */ .product-alerts { /*margin-bottom: 15px;*/ position: absolute; right: 23%; top: -1.8em; } .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /* Product Prices */ .price { } .price-box { margin:5px 0 10px; } .price-box .price { font-size:12px; color:#333; } /* Regular price */ .regular-price { color:#090909; } .regular-price .price { font-size: 12px; color:#333; } /* Old price */ .old-price { margin:0; } .old-price .price-label { font-size:12px; white-space:nowrap; } .old-price .price { font-size:12px; color:#818181 !important; text-decoration: line-through; } /* Special price */ .special-price { margin:0; } .special-price .price-label { font-size:12px; text-transform:uppercase; white-space:nowrap; color:#000; } .special-price .price { font-size: 12px; color: #f01c35; } /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-size:12px; white-space:nowrap; } .minimal-price-link { display:block; font-size:12px; color:#353535; margin-top: 2px; } .minimal-price-link .label {color:#353535;} .minimal-price-link .price { font-weight:normal; color:#353535; } /* Including tax */ .price-including-tax { display:block; margin-top: 2px; } .price-including-tax .label { font-size:12px; white-space:nowrap; } .price-including-tax .price { font-size:12px; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { font-size:12px; white-space:nowrap; } .price-excluding-tax .price { font-size:12px; font-weight:normal; } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { white-space:nowrap; } .configured-price .price { font-size:12px; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; font-weight:normal; } /* FPT */ .weee { display:block; font-size:12px; color:#353535; } .weee .price { font-size:11px; font-weight:normal; } /* Price range */ .price-from { margin:0; } .price-from .price-label { font-size:12px; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-size:12px; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:7px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured { margin:0; } .price-as-configured .price-label { white-space:nowrap; text-transform:uppercase; } .price-box-bundle { } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; float:none!important; } .price-box-bundle .price { color:#333; } /* Tier Prices */ .tier-prices { margin: 10px 0; padding: 10px; background: #f6f3f2; border: 1px solid #ddd; } .tier-prices .benefit { font-style: italic; } .tier-prices .price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .add-to-links { margin:10px 0 0; text-align: center; } .add-to-links li { } .add-to-links li a { font-size: 11px; } .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; line-height:20px; font-family: 'NovecentowideUltraLightBold'; font-size: 14px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float: left; clear: both; margin: 10px 0 0 0; height: 40px; text-align: left; background: none; border: 4px #b3a487 solid; color: #b3a487; position: relative; padding-right: 40px; } .add-to-cart button.button span { font-size: 12px; font-family: 'NovecentowideLightBold'; } .add-to-cart button.button > span > span:after { content: "W"; font-family: 'ShopSharkSymbols'; line-height: 20px; position: absolute; right: 7px; top: 15px; } .add-to-cart .paypal-logo { clear:left; margin:0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Add to Links + Add to Cart */ .add-to-box { padding:15px 0; } .add-to-box .add-to-cart .paypal-logo { float:left; } .add-to-box .or { float: right; clear: both; margin-right: 25px; display: none; } .add-to-box .add-to-links { margin:10px 0; text-align:right; } .add-to-box .add-to-links li .separator { display:none !important; } /* Product Images */ .product-view .product-img-box { float:left; width: 645px; position: relative; } .product-view .product-img-box .main-image { display: block; } .product-view .product-img-box .main-image img { } .product-view .product-img-box .more-views { margin: 10px auto 0; } .product-view .product-img-box .more-views h2 { font-size:10px; font-weight:normal; padding:0 0 2px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .product-view .product-img-box .more-views ul { } .product-view .product-img-box .more-views .slide.last { margin-right:0; } .product-view .product-img-box .more-views .slide { margin: 0 8px 0 8px; float:left; } .product-view .product-img-box .more-views .slide a { float:left; width:68px; height:68px; border-width:1px; border-style: solid; border-color:#e3e3e3; overflow:hidden; } .product-view .product-media { position: relative; } .product-view a.product-video { display: block; width: 70px !important; height: 70px !important; text-indent: -999px; overflow: hidden; background: url(https://www.doability.com.au/skin/frontend/default/beeshop/images/play-btn.png) no-repeat center; border: none !important; } .product-view .newproduct_grid, .product-view .saleproduct { margin-left: 18px; } .product-view .no-rating { margin:0 0 10px 0; } /* ajax-index-options */ body.ajax-index-options { padding: 10px 10px 0; } .ajax-index-options .product-essential { padding: 0; } .ajax-index-options .product-view .product-shop { width:auto; float:right; width: 350px; } .ajax-index-options .product-view .product-shop .price-box { float:none; width:auto; margin:4px 0 15px; } .ajax-index-options .product-view #container2 { margin-top: 5px; } .ajax-index-options .product-view #container1 #ajax_loader { position: relative; bottom:99px; left:133px; } .ajax-index-options .product-view #container2 #ajax_loader { position: relative; bottom:80px; left:288px; } .ajax-index-options .add-to-box .ajax_loader2 { position: relative; bottom: 72px; left:-27px; } /* Product Options */ .product-options { position:relative; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-family: 'NovecentowideBookRegular'; font-size: 10px; } .product-options dt label.required em { color:#eb340a; font-size: 12px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#353535; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width: 100%; border-color: #fff; margin: 0; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { padding:2px 0; } .product-options ul.options-list input.radio { float:left; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:2px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { position:absolute; right: 5px; top: 10px; } .product-options .input-box { border-top: 1px #000 dotted; border-bottom: 1px #000 dotted; } .product-options select { font-family: 'NovecentowideUltraLightBold'; font-size: 12px; color: #000; padding: 6px 5px 6px 0; } .product-options-bottom { margin: 15px 0; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin:0; padding:0; } /* Product Tabs */ .product-tabs { border-bottom: #0A97D4 1px dotted; } .product-tabs li { margin: 0 10px; float: left; } .product-tabs li.first { margin-left: 10px; } .product-tabs li a { display:block; padding: 4px 25px 9px; color: #000; text-transform: uppercase; font-family: 'NovecentowideUltraLightBold'; font-size: 14px; } .product-tabs li.active a, .product-tabs li:hover a { color: #0A97D4; text-decoration: none; } .product-tabs li.active a { border-bottom: 5px solid #0A97D4; padding: 4px 25px 4px; } .product-tabs-content { margin: 15px 0; position: relative; } .product-tabs-content #product_tabs_gallery_contents { padding: 15px 0; } .product-tabs-content #product_tabs_description_contents, .product-tabs-content #product_tabs_product_review_contents, .product-tabs-content #product_tabs_product_tags_contents { position: absolute; display: none; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; z-index: 105; background-color: #f6f3f2; background-color: rgb(246,243,242); background-color: rgba(246,243,242,0.95); border: 0px #f6f3f2 solid; border-color: rgb(246,243,242); border-color: rgba(246,243,242,0.95); box-shadow: inset 0 0 0 2px rgba(255,255,255,0.95); padding: 15px; } #product_tabs_description_contents h2 { font-family: 'NovecentowideBookRegular'; font-size: 30px; color: #333; margin: 15px 0 20px; text-align: center; } #product_tabs_description_contents h2:after { content: ""; display: block; border-top: 1px #333 solid; width: 50px; margin: 15px auto 0; } #product_tabs_description_contents .std { color: #222; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 22px; font-style: italic; padding: 0 15px; text-align: center; } .product-tabs-content, .product-tabs-content .data-table th, .product-tabs-content .form-list label { font-family: 'NovecentowideUltraLightBold'; font-weight: normal; font-size: 11px; } /* Product Accordion */ .product-accordion { border-bottom: 1px #000 dotted; margin: 15px 0; } .product-accordion dt { border-top: 1px #000 dotted; } .product-accordion dt a { display: block; padding: 7px 0 6px 5px; font-family: 'NovecentowideUltraLightBold'; position: relative; } .product-accordion dt a:after { font-family: 'ShopSharkSymbols'; font-size: 23px; content: "F"; position: absolute; right: 0; top: 10px; } .product-accordion dd { display: none; padding: 15px 0; } /* Mini Products Grid */ .mini-products-grid { width:100%; } .mini-products-grid td { width:20%; padding:0 15px 0 0; } .mini-products-grid .product-image { display:block; margin:0 0 10px; } .mini-products-grid .moreinformation { text-align: center; } .mini-products-grid .product-name { font-size: 11px; font-family: 'TeXGyreAdventorRegular'; } .mini-products-grid .price-box { margin: 0; } .mini-products-grid .price-box p { display: inline-block; } .mini-products-grid .price-box .price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; } .mini-products-grid .price-box .price-label { display: none; } .mini-products-grid td.last { padding-right:0; } .mini-products-grid .ratings { position: absolute; margin: 5px 0 0 115px; } .mini-products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .mini-products-grid .ratings .rating-links { display: none; } .mini-products-grid .ratings .amount { display: none; } /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height:1.25; } /* Block: Upsell */ .product-view .box-up-sell { background: white; margin: 15px 0 0 0; padding:15px; text-align: center; } .product-view .box-up-sell-internal { position: relative; } .product-view .box-up-sell-internal:before { content: ""; display: block; width: 100%; position: absolute; margin-top: 12px; border-top: #ececec 1px solid; } .product-view .box-up-sell .upsell-product-h5 { font-size: 18px; color: #333; margin: 10px; display: inline; background: #fff; position: relative; padding: 0 15px; } .product-view .box-up-sell #upsell-product-table { margin: 15px 0; } #product_tabs_upsell_products_contents h2 { display:block; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3 { font-size:12px; font-family: Arial, Helvetica, sans-serif; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .form-add label { display:block; font-size:12px; font-weight:bold; margin:0 0 3px; } .product-view .box-tags .form-add .input-box { margin:0; border: 1px #d6d4d4 solid; background: #fff; } .product-view .box-tags .form-add input.input-text { width:160px; border: none; background: none; margin: 0; } .product-view .box-tags .form-add input.input-text.validation-failed { border: none !important; background: none !important; } .product-view .box-tags .form-add button.button { border: none; background: none; float: right; padding-left: 5px; } .product-view .box-tags .form-add button.button:hover { border: none; background: none; } .product-view .box-tags .form-add button.button > span { height:21px; line-height:20px; border-left: 1px #ccc solid; padding-left: 10px; color: #b3a487; } .product-view .box-tags .note { margin:2px 0 0; font-size:10px; } .product-view .product-tags .box-tags { margin: 20px 0 0; width: 259px; } /* Block: Reviews */ .product-view #review_toggle { font-weight: bold; } .product-view .box-reviews dl { margin:15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 15px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:15px 0 0; } .product-view .box-reviews .form-add h3 { font-size: 14px; text-transform: uppercase; font-weight:normal; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:12px; } .product-view .box-reviews .form-add .data-table td { text-align:center; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width:460px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:454px; } /* Send a Friend */ .send-friend .form-list { width:535px; overflow:hidden; } .send-friend .form-list li { margin-right:-15px; } .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:25px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:0; font-size:1em; font-weight:normal; line-height:1.55; } /*.product-name a { color:#353535; }*/ /* Product Tags */ .tags-list { display:block; font-size:13px; border:1px solid #ddd; background:#f6f6f6; padding:10px; } .tags-list li { display:inline !important; margin:0 4px 0 0; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float:left; clear:none; } .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #ddd; background:#ecf9ea; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; } .advanced-search-summary li { margin:2px 0; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a { } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a { color:#4f8100; } /* RSS */ .rss-title h1 { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/i_rss-big.png) 0 3px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .checkout-cart-index .main { margin-bottom: 0; width: auto; } .checkout-cart-index .cart, .checkout-cart-index .page-title, .checkout-cart-index .cart-empty { width: 100%; margin: 0 auto; } .checkout-cart-index .cross-sale-container .block-related { width: 960px; margin-left: auto; margin-right: auto; padding-top: 10px; } .checkout-cart-index .cross-sale-container .slider { padding: 35px 0; } .checkout-cart-index .cross-sale-container .slider:after { content: ""; display: block; clear: both; } .checkout-cart-index .cross-sale-container { text-align: center; } .checkout-cart-index .cross-sale-container .btn-cart { font-family: 'NovecentowideLightBold'; text-transform: uppercase; font-size: 11px; } .cart .page-title {} .cart .cart-promo { clear: both; padding: 10px 0; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } .cart .price { font-size: 16px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #222; } /* Checkout Types */ .cart .page-title .checkout-types { display:none !important; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table th { padding:5px 10px; } .cart-table td { padding:10px; } .cart-table .product-name { margin:0 0 5px; font-family: 'NovecentowideUltraLightBold'; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .cart-table tfoot td { padding: 15px; } .cart-table .btn-continue { float:left; } .cart-table .btn-remove2 { margin-top: 3px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:20px 0 0; } .cart .cart-collaterals .col2-set .col-1 { width:222px; } .cart .cart-collaterals .col2-set .col-2 { width:655px; background:#e6f7d7; } .cart .crosssell { background:white; padding: 20px 10px 10px; } .cart .crosssell h2 { font-size:14px; text-transform: uppercase; margin-bottom: 20px; } .cart .crosssell .product-image { float:left; width:75px; height:75px; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell .product-name { } .cart .crosssell li.item { margin:0 0 8px; padding-bottom:5px; border-bottom:1px solid #efefef; } .cart .crosssell li.last { border-bottom:0; padding-bottom:0; margin:0; } .cart .crosssell .link-compare { font-weight:normal; } .cart .no-crosssell { width:100%; overflow:hidden; } .cart .no-crosssell img { display:block; margin:0 0 10px; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { margin: 0 0 20px; padding-top: 15px; background: #f6f3f2; border-radius:20px; } .cart .discount h2, .cart .shipping h2 { margin: 0 15px; font-size: 14px; text-transform: uppercase; color: #555; display: inline-block; font-family: 'NovecentowideUltraLightBold'; } .cart .discount .discount-form, .cart .shipping .shipping-form { padding: 15px; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount { } .cart .discount label { color:#555; } .cart .discount .input-box { width: auto; } .cart .discount input.input-text { width: 100%; height:30px; } .cart .shipping p { margin:0 0 3px; } .cart .shipping .sp-methods { margin:10px 0 0; padding:6px 0 0; border-top:1px solid #efefef; } .cart .shipping .form-list .input-box { width: auto; } .cart .shipping .form-list input.input-text { width: 100%; height:30px; } .cart .shipping .form-list select { width: 100%; } /* Shopping Cart Totals */ .cart .totals { padding: 0 15px 15px 0; background:white; } .cart .totals table { float:right; margin:0 0 8px; } .cart .totals td { padding:0 0 0 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } .cart .totals tr.last td {} .cart .totals tfoot td {} .cart .totals tfoot th strong, .cart .totals tfoot td strong span { font-size:22px !important; font-weight:bold !important; color:#000; } .cart .totals tfoot td[colspan="1"] strong { font-size: 14px; color:#000; display: inline-block; margin-top: 7px; } .cart .totals .checkout-types { font-size:13px; padding:4px 0; text-align:right; } .cart .totals .checkout-types li { clear:both; margin:0 0 5px; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; float: left; clear: right; } .truncated a.dots { cursor:help; text-decoration:none !important; } .truncated a.details { cursor:help; font-size:11px; display:inline-block; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #efefef; background-color:#fff; } .truncated .truncated_full_value .item-options dt { margin-top:0; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:10px; } .col-left .truncated .show .item-options { left:30px; top:10px; } .col-right .truncated .show .item-options { left:-240px; top:10px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:13px 0 5px; } .sp-methods dd {} .sp-methods dd li { margin:5px 0; } .sp-methods label { color:#555; } .sp-methods .price { color: #b3a487; } .sp-methods .form-list { padding-left:20px; } .sp-methods .form-list li { margin:0 0 8px; } .sp-methods select.month { width:154px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:1.5em 0 2em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:2px solid #ddd; border-bottom-color:#666; background:#f6f6f6; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:12px; height:12px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages-form .whole-order { margin:0 0 25px; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:255px; } .gift-messages-form .item .details .form-list .input-box { width:240px; } .gift-messages-form .item .details .form-list input.input-text { width:234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } .gift-messages-form .item .details .form-list li.wide textarea { width:494px; } .gift-message-link { font-size:11px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; width:14px; height:13px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/btn_remove.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background:#fbfbfb; border:1px solid #e4e4e4; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#555; } .opc .checkout-agreements { padding:5px 30px; } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background:#fff; padding:5px; } .opc .checkout-agreements .agree { padding-left:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { padding:10px 30px; } /* Generic Info Set */ .info-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } .info-set h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } .info-set h3, .info-set h4 { font-size:12px; font-weight:bold; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } .info-set h2.legend a { color:#fff; } .info-set h3.legend { margin:0 0 10px; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { border:0; margin-top: 43px; } .block-progress .block-title { background:none!important; padding: 7px 10px; margin:0 0 5px; } .block-progress .block-title strong { font-size:12px; } .block-progress .block-content { background:none; padding:0; } .block-progress dt { line-height:1.35; margin:0 0 6px; padding:2px 8px; color:#555; } .block-progress dd { border-top:0; padding:5px 10px; margin:0 0 6px; } .block-progress dt.complete a { text-transform:none; } .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:11px; font-weight:bold; margin:5px 0; padding:0; text-transform:none; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } .checkout-onepage-index .col-right { width: 225px; } .checkout-onepage-index .col-main { width: 715px; } .opc .buttons-set { margin-top:0; padding: 20px 0 10px; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:28px; line-height:28px; } .opc .ul { list-style:disc outside; padding-left: 18px; line-height: 20px; padding-bottom: 15px; } .opc { position:relative; } .opc .step-title { border: 1px solid #ececec; background: #faf9f7; padding: 10px 15px 10px; text-align: right; } .opc .step-title .number { float:left; background: #fff; border:1px solid #fff; padding:0 3px; margin:0 5px 0 0; font:normal 11px/12px arial, helvetica, sans-serif; color:#353535; } .opc .step-title h2 { float: left; margin: 0; font-family: 'NovecentowideUltraLightBold'; font-size: 13px; color: #333; } .opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } .opc .allow .step-title { color:#fff; cursor:pointer; } .opc .allow .step-title h2 { color:#555; } .opc .allow .step-title a { display:block; font-size:10px; color:#fff; } .opc .active .step-title { border: 0; padding-bottom:9px; color:#fff; cursor:default; border: 1px solid #ddd; border-bottom-style: dotted; } .opc .active .step-title h2 { color:#333; text-transform: uppercase; } .opc .active .step-title a { display:none; } .opc .step { border:1px solid #ddd; border-top:0; padding:15px 30px; position:relative; background: white; } .opc .step .tool-tip { right:30px; } #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; font-family: Arial; } #opc-shipping_method .buttons-set { border-top:0; } .opc .gift-messages-form { margin:0 -30px; background:#f4f4f4; border:1px solid #ddd; border-width:1px 0; padding:22px 24px 22px 30px; } .opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; } #opc-review .step { padding:0; } #opc-review .price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 30px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } #opc-review tfoot th strong, #opc-review tfoot td strong { font-size:18px; font-weight:bold; color:#090909; } #opc-review tfoot td[colspan="3"] strong { font-size:18px; font-weight:normal; color:#808080; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 90px; margin:0 0 20px; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:6px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#888; } .checkout-progress li.active { border-top-color:#090909; color:#090909; } .multiple-checkout h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size:12px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; } .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .place-order .please-wait { float:right; padding:5px 10px 0 0; } .multiple-checkout .place-order .grand-total { float:right; } .multiple-checkout .place-order .grand-total .inner {} .multiple-checkout .place-order .grand-total big { float:left; margin-right:12px; font-size:1.5em; font-weight:bold; line-height:28px; color:#e26703; } .multiple-checkout .place-order .grand-total div { float:left; } /* Step 1 */ #multiship-addresses-table td { padding:10px 15px; } #multiship-addresses-table tfoot td { padding:5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #ddd; background:#eee; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { display:none; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content { min-height:230px; padding:0 15px; } .account-login .content h2 { margin:0 -15px 12px; border-bottom: 1px solid #E4E4E4; padding:10px 15px 10px; font-size:16px; line-height:1.25; } .account-login p.required { margin:0 0 12px 0;} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #888; border-bottom-color:#777; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #999; -webkit-box-shadow:0 0 6px #999; box-shadow:0 0 6px #999; z-index:1000; } .remember-me-popup h3 { background:#dedede; border-bottom:1px solid #ccc; color:#353535; font-size:14px; margin:0; padding:7px 10px 5px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:9px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { border-top:1px solid #e6e6e6; padding:10px; } .remember-me-popup .remember-me-popup-body a, .remember-me-popup .remember-me-popup-body a span { display:inline-block; height:28px; background:transparent url(https://www.doability.com.au/skin/frontend/default/beeshop/images/bkg_btn.png) 0 0 no-repeat; padding:0 0 0 6px; font:bold 11px/25px Tahoma, Verdana, Arial, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#555; } .remember-me-popup .remember-me-popup-body a span { background-position:100% 0; padding:0 15px 0 9px; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 8em 1.5em 0; } .dashboard .welcome-msg p { margin:0; } .dashboard .welcome-msg p.hello { font-family: 'NovecentowideUltraLightBold'; } .dashboard .welcome-msg p.hello strong { font-weight: normal; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { margin:0 0 15px; background: white; padding: 0 0 10px; } .box-account .box { padding: 5px 0; } .box-account .box-head { margin:0 0 5px; padding:8px 8px 0; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:16px; } .box-account .box-head a { font-size:10px; color: #555; } .dashboard .box .box-title { border-bottom: #dad9d7 1px dashed; padding:5px 10px; margin:0 0 12px; text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; font-size:13px; color: #555; font-family: 'NovecentowideUltraLightBold'; } .dashboard .box .box-title a { font-size:10px; } .dashboard .box .box-content { padding:0 10px; } /* Block: Recent Orders */ .dashboard .box-recent {} /* Block: Account Information */ .dashboard .box-info {} .dashboard .box-info h4 { font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; } #oar_widget_orders_and_returns_form li {margin:10px 0; height:30px;} /* Block: Reviews */ .dashboard .box-reviews .box-head { border-bottom: #dad9d7 1px dashed; padding:5px 10px; margin:0 0 12px; text-align:right; } .dashboard .box-reviews .box-head h2 { float:left; margin:0; font-size:13px; color: #555; font-family: 'NovecentowideUltraLightBold'; } .dashboard .box-reviews .number { display:none; float:left; font-size:10px; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-reviews .details { padding:0 10px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head { border-bottom: #dad9d7 1px dashed; padding:5px 10px; margin:0 0 12px; text-align:right; } .dashboard .box-tags .box-head h2 { float:left; margin:0; font-size:13px; color: #555; font-family: 'NovecentowideUltraLightBold'; } .dashboard .box-tags .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-tags .details { padding:0 10px; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2 { background:#acacac; color: white; padding:5px 15px; margin:0 0 12px; font-size:13px; line-height:1.25; } .addresses-list h3 { font-size:12px; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove {} .addresses-list .separator { margin:0 3px; } .addresses-list li.item { padding:0 15px; margin:0 0 12px; } .addresses-list li.empty {} .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item {} /* Order View */ .order-info dt { display:none; } .order-info ul { margin-bottom:15px; } .order-info li { float:left; font-size:1.1em; line-height:1em; } .order-info li.first { } .order-info li.last { } .order-info li a { display:block; text-transform: uppercase; padding:6px 15px; color:#090909; } .order-info li a:hover { } .order-info li.current { background-color:#fff; color:#090909; text-transform: uppercase; padding:6px 15px;} .order-date { margin:10px 0; } .order-info-box { margin:0 0 15px; } .order-info-box h2 { font-size:13px; border-bottom:1px solid #ddd; margin:0 0 8px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3 { clear:none; font-size:13px; padding:0; margin:0 0 .45em; } .order-items h3 { font-size:12px; } .order-items .product-name { font-weight:bold !important; } .order-items .link-print { font-size:10px; text-transform:uppercase; } .order-items .order-links { text-align:right; } .order-items .order-links .link-print { font-weight:bold; font-size:11px; text-transform:none; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#555; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:15px; } .page-print h2, .page-print h3 { font-size:12px; } .page-print h2.h2 { font-size:15px; text-align:right; } .page-print .order-date { border-bottom:1px solid #ccc; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .data-table td { padding: 10px 15px; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; } .my-wishlist h3 { font-size: 15px; } .my-wishlist .cart-cell { text-align: center; } .my-wishlist .cart-cell input, .my-wishlist .cart-cell button { margin: 5px; } .my-wishlist .buttons-set { border:0; padding:0; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span {} #wishlist-table .add-to-links { white-space:nowrap; } #wishlist-table .description { font-family: 'TeXGyreAdventorRegular'; margin: 15px 0; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews */ #my-reviews-table td { padding:10px; } #my-reviews-table .rating-box { margin:3px 0 0; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } .billing-agreements .info-box p { margin:0 0 5px; } .billing-agreements .form-list li select { float:left; margin:3px 10px 0 0; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Blog ============================================================================= */ .postWrapper { clear: both; padding: 15px 0; } .postWrapper:after { content: ""; display: block; clear: both; } .postImage { float: left; } .postTitle, .postContent, .postContentWrapper { display: table; line-height: 1.6em; } .blog-read-more { text-transform: uppercase; color: #b3a487; padding-right: 20px; } .blog-read-more:after { position: absolute; font-family: 'ShopSharkSymbols'; content: "B"; line-height: 14px; margin: 7px 0 0 2px; } .postTags { margin: 20px 0; } .postTags li { float: left; margin-right: 5px; } .postTags:after { content: ""; display: block; clear: both; } .postTags li:after { content: ","; } .postTags li.last:after { content: ""; display: none; } .postSocial { margin: 20px 0; } /* Post View */ .blog-post-view .postImage { float: right; margin: 0 0 0 35px; } .blog-post-view .postTitle h2 { font-size: 45px; letter-spacing: -1px; line-height: 45px; margin: 0; } .blog-post-view .postDetails span { color: #b3a487; } .blog-post-view .postComments { border-bottom: #000 1px dotted; display: block; margin: 20px 0 10px; } .blog-post-view .postComments h3 { margin: 0; } .blog-post-view .commentWrapper { margin: 15px 0; } .blog-post-view .commentWrapper .commentDetails { margin-bottom: 10px; } .blog-post-view .commentWrapper h4 { margin: 0; } .blog-post-view .submitComment { border-bottom: #000 1px dotted; } .blog-post-view .pager { margin: 10px 0 25px; padding: 0; } /* List View */ .blog-index-list .postImage { margin: 0 20px 0 0; } .blog-index-list .postTitle h2 { margin: 0; } .blog-index-list .postDetails { margin-bottom: 10px; display: block; } .blog-index-list .postTags { margin: 10px 0; } .blog-index-list .blogReadmore { display: none; } .blog-index-list .postReadmoreComments { margin-top: 10px; } .blog-index-list .pager { margin: 10px 0; padding: 0; } /* Category View */ .blog-cat-view .postImage { margin: 0 20px 0 0; } .blog-cat-view .postTitle h2 { margin: 0; } .blog-cat-view .postDetails { margin-bottom: 10px; display: block; } .blog-cat-view .postTags { margin: 10px 0; } .blog-cat-view .blogReadmore { display: none; } .blog-cat-view .postReadmoreComments { margin-top: 10px; } .blog-cat-view .pager { margin: 10px 0; padding: 0; } /* Menu */ .block-blog h5 { border-bottom: #dad9d7 1px dashed; } .block-blog .menu-recent { margin-bottom: 15px; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .top-bar:after, .quick-access:after, .form-search:after, #nav:after, .main:after, .footer-last:after, .footer-container .form-subscribe:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .order-info ul:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .product-essential:after, .product-collateral:after, .product-tabs:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .footer-color:after, .slider-container:after, .content:after, .footer-menu:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }ul ul { list-style-type: circle !important;} /* ======================================================================================= */ .header .links li a { color: #000000; } .cart-header .button-show a, .cart-header .price { color: #000000 !important; } body{ color:black; } .col-right { width: auto; } .cms-header-links { margin-top: 10px !important; width: 100% !important; } .nav-container .nav-container-inner #nav li ul li.level1 { box-sizing: border-box; float: left; margin: 0 0 10px; min-width: 24%; padding: 0 15px 0 0; } .nav-3 ul li { list-style: outside none none; } .nav-4 ul li { list-style: outside none none; } .nav-5 ul li { list-style: outside none none; } .nav-6 ul li { list-style: outside none none; } .nav-7 ul li { list-style: outside none none; } .nav-8 ul li { list-style: outside none none; } .nav-9 ul li { list-style: outside none none; } .nav-10 ul li { list-style: outside none none; } .nav-11 ul li { list-style: outside none none; } .fields { list-style: outside none none; } .breadcrumbs { font-size: 13px !important; } .link-wishlist1 { background-color: #272976; border-radius: 3px; color: #fff; font-weight: bold !important; padding: 10px 15px; } #product_tabs_description_contents .std{ font-family:"TeXGyreAdventorRegular";} .brochurestd img { margin-left: 4em; margin-top: -7px; } .product-code{width:100%;} #request-quote{font-size: 13px;} #container2 .product-options-bottom .price-box{display:none;} .share-txt h4{text-align: right !important;} .pager li > a { border-radius:5px !important; padding:4px 10px !important; font-size:12px; border:none !important; } /*2/8/16*/ .nav-container-inner #nav li ul { background: rgb(15, 7, 52) none repeat scroll 0 0; border: medium none; left: 22% !important; padding: 15px; width: 500px; color: white; } #nav li ul li a span { color: rgb(255, 255, 255) !important; font-size: 14px!important; } #nav li ul li a:hover{ text-decoration:none; } .level0.child.child4 li { border-bottom: 1px solid rgb(102, 102, 102) !important; box-sizing: border-box; float: left !important; margin: 0 !important; padding: 8px !important; width: 50% !important; } #accessories-product-table.products-grid tr td { display: inline-block !important; width: 100% !important; } .products-grid .product-image img { float: left; margin: 5px 0 20px 15px; } .nav-container-outer { height: auto; } .fullwidthbanner-container { display: inline-block !important; } /* 11 jan 2016 css */ .header-main-container .header-center { width: 33% !important; } .header-main-container .header-left, .header-main-container .header-right { width: 33% !important; } .header .cms-header-links li { color: #DC1613; font-size:12px; } .header .cms-header-links li a { color: #DC1613; font-size : 12px; } .cms-header-links > ul { display: inline-block; } .cms-header-links { width: 100%; } .linkview { float: right; } /* 12 jan 2016*/ .header-main-container .header-center { width: 60% !important; } .header-main-container .header-left, .header-main-container .header-right { margin: 30px 0 15px; } .carousel { height: 100% !important; text-align: center !important; } .header .welcome-msg { color: #272976; font-size: 12px; font-weight: 900; } .header .links li a { font-size: 12px !important; } body.cms-page-view .main-container h1 { text-align:left; margin:20px 0 0 0; font-weight:bold; } body.cms-page-view .main-container h2 { text-align:left; margin:20px 5px 0 0; } body.cms-page-view .main-container h3 { margin:20px 0 0 0; } body.cms-page-view .main-container p { margin:0px; } body.cms-page-view .main-container ul { list-style:disc; margin:20px 0px 20px 25px; } body.cms-page-view .main-container ul.leader_not { list-style:none; margin-top:20px; margin-left:-20px; } body.cms-page-view .main-container ul li { line-height:20px; } body.cms-page-view .main-container table { margin:20px 0; border:1px solid #ececec; } body.cms-no-route .main-container h1 { text-align:left; margin:20px 0 0 0; font-weight:bold; } body.cms-no-route .main-container h2 { text-align:left; margin:20px 5px 0 0; } body.cms-no-route .main-container h3 { margin:20px 0 0 0; } body.cms-no-route .main-container p { margin:0px; } body.cms-no-route .main-container ul { list-style:disc; margin:20px 0px 20px 25px; } body.cms-no-route .main-container ul.leader_not { list-style:none; margin-top:20px; margin-left:-20px; } body.cms-no-route .main-container ul li { line-height:20px; } body.cms-no-route .main-container table { margin:20px 0; border:1px solid #ececec; } body.cms-no-route .main-container .col-right.sidebar { display:none; } @media(min-width:250px) and (max-width:767px){ .category-products ul li { display: block !important; width: 100% !important; } .header-main-container .header-left, .header-main-container .header-right { width:100% !important; } .products-grid .product-image { display: block ; width: 100% ; } .header .header-left, .header .header-center, .header .header-right { float: left; text-align: center; width: 100% ; } .products-grid.columns3 li.item .product-image img { width: 100% ; } .content { display: none; } .carousel>img{ max-width: 100%; } .level0.child.child4 li { border-bottom: 1px solid rgb(102, 102, 102) !important; box-sizing: border-box; float: left !important; margin: 0 !important; padding: 8px !important; width: 100% !important; color: black!important; z-index: 999; } .fullwidthbanner-container { max-height: inherit!important; } .fullwidthbanner-container .fullwidthbanner { max-height: inherit; height: 100% !important; } .tp-simpleresponsive img { height: 100% !important; left: 0; opacity: 1; position: static !important; top: 0; width: 100%; } .tp-simpleresponsive > ul > li { position: static !important; visibility: hidden; } .box-up-sell { display: block !important; } .products-grid .product-name { display: block !important; } .fullwidthbanner-container .fullwidthbanner { height: auto !important; } } .main .col-main .home-callout li { display: inline-block; } /* 13 jan 2016 */ @media(min-width:768px) and (max-width:992px){ .welcome-msg { display: none!important; } .header-left { width: 100%; } .header .cms-header-links li { font-size: 10px; } .header .cms-header-links li a { font-size: 10px; } .header-main-container .header-right { float: none; width: 100% !important; } .header .cart-header { position: static; } } .footer-menu .footer-column h2, h3 { color: #272976; font-weight: 900; } .footer-menu .footer-list li a { font-weight: normal; font-size: 12px; } .footer-menu .footer-column table tr td { font-size: 12px; font-weight: normal; } .product-tabs-content #product_tabs_custom_tab2_contents { background-color: rgba(246, 243, 242, 0.95); border: 8px solid rgba(246, 243, 242, 0.95); bottom: 0; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95) inset; display: none; left: 0; overflow-y: auto; padding: 15px; position: absolute; right: 0; top: 0; z-index: 105; } #product_tabs_custom_tab2_contents h2::after { border-top: 1px solid #333; content: ""; display: block; margin: 15px auto 0; width: 50px; } #product_tabs_custom_tab2_contents h2 { color: #333; font-family: "NovecentowideBookRegular"; font-size: 30px; margin: 15px 0 20px; text-align: center; } .header ul.linkview li { padding: 0 10px; float: left; } ul.linkview li a img { height: 20px; width: auto; } .slider-container { margin: 0; } .fullwidthbanner-container .fullwidthbanner { height: 495px; } .footer-container .newsletter { clear: none; float: left; margin: 0 0 10px; width: 240px; } /* 22-jan-2016*/ .breadcrumbs { font-size: 14px; } .breadcrumbs li.back a::before { font-size: 15px; left: -4px; top: 7px; } .product-view .product-shop .product-code, .product-view .product-shop .availability { font-size: 14px; } .product-view .product-shop .quanitybox { width: 100%; } .product-view .product-shop .quanitybox label { font-size: 14px; } .add-to-cart button.button { padding-right: 40px; } .product-view .product-shop .add-to-links li a::after { font-size: 19px; line-height: 19px; } .product-view .product-shop .add-to-links li a { font-size: 13px; } #product_addtocart_form .add-to-box .add-to-links { margin: 9px 0 0; } #nav div.nav_block li, #nav li.level1 { width: 160px; } #nav ul.level1 { font-size: 13px; line-height: normal; } #nav ul.level1 li { margin-bottom: 10px; } .header, .breadcrumbs, #nav, .slideshow, .slideshow-holder-internal, .main, .footer-menu-container, .footer-color, .footer-last { margin: 0 auto; width: 1170px; } .catalog-product-view .main .product-essential, .catalog-product-view .main .product-collateral, .catalog-product-view .main .box-collateral, .catalog-product-view .main .block-related .block-related-internal { width: 1170px; } .product-tabs li.first { margin-left: 0; } .product-view .product-img-box { float: left; position: relative; width: 70%; } #product_tabs_description_contents .std { font-size: 14px; font-style: normal; } #product_tabs_description_contents .std span { font-size: 14px !important; font-weight: normal; } #product_tabs_description_contents .std ul li { margin-bottom: 10px; } .col-left { width: 25%; } .col-main { width: 72%; } .nav-container-outer { margin-bottom: 10px; } .block-layered-nav dt { font-size: 14px; } .block-layered-nav dd li { font-size: 14px; } .product-tabs-content #product_tabs_custom_tab1_contents { background-color: rgba(246, 243, 242, 0.95); border: 8px solid rgba(246, 243, 242, 0.95); bottom: 0; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95) inset; display: none; left: 0; overflow-y: auto; padding: 15px; position: absolute; right: 0; top: 0; z-index: 105; } table.technicalData { font-family: "TeXGyreAdventorRegular"; } .technicalData tr:nth-last-child(2n+1) { background: #e1e0e0 none repeat scroll 0 0; } .technicalData tr.firstHeading td { background: #272976 none repeat scroll 0 0; color: #ffffff; line-height: 30px; text-transform: uppercase; } .technicalData tr td { border-right: 1px solid #cccccc; line-height: 32px; padding-left: 10px; font-size: 14px; } .technicalData tr td:last-child { border: medium none; } .product-tabs-content #product_tabs_custom_tab1_contents br { display: none; } .product-tabs-content #product_tabs_accessories_contents { background-color: rgba(246, 243, 242, 0.95); border: 8px solid rgba(246, 243, 242, 0.95); bottom: 0; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95) inset; display: none; left: 0; overflow-y: auto; padding: 15px; position: absolute; right: 0; top: 0; z-index: 105; } #product_tabs_custom_tab1_contents h2::after { border-top: 1px solid #333; content: ""; display: block; margin: 15px auto 0; width: 50px; } #product_tabs_custom_tab1_contents h2 { color: #333; font-family: "NovecentowideBookRegular"; font-size: 30px; margin: 15px 0 20px; text-align: center; } #product_tabs_accessories_contents h2::after { border-top: 1px solid #333; content: ""; display: block; margin: 15px auto 0; width: 50px; } #product_tabs_accessories_contents h2 { color: #333; font-family: "NovecentowideBookRegular"; font-size: 30px; margin: 15px 0 20px; text-align: center; } .brochurestd li { margin-bottom: 9px; } .request { margin-bottom: 10px; margin-left: 0; margin-top: 10px; } .request > a { color: red; font-weight: 700; } select option { font-size: 14px; } /* 8 Feb 2016 */ .header .logo img { max-width: 50%; } .header span.trackorder img { width: 40%; margin-left:5%; } .product-accordion dt:first-child a span.brochure-image { background: rgba(0, 0, 0, 0) url("http://www.asquaresrealtors.com/doabilitykids/media/favicon/Article-Marketing.png") no-repeat scroll 0 0; display: inline-block; height: 24px; margin-right: 10px; vertical-align: middle; width: 24px; } .product-accordion dt:nth-of-type(2n) a span.brochure-image { background: rgba(0, 0, 0, 0) url("http://www.asquaresrealtors.com/doabilitykids/media/favicon/receipt-5.png") no-repeat scroll 0 0; display: inline-block; height: 24px; margin-right: 10px; vertical-align: middle; width: 24px; } /*03/16/16*/ .header-main-container .header .header-center.header-logo { text-align: left; } .nav-container .nav-container-inner #nav li ul { box-sizing:border-box !important; left: 0 !important; width: 100% !important; } ul .level0.child.child4 li { box-sizing: border-box; float: none !important; margin: 0 !important; width: 100% !important; } #nav div.nav_block li, #nav li.level1 { width: auto !important; } #nav li.level1.parent{ float:left !important; } #nav li{ border-bottom:none !important; } #product_tabs_description_contents .std { text-align: left !important; } #product_tabs_description_contents .std span { font-weight: bolder; } #product_tabs_description_contents ul, #product_tabs_description_contents ol { margin:0; } .nav-container-inner #nav li a:hover { background: #0f0734 none repeat scroll 0 0; color: #ffffff !important; } #nav li.level0 > a:hover > span{ color: #ffffff !important; } /* ============== Responsive Layout ====================================================== */ /* Mobile Navigation -------------------------------------------------------------- */ /* Mobie Menu */ #mobile-menu { text-align: left; display: none; } #mobile-menu-button { padding-left: 43px; cursor: pointer; color: #555; position: relative; background: #faf9f7; height: 43px; line-height: 47px; font-family: 'NovecentowideBookRegular'; font-size: 21px; } #mobile-menu-button:before { font-family: 'ShopSharkSymbols'; font-size: 36px; content: "N"; color: #999; position: absolute; margin-top: 13px; margin-left: -39px; line-height: 40px; } /* level 0 -------------------------------------------------------------- */ #mobile-menu li { display:block; position: relative; border-top:1px solid #efefef; } #mobile-menu li.nav-text-block { display: none; } #mobile-menu li .open-child { float:right; display: block; text-indent: -9999px; width:45px; height:45px; background-color: #ccc; cursor: pointer; position: relative; } #mobile-menu li .open-child::selection{ background-color: transparent !important; } #mobile-menu li .open-child:after { display: block; position: absolute; top: 0; left: 0; width: 45px; height: 45px; font-family: 'ShopSharkSymbols'; content: "D"; font-size: 20px; font-weight: bold; text-align: center; line-height: 58px; color: #fff; text-indent: 0; } #mobile-menu li.over > .open-child:after { content: "E"; } #mobile-menu li > a { height: 45px; display: block; line-height:45px; padding:0 10px; background: white; } #mobile-menu li.level0 > a > span { font-family: 'NovecentowideBookRegular'; font-size: 14px; color: #555; } #mobile-menu li > a:hover { background-color: #faf9f7; text-decoration: none; color: #222; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } /* level 1 -------------------------------------------------------------- */ #mobile-menu > li > ul { border-top:0 !important; } /* level 1 + -------------------------------------------------------------- */ #mobile-menu li.level1 a span { font-family: 'NovecentowideUltraLightBold'; font-size: 14px; color: #555; text-transform: uppercase; } #mobile-menu > li ul { display: none; } #mobile-menu > li > ul li { display: block; position: relative; } #mobile-menu li.level1 a { padding-left:20px; display: block; } #mobile-menu li.level2 a { padding-left:40px; } #mobile-menu li.level3 a { padding-left:60px; } /* -------------------------------------------------- */ /* Media Queries /* -------------------------------------------------- */ /* Standard 960 or larger (browsers) */ @media only screen and (min-width: 960px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { /* Navigation */ .nav-container-outer{ display: none; } .nav-demo-block { display: none; } .mobile-nav-container{ display:block; } /* Header */ .header .header-center{ float: none; margin: 20px auto 15px; } .header .header-menu { display: none; } .header-main-container .header-right { width: auto; float: none; } .header .cart-header { position: absolute; top: -15px; right: 0; } .header .form-search { float: none; clear: both; margin: 10px 20px; } .header .form-search input { width: 669px; } .header .links { float: none; text-align: center; } /* Footer */ .footer-last .f-left, .footer-last .f-right { float: none !important; text-align: center; } /* Home Page */ body.cms-index-index .content img { max-width: 100%; } .home-blog-right { display: none; } .home-blog { width: 499px; } /* Category */ .category-description img.description-bck-right, .category-description img.description-bck-left { display: none; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Layout */ .header, .breadcrumbs, #nav, .slideshow, .slideshow-holder-internal, .main, .footer-menu-container, .footer-color, .footer-last, .catalog-product-view .main .product-essential, .catalog-product-view .main .product-collateral, .catalog-product-view .main .block-related .block-related-internal, .catalog-product-view .main .box-collateral.box-up-sell .box-up-sell-internal, .messages ul, .checkout-cart-index .cart, .checkout-cart-index .cart-empty, .checkout-cart-index .cross-sale-container .block-related, .checkout-cart-index .page-title { width: 754px; } .sidebar { width: 154px; } .col2-left-layout .col-main {float: right;width: 540px;} .col-right { float: none; width: auto; } /* Header */ /* Footer */ .footer, .footer-social, .aditional-footer{ width: 760px; } .footer-social, .footer, .aditional-footer{ width: 754px; box-sizing: border-box; } .footer-container .footer-column { width: 170px; } .footer-container .facebook-box, .footer-container .twitter-box, .footer-container .footer-right { width: 240px; } /* Home Page */ .home-text{ width: 246px; } .home-text img { width: 90px; margin: 15px 5px 0 0; } .home-text p { padding: 0 80px 0 10px } .home-text h3 { font-size: 20px; line-height: 24px; } .product-slider, .brands { width: 730px; margin-left: auto; margin-right: auto; } .product-slider .slide { margin-right: 23px; } .brands .slide { margin-right: 36px; } .slider-container .next { right: -15px !important; } .slider-container .prev { left: -15px !important; } /* Category Page */ .catalog-category-view .sidebar { float: none; width: auto; } .catalog-category-view .sidebar .block { float: left; width: 30%; margin-right: 3%; } .catalog-category-view .col-main { float: none; width: 752px; } .col1-layout .products-grid .product-image img { max-width: 80%; height: auto; margin-left: 10% !important; } .products-grid.columns3 li.item, .col1-layout .products-grid.columns3 li.item { width: 240px; } .products-grid.columns4 li.item, .col1-layout .products-grid.columns4 li.item { width: 177px; } .products-grid.columns5 li.item, .col1-layout .products-grid.columns5 li.item { width: 177px; } .products-grid.columns5 li.item.first, .col1-layout .products-grid.columns5 li.item.first { width: 366px; } .col1-layout .products-grid.columns5 li.item .product-image img { max-width: 147px; margin-left: 15px !important; } .col1-layout .products-grid.columns5 li.item.first .product-image img { max-width: 336px; margin-left: 15px !important; margin-bottom: 91px !important; } .products-list .product-shop { width: 320px; } /* Product Page */ .product-view .product-img-box{width: 435px;} .product-view .product-img-box .main-image img{ width: 435px; height: auto; } .more-views { width: 257px !important; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea, .product-view .box-reviews .form-add .form-list .input-box { width: 350px; } .product-view .box-reviews .form-add .data-table th { padding: 0; } /* Cart */ .cart .totals .button.btn-checkout { width: auto; padding-right: 50px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong span { font-size: 18px !important; } .block-related h5 { font-size: 16px; } /* Checkout */ .checkout-onepage-index .col-main{width: 600px !important;} .checkout-onepage-index .col-right{width: 130px !important; overflow: hidden; float: right !important; } .checkout-onepage-index .col-right img { display: none; } .product-view .product-img-box .main-image .lightbox-btn{top: 380px;left: 0;} .product-view .product-shop .quanitybox{margin-left: 0 !important;} .product-view .product-tags .box-tags { width: auto; } .product-view .box-tags .form-add input.input-text { width: 100px; } .product-tabs li { margin:0; } .product-tabs li a, .product-tabs li.active a { padding-left: 15px; padding-right: 15px; } .main .box-collateral.box-up-sell .box-up-sell-internal { overflow: hidden; } .mini-products-grid td { padding-right: 25px; } .checkout-cart-index .cart, .checkout-cart-index .page-title, .checkout-cart-index .cart-empty { width: 754px; } .ajax-index-options .product-img-box { width: 400px; } .ajax-index-options .product-view .product-img-box .main-image img { width: 400px; height: auto; } /* Blog */ .blog-post-view .postImage { width: 350px; } .blog-post-view .postImage img { max-width: 100%; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* Header */ .header .header-left, .header .header-center, .header .header-right { float: none; text-align: center; } .header .welcome-msg, .cms-header-links { display: none; } .header .cart-header { float: none; position: relative; text-align: center; top: auto; right: auto; } .header .cart-header #header-items { text-align: left; left: auto; right: auto; width: 400px; } .store-switcher, .form-language, .currency { float: none !important; display: inline-block; } .store-switcher-title:before, .form-language-title:before, .currency-menu-title:before { display: none !important; } .header .form-search input { width: 355px; } /* Footer */ .footer-container .facebook-box, .footer-container .twitter-box { display: none; } /* Slideshow */ .fullwidthbanner-container { display: none; } .content { margin-top: 25px; } /* Home Page */ .brands .carousel, .product-slider .carousel { width: 240px!important; margin: 0 auto!important; } .brands .slide { margin-left: 40px; margin-right: 40px; } .home-blog-left { display: none; } .home-blog { width: auto; } /* Base Columns */ .col-left { width: 180px; } .checkout-onepage-index .col-main, .col-main { width: 100%; } .col-right { width: 180px; float: left; } /* 3 Columns Layout */ .col3-layout .col-main { width: 100%; } .col3-layout .col-wrapper { width: 100%; } /* General */ #back-to-top { display: none!important; } .home-text { width: 100%; border: none; } .breadcrumbs li.back { display: none; } /* Category Page */ .view-mode, .limiter, .sort-by { display: none; } /* Blog */ .blog-post-view .postImage { float: none; width: auto; margin: 0 0 25px; text-align: center; } .blog-post-view .postImage img { max-width: 100%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .header, .breadcrumbs, #nav, .slideshow, .slideshow-holder-internal, .main, .footer-menu-container, .footer-color, .footer-last, .catalog-product-view .main .product-essential, .catalog-product-view .main .product-collateral, .catalog-product-view .main .block-related .block-related-internal, .catalog-product-view .main .box-collateral.box-up-sell .box-up-sell-internal, .messages ul, .checkout-cart-index .cart, .checkout-cart-index .cart-empty, .checkout-cart-index .cross-sale-container .block-related, .checkout-cart-index .page-title { width:440px; } /* Layout */ .main { margin-bottom: 20px; } /* Category Page */ .sidebar{width: 440px; } .sidebar.sidebar-above {margin: 0 0 20px;} .a-center.item-product-qty .input-text.qty{float: none !important;} .products-grid .product-image img, .col1-layout .products-grid .product-image img { max-width: 80%; height: auto; margin-left: 10% !important; } .products-grid.columns3 li.item, .col1-layout .products-grid.columns3 li.item { width: 130px; margin: 4px; } .products-grid.columns4 li.item, .col1-layout .products-grid.columns4 li.item { width: 204px; margin: 4px; } .products-grid.columns5 li.item, .col1-layout .products-grid.columns5 li.item { width: 204px; margin: 4px; } .products-grid.columns5 li.item.first, .col1-layout .products-grid.columns5 li.item.first { width: 424px; } .products-list .product-shop { width: 170px; min-height: 0; } .products-list .product-shop .desc { display: none; } /* Product Page */ .product-view .product-img-box .main-image img { width: 440px; height: auto; } .products-grid .product-name{display: none;} .product-name2{display: block; text-align: center;text-transform: uppercase;} .product-tabs li a, .product-tabs li.active a { padding-left: 5px; padding-right: 5px; } .product-view .product-shop { float:none; width: auto; } .product-view .product-img-box .more-views { width: 175px!important; } .product-view .product-img-box { float:none !important; max-width: 100%; } .product-view .product-shop #container1, .product-view .product-shop .white-back { width: 100%!important; } .product-view .product-shop .addtocont { float:left; } .add-to-links { display: none; } .product-view .add-to-cart button.button { float: left; } .more-views-arrow.next { right: 0 !important; } .more-views-arrow.prev { left: 0 !important; } .mini-products-grid img { width: auto; height: 77px; } .mini-products-grid td { width: auto; } .ajax-index-options .product-img-box { display: none; } .product-view.layout_horizontal .product-shop { width: auto; } .add-to-cart button.button { float: right; margin-left: 10px; width: auto; } .product-shop .product-options-bottom .add-to-cart { float: none; width: auto; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea, .product-view .box-reviews .form-add .form-list .input-box { width: 350px; } .product-view .box-reviews .form-add .data-table th { padding: 0; } /* Cart */ .cart .shipping { display: none; } .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { width: 45%; } .cart button.btn-checkout { padding-right: 17px; } .cart button.btn-checkout > span > span:after { display: none; } .cart-table .item-product-edit, .cart-table .item-product-whish, .cart-table .item-product-price, .cart-table .item-product-delete, .cart-table .quantity_box_button_up, .cart-table .quantity_box_button_down, .cart-table .item-product-img { display: none; } .cart-table .button { float:left; clear: both; margin-bottom: 20px; } /* Checkout */ button.btn-checkout { padding-right: 17px; } button.btn-checkout > span > span:after { display: none; } fieldset { max-width:100% !important; } .form-list .input-box, .form-list li.wide .input-box, .form-list li.wide select, .form-list input.input-text { width: 180px !important; } /* Footer */ .footer-container .footer-column { width: 146px; } .footer-container .f-right { clear: both; float: none !important; } .footer-container .newsletter { float: none; width: auto; } .footer-container .footer-right { width: 270px; margin: 0 auto; padding-top: 10px; } .footer-container .follow-us a { margin: 0 20px; } /* Checkout*/ .checkout-onepage-index .col-right { display: none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .header, .breadcrumbs, #nav, .slideshow, .slideshow-holder-internal, .main, .footer-menu-container, .footer-color, .footer-last, .catalog-product-view .main .product-essential, .catalog-product-view .main .product-collateral, .catalog-product-view .main .block-related .block-related-internal, .catalog-product-view .main .box-collateral.box-up-sell .box-up-sell-internal, .messages ul, .checkout-cart-index .cart, .checkout-cart-index .cart-empty, .checkout-cart-index .cross-sale-container .block-related, .checkout-cart-index .page-title { width:301px; } .col2-set .col-1, .col2-set .col-2 { float: none; width: auto; } .account-login .content { min-height: 0; } /* Header */ .header .form-search input { width: 216px; } .header .cart-header #header-items { width: 261px; } .cart-header .btn-view, .cart-header .btn-checkout { padding: 0 35px; } /* Footer*/ .footer-container .footer-menu{ display: none; } .footer-container .follow-us a { margin: 0 5px; } .sidebar{width: auto; } .sidebar.sidebar-above {margin: 0 0 20px; width: 280px;} .add-to-cart button.button{ padding: 0 30px; } .products-list-grid.columns4 .item { width:200px; margin: 0 auto 15px; float:none;} .add-to-cart label{margin-left: 25px;} .productContainer .add-to-cart label{margin-left: 0px;} .footer-social .follow_us{margin-left: 40px;} .shippingreturns {width: 260px;float: none;margin: 0 auto;margin-left: 20px;} .footer .f-right{margin-right: 0 !important;} .products-list-grid .ratings{width: 75px;} .opc .buttons-set { max-width: 75%; } .form-list select { max-width: 240px; } .products-grid .product-image img, .col1-layout .products-grid .product-image img { max-width: 80%; height: auto; margin-left: 10% !important; } .products-grid.columns3 li.item, .col1-layout .products-grid.columns3 li.item { width: 84px; margin: 4px; } .products-grid.columns4 li.item, .col1-layout .products-grid.columns4 li.item { width: 134px; margin: 4px; } .products-grid.columns5 li.item, .col1-layout .products-grid.columns5 li.item { width: 134px; margin: 4px; } .products-grid.columns5 li.item.first, .col1-layout .products-grid.columns5 li.item.first { width: 285px; } .products-list .product-shop { width: 140px; min-height: 0; } .products-list .product-shop .desc { display: none; } .products-grid .product-name { display: none; } /* Product Page */ .product-view .product-img-box .main-image img, .product-view .product-img-box { width: 301px; height: auto; } .product-tabs li { float: none; } .product-view .box-reviews .form-add { display: none; } .product-view .product-img-box .more-views { width: 175px!important; } .more-views-arrow.next { right: 0 !important; } .more-views-arrow.prev { left: 0 !important; } .block-related .related { width: 240px!important; margin: 0 auto!important; } .mini-products-grid td { padding: 0; } .box-up-sell { display: none; } /* Cart */ .col3-set .col-1 { display: none; } .col3-set .col-2, .col3-set .col-3 { width: 100%; } .cart button.btn-checkout { padding-right: 17px; } .cart button.btn-checkout > span > span:after { display: none; } .cart-table .item-product-edit, .cart-table .item-product-whish, .cart-table .item-product-price, .cart-table .item-product-delete, .cart-table .quantity_box_button_up, .cart-table .quantity_box_button_down, .cart-table .item-product-img { display: none; } .cart-table .button { float:left; clear: both; margin-bottom: 20px; } /* Blog */ .blog-index-list .postImage, .blog-cat-view .postImage { display: none; } } /* ======================================================================================= */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_modern * @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; border:0 !important; padding:5px 9px !important; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; font-size:12px; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; font-size:12px; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; font-size:12px; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* All Levels */ #nav a { line-height:1.3em; text-decoration:none; } /* Root Level */ #nav { position: relative; } #nav .level0 > a { display:block; } /* 1st Level */ #nav ul.level0, #nav li.level0 div.nav_block { position:absolute; z-index: 999; width: 922px; left: 0; display: none; background: #fff; border: 4px #ccc solid; border-top: #b3a487 1px dotted; padding: 15px; font-size:12px; color: #666; } #nav li.level1.parent { display:block; float:left; padding: 0 10px 0 0; } #nav li.nav-text-block { max-width: 765px; } .nav-block-5-col { width: 765px; } .nav-block-4-col { width: 612px; } .nav-block-3-col { width: 459px; } .nav-block-2-col { width: 306px; } .nav-block-1-col { width: 153px; } /* 1st+ level */ #nav ul.level0 a:hover { text-decoration:underline; } #nav ul.level0 li.parent > a:hover { text-decoration:none; } #nav .nav_block li.parent > a, #nav li.level1.parent > a, #nav .nav_block h3, #nav li.nav-text-block h3 { display: block; padding-bottom: 5px; } #nav .nav_block li.parent, #nav li.level1.parent { margin-bottom: 10px; } #nav div.nav_block li, #nav li.level1 { width: 133px; margin:0 10px 0 0; } /* 2nd+ Level */ #nav ul.level1 ul { margin-left: 5px; } /* Show menu */ #nav li.level0 ul.shown-sub, #nav li.level0 div.shown-sub { display: block; } /* Thumbnail */ #nav li.level1.category-thumbnail { float: left; text-align: center; } #nav li.level1.category-thumbnail img { max-width: 100%; } /********** Navigation > */ /* ======================================================================================= */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:95px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(https://www.doability.com.au/skin/frontend/default/beeshop/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .postWrapper { padding-bottom: 25px; clear: both; } .postTitle { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin-bottom: 15px; } .postTitle h1 { font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; } .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; } .postTitle h3 { font-size: 10px; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; } .postContent { padding-bottom: 10px; } .postContent ul{ list-style: disc outside; margin-bottom: 1.5em; } .postContent ul li{ margin-left: 2em; } .postContent ol{ list-style: decimal outside; margin-bottom: 1.5em; } .postContent ol li{ margin-left: 2em; } .postDetails { } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .postBookmarks a.bm { display: inline-block; } .postBookmarks img { display: inline; } .commentWrapper { padding-bottom: 15px; } .commentTitle { border-bottom: 1px solid #dddddd; margin-bottom: 15px; } .commentTitle div { font-size: 20px; font-weight: normal; margin: 0; padding: 0; color: #0a263c; line-height: 1.35; } .commentContent { padding-bottom: 0px; } .commentDetails { margin-bottom: 5px; padding: 0px; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .tags { font-weight: bold; padding-bottom: 10px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-tags, .menu-categories, .menu-recent { margin: 5px 9px; } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 11px; } .block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .block-blog .menu-categories UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a { font-size: 11px; } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { background-image: url(https://www.doability.com.au/skin/frontend/base/default/aw_blog/images/icon_blog.png); background-repeat: no-repeat; padding-left: 21px; text-align: left; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .widget-latest .title { font-size: 18px; font-weight: normal; line-height: 1.35; margin: 0 0 5px; } .widget-latest li { font-size: 12px; padding: 5px 10px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } #growls {z-index:50000;position:fixed;} #growls.tl {top:10px;left:10px;} #growls.tr {top:10px;right:10px;} #growls.br {bottom:10px;right:10px;} #growls.tc {top:10px;right:10px;left:10px;} #growls.bc {bottom:10px;right:10px;left:10px;} #growls.tc .growl,#growls.bc .growl {margin-left:auto;margin-right:auto;} .bottom-line { display: inline-block; } .bottom-line:nth-child(2n){ padding-left:15px; } .growl { opacity:1; position:relative; border-radius:4px; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } .growl.growl-small { width:335px; margin:5px; } .growl.growl-medium { width:335px; text-align:left; margin:10px; } .growl.growl-large { width:335px; margin:15px; } #growls .growl{ padding:10px 5px 30px 0;} .notice-product-link > img{padding-left:5px} .bottom-line.price{font-size:13px} .growl.growl-default { color:#FFF; background:#333; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; box-shadow:0 0 6px #000; } .growl.growl-error { color:#FFF; background:#C0392B; } .growl.growl-notice { color:#FFF; background:#2ECC71; } .growl.growl-warning { color:#FFF; background:#F39C12; } .growl .growl-close { cursor:pointer; float:right; font-size:24px; line-height:18px; font-weight:400; font-family:helvetica, verdana, sans-serif; padding-right: 3px; padding-top: 3px; } .growl .growl-title { font-size:20px; display:none; line-height:24px; margin-bottom:12px; } .growl .growl-message { font-size:14px; line-height:18px; } .growl-medium .notice-img { display:inline; margin-bottom:10px; text-align:left; vertical-align:top; width:25%; float:left; } .growl-medium .time-ago { font-size:10px; font-style:italic; color:#ccc; margin:2px 0; } .growl-medium a { color:#999; } .growl .growl-close:hover { color:#999; } .notice-text { display:inline-block; padding-bottom:0; padding-left:10px; text-align:left; width:65%; font-size:11px; } #growls.default,#growls.bl { bottom:10px; left:10px; } .growl.growl-incoming,.growl.growl-outgoing { opacity:0; filter:alpha(opacity=0); } @mediamax-width479px{ .growl.growl-medium { width:auto; } #growls.default { left:auto; } } /** * MagenMarket.com * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * * DISCLAIMER * * Edit or modify this file with yourown risk. * * @category Extensions * @package Ma2_Manufacturers Free * @copyright Copyright (c) 2013 MagenMarket. (http://www.magenmarket.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) **/ /* $Id: frontend.css 3 2014-01-13 09:15:57Z linhnt $ */ .ma2-manufacturers{} .ma2-manufacturers .clear {clear: both;} .ma2-manufacturers .manufacturers{} /* LIST */ .ma2-manufacturers .list{} .ma2-manufacturers .list .manufacturer{} /* GRID */ .ma2-manufacturers .grid{ padding: 10px; } .ma2-manufacturers .grid .manufacturer{ float: left; } .ma2-manufacturers .manufacturer-inner{ padding: 5px;} .ma2-manufacturers .grid .manufacturer-name{ display: block; } /* SLIDER */ .ma2-manufacturers .manufacturers {overflow: hidden;} .ma2-manufacturers .slider {overflow: hidden;} .ma2-manufacturers .slider .manufacturer{ float: left; } .ma2-manufacturers .slider .manufacturer-name{ display: block; } .ma2-manufacturers .block-inner {position: relative;} .ma2-manufacturers .slider-inner {width: 5000em;} .ma2-manufacturers .manufacturer-slide {float: left;} .ma2-manufacturers .manufacturer-slide .manufacturer-inner{padding: 5px; text-align: center;} .ma2-manufacturers .controls {position: absolute; top: 0; right: 5px; z-index: 1;} .ma2-manufacturers .controls a{ border: 1px solid #DDDDDD; display: inline-block; font-size: 18px; height: 20px; line-height: 18px; margin: 1px; outline: medium none; text-align: center; text-decoration: none; width: 20px; } /** EMPTY CSS FILE - DO NOT REMOVE */ /** * css for my team * * * @category SKJ * @package SKJ_Meetmyteam * @author Sanjeev Kumar Jha */ /*======================Meet my team========================*/ .leader_not { float: left; width: 100%; margin-top: 20px; text-align: center; margin-left: -20px; } .leader_not li { float:left; margin-left: 20px; margin-bottom: 20px; padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .photo_section { width: 100%; margin-bottom: 10px; display:block; } .photo_section img { max-height: 170px; max-width:150px; } .full-bio .links { float:none; } .meetmyteam-detail { float: left; width: 100%; margin-top: 30px; } .meetmyteam-detail img { float: left; margin: 0 20px 0 0; padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .meetmyteam-detail p { font-size: 14px; line-height: 24px; } .detail-back { color: #fff !important; text-transform: uppercase; display: block; background: #10578d; text-decoration:none; font-family: 'open_sanssemibold'; font-size: 16px; padding: 8px 9px; font-style: normal; float:right; } .detail-back:hover { background: #36987c; color: #fff !important; } .detail-back-rb { color: #fff !important; text-transform: uppercase; display: block; background: #36987c; font-family: 'open_sanssemibold'; font-size: 16px; padding: 8px 9px; font-style: normal; float:right; position:relative; top:-50px; } .detail-back-rb:hover { background: #10578d; color: #fff !important; } .myteam-head { padding-top: 30px; } .full-bio{padding: 7px 0px;} .full-bio a{ color:#36987c;} .full-bio a:hover{ color:#3d6277;} .leader_not .title{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#3d6277;} .leader_not .sub-heading{ font-size:13px;} .meetmyteam-detail img{ width:250px; height:283px;} /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('https://www.doability.com.au/skin/frontend/default/beeshop/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(https://www.doability.com.au/skin/frontend/default/beeshop/fonts/glyphicons-halflings-regular.eot);src:url(https://www.doability.com.au/skin/frontend/default/beeshop/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(https://www.doability.com.au/skin/frontend/default/beeshop/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(https://www.doability.com.au/skin/frontend/default/beeshop/fonts/glyphicons-halflings-regular.woff) format('woff'),url(https://www.doability.com.au/skin/frontend/default/beeshop/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(https://www.doability.com.au/skin/frontend/default/beeshop/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .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; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.doability.com.au/skin/frontend/default/beeshop/css/grabbing.png) 8 8, move; } /* fix */ .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 Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .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; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(https://www.doability.com.au/skin/frontend/default/beeshop/css/AjaxLoader.gif) no-repeat center center } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .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; } /* fade */ .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; } /* backSlide */ .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; } /* goDown */ .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; } /* scaleUp */ .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; } /* Keyframes */ /*empty*/ @-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); } } a.meanmenu-reveal{display:none} .mean-container .mean-bar { background: transparent none repeat scroll 0 0; float: left; min-height: 42px; padding: 4px 0 0; position: relative; width: 100%; z-index: 999999; } .home-3 .mean-container .mean-bar { background: #3babf6 none repeat scroll 0 0; } .mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;} .mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px} .mean-container .mean-nav{float:left;width:100%;background:#0c1923} .mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none} .mean-container .mean-nav ul li { background: #f8f8f8 none repeat scroll 0 0; float: left; position: relative; width: 100%; border-top: 1px solid #e0d8d8; list-style:none; } .mean-container .mean-nav ul li a { background: #f8f8f8 none repeat scroll 0 0; color: #666666; display: block; float: left; font-size: 12px; margin: 0; padding: 1em 5%; text-align: left; text-decoration: none; text-transform: uppercase; width: 90%; font-weight: bold; } .mobile-menu-area { //background: #262626; } .mean-container .mean-nav ul li li a { border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.75; padding: 1em 10%; text-shadow: none !important; visibility: visible; width: 80%; font-weight: normal; text-transform: capitalize; color: #444; } .mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0} .mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%} .mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%} .mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%} .mean-container .mean-nav ul li a:hover { background: #f8f8f8 none repeat scroll 0 0; color: #F47E1E; } .mean-container .mean-nav ul li a.mean-expand{ width:26px; height: 15px; margin-top: 1px; padding: 12px !important; text-align:center; position:absolute; right:0;top:0; z-index:2; font-weight:700; background:rgba(255,255,255,.1); border:0!important; background: #F8F8F8; } .mean-container .mean-nav ul li a.mean-expand:hover { background: #f8f8f8; } .mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both} .mean-nav .wrapper{width:100%;padding:0;margin:0} .mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .mean-remove{display:none!important} .mean-container .mean-bar::after { color: #ffffff; content: ""; font-size: 21px; left: 5%; position: absolute; top: 12px; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, 100% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, 100% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ /* #container { width:100%; height:100%; overflow:hidden; position:fixed; top:0px; left:0px; } .nivoSlider { position:fixed; top:-16px; left:0px; } .nivoSlider img {position:absolute; top:0px; left:0px; } */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* ------------------------------ Default Theme ---------------------------------*/ .slider-direction { position: absolute; left:0; top:0; width: 100%; background: none; color: #fff; font-size: 16px; z-index: 999; display: none; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } .nivo-caption { position:absolute; left:0; top:0; color:#fff; width:100%; height: 100%; z-index:8; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } @-webkit-keyframes myfirst { from {width: 0;} to {width: 100%;} } @keyframes myfirst { from {width: 0;} to {width: 100%;} } .slider-progress.pos_hover{ -webkit-animation-play-state: paused; animation-play-state: paused; } /* ------------------------------ custom slider ---------------------------------*/ .slider-progress{ position:absolute; top:0; left:0; background-color: rgba(255, 255, 255, .9); height:6px; -webkit-animation: myfirst 5000ms ease-in-out; -moz-animation: myfirst 5000ms ease-in-out; -ms-animation: myfirst 5000ms ease-in-out; animation: myfirst 5000ms ease-in-out; } .s-tb{ display: table; height: 100%; width: 100%; float: left; } .s-tb-c{ display: table-cell; vertical-align: middle; } .t-cn{text-align: center} .t-lft{text-align: left} .t-lfr{text-align: right} /* ------------------------------ slider animation ---------------------------------*/ /* -------------- Home 1 ---------------- */ .slider-2 h1, .slider-1 h1{ -webkit-animation: slideInDown 1000ms ease-in-out; -moz-animation: slideInDown 1000ms ease-in-out; -ms-animation: slideInDown 1000ms ease-in-out; animation: slideInDown 1000ms ease-in-out; } .slider-2 h3, .slider-1 h3{ -webkit-animation: slideInDown 1200ms ease-in-out; -moz-animation: slideInDown 1200ms ease-in-out; -ms-animation: slideInDown 1200ms ease-in-out; animation: slideInDown 1200ms ease-in-out; } .slider-2 h4, .slider-1 h4{ -webkit-animation: slideInDown 1300ms ease-in-out; -moz-animation: slideInDown 1300ms ease-in-out; -ms-animation: slideInDown 1300ms ease-in-out; animation: slideInDown 1300ms ease-in-out; } .slider-2 button, .slider-1 button{ -webkit-animation: slideInDown 1400ms ease-in-out; -moz-animation: slideInDown 1400ms ease-in-out; -ms-animation: slideInDown 1400ms ease-in-out; animation: slideInDown 1400ms ease-in-out; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Description: The default skin for the Nivo Slider. Version: 1.3 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ /* ------------------------------------- preview-1 ---------------------------------------- */ .preview-1 .nivoSlider { position:relative; background: url(https://www.doability.com.au/skin/frontend/default/beeshop/img/loading.gif) no-repeat 50% 50%; } .preview-1 .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .preview-1 .nivoSlider a { border:0; display:block; } .preview-1 .nivo-controlNav { text-align: center; padding: 20px 0; } .preview-1 .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/img/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .preview-1 .nivo-controlNav a.active { background-position:0 -22px; } .preview-1 .nivo-directionNav a { display:block; width:30px; height:30px; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/img/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .preview-1:hover .nivo-directionNav a { opacity: 1; } .preview-1 a.nivo-nextNav { background-position:-30px 0; right:15px; } .preview-1 a.nivo-prevNav { left:15px; } .preview-1 .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .preview-1 .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .preview-1 .nivo-caption a:hover { color:#fff; } .preview-1 .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .preview-1 .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .preview-1 .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } .preview-1 .nivo-controlNav { position: relative; z-index: 99999; bottom: 68px; } .preview-1 .nivo-controlNav a { border:5px solid #fff; display: inline-block; height:18px; margin: 0 5px; text-indent: -9999px; width:18px; line-height: 8px; background: #3c3c3c; cursor: pointer; position: relative; z-index: 9; border-radius: 100%; opacity: 0; z-index: -999; } .preview-1:hover .nivo-controlNav a{ opacity: 1; z-index: 999999; } .preview-1 .nivo-controlNav a:hover, .preview-1 .nivo-controlNav a.active { background: #000; cursor: pointer; } /* ------------------------------------- preview-2 ---------------------------------------- */ .preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-prevNav { left: 15px; } .preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-nextNav{ right: 65px; } .preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav { left: -50px; font-size: 0; } .preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav { right: 0px; font-size: 0; } .preview-2 .nivo-directionNav a.nivo-prevNav:before{ background: #F95D96; border-radius:15px; content: "\f053"; font: normal normal normal 14px/1 FontAwesome; color: #fff; cursor: pointer; font-size: 23px; font-weight: 400; height: 50px; line-height: 50px; margin: 0; position: absolute; text-align: center; top: 45%; transition: all 300ms ease-in 0s; width: 50px; z-index: 9; } .preview-2 .nivo-directionNav a.nivo-prevNav:hover:before, .preview-2 .nivo-directionNav a.nivo-nextNav:hover:before{ background:#0A97D4; } .preview-2 .nivo-directionNav a.nivo-nextNav:before{ background: #F95D96; border-radius:15px; content: "\f054"; font: normal normal normal 14px/1 FontAwesome; color: #fff; cursor: pointer; font-size: 25px; font-weight: 400; height: 50px; line-height: 50px; margin: 0; position: absolute; text-align: center; top: 45%; transition: all 300ms ease-in 0s; width: 50px; z-index: 9; } .preview-2 .nivo-controlNav { position: relative; z-index: 99999; bottom: 68px; } .preview-2 .nivo-controlNav a { border:5px solid #fff; display: inline-block; height:18px; margin: 0 5px; text-indent: -9999px; width:18px; line-height: 8px; background: #3c3c3c; cursor: pointer; position: relative; z-index: 9; border-radius: 100%; opacity: 0; z-index: -999; } .preview-2:hover .nivo-controlNav a{ opacity: 1; z-index: 999999; } .preview-2 .nivo-controlNav a:hover, .preview-2 .nivo-controlNav a.active { background: #000; cursor: pointer; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #222; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*----------------------------------------------------------------------------------- Template Name: Bee Shop Template URI: http://bootexperts.com Description: This is html5 template Author: BootExperts Author URI: http://bootexperts.com Version: 1.0 ----------------------------------------------------------------------------------- CSS INDEX =================== 1. Theme Default CSS (body, link color, section etc) 2. Section background 3. Header Area 3.1 Header Top Menu 3.2 Main Menu 3.3 Maga Menu 4. Slider CSS 5. Promotion Area 6. Product Area 7. Featured Area 8. Home Page Two CSS 8.1 Home Page Two Mega Menu 8.1 Home Page Two Other css 9. Home Page Three CSS 9.1 Home Page Three Product Page 9.2 Home Page Three left accoundion css 9.3 Home Page Three Single Product css 9.4 Home Page Three Single Product Tab css 10. Cute Page CSS Start 11. Whist list CSS Start 12. contract page CSS Start 14. mobile menu css -----------------------------------------------------------------------------------*/ /*----------------------------------------*/ /* 1. Theme default CSS /*----------------------------------------*/ .floatleft {float:left} .floatright {float:right} .alignleft {float:left;margin-right:15px;margin-bottom: 15px} .alignright {float:right;margin-left:15px;margin-bottom: 15px} .aligncenter {display:block;margin:0 auto 15px} a:focus {outline:0px solid} img {max-width:100%;height:auto} .fix {overflow:hidden} p {margin:0 0 15px;font-size:14px; line-height: 24px;} h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font-family: 'Fredoka One', cursive; } a {transition: all 0.3s ease 0s;text-decoration:none;color:#777;} a:hover { color: #f95d96; text-decoration: none; } a:active, a:hover { outline: 0 none; } .mb-30{ margin-bottom: 30px; } .mb-20{ margin-bottom: 20px; } .mb-40{ margin-bottom: 40px; } .mb-50{ margin-bottom: 50px; } .mb-60{ margin-bottom: 60px; } .mb-70{ margin-bottom: 70px; } .mb-80{ margin-bottom: 80px; } .mb-90{ margin-bottom: 90px; } .mb-100{ margin-bottom: 100px; } .mt-30{ margin-top: 30px; } .mt-40{ margin-top: 40px; } .mt-50{ margin-top: 50px; } .mt-60{ margin-top: 60px; } .mt-70{ margin-top: 70px; } .mt-80{ margin-top: 80px; } .mt-80{ margin-top: 90px; } .mt-100{ margin-top: 100px; } ul{ list-style: outside none none; margin: 0; padding: 0 } body { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a9edf0 1%, #dff3f4 100%) repeat scroll 0 0; color: #777777; font-family: "Open Sans",sans-serif; font-size: 13px; color: #777; height: 100%; line-height: 1; } .mobile-menu{ display: none; } .clear{clear:both} .container { padding-left: 0; padding-right: 0; } .container { max-width: 1170px; } /*----------------------------------------*/ /* 2.Section background /*----------------------------------------*/ .bg-bd { background: #fff none repeat scroll 0 0; border-radius: 20px; padding: 30px 30px 30px; } .bg-bd.block { padding:0; } .bg-bd.block-layered-nav { padding:0 } dl#narrow-by-list dt.rakesh { display:block !important; } /*----------------------------------------*/ /* 3. Header Area CSS Start /*----------------------------------------*/ .header-area { background: rgba(0, 0, 0, 0) url("https://www.doability.com.au/skin/frontend/default/beeshop/img/bg_header.png")no-repeat scroll center top; } .headet-top{ float: right; padding-top: 15px; text-align: right; width: 100%; } /*----------------------------------------*/ /* 3.1 Header Top Menu CSS /*----------------------------------------*/ .htop-one{ display: inline-block; } .htop-one ul li{ background: #0a97d4 none repeat scroll 0 0; border-radius: 5px; display: inline-block; line-height: 30px; margin-left: 14px; padding: 0 15px; position: relative; } .last ul li { margin-right: 0; } .htop-one ul li a{ color: #fff; float: left; font-size: 12px; font-weight: 400; } .htop-one ul li a span { text-transform: uppercase; } .htop-one ul li a i{ font-size: 12px; margin-left: 8px; } .htop-one ul li a:hover{background:none;} .htop-one ul li a:focus,.htop-one ul li a:hover { text-decoration: none; } .htop-one ul li ul { background: #fff none repeat scroll 0 0; border-radius: 8px; left: 0; position: absolute; top: 35px; width: 145px; z-index: 99; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease 0s; } .htop-one ul li:hover ul { opacity: 1; transform: scaleY(1); z-index: 9999; } .htop-one ul li ul li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px dotted #cae1e9; border-radius: 0; float: left; line-height: 38px; margin-left: 0; padding: 0 17px; width: 100%; } .htop-one ul li ul li:last-child { border-bottom: medium none navy; } .htop-one ul li ul li a { color: #5e686d; display: inline-block; float: left; margin-right: 0; overflow: hidden; } .htop-one ul li ul li a:hover{ color: #F95D96; } .header-midile{ margin-bottom: 20px; margin-top: 14px; } .search{ float: right; margin-right: 5px; margin-top: 14px; position: relative; width: 240px; } .search form input[type="text"] { background: #fbfbfb none repeat scroll 0 0; border: 2px solid #0a97d4; border-radius: 15px; font-size: 13px; height: 40px; padding: 0 15px; text-transform: capitalize; width: 240px; } .search form input[type=submit]{ background: #f95d96 none repeat scroll 0 0; border: medium none; border-bottom-right-radius: 15px; border-top-right-radius: 15px; color: #fff; font-family: "Fredoka One",cursive; font-size: 16px; line-height: 36px; padding: 0; position: absolute; right: 0; text-transform: capitalize; top: 0; width: 90px; margin-right:0px; margin-top:2px; } .search form input[type=submit]:hover{ background: #0a97d4 none repeat scroll 0 0; } .curt { padding-top: 23px; position: relative; width: 100%; text-align: right; } .curt li a.total-cart-b{ position: relative; float: left; } .curt li { display: inline-block; } .curt li a::after { background: rgba(0, 0, 0, 0) url("https://www.doability.com.au/skin/frontend/default/beeshop/img/icon_cart.png") no-repeat scroll 0 0; content: ""; height: 47px; left: -61px; position: absolute; top: 0; width: 56px; } .curt li div.curt-list li a:after{ position:inherit; } .curt span{ background: #f95c95 none repeat scroll 0 0; border-radius: 50%; color: #fff; font-weight: bold; height: 20px; left: -22px; padding: 4px; position: absolute; text-align: center; top: -10px; width: 20px; } .curt p { color: #0a97d4; display: inline-block; font-family: "Fredoka One",cursive; font-size: 16px; font-weight: 400; margin: 0; padding-bottom: 5px; } .curt a h6 { color: #0A97D4; margin: 0; padding: 0; font-size: 16px; } .curt li:hover div.curt-list { margin-top: 0; opacity: 1; top: 100%; visibility: visible; } .curt-list { background: #fff none repeat scroll 0 0; border-radius: 20px; border-top: 3px solid #f95d96; box-shadow: 0 0 5px #ccc; margin-top: 15%; opacity: 0; padding: 15px; position: absolute; right: 0; transition: all 0.5s ease 0s; width: 250px; z-index: 999991; visibility: hidden; } .curt-list-li { margin-bottom: 45px; } .curt-list-li img { border: 1px solid #ddd; border-radius: 20%; display: block; float: left; margin-right: 20px; overflow: hidden; width: 35%; } .curt-list:after { content: ""; position: absolute; top: -10px; left: 50%; width: 20px; height: 20px; background: url(https://www.doability.com.au/skin/frontend/default/beeshop/img/arrow-up1.png)no-repeat scroll 0 0; margin-left: -5px; } .curt-list-li span.curt-list-item-color { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #0a97d4; left: 0; margin: 0; padding-right: 8px; top: 0; width: 0; } .curt-list-li span { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #333; font-weight: normal; margin-right: 68px; position: inherit; padding: 0; } .curt-list-li a { color: #5e686d; display: block; margin-top: 0; padding: 0; position: inherit; text-align: left; } .curt-list-li a p { color: #5e686d; font-weight: normal; font-size: 14px; } .curt-list-li a p:hover{ color: #0A97D4; } .curt-list-li h6 { color: #0a97d4; margin: 12px 0 0 0; text-align: left; } .curt-list.curt-list-li h6 { color: #0A97D4; font-size: 15px; } p.totel { text-align: left; } .curt-list-li.border-li { border-bottom: 1px dashed #74c7eb; margin: 0; padding-bottom: 45px; } p.totel { text-align: left; margin: 0; font-weight: bold; font-size: 17px; float: left; display: block; } .curt-list ul li:last-child { display: inherit; padding-top: 15px; } .curt-list ul li:last-child h6 { text-align: right; display: block; font-size: 16px; padding: 0px; color: #0A97D4; } .curt-list button { background: #f95d96 none repeat scroll 0 0; border: medium none; border-radius: 35px; color: #fff; font-size: 17px; line-height: 10px; margin: 20px 0; padding: 10px 0; position: relative; text-transform: capitalize; transition: all 0.3s ease 0s; width: 100%; } .curt-list button::after { content: ""; font-family: FontAwesome; font-size: 20px; position: absolute; right: 50px; top: 11px; } .curt-list button:hover{ background: #0A97D4 none repeat scroll 0 0; } /*----------------------------------------*/ /* 3.2 Main Menu CSS /*----------------------------------------*/ ul.nav { background: #0a97d4 none repeat scroll 0 0; border-bottom: 3px solid #f95d96; border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } ul.nav li{ border-right: 1px dashed #74c7eb; float: left; } ul.nav li:last-child { border-right: medium none; } ul.nav li a { color: #fff; display: block; font-family: "Fredoka One",cursive; font-size: 16px; font-weight: 400; line-height: 60px; padding: 0 21px; transition: all .2s; text-align:left; } ul.nav li ul.sub-menu li a { line-height: 20px !important; } ul.nav li > ul.sub-menu li a { padding-top:20px !important; } ul.nav li.active a { background: #f95d96 none repeat scroll 0 0; border-radius: 20px 0 0 0; } .home-three ul.nav li ul.dworpdown, .home-two ul.nav li ul.dworpdown{ border-radius:20px; } ul.nav li ul.dworpdown { background: #fff none repeat scroll 0 0; border-radius:0 0 20px 20px; box-shadow: 0 0 5px #ccc; list-style: outside none none; margin: 0; padding: 0; position: absolute; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease 0s; width: 200px; } ul.nav li ul.dworpdown li a{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #65788c; font-family: "Open Sans",sans-serif; font-size: 14px; line-height: 40px; margin: 0; padding: 0 25px; display: block; transition: all 0.2s ease 0s; } .main-menu ul.nav li:hover ul.dworpdown li a { background: none; } .main-menu ul.nav li:hover ul.dworpdown li a:hover { color: #F95D96; padding-left: 32px; } ul.nav li ul.dworpdown li{ float: none; border-right: none; } .main-menu ul.nav li:hover ul.dworpdown{ transform: scaleY(1); z-index: 9999; } /*----------------------------------------*/ /* 3.3 Maga Menu CSS /*----------------------------------------*/ .main-menu ul.nav li ul.sub-menu{ background: #fff none repeat scroll 0 0; border-radius: 0 0 20px 20px; box-shadow: 0 0 5px #ccc; list-style: outside none none; margin: 0; padding: 0 0 18px; position: absolute; width: 960px; z-index: 9999; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease 0s; } .main-menu ul.nav li ul.sub-menu li{ border-right: medium none; display: block; float: left; /* width: 25%; */ } .main-menu ul.nav li.mega-menu-one ul.sub-menu li { /* width: 20%; */ } .main-menu ul.nav li ul.sub-menu li a{ color: #65788c; } .main-menu ul.nav li ul.sub-menu li ul.sub-menu { left: inherit; position: inherit; top: inherit; width: auto; box-shadow:inherit; } .main-menu ul.nav li ul.sub-menu li ul.sub-menu li{ float: none; } .main-menu ul.nav li ul.sub-menu li ul.sub-menu li a{ font-family: "Open Sans",sans-serif; font-size: 14px; line-height: 36px; text-decoration:none; } .main-menu ul.nav li:hover ul.sub-menu{ transform: scaleY(1); z-index: 9999; } .main-menu ul.nav li.first:hover a{border-radius:20px 0 0 20px;} .main-menu ul.nav li:hover a{background:#f95d96;} .main-menu ul.nav li:hover ul.sub-menu li a{background:none;} .main-menu ul.nav li ul.sub-menu li ul.sub-menu li a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #f95d96; padding-left: 32px; } .main-menu ul.nav li:hover ul.sub-menu li ul{display:block} .main-menu ul.nav li ul.sub-menu li a:hover{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #f95d96; } .main-menu ul.nav li ul.sub-menu li:last-child img { float: left; margin-top: 30px; } .main-menu ul.nav li.mega-menu-two ul.sub-menu{ width:800px } .main-menu ul.nav li.mega-menu-three ul.sub-menu{ width:800px } .main-menu ul.nav li.mega-menu-for ul.sub-menu{ width:720px } /*----------------------------------------*/ /* 4. Slider CSS Start /*----------------------------------------*/ .slider-1.slide-icon{ position:relative; } .slide-icon:before{ color: #f95d96; content: "\f00c"; font-family: fontawesome; font-weight: bold; height: 0; left: -26px; position: absolute; top: 2px; width: 0; } .slider-wrap { margin-bottom: 30px; } .bend.niceties.preview-2 { height: 438px; } .slides.nivoSlider { border-radius: 0 0 20px 20px; } .home-three div.slides.nivoSlider, .home-two div.slides.nivoSlider { border-radius:20px; } .title1 { margin-right: 70px; } button.shop-button { margin-right: 70px; } .slider-2 h1,.slider-2 h3,.slider-2 h4, .slider-1 h1,.slider-1 h3,.slider-1 h4{ font-family: 'Fredoka One', cursive; color: #0a97d4; font-weight: 400; line-height: 35px; text-transform: capitalize; } .slider-2 h3,.slider-2 h4, .slider-1 h3,.slider-1 h4{ color:#5e686d; font-size:20px; margin:0 70px 0 0; padding:0; } .home-three .slider-2 h3,.slider-2 h4, .home-three.slider-1 h3,.slider-1 h4, .home-two.slider-2 h3,.slider-2 h4, .home-two.slider-1 h3,.slider-1 h4{ font-size:18px; } .home-three div.slider-2 h1, .home-three div.slider-1 h1, .home-two div.slider-2 h1, .home-two div.slider-1 h1{ font-size: 40px; } .slider-2 h1, .slider-1 h1{ font-size: 50px; margin-bottom: 10px; } button.shop-button { font-family: 'Fredoka One', cursive; background: #fff none repeat scroll 0 0; border: 2px solid #f95d96; border-radius: 15px; color: #f95d96; display: inline-block; font-size: 16px; line-height: 40px; margin-top: 20px; padding: 0 30px; text-transform: capitalize; } button.shop-button:hover { background-color: #f95d96; color: #fff; transition:all 300ms; } #added-content > a { font-family: 'Fredoka One', cursive; background: #fff none repeat scroll 0 0; border: 2px solid #f95d96; border-radius: 15px; color: #f95d96; display: inline-block; font-size: 16px; line-height: 40px; margin-top: 20px; padding: 0 30px; text-transform: capitalize; text-decoration:none; } #added-content > a:hover { background-color: #f95d96; color: #fff !important; transition:all 300ms; text-decoration:none; } #added #added-internal { border-radius:20px; } #added #added-internal #added-content { border:none; } .title3, .title2 { position: relative; } .title3::after, .title2::after { color: #f95d96; content: ""; font-family: FontAwesome; font-size: 20px; position: absolute; top: 0; } .home-three h3.title2::after, .home-two h3.title2::after{ right: 278px; } .home-three h4.title3::after , .home-two h4.title3::after { right: 150px; } .title2::after { right: 287px; } .title3::after { right: 160px; } /*----------------------------------------*/ /* 5. Promotion Area CSS Start /*----------------------------------------*/ .single-promotion a{ display:block; } .single-promotion >a:after{ border: 0 solid transparent; border-radius: 20px; bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; transition: all 300ms ease-in-out 0s; z-index: 2; } .single-promotion:hover >a:after { border: 10px solid #f95d96; transition: all 500ms ease-in-out 0s; } .single-promotion h3{ font-size: 20px; font-weight: 400; line-height: 50px; margin: 0; position: relative; } .single-promotion h3:after{ border-bottom: 1px dashed; content: ""; display: block; left: 50%; margin-left: -80px; position: absolute; top: 0; width: 160px; } .single-promotion p{ font-size: 14px; font-weight: 400; line-height: 25px; padding: 0 40px; } .single-promotion span a{ background: #31a7db none repeat scroll 0 0; border-radius: 15px; color: #fff; display: inline-block; font-family: "Fredoka One",cursive; font-size: 16px; font-weight: 400; line-height: 40px; padding: 0 25px; text-transform: capitalize; } .single-promotion{ border-radius: 20px; color: #5e686d; display: block; margin-bottom: 30px; overflow: hidden; position: relative; } .singleh { background-color: rgba(255, 255, 255, 0.9); height: 100%; left: 0; position: absolute; text-align: center; top: 82%; transition: all 300ms ease-in 0s; width: 100%; } .single-promotion:hover div.singleh{ padding-top: 70px; top: 0; transition: all 500ms ease-in 0s; } /*----------------------------------------*/ /* 6. Product Area CSS Start /*----------------------------------------*/ .owl-item div.col-lg-3 { width: 100%; } .owl-item div.col-lg-4 { width: 100%; } .product-area{ margin: 35px; } .product-tab ul.tab-menu { position: relative; z-index: 1; } .product-tab ul.tab-menu::after { /*background: rgba(0, 0, 0, 0) url("https://www.doability.com.au/skin/frontend/default/beeshop/img/icon_bee.png") no-repeat scroll 0 0; */ content: ""; display: block; height: 60px; left: 233px; position: absolute; top: -48px; width: 350px; z-index: -1; } .product-tab ul.tab-menu li{ display:inline-block; margin-right: 10px; background: #0a97d4 none repeat scroll 0 0; font-family: "Fredoka One",cursive; border-radius: 15px; padding: 0px 25px; color: #fff; font-size: 16px; font-weight: 400; line-height: 40px; } .product-tab ul.tab-menu li:hover{ background: #f95c95 none repeat scroll 0 0; cursor:pointer; } .product-tab ul.tab-menu li.active{ background: #f95c95 none repeat scroll 0 0; color: #fff; text-decoration: none; } .product-tab ul.tab-menu li:hover a{ background: #f95c95 none repeat scroll 0 0; } .product-tab ul.tab-menu li a{ background: #0a97d4 none repeat scroll 0 0; font-family: "Fredoka One",cursive; border-radius: 15px; padding: 10px 25px; color: #fff; font-size: 16px; font-weight: 400; line-height: 40px; } .product-tab ul.tab-menu li.active a{ background: #f95c95 none repeat scroll 0 0; color: #fff; text-decoration: none; } .leval { background: #faa71d none repeat scroll 0 0; border: 0 none; color: #fff; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 700; height: 20px; left: 8px; line-height: 20px; padding: 0; position: absolute; text-align: center; text-transform: uppercase; top: 9px; transform: rotate(-42deg) skewX(0deg); width: 50px; z-index: 1; } .descount{ background: #6ba130 none repeat scroll 0 0; border: 0 none; color: #fff; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 700; height: 20px; line-height: 20px; padding: 0; position: absolute; right: 12px; text-align: center; text-transform: uppercase; top: 8px; transform: rotate(39deg) skewX(0deg); width: 50px; z-index: 1; } span.descount { font-size: 11px; font-weight: 700; height: 20px; line-height: 17px; right: 18px; top: 9px; width: 45px; } span.descount { font-size: 11px; font-weight: 700; height: 20px; line-height: 17px; right: 18px; top: 9px; width: 45px; } #right-ap span.leval{ left: 20px; } span.leval { font-size: 11px; height: 17px; left: 2px; line-height: 17px; top: 9px; width: 45px; } .product-section { padding: 0 12px; } .single-product { position: relative; } .single-product .moreinfo{ margin-top: 20px; } .product-image { border: 1px solid #e5e5e5; border-radius: 20px; overflow: hidden; position:relative; } .col { width: 100%; padding: 15px; } .owl-item { margin-top: 16px; } .cart-box { height: 76px; left: 0; margin-top: -38px; opacity: 0; position: absolute; text-align: center; top: 50%; transition: all 500ms ease 0s; width: 100%; z-index: 1; z-index: 1; } .single-product:hover div.cart-box { opacity:1; transition: all 500ms ease 0s; } .product-text a p{ background: #fff none repeat scroll 0 0; border: 2px solid #0a97d4; border-radius: 20px; color: #0a97d4; display: inline-block; font-size: 11px; font-weight: 700; height: 32px; line-height: 28px; padding: 0 15px; text-align: center; text-transform: uppercase; transition: all 300ms ease 0s; } .product-text a i{ background: #fff none repeat scroll 0 0; border: 2px solid #0a97d4; border-radius: 100%; color: #0a97d4; font-size: 14px; height: 32px; line-height: 27px; padding: 0; text-align: center; transition: all 300ms ease 0s; width: 32px; } .product-text a i.fa-search-plus { line-height: 25px; } .link { left: 44%; position: absolute; top: 52%; } .link a i{ background: #fff none repeat scroll 0 0; border: 2px solid #0a97d4; border-radius: 100%; color: #0a97d4; font-size: 14px; height: 32px; line-height: 27px; padding: 0; text-align: center; width: 32px; transition: all 300ms ease 0s; } .link a i.fa-search-plus { line-height: 25px; } .product-text a i:hover{ background: #0a97d4 none repeat scroll 0 0; color: #fff; } .product-text a p:hover{ background: #0a97d4 none repeat scroll 0 0; color: #fff; } .link a i:hover{ background: #0a97d4 none repeat scroll 0 0; color: #fff; } .price-box { padding: 15px 0; text-align: center; } .rank i{ color: #faa71d; float: left; font-size: 13px; padding: .5px; } .rank { margin-left: 35%; padding-bottom: 15px; } .price-box a p{ color: #4c4c4c; display: block; font-size: 14px; font-weight: 700; margin: 15px 0 20px; transition: all 200ms ease 0s; } .price-box a p:hover, .right-all-product div.price-box a p.price-box-heading:hover, .tab-content table tbody tr td.td-p-title a p:hover{ color: #f95c95; } .price a h5{ color: #0a97d4; font-size: 20px; } .price a h5 span{ color: #4c4c4c; font-size: 14px; margin: 0 5px; text-decoration: line-through; } div.owl-theme .owl-controls .owl-buttons div { background: #f95c95 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 10px; display: inline-block; font-size: 16px; height: 35px; margin: 0; opacity: 1; padding: 3px; width: 35px; transition: all 200ms ease-out 0s; } div.owl-theme .owl-controls .owl-buttons div.owl-next { margin: 5px; } div.owl-theme .owl-controls .owl-buttons div i{ padding-top: 6px; text-align: center; } .product-area div.owl-buttons{ margin-top: -68px; } .owl-buttons { margin-top: -43px; overflow: hidden; position: absolute; right: 10px; top: 0; z-index: 2; } div.owl-theme .owl-controls .owl-buttons div:hover { background:#0D98D5; border: 1px solid #0d98d5; } /*----------------------------------------*/ /* 7. Featured Area CSS Start /*----------------------------------------*/ .left-featured-head { color: #0a97d4; font-size: 16px; margin-left: 15px; } .right-feature-head{ position: relative; } .left-single-feature.owl-theme.owl-carousel div.owl-item { margin-top: 30px; } .right-feature-head::after { /* background: rgba(0, 0, 0, 0) url("https://www.doability.com.au/skin/frontend/default/beeshop/img/icon_bee.png") no-repeat scroll 0 0; */ content: ""; display: block; height: 200px; left: 145px; position: absolute; top: -41px; width: 350px; } .right-feature-head h3{ background: #f95e96 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; line-height: 40px; padding: 0 25px; } .left-single-feature div.single-product.cart-box { display: none; height: 100px; left: 0; position: absolute; text-align: center; top: 25%; transition: all 0.3s ease 0s; width: 100%; } .left-featured div.owl-theme .owl-controls .owl-page span { background: #869791 none repeat scroll 0 0; border-radius: 20px; display: block; height: 10px; margin: 5px 3px; width: 10px; } .left-featured div.owl-theme .owl-controls .owl-page.active span { background: #f8659b none repeat scroll 0 0; } .left-featured div.owl-theme .owl-controls.clickable .owl-page:hover span { background: #f8659b none repeat scroll 0 0; } .right_single_feature:hover div.cart-box{ display: block; transition: all 500ms ease 0s; } .right-featured { background: #fff none repeat scroll 0 0; border-radius: 20px; padding: 30px 15px 15px; } .add { padding-top: 30px; } .add a img { border-radius: 20px; } .right-featured div.owl-buttons { margin-top: -60px; } .product-slide .col-lg-3{width:100%} .footer-area { margin: 40px 0 15px; } .blog { border-right: 1px dashed #6ec4ea; padding: 30px 0; } .bolg-newslatter { background: #fff none repeat scroll 0 0; border-radius: 20px; display: inline-block; margin-bottom: 30px; padding: 0 30px; width: 100%; } .blog-img { border-radius: 13px; float: left; height: auto; margin-right: 20px; overflow: hidden; width: 60px; } span.date{ color: #5e686d; display: inline-block; font-size: 12px; } .blog-text span.more{ color: #f95c95; display: inline-block; font-size: 12px; margin: 0 10px; transition: all 0.3s ease 0s; } .blog-text span.more:hover { color: #222; } .blog-text p{ color: #5e686d; font-size: 14px; line-height: 20px; margin: 0; margin-top: 10px; } .blog-text h4 { color: #0b97d4; font-size: 16px; font-weight: 400; line-height: 28px; margin: 0; padding: 0; } .blog-text { overflow: hidden; } .single-blog { float: left; margin: 17px 0; } button#request-quote { background: #0A97D4 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: inline-block; font-size: 15px; font-weight: 400; line-height: 35px; padding: 0 20px 4px 20px; border:none; } .blog-title a{ background: #f95e96 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; line-height: 40px; padding: 0 25px; } button.button{ background: #f95e96 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; line-height: 40px; padding: 0 25px; } a.btn-cart{ background: #f95e96 none repeat scroll 0 0; border-radius: 15px; color: #fff !important; display: inline-block !important; font-size: 15px !important; font-weight: 400; line-height: 40px; padding: 0 15px !important; border:none !important; } .products-list li.item a.btn-cart::after { margin:17px 0 0 0px; } .blog div.owl-theme .owl-controls .owl-page.active span { background: #f8659b none repeat scroll 0 0; } .blog div.owl-theme .owl-controls .owl-page span { background: #869791 none repeat scroll 0 0; border-radius: 20px; display: block; height: 10px; margin: 5px 3px; width: 10px; } .newslatter { padding: 30px 0; } .newslatter h4{ border: medium none; color: #0d98d5; display: block; font-family: "Fredoka One",cursive; font-size: 20px; font-weight: 400; line-height: 25px; margin-bottom: 25px; padding: 0; text-transform: none; } .newslatter p{ color: #5e686d; font-size: 14px; font-weight: 400; line-height: 28px; margin-bottom: 25px; } .newslatter div.col-sm-offset-6 { margin-left: 0; padding: 0; } .subscribe { overflow: hidden; } .subscribe input[type=text]{ background: #fff none repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 20px; box-shadow: none; color: #5e686d; display: inline-block; height: 40px; margin-bottom: 10px; padding: 10px 43px 10px 12px; width: 100%; } .subscribe button[type=submit]{ background: #0A97D4 none repeat scroll 0 0; border: 0 none; border-radius: 20px; color: #fff; display: inline-block; font-family: "Fredoka One",cursive; font-size: 14px; font-weight: 400; line-height: 40px; padding-right: 16px; position: relative; text-align: right; transition: all 500ms ease 0s; width: 150px; } .home-two div.subscribe button[type=submit]{ width: 100%; } .subscribe button[type="submit"]::before { color: #fff; content: "\f0e0"; font-family: fontawesome; font-size: 25px; font-weight: 700; height: 10px; left: 15px; position: absolute; top: -1px; width: 10px; } .subscribe button[type="submit"]::after { border-right: 1px dashed #6ec4ea; content: ""; height: 25px; left: 56px; position: absolute; top: 8px; width: 0; } .subscribe button[type="submit"]:hover { background: #f95e96 none repeat scroll 0 0; } .footer-bg { background: rgba(0, 0, 0, 0) url("https://www.doability.com.au/skin/frontend/default/beeshop/img/bg_footer.png") no-repeat scroll center bottom; padding-bottom:270px; } .copyright { background: #fff none repeat scroll 0 0; border-radius: 20px; margin-top: 15px; padding: 0 30px; } .widget p { color: #5e686d; font-size: 14px; font-weight: 400; line-height: 27px; padding: 20px 0; } ul.social-link { display: inline-block; padding: 0; position: relative; width: 100%; } ul.social-link li { display: inline-block; padding: 0; } ul.social-link li a { border-radius: 14px; height: 42px; overflow: hidden; padding: 15px; font-weight: 400; text-align: center; width: 42px; background: #b7d6e0 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: inline-block; font-size: 14px; } ul.social-link li a:hover { background: #f95c95 none repeat scroll 0 0; } .single-lago { border: 1px solid #b7d6e0; border-radius: 20px; margin: 0 17px; overflow: hidden; position: relative; } div.owl-theme .owl-controls { margin-top: 0px; text-align: center; } .cl-logo { padding-bottom: 35px; border-bottom: 1px dashed #b7d6e0; } .row.top-speac { margin-top: 32px; } .owl-item div.col-lg-12 { text-align:center; } .owl-item div.col-lg-12 a { display: block; } .cl-logo div.owl-buttons { margin-top: 0; overflow: hidden; position: inherit; } .cl-logo div.owl-buttons div.owl-prev { left: -20px; position: absolute; top: 25%; opacity: 0; transition: all 300ms ease 0s; } .cl-logo div.owl-buttons div.owl-next { left: auto; opacity: 0; position: absolute; right: -24px; top: 23%; transition: all 300ms ease 0s; margin: 0!important; } .cl-logo div.owl-buttons:hover.owl-next{ right: 0px; opacity: 1; } .cl-logo:hover.cl-logo div.owl-buttons div.owl-prev { opacity: 1; left: 0; } .cl-logo:hover.cl-logo div.owl-buttons div.owl-next { opacity: 1; right: 0; } .footer-widget { margin-top: 30px; } .footer-lago { width: 58%; } .widget h5 { color: #0d98d5; font-size: 16px; line-height: 35px; } .widget h5 a{ color: #0d98d5; font-size: 16px; line-height: 35px; } .widget ul.im li { line-height: 35px; } .widget ul.im li a{ color: #5e686d; display: inline-block; font-size: 14px; transition: all 500ms ease 0s; font-weight: 400; } .widget ul.im li a:hover{ color: #0d98d5; padding-left: 10px; } .widget address { font-size: 14px; line-height: 30px; } span.color { color: #f95e96; margin-left: 8px; } span.color a{ color: #f95e96; } .copyright-text span.color a { padding-right: 7px; } .copyright-text p { font-size: 12px; line-height: 40px; margin: 0; padding: 0; } .payment { padding-top: 10px; } .single-product div.efface { border-radius: 50px; box-sizing: border-box; height: 100%; left: 0px; opacity: 1; position: absolute; top: 0px; transform: scale(1.5); transition: all 0.3s ease-in-out 0s; visibility: visible; width: 100%; } .single-product:hover div.efface{ border: 0 solid rgba(0, 0, 0, 0.7); visibility: hidden; } #scrollUp { background: #232323 none repeat scroll 0 0; border: 1px solid #fff; bottom: 35px; cursor: pointer; height: 40px; font-size: 18px; position: fixed; right: 20px; text-align: center; width: 40px; z-index: 9999; position:relative; } #scrollUp:after { color: #fff; content: "\f062"; font-family: FontAwesome; font-size: 18px; left: 10px; position: absolute; top: 10px; } #scrollUp i { display: block; padding-top: 8px; display:none; } #scrollUp:hover { background: #0D98D5 none repeat scroll 0 0; border: 1px solid #fff; color: #fff; } .product-image:before{background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; border-radius: 20px; content: ""; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: all 500ms ease-in-out 0s; visibility: hidden; width: 100%;} .single-product:hover .product-image:before{opacity: 1; visibility: visible;} /*----------------------------------------*/ /* 8. Home Page-2 CSS /*----------------------------------------*/ .left-section,.right-section{ margin-top: 40px; } .home-two-menu ul.nav{ background: #fff none repeat scroll 0 0; border-bottom: none; border-radius:20px; margin-bottom: 30px; padding:38px 0 30px; width: 100%; } .home-two-menu ul.nav li { border-right: medium none; display: block; float: none; position: relative; transition: all 300ms ease 0s; margin-bottom: 13px; } .home-two-menu ul.nav li:last-child { margin-bottom: 0; } .home-two-menu ul.nav li a{ color: #5e686d; display: block; font-weight: ; line-height: 1; padding-left: 15px; } .home-two-menu ul.nav li a span { margin-right: 14px; } .home-two-menu ul.nav li i { font-size: 22px; font-weight: bold; position: absolute; right: 11px; top: 0; } .home-two-menu ul.nav li:hover a{color:#0A97D4} .home-two-menu ul.nav li:hover i{color:#0A97D4} .home-two-menu ul.nav li a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } /*----------------------------------------*/ /* 8.1 Home Page-2 Mega Menu Start /*----------------------------------------*/ .mega-menu-one div.mega-menu{width: 720px;} .mega-menu-three div.mega-menu, .mega-menu-for div.mega-menu, .mega-menu-two div.mega-menu{ width: 532px; } .mega-menu-one div.mega-menu span { width:34%; } div.mega-menu{ background: #fff none repeat scroll 0 0; border-radius: 20px; box-shadow: 0 0 5px #ccc; left: 115%; visibility: hidden; opacity: 0; padding: 25px; position: absolute; top: 0; z-index: 99999; } .home-two-menu ul.nav li:hover div.mega-menu{ visibility: visible; left: 100%; opacity: 1; transition: all 0.3s ease 0s; z-index: 999999; } .mega-menu span { float: left; width: 50%; margin-bottom:30px; } .home-two-menu ul.nav li .mega-menu span a{ font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: normal; line-height: 30px; margin-left: 20px; padding: 0; color: #5e686d; transition: all 0.3s ease 0s; } .home-two-menu ul.nav li .mega-menu span a.mega-menu-title{ font-family: "Fredoka One",cursive; margin-left: 4px; padding-bottom: 12px; font-size: 16px; } .menu-img { position: absolute; right: 32px; top: 70px; } .icon{position:relative;} .icon:before{ color: #65788c; content: "\f101"; font-family: fontawesome; font-size: 13px; height: 5px; left: -12px; position: absolute; top: 0; width: 5px; transition: all 0.3s ease 0s; } .left-section div.home-two-menu ul.nav li .mega-menu span.margin-nill{ margin-bottom:0px; } .home-two-menu ul.nav li .mega-menu span a:hover { color: #0B97D4; padding-left: 5px; } .home-two-menu ul.nav li .mega-menu span a:hover.icon:before{ color: #0B97D4; padding-left: 5px; } .home-two-menu ul.nav li .mega-menu span a.mega-menu-title:hover { padding-left: 0px; } .home-two-menu ul.nav li:hover.mega-menu div.mega-menu-in span a{color:#d00} div.home-two-menu ul.nav li ul.sub-menu li{ border-right: medium none; float: left; margin: 0; padding: 0; position: relative; width: 50%; margin-bottom: 20px; } div.home-two-menu ul.nav li ul.sub-menu li a:hover { color: #0A97D4; } div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li:hover{ padding-left:15px; } div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li:hover a, div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li:hover i{ color:#f95d96; } div.home-two-menu ul.nav li ul.sub-menu li a{ color: #65788c; margin-bottom: 15px; padding: 0; } div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: inherit; margin: inherit; padding: inherit; position: inherit; width: 0; margin: 0; padding: 0; list-style: none; } div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li{ border-right: medium none; float: none; margin: 0 0 0 20px; padding: 0; position: relative; } div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li a{ font-family: "Open Sans",sans-serif; font-size: 14px; line-height: 30px; margin: 0; padding: 0; color: #65788c; } div.home-two-menu ul.nav li ul.sub-menu li ul.sub-menu li i{ color: #65788c; display: inline-block; font-size: 11px; line-height: 30px; } .home-two-menu ul.nav li:hover ul.sub-menu{ opacity:1; z-index: 9999; left: 100%; transition: all 300ms ease 0s; } .home-two-menu ul.nav li:hover ul.sub-menu li a, .home-two-menu ul.nav li:hover ul.sub-menu li i{ color:inherit } /*----------------------------------------*/ /* 8.2. Home Page Two CSS /*----------------------------------------*/ .home-two-product-tab div.owl-buttons { margin: -67px 0 0 0; } .home-two-product-tab{ margin:30px 0px; } .left-section div.left-featured { margin-top: 30px; } div.main-menu ul.nav { border-bottom:none; border-radius:20px; } .home-three div.main-menu ul.nav li.active a, .home-two div.main-menu ul.nav li.active a{ border-bottom-left-radius: 20px; } div.right-section.product-area { margin: 0px; } div.newslatter { padding: 50px 15px; } .right-section div.slider-wrap { border-radius: 20px; overflow: hidden; } div.bg-bd div.single-promotion{ border: 1px solid #e5e5e5; margin-bottom: 7px; } div.bg-bd div.single-promotion div.singleh { } .single-promotion:hover div.singleh { padding-top: 45px; } div.bg-bd div.single-promotion:hover > a::after { border: 3px solid #f95d96; } .right-section div.bolg-newslatter { margin : 30px 0px; } .right-section div.blog{ border-right: none; } .right-section div.single-blog { margin:0 15px 35px; float: none; } .right-section div.blog-content{ margin-top: 10px; } .right-section div.blog-text h4:hover{ color:#F95E96; } .all-seal-product div.product-image { float: left; width: 44%; } .all-seal-product div.price-box a p { font-size: 14px; font-weight: normal; margin: 0; text-align: center; } .all-seal-product div.price-box a h5 span{ display: block; } .all-seal-product div.price a h5 { font-size: 20px; margin: 0; padding: 5px 0; } .all-seal-product div.price-box { padding:0; } .all-seal-product div.rank { margin-left: 54%; } .all-seal-product div.single-product { margin-bottom: 20px; overflow: hidden; } .all-seal-product div.single-product:last-child{ margin-bottom: 0px; } .top-seal h4 { color: #F95D96; } .all-seal-product { padding-top: 35px; padding-bottom: 20px; } .all-seal-product div.rank a{} .all-seal-product div.rank a i{} .home-two-product-tab div.product-text a i { height: 30px; width: 30px; } .single-page div.top-seal { margin-top: 0px; } .top-seal { position: relative; margin-top: 30px; } .top-seal::before { border-top: 1px dashed #b7d6e0; content: ""; height: 1px; left: 0; position: absolute; top: 12%; width: 100%; } .left-section div.add { padding-bottom: 30px; } /*----------------------------------------*/ /* 10. Home Page Three CSS /*----------------------------------------*/ .home-three div.single-hsp div.bg-color-one{background:#f95d96 none repeat scroll 0 0; } .home-three div.single-hsp div.bg-color-two{background:#D65E5E none repeat scroll 0 0; } .home-three div.single-hsp div.bg-color-three{background:#EBA635 none repeat scroll 0 0;} .home-three div.single-hsp div.bg-color-fore{background:#6BA130 none repeat scroll 0 0;} .home-three div.single-hsp div.bg-color-five{background:#BC82C7 none repeat scroll 0 0;} .home-three div.bg-color-six{background:#39AADB none repeat scroll 0 0;opacity:0.9} .singleh.bg-color-six.new-singleh { position: absolute; } .home-three div.single-hsp { border-radius: 20px; margin-bottom: 30px; position: relative; overflow: hidden; } .home-three div.single-promotion { border-radius: 20px; margin-bottom: 30px; position: absolute; overflow: hidden; } .home-three div.single-hsp:last-child { margin-bottom: 0px; } .home-three div.singleh:hover div.singleh { padding-top:38px 0; } .home-three div.singleh { height: 100%; left: 0; position: inherit; text-align: center; top: 0; transition: all 300ms ease-in 0s; width: 100%; padding: 38px 0; } .single-hsp h3::after { border-bottom: 1px dashed; content: ""; display: block; left: 50%; margin-left: -80px; position: absolute; top: 0; width: 160px; } .single-hsp > a { position: relative; display: block; } .single-hsp > a:before { position: absolute; background: #222; content: ""; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; transition:.3s; } .single-hsp:hover a:before{opacity:.3} .home-three div.single-promotion p, .single-hsp p { font-size: 14px; font-weight: 400; line-height: 25px; padding: 0 40px; color: #fff; } .home-three div.single-promotion span a, .single-hsp span a{ background: transparent none repeat scroll 0 0; border: 2px solid #fff; border-radius: 15px; color: #fff; display: inline-block; font-family: "Fredoka One",cursive; font-size: 16px; font-weight: 400; line-height: 40px; padding: 0 25px; transition:all 0.2s ease 0s; } .single-hsp a img:before{ position:absolute } .single-hsp span a:hover{ background:#0B97D4; border: 2px solid #0B97D4; } .home-three div.single-promotion h3, .single-hsp h3 { font-size: 20px; font-weight: 400; line-height: 50px; margin: 0; position: relative; color: #fff; } .home-three div.single-promotion h3{ padding-top:20px } .home-three div.single-promotion h3::after{ top:0px } .home-three div.add { padding-top: 0; padding-bottom: 30px; } .home-three div.single-promotion:hover div.singleh { padding-top: 38px; } span.color a:hover { color: #0D98D5; } /*----------------------------------------*/ /* 9.1. Home Page Three Product Page CSS /*----------------------------------------*/ .page-one ul.nav li.active a { background: none; } .page-one div.main-menu ul.nav li:hover a { background: #f95d96 none repeat scroll 0 0; } .braed { background-color: transparent; border-bottom: 1px dashed #74c7eb; border-radius: 0; color: #0a97d4; line-height: 18px; list-style: outside none none; margin-bottom: 20px; padding: 15px 0; position: relative; text-transform: capitalize; z-index: 1; } .braed a i{ display: inline-block; font-size: 17px; margin: 0; padding: 0; text-align: center; z-index: 99; color: #222222; } .braed span.navegation-page{ color: #222222; display: inline-block; padding: 0 8px; } .slider-img { border-radius: 20px; overflow: hidden; } .page-one div.right-all-product { margin-top: 50px; padding: 0 15px; } .page-one div.right-all-product > ul > li { margin: 0 0 50px; } .page-one div.product-right-tab ul.top-bg{ background: #0A97D4; padding: 7px 20px; border-radius: 15px; } .page-one div.product-right-tab div.pager{ background: #0A97D4; padding: 7px 20px; border-radius: 15px; color:#fff; } .page-one div.product-right-tab ul.tab-menu li { display: inline-block; margin-right: 5px; } .page-one div.product-right-tab ul.tab-menu li select { padding: 5px; } .page-one div.product-right-tab ul.tab-menu li.active a { background: #f95c95 none repeat scroll 0 0; color: #fff; text-decoration: none; transition: none; } .page-one div.product-right-tab ul.tab-menu li a { color: #fff; border-radius: 5px; font-size: 16px; font-weight: 400; line-height: 35px; padding: 5px 10px; } .page-one div.product-right-tab ul.tab-menu li span{ color: #fff; font-family: "Fredoka One",cursive; font-size: 16px; font-weight: 400; line-height: 20px; padding: 3px 6px 0 0; } .page-one div.product-right-tab .limiter { color: #fff; font-family: "Fredoka One",cursive; font-size: 16px; font-weight: 400; line-height: 20px; padding: 3px 6px 0 0; } .page-one div.product-right-tab .limiter label{ color: #fff; font-family: "Fredoka One",cursive; font-size: 16px; font-weight: 400; line-height: 20px; padding: 6px 6px 0 0; } .page-one div.product-right-tab .sort-by label{ color: #fff; font-family: "Fredoka One",cursive; font-size: 16px; font-weight: 400; line-height: 20px; padding: 6px 6px 0 0; } .page-one div.product-right-tab p.view-mode label{ color: #fff; font-family: "Fredoka One",cursive; font-size: 16px; font-weight: 400; line-height: 20px; padding: 6px 6px 0 0; } .page-one div.product-right-tab ul.tab-menu li:last-child { float: right; padding-top: 5px; } .page-one div.product-right-tab ul.tab-menu li p { background: #f95d96 none repeat scroll 0 0; border-radius: 5px; color: #fff; font-family: open sans; font-size: 11px; line-height: 27px; opacity: 1; padding: 0 25px 0 15px; position: relative; } .page-one div.product-right-tab ul.tab-menu li p::before { content: ""; font-family: FontAwesome; font-size: 18px; font-weight: bold; position: absolute; right: 15px; top: 0; } .action div.cart-box { height: inherit; margin: 0; opacity: inherit; position: inherit; text-align: left; width: 100%; } .action div.cart-box div.product-text a { display: inline-block; } .action div.cart-box div.product-text a p { margin: 0; color: #0A97D4; } .action div.cart-box div.product-text a p:hover{ color:#fff; } #right-ap div.price { margin-top: 25px; } .right-all-product div.price-box { padding: 0px; } .right-all-product div.price-box a p.price-box-heading { color: #5e686d; font-size: 16px; font-weight: 400; margin: 0; text-align: left; text-decoration: none; } #right-ap div.price a h5 { float: left; margin: 0; padding: 0; } .right-all-product div.price a h5 span { margin: 0 0 0 10px; } #right-ap div.price-box div.rank { margin: 0; overflow: hidden; padding: 5px 0 0px 20px; } .page-one div.right-all-product div.price-box div.rank { margin-left: 35%; overflow: hidden; padding: 10px 0 0px 0px; } .page-one div.right-all-product div.price-box div.rank { padding: 10px 0 0; } .desc { border-top: 1px dashed #74c7eb; color: #7e8589; display: inline-block; font-size: 14px; line-height: 30px; margin: 15px 0 0; padding: 15px 0; width: 100%; text-align: left; } .color-list { margin: 15px 0 5px; overflow: hidden; } .color-list ul li.a-active { height: 30px; width: 30px; } .color-list ul li.a-active a { width: 26px; height: 26px; } .color-list ul li { float: left; } .td-stok span, #right-ap div.price-box > .p-item span, #right-ap div.price-box > span { background: #55c65e none repeat scroll 0 0; border: 1px solid #36943e; color: #fff; float: left; font-family: "Fredoka One",cursive; font-style: italic; line-height: 22px; margin: 12px 0 0; padding: 0 12px; } .color-list ul li { margin-right: 5px; border: 1px solid #d6d4d4; height: 26px; width: 26px; } .color-list ul li a { display: block; width: 22px; height: 22px; margin: 1px; } .white{background: #fff none repeat scroll 0 0;} .black{background: #222 none repeat scroll 0 0;} .green{background: #A0D468 none repeat scroll 0 0;} .orange{background: #F39C11 none repeat scroll 0 0;} .yellow{background: #F1C40F none repeat scroll 0 0;} .pink{background: #FCCACD none repeat scroll 0 0;} .blue{background: #5D9CEC none repeat scroll 0 0;} .Orange{background: #F39C11 none repeat scroll 0 0;} .white{background: #fff none repeat scroll 0 0;} .previous-next { background: #0a97d4 none repeat scroll 0 0; overflow: hidden; width: 100%; border-radius: 25px; } .right-all-product ul.pagination { border: medium none; float: right; margin: -1px; } .right-all-product ul.pagination li a{ border-radius:none; } .right-all-product ul.pagination li a { background: #f95d96 none repeat scroll 0 0; border: medium none; border-radius: 0; color: #fff; line-height: 42px; padding: 0 15px; border-right: 1px solid #0A97D4; margin-right: 1px; position: relative; } .right-all-product ul.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #0A97D4; border-color: #337ab7; color: #fff; cursor: default; z-index: 2; } .right-all-product ul.pagination li.previous a { padding-left: 35px; } .right-all-product ul.pagination li.next a { padding-right: 35px; border-right: 0px; margin-right: 0px; } .right-all-product ul.pagination li.previous a::after { color: #fff; content: ""; font-family: FontAwesome; font-size: 13px; font-weight: bold; left: 17px; position: absolute; top: 0; } .right-all-product ul.pagination li.next a::after { color: #fff; content: ""; font-family: FontAwesome; font-size: 13px; font-weight: bold; position: absolute; right: 17px; top: 0; text-align: right; } /*----------------------------------------*/ /* 9.2 Home Page Three left accoundion css /*----------------------------------------*/ .beds-section #accordion.panel-group div.panel { box-shadow: none; border: none; } .category-menu ul li ul{display:none;} .catalog-section { margin-top: 30px; } .category-menu ul li a { color: #5e686d; cursor: pointer; display: block; font-size: 15px; font-weight: normal; line-height: 35px; padding: 0 0 0 25px; text-decoration: none; transition: all 0.2s ease 0s; } .has-sub{position:relative} .has-sub::after { color: #5e686d; font-family: FontAwesome; font-size: 15px; left: 0; position: absolute; top: 12px; } .has-sub.open::after{ content:"\f147"; } .has-sub::after{ content:"\f196"; } .category-menu ul li a:hover{ color:#0A97D4; } .panel-head span { cursor: pointer; margin-top: 11px; float: left; } .beds-section div.panel-body { padding: 0; } .pp-left-heading{ background: #f95d96 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; line-height: 40px; margin-bottom: 20px; padding: 0 30px; } .category-menu ul li.has-sub ul li { line-height: 45px; } .category-menu ul li.has-sub ul li a { color: #5e686d; display: block; font-size: 15px; font-weight: normal; padding: 0 0 0 10px; position: relative; margin-left: 13px; transition:all 0.2s ease 0s } .category-menu ul li.has-sub ul li a:hover{ color:#F95D96; } .category-menu ul li.has-sub ul li a::before { content: ""; font-family: FontAwesome; font-size: 15px; left: -6px; position: absolute; top: 0px; } .check li span.box { border: 1px solid #ccc; float: left; height: 16px; width: 16px; } .color ul.check li p { display: inline-block; padding:2px 0 0 5px; } .color ul.check li a { overflow: hidden; } .color ul.check { margin-top: 15px; } .fs-head h5 { color: #5e686d; display: inline-block; font-size: 14px; font-weight: 400; margin-bottom: 10px; } .check li label { color: #333; display: inline-block; font-weight: normal; line-height: 25px; margin-left: 8px; } .check li a { display: inline; font-size: 14px; } .check li:last-child { margin-bottom: 0px; } .price-range h5 span.rank { font-weight: normal; margin-left: 0; padding-bottom: 0; font-size: 12px; font-family: "Open Sans",sans-serif; } .form-section { margin-bottom: 10px; } .check li label a span { padding-left: 5px; } .availability, .condition, .manufacturer, .size, .categori { margin-bottom: 25px; } .price_slider_amount input[type="submit"] { display: none; } .price_slider_amount input[type="text"] { border: medium none; padding: 0 0 0 7px; } .form-section div.price { margin-bottom: 35px; } .price-head h5 { float: left; margin: 0; } .price_filter div#slider-range span.ui-corner-all { background: #faa71d none repeat scroll 0 0; border: medium none; border-radius: 100%; cursor: pointer; height: 11px; position: absolute; text-align: center; width: 11px; z-index: 2; } .price_filter div#slider-range div.ui-corner-all{ background: #faa71d none repeat scroll 0 0; height: 100%; top: 0; } .price_filter div#slider-range { background: #ccc none repeat scroll 0 0; border: medium none; height: 3px; margin-top: 20px; width: 100%; } /*----------------------------------------*/ /* 9.3 Home Page Three Single Product css /*----------------------------------------*/ .single-page div.bg-bd { padding: 38px 20px 30px; } #right-ap div.product-image { position: relative; } .larg-vew p { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); color: #777676; cursor: pointer; display: block; font-weight: 700; left: 50%; line-height: 22px; margin-left: -68px; padding: 10px 0; position: absolute; text-align: center; top: 68%; transition: all 0.2s ease 0s; width: 136px; } .larg-vew p:hover:after{ color:#222; } .larg-vew p::after { color: #ccc; content: ""; font-family: FontAwesome; font-size: 20px; font-weight: normal; margin: 0 0 0 5px; right: 0; top: 0; transition:all 0.2s ease 0s; } .check-out-page ul.nav li.active a, .single-page ul.nav li.active a { background: none; } .single-page div.main-menu ul.nav li:hover a { background: #f95d96 none repeat scroll 0 0; } .single-page div.right-featured { padding:0px; } .single-page div.s-p-r-f::after { left: 90px; } .p-m-s{ margin-top:30px; } .single-product-left div.to-seal{ margin-bottom:30px; } .tag-heading h3{ background: #f95e96 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; line-height: 40px; padding: 0 25px; } .tage-section ul li{ float:left } .tage-section ul li a { background: #d8ebf1 none repeat scroll 0 0; border-radius: 5px; color: #5e686d; display: inline-block; font-size: 14px; font-weight: normal; line-height: 35px; margin: 0 5px 5px 0; padding: 0 18px; transition: all 0.3s ease 0s; } .tage-section ul li a:hover{ background: #0A97D4 none repeat scroll 0 0; color: #fff; } .product-image img { width: 100%; } .single-page div.right-all-product div.price-box p.price-box-heading { color: #5e686d; font-size: 20px; font-weight: bold; margin: 0 0 20px; text-align: left; } .product-condition, .product-reference { color: #222; font-style: italic; font-weight: bold; margin-bottom: 10px; text-align: left; font-size: 13px; } .single-page div#right-ap div.price { margin-top: 15px; } .product-condition span,.product-reference span{ font-weight:normal; color: #5e686d; } .single-page div#right-ap div.price { margin-top: 15px; overflow: hidden; padding-left: 10px; } .product-condition span, .product-reference span { color: #5e686d; font-weight: normal; margin-left: 5px; } .single-page div.price h5 { float: none; } #right-ap div.price h5 { color: #0a97d4; font-size: 20px; float: left; margin: 0; padding: 0; } .single-page div.price h5 span{ color: #4c4c4c; font-size: 14px; text-decoration: line-through; } .single-page div#right-ap div.price-box > span { margin-top: 6px; } .quantity div { background: white linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%) repeat-x scroll 0 0; border: 1px solid #ccc; border-radius: 15px; color: #ccc; cursor:pointer; float: left; font-size: 30px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; vertical-align: middle; width: 40px; } .quantity div.dec { font-size: 40px; line-height: 30px; margin-right: 5px; } .quantity div.inc { line-height: 37px; margin-left: 5px; } .quantity input { border: 1px solid #ccc; border-radius: 15px; height: 39px; padding: 7px; width: 100px; float: left; } .action div.product-text a p { height: 38px; padding:3px 15px; } .single-page div.action div.product-text { float: right; } .quantity p { float: left; margin-right: 7px; } .size-selact { display: block; overflow: hidden; } .size-selact select { border: 1px solid #ccc; float: left; height: 25px; width: 230px; } #right-ap div.price-box > .p-item span { line-height: 27px; margin: 0; padding: 0 12px; } .p-item p { display: block; float: left; margin:7px 10px 0 0; } .p-item { margin-top: 20px; } .single-page div p.desc { border-top: none; margin:0; } .social-button,.p-size, .single-page div.action { border-top: 1px dashed #74c7eb; color: #7e8589; display: inline-block; font-size: 14px; line-height: 30px; margin:0px; padding: 15px 0; text-align: left; width: 100%; } .price-box span.p-item { float: left; margin: 0; padding: 0; text-align: left; } .social-button { float: left; overflow:hidden; margin:15px 0; } .social-button button { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; margin-right: 3px; } .social-button button i { margin-right: 5px; } .social-button button a{ transition:none; color:#333; } .twitter i{color:#00AAF0}.facebook i{color:#435F9F}.google-plus i{color:#E04B34}.pinterest i{color:#CE1F21} .social-button button:hover { border: 1px solid #fff; color: #fff; } .social-button button:hover.twitter{ background:#00AAF0; } .social-button button:hover.facebook{ background:#435F9F; } .social-button button:hover.google-plus{ background:#E04B34; } .social-button button:hover.pinterest{ background:#CE1F21; } .social-button button:hover a, .social-button button:hover i{ color:#fff; } .single-rating { background: rgb(255, 255, 255) none repeat scroll 0 0; border: 1px dotted #dbdbdb; font-weight: bold; line-height: 18px; margin: 0 0 20px; padding: 8px 10px 10px; width: 100%; } .page-medile-section div#right-ap div.price-box div.rank { padding: 7px 0 0 20px; } .single-rating p { float: left; font-style: normal; margin: 0; overflow: hidden; } .single-rating { float: left; } .review ul { float: left; } .review ul li { display: inline-block; line-height: 45px; margin-right: 15px; } .review ul li a{ color: #777; position: relative; } .review ul li a:hover{ color:#222; } .review ul li a:after{ background: #929292 none repeat scroll 0 0; border-radius: 50px; color: white; display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; height: 30px; line-height: 30px; margin-right: 6px; text-align: center; width: 30px; } .review ul li a.comment:after{ content: ""; float: left; margin-top: 10px; } .review ul li a.pencil:after{ content: "�?�"; float: left; margin-top: 10px; } .review ul li a.comment{ border-right: 1px solid #d6d4d4; margin-right: 9px; padding-right: 30px; } .review-text { font-weight: bold; overflow: hidden; padding-left: 10px; padding-top: 8px; } .print ul li { display: inline-block; } .print ul li a{ background-color: #fff; border: 2px solid #0a97d4; border-radius: 100%; color: #0a97d4; display: inline-block; font-size: 16px; height: 40px; line-height: 35px; text-align: center; width: 40px; } .print ul li a:hover{ background-color: #0a97d4; color:#fff } .print ul { float: left; } /*----------------------------------------*/ /* 9.4 Home Page Three Single Product Tab css /*----------------------------------------*/ .reviw-tab { margin-top: 30px; } .reviw-tab.bg-bd.product-tab ul.tab-menu::after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 0; position: inherit; width: 0; } .reviw-tab.bg-bd.product-tab ul.tab-menu li a { background: #d8ebf1 none repeat scroll 0 0; color: #0a97d4; font-family: "Open Sans",sans-serif; transition: none 0s ease 0s ; } .reviw-tab.bg-bd.product-tab ul.tab-menu li.active a { background: #f95c95 none repeat scroll 0 0; color:#fff; } .reviw-tab.bg-bd.product-tab ul.tab-menu li a:hover { background: #f95c95 none repeat scroll 0 0; color:#fff; } .reviw-tab.bg-bd.product-tab ul.tab-menu li { margin-right: 0px; } .tab-vew-reviw,.tab-content, .reviw-tab-text{ margin-top: 25px; } .reviw-tab-text { padding: 0 20px 20px; word-wrap: break-word; } .reviw-tab-text p { color: #898989; font-size: 13px; line-height: 30px; margin-bottom: 1em; min-height: 1px; } .tabel-data-sheet { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #d6d4d4; margin: 25px 0 20px; width: 100%; } .tabel-data-sheet tr { border-top: 1px solid #e5e5e5; } .tabel-data-sheet tr td { padding: 10px 20px 11px; } .tabel-data-sheet tr td:first-child { border-right: 1px solid #e5e5e5; color: #333; font-weight: 700; width: 30%; } .tab-vew-reviw ul li { display: inline-block; position: relative; } .tab-vew-reviw ul li::after { background: #ccc none repeat scroll 0 0; content: ""; height: 66px; position: absolute; right: -25px; top: 17px; width: 1px; } .tab-vew-reviw ul li:last-child::after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .reviw-text p { font-weight: bold; margin: 0; padding: 15px 0 0 25px; } .star div.rank { margin: 7px 0 0 26px; } .reviw-date h6 { color: #333; font-size: 12px; margin: 0; padding: 15px 0 0 25px; } .reviw-date span.date { font-size: 14px; margin: 0; padding: 8px 0 0 25px; } .right-reviw { margin: 0; overflow: hidden; padding: 0 0 20px 60px; text-align: right; } .smol-slide { margin: 15px 0 0; } .bx-viewport ul li a { border: 1px solid #ccc; display: block; } .zoomWindow { border: 1px solid #ccc !important; border-radius:20px!important; height: 100% !important; margin-left:0px !important; width: 100% !important; } .bx-controls-direction a { font-size: 0; height: 20px; display:block; left: 0; margin-top: 0; outline: 0 none; position: absolute; text-indent: 1px; top: 32%; width: 102px; z-index: 9999; } .bx-controls-direction a.bx-prev{ left:-10px; bottom: 0; } .bx-controls-direction a.bx-next{ left: auto; bottom: 0; right:-15px; } .bx-controls-direction a.bx-prev:before{ background: #f95d96 none repeat scroll 0 0; border-right: 5px none; color: #fff; content: ""; font-family: FontAwesome; font-size: 17px; font-weight: bold; height: 25px; left: 0; line-height: 25px; padding: 0 0 0 6px; position: absolute; width: 25px; } .bx-controls-direction a.bx-next:before{ background: #f95d96 none repeat scroll 0 0; border-right: 5px none; color: #fff; content: "\f0da"; font-family: FontAwesome; font-size: 17px; font-weight: bold; height: 25px; left: 0; line-height: 25px; padding: 0 0 0 6px; position: absolute; width: 25px; } .bx-controls-direction a.bx-next{ border-radius: 50%; display: block; height: 28px; line-height: 28px; text-align: center; width: 30px; } /*----------------------------------------*/ /* 10. Cute Page CSS Start /*----------------------------------------*/ .tab-heading{ color: #555454; font: 600 18px/22px "Open Sans",sans-serif; margin-bottom: 30px; overflow: hidden; padding: 0; text-transform: uppercase; } .cut-page-tab ul.nav-tabs { border:none; border-radius: 5px; overflow:hidden; border-color: #cacaca #b7b7b7 #9a9a9a; border-image: none; border-style: solid; border-width: 1px 1px 1px 1px; font-weight: bold; margin-bottom: 30px } .cut-page-tab ul.nav-tabs li { margin-bottom: -1px; float:left; } .cut-page-tab ul.nav-tabs li { background: #f7f7f7 linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%) repeat-x scroll 0 0; width: 20%; } .cut-page-tab ul.nav-tabs li a { border: medium none; border-radius: 0; color: #333; display: block; font-size: 17px; font-weight: bold; line-height: 21px; margin-right: 0; position: relative; text-shadow: 1px 1px white; transition: none 0s ease 0s } .cut-page-tab ul.nav-tabs li:last-child { border-radius: 0 5px 5px 0; } .cut-page-tab ul.nav-tabs li.active a::after { background : rgba(0, 0, 0, 0) none repeat scroll 0 0; } .cut-page-tab ul.nav-tabs li a::after { background: rgba(0, 0, 0, 0) url("https://www.doability.com.au/skin/frontend/default/beeshop/img/tab/order-step-current.png") no-repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: -30px; top: 0; width: 30px; } .cut-page-tab ul.nav-tabs li:first-child a::after { backgroun: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .cut-page-tab ul.nav-tabs li:last-child a::after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .cut-page-tab ul.nav-tabs li span { display: block; line-height: 48px; padding-right: 40px; text-align: center; } .cut-page-tab ul.nav-tabs li span em { font-style: normal; margin-right: 4px; } .cut-page-tab ul.nav-tabs li.active a { background: #42b856 linear-gradient(to bottom, #42b856 0%, #43ab54 100%) repeat-x scroll 0 0; border: medium none; border-color: #399b49 #51ae5c #208931 #369946; border-radius: 0; color: #fff; text-decoration: none; text-shadow: 1px 1px #208931; } .cut-page-tab ul.nav-tabs li.active a:before{ position: absolute; content:""; top:0; right:-30px; width:30px; height:100%; background:url(https://www.doability.com.au/skin/frontend/default/beeshop/img/tab/order-step-a.png) no-repeat scroll 0 0; } table.main-tabel { border: 1px solid #d6d4d4; } .table thead tr th { background: #fbfbfb none repeat scroll 0 0; border-bottom-width: 1px; color: #333; vertical-align: middle; } .table tfoot tr { background: #fbfbfb none repeat scroll 0 0; } span.td-img img { border: 1px solid #ccc; width: 100%; } #payment table tbody tr td.td-img-tr, #summary table tbody tr td.td-img-tr { padding: 18px; width: 12%; } .tab-content table tbody tr td.td-p-title { padding: 35px 0 0 10px; width: 390px; } .tab-content table tbody tr td.td-stok { padding: 35px 0 0 9px; width: 91px; } .tab-content table tbody tr td.td-quentety { width: 120px; } .tab-content table tbody tr td.td-trash { width: 40px; } .text.totel.big-totol{ text-transform: capitalize; } .tr-qty{ text-align: center; } .td-quentety input { border: 1px solid #ccc; margin: 15px 0 5px 0; padding: 10px 0 10px 25px; width: 102px; } .td-quentety div{ border-color: #dedcdc #c1bfbf #b5b4b4 #dad8d8; border-image: none; border-radius: 0; border-style: solid; border-width: 1px; float: left; color: #c0c0c0; ; line-height: 35px; margin-right: 7px; padding: 0; text-shadow: 1px -1px rgba(0, 0, 0, 0.05); } .qtybutton { background: white linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%) repeat-x scroll 0 0; border: 1px solid #fff; color: #ccc; cursor: pointer; display: block; font-size: 31px; height: 40px; line-height: 30px; text-align: center; vertical-align: middle; width: 40px; } .tab-content table tbody tr td.td-p-title a p{ color: #4c4c4c; display: block; font-size: 14px; font-weight: 700; line-height: 1; margin: 0; overflow: hidden; text-overflow: ellipsis; } .tr-ammount,.td-unite,.total-amount span,.totel, .tr-price{ text-align: right; } .tab-content table tbody tr td.td-p-title small{ display: block; padding: 5px 0 0; } .td-unite ul { margin: 20px 0 0; } .td-trash i { color: #333; display: block; font-size: 20px; padding: 40px 0 0; text-align: center; } .total-amount span { display: block; padding: 40px 0 0; } .big-totol { color: #333; font-size: 20px; font-weight: bold; } .mid-totol{ color: #333; font-size: 14px; font-weight: bold; } .border { background: #fbfbfb none repeat scroll 0 0; border: 1px solid #ccc; padding: 15px; } .account-title{ border-bottom: 1px solid #d6d4d4; color: #555454; font-family: "Open Sans",sans-serif; font-size: 18px; font-weight: 600; line-height: normal; margin-bottom: 12px; padding: 0 0 15px; text-transform: uppercase; } .short-text{ font-size:13px; } .fill-text { color: #777; } .input-heding { color: #333; display: block; margin: 10px 0; } .input { border: 1px solid #d6d4d4; border-radius: 0; display: block; font-size: 13px; height: 27px; line-height: 1.42857; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; padding: 0 0 0 5px; width: 52%; } .requer{ color: #f13340; margin: 9px 0 16px; font-size: 14px; } .input-heding{ color: #333; } .duboll-requer { color: #f13340; margin-right: 16%; margin-top: -25px; text-align: center; } .r-y-w p, .button{ background: #f95d96 none repeat scroll 0 0 !important; border: 0 none !important; color: #fff !important; position: relative !important; text-transform: uppercase !important; transition: all 0.3s ease 0s; height: auto !important; } .form-area button.button, .main-form.border button.button { margin: 10px 0 0; padding: 2px 35px 0px 15px; } .main-form.border button.button, #address a.button{ position: relative; } .main-form.border button.button::after { color: #fff; content: "�?�"; font-family: FontAwesome; font-size: 20px; position: absolute; right: 10px; top: 12px; } #address a.button::after { color: #fff; content: "�?�"; font-family: FontAwesome; font-size: 20px; left: 18px; position: absolute; top: 11px; } .button:hover, .r-y-w p:hover { background: #0a97d4 none repeat scroll 0 0; color: #fff; } #address p.account-title { margin-bottom: 20px; padding-top: 12px; } #address a.button { display: block; margin-top: 15px; overflow: hidden; width: 235px; } #address a{ text-decoration: none; } .new-account button.button::after { color: #fff; content: ""; font-family: fontawesome; font-size: 25px; font-weight: bold; left: 13px; position: absolute; top: 7px; width: 20px; z-index: 9; } .register-account button.button::after { color: #fff; content: ""; font-family: fontawesome; font-size: 26px; font-weight: bold; left: 12px; position: absolute; top: 8px; width: 20px; z-index: 9; } .new-account button.button { margin: 15px 0 70px; padding: 15px 10px 15px 40px; } .register-account button.button{ margin: 0 0 10px; padding: 15px 15px 15px 45px; } .forget { display: block; padding: 15px 0; text-decoration: underline; } .main-form select{ display:block; margin: 10px 0; } .main-form option.input{ width:256px; } .main-form input.input { margin: 10px 0; width: 275px; } .r-y-w { margin: 20px 0 0 15px; width: 170px; } .bootom-section ul li a, .r-y-w a{ text-decoration:none; } .r-y-w p { padding: 13px; width: 100%; } .td-radio { width: 60px; } .td-radio input[type="radio"] { margin: 22px 0 0 15px; } .trems input[type="checkbox"]{ margin: 10px 0 0 15px; } .tabel-bootom{ margin: 0 0 15px 0; } #shipping table tbody tr td.td-img-tr { padding: 7px; width: 7%; } #shipping table tbody tr td.td-img-tr span.td-img img{ border: none; } #shipping table tbody tr td.td-p-title { padding: 10px; width: 800px; } .td-t-amount div.total-amount span { text-align: left; } #shipping div.total-amount span { display: block; padding: 16px 0 0; } .bootom-section ul { margin: 45px; overflow: hidden; } .bootom-section { position: relative; } .bootom-section ul li.button.last-li{ padding: 0; } .bootom-section ul li.con-shopp { display: block; float: left; line-height: normal; } .bootom-section ul li.con-shopp a:after, .bootom-section ul li.pro-check a:after{ position: relative; top: 3px; font-family: fontawesome; font-size: 20px; color: #fff; width: 20px; height: 20px; } .bootom-section ul li.con-shopp a::after { content: "�?�"; float: left; left:-10px; top: 0; } .bootom-section ul li.pro-check a::after { content: "�?�"; margin-left: 8px; right: 0; } .bootom-section ul li.pro-check { display: block; float: right; } .bootom-section ul li.pro-check a { display: inline-block; height: 40px; line-height: 8px; padding: 13px 15px; } .bootom-section ul li.con-shopp a { display: inline-block; height: 40px; line-height: 40px; padding: 0 22px; } a.button{ padding:13px 10px 13px 50px; } .trems tr td p { color: #777; padding: 7px 0 0 25px; } /*----------------------------------------*/ /* 11. Whist list CSS Start /*----------------------------------------*/ .fist-wist p { border-bottom: 1px solid #ccc; padding-bottom: 15px; } .fist-wist { border: 1px solid #ccc; margin: 0 0 35px; padding: 15px; } .fist-wist lavel { color: #333; font-weight: bold; overflow: hidden; text-align: left; text-transform: capitalize; } .fist-wist input { border: 1px solid #ccc; line-height: 27px; margin: 15px 0; padding: 0 0 0 5px; width: 100%; } .fist-wist button.button { padding: 15px; } .second-wist table { color: #777; text-align: center; } .second-wist table thead th { text-align: center; text-transform: capitalize; } .second-wist table tbody tr td i, .second-wist table tbody tr td p { margin: 0; padding: 10px 0; } /*----------------------------------------*/ /* 12. contract page CSS Start /*----------------------------------------*/ .form-area form { box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17); margin:45px 0 30px; padding: 23px 0 40px 20px; display:block; } .sent-hed{ color: #555454; font-family: "Open Sans",sans-serif; font-size: 18px; font-weight: 600; line-height: normal; text-transform: uppercase; } .send-area input { border: 1px solid #ccc; line-height: 25px; width: 100%; padding: 0 0 0 7px; } .send-area label { color: #333; float: left; margin: 8px 0; } .send-area select { border: 1px solid #ccc; line-height: 42px; padding: 5px 0; position: relative; width: 100%; } .form-area button.button { margin-top: 25px; position: relative; } .form-area button.button::after{ font-size: 15px; position: absolute; font-family: fontawesome; } .form-area button.button::after { color: #fff; content: "�?�"; font-size: 15px; right: 10px; top: 2px; } .message label { color: #333; padding: 43px 0 10px; text-transform: capitalize; } .message textarea { border: 1px solid #ccc; display: block; height: 200px; overflow: hidden; padding: 0 0 0 7px; width: 65%; } /*----------------------------------------*/ /* 14. mobile menu css /*----------------------------------------*/ .mean-container .mean-nav { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: left; width: 100%; border: 1px solid#F95D96; border-top: none; width: 99.8%; } .mean-container .mean-nav ul li a { color: #111; padding: 15px 0 15px 20px; font-size: 14px; } .mean-container .mean-nav ul li li a { border-top: none; color: #111; padding: 12px 0 12px 45px; font-weight: bold; } .mean-container .mean-nav ul li a.mean-expand:hover { background: none; } .mean-container .mean-nav ul li a.mean-expand { border-style: none none none none !important; border-width: 0 0 0 0 !important; border: none; background: none; } .mean-container .mean-bar { background: #f95d96 none repeat scroll 0 0; margin-bottom: 15px; padding: 0; z-index: 1; } .mean-container a.meanmenu-reveal { float: right; } .mean-container .mean-bar:before { color: #fff; content: "CATEGORY"; font-size: 14px; font-weight: 700; left: 10px; position: absolute; top: 14px; } /*----------------------------------------*/ /* 15. service css /*----------------------------------------*/ .section-title { margin: 30px auto 50px; width: 60%; } .section-title h2 { margin-bottom: 15px; text-transform: uppercase; } .section-title p { line-height: 24px; } .single-service { border: 1px solid #888; margin-bottom: 30px; padding: 70px 40px; transition: all 0.6s ease 0s; } .single-service:hover { box-shadow:0 25px 45px rgba(0, 0, 0, 0.15); transform: translateY(-10px); } .single-service i { font-size: 25px; margin-bottom: 20px; } .single-service > h3 { font-size: 16px; letter-spacing: 2px; margin-bottom: 15px; text-transform: uppercase; } .single-service p { color: #666666; line-height: 26px; margin: 0; } .padding-lr { padding: 90px 30px 50px; } .custom-pad{padding:90px 30px} /*----------------------------------------*/ /* 16. about us css /*----------------------------------------*/ .bg-color { background-color: #fff; padding: 30px; } .about-minimal ul li::before { color: #444; content: "\f058"; font-family: FontAwesome; font-size: 13px; line-height: 12px; margin-left: 0; margin-right: 10px; position: relative; top: 1px; } .about-minimal ul li { border-top: 1px solid #f6f6f6; display: block; line-height: 1.3em; list-style-type: none; margin: 0; padding: 15px 0; position: relative; } .about-minimal a { color:#f95e96; text-decoration:none; } .about-minimal a.makebutton:hover { color:#0D98D5; text-decoration:none; } .about-minimal a.makebutton { border: 1px solid #ddd; display: inline-block; font-size: 14px; font-weight: 600; line-height: 16px; margin-bottom: 5px; padding: 12px 25px; text-transform: uppercase; } .about-minimal a.makebutton:hover { background: #464646 none repeat scroll 0 0; border-color: #464646; color: #fff; } .mb-35{ margin-bottom: 35px; } .team-area .section-title { margin: 45px auto 50px; width: 60%; } .team-wrapper { border: 1px solid #e7e7e7; margin-bottom: 50px; } .team-member { position: relative; } .team-member > img { filter: grayscale(100%); width: 100%; } .team-member::before { background: transparent none repeat scroll 0 0; content: " "; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 100%; z-index: 1; } .team-wrapper:hover .team-member::before { background: rgba(33, 40, 45, 0.55); } .team-info { padding: 15px 0; } .team-icon { left: 0; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); z-index: 99; } .team-icon > a { border: 1px solid transparent; color: #fff; display: inline-block; font-size: 18px; height: 40px; line-height: 36px; margin: 0 15px; opacity: 0; text-align: center; visibility: hidden; width: 40px; border-radius:50%; } .team-icon > a:hover{background:#fff;color:#666} .team-wrapper:hover .team-icon > a{opacity:1;visibility:visible;margin:0 5px} .team-info h3 { font-size: 20px; text-transform: uppercase; } .team-info span { color: #666; text-transform: uppercase; } .team-member > img { filter: grayscale(100%); -webkit-filter: grayscale(100%); } /*----- blog ------*/ .blog-info { margin-top: 17px; } .blog-info.blog-pad { margin: 0; padding: 20px 25px; } .blog-meta > span { padding-right: 20px; } .blog-meta a { color: #666666; text-transform: capitalize; transition: all .3s ease 0s; } .blog-meta span { color: #666666; line-height: 24px; text-transform: capitalize; transition: all 0.3s ease 0s; } .blog-meta a:hover { color: #888888; } .blog-meta a i { color: #464646; font-size: 14px; padding-right: 10px; } .blog-meta i { color: #464646; font-size: 14px; padding-right: 10px; } .blog-info h3 { font-size: 16px; letter-spacing: 1px; margin: 15px 0 20px; text-transform: uppercase; } .blog-info > a { border: 1px solid #464646; color: #464646; display: inline-block; font-size: 12px; font-weight: bold; margin-top: 14px; padding: 8px 30px; text-transform: uppercase; transition: all 0.3s ease 0s; } .blog-info > a:hover { background-color: #464646; color: #fff; } .blog-img img { width: 100%; } .page { display: inline-block; text-align: center; } .page li { float: left; margin-right: 15px; } .page li.active a{} .page a { border: 1px solid #c1c1c1; display: inline-block; height: 40px; line-height: 37px; text-align: center; transition: all 0.3s ease 0s; width: 40px; } .page a:hover,.page li.active a{ background-color: #464646; color: #fff; border: 1px solid #464646; } /*----- blog details ------*/ .blog-3-column .blog-meta > span { padding-right: 15px; } .news-allreply { display: inline-block; float: left; text-align: center; } blockquote { background-color: #f6f6f6; border-left: 2px solid #464646; color: #666666; font-size: 14px; line-height: 26px; margin: 23px 0; padding: 14px 50px; } .blog-info > p { color: #666; } h3.leave-comment-text { border-bottom: 1px solid #5b5b5b; display: inline-block; font-size: 16px; margin-bottom: 30px; padding-bottom: 10px; } .nes-icon > a i { color: #666666; font-size: 14px; margin-top: 10px; } .news-allreply img { border-radius: 100%; width: 100%; } .blog-img-details { padding-left: 90px; } .blog-title > h3 { font-size: 16px; margin-bottom: 6px; text-transform: capitalize; } .blog-title > span { color: #666666; display: block; margin-bottom: 7px; } .blog-middle-mrg { margin: 32px 0 33px 90px; } .leave-form input { background: transparent none repeat scroll 0 0; border: 1px solid #c1c1c1; color: #666666; font-family: "Lato",sans-serif; font-size: 14px; height: 35px; margin-bottom: 30px; padding: 0 20px; width: 100%; } .leave-form input::-webkit-input-placeholder,.text-leave textarea::-webkit-input-placeholder,.main-input input::-webkit-input-placeholder,.text-leave2 textarea::-webkit-input-placeholder { /* Chrome */ color: #666666; opacity: 1; } .leave-form input::-moz-placeholder,.text-leave textarea::-moz-placeholder,.main-input input::-moz-placeholder,.text-leave2 textarea::-moz-placeholder { /* Firefox 19+ */ color: #666666; opacity: 1; } .leave-form input:focus, .text-leave textarea:focus{ border: 1px solid #464646; } .text-leave textarea { background: transparent none repeat scroll 0 0; border: 1px solid #c1c1c1; color: #666666; font-family: "Lato",sans-serif; height: 165px; margin-bottom: 30px; padding: 20px; font-size: 14px; width: 100%; } button.submit { background-color: #464646; border: 1px solid #464646; color: #fff; font-size: 12px; font-weight: 600; padding: 10px 30px; text-transform: uppercase; transition: all 0.3s ease 0s; font-family: "Raleway",sans-serif; } button.submit:hover { background-color: transparent; color: #464646; } .blog-right-sidebar-top a { color: #666666; font-size: 14px; } .blog-right-sidebar-top a:hover { color: #888; } .blog-right-sidebar-top li { line-height: 24px; margin-bottom: 12px; } .blog-right-sidebar-top li:last-child { margin-bottom: 0px; } .blog-right-sidebar-bottom li { display: inline-block; margin-bottom: 20px; margin-right: 14px; } .blog-right-sidebar-bottom li.nn { margin-right: 0px; } .blog-right-sidebar-bottom a { border: 1px solid #c1c1c1; color: #666; display: inline-block; padding: 9px 17px; transition: all 0.4s ease 0s; } .blog-right-sidebar-bottom a:hover { border: 1px solid #464646; background-color: #464646; color: #fff; } .blog-img > img { width: 100%; } .blog-search > form { position: relative; } .blog-search input[type="text"] { background-color: #fff; border: 1px solid #d3d3d3; color: #666666; line-height: 28.8px; outline: medium none; padding: 5px 15px; transition: all 0.4s ease 0s; width: 100%; height: 40px; margin: 0; position: relative; } .blog-search > form > input[type="submit"] { background: #5b5b5b none repeat scroll 0 0; border: 1px solid #5b5b5b; color: #ffffff; height: 40px; padding-left: 0; position: absolute; right: 0; text-transform: uppercase; top: 0; width: 80px; } .blog-search input[type="text"]:focus { border-color: #555; } .leave-form input::-webkit-input-placeholder { /* Chrome */ color: #666666; opacity: 1; } .blog-search input::-moz-placeholder { /* Firefox 19+ */ color: #666666; opacity: 1; } .blog-search button.submit { background-color: #464646; border: 1px solid #464646; color: #fff; font-size: 13px; height: 40px; padding: 0; position: absolute; right: 0; top: 0; width: 45px; } .bg-color.bg-margin { padding: 50px 30px; } .blog-details-area .bg-color { background-color: #fff; overflow: hidden; padding: 50px 30px; } .blog-img-2 > img { width: 100%; } table.data-table { } table.data-table tr { } table.data-table tr th { padding:10px; font-size:14px; } table.data-table tr td { padding:10px; font-size:14px; } .checkout-cart-index div.page-title h1 { text-align:center; } .checkout-cart-index div.cart-empty p { text-align:center; } .checkout-cart-index div.cart-empty p a, .meetmyteam-detail p a, .leader_not li div.full-bio a.links, .mrk-title a, div.box-info a, p.back-link a, h7.postDetails a, .product-left a, body.checkout-onepage-index a, .moreinfo > a, body.catalog-category-view ol#products-list a { color:#f95e96; text-decoration:none; cursor:pointer; } .checkout-cart-index div.cart-empty p a:hover, .meetmyteam-detail p a:hover, .leader_not li div.full-bio a.links:hover, .mrk-title a:hover, div.box-info a:hover, p.back-link a:hover, h7.postDetails a:hover, .product-left a:hover, body.checkout-onepage-index a:hover, .moreinfo > a:hover, body.catalog-category-view ol#products-list a:hover { color:#0D98D5; text-decoration:none; cursor:pointer; } .moreinfo > a { text-align: center; width: 100%; display: block; } footer.footer-area div.newsletter input#newsletter { height:40px; border-radius:15px 0px 0px 15px; width:70%; } footer.footer-area div.newsletter button.button { border-radius:0px 15px 15px 0px; } footer.footer-area div.newsletter .validation-advice { max-width:245px; } div.team-area ul.leader_not li { width:30%; margin-left:3%; } div.team-area ul.leader_not .photo_section img { height:300px; width:225px; max-height:inherit; max-width:inherit; border:none; box-shadow:none; float:none; margin:0; } .meetmyteam-detail.bg-color { margin:0px 20px 20px 20px; width:97%; border-radius:20px; } .meetmyteam-detail .leader_not .title { clear:both; } a.detail-back { background: #f95e96 none repeat scroll 0 0; border-radius: 15px; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; line-height: 40px; padding: 0 25px; } a.detail-back:hover { background: #0D98D5 none repeat scroll 0 0; } footer.footer-area div.copyright .payment ul li { text-align:right; } section.cms-track-order h1.track-lebel { text-align:center; } section.cms-track-order div.content > div { text-align:center; } .tags-list { font-size:15px; } body.sales-guest-form ul.form-alt li div.input-box { text-align:left !important; } body.sales-guest-form ul.form-alt li div.input-box button.button { margin-left:150px; } .block.block-account { margin-top:30px; border-radius:20px; background:#fff none repeat scroll 0 0; padding:38px 30px 30px; } .block.block-account ul li a { line-height:30px; } .block.block-account ul li.current { line-height:30px; background:#fff; } .block.block-account ul li.current strong { color:#f95d96; } .block.block-account ul li a:hover, .block.block-account ul li a:active, .block.block-account ul li a:focus { text-decoration:none; } label.required em { position:inherit !important; } input#subscription { float: left; margin-top: 1px; margin-right: 10px; } input#change_password { float: left; margin-top: 1px; margin-right: 10px; } div#checkout-step-login input[type="radio"] { float: left; margin-top: 1px; margin-right: 10px; } div#checkout-step-login div.share-txt h4 { text-align:left !important; } div.sp-methods ul.form-list li label { margin-top:3px; } div#checkout-step-login .gs-login-checkout { text-align:left; margin-bottom:20px;} body.checkout-onepage-index a.back-to { text-align: right; float: right; position: absolute; margin-top: -50px; width: 90%;} body.checkout-onepage-index a.f-left { margin-top:13px; } body.quotation-quote-list form#form_request textarea#description { width:100%; } body.customer-account-index ul.messages li.success-msg { margin-bottom:25px; } body.cms-index-noroute.cms-no-route section.page-medile-section { margin-top:40px; } body.checkout-onepage-index section.page-medile-section { margin-top:40px; } body.customer-account-index div.product-right { margin-top:30px; } .block-blog h5 { padding-bottom:15px; } .block-blog .block-title strong span { font-family: 'Fredoka One', cursive; color: #777777; font-size: 3em; } .sort-by select { color: #666; font-family: "Fredoka One",cursive; font-size: 14px; font-weight: 400; margin:5px } .limiter select { color: #666; font-family: "Fredoka One",cursive; font-size: 14px; font-weight: 400; margin:5px } .page-one div.product-right-tab .limiter { float:right; } h7.postDetails { margin-top:5px; } .view-mode a { width:25px !important; height:25px !important; color:#fff; background-size: 15px; background-repeat: no-repeat !important; background-position: center !important; } .view-mode strong { border-radius:5px; width:25px; height:25px; background:#f95c95 none repeat scroll 0 0; color:#fff; background-size: 15px; background-repeat: no-repeat; background-position: center; } .main-menu ul.nav li.mega-menu-one > ul.sub-menu { width:700px; } .main-menu ul.nav li.mega-menu-two > ul.sub-menu { width:640px; } .main-menu ul.nav li.mega-menu-three > ul.sub-menu { width:485px; } .main-menu ul.nav li.mega-menu-four > ul.sub-menu { margin-left:-262px; width:870px; } .main-menu ul.nav li.mega-menu-five > ul.sub-menu { margin-left:-376px; width:870px; } .main-menu ul.nav li.mega-menu-six > ul.sub-menu { margin-left:-475px; width:900px; } .main-menu ul.nav li.mega-menu-seven > ul.sub-menu { margin-left:-732px; width:847px; } .main-menu ul.nav li.mega-menu-eight > ul.sub-menu { margin-left:-117px; width:264px; } ul.add-to-links li { margin-top:5px; } div.productContainer button.btn-cart { margin-right:20px; } .product-view .add-to-cart-buttons { float:left; margin-top:11px; } .product-view .add-to-cart-buttons .btn-quote { background: #0A97D4 none repeat scroll 0 0 !important; font-size:12px; border: 0 none !important; color: #fff !important; position: relative !important; text-transform: uppercase !important; transition: all 0.3s ease 0s; height: auto !important; border-radius:15px; font-family:'NovecentowideLightBold'; } .product-view .add-to-cart-buttons .btn-quote::after { content: "W"; font-family: 'ShopSharkSymbols'; line-height: 20px; position: absolute; right: 7px; top: 15px; } .quotationmanagerpro- ul.messages { margin-bottom:10px !important; } .quotationmanagerpro- .page-title .quotationsave { margin-bottom:10px !important; } .quotationmanagerpro- .quotationsave button.btn-checkout > span > span::after { top:15px; } .quotationmanagerpro- #quoteItemlist .cart-table { float:left; } .quotationmanagerpro- #shopping-cart-table span.or { float:left; margin-right:5px; margin-top:10px;} .quotationmanagerpro- #shopping-cart-table button { background: #0A97D4 none repeat scroll 0 0 !important; font-size:12px; border: 0 none !important; color: #fff !important; position: relative !important; text-transform: uppercase !important; transition: all 0.3s ease 0s; height: 30px; !important; float:left; border-radius:15px; font-family:'NovecentowideLightBold'; margin-right:5px; } .quotationmanagerpro- div.qquote-client-collaterals .disabled.validate-email { width:100% !important; } /****** for product image and manufacturer slider ***********/ .products-grid{ width:100%; } .products-grid li.item , .col-main .slider-item{ float:left; width:225px; padding:0; list-style:none; margin:0; } .products-grid li.first_item_tm{ } .products-grid li.last_item_tm{ } .products-grid li .product-block{ background:#fff; clear: both; margin: 10px 10px; overflow: hidden; border:1px solid #e5e5e5; } .products-grid li .product-block-inner{ overflow: hidden; padding: 0px 0px; position: relative; text-align: center; } a.product-image { /* display:block; */ /* margin:0 0 10px; */ } .products-grid .product-name { margin:0 0 5px; font-weight:normal; font-size:14px; } .products-grid .product-name a { } .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .product-carousel .product-block{ background:#fff; clear: both; margin: 10px 5px; overflow: hidden; border:1px solid #e5e5e5; } .product-image-block-inner{border-bottom:1px solid #e5e5e5; position:relative; overflow:hidden; margin-bottom:0px;} .product-image-block-inner .product-image-block{position:relative;overflow:hidden;} .product_hover-block { bottom: -37px; left: 0; position: absolute; right: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; z-index:99; } .product-block:hover .product_hover-block { bottom: 0px;} .product_desc a {color: #1f2022 !important;} .product_desc { padding: 11px 13px; text-align: left; color: #1f2022; } .bg-bd .cl-logo .item{ height: 100px !important; border: solid 1px #dcdcdc; position: relative; } .bg-bd .cl-logo .owl-item{ margin: 0 10px; background: #fff; overflow: hidden; } .bg-bd .cl-logo .product-block{ margin: 23px 14px 19px !important; clear: both; } .bg-bd .cl-logo .product-block-inner{ overflow: inherit; padding: 0px; position: inherit; text-align: center; } .bg-bd .cl-logo .product-block-inner img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 68px; vertical-align: middle; text-align: center; } /****** for product image and manufacturer slider ***********/ .home-two-all-product { opacity:0; height:391px; } .preview-2{ opacity:0; } .cl-logo{ opacity:0; } .fixedcart-sidebar .block-cart .actions{ display:block !important; } /* Normal desktop :992px. */ @media (min-width: 992px) and (max-width: 1169px) { /*----------------------------------------*/ /* 1. Home Page One Responsive CSS /*----------------------------------------*/ .container{width:970px;} .slides.nivoSlider { border-radius: 0; } .bend.niceties.preview-2 { height: 363px; } .headet-top { padding-right: 35px; } .main-menu ul.nav li ul.sub-menu { width: 850px; } .main-menu ul.nav li.mega-menu-two ul.sub-menu { width: 700px; } .main-menu ul.nav li.mega-menu-three ul.sub-menu { width: 600px; } .main-menu ul.nav li.mega-menu-for ul.sub-menu { width: 539px; } .single-promotion:hover div.singleh { padding-top: 38px; } .single-promotion:hover div.singleh { padding-top: 55px; } .single-promotion h3 { font-size: 14px; } .single-promotion p { font-size: 11px; } .single-promotion span a { border-radius: 30px; font-size: 13px; line-height: 30px; padding: 0 20px; } .product-area { margin: 35px 0; } div.newslatter { padding: 38px 10px 30px; } .curt { padding-right: 35px; } .right-featured div.product-text a p { padding: 0 10px; } .payment { float: right; } /*----------------------------------------*/ /* 2. Home Page Two Responsive CSS /*----------------------------------------*/ .home-two-menu ul.nav li a span { margin-right: 8px; } .home-two-menu ul.nav li a { font-size: 14px; } .left-featured.bg-bd { padding: 38px 10px 30px; } .home-two div.single-promotion:hover div.singleh { padding-top: 25px; } .newslatter { position: inherit; } .newslatter div.col-sm-offset-6 { margin-left: 0; padding: 0; } /*----------------------------------------*/ /* 3. Home Page Three Responsive CSS /*----------------------------------------*/ .home-three div.bend.niceties.preview-2 { height: 370px; } .home-three div.single-promotion h3 { padding-top: 0px; } .home-three div.single-promotion h3, .single-hsp h3 { font-size: 18px; } .home-three div.single-hsp p { padding: 0 15px; } .home-three div.single-promotion span a{ font-size: 13px; line-height: 30px; padding: 0 15px; } /*----------------------------------------*/ /* 4. Chechout Page Responsive CSS /*----------------------------------------*/ .cut-page-tab ul.nav-tabs li span { padding-right: 10px; } .duboll-requer { margin-top: 0px; text-align: left; } /*----------------------------------------*/ /* 5. Singale Product Page Responsive CSS /*----------------------------------------*/ .single-page div.review ul li { float: left; margin-right: -7px; } .single-page div.review ul li a.comment { margin-right: 18px; padding-right: 15px; } .smol-slide div.owl-carousel.owl-theme div.owl-controls.clickable div.owl-buttons { right: -14px; top: 25px; } .social-button button { font-size: 12px; } .quantity { display: inline-block; } .single-page div.action div.product-text { float: left; } .owl-item div.col-lg-12 { overflow: hidden; padding: 0 13px; } } /* Tablet desktop :768px. */ @media (min-width: 768px) and (max-width: 991px) { .container{width:750px;} /*----------------------------------------*/ /* 1. Home Page One Responsive CSS /*----------------------------------------*/ .slides.nivoSlider { border-radius: 0; } .bend.niceties.preview-2 { height: 280px; } .home-two-menu,.main-menu{ display: none; } .mobile-menu-area { display: block; } .htop-one ul li ul { right: 0; left: inherit; } .search { width: 330px; } .search form input[type="text"] { width: 100%; } .lago { margin: 14px 0 0 0; } ul.nav li a { padding: 0 20px; } .right-feature-head::after, .product-tab ul.tab-menu::after { width: 185px; } .single-promotion:hover div.singleh { padding-top: 20px; } .main-menu ul.nav li:last-child:hover ul.dworpdown { right: 0; } .single-promotion:hover div.singleh { padding-top: 15%; } .left-featured div.link { left: 40%; top: 45%; } .right-featured div.product-text a p { padding: 0 10px; } .left-featured div.cart-box { top: 50%; } .single-lago { margin: 2px 8px; } .client-logo.owl-carousel.owl-theme div.owl-controls.clickable div.owl-buttons { top: 20%; } .left-single-feature div.product-text a i { height: 28px; line-height: 27px; width: 28px; } .left-single-feature div.product-text a p { padding: 0 12px; } div.newslatter { padding: 28px 0 0 0; } .product-area { margin: 35px 0; } .owl-item div.col-lg-12 { padding: 0px 5px; } /*----------------------------------------*/ /* 2. Home Page Two Responsive CSS /*----------------------------------------*/ .home-two div.bend.niceties.preview-2 { height: 386px; } .home-two div.main-menu{ display: none; } .mobile-menu-area { display: block; } .single-promotion img { width: 100%; } .home-tow-left-featured div.owl-item { padding: 15px; } .home-two div.singleh { top: 91%; } .hide-sm { display: none; } .home-two div.left-featured div.link { left: 44%; top: 50%; } .left-section div.add img { width: 100%; border-radius: 35px; } div.bg-bd div.single-promotion { margin-bottom: 25px; } .home-two div.subscribe button[type="submit"] { width: 25%; } /*----------------------------------------*/ /* 3. Home Page Three Responsive CSS /*----------------------------------------*/ .home-three div.bend.niceties.preview-2 { height: 386px; } .promotion-area { margin: 30px 0 0; } .home-three div.left-section { margin: 0; } .home-three div.right-section { margin: 10px 0 0 0 ; } .home-three div.newslatter { position: inherit; } .home-three div.owl-theme.owl-carousel div.owl-item { padding: 0px; } .home-three div.blog { border-right: none; } .subscribe input[type="text"] { width: 65%; float: left; margin-right: 5px; } .home-three div.client-logo.owl-carousel.owl-theme div.owl-controls.clickable div.owl-buttons { top: 14%; } .home-three div.add a img { border-radius: 20px; } .add img { width: 100%; padding:0; } .single-hsp img { width: 100%; } .home-three div.copyright-text { text-align: center; } .home-three div.payment { text-align: center; width: 100%; padding: 0 0 15px 0; } .hide-item { display: none; } /*----------------------------------------*/ /* 4. Chechout Page Responsive CSS /*----------------------------------------*/ .cut-page-tab ul.nav-tabs li a::after { position: inherit; } .cut-page-tab ul.nav-tabs li.active a::before { position: inherit; } .cut-page-tab ul.nav-tabs li { border-right: 2px solid #ddd; } .cut-page-tab ul.nav-tabs li span { padding-right:0px; } .new-account.border { margin-bottom: 20px; } .duboll-requer { margin-top: 0px; text-align: left; } /*----------------------------------------*/ /* 5. Shope Page Responsive CSS /*----------------------------------------*/ .page-one div.product-right-tab ul.tab-menu li.tab-menu-li select { padding: 5px; width: 40px; } .page-one div.product-right-tab ul.tab-menu li span { font-size: 14px; padding:0 0 0 0; } .catalog-section.bg-bd, .beds-section.bg-bd { padding: 15px; } .page-one div.blog { border-right: medium none; padding: 0 5px; } .page-one div.bolg-newslatter { padding: 25px 30px 0px; } .page-one div.newslatter { position: inherit; } .price_slider_amount input[type="text"] { width: 135px; } /*----------------------------------------*/ /* 6. Single Product Responsive CSS /*----------------------------------------*/ .smol-slide div.owl-item { padding: 5px; } .smol-slide div.owl-carousel.owl-theme div.owl-controls.clickable div.owl-buttons { top: 30%; width: 126%; } .larg-vew p { top: 62%; } .single-page div.top-seal { margin-top: 30px; } .top-seal h4 { text-align: center; } .top-seal::before { top: 8%; } .all-seal-product div.rank { display: inline-block; margin: 0; } .bootom-section ul li:last-child { right: inherit; top: 25px; } .bootom-section ul li:first-child { left: inherit; top: -25px; } /*----------------------------------------*/ /* 7. Contract Page Responsive CSS /*----------------------------------------*/ .form-area form { padding: 15px; } .message textarea { width: 100%; } .minimal-img { margin-top: 25px; } .team-icon > a { font-size: 15px; height: 25px; line-height: 20px; margin: 0 7px; width: 25px; } .blog-right-sidebar { margin-top: 50px; } .mb-60 { margin-bottom: 35px; } .blog-area .blog-right-sidebar { margin-top: 0px; } } /* small mobile :320px. */ @media (max-width: 767px) { .container {width:300px} /*----------------------------------------*/ /* 1. Home Page One Responsive CSS /*----------------------------------------*/ .slides.nivoSlider { border-radius: 0; } .bend.niceties.preview-2 { height: 112px; } .slider-2 h1,.slider-2 h3,.slider-2 h4, .slider-1 h1,.slider-1 h3,.slider-1 h4{ font-size:14px; } .slider-2 h3,.slider-2 h4, .slider-1 h3,.slider-1 h4{ font-size:10px; } .slider-2 h1, .slider-2 h3, .slider-2 h4, .slider-1 h1, .slider-1 h3, .slider-1 h4 { line-height: 18px; } .slider-2 h1, .slider-1 h1 { margin-bottom: 0; } button.shop-button { font-size: 10px; line-height: 20px; padding: 0 10px; } .preview-2 .nivo-controlNav { display: none; } .preview-2 .nivo-directionNav a.nivo-nextNav::before { border-radius: 5px; font: 400 15px/35px FontAwesome; height: 35px; width: 35px; } .preview-2 .nivo-directionNav a.nivo-prevNav::before { border-radius: 5px; font: 400 15px/35px FontAwesome; height: 35px; width: 35px; } .nivo-directionNav a { top: 30%; } .preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-prevNav { left: 5px; } .preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-nextNav { right: 40px; } .title2::after { right: 145px; } .title3::after { right: 80px; } .slider-2 h3, .slider-2 h4, .slider-1 h3, .slider-1 h4 { margin: 0 35px 0 0; } .title1 { margin-right: 35px; } .main-menu{ display: none; } .headet-top { text-align: left; } .search { margin-right: 0px; } .lago { text-align: center; margin: 10px 0; } .curt span { top: -5px; } .search { width: 100%; } .search form input[type="text"] { width: 100%; } .single-promotion img { width: 100%; } .single-promotion:hover div.singleh { padding-top: 30px; } .single-promotion span a { font-size: 12px; line-height: 33px; padding: 0 18px; } .single-promotion h3 { font-size: 15px; } .home-two div.single-promotion h3 { font-size: 13px; line-height: 40px; } .home-two div.single-promotion p { font-size: 13px; line-height: 20px; padding: 0 3px; margin-bottom: 5px; } .product-tab ul.tab-menu li a { font-size: 14px; padding: 8px; } .right-feature-head::after, .product-tab ul.tab-menu::after { width: 0px; display: none; } .product-tab ul.tab-menu li { margin-bottom: 7px; } .tab-vew-reviw, .tab-content, .reviw-tab-text { margin-top: 10px; } .product-tab ul.tab-menu::after { display: none; width: 0px; } .owl-buttons { display: none; } .product-area { margin: 35px 0; } .add a img { border-radius: 35px; } .single-lago { margin: 0 5px; } .blog { border-right: none; } div.newslatter { padding: 0px 0 30px 0; } .payment { text-align: center; width: 100%; padding-bottom: 15px; padding-top: 0px; } .copyright-text p { line-height: 15px; padding: 14px 0 10px; } .headet-top { display: none; } .htop-one ul li { margin-left:0px; } .blog-img { width: 100%; margin-bottom: 15px; border-radius:0px; } .blog-text { overflow: inherit; } .footer-bg { padding-bottom: 25px; } .curt-list { right: 20px; } .widget h5 { margin: 15px 0 0 0; } .add { padding: 0 0 30px; } .cl-logo .col-lg-12 img,.blog-img img { width: 100%; } .curt li { display: inline-block; text-align: center; } .curt { padding-top: 7px; height: inherit; } /*----------------------------------------*/ /* 2. Home Page Two Responsive CSS /*----------------------------------------*/ .home-two div.bend.niceties.preview-2 { height: 154px; } .home-two div.slider-2 h1,.home-two div.slider-2 h3,.home-two div.slider-2 h4, .home-two div.slider-1 h1,.home-two div.slider-1 h3,.home-two div.slider-1 h4{ font-size:20px; } .home-two div.slider-2 h3,.home-two div.slider-2 h4, .home-two div.slider-1 h3,.home-two div.slider-1 h4{ font-size:14px; } .home-two div.slider-2 h1,.home-two div .slider-2 h3,.home-two div.slider-2 h4,.home-two div .slider-1 h1,.home-two div .slider-1 h3,.home-two div .slider-1 h4 { line-height: 23px; } .home-two h3.title2::after { right: 200px; } .home-two h4.title3::after { right: 115px; } .home-two-menu,.main-menu{ display: none; } .home-two div.newslatter div.col-sm-offset-6 { margin-left: 0; padding: 0 15px; } .home-two div.left-section{ margin-top: -14px; } .home-two div.all-seal-product div.product-image { width: 20%; } .copyright-text { text-align: center; } .home-two div.all-seal-product div.product-image { width: 100%; } .home-two div.all-seal-product div.rank { display: inline-block; margin: 0; } .all-seal-product div.single-product { margin: 0 10px 0 0; } .home-two div.top-seal::before { top: 95px; } div.newslatter { padding: 0 0 0px; } .home-two div.left-section div.add { display: none; } .latter.bg-bd { margin: 30px 0 0; } /*----------------------------------------*/ /* 3. Home Page Three Responsive CSS /*----------------------------------------*/ .home-three div.bend.niceties.preview-2 { height: 154px; } .promotion-area { margin: 30px 0 0; } .home-three div.slider-2 h1,.home-three div.slider-2 h3,.home-three div.slider-2 h4, .home-three div.slider-1 h1,.home-three div.slider-1 h3,.home-three div.slider-1 h4{ font-size:20px; } .home-three div.slider-2 h3,.home-three div.slider-2 h4, .home-three div.slider-1 h3,.home-three div.slider-1 h4{ font-size:14px; } .home-three div.slider-2 h1,.home-three div .slider-2 h3,.home-three div.slider-2 h4,.home-three div .slider-1 h1,.home-three div .slider-1 h3,.home-three div .slider-1 h4 { line-height: 23px; } .home-three h3.title2::after { right: 200px; } .home-three h4.title3::after { right: 115px; } .add a img { border-radius: 20px; } .add img { width: 100%; padding: 25px 0 0 0; } .single-hsp img { width: 100%; } .singleh.bg-color-six.new-singleh { position: inherit; margin-bottom: 25px; border-radius: 0 0 20px 20px; } .home-three div.left-section { margin: 0; } .home-three div.right-section { margin: 10px 0 0 0 ; } .home-three div.blog { padding: 30px 0; } /*----------------------------------------*/ /* 4. Chechout Page Responsive CSS /*----------------------------------------*/ .cut-page-tab ul.nav-tabs li a::after { position: inherit; } .cut-page-tab ul.nav-tabs li.active a::before { position: inherit; } .cut-page-tab ul.nav-tabs li span { padding-left: 15px; text-align: left; } .cut-page-tab ul.nav-tabs li { border-bottom: 2px solid #cacaca; float: left; width: 100%; } .new-account.border { margin-bottom: 20px; } .duboll-requer { margin-top: 0px; text-align: left; } .zoomWindow { height:100% !important; width: 100% !important; } .smol-slide { margin: 15px 0 25px; } /*----------------------------------------*/ /* 4. Shope Page Responsive CSS /*----------------------------------------*/ .catalog-section { margin: 30px 0; } .page-one div.right-all-product { padding: 0; } .page-one div.product-right-tab ul.top-bg { padding: 7px 8px; }.tab-menu-li > select { width: 35px; } .page-one div.product-right-tab ul.tab-menu li span { font-size: 12px; line-height: 20px; padding: 3px 6px 0 0; } .page-one div.product-right-tab ul.tab-menu li p { padding: 0 18px 0 10px; } .page-one div.product-right-tab ul.tab-menu li p::before { right: 7px; } .page-one div.product-right-tab ul.tab-menu li { margin-right:0px; } .tab-menu-li { display: none !important; } .page-one div.product-right-tab ul.tab-menu li p { display: none; } .page-one div.right-all-product { margin-top: 25px; padding: 0 15px; } .right-all-product div.price-box a p.price-box-heading { text-align: center; } .previous-next { display: none; } .subscribe { overflow: hidden; padding-bottom: 25px; } #right-ap div.price { display: inline-block; } #right-ap span.leval { display: none; } /*----------------------------------------*/ /* 6. Single Product Responsive CSS /*----------------------------------------*/ .single-page div.top-seal { margin-top: 30px; } .all-seal-product div.product-image { width: 100%; } .all-seal-product div.rank { margin-left: 35%; } .product-image { margin-bottom: 15px; } .twitter { margin-bottom: 5px; } .quantity { display: inline-block; } .single-page div.action div.product-text { float: left; } .review ul li a { display: block; text-align: left; } .review ul li { display: block; } .review ul li a.comment { border-right: medium none; } .single-page div#right-ap div.price { margin-top: 5px; overflow: hidden; padding-left: 10px; } /*----------------------------------------*/ /* 7. Checkout Page Responsive CSS /*----------------------------------------*/ .bootom-section ul { margin: 45px 7px; } .bootom-section ul li.pro-check { float: none; margin-top: 10px; text-align: center; } .bootom-section ul li.con-shopp { float: none; text-align: center; } .main-form input.input { width: 100%; } .main-form option.input { padding: 0 20px; width: 100%; } /*----------------------------------------*/ /* 7. Contract Page Responsive CSS /*----------------------------------------*/ .form-area form { padding: 15px; } .message textarea { width: 100%; } .mobile-menu-area { margin-top: 20px; } .search { margin-bottom: 20px; } .header-midile { margin-bottom: 8px; } .section-title { width: 100%; } .single-service { padding: 50px 10px; } .about-minimal > h2 { font-size: 18px; } .minimal-img > img { width: 100%; } .minimal-img { margin-top: 25px; } .team-area .section-title { margin: 20px auto 50px; width: 100%; } .team-icon > a { font-size: 15px; height: 30px; line-height: 26px; width: 30px; margin: 0 7px; } .team-wrapper { margin-bottom: 30px; } .blog-right-sidebar-bottom li { margin-right: 5px; } .blog-right-sidebar-bottom a { padding: 9px 6px; } .mb-60 { margin-bottom: 40px; } h3.leave-comment-text { margin-bottom: 15px; } .blog-part.blog-res { margin-top: 20px; } .page li { margin-right: 7px; } .blog-details-area .bg-color { padding: 50px 15px; } blockquote { padding: 14px 25px; } .blog-middle-mrg { margin: 32px 0 33px; } .blog-right-sidebar { margin-top: 50px; } .blog-info h3 { font-size: 14px; line-height: 24px; } .blog-area .blog-right-sidebar { margin-top: 0px; } } /* Large Mobile :480px. */ @media only screen and (min-width: 480px) and (max-width:767px) { .container {width:450px;} /*----------------------------------------*/ /* 1. Home Page One Responsive CSS /*----------------------------------------*/ .slides.nivoSlider { border-radius: 0; } .bend.niceties.preview-2 { height: 168px; } .slider-2 h1,.slider-2 h3,.slider-2 h4, .slider-1 h1,.slider-1 h3,.slider-1 h4{ font-size:20px; } .slider-2 h3,.slider-2 h4, .slider-1 h3,.slider-1 h4{ font-size:14px; } .slider-2 h1, .slider-2 h3,.slider-2 h4, .slider-1 h1, .slider-1 h3, .slider-1 h4 { line-height: 23px; } .slider-2 h1, .slider-1 h1 { margin-bottom: 0; } button.shop-button { font-size: 14px; line-height: 30px; padding: 0 10px; } .preview-2 .nivo-controlNav { display: none; } .preview-2 .nivo-directionNav a.nivo-nextNav::before { border-radius: 5px; font: 400 15px/35px FontAwesome; height: 35px; width: 35px; } .preview-2 .nivo-directionNav a.nivo-prevNav::before { border-radius: 5px; font: 400 15px/35px FontAwesome; height: 35px; width: 35px; } .nivo-directionNav a { top: 40%; } .preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-prevNav { left: 5px; } .preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-nextNav { right: 40px; } .title2::after { right: 200px; } .title3::after { right: 120px; } .slider-2 h3, .slider-2 h4, .slider-1 h3, .slider-1 h4 { margin: 0 35px 0 0; } .title1 { margin-right: 35px; } .main-menu{ display: none; } .mobile-menu{ display: none; } .headet-top { text-align: center; } .curt { margin:0; text-align: center; } .single-promotion img { width: 100%; } .right-feature-head::after, .product-tab ul.tab-menu::after { width: 150px; } .product-area { margin: 35px 0; } .bg-bd { padding: 60px 30px 30px; } .product-tab ul.tab-menu::after { left: 233px; top: -60px; height: 60px; } .left-featured.bg-bd { padding: 35px 15px 30px; } .left-single-feature.owl-theme.owl-carousel div.owl-item { margin-top: 10px; } .client-logo.owl-carousel.owl-theme div.owl-controls.clickable div.owl-buttons { display: none; } .single-lago { margin: 0 6px; } .left-featured div.single-product { padding: 0 8px; } .add a img { border-radius: 35px; } .add { margin-bottom: 30px; text-align: center; } .search { width: 100%; } .search form input[type="text"] { width: 100%; } .bolg-newslatter { padding: 0 25px; } div.newslatter { padding: 38px 0 30px; } .right-feature-head::after { left: 145px; top: -40px; } .subscribe input[type="text"] { float: left; width: 65%; margin-right: 5px; } .blog { border-right: 0px dashed #6ec4ea; } .single-blog { margin: 17px 2px; } .single-promotion:hover div.singleh { padding-top: 25%; } .singleh { top: 86%; } .widget { text-align: left; } .payment { text-align: center; width: 100%; padding-top: 0px; padding-bottom: 10px; } .copyright-text { text-align: center; } .headet-top { text-align: center; line-height: 50px; } .curt-list { right: 90px; } /*----------------------------------------*/ /* 2. Home Page Two Responsive CSS /*----------------------------------------*/ .home-two div.slider-2 h1,.home-two div.slider-2 h3,.home-two div.slider-2 h4, .home-two div.slider-1 h1,.home-two div.slider-1 h3,.home-two div.slider-1 h4{ font-size:20px; } .home-two div.slider-2 h3,.home-two div.slider-2 h4, .home-two div.slider-1 h3,.home-two div.slider-1 h4{ font-size:14px; } .home-two div.slider-2 h1,.home-two div .slider-2 h3,.home-two div.slider-2 h4,.home-two div .slider-1 h1,.home-two div .slider-1 h3,.home-two div .slider-1 h4 { line-height: 23px; } .home-two h3.title2::after { right: 200px; } .home-two h4.title3::after { right: 115px; } .home-two div.bend.niceties.preview-2 { height: 231px; } .home-two-menu,.main-menu{ display: none; } .all-seal-product { padding-top: 10px; } .home-two div.all-seal-product div.price-box a p { margin: 12px 0 0 0; } .home-two div.left-section div.add { display: none; } .home-two div.right-section { margin-top: 0; } .home-two div.newslatter div.col-sm-offset-6 { margin-left: 0; padding: 0 15px; } .home-two div.left-section div.left-featured { margin-top: 0px; } .home-two div.left-section{ margin-top: 0px; } div.bg-bd div.single-promotion { margin-bottom: 25px; } .left-section div.add { display: none; } .all-seal-product div.single-product { height: 300px; margin: 0 10px 0 0; } .home-two div.subscribe button[type="submit"] { width: 50%; } /*----------------------------------------*/ /* 3. Home Page Three Responsive CSS /*----------------------------------------*/ .home-three div.bend.niceties.preview-2 { height: 230px; } .promotion-area { margin: 30px 0 0; } .home-two div.slider-2 h1,.home-two div.slider-2 h3,.home-two div.slider-2 h4, .home-two div.slider-1 h1,.home-two div.slider-1 h3,.home-two div.slider-1 h4{ font-size:20px; } .home-two div.slider-2 h3,.home-two div.slider-2 h4, .home-two div.slider-1 h3,.home-two div.slider-1 h4{ font-size:14px; } .home-two div.slider-2 h1,.home-two div .slider-2 h3,.home-two div.slider-2 h4,.home-two div .slider-1 h1,.home-two div .slider-1 h3,.home-two div .slider-1 h4 { line-height: 23px; } .home-two h3.title2::after { right: 200px; } .home-two h4.title3::after { right: 115px; } .home-two div.bend.niceties.preview-2 { height: 231px; } .home-three div.single-hsp img { width: 100%; } .home-three div.add { padding: 15px 0 0 0; } .home-three div.curt { padding-top: 20px; } .home-three div.left-section, .home-three div.right-section{ margin-top: 0px; } .home-three div.single-promotion { position: inherit; } .home-three div.owl-theme.owl-carousel div.owl-item { margin-top: 5px; } .singleh.bg-color-six.new-singleh { position: inherit; } .add a img { border-radius: 20px; } .add img { width: 100%; padding: 25px 0 0 0; } .single-hsp img { width: 100%; } /*----------------------------------------*/ /* 4. Chechout Page Responsive CSS /*----------------------------------------*/ .cut-page-tab ul.nav-tabs li a::after { position: inherit; } .cut-page-tab ul.nav-tabs li.active a::before { position: inherit; } .cut-page-tab ul.nav-tabs li span { padding-left: 15px; text-align: left; } .cut-page-tab ul.nav-tabs li { border-bottom: 2px solid #cacaca; float: left; width: 100%; } .new-account.border { margin-bottom: 20px; } .duboll-requer { margin-top: 0px; text-align: left; } .smol-slide { margin: 15px 0 25px; } /*----------------------------------------*/ /* 4. Shope Page Responsive CSS /*----------------------------------------*/ .catalog-section { margin: 30px 0; } .page-one div.right-all-product { padding: 0; } .page-one div.product-right-tab ul.tab-menu li p { font-size: 10px; } .page-one div.product-right-tab ul.tab-menu li p { padding: 0 14px 0 4px; } #right-ap div.price { display: inline-block; } /*----------------------------------------*/ /* 6. Single Product Responsive CSS /*----------------------------------------*/ .smol-slide div.owl-item { padding: 5px; } .smol-slide div.owl-carousel.owl-theme div.owl-controls.clickable div.owl-buttons { top: 30%; width: 126%; } .larg-vew p { top: 62%; } .single-page div.top-seal { margin-top: 30px; } .all-seal-product div.product-image { width: 14%; } .all-seal-product div.rank { margin-left: 52%; } .all-seal-product div.product-image { width: 100%; } .all-seal-product div.rank { margin-left: 42%; } .top-seal::before { top: 3%; } /*----------------------------------------*/ /* 7. Whist list Responsive CSS /*----------------------------------------*/ .bootom-section ul li:last-child { right: inherit; top: 25px; } .bootom-section ul li:first-child { left: inherit; top: -25px; } } body.home-two.cms-index-index.cms-milano-home section.cms-milano_home { display:none; } body.home-two.cms-index-index.cms-milano-home .footer-area { margin:25px 0 15px; } .topheaderbar .header-left .cms-header-links ul:first-child { float:left; margin-top:5px; } .topheaderbar .header-left .cms-header-links ul li { font-size:14px; color:#403578; } .topheaderbar .header-left .cms-header-links ul li a { font-size:14px; color:#403578; } .topheaderbar .header-right ul { margin-top:10px; float:right; } .topheaderbar .header-right ul li { float:right; margin-left:20px;} div.left-section h3.blog-title a { text-decoration:none; } footer.footer-area .owl-item div.col-lg-12 img { border:none; } header.header-area div.curt-list p.empty { text-align:center; text-transform:inherit; } .nivo-controlNav { display:none; } .home-two.cms-index-index .left-section .home-two-menu ul.nav > li a span img { vertical-align:middle; } div.footer-widget .footer-lago { width:100%; } div.copyright div.copyright-text span.color { margin-left:0; } div.copyright div.copyright-text span.color a { padding-right:0; } body.checkout-cart-index ul.checkout-types li center { text-align:right; } body.checkout-cart-index table#shopping-cart-table .product-image img { width: auto !important; max-width: inherit !important; } div.product-right-tab .limiter { margin-right:60px; } div.product-right-tab .pages { margin-top:8px; } ul li.item { border-radius:20px; } ul li.item .product-image { border:none; } ul li.item div.gallery-display { display:none; } ol#products-list li.item div.gallery-display { display:none; } ol#products-list li.item .product-image { border:none; } ol#products-list .product-image img { width:90%; } ol#products-list li.item .product-shop { width:50%; padding:0 !important; } ol#products-list li.item .product-name { line-height:20px; } ol#products-list li.item .desc { margin:0px 0 15px; padding:5px 0; } .products-grid .product-image img { margin:0 !important; } .price-box span.price { color: #0a97d4; font-size: 20px !important; font-family: 'Fredoka One', cursive !important;; text-transform: capitalize; font-weight:500; } ul.footer_li { line-height:20px; margin-top:10px; } ul.footer_li li { display: inline-block; margin-right: 10px; border-right: 1px solid #ccc; padding-right: 10px; } ul.footer_li li:last-child { border-right:none; } ul.curt div.curt-list ul li { clear:both; float:left; width:100%; } ul.curt div.curt-list ul li.item a.product-image { border:none; width:25%; float:left } ul.curt div.curt-list ul li.item div.product-details { width:75%; float:left; } ul.curt div.curt-list ul li.item div.product-details a { float:right; margin-left:10px; margin-bottom:10px; } ul.curt div.curt-list ul li.item div.product-details p.product-name { font-size:12px; padding-bottom:0px; line-height:1.2} ul.curt div.curt-list ul li.item div.product-details span.price { background:inherit !important; color:inherit !important; position:initial !important; } ul.curt div.curt-list ul li h6 span.price { background:inherit !important; color:inherit !important; position:initial !important; } body.catalog-product-view .price-box { text-align:left; } .price-box .rank { display:none; } .productContainer .add-to-cart .qty-wrapper { clear:both; float:left; width:100%; } .productContainer .add-to-cart .qty-wrapper label { width:50px; margin-top:5px; } .productContainer .add-to-cart .qty-wrapper input.input-text.qty { width:50px !important; } .productContainer .add-to-cart .add-to-cart-buttons { float:left; } .productContainer .add-to-cart .add-to-cart-buttons .btn-quote { margin-top:0px; padding:1px 21px; min-width:auto; } .product-view .add-to-cart-buttons .btn-quote { font-size:12px; line-height:40px; min-height:40px; min-width:160px; padding:0 30px; white-space:normal; width:100%; border:none; background:#3399cc; color:#fff; text-transform:uppercase;} .product-view .add-to-cart-buttons .btn-quote span { font-size:12px;} .product-view .add-to-cart-buttons .btn-quote:hover { background: #297aa3; color: #FFFFFF;} body.page-one.customer-account-index .product-left { margin-top:30px; } body.page-one.customer-account-index .product-left .block.block-account { margin-top:0px; padding:8px 0px 0px; } .descriptionContainer ul li p { display:initial; } body.checkout-onepage-index ol#checkoutSteps .form-list li { list-style:none; } body.checkout-onepage-index ol#checkoutSteps div.step-title a { color:#000; } body.checkout-onepage-index input[type="checkbox"], body.checkout-onepage-index input[type="radio"] { float:left; margin-right:5px; } body.checkout-onepage-index .form-list .input-box { width:100%; } body.checkout-onepage-index form#co-payment-form label { margin-top:3px; } body.checkout-onepage-index .v-fix { padding-right:10px; } body.contacts-index-index section.page-medile-section { margin-top:40px; } form#contactForm p.required { text-align:left; } form#contactForm .buttons-set button.button { float:left; } form#form-validate .form-list li.control .input-box { float:left; } .ndisContainer .col-md-12 { margin-bottom:20px; } .ndisContainer p { color:#0A97D4; line-height:18px; margin:0 0 20px; } .ndisContainer ol { color:#0A97D4; list-style:url; margin-left:50px; } .ndisContainer ol li { color:#0A97D4; } .ndisContainer h2 { color:#F95D96; font-size:22px; margin:20px 0 20px 0; } /*.sub-menu .level3{display:none !important;} .sub-menu .level2 a:hover .level3{display:block !important;}*/ .frmSearch {border: 1px solid #a8d4b1;background-color: #c6f7d0;margin: 2px 0px;padding:40px;border-radius:4px;} .country-list{float:left;list-style:none;margin-top:-3px;padding:0;width:190px;position: absolute;} .country-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;} .country-list li:hover{background:#f95d96;color:#fff;cursor: pointer;} #search-box{ background: #fbfbfb none repeat scroll 0 0; border: 2px solid #0a97d4; border-radius: 15px; font-size: 13px; height: 40px; padding: 0 15px; text-transform: capitalize; width: 240px; } .loader {background:#FFF url(https://www.doability.com.au/skin/frontend/default/beeshop/images/loading.gif) no-repeat 205px !important;} #suggesstion-box{ position: absolute; z-index: 999; text-align: left; display:none; } .form-search-category{ text-align: center; } /* Product Sliders ====================================================================== */ /* General */ .carousel { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 280px; margin: auto 0 15px; } .carousel .slider { width: 100%; } /* Control */ .next.disabled, .prev.disabled { opacity:0.7; cursor:default!important; } .new-arrow.prev, .new-arrow.next, .sale-arrow.prev, .sale-arrow.next, .brands-arrow.prev, .brands-arrow.next { display: block; position: absolute; z-index: 25; width: 22px; height: 70px; cursor: pointer; top: 80px; overflow: hidden; color: #a5a5a5; } .new-arrow.next, .sale-arrow.next, .brands-arrow.next { right: 0; } .new-arrow.next:after, .sale-arrow.next:after, .brands-arrow.next:after { font-family: 'ShopSharkSymbols'; font-size: 40px; content: "W"; position: absolute; margin: 17px 0 0 -12px; } .new-arrow.prev, .sale-arrow.prev, .brands-arrow.prev { left: 0; } .new-arrow.prev:after, .sale-arrow.prev:after, .brands-arrow.prev:after { font-family: 'ShopSharkSymbols'; font-size: 40px; content: "V"; position: absolute; margin: 17px 0 0 -12px; } .new-arrow.prev:hover, .new-arrow.prev:focus, .new-arrow.next:hover, .new-arrow.next:focus, .sale-arrow.prev:hover, .sale-arrow.prev:focus, .sale-arrow.next:hover, .sale-arrow.next:focus, .brands-arrow.prev:hover, .brands-arrow.prev:focus, .brands-arrow.next:hover, .brands-arrow.next:focus { color: #b3a487; } .new-arrow.prev:active, .new-arrow.next:active, .sale-arrow.prev:active, .sale-arrow.next:active, .brands-arrow.prev:active, .brands-arrow.next:active { color: #b3a487; } /* Product Page More Views */ .more-views { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height:70px; margin:auto 0 15px; } .more-views .slider { } .more-views .slide { width: 70px; } .more-views-arrow.prev, .more-views-arrow.next { display: block; position: absolute; z-index: 25; width: 22px; height: 70px; bottom: 0; cursor: pointer; color: #a5a5a5; } .more-views-arrow.next:after { font-family: 'ShopSharkSymbols'; font-size: 40px; content: "W"; position: absolute; margin: 17px 0 0 -12px; } .more-views-arrow.prev:after { font-family: 'ShopSharkSymbols'; font-size: 40px; content: "V"; position: absolute; margin: 17px 0 0 -12px; } .more-views-arrow.prev:hover, .more-views-arrow.prev:focus, .more-views-arrow.next:hover, .more-views-arrow.next:focus { color: #b3a487; } .more-views-arrow.prev:active, .more-views-arrow.next:active { color: #b3a487; } /* left arrow */ .more-views-arrow.prev { left: 75px; } /* right arrow */ .more-views-arrow.next { right: 75px; } /* Carousel Related */ .related { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; margin:auto 0 3px; height: 300px; } .related .slider { width: 100%; } .block-related .prev, .block-related .next { display: block; position: absolute; z-index: 25; width: 22px; height: 70px; cursor: pointer; top: 120px; color: #a5a5a5; } .block-related .next { right: 0; } .block-related .prev { left: 0; } .block-related .next:after { font-family: 'ShopSharkSymbols'; font-size: 40px; content: "W"; position: absolute; margin: 17px 0 0 -22px; } .block-related .prev:after { font-family: 'ShopSharkSymbols'; font-size: 40px; content: "V"; position: absolute; margin: 17px 0 0 -22px; } .block-related .next:hover, .block-related .next:focus, .block-related .prev:hover, .block-related .prev:focus { color: #b3a487; } .block-related .next:active, .block-related .prev:active { color: #b3a487; } /* Main Slider */ .tp-rightarrow:after { font-family: 'ShopSharkSymbols'; content: "B"; position: absolute; margin: -14px 0 0 -34px; } .tp-leftarrow:after { font-family: 'ShopSharkSymbols'; content: "C"; position: absolute; margin: -14px 0 0 -34px; } .tparrows { z-index: 150; width: 45px; height: 80px; cursor: pointer; font-size: 110px; } .tparrows.hidearrows { display: none; } /* Responsive Fetures */ /* Standard 1020 or larger (browsers) */ @media only screen and (min-width: 1200px) { .new-arrow.prev, .sale-arrow.prev, .brands-arrow.prev, .block-related .prev { left: -80px; width: 35px } .new-arrow.next, .sale-arrow.next, .brands-arrow.next, .block-related .next { right: -80px; width: 35px; } .new-arrow.next:after, .sale-arrow.next:after, .brands-arrow.next:after, .block-related .next:after { font-size: 90px; margin: -10px 0 0 -30px; content: "B"; } .new-arrow.prev:after, .sale-arrow.prev:after, .brands-arrow.prev:after, .block-related .prev:after { font-size: 90px; margin: -10px 0 0 -30px; content: "C"; } } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; position:absolute !important; background-color:#999; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { background-repeat:no-repeat; background-color:#ffffff; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#999; padding:3px; } .mousetrap {background:url('https://www.doability.com.au/skin/frontend/default/beeshop/images/spacer.gif') 0 0 !important; } /** * * CART2QUOTE CONFIDENTIAL * __________________ * * [2009] - [2019] Cart2Quote B.V. * All Rights Reserved. * * NOTICE OF LICENSE * * All information contained herein is, and remains * the property of Cart2Quote B.V. and its suppliers, * if any. The intellectual and technical concepts contained * herein are proprietary to Cart2Quote B.V. * and its suppliers and may be covered by European and Foreign Patents, * patents in process, and are protected by trade secret or copyright law. * Dissemination of this information or reproduction of this material * is strictly forbidden unless prior written permission is obtained * from Cart2Quote B.V. * * @category Ophirah * @package Qquoteadv * @copyright Copyright (c) 2019 Cart2Quote B.V. (https://www.cart2quote.com) * @license https://www.cart2quote.com/ordering-licenses(https://www.cart2quote.com) */ .product-view .add-to-cart-buttons .button { width: auto !important; } .products-grid div.actions button { margin-left: 5px; margin-bottom: 5px; } .checkout-toolbar .button, #quotelist button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, #quotelist .footer .button, .cart-table tfoot button { min-width: 0; line-height: 1; padding: 10px 15px; } #quotelist .product-quote-image button { line-height: inherit; padding: 0; background: transparent; outline: 0; border: none; cursor: pointer; } #quotelist .product-quote-image button:hover { color: inherit; text-decoration: inherit; } #quotelist .validation-advice { margin-top: -5px; } .checkout-toolbar button { width: 250px; margin-bottom: 5px; } ol.c2q { background: rgba(255, 255, 255, 0.5); border-bottom: 1px solid #ededed; padding: 12px 12px 6px 12px; margin-bottom: 15px; *padding-bottom: 12px; } ol.c2q li.section { display: inline; } .leightbox, .leightboxlink { background-color: #FFFFFF; border: 2px solid #B8B8B8; color: #0A263C; display: none; font: 9px Arial, sans-serif; overflow: auto; padding: 0; text-align: left; width: 450px; min-height: 200px; position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -225px; z-index: 10011; } .quote-forms .inline-checkbox { margin-top: 15px; } .qquote-client-collaterals table input, .qquote-client-collaterals table select, .qquote-client-collaterals .qquote-cart-collaterals table input, .qquote-client-collaterals .qquote-cart-collaterals table select, .qquote-client-collaterals textarea.input-text { width: 100%; height: inherit; box-sizing: border-box; } .qquote-client-collaterals textarea.input-text { height: 120px; } .qquote-client-collaterals h2 { font-size: 12px; font-weight: bold; margin: 0 0 5px; } #quotelist { margin-bottom: 25px; } #quotelist #shopping-cart-table { clear: both; min-width: 380px; margin: 5px; } #quotelist #shopping-cart-table a { font-size: 13px; } #submit-quote-request { float: right; margin-top: 5px; clear: both; } #quotelist .button { margin: 0 0 5px 0; } #quotelist tfoot .button { margin-right: 5px; } #qquoteadv-view-view body.customer-account .my-account .title-buttons a, #qquoteadv-view-view body.customer-account .my-account .title-buttons span.separator { position: relative; top: 0; } #shopping-cart-totals-table { clear: both; } #lightboxload { background: url("https://www.doability.com.au/skin/frontend/base/default/images/ajax-loader.gif"); width: 48px; height: 48px; margin: 100px auto; } #overlay, #overlaylink { opacity: 1; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; background-color: #333; filter: alpha(opacity=80); background-color: rgba(0, 0, 0, 0.75); } .lightbox[id] { position: fixed; } #overlay[id] { position: fixed; } .lightboxlink[id] { position: fixed; } #overlaylink[id] { position: fixed; } .qquoteadv-index-index .page-title { width: 100%; border-bottom: 1px solid #ededed; display: inline-block; } .qquoteadv-index-index .page-title h1 { float: left; border-bottom: none; margin-bottom: 6px; margin-right: 10px; } .qquoteadv-index-index .page-title .assigned-to { clear: both; } .qquote-client-collaterals { width: 100%; max-width: 600px; display: table-cell; } .qquote-client-collaterals h2 { font-size: 12px; font-weight: bold; margin: 0 0 5px; } .qquote-client-collaterals .input-select { vertical-align: top; } .qquote-client-collaterals .street { margin-bottom: 2px; } #quotelist .page-title h1 { float: left; border-bottom: none; margin-bottom: 6px; margin-right: 10px; } #quotelist .page-title button, #submit-quote-request button { float: right; } #submit-quote-request label { width: 100%; border-bottom: 1px solid #dddddd; margin-bottom: 15px; } #submit-quote-request label, .qquote-client-collaterals label { font-size: 13px; font-weight: 400; text-transform: inherit; } .qquote-client-collaterals select { max-width: 100%; height: inherit; display: block; border: 1px solid silver; background: #fff; } .qty-div { width: 100%; min-width: 60px; max-width: 100px; } .installed-package-ultimo td.quickQuote #textArea { height: inherit; } @media (max-width: 1200px) { .installed-package-smartwave .qty-div { display: table; margin: 0 auto; } .installed-package-smartwave #shopping-cart-table { display: table; margin: 0 auto; } .installed-package-smartwave #shopping-cart-table td.product-quote-image { width: 20% !important; margin: 0 auto; } .installed-package-smartwave #shopping-cart-table td { width: 100% !important; } } @media (max-width: 991px) { } .qty-div a { text-decoration: none; width: 5%; position: absolute; margin-top: 5px; } #add-tier { clear: both; display: block; } .inline-checkbox input[type=checkbox] { float: left; width: auto; margin-right: 5px; margin-top: 3px; } .shipping-estimates { float: right; } .product-quote-image { padding-left: 0; padding-right: 0; } .product-quote-image img { max-width: 180px; width: 100%; } .skip-quote:not(.skip-active):hover .icon { background-position: -50px 2px; } .skip-quote .icon { background-position: 0 2px; } .header-miniquote .skip-quote .count { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; display: inline-block; top: -6px; position: relative; z-index: 5; width: 22px; height: 22px; background: rgba(51, 153, 204, 0.9); color: #FFFFFF; font-size: 11px; line-height: 22px; text-align: center; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; } .header-miniquote .link.skip-active .count { color: white; } .header-miniquote .skip-quote.no-count .count { display: none; } @media only screen and (max-width: 499px) { .header-miniquote .skip-quote .count { margin-left: -12px; } } @media only screen and (min-width: 771px) { .header-miniquote .skip-quote { position: absolute; top: 0; right: 115px; width: auto; padding: 0 10px; } .header-miniquote .skip-quote { color: #3399cc; text-transform: uppercase; } #header-quote.skip-active { border: solid 1px #cccccc; position: absolute; z-index: 200; top: 40px; right: 0; width: 320px; background: #fff; } .header-miniquote .skip-quote:hover { text-decoration: none; } .header-miniquote .skip-quote .count { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #3399cc; position: static; background: none; margin-left: 0; font-size: 14px; } .header-miniquote .skip-quote .count:before { content: '('; } .header-miniquote .skip-quote .count:after { content: ')'; } } .header-miniquote .skip-quote .count.empty { display: none; } .block-content-inner .empty { padding: 20px; text-align: center; } @media only screen and (max-width: 479px) { .header-miniquote a.skip-quote { z-index: 1; } } .header-miniquote .skip-quote .icon { background-image: url(https://www.doability.com.au/skin/frontend/base/default/images/icon_sprite_c2q.png); background-repeat: no-repeat; text-indent: -9999px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .header-miniquote .skip-quote .icon { background-image: url(https://www.doability.com.au/skin/frontend/base/default/images/icon_sprite_c2q2x.png); background-size: 85.5px 27px; } } .link { position: relative; float: left; width: 20%; height: 44px; background: #FFFFFF; color: #636363; line-height: 42px; text-align: center; } a.link { text-decoration: none; } .link .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; } .link:not(.skip-active):hover { opacity: 0.8; } @media only screen and (max-width: 770px) { .skip-links .skip-link .label, .top-right-links .link .label { display: none; } .skip-links .skip-link, .skip-links .link { width: 20%; border-right: 1px solid #EDEDED; } .header-miniquote > .skip-link { border-right: 1px solid #EDEDED !important; } } @media only screen and (min-width: 500px) { .link { width: 25%; } } @media only screen and (max-width: 770px) { .link.skip-active { background: #EDEDED; color: inherit; } .link.skip-active span { color: inherit; } } .link.icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; } .link.skip-quote:not(.no-count) .icon { margin-right: 3px; } @media only screen and (min-width: 500px) { .link.icon { margin-right: 3px; } } .link.label { display: none; } @media only screen and (min-width: 500px) { .link.label { display: inline; } } @media only screen and (min-width: 770px) { .top-right-links { top: 0; right: 0; position: absolute; width: auto; display: inline-block; } .top-right-links .skip-account, .top-right-links .header-miniquote, .top-right-links .header-minicart { position: relative; float: left; } .top-right-links .skip-link, .top-right-links .link { position: relative; top: 0; right: 0; } } @media only screen and (max-width: 1024px) { #quotelist #shopping-cart-table.data-table.cart-table { display: block; width: 100%; float: none; } #quotelist #shopping-cart-table.data-table.cart-table tr { width: 100%; margin: 0; padding: 0; } #quotelist #shopping-cart-table.data-table.cart-table td { width: auto; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(1), #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(2), #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(3) { width: 25%; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(4), #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(5) { width: 10%; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(6) { width: 5%; } .qquote-client-collaterals { padding-top: 0; display: block; max-width: 100%; } .qquote-client-collaterals > .quote-forms, .qquote-client-collaterals .qquote-cart-collaterals { width: 100%; float: none; } .qquote-client-collaterals .qquote-cart-collaterals { width: 100%; } .qquote-client-collaterals #submit-quote-request { margin-top: 0; } } @media only screen and (max-width: 700px) { .qquote-client-collaterals > .quote-forms, .qquote-client-collaterals .qquote-cart-collaterals { width: 100%; float: none; } } @media only screen and (max-width: 771px) { #quotelist #shopping-cart-table.data-table.cart-table tfoot, .checkout-toolbar { display: none; } #quotelist #shopping-cart-table.data-table.cart-table tr { position: relative; width: 100%; padding-bottom: 45px; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(1) { position: absolute; left: 0; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(2), #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(3) { padding-left: 200px; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(2) { width: 70%; padding-right: 140px; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(4) { position: absolute; top: 0; right: 50px; } .installed-package-smartwave #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(2) { text-align: left !important; } .installed-package-smartwave .qty-div { margin: 0; } .installed-package-smartwave #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(4), .installed-package-smartwave #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(5), .installed-package-smartwave #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(6) { position: relative; right: auto; padding-left: 200px; text-align: left !important; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(5) { position: absolute; top: 25px; right: 65px; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(6) { position: absolute; top: 0; right: 14px; } #quotelist .shippingRequestButton { float: none !important; } #quotelist .shippingRequestButton button { width: 100%; white-space: inherit; } #quotelist .shippingRequestButton button span { white-space: inherit; } } @media only screen and (max-width: 550px) { #quotelist #shopping-cart-table.data-table.cart-table tr { width: 450px; } } @media only screen and (max-width: 500px) { #quotelist #shopping-cart-table.data-table.cart-table tr { width: 300px; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(1) { } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(2) { padding-left: 100px; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(3) { padding-left: 0; padding-top: 23px; } } .shipping-estimates #shipEstimates { margin: 5px 5px 5px 0; } #addressCheckbox { margin-bottom: 40px; } #qquote-tbl-address { width: 100%; border: 0; } #billing-new-address-form { margin-top: 15px; } .clearfix:after, #quotelist #submit-quote-request:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .add-row-tier { margin-top: 5px; position: relative; } .add-row-tier .btn-qty { margin-left: 14px; margin-top: 0; top: 36%; width: 20px; } .installed-package-smartwave .add-row-tier .btn-qty { top: 0; margin-left: 0; } .quantity-container .btn-qty, .add-row-tier .btn-qty { background: transparent; display: inline-block; margin-top: 4px; } .installed-package-ultimo .add-row-tier .btn-qty { top: 30%; margin-left: 5px; } .quantity-container { margin-top: 5px; } .quantity-container .qty-div { display: inline-block; } #quotelist .data-table { width: 100%; } #quotelist textarea, #quotelist input[type=email], #quotelist input[type=search], #quotelist input[type=number], #quotelist input[type=password], #quotelist input[type=tel], #quotelist input[type=text] { border: 1px solid #bbb; } .qquoteadv-view-view .order-info-box .box-title { width: 200px; float: none; } .qquoteadv-view-view .order-info-box .box-content { float: none; } .qquoteadv-view-view .order-info-box .box-attachment { margin-top: 10px } /* -------------------------------------------- * * Mini Quote * -------------------------------------------- */ #header-quote .block-subtitle { color: #50a4CF; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; line-height: 1.4; text-align: center; padding: 5px; text-transform: uppercase; margin-bottom: 0; clear: both; position: relative; } #header-quote .block-subtitle .close { width: 40px; display: block; color: #636363; font-weight: normal; text-decoration: none; font-size: 30px; position: absolute; top: -8px; right: -8px; } #header-quote ol.mini-products-list { padding: 20px; } #header-quote ol.mini-products-list { padding: 20px; } #header-quote ol.mini-products-list .item { position: relative; } #header-quote ol.mini-products-list .item .product-name { font-size: 13px; } #header-quote ol.mini-products-list .item .product-name a { color: #3399cc; font-weight: bold; } #header-quote ol.mini-products-list .item .product-image { position: absolute; left: 0; } #header-quote ol.mini-products-list .item .product-image img { width: 50px; height: 50px; } #header-quote ol.mini-products-list .item .button.btn-update { background: none; color: #50a4CF; text-transform: none; padding: 5px; text-align: left; } #header-quote ol.mini-products-list .item .cart-price, #header-quote ol.mini-products-list .item .btn-remove.btn-remove2:last-child, #header-quote ol.mini-products-list .item .cart-links { display: none; } @media (max-width: 771px) { #quotelist .add-row-tier .btn-remove.btn-remove2 { margin-top: 5px; margin-left: 10px; } } #header-quote .quote-btn-box button { float: none; display: block; margin: auto; } #header-quote .quote-btn-box { text-align: center; width: 100%; } #header-quote .cart-link { display: block; padding: 10px; text-align: center; text-transform: uppercase; } #header-quote .block-content-inner:before, #header-quote .block-content-inner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } #header-quote .block-content-inner:before { background-color: white; opacity: 0.8; z-index: 2; } #header-quote .block-content-inner:after { background-image: url("https://www.doability.com.au/skin/frontend/base/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } #header-quote .block-content-inner.loading { position: relative; } #header-quote .block-content-inner.loading:before, #header-quote .block-content-inner.loading:after { display: block; } #header-quote #miniquote-error-message { text-align: center; color: red; display: none; } #header-quote #miniquote-success-message { text-align: center; color: green; display: none; } #header-quote .info-wrapper { margin-bottom: 0.5em; } #header-quote .info-wrapper th { text-transform: uppercase; padding-right: 10px; } #header-quote .info-wrapper td { color: #3399cc; clear: right; } #header-quote .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } #header-quote .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 3.2em; text-align: center; height: 30px; } #header-quote .info-wrapper .qquantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; } #header-quote .info-wrapper .qquantity-button[disabled] { cursor: default; } #header-quote .info-wrapper .qquantity-button.visible { opacity: 1; } @media only screen and (max-width: 479px) { #header-quote a.skip-quote { z-index: 1; } } .toggle-remark { display: none; } .large-text { margin: 0; margin-bottom: 0.7em; color: #3399cc; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 28px; font-weight: 500; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: inherit; } .large-text-ajax { text-rendering: optimizeLegibility; font-style: normal; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; margin: 0; font-weight: 500; margin-bottom: 10px; font-size: 1.8em; color: #3399cc; text-transform: inherit; line-height: 1.5; } .product-renderer-text { text-transform: inherit; font-size: 1.2em; margin: 0 0 11px 0; padding: 0; background: none; border: none; font-weight: 400; color: #636363; } #lightbox2 { font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; text-align: left; font-weight: 300; line-height: 1.5; opacity: 1 !important; color: #636363; font-size: 1.14em; box-sizing: border-box; display: table; margin: 10% auto; -webkit-box-shadow: 0 1px 10px 5px rgba(50, 50, 50, 0.17); -moz-box-shadow: 0 1px 10px 5px rgba(50, 50, 50, 0.17); box-shadow: 0 1px 10px 5px rgba(50, 50, 50, 0.17); width: 620px; left: 50%; top: 0; position: absolute; z-index: 9999999999; margin-left: -310px; max-width: inherit; background: #f3f3f3; border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } @media (max-width: 649px) { #lightbox2 { width: 96%; margin-left: -48%; } } #lightbox2 .qquoteadv { padding: 30px 30px 35px 30px; box-shadow: 0 20px 28px -20px #dcdcdc; -webkit-box-shadow: 20px 28px -20px #dcdcdc; -moz-box-shadow: 20px 28px -20px #dcdcdc; background: #f7f7f7; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } @media (max-width: 459px) { #lightbox2 .qquoteadv { padding: 15px; } } #lightbox2 h1, #lightbox2 h2, #lightbox2 p, #lightbox2 button, #lightbox2 ol, #lightbox2 ul { line-height: 1.5; font-size: 1em; font-weight: 300; text-transform: inherit; } #lightbox2 h1 { font-weight: 500; margin-bottom: 10px; font-size: 1.8em; color: #3399cc; } #lightbox2 h2 { font-size: 1.2em; margin-bottom: 6px; font-weight: 400; color: #636363; } @media (max-width: 459px) { #lightbox2 h2 { margin-bottom: 0; } } @media (max-width: 649px) { #lightbox2 h2, #lightbox2 p, #lightbox2 button, #lightbox2 ol, #lightbox2 ul, #lightbox2 li, #lightbox2 .price-box .price { font-size: 100%; } } @media (max-width: 459px) { #lightbox2 h2, #lightbox2 p, #lightbox2 button, #lightbox2 ol, #lightbox2 ul, #lightbox2 li, #lightbox2 .price-box .price { font-size: 95%; } } @media (max-width: 459px) { #lightbox2 .grouped-product h2 { font-size: 110%; } } @media (min-width: 460px) and (max-width: 649px) { #lightbox2 h1 { font-size: 1.4em; } } @media (max-width: 459px) { #lightbox2 h1 { font-size: 130%; } } #lightbox2 .introduction { border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; } @media (max-width: 459px) { #lightbox2 .introduction { margin-bottom: 20px; } } #lightbox2 .btn-cart { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px 30px; font-size: inherit; background: #3399cc; color: #fff; border-bottom: 4px solid #247fac; line-height: 19px; } #lightbox2 .btn-cart span { padding: 0; line-height: 1; background: transparent; } @media (min-width: 460px) and (max-width: 649px) { #lightbox2 .btn-cart { font-size: 90%; } } @media (max-width: 459px) { #lightbox2 .btn-cart { font-size: 80%; padding: 6px 21px; } } #lightbox2 .btn-cart:hover, #lightbox2 .btn-cart:focus, #lightbox2 .btn-cart:active { border-bottom-color: transparent; padding-top: 12px; padding-bottom: 8px; -webkit-box-shadow: 0 2px 5px 0 #d7e7ef; -moz-box-shadow: 0 2px 5px 0 #d7e7ef; box-shadow: 0 2px 5px 0 #d7e7ef; } @media (max-width: 459px) { #lightbox2 .btn-cart:hover, #lightbox2 .btn-cart:focus, #lightbox2 .btn-cart:active { padding-top: 8px; padding-bottom: 4px; } } #lightbox2 .btn-cart:hover { background: #2e8ab8; outline: none; border-top: none; border-right: none; border-left: none; } #lightbox2 .btn-cart:focus, #lightbox2 .btn-cart:active { background: #297aa3; } #lightbox2 .button-container { clear: both; padding: 15px 30px 30px 30px; text-align: right; background: #f3f3f3; border-bottom-left-radius: 5px; margin-top: 15px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; } @media (max-width: 459px) { #lightbox2 .button-container { padding: 2px 15px 15px 15px; } } #lightbox2 .product-image { width: 180px; height: 180px; border: none; display: table-cell; vertical-align: top; margin-bottom: 30px; } @media (min-width: 460px) and (max-width: 649px) { #lightbox2 .product-image { width: 150px; height: 150px; } } @media (max-width: 459px) { #lightbox2 .product-image { width: 80px; height: 80px; } } #lightbox2 .grouped-product .product-image { width: 110px; height: 110px; } @media (min-width: 460px) and (max-width: 649px) { #lightbox2 .grouped-product .product-image { width: 100px; height: 100px; } } @media (max-width: 459px) { #lightbox2 .grouped-product .product-image { width: 80px; height: 80px; } } #lightbox2 .product-image .product-image-container { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; display: table-cell; vertical-align: middle; position: relative; overflow: hidden; -webkit-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.05); -moz-box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.05); box-shadow: 0 2px 6px 0 rgba(50, 50, 50, 0.05); } #lightbox2 .product-image.grouped-product .product-image-container { display: table; margin-bottom: 20px; } #lightbox2 .product-image.grouped-product .product-image-container:last-child { margin-bottom: 0; } #lightbox2 .product-image .product-image-container img { width: 100%; height: inherit; max-width: 100%; max-height: 100%; } #lightbox2 .product-image:hover { border: none; outline: none; } #lightbox2 .grouped-product-container { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; } #lightbox2 .grouped-product-container:last-child { border: none; padding-bottom: 0; margin-bottom: 0; } #lightbox2 .product-details { display: table-cell; vertical-align: top; padding-left: 30px; } @media (max-width: 459px) { #lightbox2 .product-details { padding-left: 20px; } } #lightbox2 .grouped-product .product-details { padding-left: 15px; } @media (max-width: 459px) { #lightbox2 .grouped-product .product-details { padding-left: 10px; } } #lightbox2 .product-details ul li { padding-left: 15px; } #lightbox2 .product-details .configurable-options { padding-top: 15px; } #lightbox2 .product-details .option-header { font-weight: 400; } #lightbox2 .product-details .option-item { padding-left: 10px; } #lightbox2 .product-details .qty-cross { font-size: 80%; } #lightbox2 .messages { margin-top: 15px; } #lightbox2 .price-box, #quickQuote .price-box { display: inline; } #lightbox2 .price-box .price, #quickQuote .price-box .price { color: inherit; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: inherit; font-weight: inherit; } #lightbox2 .price-box .price-label, #quickQuote .price-box .price-label { display: none; } .quote-forms label.checkbox { font-size: inherit; font-weight: inherit; text-transform: inherit; display: inline; } .quote-forms label.checkbox span { display: inline; } .quote-forms p.required { clear: both; } .quote-forms #addressCheckbox { float: left; width: 50%; } @media (max-width: 771px) { .quote-forms #addressCheckbox { width: 100%; float: none; } } .quote-forms .shippingRequestButton { padding: 0 !important; } #lightbox2 .price-box .price-as-configured, #quickQuote .price-box .price-as-configured { display: inline; } #quickQuote .price-box .price { font-size: inherit; } @media (max-width: 459px) { #lightbox2 .product-details .configurable-options { padding-top: 10px; } } #lightbox2 .messages { margin: 0; } #lightbox2 .messages .success-msg { display: none; } #lightbox2 .messages .success-msg li, #lightbox2 .messages .error-msg li { color: #fff; border: none; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #lightbox2 .messages .success-msg li { background: #33cc82; } #lightbox2 .messages .error-msg li { background: #df280a; } #lightbox2 .messages .success-msg li:before { content: ''; position: absolute; background-image: url("https://www.doability.com.au/skin/frontend/base/default/images/qquoteadv/okSign.png"); background-size: 100%; border: none; width: 20px; height: 20px; margin: 0; top: 8px; left: 32px; } #lightbox2 .messages .success-msg li span, #lightbox2 .messages .error-msg li span { display: block; margin-left: 42px } #lightbox2 .messages .error-msg li:before { content: ''; position: absolute; background-image: url("https://www.doability.com.au/skin/frontend/base/default/images/qquoteadv/errorSign.png"); background-size: 100%; border: none; width: 20px; height: 20px; margin: 0; top: 8px; left: 32px; } #lightbox2 > div.button-container > button.button span { border: 0; } #search_mini_form button.search-button { min-width: 0; } #billDiv p.address-description, #shipDiv p.address-description { margin-bottom: inherit; } #shipDiv .left { width: 50%; padding-right: 10px; float: none !important } #qquote-tbl-billing .left { width: 50%; padding-right: 10px; float: none !important } #qquote-tbl-address .left { width: 50%; padding-right: 10px; float: none !important } #qquote-tbl-address td { width: 50%; } #qquote-tbl-address td:last-child { padding: 0; } #qquote-tbl-address td:first-child { padding-right: 10px; } @media (max-width: 1257px) { #quotelist #shopping-cart-table { width: 100%; float: none; margin: 0; } #quotelist .qquote-client-collaterals { width: 100%; max-width: 100%; margin: 0; } #quotelist .quote-forms > div { margin-left: 0; } #quotelist .qquote-client-collaterals { display: block; } #quotelist #submit-quote-request { float: none; } #quotelist .quote-forms { margin-top: 20px; } #quotelist textarea { max-width: 100%; } } @media (max-width: 834px) { #quotelist .cart-table th { font-size: 12px; } } @media (max-width: 771px) { #quotelist .shippingRequestButton { float: none !important; } #quotelist .shippingRequestButton button { width: 100%; } #quotelist #submit-quote-request button.button { margin: 0; } #quotelist .page-title button.button { margin: 0 0 10px 0; } #quotelist.cart-table colgroup, .cart-table thead { display: none; } #quotelist #shopping-cart-table.data-table.cart-table { display: table; } #quotelist #shopping-cart-table.data-table.cart-table tr { width: 100%; } #quotelist .btn-remove { margin-top: 28px; } #quotelist #shopping-cart-table { min-width: 0; } } @media (max-width: 771px) { #quotelist #shopping-cart-table.data-table.cart-table tr { display: block; } #quotelist #shopping-cart-table.data-table.cart-table tr td.quickQuote { display: block; } } @media (max-width: 590px) { #quotelist #shopping-cart-table.data-table.cart-table tr { padding-bottom: 0; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(4), #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(5), #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(6) { position: relative; right: auto; top: auto; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(1) { float: left; width: 25%; display: block; position: relative; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(2) { float: left; width: 75%; display: block; padding-left: 0; padding-right: 0; } .installed-package-ultimo #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(2) { width: 54%; position: absolute; padding-left: 170px; } .installed-package-ultimo .data-table tr.odd td { border-right: none; } .installed-package-ultimo .data-table tr.odd.last { border-bottom: 0; } #quotelist #shopping-cart-table.data-table.cart-table tr td.quickQuote { float: none; display: block; clear: both; width: 100%; margin: 0; padding: 0; } #quotelist .quickQuote textarea { min-width: inherit; max-width: inherit; width: 100%; } #quotelist #shopping-cart-table.data-table.cart-table tr td:nth-child(5) { float: left; width: 50%; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(6) { float: left; width: 50%; } .installed-package-ultimo #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(5), .installed-package-ultimo #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(6) { float: none; } #quotelist #shopping-cart-table a.btn-remove { margin-top: -6px; position: absolute; left: 6px; } .installed-package-ultimo #quotelist #shopping-cart-table a.btn-remove { left: 0; margin-top: -21px; } .installed-package-smartwave .qty-div { margin: 0; max-width: 100%; min-width: 100%; } .installed-package-smartwave #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(4), .installed-package-smartwave #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(5), .installed-package-smartwave #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(6) { position: relative; right: auto; padding-left: 0; text-align: left !important; } #quotelist #shopping-cart-table .add-row-tier .btn-remove.btn-remove2 { position: absolute; left: auto; margin-top: 5px; } #quotelist #shopping-cart-table .quantity-container .btn-remove.btn-remove2 { left: 100%; margin-left: 9px; margin-top: 5px; } } @media (min-width: 591px) and (max-width: 771px) { #quotelist #shopping-cart-table .quantity-container .btn-remove.btn-remove2 { margin-left: 7px; margin-top: 5px; } } @media (max-width: 500px) { .installed-package-ultimo #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(2) { width: 70%; padding-left: 0; padding-right: 0; position: relative; } } @media (max-width: 771px) { .data-table tr.odd td { border-right: 0; } } @media (min-width: 591px) and (max-width: 767px) { #quotelist textarea { height: 140px; } } @media (max-width: 590px) { .installed-package-smartwave #quotelist #shopping-cart-table a.btn-remove { right: auto; float: none; margin-top: -3px; left: 83px; } .installed-package-smartwave #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(6) { float: none; } .installed-package-smartwave .data-table.cart-table tbody tr { border-bottom: 0; } .installed-package-smartwave #quotelist #shopping-cart-table.data-table.cart-table tr td:nth-child(5) { border-bottom: 1px solid #bbb; } .installed-package-smartwave #quotelist #shopping-cart-table .add-row-tier .btn-remove.btn-qty { left: 70px; margin-left: 0; margin-top: 2px; } } @media (max-width: 500px) { #quotelist .quickQuote textarea { min-width: 100% !important; max-width: 100%; !important; width: 100% !important; height: 75px; } #quotelist .product-image { width: 75px; height: 75px; } #quotelist a.a-center { width: 75px; } #quotelist #shopping-cart-table.data-table.cart-table td:nth-child(3) { padding-top: 0; } #quotelist .item-options { margin-bottom: 30px; } } #filesOnQuoteView .address-details a { background-image: url("https://www.doability.com.au/skin/frontend/base/default/images/qquoteadv/attachment_icon.png"); background-repeat: no-repeat; padding-left: 20px; } #filesOnQuoteView h4:after { content: ':'; } #fileUpload > tbody > tr > td:nth-child(1) { padding-right: 10px; } #submit-quote-request button.btn-print-quote { float: left; }