/*.main1 {width:100%; float:left;} .one {width:48%; float:left; text-align:center;} .two {width:48%; float:left;} */ .logo img { width: 100%; } .header .header-inner .nav { margin: 0; padding: 0; text-align: center; float: none; } .header .header-inner .logo{ clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:5px; margin-bottom:5px;} .parent{ background:url(images/down_arrow.png) no-repeat scroll 69px 8px;} /* --------- Homepage --------- */ .pleasure{ width:100%; margin:0 auto; position:relative; visibility:hidden;} .pleasure h2{font-weight:400; text-align:center; text-transform:none;} .pleasure p{text-align:center; padding-bottom:20px;} #pleasure-box {width:19.8%; height:auto; display:inline-block; float:left; margin:0 1px 0 0; padding:2.5%; position:relative; transition:0.3s;} #pleasure-box img {display: block; margin:auto;} #pleasure-box h2 {font-weight:400; text-transform:capitalize; text-align:center; padding:20px 0; border-bottom:none;} #pleasure-box h2 span { font-weight:bold;} #pleasure-box p {line-height:20px; text-align:center;} #pleasure-box .read-more { color:#3a3c41; font:300 14px 'Roboto', sans-serif; text-transform:uppercase; text-align:center; border:#fff solid 1px; padding:8px 10px; display:block; margin:30px auto 0 auto; width:50%; background-color:#f7f6f6;} #pleasure-box:hover .read-more { background:#fff;} #pleasure-box:hover {cursor:pointer;} /*------------------------------------------- PLEASURE END -------------------------------------------*/ .our-products{ width:100%; margin:0 auto; position:relative; visibility:hidden;} .our-products h2{font-weight:400; text-align:center; text-transform:none;} .our-products p{text-align:center; padding-bottom:20px;} #products-box{width:21.35%; height:auto; display:inline-block; float:left; margin:0 56px 45px 0; position:relative; transition:0.3s;} #products-box:nth-of-type(4){margin-right:0px;} #products-box:nth-of-type(8){margin-right:0px;} #products-box:nth-of-type(12){margin-right:0px;} #products-box:nth-of-type(16){margin-right:0px;} #products-box img {display: block; margin:auto;} #products-box h2 {font-weight:700; text-transform:capitalize; text-align:center; padding:20px 0; border-bottom:none;} #products-box p {line-height:20px; text-align:center;} #productdescbg{min-height:160px; height:auto; padding: 40px 20px;} .borderstrip{border-top:5px solid #4c3b3b; opacity:0.5; position:relative; top:-5px; margin-bottom:-5px;} .prodprice{ font:14px 'Roboto Condensed'; font-weight:400; color:#4c3b3b; background-color:transparent; display:block; text-decoration:none; width:43%; text-align:center; margin-left:10px; float:left; border:1px solid #000; padding:5px 0 5px 0;} .prodprice:hover{background-color:#000; color:#FFF; border:1px solid #fff;} .prodbuy{ font:14px 'Roboto Condensed'; font-weight:400; color:#e17159; background-color:transparent; display:block; text-decoration:none; width:43%; text-align:center; margin-right:10px; float:right; border:1px solid #e17159; padding:5px 0 5px 0;} .prodbuy:hover{background-color:#e17159; color:#FFF;} .viewall{ font:15px 'Roboto Condensed'; font-weight:400; color:#e17159; background-color:transparent; display:block; text-decoration:none; width:15%; text-align:center; margin:0 auto; clear:both; border:1px solid #fff; padding:7px 0 7px 0; position:relative; top:52px;} .viewall:hover{background-color:#000; color:#fff;} /*------------------------------------------- OUR PRODUCTS END -------------------------------------------*/ .ourbakers{ width:100%; margin:0 auto; position:relative; visibility:hidden;} .ourbakers h2{font-weight:400; text-align:center; text-transform:none;} .ourbakers p{text-align:center; padding-bottom:20px;} #bakers-box{width:21.35%; height:auto; display:inline-block; float:left; margin:0 56px 40px 0; position:relative; transition:0.3s;} #bakers-box:nth-of-type(4){margin-right:0px;} #bakers-box:nth-of-type(8){margin-right:0px;} #bakers-box:nth-of-type(12){margin-right:0px;} #bakers-box:nth-of-type(16){margin-right:0px;} #bakers-box img {display: block; margin:auto;} #bakers-box h2 {font-weight:700; text-transform:capitalize; text-align:center; padding:20px 0 5px; border-bottom:none;} #bakers-box p {line-height:20px; text-align:center;} #bakersbg{min-height:75px; height:auto;} /*------------------------------------------- OUR BAKERS END -------------------------------------------*/ .happycustomers{ margin:0;} .happycustomers h2{font-weight:400; text-align:center; text-transform:none;} .happycustomers p {line-height:20px; text-align:center; padding-bottom:20px;} #happycustomers-box{width:31.62%; margin-right:28px; margin-bottom:25px; float:left;} #happycustomers-box:nth-of-type(3){margin-right:0px;} #happycustomers-box:nth-of-type(6){margin-right:0px;} #happycustomers-box:nth-of-type(9){margin-right:0px;} #happycustomers-box:nth-of-type(12){margin-right:0px;} #happycustomers-whitebox{padding:20px 20px 0 20px; box-shadow:0 0 4px 2px #a7a6a1; -moz-box-shadow:0 0 4px 2px #a7a6a1; -webkit-box-shadow:0 0 4px 2px #a7a6a1; -o-box-shadow:0 0 4px 2px #a7a6a1; min-height:160px;} #happycustomers-whitebox p{line-height:22px; padding-bottom:0px; text-align:left; font-style:italic; text-indent: 65px; position:relative; top:-15px;} .quote{background:url(images/quote.png) left top no-repeat; width:49px; height:37px; position:relative; top:-33px; margin-bottom:-33px;} .arrowdown{background:url(images/arrow-customer-down.png) bottom right no-repeat; height:18px; position:relative; left:-80px; display:none;} .cinfo{float:right; margin-top:20px;} .cphoto{float:right;} .cphoto img{width:60px; height:60px; border:2px solid #ff6d84; border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px;} .cabout{float:left; padding-right:20px;} .cus-name{text-align:right; font-weight:700; color:#ff6d84;} .cus-company{text-align:right;} /*------------------------------------------- OUR HAPPY CUSTOMER END -------------------------------------------*/ .whychoose{ width:100%; margin:0 auto; position:relative; visibility:hidden;} .whychoose h2{font-weight:400; text-align:center; text-transform:none;} .whychoose p{text-align:center; padding-bottom:20px;} #whychoose-box{width:21.35%; height:auto; display:inline-block; float:left; margin:0 56px 0 0; position:relative; transition:0.3s;} #whychoose-box:nth-of-type(4){margin-right:0px;} #whychoose-box:nth-of-type(8){margin-right:0px;} #whychoose-box:nth-of-type(12){margin-right:0px;} #whychoose-box:nth-of-type(16){margin-right:0px;} #whychoose-box img {display: block; margin:auto;} #whychoose-box h2 {font-weight:700; text-transform:capitalize; text-align:center; padding:17px; border-bottom:none;} #whychoose-box p {line-height:20px; text-align:center;} /*------------------------------------------- WHY CHOOSE US END -------------------------------------------*/ .bakeprocess{width:100%; margin:0 auto;} .bakeprocess h2{display:none;} .bakeprocess p{display:none;} #bakeprocess-box{width:100%; height:auto; display:inline-block; float:left; margin-bottom:30px; margin-top:30px;} .processvideo{float:left; width:40.59%;} .processdesc{float:right; width:53.84%; margin:60px 0 0 0;} .processdesc h2{font-weight:400; text-align:center; text-transform:none; display:block !important;} .processdesc p{text-align:center; padding-bottom:20px; display:block !important;} /*------------------------------------------- BAKE PROCESS END -------------------------------------------*/ .latestnews{ width:100%; margin:0 auto; position:relative; visibility:hidden;} .latestnews h2{font-weight:400; text-align:center; text-transform:none;} .latestnews p{text-align:center; padding-bottom:20px;} #news-box{width:19.8%; height:auto; display:inline-block; float:left; margin:0 1px 0 0; padding:2.5%; position:relative; transition:0.3s;} #news-box img{display: block; margin:auto;} #news-box h2{font-weight:700; text-transform:capitalize; text-align:center; padding:20px 0; border-bottom:none;} #news-box h2 span{ font-weight:bold;} #news-box p {line-height:20px; text-align:center;} #news-box .read-more{ color:#3a3c41; font:300 14px 'Roboto', sans-serif; text-transform:uppercase; text-align:center; border:#fff solid 1px; padding:8px 10px; display:block; margin:30px auto 0 auto; width:50%; background-color:#f7f6f6;} #news-box:hover .read-more{ background:#fff;} #news-box:hover{} .morebtn{font:14px 'Roboto Condensed'; font-weight:400; color:#4c3b3b; background-color:transparent; display:block; text-decoration:none; width:50%; text-align:center; margin:0 auto; clear:both; border:1px solid #4c3b3b; padding:7px 0 7px 0;} .morebtn:hover{background-color:transparent; color:#ff6d84; border:1px solid #ff6d84;} /*------------------------------------------- LATEST NEWS END -------------------------------------------*/ .our-team { width:auto;} .team-desc{ visibility:hidden;} .team-div{ visibility:hidden;} .happycustomers{visibility:hidden;} .bakeprocess{visibility:hidden;} .skill { width:46.98%; float:left;} .skill-bar { margin:60px 0 0 0;} .skill-bg{ width:100%; background-color:#d6d5d5;} .team-members { margin:0; padding:0;} .team-col { width:22.39%; margin:0 0 40px 26px; padding-bottom:10px; float:left; border:1px solid #f1f1f1;} .team-col img{ width:100%;} .team-col h3 { color:#f0efef; font-weight:normal; font-size:18px; padding:15px; border-bottom:none;} /*------------------------------------------- OUR TEAM END ------------------------------------------- */ .stat{ visibility:hidden;} .client_banner{ margin:0; padding:0;} .client_banner .client{ width:18%; margin:0 29px 10px 0; padding:0; display:inline-block;} .client_banner .client img{ width:100%;} /*------------------------------------------- Client END -------------------------------------------*/ /* --------------------------- SOCIAL ICONS --------------------*/ .social-icons{ margin:0; padding:0; text-align:center;} .icon{ width:39px; height:39px; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; display:inline-block; margin:0 5px 0 0; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;} .facebook{background-image:url(images/social-icons/fb-icon.png);} .twitt{background-image:url(images/social-icons/twitt-icon.png);} .gplus{background-image:url(images/social-icons/gplus-icon.png);} .linked{background-image:url(images/social-icons/linkedin-icon.png);} .pinterest{background-image:url(images/social-icons/pinterest-icon.png);} .youtube{background-image:url(images/social-icons/y-tube-icon.png);} .vimeo{background-image:url(images/social-icons/vimeo-icon.png);} .rss{background-image:url(images/social-icons/rss-icon.png);} .instagram{background-image:url(images/social-icons/instagram-icon.png);} .tumblr{background-image:url(images/social-icons/tumblr-icon.png);} .flickr{background-image:url(images/social-icons/flickr-icon.png);} .yahoo{background-image:url(images/social-icons/yahoo-icon.png);} .dribble{background-image:url(images/social-icons/dribble-icon.png);} .kick{background-image:url(images/social-icons/kickstarter-icon.png);} .stumble{background-image:url(images/social-icons/stumbleupon-icon.png);} .zerply{background-image:url(images/social-icons/zerply-icon.png);} .sound{background-image:url(images/social-icons/soundcloud-icon.png);} .path{background-image:url(images/social-icons/path-icon.png);} .klout{background-image:url(images/social-icons/klout-icon.png);} .behance{background-image:url(images/social-icons/behance-icon.png);} .envato{background-image:url(images/social-icons/envato-icon.png);} .codepen{background-image:url(images/social-icons/codepen-icon.png);} .vine{background-image:url(images/social-icons/vine-icon.png);} .technorati{background-image:url(images/social-icons/technorati-icon.png);} .github{background-image:url(images/social-icons/github-icon.png);} .foursquare{background-image:url(images/social-icons/foursquare-icon.png);} .five{background-image:url(images/social-icons/fivehundred-icon.png);} .speaker{background-image:url(images/social-icons/speakerdeck-icon.png);} .wordpress{background-image:url(images/social-icons/wordpress-icon.png);} .yelp{background-image:url(images/social-icons/yelp-icon.png);} .aboutme{background-image:url(images/social-icons/aboutme.png);} .eyeme{background-image:url(images/social-icons/eyeme.png);} .xing{background-image:url(images/social-icons/xing.png);} .mail{background-image:url(images/social-icons/email.png);} .blogger{background-image:url(images/social-icons/blogger.png);} .blip{background-image:url(images/social-icons/blip.png);} .wechat{background-image:url(images/social-icons/wechat.png);} .badoo{background-image:url(images/social-icons/badoo.png);} .bebo{background-image:url(images/social-icons/bebo.png);} .netlog{background-image:url(images/social-icons/netlog.png);} .tagged{background-image:url(images/social-icons/tagged.png);} .line{background-image:url(images/social-icons/line.png);} .space{background-image:url(images/social-icons/myspace.png);} .hifive{background-image:url(images/social-icons/hifive.png);} .zorpia{background-image:url(images/social-icons/zorpia.png);} .vk{background-image:url(images/social-icons/vk.png);} .meetup{background-image:url(images/social-icons/meetup.png);} .askfm{background-image:url(images/social-icons/askfm.png);} .meetme{background-image:url(images/social-icons/meetme.png);} .classmates{background-image:url(images/social-icons/classmates.png);} .ning{background-image:url(images/social-icons/ning.png);} .kiwibox{background-image:url(images/social-icons/kiwibox.png);} .rocket{background-image:url(images/social-icons/rocketlawyer.png);} .zillow{background-image:url(images/social-icons/zillow.png);} .whatsapp{background-image:url(images/social-icons/whatsapp.png);} .medium{background-image:url(images/social-icons/medium.png);} /* --------- Pages ------- */ .content-area{ width:1160px; margin:0 auto; padding:200px 0 60px 0;} .site-main{ width:800; margin:0; padding:0; float:left;} #sitefull{ width:auto !important;} #nosidebar{ width:80%; margin:0 auto; float:none; text-align:center;} #sidebar{ width:270px; margin:0; padding:0; float:right;} /* ------------ Footer -------- */ #footer-wrapper { position:relative; padding:55px 0 0; width:100%;} .footer {width:1160px; margin:auto;} .widget-column-1 { width:21.36%; float:left; margin:0 55px 50px 0;} .widget-column-3 { width:21.36%; float:left; margin:0 0 50px 0;} .footer-col-1, .footer-col-3{ padding:0; margin-bottom:30px;} .footer-col-1 h2 {font-weight:400; font-size:30px; margin-bottom:20px;} .footer-col-3 h2 {font-weight:400; font-size:30px; margin-bottom:10px;} .footer-nav { margin:0; padding:0;} .footer-nav li { display:block; padding:0;} .footer-nav li a { color:#8e8d8d; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/gry-arrow.png) no-repeat 0 3px; padding:0 0 0 20px;} .footer-nav li a:hover { color:#ff6d84; background:url(images/gry-arrow.png) no-repeat 0 -9px; transition: all 0.5s ease 0s; overflow:hidden;} .recent-post { margin:0px; padding:0px; list-style:none;} .recent-post ul{ list-style:none !important;} .recent-post li { line-height:18px; padding:0 0 10px 0px; background:none; margin-bottom:10px;} .recent-post li img {float:left; margin:0 10px 0 0;} .recent-post li p {padding-top:5px;} .recent-post li span { color:#ff6d84; font-size:11px;} .recent-post li a { color:#fff; text-decoration:none; text-transform:uppercase;} .recent-post li a:hover { text-decoration:none;} .recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;} .phone-no { margin-top:40px; line-height:24px;} .phone-no strong {display:inline-block; padding-right:3px; font-weight:400;} .copyright-wrapper { position:relative; padding:25px 0;} .copyright { width:1160px; margin:auto;} .copyright-txt { float:left;} .copyright-txt span { color:#ff6d84;} .design-by { float:right;} .design-by a{color:#4c3c3c;} .design-by a:hover{text-decoration:underline; color:#4c3c3c;} .timingbox{width:100%;} .openingday{float:left; text-align:left; padding-bottom:11px;} .openingtime{float:right; text-align:right; padding-bottom:11px;} .yes{background-color:#ff6d84; padding: 5px 15px;} .widget-column-3 iframe{margin-top:-20px !important;} /* ------ Contact Form ------ */ .wpcf7{ margin:0; padding:0; font:15px 'Roboto',san-serif; color:#ffffff;} .wpcf7 form{ margin:0; padding:0;} .wpcf7 form span.last{ float:none !important;} .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;} .wpcf7 form textarea{height:150px; width:400px; border:1px solid #cccccc; background-color:#f1f1f1; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;} .wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;} span.wpcf7-list-item{ margin:0 15px 0 0 !important;} .wpcf7 form input[type="submit"]{ margin:0; padding:5px 20px; background-color:#ff6d84; border:1px solid #cccccc; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} /* --- skills bar --- */ .skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; margin-top:25px;} .skillbar-title { font:16px 'Roboto',san-serif;color:#8e8d8d;} .skillbar-title span { display:block; background-color:transparent; color:#8e8d8d; padding:0; height:35px; line-height:35px;} .skillbar-bar { height:6px; width:0px; background:#ff6d84;} .skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#8e8d8d;} .pricing_table{font-size:15px;} .price_col{transition: left 0.5s;} .price_col{float:left; text-align:center; background:#2c3e50; color:#fff; margin-top:10px; z-index:0;} .pricing_table .th{font-size:24px; font-weight:bold; color:#fff; padding:10px 0;} .pricing_table .highlight{background:#ff6d84; box-shadow:0 0 10px rgba(0,0,0,0.75); z-index:1; margin-top:0; z-index:1; position:relative;} .pricing_table .highlight .th{padding-top:20px;} .pricing_table .highlight .tf{padding-bottom:30px;} .pricing_table .td, .pricing_table .tf{padding:20px 0; border-top:1px #fff solid;} .pricing_table .tf a{background:#ff6d84; color:#fff; border:1px #ccc dashed; padding:8px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} .pricing_table .tf a:hover{background-color:#2c3e50;} .pricing_table .highlight .tf a{background-color:#2c3e50;} .pricing_table .highlight .tf a:hover{background-color:#ff6d84;} .error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;} .success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;} .spacer20{height:20px; clear:both;} .pagination{display:table; clear:both;} .pagination ul{list-style:none; margin:20px 0;} .pagination ul li{display:inline; float:left; margin-right:5px;} .pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;} .pagination ul li .current, .pagination ul li a:hover{background:#ff6d84;} h1.entry-title, h1.page-title{padding-bottom:20px; font-size:30px;} article.tag-sticky-2{background:#f6f6f6; padding:10px;} article img{height:auto;} article p{margin:10px 0;} .post-date{display:inline;} .post-comment{display:inline;} .post-categories{display:inline;} .post-tags{display:inline;} form.search-form{margin-bottom:15px;} input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:4px;} input.search-submit, .post-password-form input[type=submit]{border:none; color:#A3A3A3; padding:4px 10px; cursor:pointer;} aside.widget{margin-bottom:30px;} aside.widget ul{ list-style:disc; margin-left:13px;} .photobooth .eleven strong {color:#333; font-size:24px; font-style:italic; margin-bottom:13px; display:block; } .photobooth .eleven p {color:#555; font-size:18px; } .photobooth .five {font-size:24px; color:#555; margin-top:0; padding-top:0; line-height:31px; } .photobooth .filter-gallery {position:relative; width:30%; margin:0 auto 30px auto; text-align:center; } .photobooth .filter-gallery ul {list-style:none !important; overflow:hidden; background-color:#f7f6f6;} .photobooth .filter-gallery ul li {float:left; padding:15px; width:auto;} .photobooth .filter-gallery ul li.current {font-weight:bold;} .photobooth .gallery ul{list-style:none !important; margin:0;} .photobooth .gallery ul li {background:#000; float:left; cursor:pointer; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; background:url("images/camera-icon.png") 50% 0 no-repeat #000000; margin:0 1.3% 1.3% 0; width:24%} .photobooth .gallery ul li p {color:#111; margin:0; padding:10px 0; position:absolute; width:100%; display:none; text-align:center; bottom:0; opacity:0.8; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; } .photobooth .gallery ul li p span {margin-top:0px; display:block; font-weight:bold; } .photobooth .gallery ul li strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:none; text-align:center; bottom:0; opacity:0.8; width:100%;} .photobooth .gallery ul li img {vertical-align:middle; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; width:324px; height:193px; } .photobooth .gallery ul li:hover img {opacity:0.3; } .photobooth .gallery ul li:hover strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:50%; opacity:0.8; } .photobooth .gallery ul li:hover p {color:#111; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:0; opacity:0.8; } .photobooth .gallery ul li:hover p span {margin-top:20px; display:block;} .nav-previous{float:left; margin-top:10px; margin-bottom:10px;} .nav-next{float:right; margin-top:10px; margin-bottom:10px;} nav.post-navigation{padding:10px 0 20px;} .accordion-box h2.active{color:#ff6d84;} .webicon{font-size:20px;} #sidebar ul li{margin:5px 0;} .comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;} .comment-list ul, ol.comment-list ul{list-style:none;} .comment-list li.comment{margin-top:20px;} .comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;} h3.widget-title{ font-size:20px; border-bottom:1px solid #cccccc; padding-bottom:15px; margin-bottom:15px;} /* contact form */ #contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea{width:50%; border:1px solid #eee; padding:5px;} /* woocommerce */ a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;} a.added_to_cart:hover{background:#000000;} a.button.added:before{content:'' !important;} #bbpress-forums ul li{padding:0;} #subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;} textarea.wp-editor-area{border:1px #ccc solid;} .woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;} form.woocommerce-ordering select{ padding:5px; color:#777777;} .woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff6d84;} .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;} h1.product_title, p.price{ margin-bottom:10px;} .hdr_buy_pro{font-size:14px; font-weight:bold; line-height:18px;} .hdr_buy_pro a{color:#fff; background:#ff6d84; padding:3px 10px;} .hdr_buy_pro a:hover{background:#fff; color:#ff6d84;} @media screen and (min-width:940px){ .hdr_buy_pro{position:absolute; top:0; right:0; } } @media screen and (min-width:720px) and (max-width:939px){ .content-area { padding: 80px 0 60px 0; } #sidebar {width:100%; float:left; padding:6%;} .content-area { width: 100%;} .footer {width:100%;} #pleasure-box {width:100%;} #products-box {width:100%;} #news-box {width:100%;} .hdr_buy_pro{position:absolute; top:28px; right:290px; } } @media screen and (max-width:719px){ .hdr_buy_pro{display:block; text-align:center; padding-bottom:10px;} .content-area { padding: 80px 0 60px 0; } #sidebar {width:100%; float:left; padding:6%;} .footer {width:100%;} .content-area { width: 100%;} #pleasure-box {width:100%;} #products-box {width:100%;} #news-box {width:100%;} } .post-nav{ clear:left; margin-top:40px;} .prev-page, .next-page{ margin:0; padding:0;} .prev-page a{ float:left;} .next-page a{ float:right;} .prev-page a, .next-page a{background-color:#333333; padding:5px 10px; color:#ffffff; font:15px 'Roboto',san-serif;} .prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#ff6d84;} .portfolio-main{ margin-top:30px;} /* -------------- bxslider --------- */ .bx-wrapper .bx-pager { bottom: -95px; } .bx-wrapper .bx-pager a { display: block; margin: 0 2px; padding: 0; } .bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active { opacity: 0.7; } .bx-wrapper { margin-bottom: 120px; } .bx-wrapper { position: relative; margin: 0 auto 60px !important; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -180px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* ----------- bxslider end --------- */ /* -------------- fotorama ----------- */ .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0 } .fotorama--fullscreen, .fotorama__img { max-width: 99999px!important; max-height: 99999px!important; min-width: 0!important; min-height: 0!important; border-radius: 0!important; box-shadow: none!important; padding: 0!important } .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .fotorama__spinner { position: absolute!important; top: 50%!important; left: 50%!important } .fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame { outline: 0 } .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after { content: ''; border-radius: inherit; background-color: rgba(0,175,234,.5) } .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft { -webkit-transform: none!important; transform: none!important } .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-property: -webkit-transform, width; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, .25, 1); transition-duration: 0ms } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0 } .fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft { -moz-box-orient: vertical; display: inline-block; vertical-align: middle } .fotorama__wrap * { box-sizing: content-box } .fotorama__caption__wrap { box-sizing: border-box } .fotorama--hidden, .fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1 } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play { -webkit-tap-highlight-color: transparent } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url(images/fotorama.png) no-repeat } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:2dppx) { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background:url(fotorama@2x.png) no-repeat; background-size:96px 160px } } .fotorama__thumb { background-color: #7f7f7f; background-color: rgba(127,127,127,.2) } @media print { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play { background: none!important } } .fotorama { min-width: 1px; overflow: hidden } .fotorama:not(.fotorama--unobtrusive)>:not(:first-child) { display: none } .fullscreen { width: 100%!important; height: 100%!important; max-width: 100%!important; max-height: 100%!important; margin: 0!important; padding: 0!important; overflow: hidden!important; background: #000 } .fotorama--fullscreen { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; float: none!important; z-index: 2147483647!important; background: #000; width: 100%!important; height: 100%!important; margin: 0!important } .fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage { background: #000 } .fotorama__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0; } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl } .fotorama__nav, .fotorama__stage { overflow: hidden; position: relative; max-width: 100% } .fotorama__wrap--pan-y { -ms-touch-action: pan-y } .fotorama__wrap .fotorama__pointer { cursor: pointer } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1!important } .fotorama__stage__frame { overflow: hidden } .fotorama__stage__frame.fotorama__active { z-index: 8 } .fotorama__wrap--fade .fotorama__stage__frame { display: none } .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0 } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8 } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7 } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9 } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none } .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: none!important } .fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full { display: none } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block } .fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage { max-width: 99999px!important } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible } .fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5 } .fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left } .fotorama__nav__frame { position: relative; cursor: pointer } .fotorama__nav--dots { display: block } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none } .fotorama__nav--thumbs { display: block } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none } .fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; border-radius: 6px; border: 1px solid #7f7f7f } .fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px } .fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px } .fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px } .fotorama__thumb { overflow: hidden; position: relative; width: 100%; height: 100% } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2 } .fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #00afea; background-image: linear-gradient(to bottom right, rgba(255,255,255,.25), rgba(64,64,64,.1)) } .fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #000 } .fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0,0,0,.5) } .fotorama__caption a:hover { color: #333; border-color: rgba(51,51,51,.5) } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0 } .fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption { display: none } .fotorama__caption__wrap { background-color: #fff; background-color: rgba(255,255,255,.9); padding: 5px 10px } @-webkit-keyframes spinner { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes spinner { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear } .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img { transition-property: opacity; transition-timing-function: linear; transition-duration: .3s } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .fotorama__select { cursor: auto } .fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10 } @-moz-document url-prefix() { .fotorama__active { box-shadow:0 0 0 transparent } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { position: absolute; z-index: 11; cursor: pointer } .fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px } .fotorama__arr--prev { left: 2px; background-position: 0 0 } .fotorama__arr--next { right: 2px; background-position: -32px 0 } .fotorama__arr--disabled { pointer-events: none; cursor: default; opacity: .1 } .fotorama__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20 } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus { border-radius: 50% } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px } .fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none } .fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play { opacity: 1; display: block } .fotorama__nav__frame .fotorama__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px } .fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-close { display: none } .fotorama__wrap--css3 .fotorama__video-close { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1 } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0 } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1 } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0!important } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none!important } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px, 0, 0); transform: translate3d(-48px, 0, 0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(48px, 0, 0); transform: translate3d(48px, 0, 0) } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(32px, -32px, 0)!important; transform: translate3d(32px, -32px, 0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-48px, 0, 0)!important; transform: translate3d(-48px, 0, 0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(48px, 0, 0)!important; transform: translate3d(48px, 0, 0)!important } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: -webkit-transform, opacity; transition-property: transform, opacity; transition-duration: .3s } .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%, 5px 100% } .fotorama__nav:before, .fotorama__stage:before { background-image: linear-gradient(transparent, rgba(0,0,0,.2) 25%, rgba(0,0,0,.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.4), transparent); background-position: 0 0, 0 0; left: -10px } .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before { left: 0 } .fotorama__nav:after, .fotorama__stage:after { background-image: linear-gradient(transparent, rgba(0,0,0,.2) 25%, rgba(0,0,0,.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.4), transparent); background-position: 100% 0, 100% 0; right: -10px } .fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after { right: 0 } .fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before { display: none } /* ========================================================== */ .photoalbum{ margin:40px 0 0; padding:0; text-align:center;} .photoalbum .photo{ width:250px; margin:0 15px 15px 15px; text-align:center; display:inline-block;} .photoalbum .photo img{ border:10px solid #ffffff; box-shadow:4px 4px 4px #000000; -moz-box-shadow:4px 4px 4px #000000; -webkit-box-shadow:4px 4px 4px #000000; -o-box-shadow:4px 4px 4px #000000;} .photoalbum .photo .photo-caption{ font-weight:700; margin-bottom:30px; font-size:25px;} .photoalbum .photo .photo-caption p{ font-size:15px; font-weight:400; font-style:italic;} /* ========================== Lightbox ==================== */ /* Preload images */ body:after { content: url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .image-set img{ border:2px solid #ffffff; margin:0 15px 15px 0;}