.client img {float:none;}/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ /* #Basic Styles ================================================== */ body { background: #fff; font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans- serif; color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; font-family: "Georgia", "Times New Roman", serif; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 14px; line-height: 21px; } .subheader { color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a, a:visited { color: #333; text-decoration: underline; outline: 0; } a:hover, a:focus { color: #000; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba (0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop (0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba (0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba (0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba (0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba (0,0,0,.3) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop (0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba (0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba (0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba (0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba (10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop (0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba (10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba (10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba (10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], input[type="telephone"], textarea, select { border: 1px solid #ccc; padding: 9px 6px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 0; height:31px;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="telephone"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } select { width: 220px; padding:4px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .sb10 { margin-bottom:10px!important;} .sb20 { margin-bottom:20px!important;} .sb30 { margin-bottom:30px!important;} .sb40 { margin-bottom:40px!important;} .st10 { margin-top:10px!important;} .st20 { margin-top:20px!important;} .st30 { margin-top:30px!important;} .st40 { margin-top:40px!important;} .pb10 { padding-bottom:10px!important;} .pb20 { padding-bottom:20px!important;} .pb30 { padding-bottom:30px!important;} .pb40 { padding-bottom:40px!important;} .pl10 { padding-left:10px!important;} .pl20 { padding-left:20px!important;} .pl30 { padding-left:30px!important;} .pl40 { padding-left:40px!important;} .pr10 { padding-right:10px!important;} .pr20 { padding-right:20px!important;} .pr30 { padding-right:30px!important;} .pr40 { padding-right:40px!important;} .pt10 { padding-top:10px!important;} .pt20 { padding-top:20px!important;} .pt30 { padding-top:30px!important;} .pt40 { padding-top:40px!important;} .last { margin-right:0!important} .tc { text-align: center} .tr { text-align: right} .tl { text-align: left} .table { display:table!important;vertical-align: middle} .table-cell { display: table-cell!important; vertical-align: middle} .fl-none { float:none!important;} .block { display:block!important} .no-mb { margin-bottom:0!important} .no-pb { padding-bottom:0!important} .only-mobile { display:none;} .hidden { display:none!important} /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .container { position: relative; width:1280px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* @group Globals */ body { background-color: #ffffff; color:#000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; } body.background-image { background:url(//cdn.shopify.com/s/files/1/0559/1957/t/2/assets/background_image.jpg?16107354988731829794 ) repeat; } a, a:visited { color: #75ca37; text-decoration: none; } a:hover { color: #75ca37; text-decoration: underline; } img { max-width: 100%; } /*strong { color: #666666 !important; }*/ .thin-border.top { border-top: 1px solid #e8e8e8; padding-top: 30px; } .thin-border.bottom { border-bottom: 1px solid #e8e8e8; } .border.top { border-top: 1px solid #e8e8e8; padding-top: 30px; } .border.bottom { border-bottom: 1px solid #e8e8e8; padding-bottom: 30px; } .button { background: #75ca37 !important; border: none !important; color: #ffffff !important; text-shadow: none !important; font-family: 'Open Sans', sans-serif!important; font-weight: 600 !important; padding: 8px 15px !important; -webkit-appearance: none; } .button.primary { background: #75ca37 !important; color: #ffffff !important; font-size: 16px; padding: 16px 30px !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: opacity .10s ease-in-out; -moz-transition: opacity .10s ease-in-out; -ms-transition: opacity .10s ease-in-out; -o-transition: opacity .10s ease-in-out; transition: opacity .10s ease-in-out; } .button:hover, .button.primary:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .button.primary:disabled { opacity:0.3!important; } label { margin-bottom: 5px; font-size: 13px; font-weight: bold; } .error { color: #75ca37; } select { padding: 5px; } input.disabled { opacity: .5; } .stuck { position: fixed; top: 40px; width: 280px; z-index: 2; background: #ffffff; } body.background-image .stuck { background: transparent !important; position: relative; top: 0; } /* @end */ /* @group Typography */ h1, h2, h3, h4, h5, h6 { line-height: 140%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } h1 { margin-bottom: 20px; font-size: 44px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #404040; } h2 { margin-bottom: 20px; font-size: 28px; font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 120%; color: #404040; } h3 { margin-bottom: 10px; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #404040; } h4 { margin-bottom: 10px; font-size: 12px; font-weight: normal; font-style: italic; color: #404040; } h5 { margin-bottom: 10px; font-size: 12px; font-weight: bold; font-style: italic; } del { color: #666666; } select, input[type="text"], input[type="email"], textarea { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } /* @end */ /* @group Navbar */ #navbar { font-family: 'Open Sans', sans-serif; font-weight: 600; background: #34322f; padding: 15px 0 5px 0; position: fixed; top: 0; width: 100%; z-index: 3; } #navbar a { text-decoration: none; color: #ffffff; } #navbar a:hover { color: #999999; } #navbar span.pointer { width: 0; height: 0; position: relative; top:-3px; left:3px; display:inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999999; } #navbar ul#main-menu li { display: block; position: relative; float: left; margin-right: 30px; } #navbar ul#main-menu li:last-child { margin-right: 0; } #mini-cart { float:right; margin-top: -2px; } #navbar #mini-cart span.checkout, #navbar .mini-cart span.checkout { margin-left: 4px; padding-left: 10px; border-left: 1px solid #999999; } #navbar #mini-cart span.count, #navbar .mini-cart span.count { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #999999; color: #ffffff; padding: 1px 5px; margin-right: 5px; min-width: 15px; display: inline-block; text-align: center; } #navbar #main-menu-phone { display: none; } #navbar #main-menu-phone li { float: left; } #navbar #main-menu-phone li.mini-cart { float: right; margin-top: -2px; } #navbar ul.drop { position: relative; z-index: 2; margin-bottom:0; } #navbar ul.drop li ul { margin: 0; padding: 0px 10px 10px 10px; position: absolute; visibility: hidden; top: 30px; left:-17px; background: #34322f; width: 200px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #navbar ul.drop li ul li { display: block; margin: 3px 10px 3px 10px; clear: both; width: 180px; padding-bottom: 5px; border-bottom: 1px solid #999999; font-size: 11px; } #navbar ul.drop li ul li:last-child { border-bottom: none; } #navbar ul.drop li ul li a { font-size:12px; width: auto; } #navbar ul.drop li ul li a:hover { color: #999999; } #navbar ul.drop li span.bubble { position: absolute; top: -5px; width: 0; height: 0; display:inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #666666; } /* @end */ /* @header */ .logo { margin:0} .header-store-description { text-align:right; width:100%;} header h1 a { color: #666666 !important; display: inline-block; } header h1 a:hover { color: #666666 !important; text-decoration: none; } header h1.logo a { display: block; } .header-wrapper { margin-top:80px;} .header-store-description { font-size:17px; line-height:25px;} /* add to cart animtion */ #cart-animation { width: 35px; height: 35px; border-radius: 50%; position: absolute; display:block; z-index: 15; text-align:center; line-height: 35px; background: #75ca37 !important; color: #ffffff !important; font-weight:bold; border:3px solid #ffffff; font-size: 16px; } /* @end */ /* @group AJAX Cart Message */ /* collections */ .product-image { display:table; table-layout: fixed; margin-bottom:10px; vertical-align: middle; width:100%; } .product-image img { margin-bottom:0; max-height:335px} .product-image a { display:table-cell; vertical-align: middle} .prod-price { display: block;} /* pagination */ #pagination { text-align: center} /* @group Product Description and Features */ #product-video { padding-top: 10px; margin-bottom: 20px; overflow: hidden; } #product-description-index p { font-size: 18px; } #buy-phone { margin-bottom: 30px; padding-bottom: 10px !important; display: none; } #product-description-index #buy-phone select { width: 100%; } #product-description-index #buy-phone input { float: left; } #product-description-index #buy-phone span.price { float: right; } #product-images.single { text-align:center; } #product-features h1 { font-size: 36px; font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 120%; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8; padding-bottom: 30px; } #product-features h2 { border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; } #product-features ul { list-style-type: disc; margin-left: 30px; } /* @end */ /* @group Buy */ #buy, #buy-phone { padding-bottom: 30px; font-size: 13px; color: #666666; border-bottom: 1px solid #e8e8e8; } #buy { padding-bottom: 15px; } #buy select { width: 100%; } #buy input.button { float: left; } #buy span.price, #buy-phone span.price { font-size: 22px; color: #666666; font-weight: 300; float: right; margin-top: 15px; } #buy span.price.long { float: left; margin-top: -10px; } #buy span.price span{ font-size: 16px; font-weight:400; } /* @end */ /* @group Share */ #share { padding: 15px 0 9px !important; } .sticky-wrapper #share { padding-bottom: 5px !important; } #share div { float: left; } #share .facebook { margin-right: 40px; } #share .twitter { margin-right: 10px; } /* @end */ /* @group Kickstarter */ #kickstarter { background: url(kickstarter.png) no-repeat right 0; min-height: 100px; padding: 0 50px 10px 0 !important; margin: 30px 0 0 0; } #kickstarter h3 { font-size: 44px; font-weight: 800; color: #404040; line-height: 140%; margin-bottom: 20px; } #kickstarter h3 span { display: block; font-weight: 400; font-size: 16px; line-height: 140%; } /* @end */ /* @group Email Alerts */ #email-alerts { margin-top: 30px; } #email-alerts input[type="email"] { width: 260px; padding-left:10px; margin-bottom: 10px; } #email-alerts.blog { margin-top: 30px; border-bottom: 1px solid #e8e8e8; } #email-alerts.blog.top { margin-top: 0; } #email-alerts p.success { margin: 15px 0; } /* @end */ /* @group You Might Also Like */ #you-might-also-like { color: #666666; } #you-might-also-like article { margin-bottom: 30px; padding-bottom: 15px !important; } #you-might-also-like article:last-child { margin-bottom:5px;} #you-might-also-like article img { border: 1px solid #e8e8e8; float: left; } #you-might-also-like article .info h4 { font-size: 13px; font-style: normal; color: #666666; font-weight: bold; margin-bottom: 10px; } #you-might-also-like article .info h4 span { font-weight: normal; } #you-might-also-like article .info h4 span.compare-at-price { color: #75ca37; } #you-might-also-like article .info h5 { font-weight: normal; color: #999999; margin-bottom: 10px; } #you-might-also-like article .info p { font-size: 13px; margin: 15px 0; } #you-might-also-like article .info p i { font-style: italic; color: #999999; } #you-might-also-like article .info form { margin-bottom: 0; } #you-might-also-like .tablet { display: none; } /* @end */ /* @group From The Blog */ #from-the-blog { position: relative; } #from-the-blog a.rss { -moz-opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; opacity: 0.1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); filter: alpha(opacity=10); background: url(rss.png) no-repeat; position: absolute; top: 35px; right: 0; display: block; width: 15px; height: 15px; } #from-the-blog article { padding-bottom: 0 !important; margin-bottom: 20px; } #from-the-blog.latest-posts article { margin-bottom: 15px; } #from-the-blog article h4 { font-size: 13px; font-style: normal; color: #666666; font-weight: bold; margin-bottom: 5px; } #from-the-blog article h5 { font-weight: normal; color: #999999; margin-bottom: 10px; } #from-the-blog.latest-posts h5 { padding-bottom: 5px; } #from-the-blog article p { font-size: 13px; color: #666666; } #from-the-blog a.view-all-posts { font-size: 13px; } /* @end */ /* @group Tags */ #tags li { border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; } /* @end */ /* @product page */ #product-details h1 { font-size:33px; text-transform: none; margin-bottom:8px; } #product-details h2 { font-size: 15px; color:#999999; font-weight: normal} #product-details h2 a { color:#aaa; text-transform: none;} #product-details h3 { font-size:15px;} #product-details p { font-size:14px;} #product-title { border-bottom: 1px solid #e8e8e8;} #product-photos li { display: inline-block; } #product-photos img { max-width: 100% } #product-photos img { max-width: 100% } .thumbnail { width:210px; margin-right:35px; display: inline-block; margin-bottom:10px;} .product-price { font-size:26px; border-top:1px solid #e8e8e8; display:block; padding-top:20px; } .product-compare-price { color:#75ca37;} .related-products { clear: both; } /* @group Blog Posts */ h2.blog { font-size: 18px; font-weight: 600; color: #404040; } #posts article { margin-bottom: 60px; } #posts article h3 { font-size: 36px; font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 120%; color: #404040; } #posts article h3.border.bottom { margin-bottom: 15px; } #posts article h3 a { color: #404040; } #posts article h3 a:hover { text-decoration: none; color: #404040; } #posts article h4 { color: #999999; padding: 1px 0 15px 0; font-size: 13px; margin-bottom: 40px; } #posts article a.more { font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; } #posts #paging { padding-top: 15px; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .wysiwyg h1, .wysiwyg h2 { font-family: 'Open Sans', sans-serif; font-weight: 600 !important; color: #404040; font-size: 18px; } .wysiwyg h3 { font-family: 'Open Sans', sans-serif; font-weight: 600 !important; color: #404040 !important; font-size: 18px !important; margin-bottom: 30px; } .wysiwyg h4 { color: #404040 !important; padding: 0 !important; margin-bottom: 15px !important; font-size: 14px; } .wysiwyg h5, .wysiwyg h6 { color: #404040; margin-bottom: 15px; font-style: normal; font-weight: bold; font-size: 14px; } .wysiwyg ul { list-style-type: disc; margin-left: 30px; } .wysiwyg blockquote { border-left: 1px solid #e8e8e8; padding-top: 0; font-size: 14px; color: #999999; margin-bottom: 30px; } .wysiwyg b { font-weight: bold; } .wysiwyg i { font-style: italic; } #all-articles { padding: 15px 0 45px 0; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400; } #comments { margin-top: 30px; } #comments h3 { color: #404040; } #comments article { margin-bottom: 20px; } #comments article .comment { background: #e8e8e8; font-size: 12px; padding: 15px; margin-bottom: 15px; position: relative; } #comments article .comment .bubble { position: absolute; left: 30px; bottom: -14px; color: #e8e8e8; } #comments article .author { font-size: 12px; font-style: italic; padding-left: 10px; } #comments h3.post-comment { margin-top: 30px; } #comments input[type="text"], #comments input[type="email"] { width: 420px; } #comments textarea { width: 560px; } #comments input#comment_author.required { margin-bottom: 0; } #comments input#comment_email.required, #comments textarea#comment_body.required { margin-top: 20px; margin-bottom: 0; } #comments input.button.secondary { margin-top: 20px; } #comments label.error { margin-top: 5px; } /* @end */ /* @group Cart */ input[type="text"].quantity-field{ height:13px;} #cart #cart-headers { padding-bottom: 0 !important; margin-bottom: 30px; } #cart #cart-headers h3 { color: #404040; } #cart #cart-items { margin-bottom: 15px; } #cart #cart-items .row { margin-bottom: 15px; } #cart #cart-items .item h3 { color: #404040; margin-bottom: 0; } #cart #cart-items .item p.summary { margin: 15px 0; color: #666666; font-size: 13px; } #cart #cart-items .item img { float: left; margin-bottom: 0; border: 1px solid #e8e8e8 } #cart #cart-items .item .info { float: right; width: 340px; } #cart #cart-items .item .info .phone { display: none; text-align: right; } #cart #cart-items .item .info .phone p { margin-bottom: 0; } #cart #cart-items .item .info .phone a.remove { font-size: 12px; } #cart #cart-items .item .info .phone p.qty { font-size: 12px; margin-top: 5px; } #cart .qty { text-align: center; } #cart #cart-items .qty input { width: 30px; text-align: center; margin: 0 auto; } #cart #cart-items .remove a { font-size: 22px; } #cart #cart-items .remove a:hover { text-decoration: none; color: #75ca37; } #cart #checkout h4 { font-weight: bold; font-style: normal; margin: 15px 0 5px 0; color: #999999; } #cart #checkout p { color: #999999; font-size: 13px; } #cart #checkout textarea { width: 95%; min-height: 80px; } #cart #checkout h3.total { font-size: 36px; font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 120%; color: #404040; text-align: right; padding-right: 20px; } #cart #checkout h3.total span.phone { font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 600; display: none; } #cart #checkout #actions { padding: 30px 0 10px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } #cart #checkout #actions .button.secondary { padding: 15px 25px !important; font-size: 13px; background: #e8e8e8 !important; color: #666666 !important; } #cart #checkout #actions .button.secondary.phone { display: none; } #cart #checkout #actions .button.primary { padding: 15px 40px !important; font-size: 13px; } /* @end */ /* @group Footer */ footer { color: #999999; font-size: 12px; } footer h3, footer h2, footer h1, footer h4, footer h5, footer h6 { color: #666666; text-transform: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; margin-bottom: 5px; font-weight:bold; } footer strong { color: #666666;} footer address { margin-bottom: 20px; } footer address a { margin-top: 20px; display: block; } footer input[type="email"] { width: 270px; margin-bottom: 10px; } footer p { font-size:12px; margin-bottom:12px;} footer p.success { display: none; margin: 15px 0; } footer p.success.show { display: block; } footer .copyright { font-size: 11px; margin-top: 40px; } footer .copyright span { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } #payment-methods{ clear: both; padding: 15px 0 0 0; text-align: center; } /* @end */ /*========================================================================= ========================== =======================Custom CSS START HERE======================================================== ========================================================================== =========================*/ body{ padding:0; margin:0;} *{ padding:0; margin:0;} img{ max-width:100%; height:auto; outline:none} a{ outline:none; border:none; text-decoration:none} .clr{ clear:both} .alleft{ text-align:left} .alright{ text-align:right} @font-face { font-family: 'geometr706_blkcn_btblack'; src: url('geo706kc-webfont.eot'); src: url('geo706kc-webfont.eot?#iefix') format('embedded-opentype'), url('geo706kc-webfont.woff') format('woff'), url('geo706kc-webfont.ttf') format('truetype'), url('geo706kc-webfont.svg#geometr706_blkcn_btblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'mv_boliregular'; src: url('mvboli-webfont.eot'); src: url('mvboli-webfont.eot?#iefix') format('embedded-opentype'), url('mvboli-webfont.woff') format('woff'), url('mvboli-webfont.ttf') format('truetype'), url('mvboli-webfont.svg#mv_boliregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'corbelregular'; src: url('corbel-webfont.eot'); src: url('corbel-webfont.eot?#iefix') format('embedded-opentype'), url('corbel-webfont.woff') format('woff'), url('corbel-webfont.ttf') format('truetype'), url('corbel-webfont.svg#corbelregular') format('svg'); font-weight: normal; font-style: normal; } .font60{ font-size:60px} .font70{ font-size:70px} .red{ color:#e34120} .green{ color:#00b034} #wrapper{line-height:normal;width:1280px; margin:0 auto; font-family: 'geometr706_blkcn_btblack';} #wrapper ul{margin:0 !important;} /*-------------------TOP 1------------------*/ .top1{ text-align:center; font-size:45px;} .top1 p{ margin:0; line-height:normal;} .line{ margin:15px 0} /*-------------------TOP 2------------------*/ .top2{ background:#f8f400; padding-bottom:30px; border-radius:6px 6px 0 0; -mox-border- radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;} .top2 .top2green{ background:#009027; padding:30px; border-radius:6px; -mox-border- radius:6px; -webkit-border-radius:6px;} .video_left{ float:left; width:520px;} .client{ background:url(clientbg.png) 0 center no-repeat; min-height:210px; margin-bottom:20px;} .client img{ padding:8px; background:#fff; border-radius:100%; margin:0 15px 0 30px; float:left; -moz-border-radius:100%; -webkit-border-radius:100%;} .client span.one{ float:left; color:#fff; font-size:25px; padding-top:64px;} .client span.two{ float:left; color:#fff; font-size:25px; padding-top:45px;} .video_right{ background:#fff; width:700px; height:397px; float:right; margin-top: 25px;} .video_right iframe { height: 397px;} /*-------------------TOP 3------------------*/ .top3{ background:url(top3_bg.jpg) 0 0 no-repeat; min-height:851px;; padding:20px;} .top3inner{ width:820px} .top3inner .hone{ color:#fff; font-size:86px; line-height:80px;} .top3inner .htwo{color:#ff0000; font-size:140px; line-height:140px; width:635px; text-shadow:1px 1px 2px #333; -moz-text-shadow:1px 1px 2px #333; -webkit-text-shadow:1px 1px 2px #333;} .top3inner .hthree{color:#fff; font-size:34px; width:610px; line-height:34px;} .top3inner .hfour{color:#ff0000; font-size:48px;text-shadow:1px 1px 2px #fff; -moz-text- shadow:1px 1px 2px #fff; -webkit-text-shadow:1px 1px 2px #fff;} /*-------------------TOP 4------------------*/ .top4left{ float:left; width:45%; padding-left:4%} .top4left .top4l_h{ font-size:45px; line-height:50px;} .top4left .top4l_h .alright{ font-size:50px} .top4left .dis{ padding-top:20px;} .top4left .dis p{ font-size:20px; margin-bottom:20px;} .top4left .top4l_h1{ font-size:50px; line-height:55px; margin-bottom:20px} .top4left .top4l_h1 .alright{ font-size:65px; color:#de0000} .top4right{ float:right; width:49%;} .top4right p{font-size:20px; margin-bottom:20px;} .top4right .redbox{ background:#de0000; color:#fff; padding:30px 25px;} .redbox .redbox_h{ color:#f6e200; margin-bottom:20px;} .redbox .dis p{ font-size:26px} .redbox .redbox_h p{ font-size:45px; line-height:45px; margin:0} .top4_shap{clear:both} .top4_shap img{ margin-top:-7px; position:relative; z-index:-1} /*-------------------TOP 5------------------*/ .top5{ padding:20px 0;} .top5_h{ font-size:90px; line-height:90px;} .top5 .alright{ font-size:100px;} .top5 .blogdiv{ padding-top:20px} .top5 .blogdiv ul{ padding:0; margin:0} .top5 .blogdiv ul li{ list-style:none; float:left; width:23%; padding:0 1%} .top5 .blthumb{ margin-bottom:20px} .top5 .blogdiv img{ width:100%; border-radius:10px; -moz-border-radius:10px; -webkit-border- radius:10px; box-shadow:0 0 15px #999; -moz- box-shadow:0 0 15px #999; -webkit- box- shadow:0 0 15px #999;} .top5 .blogdiv p{ font-family: 'corbelregular'; font-size:20px; text-align:justify; line-height:22px;} /*-------------------TOP 6------------------*/ .top6{ background:#000 url(top6bg.jpg) 0 0 no-repeat; min-height:1024px; padding:40px 60px 0 60px; color:#fff} .top6 .top6_top strong{ color:#fff; font-size:45px;} .top6 .top6_top p{ color:#f8f400; font-size:90px; line-height:90px;} .top6 .dis{width:650px; padding-top:20px} .top6 .dis p{ font-size:24px; text-align:left; margin-bottom:30px; line-height:30px;} .top6_midd_h{ font-size:45px; text-align:right; padding-right:20px; margin-bottom:20px} .top6_midd_h span, .top6_bottom_h span{ color:#f8f400} .top6_bottom_h{ width:650px;} .top6_bottom_h p{ font-size:33px;} .top7{ background:url(top7bg.jpg) 0 0 no-repeat; min-height:818px; padding:35px 35px 0 35px} .top7_first{ min-height:660px;} .top7left{ float:left; width:450px;} .top7left p{ font-size:34px; color:#fff} .top7left .boldtxt{ color:#5b3715; padding-top:50px; font-size:50px; font-family:Myriad Pro;} .top7left .boldtxt img{ margin-left:125px} .top7left .product_info{ padding-top:20px;} .top7left .product_info p{ color:#5b3715; font-size:30px; margin-bottom:25px} /*-------------------TOP 7------------------*/ .top7right{ float:right; width:430px; color:#fff; font-size:27px;} .top7right p{ margin-bottom:30px;} .top7_last{ margin:0; width:100%; color:#fff; clear:both} .top7_last_left{ float:left; font-size:43px;} .top7_last_right{ float:right; padding:10px 0; font-size:35px;} .top7_last_right span{ display:block; font-size:70px; text-align:right} /*-------------------TOP 8------------------*/ .top8{clear:both; background:#f2f2f2 url(top8bg.png) right bottom no-repeat} .top8 .top8_top{ background:#fff; font-size:40px; color:#666; padding:10px 0;} .top8grey{ width:100%; float:left; padding:35px 0 110px; font-family: 'corbelregular';} .top8grey .columns{ width:31%; float:left; padding:0 1%; margin:0;} .top8grey .columns strong{ color:#000; font-size:25px;} .top8grey .columns p{ margin-bottom:30px; font-size:25px;} .top8grey .borderbox{ border:#019e3b 8px dashed; color:#006a25; margin:15px 0; font-family: 'geometr706_blkcn_btblack'; text-align:center; padding:10px 0; font-size:40px; line-height:40px} .top8_shap{clear:both; height:20px;} /*-------------------TOP 9------------------*/ .top9{ position:relative; background:#ff0000 url(top9bg.png) 0 0 no-repeat; min-height:648px; padding:25px;} .top9_h{ text-align:right; padding:83px 20px 20px 0 } .top9_h span{ background:#fff; font-size:70px; padding:10px } .topred{float:right; width:575px} .topred .top9_m_h{ font-size:30px; color:#fff; padding:0 0 0 20px} .top9_whitebox{ background:#fff; padding:20px; margin-top:20px; font-family:Corbel} .top9_whitebox p{ margin-bottom:20px; font-size:25px;} /*-------------------TEstmonials Sections------------------*/ .testmonials{ position:relative; clear:both; margin-top:40px;} .testredbox{ position:absolute; width:310px; height:100%; background:#de0000; z-index:-1} .testmonial{ padding:20px 0 20px 50px; clear:both} .testmonial .testmonial_thumb{ float:left; margin-right:20px; z-index:1; position:relative} .testmonial .testmonial_thumb img{ background:#fff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; padding:10px;} .testmonial .testmonial_content{ background:#f0f0f0; padding:15px; width:855px; float:left} .testmonial .testmonial_content strong{ font-size:30px; margin-bottom:20px; display:block} .testmonial .testmonial_content p{ font-family: 'corbelregular'; margin-bottom:20px; font-size:25px;} .testmonial .lasttest{ padding:40px 15px; margin-top:15px;} .testmonial_mid .testmonial_thumb{ margin-top:22px; margin-bottom: 25px;} .testmonial_mid .testmonial_content{ margin-left:-58px; width:880px; padding:15px 15px 15px 70px;} .test_blank{ height:30px; clear:both} /*-------------------TOP 10------------------*/ .top10{ background: url(top10bg.jpg) 0 0 no-repeat; min-height:612px; padding:20px 50px 0 50px; clear:both} .top10_left{ float:left; width:520px} .top10_left span{ font-size:25px; color:#fff} .top10_left p{ color:#5b3715; font-size:38px;} .top10_left p.alright{ font-size:36px;} .top10_right{ float:right; width:630px; color:#5b3715; padding-top:30px;} .top10_right strong{ display:block; text-align:right; font-size:35px; margin-bottom:15px;} .top10_right p{ margin-bottom:20px; font-size:22px;} /*-------------------TOP 11------------------*/ .top11{ background:#438837 url(top11bg.jpg) 0 0 no-repeat; clear:both; min-height:821px; padding:45px 70px 0 70px} .top11_h { padding-bottom:20px;} .top11_h p.top11_h1{ font-weight:bold; color:#fff; font-size:50px; font-family:"corbelregular"} .top11_h p span{ font-weight:normal} .top11_h p.alright{ color:#ff0000; font-size:70px; padding-right:30px;} .top11_bottom{ clear:both; color:#fff; font-size:25px; font-family:"corbelregular"} .top11dis_l{ float:left; width:540px;} .top11dis_r{ float:right; width:540px;} .top11dis_r strong{ color:#ff0000; font-family: 'geometr706_blkcn_btblack'; margin-bottom:20px; font-size:40px;} .top11_bottom p{ margin-bottom:40px;} .ap_btndiv{} .ap_btndiv img{ margin:-20px 0 0 -58px;} /*-------------------POST SECTION------------------*/ .post_section{ padding-top:25px;} .post_section ul{ padding:0; margin:0} .post_section ul li{ list-style:none; float:left; width:19.1%; margin:0 .5%} .post_section ul li:first-child{ margin-left:0} .post_section .post_thumb{ text-align:center; margin-bottom:10px} .post_section .post_thumb img{ background:#91bb0b; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; padding:5px} .post_section .post_cont{ background:#e8e8e8; padding:10px; min-height:370px; font-size:22px; line-height:28px; font-family: 'corbelregular'; } /*-------------------TOP 12------------------*/ .top12{ background:url(top12bg.png) 0 0 no-repeat; min-height:778px; clear:both; padding:45px 45px 0 45px} .top12_left{ width:775px; color:#5b3715} .top12 .top12_h{ font-size:70px; color:#fff} .top12 p{ font-size:21px; font-family: 'corbelregular'; margin-bottom:15px;} .top12_p2{ padding-right:105px;} .top12_green{ color:#fff} .top12_green .top12_g_inner{ float:right; width:500px; margin-right:120px;} .top12_green .tg12_top{ background:#007520; padding:10px 130px 0px 10px; font-family: 'geometr706_blkcn_btblack';} .top12_green .tg12_top span{ font-size:24px} .top12_green .tg12_top p{ font-size:30px; margin:0; text-align:right; font-family: 'geometr706_blkcn_btblack';} .top12_green strong{color:#fff; float:right; font-size:30px; padding:0 10px; margin-top:-6px; background:#007520;} .top12 ul{ padding:20px 0; margin:0 !important; width:675px; clear:both} .top12 ul li{line-height:22px; list-style:none; background:url(red_sl.png) 0 3px no-repeat; padding-left:20px; font-size:24px; font-family: 'corbelregular';} .top12 .rdh{ color:#ff0000; font-size:30px; width:720px;} /*-------------------TOP 13------------------*/ .top13{ background:#549a00 url(top13bg.png) 0 0 no-repeat; clear:both; min-height:850px} .top13_top{padding:50px 70px 0 70px; } .top13_h{ width:600px; color:#fff; font-size:80px; text-shadow:0 0 29px #000; -moz-text- shadow:0 0 29px #000; -webkit-text-shadow:0 0 29px #000;} .dis13{ width:600px; margin-top:20px; color:#000; font-size:23px; text-shadow:0 0 10px #fff; - moz-text-shadow:0 0 2px #000; -webkit-text-shadow:0 0 2px #000; font-family: 'corbelregular';} .dis13 p{ margin-bottom:15px;} .af_dis13{ color:#fff; width:600px; margin-top:85px;} .af_dis13 span{ font-size:40px; padding-left:8px;} .af_dis13 p{ text-align:right; font-size:26px} .top13 ul{ float:left; margin-top:20px; width:100%} .top13 li{line-height:normal; width:33%; text-align:center; list-style:none; float:left; color:#fff;} .top13 li p{ padding:5px 0; font-size:25px;} .top13 .top13_thumb img{ border-radius:100%; padding:5px; background:#fff;} .top13 .cheboxdiv{ font-size:30px; width:110px; margin:0 auto} .top13 .cheboxdiv img{ float:left} .top13 .cheboxdiv span{ font-size:40px;} .top13_red{ clear:both; border-top:#906400 1px solid; border-bottom:#906400 1px solid; background:#ff0000; color:#fff; text-align:center; font-size:45px; padding:10px 0} .top13_last{ color:#fff; font-size:50px; text-align:center; padding:20px 0;} .top13_last span{ font-size:30px; display:block} /*-------------------TOP 14------------------*/ .top14{ background:url(top14_bg.png) 0 0 no-repeat; clear:both; min-height:780px} .top14_left{ float:left; width:460px; max-height:777px;} .top14_left img{ margin-top:-30px;} .top14_right{ float:right; float:right; width:810px; padding-top:40px;} .top14_h{ color:#fff; font-size:60px; margin-left:-70px} .top14_btn{ clear:both; text-align:right; position:relative} .top14_btn img{ float:right} .top14_hsm{ clear:both; color:#fff; font-size:30px; padding-left:120px;} .top14 ul{ padding:50px 70px 0 0; margin:0} .top14 li{line-height:28px; list-style:none; color:#5b3715; font-size:25px; padding-bottom:0px; background:url(red_sl.png) 0 5px no-repeat; list-style:none; padding-left:40px;} /*-------------------TOP 15------------------*/ .top15{ padding:45px 28px 0 28px; background:#f5f5f5 url(top15bg.png) 100% 0 no-repeat; clear:both; min-height:795px} .top15_green_h{ background:#0b9f00; color:#f8f400; font-size:70px; padding:10px 15px; display:table} .dis15{ width:570px; font-size:25px; font-family: 'corbelregular'; margin-top:60px;} .dis15 p{ margin-bottom:40px;} /*-------------------TOP 16------------------*/ .top16{ background:#d3c15d; font-family: 'corbelregular';} .top16_h{ font-size:60px; text-align:center; padding:20px 0; } .top16_h strong{ color:#ff0000} .top16 ul{ padding:0; margin:0;} .top16 li{ list-style:none; float:left; width:20%; margin:0 2.5%} .top16 .top16_thumb img{ border:#ff0000 5px solid;box-sizing:border-box; border-radius:5px; - moz-border-radius:5px; -webkit-border-radius:5px;} .top16 .top16_title{ margin-bottom:15px; position:relative; float:left; width:100%} .top16 .top16_title h3{ float:left; color:#000; font-family:'corbelregular'; background:#e5da9e; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:180px; font-size:22px; text-align:right } .top16 .top16_title img{ float:right; margin-top:-24px;} .top16 .top16_cont{ clear:both;} .top16 .top16_cont p{ margin-bottom:15px; font-size:22px; line-height:24px; color:#212121} /*-------------------TOP 17------------------*/ .top17{ background:#5b3715 url(top17bg.jpg) 0 0 no-repeat; min-height:690px; padding:90px 40px 0 40px } .top17_h{ font-size:61px;} .top17_h p{ color:#de0000; line-height:40px;} .top17_h span{ color:#004b18} .top17_left{ width:820px;} .top17_dis{ margin-top:40px;} .top17_dis p{ margin-bottom:20px; font-size:24px; color:#482300} .top17_dis strong{ text-align:right; margin:30px 0 0 0; font-size:40px; color:#482300; display:block} /*-------------------TESTMONIALS_TWO------------------*/ .testmonial_two{ background:#ebebeb; padding-top:75px; clear:both} .testmonial_two_h{font-size:50px; color:#fff;} .testmonial_two_h span{ background:#de0000; padding:20px 60px; display:inline-block} .testmonial_two_inner{ clear:both;} .testmonial2_divouter{position:relative; padding:0 65px; clear:both} .testmonial2_div{ float:left; width:100%; padding:30px 0; z-index:2; position:relative} .testimonial2_bgfree{ background:#d5d5d5; height:150px; top:85px; left:0; position:absolute; width:100%; z-index:1;} .test_two_left{ width:255px; float:left; margin-right:24px;} .test_two_left img{ box-shadow:0 0 15px #666; -moz-box-shadow:0 0 15px #666; -webkit-box- shadow:0 0 15px #666; float:left; background:#fff; padding:4px; border-radius:100%; -moz- border-radius:100%; -webkit-border-radius:100%; border:#ff0000 5px solid} .test_two_right{ background:#b6b6b6; float:left; box-shadow:0 0 28px #666; -moz-box-shadow:0 0 28px #666; -webkit-box-shadow:0 0 28px #666; width:830px; padding:30px 20px; border- radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; min-height:200px;} .test_two_right strong{ font-size:25px; font-family: 'mv_boliregular'; color:#df0024;} .test_two_right p{ color:#fff; font-size:25px; font-family:Corbel} /*--------------------pen Section-----------------------*/ .pen_div{ clear:both; background:#3d3d3d; padding:10px 0; position:relative; min- height:810px;} .pen_img{ position:absolute; top:15px; left:-50px} .pendiv_right{ float:right} .pen_dis{ width:620px; font-family: 'corbelregular'; float:right; padding:120px 20px 0 0} .pen_dis p{ color:#000; font-size:30px; margin-bottom:40px} .pen_yellow{ text-align:right; color:#303030; clear:both; margin-top:65px; width:700px; font-size:40px; background:#e2de00; padding:20px 10px 20px 0; float:right} .pen_yellow span{ display:block; font-size:65px; line-height:65px; } /*-------------------top18------------------------------*/ .top18{ clear:both; font-family:Corbel} .top18_h{ font-size:60px; float: right; text-align:center; padding:26px 0; width: 51%; color:#303030} .top18_top{ font-size:30px;} .top18_top .col_left{ float:left; background:#e6e6e6; width:45.95%; padding:2%;} .top18_top .col_left p{ margin-bottom:34px;} .top18_top .col_right{ float:right; background:#e6e6e6; width:49.95%; } .top18_top .col_right .col_red{ color:#de0000; font-size:40px;} .col_right .column2_thumb{ background:#fff; text-align:center; padding-bottom:10px;} .col_right_dis{ padding:3%} .top18_single_post{ font-size:30px; padding-right:40px; clear:both; position:relative} .top18_single_post_dis img{ margin-right:55px; float:left} .top18_single_post_dis strong{ padding-top:150px; margin-bottom:40px; display:block} .top18_single_post_dis p{ margin-bottom:40px;} .top18_btn{ position:absolute; right:0px; top:-3px;} /*-------------------top19------------------------------*/ .top19{ clear:both; background:#f1f1f1; font-family: 'corbelregular'; padding-bottom:20px;} .top19_h{ background:#c7c7c7; text-align:center; padding:50px 0; color:#de0000; font-size:66px;} .top_19dis{ float:left; width:100%; position:relative; color:#212121} .top_19dis_left{ float:left; width:710px; padding-top:35px; margin-left:50px} .top_19dis_left strong{ font-size:30px;} .top_19dis_left ul{ padding:45px 0; margin:0} .top_19dis_left li{ list-style:none; background:url(red_sl.png) 0 3px no-repeat; padding-left:30px; font-size:25px; line-height: 35px; } .top_19dis_left p{ font-size:25px; margin-bottom:40px} .top_19dis_right{ float:right; position:absolute; right:0; top:-85px} /*-------------------Cart_section------------------------------*/ .cart_section{ background:url(cart_sect_bg.png)0 0 no-repeat; min-height:1830px; font-family: 'corbelregular';} .cart_top_blank{ background:#eae1d4; height:55px;} .cart_h{line-height:normal; text-align:center; color:#5b3715; font-size:70px; margin:45px 0 70px 0; font-family: 'geometr706_blkcn_btblack';} .granted_div{ background:#fff; border:#009e3b 7px dashed; width:950px; margin:0 auto; padding:40px;} .granted_div p{ font-size:28px; line-height:30px; margin-bottom:10px; width:57%; float:left} .granted_div span{ font-size:35px; float:left; font-weight:bold; margin-top:20px; color:#009e3b} .granted_div img{ margin-left:20px; margin-left: 20px; position: relative; right: 0; top: 0; width: 35%;} .producct_div{ padding:100px 0 0 0; float:left; width:100%; font-family:"corbelregular";} .producct_div ul{ padding:0; margin:0} .producct_div li{ list-style:none; float:left; text-align:center; width:30%; margin:0 1.5%; background:#402c00; padding-top:10px;} .producct_div .product_title{ background:#867a5e; } .producct_div .product_title a{display:block;line-height:normal;color:#fff; font-size:50px; padding:15px 0; color:#fff;} .producct_div .product_image{} .producct_div .product_discription{ background:#867a5e; color:#fff; padding:20px 0} .producct_div .shor_dis{ font-size:28px; line-height:normal;} .producct_div .price{ font-size:35px; font-weight:bold; line-height:normal;} .producct_div .small_txt{ display:block; font-size:20px; line-height:normal;} .producct_div input[type="submit"]{background:url(cart_submit_btn.png) center center no-repeat; width:324px; height:47px; margin:5px 0 2px 0;text-indent:-99999px; border:none; padding:0 ! important;} .producct_div .payment_option{padding-top:10px; display:block;} .before_last_h{line-height:normal; font-size:30px; text-align:center; padding:40px 65px; color:#5b3715; font-weight:bold; clear:both} .cart_section_last{line-height:normal; background:url(transparent.png) 0 0 repeat; padding:20px; font-size:50px; font-weight:bold; text-align:center; color:#5b3715;} .outer960{width:960px; margin: 0 auto;} .producct_div form{margin:0;} .cart .producct_div{padding:0 0 50px 0; margin:0 auto; width:1000px; float:none; } .cart .producct_div .product_title a{font-size:40px;} .cart .producct_div .shor_dis{font-size:22px;} .cart .producct_div input[type="submit"]{width:280px;background-size:100%;} .cart .producct_div .price{font-size:30px;} .cart .producct_div li{margin:0 1%; width:31%;} /*========================================================================= ======================== ====================================CSS END HERE=================================================== ========================================================================== =========================*/ /* @group Customer Accounts */ body.customers span.note { font-size: 12px; } body.customers .errors { color: #FE0202; } body.customers a.button { text-decoration: none; margin-bottom: 10px; } body.customers .order-history table { width: 90%; } body.customers #order_details { width: 100%; margin-bottom: 60px; } body.customers .order-history table th, body.customers #order_details th { font-weight: bold; padding: 10px; text-align: left; } body.customers .order-history table td, body.customers #order_details td { font-weight: normal; padding: 10px; text-align:left; border-bottom: 1px solid #e8e8e8; } body.customers.order h2.accounts-title{ margin-bottom: 5px; } body.customers .customer_address_table { width: 100%; } body.customers .customer_address_table td { vertical-align: top; font-size: 13px; } body.customers .customer_address_table td.label { width: 180px; text-align: right; padding-right: 10px; } body.customers .customer_address_table td.value input { width: 400px; } body.customers .edit_address .customer_address_table td.value input{ width: 240px; } body.customers .edit_address .customer_address_table td.label { width: 180px; } body.customers .customer_address_table td input[type="checkbox"] { margin-bottom: 20px; } body.customers a.return { margin-right: 10px; } body.customers .vcard { min-height: 180px; } /* @end */ /* css animations */ body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz- animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill- mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill- mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o- animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,50%,100%{opacity:1} 25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o- keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash {0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation- name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{- webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)} 20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz- transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{- moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)} 10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX (10px)}}@keyframes shake{0%,100%{transform:translateX(0)} 10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX (10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation- name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit- transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(- 15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz- transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce {0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o- transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation- name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce} @-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate (-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit- transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada {0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{- moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)} 100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o- transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)} 40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)} 30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(- 3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation- name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing {20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit- transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz- transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{- moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o- transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o- transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate (15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)} 100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;- moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)} 30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(- 3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz- transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz- transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{- moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)} 100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o- transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o- transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o- transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble {0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX (20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{- webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation- name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)} 50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz- transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit- animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation- name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit- animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective (400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing- function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing- function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz- animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz- transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in} 100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o- keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease- out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing- function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale (1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o- animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY (0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY (170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;- webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;- o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible! important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit- transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX (0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX (90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz- transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX (0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX (90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o- transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX (0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0} 40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX (10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface- visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible! important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation- name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit- transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz- transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX (0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective (400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface- visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible! important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation- name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit- transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit- transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz- transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz- transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o- transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o- transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY {0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective (400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit- animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o- backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible! important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective (400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY (90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY (0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o- keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o- transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY {0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit- animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation- name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface- visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0} 100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn {0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit- animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation- name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)} 100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz- transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp {0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY (0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation- name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit- transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz- transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)} 100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown {0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{- webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation- name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;- webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz- keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz- transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)} 100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX (-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;- moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@- webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;- webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz- transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight {0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX (0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o- animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig {0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY (0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)} 100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o- transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig {0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{- webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation- name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig {0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY (0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)} 100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o- transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY (0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation- name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@- webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)} 100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;- moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX (0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)} 100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;- moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation- name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX (2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig {0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@- o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o- transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)} 100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;- moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation- name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;- moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit- keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit- transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY (0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o- transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp {0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{- webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation- name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;- webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY (20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o- transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)} 100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation- name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation- name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft {0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}} @-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz- transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)} 100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft {0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{- webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation- name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;- webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX (20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o- transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)} 100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;- moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation- name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY (0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig {0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@- o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o- transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)} 100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation- name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation- name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig {0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY (2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)} 100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig {0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}} @keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)} 100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation- name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation- name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig {0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(- 2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)} 100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;- o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(- 2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation- name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@- webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;- webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz- transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX (2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)} 100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation- name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation- name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn {0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit- transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;- moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)} 100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)} 50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}} @keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)} 70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;- moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit- keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit- transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit- transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY (2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)} 100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY (2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o- transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)} 60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY (0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o- animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown {0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY (30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz- keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz- transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY (0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o- transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}} @keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)} 60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY (0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation- name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@- webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)} 60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{- webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz- transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz- transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft {0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o- transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft {0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)} 80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation- name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation- name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight {0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(- 30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz- keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz- transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX (0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o- transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}} @keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)} 60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)} 100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz- animation-name:bounceInRight;-o-animation-name:bounceInRight;animation- name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit- transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit- transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz- transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale (.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;- o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut {0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)} 100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz- animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit- keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit- transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)} 100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o- transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o- transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)} 20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(- 2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation- name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit- keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit- transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)} 100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o- transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o- transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)} 20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY (2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation- name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@- webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit- transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)} 100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o- transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o- transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)} 20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(- 2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation- name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit- keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit- transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)} 100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o- transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o- transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)} 20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX (2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation- name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@- webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(- 200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate (0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz- transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz- transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o- transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate (0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(- 200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{- webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation- name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform- origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform- origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o- transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate (0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation- name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit- keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(- 90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate (0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz- transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate (0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o- transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate (0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(- 90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate (0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation- name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@- webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit- transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit- transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz- transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;- o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate (0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(- 90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate (0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation- name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@- webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit- transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit- transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz- transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o- transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate (0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation- name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation- name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;- webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit- transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz- transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;- o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate (200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate (0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{- webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation- name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit- transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz- transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform- origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o- transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(- 90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation- name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@- webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit- transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate (90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;- moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate (90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o- transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate (90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate (0);opacity:1}100%{transform-origin:left bottom;transform:rotate (90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz- animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation- name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit- transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform- origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;- moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform- origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o- transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate (90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation- name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit- transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(- 90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;- moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(- 90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o- transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(- 90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(- 90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz- animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation- name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit- transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit- transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease- in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation- timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit- transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit- transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz- transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate (80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz- transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out} 80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz- animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o- keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing- function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation- timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o- animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o- transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY (700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation- timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation- timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing- function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{- webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation- name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(- 120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn {0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz- transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(- 100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn {0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation- name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit- transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate (120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)} 100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut {0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX (100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)} 100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation- name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@- webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0} 60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX (0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@- moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{- moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX (-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o- transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(- 15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(- 20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1} 100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation- name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation- name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing- function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease- out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o- animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit- transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(- 30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX (0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX (100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX (0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{- webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation- name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;- moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing- function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation- duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{- webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX (7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit- transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)} 80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit- transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz- transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{- moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)} 70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX (0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)} 10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)} 40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)} 70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)} 100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)} 10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)} 40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)} 70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)} 100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation- name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing- function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease- in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz- animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s} /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(//cdn.shopify.com/s/files/1/0559/1957/t/2/assets/fancybox_sprite.png?16107354988731829794); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(//cdn.shopify.com/s/files/1/0559/1957/t/2/assets/fancybox_loading.gif?16107354988731829794) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(//cdn.shopify.com/s/files/1/0559/1957/t/2/assets/fancybox_overlay.png?16107354988731829794); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* featured search page products */ .empty-featured { float: left; margin-top: 30px; } /* search */ .search-result { padding: 20px 0; border-top: 1px solid #e8e8e8; margin: 0; } .search-product-thumb { float: left; margin-left: 0px; } .search-text { float: left; margin-bottom: 10px; } .search-form p input[type="text"] { margin-bottom: 10px; } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ /**** Contact form ****/ .contact-form input[type="text"], .contact-form input[type="password"], .contact-form input [type="email"], .contact-form input[type="telephone"], .contact-form textarea, .contact-form select {width:400px;} /* Corrections by Caroline */ header h1.logo a { margin: 0.2em 0; line-height: 1; } #product-photo-container { margin-bottom: 25px; } footer { padding-top: 45px; text-align: center;} footer ul li{ display: inline; text-align: center; padding:0 15px; font-size: 18px;} footer ul li a{ color:#000 !important} .aspect{ margin:0px; padding:10px; font-size: 20px; line-height: 29px; background:#e6e6e3; float:left; font-family: "corbelregular";} .aspect1{ margin:0px; padding:0px; } .aspect1 p{ font-size:23px; text-align:justify; color:#000; text-align: center; font-family: "corbelregular"; padding-bottom: 38px; line-height: 29px;} .tag2 { font-size: 44px !important; padding: 22px; color:#e34120 !important; font-family: "geometr706_blkcn_btblack" !important; }