/*************************************************************************** 1. General Style 2. Top Bar 3. Header 4. Logo 5. Menu 6. Our Causes Carousel 7. Donate Us Box 8. Testimonials 9. Our Projects 10. HomePage 2 11. Donate Us Box 12. Video 13. Welcome Box 14. Successful Stories 15. Recent Events 16. Home Page 3 18. Donate Bar 19. Our Causes 20. Message Box 21. Recent Events 22. Charity Video 23. Footer Styling 24. People Reviews 25. Flickr Widget 26. Contact us 27. Newsletter. 28. Footer Bottom Strip 29. Search Result Found Page 30. Search Result Not Found Page 31. Gallery Two Column 32. Gallery Four Column 33. Error 404 34. About Us 35. Blog Page With Sidebar 36. Single Post With Image 37. Single Post With Video 38. Single Post With Slider 39. Project Single Post 40. Contact Page 41. Events Page 42. Elements Page 43. Cart Page 44. Featured Product Page 45. Checkout Page 46. Order Recieved Page 47. Sidebar 48. Sidebar Search 49. Popular Posts 50. Cloud Tags 51. Sidebar lists 52. Sidebar Video 53. Sidebar Gallery 54. Slider Style 55. Side Panel ***************************************************************************/ /*** GENERAL STYLE ***/ body { overflow-x: hidden; position:relative; } body,ul,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; list-style:none; letter-spacing:0.2px; } .theme-layout { background:none repeat scroll 0 0 #FFFFFF; display:inline-block; width:100%; } .theme-layout.boxed { margin:0 auto; width:1230px; display:block; overflow:hidden; position:relative; z-index:0; background:none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow:0 0 10px #000000; -moz-box-shadow:0 0 10px #000000; -ms-box-shadow:0 0 10px #000000; -o-box-shadow:0 0 10px #000000; box-shadow:0 0 10px #000000; } a{ outline:none!important; } section { float: left; width: 100%; position:relative; } section .container, .inner-page .container { padding: 0; } /*** TOP BAR ***/ #top-bar { float:left; width:100%; background-color:rgba(0, 0, 0, 0.85); margin:0; z-index:100000000; position:absolute; } #top-bar ul { margin:0; } #top-bar li{ float:left; margin-right:73px; padding:12px 0 12px; color:#9d9b9b; font-family:'Roboto',sans-serif; font-size:10px; list-style:none outside none; } #top-bar li:last-child{ margin-right:0; } #top-bar li i { font-size:13px; margin-right:5px; } .search-box{ float:right; margin:8px 0; width:180px; } .search-input{ float:right; width:100px; height:20px; padding-right:10px; color:#dddddd; text-align:right; border:none; font-family:'Roboto',sans-serif; font-size:10px; background-color:transparent; border-right:1px solid #b0afaf; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .search-input:hover, .search-input:focus{ width:130px; padding-left:10px; border:1px solid #b0afaf; text-align:left; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .submit-button{ background:url("../images/search-icon.png") no-repeat scroll 2px 4px transparent; border:0 none; float:right; height:20px; padding:0; width:20px; margin-left:6px; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; } /*** Header ***/ header{ float:left; width:100%; background-color:rgba(255,255,255,0.9); z-index:100000000; position:absolute; top:37px; } /*** LOGO ***/ .logo { float:left; padding:14px 0; } .logo img{ float:left; } .logo h1 { float:left; font-family:roboto; font-size:36px; font-weight:600; letter-spacing:-0.25px; line-height:50px; margin-left:10px; margin-top:0; margin-bottom:0; -webkit-text-shadow:0 1px 1px #A1A1A1; -moz-text-shadow:0 1px 1px #A1A1A1; -ms-text-shadow:0 1px 1px #A1A1A1; -o-text-shadow:0 1px 1px #A1A1A1; text-shadow:0 1px 1px #A1A1A1; } .logo > p { float: left; margin: 0; width: 100%; } .logo h1 i{ font-size:55px; font-style:normal; } /*** MENU ***/ .menu{ float:right; margin-right:50px; } .nav-wrap { margin:50px auto; background-color:rgba(0,0,0,0.6); border-top:2px solid white; border-bottom:2px solid white; } .open-menu { width:50px; height:50px; font-size:30px; color:#FFFFFF; line-height:44px; text-align:center; z-index:100; background:none repeat scroll 0 0 #333333; display:none; position:absolute; top:0; right:-50px; } #menu-navigation { margin:0 auto; list-style:none; position:relative; } #menu-navigation li { float:left; position:relative; } #menu-navigation > li{ margin:0 1px; } #menu-navigation li a { float:left; padding:36px 22px; font-family:roboto; font-size:14px; font-weight:400; color:#3D3D3D; position:relative; text-decoration:none; z-index:1; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } #menu-navigation li:hover > a, #menu-navigation > li.active > a{ color:white; } #menu-navigation > li:before, #menu-navigation > li.active:before { content:""; width:0; height:0; border-bottom:4px solid #516f35; border-right:4px solid transparent; opacity:0; filter:alpha(opacity=0); position:absolute; top:-4px; right:-3px; } #menu-navigation > li:after, #menu-navigation > li.active:after { content:""; border-top:4px solid #516F35; border-right:4px solid transparent; height:0; width:0; opacity:0; filter:alpha(opacity = 0); position:absolute; right:-3px; top:92px; } #menu-navigation > li:hover:before, #menu-navigation > li:hover:after, #menu-navigation > li.active:before, #menu-navigation > li.active:after { opacity:1; filter:alpha(opacity=100); } #menu-navigation li a:before, #menu-navigation > li.active > a:before { content:""; height:0; width:100%; z-index:-1; position:absolute; left:0; top:0; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } #menu-navigation > li:hover > a:before, #menu-navigation > li.current-menu-parent > a:before, #menu-navigation > li.current_page_item > a:before { height: 100%; } #menu-navigation li:hover > a, #menu-navigation > li.current-menu-parent > a, #menu-navigation > li.current_page_item > a { color: white; } .menu ul li ul { width:230px; border-top:3px solid; float:left; z-index:2; position:absolute; left:-9999px; top:92px; opacity:0; filter:alpha(opacity=0); -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-transition:opacity 0.3s ease 0s; -moz-transition:opacity 0.3s ease 0s; -ms-transition:opacity 0.3s ease 0s; -o-transition:opacity 0.3s ease 0s; transition:opacity 0.3s ease 0s; } .menu ul > li:hover > ul{ left:0; opacity:1; filter:alpha(opacity=100); } #menu-navigation li ul li { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.95); margin-bottom:5px; position: relative; width:100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #menu-navigation li:hover > ul li{ margin-bottom: 0; } #menu-navigation li ul li a { width:100%; padding:15px 25px; color:#1A1A1A; font-family:open sans; } #menu-navigation li ul li a { width:100%; padding:13px 25px; border-bottom:1px solid #D3D3D3; color:#1A1A1A; font-size:13px; font-family:open sans; line-height:14px; } .menu ul li ul li ul { float:left; width:230px; border-top:3px solid; background:none repeat scroll 0 0 #fff; position:absolute; left:-9999px; top:-3px; opacity: 0; filter:alpha(opacity=0); -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-transition:opacity 0.2s linear; -moz-transition:opacity 0.2s linear; -ms-transition:opacity 0.2s linear; -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear; } .menu ul li ul li:hover > ul { left:-230px; opacity: 1; filter:alpha(opacity=100); } .menu li > ul.mega-menu { width: 460px !important; } .menu #menu-navigation li > ul.mega-menu > li{ float: left; width: 50%; } .menu ul li ul li:hover > ul.drop-right { left:230px; opacity: 1; filter:alpha(opacity=100); } .menu #menu-navigation li ul li ul li { background:none repeat scroll 0 0 #EDEDED; } .ipadMenu { color: #7C7C7C; float: right; font-family: roboto; font-size: 12px; margin: 30px 0; width: 275px !important; display:none; } .block { float: left; padding: 60px 0; position: relative; width: 100%; } .block.remove-top { padding-top: 0; } .block.remove-bottom { padding-bottom: 0; } .sec-heading { border-bottom: 1px solid #D3D2D2; float: left; padding-bottom: 15px; position: relative; width: 100%; margin-bottom: 30px; } .sec-heading h2 { color:#7c7c7c; font-family:roboto; font-size:20px; font-weight:300; line-height:18px; position:relative; } .sec-heading h2:before { content:""; height:0; width:0; border-bottom:8px solid #D3D2D2; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; left:15px; bottom:-15px; } .sec-heading h2:after { content:""; height:0; width:0; border-top:8px solid #D3D2D2; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; left:15px; bottom:-23px; } .sec-heading h2 strong{ font-weight:400; } /*** Our Causes Carousel ***/ .our-causes{ float:left; width:100%; } .our-causes .flex-direction-nav { display: none; } .our-causes .flex-control-nav { list-style: none outside none; position: absolute; right: 15px; top: -20px; } .our-causes .flex-control-nav li{ float:left; } .our-causes .flex-control-nav a{ float:left; height:16px; width:16px; color:transparent; margin:0 2px; border:4px solid #fff; background:none repeat scroll 0 0 #c8c7c7; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .our-causes .flex-control-nav a.flex-active{ background:none repeat scroll 0 0 #fff; border-color:#777676; } .causes-image{ float:left; position:relative; overflow:hidden; margin-right:30px; width:100%; } .causes-image:last-child{ margin-right:0; } .causes-image img{ width:100%; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -0-border-radius:3px; border-radius:3px; } .cause-heading{ width:100%; padding-bottom:21px; padding-top:21px; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9); position:absolute; bottom:8px; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s; } .cause-heading h3 { color: #666666; font-family: roboto; font-size: 15px; font-weight: 400; line-height: 18px; padding: 0 20px; text-align: center; } .cause-heading h3 a{ color:#2D2D2D; } .cause-heading p { color: #A6A6A6; font-family: roboto; font-size: 13px; font-weight: 400; line-height: 10px; margin: 15px 0 5px; padding: 0 20px; text-align: center; text-transform: uppercase; } .cause-heading span { margin-left:5px; } .cause-heading span i{ color:#616161; font-size:19px; font-style:normal } .our-causes-hover{ background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9); height: 0; left: 2%; padding: 0; position: absolute; top: 2%; width: 96%; overflow: hidden; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition:all 0.6s ease 0.3s; -moz-transition:all 0.6s ease 0.3s; -ms-transition:all 0.6s ease 0.3s; -o-transition:all 0.6s ease 0.3s; transition:all 0.6s ease 0.3s; } .our-causes-hover h3 { color: #FFF; font-family: roboto; font-size: 15px; font-weight: 300; line-height: 16px; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .our-causes-hover h3 a{ color: #2D2D2D; } .our-causes-hover > span { color: #ADACAC; float: left; font-family: roboto; font-size: 13px; font-weight: 400; line-height: 11px; margin-bottom: 30px; text-align: center; width: 100%; text-transform: uppercase; } .our-causes-hover span i { font-style:normal; } .our-causes-hover p { float:left; width:100%; margin-bottom:35px; margin-top:-7px; color: #b9b9b9; font-family: noto sans; text-align: center; font-size:13px; line-height:20px; } .our-causes-hover span.help { font-size: 14px; font-weight: 400; line-height: 13px; margin-bottom: 0; color: #FFFFFF; } .help > strong { font-size: 16px; font-family: open sans; text-transform: uppercase; color: #adacac; } .our-causes-hover span.needed-amount { font-size: 26px; line-height: 25px; margin-bottom: 0; margin-top: 10px; text-align: center; color: #e9e8e8; font-weight: 700; } .needed-amount span { font-size: 20px; margin-right: 5px; } .causes-image:hover .our-causes-hover { height: 96%; padding: 50px 25px; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s; } .causes-image:hover .cause-heading { bottom: -50%; } /*** Donate Us Box ***/ .donate-us-box{ float:left; width:100%; padding:40px 35px; background-image:url('../images/map-bg.png'); background-color:#545454; background-repeat:no-repeat; background-position:50% 50%; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .donate-us-box h5 { color:#FFFFFF; font-family:roboto; font-size:17px; font-weight:500; line-height:18px; margin-bottom:35px; text-align:center; text-transform:uppercase; } .donate-us-box span { float:left; width:100%; display:block; color:#FFFFFF; font-family:roboto; font-size:12px; line-height:10px; text-align:center; } .donate-us-box span.amount-figures { background:none repeat scroll 0 0 #373737; display: block; float: left; font-family: Open sans; font-size: 16px; line-height: 14px; margin: 10px 0 20px; overflow: hidden; padding: 9px 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .donate-us-box span.cell { float:left; margin-bottom:28px; margin-top:5px; font-family:open sans; font-size:17px; color:#FFFFFF; font-weight:400; text-align:center; text-transform:uppercase; } .cell i { margin-right:10px; } .donate-us-box > form { float: left; width: 100%; } .donate-us-box button.donate-btn { background: none repeat scroll 0 0 #FFF; display:table; margin:0 auto; padding:10px 20px; color:#666666; font-family:roboto; font-size:11px; line-height:10px; text-align:center; border:0; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .donate-us-box button.donate-btn:hover { padding:10px 15px; } /*** Testimonials ***/ .testimonial { float: left; width: 100%; } .testimonial.overlap { margin-top: -40px; } .slideshow { float: left; position: relative; width: 100%; } .slideshow .slides { float: left; padding-bottom: 40px; width: 100%; } .slideshow p { color: #f0f0f0; float: left; font-size: 15px; line-height: 27px; margin-bottom: 0; margin-top: 38px; text-align: center; font-weight: 400; } .slideshow li.slide { list-style-type:none; } .slideshow .flex-direction-nav { display: none; } .slideshow .flex-control-nav { display: table; list-style: none outside none; margin: 40px auto 0; padding: 0; z-index: 100; } .slideshow .flex-control-nav li{ float:left; } .slideshow .flex-control-nav li a { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); color: rgba(0, 0, 0, 0); cursor: pointer; display: inline; float: left; height: 8px; margin: 0 0 0 8px; width: 8px; transition: all 0.3s; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .slideshow .flex-control-nav li a.flex-active { border: 4px solid rgba(0,0,0,0.3); height: 16px; margin-top: -5px; width: 16px; } .carusal-image-thumb img { border: 3px solid #FFFFFF; display: table; height: 100px; margin: 0 auto 10px; width: 100px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; border-radius:15px; } .carusal-image-thumb { display: table; margin: 0 auto; min-width: 270px; text-align: center; } .carusal-image-thumb strong { color: #FFFFFF; font-family: roboto; font-size: 18px; font-weight: 400; letter-spacing: 0.3px; margin-left: 10px; margin-top: 10px; position: relative; text-transform: uppercase; } .carusal-image-thumb-name { color: #FFFFFF; font-family: roboto; font-weight: 500; margin-left: 5px; margin-top: 10px; position: relative; } .carusal-slider{ float:left; } .carusal-slider #carousel-wrapper .caroufredsel_wrapper { min-height: 215px; } #carousel span, #thumbs a, #thumbs img { float:left; width:100%; } #carousel-wrapper { float: left; width: 100%; } #thumbs-wrapper { float:left; width:100%; padding:25px 27px 10px; margin-top:20px; position:relative; background:none repeat scroll 0 0 #dedcdc; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 0 #DEDEDE; -moz-box-shadow:0 2px 0 #DEDEDE; -ms-box-shadow:0 2px 0 #DEDEDE; -o-box-shadow:0 2px 0 #DEDEDE; box-shadow:0 2px 0 #DEDEDE; } #thumbs img{ border:2px solid #f8f7f7; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } #thumbs a { margin:0 10px; overflow:hidden; float:left; } #thumbs a:hover, #thumbs a.selected { border-color:#98d460; } #thumbs a img { height:87px; width:100%; } #wrapper img#shadow { width:100%; position:absolute; bottom:0; } .carusal-our-news{ float:left; height:20px; color:#666666; font-family:roboto; font-size:12px; margin-top:7px; } .carusal-our-news:hover, .selected .carusal-our-news { color:#2d2d2d; } .carusal-slider #prev,.carusal-slider #next { width:27px; margin-top:-13px; display:block; text-align:center; background-color:#BAB9B9; background-image:url("../images/sprite.png"); position:absolute; top:49%; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .carusal-slider #prev i,.carusal-slider #next i { color:#FFFFFF; line-height:35px; } .carusal-slider #prev { background-position:205px -105px; left:0; } .carusal-slider #next { background-position:-154px -34px; right:0px; } .carusal-slider #prev:hover { background-image:url("../images/sprite.png"); background-position:205px -105px; } .carusal-slider #next:hover { background-image:url("../images/sprite.png"); background-position:-154px -34px; } /*** Our Projects ***/ .our-project-box { float: left; margin-bottom: -50px; width: 100%; } .icon-box{ width:90px; height:90px; padding:12px; border:1px solid #DDDCDC; color:#DDDCDC; font-size:48px; text-align:center; position:relative; overflow:hidden; display:table; margin:0 auto; background-clip:border-box; background-color:#FFFFFF; -webkit-box-shadow:0 0 15px #EDEDED inset; -moz-box-shadow:0 0 15px #EDEDED inset; -ms-box-shadow:0 0 15px #EDEDED inset; -o-box-shadow:0 0 15px #EDEDED inset; box-shadow:0 0 15px #EDEDED inset; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .our-project-box .row .row > div { padding: 0 0 50px; } .project-detail { float: left; width: 100%; } .project-detail a { color: #666666; display: block; font-family: roboto; font-weight: 400; line-height: 11px; overflow: hidden; padding-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s; } .project-detail:hover a{ color:#2d2d2d; } .project-detail span { color: #A6A6A6; float: left; font-family: roboto; font-size: 13px; margin-bottom: 2px; width: 100%; } .project-detail p { color: #888888; font-family: Open sans; font-size: 13px; } .icon-box i { line-height:67px; color:#a5a4a4; text-shadow:-2px 3px 1px #dadada; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .need { width:100%; height:100%; padding:10px; color:#FFFFFF; opacity:0; font-family:roboto; font-size:10px; font-weight:bold; position:absolute; left:0; top:0; -webkit-box-shadow: 0 0 10px #6A6A6A inset; -moz-box-shadow: 0 0 10px #6A6A6A inset; -ms-box-shadow: 0 0 10px #6A6A6A inset; -o-box-shadow: 0 0 10px #6A6A6A inset; box-shadow: 0 0 10px #6A6A6A inset; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .our-project-box .row > div:hover .need{ opacity:1; } .need p span { float: left; font-size: 14px; width: 100%; margin-bottom:3px; } .need input { display: none; } .need a { background: none; border: 0 none; color: #efefef; padding: 18px 8px; float: left; width: 100%; font-size: 13px; font-weight: 700; text-shadow: 0px 1px 2px #282828; } /*** ////HOME PAGE 2 STYLE///////// ///////////////////////////////////////////////////////// ***/ .nine-column { float:left; width:870px; margin-left:-15px; margin-right:-15px; } .three-column { float:left; width:270px; margin-left:-15px; margin-right:-15px; } /*** Donate Us Box ***/ .donate-us { float:left; width:100%; padding:20px; margin-bottom:40px; background:url("../images/map-bg.png") no-repeat scroll center 0 #545454; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .donate-us > h3 { color:#FFFFFF; font-family:roboto; font-size:14px; text-align:center; text-transform:uppercase; } .donate-us > span { float:left; width:100%; color:#FFFFFF; font-family:open sans; font-size:12px; line-height:10px; margin-top:10px; text-align:center; } .collected { float:left; width:50%; margin-top:10px; } .collected > p { color:#FFFFFF; display:block; font-family:roboto; font-size:11px; line-height:10px; margin:0 0 10px; } .collected > span { color: #FFFFFF; font-family: open sans; line-height: 12px; margin: 0 auto; padding: 6px 20px; float: left; width: 100%; word-wrap: break-word; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .d-now { float:left; width:50%; margin-top:28px; text-align:center; } .d-now .donate-btn { background-image:linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%); background-image:-o-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%); background-image:-moz-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%); background-image:-webkit-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%); background-image:-ms-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.15, rgb(240,240,240)), color-stop(0.81, rgb(255,255,255)) ); color:#666666; display:table; font-family:roboto; font-size:10px; line-height:10px; margin:0 auto; padding:8px 15px; border:0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .d-now .donate-btn:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .d-now input { display: none; } /*** Video ***/ .video { float:left; width:100%; overflow:hidden; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .video > img { width:100%; height: auto; } .video > .span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: #FFFFFF; font-family: roboto; font-size: 15px; line-height: 14px; padding: 15px 20px; width: 100%; position: absolute; bottom: 10px; left: 0; } .video > span i { position: absolute; right: 10px; width: 45px; height: 110%; top: 0; text-align: center; background: gray; line-height: 50px; color: rgba(0,0,0,0.2); } .video span.play-video { width:50px; height:50px; padding:0; left:40%; top:30%; text-align:center; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; } .video span.play-video i { color:#AFAFAF; font-size:22px; line-height:52px; padding-left:6px; } .video:hover span.play-video{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } /*** Welcome Box ***/ .welcome-box { background: url("../images/boxed-bg4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0)!important; border-radius: 3px; float: left; letter-spacing: 0.4px; overflow: hidden; padding: 40px 245px 40px 130px; position: relative; z-index: 1; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .welcome-box:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; opacity: 0.8; } .welcome-box > h2 { color: #FFFFFF; float: left; font-family: roboto; font-size: 26px; font-weight: 400; line-height: 26px; margin: 0 0 20px; text-align: center; width: 100%; } .welcome-box > h2 strong { font-size: 32px; text-transform: uppercase; color: rgba(0,0,0,0.2); } .welcome-box > p { color: #F8F8F8; float: left; font-family: roboto; font-size: 15px; line-height: 13px; margin-bottom: 0; text-align: center; width: 100%; } .welcome-box span { color: #FFFFFF; font-family: roboto; font-size: 12px; margin-top: -22px; overflow: hidden; padding: 15px 30px; position: absolute; right: 0; top: 50%; z-index: 1000; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -ms-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; } .welcome-box span:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.12); content: ""; height: 100%; width: 100%; z-index: -1; position: absolute; left: 0; top: 0; } .six-column { float:left; width:570px; margin-left:-15px; margin-right:-15px; } .six-column .stories{ margin:30px 0 0; margin-bottom:-30px; } /*** Successful Stories ***/ .stroies { float:left; margin:30px -15px; margin-bottom:-30px; } .story:first-child { margin-left:0; } .story:nth-child(4n+5) { margin-left:0; } .story { float: left; width: 100%; } .remove-space .story { margin-bottom: 30px; } .story-img { border-radius: 3px 3px 0 0; overflow: hidden; position: relative; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .story-img > img { width:100%; height:auto; } .story-img:before { height:100%; width:100%; content:""; background:none repeat scroll 0 0 rgba(84, 84, 84, 0.9); opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6); -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; } .story-img:hover:before { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100); } .story-img h5 { background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9); bottom: 0; color: #ECEBEB; font-family: roboto; font-size: 15px; font-weight: 300; left: 0; letter-spacing: 0.3px; line-height: 18px; padding: 16px 25px; position: absolute; width: 100%; text-align: center; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .story-img:hover h5 { opacity:0; filter:alpha(opacity=0); } .story-img span { width:100%; height:100%; text-align:center; z-index:1000; background:url("../images/link-arrow.png") no-repeat scroll center center transparent; opacity:0; filter:alpha(opacity=0); position:absolute; top:0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .story-img:hover span{ opacity:1; filter:alpha(opacity=100); } .story-img span i { color:#FFFFFF; line-height:45px; } .story-meta { background: url("../images/pattern2.png") repeat scroll 0 0 #F6F5F5; float: left; margin-bottom: 20px; padding: 15px 20px; width: 100%; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .story-meta > span { float: left; width: 50%; color: #929292; font-size: 12px; font-family: roboto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .story-meta > span i { margin-right: 5px; } .story-meta > p { float: left; width: 100%; color: #929292; font-family: roboto; font-size: 12px; margin-bottom: 0; margin-top: 10px; } .story > p { color: #888888; float: left; font-family: noto sans; font-size: 13px; line-height: 24px; width: 100%; margin-bottom: 0; } .story-meta > p strong { color: #A9A8A8; font-size: 20px; margin-left: 20px; } .story > h6 { color:#ADACAC; float:left; font-family:roboto; font-size:20px; line-height:15px; position:relative; min-width: 65px; } .story > h6 span { font-size:10px; position:absolute; bottom:-15px; right:0; } .story > h6 i{ font-style:normal; font-size:24px; } .story > span { float:left; margin-left:20px; padding-left:20px; border-left:1px dotted #E5E5E5; color:#7c7c7c; font-family:roboto; font-size:11px; line-height:30px; } .story > span i{ margin-right:10px; } .stories-carousel { float: left; position: relative; width: 100%; z-index: 1; } .list_carousel4 li { float:left; } .stories-carousel .flex-direction-nav { position: absolute; right:0; top: -65px; } .stories-carousel .flex-direction-nav li{ float:left; margin:0 4px; } .stories-carousel .flex-direction-nav li a { background: url("../images/carousel-arrows-black.png") no-repeat scroll 5px -2px #f2f0f0; color: rgba(0, 0, 0, 0); float: left; height: 25px; width: 25px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .stories-carousel .flex-direction-nav li a:hover{ background-position:5px -30px; } .stories-carousel .flex-direction-nav li a.flex-next{ background-position:-42px -3px; } .stories-carousel .flex-direction-nav li a.flex-next:hover{ background-position:-42px -30px; } /*** Recent Events ***/ .recent-event { float:left; width:100%; } .recent-event-img { overflow:hidden; position:relative; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .recent-event-img > img { width:100%; } .recent-event-img:before { content:""; height:100%; width:100%; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.9); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); transform:scale(0.5); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .recent-event-img:hover:before { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .recent-event-img span { border:1px solid #E2E0DF; height:45px; left:45%; position:absolute; text-align:center; top:20%; width:45px; opacity:0; filter:alpha(opacity=0); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .recent-event-img:hover span{ top:40%; opacity:1; filter:alpha(opacity=100); } .recent-event-img span i { color:#E2E0DF; line-height:43px; } .recent-event > h4 { font-family: roboto; font-size: 15px; font-weight: 400; line-height: 15px; margin: 20px 0 10px; letter-spacing: 0.3px; } .recent-event > h4 a{ color:#707070; } .recent-event > ul { float: left; font-family: roboto; font-size: 12px; width: 100%; } .recent-event li { float:left; line-height:13px; margin-right:30px; } .recent-event li a{ color:#929292; } .recent-event li a span{ color:#7c7c7c; } .recent-event li i { margin-right: 10px; font-size: 14px; color: #d0cfcf; } .recent-event.previous-event { float: left; margin: 30px 0 0; } .previous-event .recent-event-img > img { width:auto; } .previous-event .recent-event-img { float: left; width: auto; } .previous-event .recent-event-img:before, .previous-event .recent-event-img span { display:none; } .recent-event.previous-event > h4 { float:left; margin-left:10px; margin-top:10px; font-size:14px; width:55%; } .recent-event.previous-event > ul { float:left; width:150px; font-family:roboto; font-size:11px; margin-left:10px; } .recent-event.previous-event ul li { margin-bottom:10px; margin-right:0; } /*** ////HOME PAGE 3 STYLE///////// ///////////////////////////////////////////////////////// ***/ /*** Donation Bar ***/ .donation-bar { float:left; width:100%; overflow:hidden; background:none repeat scroll 0 0 #545454; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .amount { float: right; width: auto; } .amount p { color:#FFFFFF; font-family:roboto; font-size:12px; line-height:10px; text-align:center; } .amount span { background: none repeat scroll 0 0 #424242; color: #FFFFFF; display: table; font-family: open sans; font-size: 16px; margin: 0 auto; padding: 5px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .amount span strong { font-size:18px; line-height:10px; } .amount.pull-right span { background:none repeat scroll 0 0 #98D460; } .donate-now { float:left; width:66%; position:relative; padding:0 48px; z-index:1; background:url("../images/map-bg.png") no-repeat scroll center 11px #545454 ; } .donate-now input { display: none; } .donation-bar .amount { float: left; width: 17%; background: #545454; padding: 30px 10px; border-left:2px solid #B0B0B0; border-right:2px solid #B0B0B0; } .donation-bar .donate-btn { width:168px; padding:22px 0; margin:28px auto; position:relative; display:table; background:#98d460; color:#FFFFFF; font-family:roboto; font-size:16px; font-weight:600; text-align:center; line-height:13px; border:0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; } .donation-bar .donate-btn:hover,.donation-bar .donate-btn:focus { color:#FFFFFF; text-decoration:none; } .donation-bar .donate-btn:hover { -webkit-transform: skew(6deg); -moz-transform: skew(6deg); -ms-transform: skew(6deg); -o-transform: skew(6deg); transform: skew(6deg); } /*** Our Cause ***/ .sec-title { width:100%; margin-bottom:30px; display:inline-block; overflow:hidden; } .sec-title h2 { float:left; padding-left:15px; font-family:roboto; font-size:32px; font-weight:500; line-height:48px; margin:0; position:relative; } .sec-title h2 span { font-weight:300; } .sec-title h2:before { content: ""; height: 70%; left: 0; position: absolute; top: 15%; width: 4px; } .sec-title h2:after { content:""; height:1px; width:50%; position:absolute; right:-55%; top:50%; } .our-cause-sec { float: left; width: 100%; } .our-cause-sec .tab-content { float: left; width: 100%; margin-bottom: 30px; } .cause-image { float:left; width:100%; overflow:hidden; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .cause-image > img { width: 100%; min-height: 200px; height: auto; } .meta { float:left; width:15%; min-height: 80px; padding:32px 0; background:none repeat scroll 0 0 rgba(84, 84, 84, 0.97); text-align:center; position:absolute; bottom:0; } .meta > span { color: #d6d6d6; display: block; font-family: roboto; line-height: 16px; padding: 0 15px; word-wrap: break-word; } .meta > span i { color: #ADACAC; font-style:normal; } .cause-title { background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9); border-left: 1px solid #D4D2D2; bottom: 0; left: 15%; position: absolute; width: 85%; min-height: 80px; } .cause-title h2 a { color: #ecebeb; float: left; font-family: roboto; font-size: 16px; font-weight: 400; margin: 0; padding: 30px; letter-spacing: 0.3px; } .details { float:left; width:100%; margin-top:40px; } .needed-amount { float:left; width:27%; text-align:center; } .needed-amount > h5 { color: #adacac; font-family: roboto; font-size: 58px; line-height: 57px; margin: 0 auto; padding-right: 20px; position: relative; word-wrap: break-word; font-weight: 700; } .needed-amount > h5 i { font-size:60px; font-style:normal; font-weight:normal; } .needed-amount > h5 span { color:#929292; font-family:roboto; font-size:12px; font-weight:normal; line-height:12px; position:absolute; bottom:-20px; right:20px; } .details > p { float:left; width:73%; color:#818181; font-family:open sans; font-size:13px; line-height:22px; margin-bottom:0; margin-top:-6px; } .causes-carousel { float:left; position:relative; margin-top:35px; overflow:hidden; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .causes-carousel .flex-viewport { margin: 0 -15px; } .cause-tabber { border: 0 none; float: left; width: 100%; } .causes-carousel .caroufredsel_wrapper{ width:100%!important; } .cause-tabber li { margin-bottom:0; float:left; } .cause-tabber li:last-child{ margin-right:0; } .cause-tabber li a img{ width:100%; height:100%; } .nav.cause-tabber li a, .nav.cause-tabber li a:hover, .nav.cause-tabber li a:focus { border: 0 none; float: left; overflow: hidden; padding: 0; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .cause-tabber li a span { background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9); color: #ECEBEB; font-family: roboto; font-size: 15px; font-weight: 300; letter-spacing: 0.3px; padding: 10px; text-align: center; width: 80%; min-height: 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position: absolute; bottom: 0; left: 5%; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -ms-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0; border-radius:3px 3px0 0; -webkit-transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear; -moz-transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear; -ms-transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear; -o-transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear; transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear; } .cause-tabber li a:hover span, .cause-tabber li.active a span { bottom: 0; left: 0; min-height: 100%; max-height: 100%; width: 100%; z-index: 1; padding: 30px; } .cause-tabber li.active a span:before { display:none; } .causes-carousel .flex-direction-nav li a { width:45px; color:#9D9D9D; font-size:36px; height:100%; line-height:150px; text-align:center; z-index:1; background:url("../images/carousel-arrows-black2.png") no-repeat scroll 16px center rgba(255, 255, 255, 0.9); color:transparent; position:absolute; top:0; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } ..causes-carousel .flex-direction-nav li a:hover{ color:#fff; } .causes-carousel .flex-direction-nav li a.flex-next{ right:-50px; background-position:-32px center; } .causes-carousel .flex-direction-nav li a.flex-prev{ left:-50px; } .causes-carousel:hover .flex-direction-nav li a.flex-next { right: 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .causes-carousel:hover .flex-direction-nav li a.flex-prev{ left:0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .causes-carousel .flex-direction-nav li a:hover { background-color: rgba(84,84,84,0.9); } /*** Revolution Slider ***/ .tp-banner-container { float: left; position: relative; width: 100%; z-index: 0; } .slide1-text1 { color: #98d460; font-family: roboto; font-weight: 600; } .slide1-text2 { background: url("../images/slider1-img.png") no-repeat scroll 0 0 / auto 102% rgba(0, 0, 0, 0); float: left; padding-left:5px; } .slide1-text2 span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: #FFFFFF; float: left; font-family: roboto; padding: 5px 20px; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -ms-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; } .slide1-text3 { background: url("../images/slider1-img3.png") no-repeat scroll right 0 transparent; } .slide1-text3 span { background: none repeat scroll 0 0 #FFFFFF; border-left: 3px solid #98D460; color: #000000; float: left; font-family: roboto; font-weight: bold; padding: 0 30px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -ms-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; } .slide1-text4 { color: #FFFFFF; font-family: roboto; } .slide2-text1 { color: #FFFFFF; font-family: roboto; font-weight: bold; } .slide2-text1 > span { padding:5px 30px 6px 30px; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .slide2-text1 span span{ color:#98d460; } .slide2-text2 { color: #FFFFFF; font-family: roboto; font-weight: bold; } .slide2-text2 > span { background: none repeat scroll 0 0 #9ACD6A; padding: 5px 30px 9px 30px!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .slide2-text2 span span{ color:#323232; font-weight:400; } .slide2-text3 { color: #595858; font-family: roboto; font-weight: bold; } .slide2-text3 > span { background: rgba(255,255,255,0.9); padding: 5px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .slide2-text3 span span{ color:#98d460; font-weight:400; } .slide3-text1 { color: #FFFFFF; font-family: roboto; font-weight: 600; } .slide3-text1 span{ color:#98d460; } .slide3-text2 { background:#98d460; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide3-text2 span{ color:#373737; } .slide3-text3 { background:rgba(0,0,0,0.9); color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide3-text3 span{ color:#98d460; } .slide4-text1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9); color: #FFFFFF; font-family: roboto; font-weight: 700; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide4-text2 { background: none repeat scroll 0 0 #9acd6a; color: #FFFFFF; font-family: roboto; font-weight: 700; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide4-text3, .slide4-text4 { color:#030303; font-family:roboto; } .slide5-text1 { background: none repeat scroll 0 0 #9ACD6A; color: #EDEDED; font-weight: 600; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide5-text2 { background: none repeat scroll 0 0 #3d3d3d; color: #EDEDED; font-weight: 600; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide5-text3 a { background: none repeat scroll 0 0 #9ACD6A; color: #fff!important; padding:10px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide6-text1 { background: none repeat scroll 0 0 #3d3d3d; color: #EDEDED; font-weight: 600; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide6-text2 { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); color: #3D3D3D; font-family: open sans; text-align: center; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide6-text3 a{ background: none repeat scroll 0 0 #e53b51; color: #fff!important; padding:10px; font-weight: 600; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide6-icons a { border: 1px solid #FFFFFF; color: #FFFFFF !important; float: left; font-weight: 600; padding: 0 10px; text-align: center; width: 40px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .slide6-icons a:hover{ background: none repeat scroll 0 0 #e53b51; } .slide7-text1{ font-family:roboto; font-weight:bold; color:#3d3d3d; } .slide7-icon { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); border:2px solid #fff; color:#3d3d3d; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .slide7-text2{ font-family:open sans; font-weight:bold; color:#3d3d3d; } .slide7-link a{ background: none repeat scroll 0 0 #e53b51; font-family:open sans; color:#fff!important; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .slide7-link iframe{ border:0; } /*** Message Box ***/ #layerslider-container-fw{ position:relative; } .message-box { bottom:0; position:absolute; right:50px; width:360px; z-index: 10000; } .message-box-title { width:222px; float:right; z-index:1; overflow:hidden; cursor:pointer; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -ms-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .message-box-title > span { float:left; width:45px; text-align:center; margin-right:10px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .message-box-title span i { color:#FFFFFF; font-size:12px; line-height:34px; } .message-box-title > p { float:left; color:#FFFFFF; font-family:roboto; font-size:12px; line-height:34px; margin-bottom:0; font-weight:700; } .message-box-title > i { color:#FFFFFF; float:right; font-weight:bold; line-height:34px; margin-right:10px; } .message-form { display:none; float:left; padding:33px; border-left:2px solid; border-right:2px solid; background:none repeat scroll 0 0 #FFFFFF; } .message-form > p { color:#A7A6A6; font-family:roboto; font-size:11px; margin-bottom:20px; } .message-form form input.form-control, .message-form form input.form-control:focus { background:none repeat scroll 0 0 #F6F6F6; border:0 none; color:#A5A5A5; font-family:open sans; font-size:11px; font-weight:bold; margin-bottom:12px; text-transform:uppercase; -webkit-box-shadow:1px 1px 2px #B3B3B3 inset; -moz-box-shadow:1px 1px 2px #B3B3B3 inset; -ms-box-shadow:1px 1px 2px #B3B3B3 inset; -o-box-shadow:1px 1px 2px #B3B3B3 inset; box-shadow:1px 1px 2px #B3B3B3 inset; } .message-form form textarea.form-control, .message-form form textarea.form-control:focus { background:none repeat scroll 0 0 #F6F6F6; border:0 none; color:#A5A5A5; font-family:open sans; font-size:11px; font-weight:bold; margin-bottom:12px; text-transform:uppercase; -webkit-box-shadow:1px 1px 2px #B3B3B3 inset; -moz-box-shadow:1px 1px 2px #B3B3B3 inset; -ms-box-shadow:1px 1px 2px #B3B3B3 inset; -o-box-shadow:1px 1px 2px #B3B3B3 inset; box-shadow:1px 1px 2px #B3B3B3 inset; } .submit-btn { padding:5px 30px; border:0 none; color:#FFFFFF; float:right; font-family:open sans; font-size:11px; font-weight:600; line-height:30px; text-transform:uppercase; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .message-box-title.opened { width:100%; } /*** Recent Events ***/ .event { float:left; width:100%; } .event-thumb { float:left; width:100%; overflow:hidden; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .event-thumb > img { height: auto; width: 100%; } .counter { color: #FFFFFF; height: 44px; left: 0; margin-top: -17px; opacity: 0.9; padding: 0 33px; position: absolute; text-align: center; top: 50%; width: 100%; background: rgba(84,84,84,0.9); } .counter > ul { float: left; width: 100%; } .counter > ul li { float: left; padding:4px 0; text-align: center; width: 25%; } .counter > ul li span { float: left; font-size: 20px; font-weight: 600; line-height: 22px; width: 100%; } .counter > ul li p { float: left; font-size: 12px; line-height: 17px; margin: 0; overflow: hidden; padding: 0 9px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .is-countdown { display: table; margin: 0 auto; } .countdown-amount { font-family: open sans; font-size: 25px; margin-right: 10px; display: table; float: none; margin: 0 auto; } .countdown-period{ position:absolute; left:0; bottom:2px; width:100%; text-align:center; font-size:9px; font-family:roboto; } .countdown-section { position: relative; text-align: center; float:left; min-width: 45px; height:44px; margin-right:6px; text-align:center; } .countdown-row{ float:left; width:100%; } .event-intro { float:left; width:100%; } .event-intro > h5 { font-family: roboto; font-weight: 300; line-height: 10px; margin: 20px 0 10px; } .event-intro > h5 a { color: #666666; } .event-intro > h5 a:hover{ color:#2d2d2d; } .event-intro > a { color: #929292; font-family: roboto; font-size: 12px; margin-right: 20px; } .event-intro > a:last-child { margin-right: 0; } .event-intro > a span{ color:#7c7c7c; } .event-intro > a i { margin-right:10px; } /*** Charity Video ***/ #carousel > div { float: left; } .desc > h3 { font-family:roboto; font-size:16px; font-weight:normal; } .desc > h3 a{ color:#656565; } .desc > h3 a:hover{ color:#2d2d2d; } .desc > p { color: #888888; font-family:open sans; font-size: 12px; line-height:20px; margin-top:20px; } .image { float: left; overflow: hidden; position: relative; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .image:before , .image:after{ content:""; width:0; height:100%; background:none repeat scroll 0 0 rgba(84, 84, 84, 0.9); position:absolute; left:0; top:0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .image:after{ left:auto; right:0; } .image:hover:before, .image:hover:after{ width:50%; } .image > a { width:40px; height:40px; border:1px solid #FCFBFA; text-align:center; z-index:1; position:absolute; top:42%; left:43%; opacity:0; filter:alpha(opacity = 0); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); transform:scale(2); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .image:hover a{ color:#FCFBFA; opacity:1; filter:alpha(opacity = 100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .image > a span i { float: left; width: 100%; text-align: center; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transition:all 0.4s ease 0.2s; -moz-transition:all 0.4s ease 0.2s; -ms-transition:all 0.4s ease 0.2s; -o-transition:all 0.4s ease 0.2s; transition:all 0.4s ease 0.2s; } .image:hover > a span i{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .image a i { line-height:37px; } .image img{ width:100%; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*** //// FOOTER STYLING /////// ///////////////////////////////////////////// ***/ footer { float:left; width:100%; overflow:hidden; padding:55px 0 70px; position:relative; background:url("../images/footer-bg.png") repeat scroll 0 -50px rgba(0, 0, 0, 0.9); } footer:before{ content:""; width:100%; height:100%; background:none repeat scroll 0 0 rgba(34, 34, 34, 0.7); position:absolute; left:0; top:0; } footer .container { padding:0; } .footer-widget-title { float:left; width:100%; padding-top:5px; margin-bottom:30px; overflow:hidden; position:relative; } .footer-widget-title h4 { color:#FFFFFF; float:left; font-family:roboto; font-size:20px; font-weight:300; letter-spacing:0.2px; line-height:20px; text-transform:uppercase; position:relative; } .footer-widget-title h4:after { content:""; width:100%; border-bottom:1px dotted #939292; position:absolute; bottom:0; right:-110%; } /*** People Reviews ***/ .footer_carousel { float:left; width:100%; position:relative; } .footer_carousel li { float:left; padding-left:2px; } .footer_carousel .flex-control-nav { bottom:-37px; margin:0; list-style:none; position:absolute; right:0; top:auto; } .footer_carousel .flex-control-nav li{ float:left; } .footer_carousel .flex-control-nav a { float:left; height:5px; width:15px; background:none repeat scroll 0 0 #5B5A5A; margin-right:5px; color:transparent; cursor:pointer; } .footer_carousel .flex-control-nav li a.flex-active{ background:#fff; } .footer_carousel .flex-direction-nav{ display:none; } .review { float:left; margin-bottom:20px; position:relative; } .review:after{ width:5px; height:5px; background:none repeat scroll 0 0 #6F6F6F; content:""; position:absolute; left:40px; bottom:-2px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .review > p { border-left: 1px solid #6F6F6F; color: #bfbfbf; font-size: 12px; letter-spacing: 0.2px; line-height: 26px; margin-bottom: 0; padding-bottom: 10px; padding-left: 15px; padding-right: 10px; position: relative; font-family: roboto; } .review > p:before { content:""; height:5px; width:5px; background:none repeat scroll 0 0 #6F6F6F; position:absolute; left:-3px; top:0; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .review > p:after { height:1px; width:40px; content:""; background:none repeat scroll 0 0 #6F6F6F; position:absolute; left:0; bottom:0; } .review span { color:#fff; } .review i { float:left; margin-right:5px; padding-left:15px; color:#fff; font-size:46px; font-style:normal; font-weight:bold; line-height:45px; } .from { color:#767575; font-family:roboto; font-size:12px; float:left; } .from h6 { color:#cccccc; font-family:roboto; font-weight:800; text-transform:uppercase; margin-bottom:6px; } /*** Flickr Widget ***/ .flickr-images { float:left; margin-bottom:-20px; margin-left:-20px; } .flickr-images > a { float:left; width:74px; height:75px; margin-bottom:20px; margin-left:20px; overflow:hidden; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .flickr-images > a img{ width:100%; height:100%; } .flickr-images > a:before { content:""; height:100%; width:100%; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity = 0); -webkit-transition:all 0.3s ease 0.1s; -moz-transition:all 0.3s ease 0.1s; -ms-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s; } .flickr-images > a:hover:before{ opacity:0.5; filter:alpha(opacity = 100); -webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s; } /*** Contact Us ***/ .contact-details { float:left; list-style:none outside none; } .contact-details li span { color: #e2e2e2; float: left; font-family: roboto; font-size: 12px; font-weight: 600; line-height: 12px; margin-bottom: 10px; width: 100%; letter-spacing: 0.3px; } .contact-details li span i { color: #c0c0c0; font-size: 13px; margin-right: 10px; } .contact-details li p { color: #C0C0C0; float: left; font-family: roboto; font-size: 12px; margin-bottom: 20px; width: 100%; } .contact-details li p a{ color: #C0C0C0; } /*** Newsletter ***/ .newsletter { float:left; padding:0 20px; position:relative; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; } .newsletter > h4 { float:left; color:#FFFFFF; font-family:roboto; font-size:20px; } .newsletter > h4 { color:#FFFFFF; float:left; font-family:roboto; font-size:20px; line-height:16px; margin-bottom:30px; margin-top:5px; } .newsletter > p { float:left; margin-bottom:25px; margin-top:-5px; color:#fbfbfb; font-family:roboto; font-size:12px; } .newsletter input, .newsletter input:focus { height:30px; margin-bottom:20px; border:0 none; color:#323131; font-family:roboto; font-size:11px; line-height:10px; background:#FFFFFF; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .newsletter:before { content:""; width:100%; height:100%; position:absolute; left:0; top:-99%; } .social-bar { float:left; width:100%; padding:20px 19px; list-style:none outside none; } .social-bar li { float:left; height:36px; width:36px; margin-right:11px; border-radius:3px; overflow:hidden; } .social-bar li:last-child{ margin-right:0; } .newsletter-btn { float:left; width:100%; padding:20px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .newsletter-btn > input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border: 1px solid rgba(255,255,255,0.3); color: #FFF; display: table; font-family: roboto; font-size: 11px; margin: 0 auto; padding: 8px 40px; text-transform: uppercase; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .newsletter-btn > input:hover { font-size:13px; } /*** FOOTER BOTTOM STRIP ///////// ///////////////////////////////// ***/ .footer-bottom{ float:left; width:100%; padding-bottom:24px; padding-top:28px; border-bottom:1px solid #fff; border-top:1px solid #171616; background:none repeat scroll 0 0 #323131; } .footer-bottom p { color:#cacaca; float:left; font-family:roboto; font-size:12px; line-height:14px; margin:0; } .footer-bottom p span { color:#fff; font-family:roboto; font-size:12px; } .footer-bottom ul { float:right; } .footer-bottom li { float:left; margin-left:35px; } .footer-bottom a { color: #BFBFBF; font-family: roboto; font-size: 12px; letter-spacing: 0.3px; text-transform: uppercase; } .footer-bottom a:hover { color:#fff; } /*** SEARCH RESULT FOUND ///////////// //////////////////////////////////////////////////// ***/ .top-image { float:left; width:100%; } .top-image > img { width:100%; } .inner-page { float:left; width:100%; margin-top:70px; margin-bottom:70px; position:relative; } .page-title { float:left; width:100%; } .page-title h1 { padding:20px 60px; color:#2D2D2D; float:left; font-family:roboto; font-size:30px; font-weight:500; line-height:23px; background:none repeat scroll 0 0 #FFFFFF; position:absolute; top:-122px; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } .page-title h1 span{ font-weight:300; } .search-tabs { border:0 none; margin-bottom:30px; } .search-tabs li { margin-right:10px; } .search-tabs li a, .search-tabs li a:hover { background-image:linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-o-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-moz-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-webkit-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-ms-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.12, rgb(247,247,246)), color-stop(0.56, rgb(250,250,249)) ); padding:10px 40px; border-color:#E7E7E7; border-style:solid; border-width:2px 1px 1px; color:#8A8989; font-family:roboto; font-size:13px; line-height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .search-tabs li.active a, .search-tabs li.active a:hover, .search-tabs li.active a:focus { background:none; border-color:#E7E7E7; border-style:solid; border-width:2px 1px 1px; color:#fff; font-family:roboto; font-size:13px; line-height:10px; padding:10px 40px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } h3.search-title { color:#707070; font-family:roboto; font-size:16px; line-height:18px; margin-bottom:30px; } .search-image { float:left; width:100%; overflow:hidden; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .search-image img{ width:100%; height:100%; } .search-image:before { height:100%; width:100%; background:url("../images/link-arrow.png") no-repeat scroll center rgba(0, 0, 0, 0.6); content:""; opacity:0; filter:alpha(opacity = 0); position:absolute; left:0; top:0; -webkit-transform:scale(0.3); -moz-transform:scale(0.3); -ms-transform:scale(0.3); -o-transform:scale(0.3); transform:scale(0.3); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .search-image:hover:before{ opacity:1; filter:alpha(opacity = 100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .search-detail { float:left; width:100%; } .search-detail > h4 { color:#97D360; font-family:roboto; font-size:22px; font-weight:300; letter-spacing:0.3px; line-height:30px; margin-top:10px; } .search-detail > h4 a{ color:#656565; } .search-detail > h4 a:hover{ color:#2d2d2d; } .search-detail > p { color:#858585; font-family:open sans; font-size:12px; letter-spacing:0.2px; line-height:20px; margin-top:20px; } /*** SEARCH RESULT NOT FOUND ///////// ///////////////////////////////// ***/ .search-result > p { color:#929292; font-family:roboto; font-size:13px; line-height:11px; margin:0; } .search-bar { float:left; height:38px; width:100%; background:#fff; border:1px solid #E5E5E5; margin-top:30px; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*** GALLERY TWO COLUMN ///////////// //////////////////////////////////////////////////// ***/ .gallery-tabs { float:right; border:0 none; display:block; margin-bottom: 50px; z-index:0; } .gallery-tabs li { margin:0 25px 0 0; } .gallery-tabs li a, .gallery-tabs li a:focus, .gallery-tabs li a:hover, .gallery-tabs li.active a, .gallery-tabs li.active a:hover, .gallery-tabs li.active a:focus { background:none repeat scroll 0 0 transparent; border:0 none; color:#454545; font-family:roboto; font-size:13px; line-height:10px; padding:0; } .gallery-tabs li:last-child{ margin:0; } .gallery-content { float: left; margin:0 0 -30px; width: 100%; } .gallery-content .row > div{ margin-bottom:30px; } .gallery-content .row > div.col-md-12 { display: table; } .gallery-image { float:left; overflow:hidden; position:relative; width:100%; -webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -ms-border-radius:4px 4px 0px 0px; -o-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; } .gallery-image:before { height:100%; width:100%; background:url("../images/gallery-hover.png") repeat scroll 0 0 transparent; background-size:100% 100%; content:""; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity = 0); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .gallery-image:hover:before{ opacity:1; filter:alpha(opacity = 100); } .gallery-image > span { bottom: 0; color: #FFFFFF; font-family: roboto; font-size: 11px; left: 0; line-height: 10px; max-width: 90%; overflow: hidden; padding: 10px 35px; position: absolute; text-overflow: ellipsis; white-space: nowrap; opacity:0.95; filter:alpha(opacity = 95); -webkit-border-radius:0 3px 0 0; -moz-border-radius:0 3px 0 0; -ms-border-radius:0 3px 0 0; -o-border-radius:0 3px 0 0; border-radius:0 3px 0 0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .gallery-image > span a { color: #FFFFFF; } .gallery-image:hover > span { width:200px; margin-left:-100px; padding:0; background:none repeat scroll 0 0 transparent; text-align:center; bottom:20%; left:50%; } .gallery-image img { width:100%; } .gallery-image a img { height: 70px; width: 70px; } .image-title { background: none repeat scroll 0 0 #ebeae4; float: left; font-family: open sans; font-size: 14px; font-weight: 500; line-height: 10px; overflow: hidden; padding: 20px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; width: 100%; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; -ms-border-radius:0px 0px 4px 4px; -o-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; } .image-title a{ color:#707070; } .image-title a:hover{ color:#2d2d2d; } .gallery-image .image-lists { display:table; width:100%; margin:0 auto -32px; position:absolute; bottom:50%; -webkit-transform:rotateX(90deg); -moz-transform:rotateX(90deg); -ms-transform:rotateX(90deg); -o-transform:rotateX(90deg); transform:rotateX(90deg); -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .gallery-image:hover .image-lists { -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -o-transform:rotateX(0deg); transform:rotateX(0deg) } .image-lists > ul { display:table; margin:0 auto; } .image-lists ul > li { border:2px solid #878787; float:left; margin-right:10px; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .image-lists ul > li:last-child{ margin-right:0; } .image-lists ul > li a{ float:left; position:relative; } .image-lists ul > li a:before { content:""; height:100%; width:100%; background:url("../images/search.png") no-repeat scroll center; opacity:0; filter:alpha(opacity = 0); position:absolute; left:0; top:0; -webkit-transition:all 0.2s ease 0.2s; -moz-transition:all 0.2s ease 0.2s; -ms-transition:all 0.2s ease 0.2s; -o-transition:all 0.2s ease 0.2s; transition:all 0.2s ease 0.2s; } .image-lists ul > li a:hover:before{ opacity:0.9; filter:alpha(opacity = 90); -webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s; } .image-lists ul > li .video-popup:before { background: url("../images/video.png") no-repeat scroll center center rgba(0, 0, 0, 0); opacity: 1; } /*** GALLERY FOUR COLUMN ///////////// //////////////////////////////////////////////////// ***/ .gallery-content .col-md-3 .image-title { font-size:13px; padding:20px 15px; } /*** GALLERY WITH SIDEBAR ///////////// //////////////////////////////////////////////////// ***/ .left-content.nine-column .gallery-content { margin: 50px 0 0; } /*** OUR CAUSES PAGE ///////////// //////////////////////////////////////////////////// ***/ .causes-page .causes-image{ float:left; width:100%; margin-bottom: 30px; } /*** ERROR 404 ///////////// //////////////////////////////////////////////////// ***/ .error-page { text-align:center; } .error-page h2 { font-family:roboto; font-size:225px; line-height:180px; margin-bottom:48px; } .error-page > p { color:#C3C3C3; font-family:roboto; font-size:36px; font-style:italic; font-weight:bold; line-height:25px; } .error-page > p span{ font-weight:500; font-size:14px; } .error-page-search { float:left; width:100%; margin-bottom:-65px; margin-top:50px; padding-bottom:55px; background:none repeat scroll 0 0 #F8F7F7; text-align:center; } .error-page-search .search-bar { display:block; float:none; margin:30px auto; } .error-page-search h3 { color:#707070; font-family:roboto; font-size:16px; font-weight:500; line-height:18px; margin-bottom:20px; text-transform:uppercase; } .error-page-search p { color:#848484; font-family:roboto; font-size:13px; line-height:12px; margin-bottom:30px; } .error-page-search a { font-family:roboto; font-size:13px; line-height:11px; padding:5px 20px 5px 0; } .error-page-search a img { margin-left:10px; margin-top:-3px; } /*** ABOUT US ///////////// //////////////////////////////////////////////////// ***/ .about-charity { float:left; width:100%; } .about-charity-desc h2 { color:#707070; font-family:roboto; font-size:20px; font-weight:400; letter-spacing:0.2px; line-height:30px; text-transform:uppercase; } .about-charity-desc h2 span{ color:#98d460; font-weight:300; } .about-charity-desc > p { color:#818181; font-family:open sans; font-size:13px; line-height:22px; margin-top:20px; } .about-charity-desc > ul { float:left; width:100%; } .about-charity-desc ul li { float:left; width:113px; min-height:125px; margin-right:45px; padding:35px 0; background:url("../images/hexagon-gray.png") no-repeat scroll 0 0 transparent; text-align:center; } .about-charity-desc li h6 { margin-bottom:10px; padding:0 10px; font-family:roboto; font-size:30px; font-weight:300; line-height:23px; } .about-charity-desc li span { float:left; width:100%; padding:0 13px; color:#CCCBCB; font-family:roboto; font-size:10px; text-transform:uppercase; } .about-charity-video{ position:relative; float:left; width:100%; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .about-charity-video img { width:100%; } .about-charity-video:before { content:""; width:100%; height:100%; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); opacity:0; filter:alpha(opacity = 0); position:absolute; left:0; top:0; -webkit-transform:scale(0.3); -moz-transform:scale(0.3); -ms-transform:scale(0.3); -o-transform:scale(0.3); transform:scale(0.3); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .about-charity-video:hover:before{ opacity:1; filter:alpha(opacity = 100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .about-charity-video a span { width:40px; height:40px; margin-top:-20px; margin-left:-20px; padding:10px; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); text-align:center; opacity:0; filter:alpha(opacity = 0); position:absolute; left:50%; top:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); transform:scale(2); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .about-charity-video a span i{ color:#fff; } .about-charity-video:hover a span{ opacity:1; filter:alpha(opacity = 100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .staff { float: left; width: 100%; margin-bottom: -30px; } .staff-member { height:355px; float:left; width:100%; margin-bottom:30px; overflow:hidden; position:relative; } .staff-member > img { width:100%; height:270px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .staff-member:hover > img { margin-top:-30px; } .member-intro { float:left; width:100%; background:none repeat scroll 0 0 #FFFFFF; padding:17px 0; position:absolute; bottom:0; text-align:center; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .member-intro h3 { color: #707070; font-family: roboto; font-size: 16px; line-height: 21px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .member-intro h3 a{ color: #707070; } .member-intro > span { float: left; font-family: open sans; font-size: 12px; font-weight: 600; line-height: 19px; text-transform: uppercase; width: 100%; } .social-contacts { display:table; width:100%; margin:0 auto; background:#fff; position:absolute; bottom:-35px; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .social-contacts ul { display:table; margin:0 auto; } .social-contacts ul li { float:left; height:35px; width:35px; border-bottom:2px solid #C8C8C8; margin-right:5px; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .social-contacts ul li:last-child{ margin-right:0; } .social-contacts ul li img{ width:100%; height:100%; } .staff-member:hover .member-intro { bottom:30px; } .staff-member:hover .social-contacts { bottom:0; opacity:1; filter:alpha(opacity=100); } /*** BLOG PAGE WITH SIDEBAR ///////////// //////////////////////////////////////////////////// ***/ .blog-post { float:left; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #E8E8E7; } .blog-post h2 { font-family: roboto; font-size: 22px; font-weight: 400; letter-spacing: 0.3px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 28px; } .blog-post h2 a{ color:#707070; } .blog-post h2 a:hover{ color:#2d2d2d; } .blog-post-img { float:left; overflow:hidden; width:100%; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .blog-post-img:before { height:100%; width:100%; content:""; background:url("../images/link-arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity = 0); -webkit-transform:rotateY(76deg) skewX(60deg); -moz-transform:rotateY(76deg) skewX(60deg); -ms-transform:rotateY(76deg) skewX(60deg); -o-transform:rotateY(76deg) skewX(60deg); transform:rotateY(76deg) skewX(60deg); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .blog-post-img:hover:before{ opacity:1; filter:alpha(opacity = 100); -webkit-transform:rotateY(0deg) skewX(0deg); -moz-transform:rotateY(0deg) skewX(0deg); -ms-transform:rotateY(0deg) skewX(0deg); -o-transform:rotateY(0deg) skewX(0deg); transform:rotateY(0deg) skewX(0deg); } .blog-post #layerslider-container-fw { overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .blog-post img { height: auto; width: 100%; } .blog-post-img img{ width:100%; } .blog-post-details { float:left; width:100%; margin-top:20px; } .post-meta { float:left; width:20%; } .post-meta { border-right: 1px solid #D1CFCF; float: left; margin-right: 3%; padding: 10px 0; position: relative; width: 20%; } .post-meta:before { height:15px; width:13px; margin-top:-10px; padding:10px 0; content:""; background:url("../images/diamond-narrow.jpg") no-repeat scroll 0 2px #FFFFFF; position:absolute; right:-7.5px; top:50%; } .post-meta > li { line-height: 10px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .post-meta > li:last-child{ margin-bottom:0; } .post-meta > li, .post-meta > li a { color: #929292; font-family: roboto; font-size: 12px; } .post-meta > li a span{ color:#7c7c7c465; } .post-meta > li a i, .post-meta > li i { margin-right:10px; } .post-desc { float: left; position: relative; width: 72%; } .post-desc > p { color:#858585; font-family:open sans; font-size:12px; line-height:22px; margin:20px 0; } .post-desc > p:first-child { margin-top: 0; } .post-desc .image-lists { float:right; margin-left:40px; } .pagination-area { float:left; width:100%; position:relative; margin-top:30px; } .pagination-area:before { width:100%; height:1px; background:none repeat scroll 0 0 #F8F8F8; content:""; z-index:-1; position:absolute; left:0; top:45%; } .pagination-buttons { width:72px; margin-left:-36px; margin-top:-2px; position:absolute; left:50%; } .pagination-buttons > a { float:left; width:30px; height:30px; margin:0 3px; text-align:center; background:none repeat scroll 0 0 #F8F8F8; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .pagination-buttons > a i { color:#A4A4A4; line-height:30px; } .pagination-area > span { float:right; padding-left:10px; color:#858585; font-family:open sans; font-size:11px; line-height:30px; background:none repeat scroll 0 0 #FFFFFF; text-transform:uppercase; } .form { float: left; width: 100%; } pre { margin: 20px 0; } /*** SINGLE POST WITH IMAGE ///////////// //////////////////////////////////////////////////// ***/ .post > img, .post > a img { height: auto; margin-bottom: 20px; width: 100%; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .category { float:left; width:100%; margin-bottom:20px; line-height:15px; color:#929292; font-family:roboto; font-size:11px; letter-spacing:0.3px; } .category a{ color:#929292; } .post h1 { float:left; width:100%; color:#707070; font-family:roboto; font-size:22px; font-weight:400; line-height:17px; margin-bottom:30px; } .post > p { float:left; font-size:12px; color:#858585; font-family:open sans; line-height:22px; margin:10px 0; } .post-image-list { display:inline-block; margin:10px 0; width:100%; } .post-image { float:left; width:270px; height:157px; margin-right:30px; overflow:hidden; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .post-image:last-child { margin-right:0; } .post-image img{ width:100%; height:100%; } .post-image:before { background:url("../images/zoom-icon.png") no-repeat scroll center center; content:""; height:100%; width:100%; opacity:0; filter:alpha(opacity = 0); position:absolute; left:0; top:0; -webkit-transition:all 0s ease 0.2s; -moz-transition:all 0s ease 0.2s; -ms-transition:all 0s ease 0.2s; -o-transition:all 0s ease 0.2s; transition:all 0s ease 0.2s; } .post-image:hover:before{ opacity:1; filter:alpha(opacity = 100); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .post .cloud-tags { margin:45px 0 0; width:100%; } .post .cloud-tags h3{ margin:12px 20px 12px 0; float:left; } h3.sub-head { color:#2D2D2D; font-family:roboto; font-size:20px; font-weight:400; line-height:17px; } h3.sub-head span{ font-weight:300; color:#83be4b; } .comments { float:left; margin-top:60px; width:100%; } .comments > ul { float:left; margin-top:55px; width:100%; } .comments ul li { float: left; margin-bottom: 60px; width: 100%; } .comments ul li .comment { border:1px solid #EBEBEB; display:block; padding:20px 20px 20px 120px; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .comments li .comment img { border:3px solid #F5ECEC; position:absolute; left:20px; top:-30px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .comments li .comment h5 { color:#707070; font-family:roboto; font-size:12px; margin-bottom:15px; } .comments li .comment i { color:#929292; display:block; font-family:roboto; font-size:11px; line-height:9px; margin-bottom:15px; } .comments li .comment p { color:#969595; font-family:source sans pro; font-size:13px; letter-spacing:0.2px; margin-bottom:0; } .comments ul li ul { border-left: 1px solid #EBEBEB; float: left; margin: 30px 0 0 10%; padding: 26px 0 1px 60px; width: 90%; } .comments ul li ul li { margin-bottom:40px; position:relative; } .comments ul li ul li:before { width:5%; height:1px; border-bottom:1px dotted #e2e2e2; content:""; z-index:1; position:absolute; left:-7%; top:50%; } .comments .comment ul, .comments .comment ol { border: 0 none; margin: 0; padding: 0; } .comments .comment ul li, .comments .comment ol li { margin: 0; } .comments .comment ul li:before, .comments .comment ol li:before { display: none; } .comments .comment ul ul, .comments .comment ol ol { padding-left: 30px; } .comment-respond.message.form { margin-top: 30px; } .reply { background-image:linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-o-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-moz-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-webkit-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-ms-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.12, rgb(247,247,246)), color-stop(0.56, rgb(250,250,249)) ); border-top:2px solid #eceaea; border-left:1px solid #eceaea; border-right:1px solid #eceaea; border-bottom:1px solid #eceaea; color:#828282; font-family:roboto; font-size:11px; padding:4px 12px; position:absolute; right:20px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .reply:hover{ background:none; color:#fff; } .reply a{ color:#828282; } .reply:hover a{ color:#FFF; } .form > p { color:#818181; font-family:Source Sans Pro; font-size:13px; line-height:10px; margin-bottom:0; margin-top:40px; } .form form { margin-top:35px; } .form form label { color:#929292; font-family:roboto; font-size:12px; font-weight:normal; line-height:10px; margin-bottom:15px; } .comment-form form label span{ color:#98D460; } .input-field, .input-field:hover, .input-field:focus { height:33px; border:0 none; margin-bottom:20px; font-family:open sans; font-size:12px; background:none repeat scroll 0 0 #FAFAFA; width:100%; -webkit-box-shadow:1px 1px 3px #D5D5D5 inset; -moz-box-shadow:1px 1px 3px #D5D5D5 inset; -ms-box-shadow:1px 1px 3px #D5D5D5 inset; -o-box-shadow:1px 1px 3px #D5D5D5 inset; box-shadow:1px 1px 3px #D5D5D5 inset; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } textarea.input-field, textarea.input-field:hover, textarea.input-field:focus{ height:auto; } .input-checkbox { float: left; } .payment_box.payment-desc.payment_method_cheque { float: left; width: 100%; } .co-form .input-text, .input-text, .co-form .input-text:hover, .input-text:hover, .co-form .input-text:focus, .input-text:focus { height:33px; border:0 none; margin-bottom:20px; font-family:open sans; font-size:12px; background:none repeat scroll 0 0 #FAFAFA; width:100%; padding:5px 10px; -webkit-box-shadow:1px 1px 3px #D5D5D5 inset; -moz-box-shadow:1px 1px 3px #D5D5D5 inset; -ms-box-shadow:1px 1px 3px #D5D5D5 inset; -o-box-shadow:1px 1px 3px #D5D5D5 inset; box-shadow:1px 1px 3px #D5D5D5 inset; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .co-form textarea.input-text, .co-form textarea.input-text:hover, .co-form textarea.input-text:focus{ height:auto; min-height:200px; -webkit-box-shadow:1px 1px 3px #D5D5D5 inset; -moz-box-shadow:1px 1px 3px #D5D5D5 inset; -ms-box-shadow:1px 1px 3px #D5D5D5 inset; -o-box-shadow:1px 1px 3px #D5D5D5 inset; box-shadow:1px 1px 3px #D5D5D5 inset; } .form-button { border:0 none; color:#FFFFFF; float:left; font-family:arial; font-size:12px; padding:17px 30px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*** SINGLE POST WITH VIDEO ///////////// //////////////////////////////////////////////////// ***/ .post .video-post{ margin-bottom:30px; } .video-post { position:relative; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .video-post:before { content:""; width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity = 0); -webkit-transform:scale(0.3); -moz-transform:scale(0.3); -ms-transform:scale(0.3); -o-transform:scale(0.3); transform:scale(0.3); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .video-post:hover:before{ opacity:1; filter:alpha(opacity = 100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .video-post > img { width:100%; } .video-post > a { height:45px; width:45px; border:2px solid #FFFFFF; margin-left:-17px; text-align:center; opacity:0; filter:alpha(opacity = 0); position:absolute; top:45%; left:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); transform:scale(2); -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .video-post:hover a{ opacity:1; filter:alpha(opacity = 100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .video-post > a i { color:#FFFFFF; line-height:40px; } /*** SINGLE POST WITH SLIDER ///////////// //////////////////////////////////////////////////// ***/ .post-slider { position: relative; margin-bottom:30px; } /*** PROJECT SINGLE POST ///////////// //////////////////////////////////////////////////// ***/ .post-meta > li p { float:left; width:100%; color:#ADACAC; font-family:roboto; font-size:20px; font-weight:500; line-height:15px; margin-top:10px; padding-left:20px; } .post-meta li > span { margin:0 auto; padding:7px 15px; color:#FFFFFF; float:left; font-family:roboto; font-size:12px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .post-meta li > span button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #FFFFFF; padding: 0; } /*** CONTACT PAGE ///////////// //////////////////////////////////////////////////// ***/ .contact-info iframe { width:100%; height:182px; border:0 none; margin-top:40px; -webkit-box-shadow:0 0 2px #999999; -moz-box-shadow:0 0 2px #999999; -ms-box-shadow:0 0 2px #999999; -o-box-shadow:0 0 2px #999999; box-shadow:0 0 2px #999999; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .contact-info > p { color:#818181; font-family:open sans; font-size:13px; line-height:22px; margin-top:20px; } .contact-info .contact-details { margin-top:20px; width:100%; } .contact-info .contact-details > li { float:left; width:50%; } .contact-info .contact-details li span { color:#818181; font-weight:500; } .social-connect { float:left; width:100%; margin:70px 0 0; position:relative; border-top:1px solid #d6d6d6; background:url("../images/pattern.jpg") repeat scroll 0 0 transparent; } .social-connect h3 { float:left; width:50%; color:#707070; margin:40px 0; font-family:roboto; font-size:30px; font-weight:600; line-height:28px; } .social-connect h3 span { color:#98D460; font-size:20px; text-transform:uppercase; } .social-connect .social-bar { float:right; width:50%; margin:34px 0; padding:0; } .work-section { background: none repeat scroll 0 0 #f9f9f9; margin-bottom: -80px; margin-top: 0; padding-bottom: 70px; } .working { float: left; width: 100%; } .working > p { color:#818181; font-family:open sans; font-size:13px; margin-top:20px; } .countries { float:left; width:100%; margin-top:30px; } .countries li { float:left; } .countries img { width: 100%; } .countries .flex-direction-nav { position: absolute; right:15px; top: 0px; } .countries .flex-direction-nav li{ float:left; margin:0 4px; } .countries .flex-direction-nav li a{ background:url("../images/carousel-arrows.png") no-repeat scroll 5px -2px #4A4A4A; float:left; width:25px; height:25px; color:transparent; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .countries .flex-direction-nav li a.flex-next{ background-position:-42px -3px; } /*** CAPTCHA ***/ #recaptcha_area, #recaptcha_table { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; width: 100% !important; } .form form #recaptcha_area,.form form #recaptcha_table{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; width: 100% !important; } .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .form .recaptcha_input_area { float: left; margin: 0 !important; width: 100% !important; } .form .recaptcha_theme_red #recaptcha_response_field { border: none; } .form .recaptcha_theme_red #recaptcha_response_field { background: none repeat scroll 0 0 #FAFAFA; border-radius: 2px; box-shadow: 0 0 3px #DCDCDC inset; float: left; font-family: roboto; height: 30px; padding: 0 10px !important; width: 100% !important; } .form .recaptchatable .recaptcha_r4_c1 { width: 100% !important; } .recaptcha_only_if_privacy { display: none; } /*** EVENTS PAGE ///////////// //////////////////////////////////////////////////// ***/ .event-post-image { float:left; position:relative; border-radius:4px; overflow:hidden; margin-bottom:30px; width:100%; } .event-post-image img { height: 100%; width: 100%; } .event-post-image:before { height:3px; width:100%; content:""; position:absolute; bottom:0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .event-post-image:after { content:""; width:0; height:0; border-bottom:50px solid; border-right:50px solid transparent; position:absolute; left:0; bottom:0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .event-post-image:hover:before, .event-post-image:hover:after, .event-post-image:hover i{ opacity:0; filter:alpha(opacity = 0); } .event-post-image i { color:#FFFFFF; z-index:1; position:absolute; left:12px; bottom:8px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .event-post-detail { float:right; margin-bottom:30px; } .event-post-detail h2 { font-family:roboto; font-size:16px; font-weight:400; margin-top:20px; } .event-post-detail h2 a{ color:#707070; } .event-post-detail h2 a:hover{ color:#2d2d2d; } .event-post-detail .post-meta:before { display:none; } .event-post-detail .post-meta { border:0 none; padding:20px 0; width:100%; } .event-post-detail > p { color:#858585; float:left; font-family:open sans; font-size:12px; letter-spacing:0.2px; line-height:20px; margin-top:-5px; width:100%; } .event-post-image span { background:url("../images/link-arrow.png") no-repeat scroll center center; height:100%; width:30%; opacity:0.9; filter:alpha(opacity = 90); position:absolute; right:-30%; top:0; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .event-post-image:hover span { right:0; } .map { left:0; opacity:0; filter:alpha(opacity = 0); position:absolute; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .event-post-image:hover .map{ opacity:0.9; filter:alpha(opacity = 90); } /*** ELEMENTS PAGE ///////////// //////////////////////////////////////////////////// ***/ .element { float:left; margin:0 0 40px; width:100%; } /*** TABS ***/ .theme-tabs .nav { border:0 none; } .theme-tabs .nav li{ margin:0; } .theme-tabs .nav li a, .theme-tabs .nav li a:hover { margin:0; padding:15px 24px; border-left:1px solid #D1D7DC; border-top:1px solid #D1D7DC; border-bottom:1px solid #D1D7DC; border-right:0 none; color:#707070; font-family:roboto; font-size:13px; font-weight:400; line-height:10px; background:none repeat scroll 0 0 #FCFAFA; -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; } .theme-tabs .nav li:last-child a{ border-right:1px solid #D1D7DC; } .theme-tabs .nav li.active a, .theme-tabs .nav li.active a:hover, .theme-tabs .nav li.active a:focus{ padding:20px 24px; margin-top:-9px; background:#fff; border-left:1px solid; border-top:1px solid; border-right:1px solid; border-bottom:0 none; margin-right:-1px; z-index:1; } .theme-tabs .tab-content { margin-top:-1px; padding:40px 30px; border:1px solid #D1D7DC; float:left; width:100%; } .theme-tabs p { color:#858585; font-family:open sans; font-size:12px; line-height:24px; margin:0; } /*** TABS LEFT OR RIGHT ***/ .side-tabs { float: left; width: 100%; } .tabs-left .nav { float: left; } .tabs-left .tab-content{ float: right; } .tabs-left .nav li a, .tabs-left .nav li a:hover, .tabs-left .nav li a:focus { border-right:4px solid #fff; border-left:0; border-top:0; border-bottom:0; } .tabs-right .nav { float: right; } .tabs-right .tab-content{ float: left; } .tabs-right .nav li a, .tabs-right .nav li a:hover, .tabs-right .nav li a:focus { border-left:4px solid #fff; border-right:0; border-top:0; border-bottom:0; } .side-tabs .nav{ width: 30%; border:0; } .side-tabs .nav li { width: 100%; } .side-tabs .nav li{ margin:0 0 5px 0; } .side-tabs .nav li a, .side-tabs .nav li a:hover, .side-tabs .nav li a:focus { background: none repeat scroll 0 0 #FCFAFA; color: #707070; font-family: roboto; font-size: 13px; margin: 0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; } .side-tabs .nav li.active a, .side-tabs .nav li.active a:hover, .side-tabs .nav li.active a:focus { border-color:#fcfafa; } .side-tabs .tab-content { background: none repeat scroll 0 0 #FCFAFA; padding: 55px 30px; width: 70%; } .side-tabs .tab-content p { color: #858585; font-family: open sans; font-size: 12px; line-height: 20px; margin-bottom: 0; margin-top: -5px; } /*** BOTTOM TABS ***/ .theme-tabs.tabs-bottom .tab-content{ margin-bottom:-1px; margin-top:0; } .theme-tabs.tabs-bottom .nav li.active a, .theme-tabs.tabs-bottom .nav li.active a:hover, .theme-tabs.tabs-bottom .nav li.active a{ margin-top:0; border-bottom:1px solid; border-top:0; } /*** BOXED QUOTE ***/ .boxed-quote { background: none repeat scroll 0 0 transparent; border: 1px solid #D1D7DC; margin: 0 20px 0 0; padding: 35px 60px; width: 370px; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; } blockquote i { font-size: 16px; margin: 0 10px; } .element h3 { margin-bottom:30px; } /*** ACCORDIONS ***/ .accordion_toggle { float:left; margin-bottom:5px; width:100%; } .accordion_toggle > a { width:100%; float:left; border-top:2px solid #dbdbdb; color:#707070; font-family:roboto; font-size:13px; line-height:40px; overflow:hidden; background:none repeat scroll 0 0 #FAF9F9; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .accordion_toggle a span { background:none repeat scroll 0 0 #eeecec; color:#a2a2a2; float:left; margin-right:20px; text-align:center; width:40px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .accordion_toggle.current > a{ border-top:2px solid; } .accordion_toggle.current > a span{ color:#fff; } .accordion_content { float:left; width:100%; } .accordion_content > p { margin:10px 0; padding:0 20px 0 60px; color:#929292; font-family:open sans; font-size:12px; line-height:22px; } /*** LISTS ***/ .theme-list li { color:#858585; font-family:roboto; font-size:13px; font-weight:400; line-height:28px; } .theme-list li i { float:left; width:10px; line-height:28px; margin-right:10px; } .theme-list li i.icon-angle-right:first-child { margin: 0; width: auto; } .theme-list li i.icon-angle-left:first-child { margin: 0; width: auto; } /*** DROPCAP VARIATIONS ***/ .cap { float: left; font-size: 40px; line-height: 40px; margin-right: 15px; } .cap.coloured-invert { color: #FFFFFF; padding: 0 2px; } .social-icons { float: left; width: 100%; } .social-icons > li { float: left; height: 30px; margin-bottom: 30px; margin-right: 40px; width: 30px; } .social { background: url("../images/social-icons.png") no-repeat transparent; float: left; height: 100%; width: 100%; } .social.facebook{ background-position:0 0; } .social.flickr{ background-position:-70px 0; } .social.forst{ background-position:-140px 0; } .social.google-plus{ background-position:-210px 0; } .social.blogger{ background-position:-280px 0; } .social.lastfm{ background-position:-350px 0; } .social.linkedin{ background-position:-420px 0; } .social.wordpress{ background-position:0 -66px; } .social.twitter{ background-position:-70px -66px; } .social.tumbler{ background-position:-140px -66px; } .social.digg{ background-position:-210px -66px; } .social.dribble{ background-position:-280px -66px; } .social.behance{ background-position:-350px -66px; } .social.addthis{ background-position:-420px -66px; } .social.sharethis{ background-position:0 -126px; } .social.rss{ background-position:-70px -126px; } .social.skype{ background-position:-140px -126px; } .social.deliciou{ background-position:-210px -126px; } .social.stumble{ background-position:-280px -126px; } .social.vimeo{ background-position:-350px -126px; } .social.virb{ background-position:-420px -126px; } .social.grooveshark{ background-position:0 -192px; } .social.mail{ background-position:-70px -192px; } .social.infinte{ background-position:-140px -192px; } .social.instagram{ background-position:-210px -192px; } .social.evernote{ background-position:-280px -192px; } .social.path{ background-position:-350px -192px; } .social.myspace{ background-position:-420px -192px; } .social-gray { background: url("../images/social-gray.png") no-repeat transparent; float: left; height: 100%; width: 100%; } .social-icons.gray li { background: none repeat scroll 0 0 #3F3F3F; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; } .social-gray.play { background-position: 7px 5px; } .social-gray.google-plus { background-position:-64px 6px; } .social-gray.facebook { background-position:-134px 6px; } .social-gray.tumbler { background-position:-206px 6px; } .social-gray.twitter { background-position:-279px 6px; } .social-gray.sharethis { background-position:-350px 6px; } .social-gray.msn { background-position:-421px 6px; } .social-gray.flickr { background-position:-493px 6px; } .social-gray.linkedin { background-position:-564px 6px; } .social-gray.vimeo { background-position:-635px 6px; } .social-gray.gtalk { background-position:7px -59px; } .social-gray.skype { background-position:-134px -59px; } .social-gray.found { background-position:-206px -59px; } .social-gray.rss { background-position:-278px -59px; } .social-gray.buzz { background-position:-349px -59px; } .social-gray.yahoomessanger { background-position:-422px -59px; } .social-gray.yahoo { background-position:-494px -59px; } .social-gray.digg { background-position:-564px -59px; } .social-gray.deleciou { background-position:8px -119px; } .social-gray.upcoming { background-position:-63px -119px; } .social-gray.aim { background-position:-135px -119px; } .social-gray.myspace { background-position:-563px -119px; } .social-gray.wikipedia { background-position:-635px -119px; } .social-gray.vcard { background-position:-207px -184px; } .social-gray.picasa { background-position:-135px -184px; } .social-gray.dribble { background-position:7px -184px; } .social-gray.netvibes { background-position:-278px -184px; } .social-gray.deviantart { background-position:-564px -184px; } .social-gray.fireeagle { background-position:-422px -184px; } .social-gray.itunes { background-position:-64px -184px; } .social-gray.lastfm { background-position:-494px -119px; } .social-gray.amazon { background-position:-422px -118px; } .social-gray.reddit { background-position:-279px -118px; } .social-gray.stumble { background-position:-352px -118px; } .social-gray.digg2 { background-position:-634px -60px; } .social-gray.orkut { background-position:-635px -184px; } /*** ALIGNED IMAGES ***/ .aligned img { -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .aligned { float: left; } .aligned.right { text-align: right; } .aligned.right img{ margin-left:15px; } .aligned.left { text-align:left; } .aligned.left img{ margin-right:15px; } .aligned h5 { color: #5D5D5D; font-family: roboto; font-size: 16px; margin-bottom: 20px; } /*** PROGRESS BARS ***/ .progress-report .progress { float: left; width: 100%; margin-bottom:25px; } .progress-report > h6 { float: left; } .progress-report > span { float: right; } .progress-report > h6 { color: #707070; float: left; font-family: roboto; font-size: 13px; font-weight: 400; line-height:30px; } .progress-report > span { color: #707070; float: right; font-family: roboto; font-size: 13px; font-weight: 600; margin-right: 40px; line-height:30px; } .progress-report { float: left; width: 100%; } .progress-report .progress { background: none repeat scroll 0 0 #FCFBFB; border: 1px solid #DDDCDC; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; -webkit-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset; -moz-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset; -ms-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset; -o-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset; box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset; } .progress-report .progress.pattern{ background:url("../images/pattern2.png") repeat scroll 0 0 / 10% auto #FCFBFB; -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress.pattern .progress-bar { opacity: 0.6; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; } .progress-report .progress.simple{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .simple .progress-bar { position: relative; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .progress-bar span { color: #FFFFFF; font-family: roboto; font-size: 11px; position: absolute; right: 15px; top: 1px; } .yellow{ background:none no-repeat scroll 0 0 #fbb450; } .red{ background:none no-repeat scroll 0 0 #dc504b; } .lightblue{ background:none no-repeat scroll 0 0 #52b8d6; } /*** PRICE TABLE ***/ .price-table { display: table; margin: 30px auto 0; } .price-table > ul { border: 1px solid #B7B7B7; float: left; width: 255px; overflow:hidden; margin-right:10px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .price-table > ul:hover { -webkit-box-shadow: 0 0 5px #C7C7C7; -moz-box-shadow: 0 0 5px #C7C7C7; -ms-box-shadow: 0 0 5px #C7C7C7; -o-box-shadow: 0 0 5px #C7C7C7; box-shadow: 0 0 5px #C7C7C7; } .price-table > ul:last-child{ margin-right:0; } .price-table li.table-head { background: none repeat scroll 0 0 #727272; color: #FFFFFF; padding: 35px 20px 25px; text-align: center; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .table-head > h3 { font-family: roboto; font-size: 24px; font-weight: 700; line-height: 16px; margin-bottom: 10px; } .table-head > span { color: #FFF3F3; float: left; font-family: roboto; font-size: 12px; line-height: 12px; width: 100%; } .price-table ul li.table-desc { background:#fff; padding: 20px; text-align: center; } .table-desc p{ margin:0; } .price-table li { background: none repeat scroll 0 0 #F9F8F8; border-top: 1px solid #E7E7E7; color: #828282; float: left; font-family: open sans; font-size: 12px; line-height: 10px; padding: 20px 20px 20px 50px; width: 100%; } .price-table li i{ font-size:16px; margin-right:10px; } .price-table li:nth-child(2n+2) { background: none repeat scroll 0 0 #F4F3F3; } .price-table li.price-per-year { background: url("../images/pattern2.png") repeat scroll 0 0 / 31% auto #E9E9E9; border-top: 1px solid #FFFFFF; font-family: open sans; font-size: 26px; font-weight: bold; line-height: 20px; padding: 10px 20px; text-align: center; color:#555555; } .price-table li.price-per-year i { font-size: 18px; font-style: normal; margin:0; } .price-per-year > span { color: #6A6A6A; font-family: roboto; font-size: 14px; font-weight: normal; } .price-table li.table-btn { padding: 10px 20px; } .price-table li.table-btn a { background: none repeat scroll 0 0 #686868; border: 1px solid #686868; color: #FFFFFF; float: left; font-family: roboto; font-weight: 600; padding: 12px 10px; text-align: center; width: 100%; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-box-shadow: 0 1px 1px #BDBDBD inset; -moz-box-shadow: 0 1px 1px #BDBDBD inset; -ms-box-shadow: 0 1px 1px #BDBDBD inset; -o-box-shadow: 0 1px 1px #BDBDBD inset; box-shadow: 0 1px 1px #BDBDBD inset; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } /*** ALERT BOXES ***/ .alert-box { overflow:hidden; padding:12px 20px; border:1px solid; margin-bottom:20px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .alert-box:last-child { margin-bottom:0; } .alert-box i { float:left; font-size:20px; margin-right:20px; } .element .alert-box > h4 { float:left; width:auto; font-family:roboto; font-size:14px; font-weight:600; letter-spacing:0.2px; line-height:20px; margin:0; } .alert-box > h4 span { font-size:12px; font-weight:300; } .warning{ background:#faf9f9; border-color:#98d460; color:#98d460; } .cancel{ background:#d9edf7; border-color:#0078c0; color:#0078c0; } .attention{ background:#fce6e9; border-color:#ef3363; color:#ef3363; } .alert-error{ background:#fce6e9; border-color:#ef3363; color:#ef3363; } .done{ background:#e1eec9; border-color:#45a945; color:#45a945; } /*** HIGHLIGHTED TEXT ***/ .highlight { color:#858585; font-family:open sans; font-size:12px; letter-spacing:0.2px; line-height:22px; margin-top:-7px; } .highlight > span { color:#FFFFFF; padding:0 10px; } .highlight.rounded > span { -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; } /*** BUTTONS ***/ .buttons-column { float:left; margin-bottom:30px; width:100%; } .buttons-column .theme-btn{ margin-right:30px; } .theme-btn { border:1px solid #D8B1B1; float:left; color:#fff; font-weight:bold; font-family:roboto; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .small { line-height:35px; padding:0 19px; font-size:12px; } .medium { line-height:45px; padding:0 30px; font-size:12px; } .large { line-height:45px; padding:0 43px; font-size:12px; } .skyblue{ background-image:linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%); background-image:-o-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%); background-image:-moz-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%); background-image:-webkit-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%); background-image:-ms-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.31, rgb(98,206,222)), color-stop(0.74, rgb(152,224,234)) ); background-color:#6ad0e0; } .green{ background-image:linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%); background-image:-o-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%); background-image:-moz-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%); background-image:-webkit-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%); background-image:-ms-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(99,168,2)), color-stop(0.85, rgb(155,201,2)) ); background-color:#72b102; } .dodgerblue{ background-image:linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%); background-image:-o-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%); background-image:-moz-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%); background-image:-webkit-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%); background-image:-ms-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.44, rgb(73,167,184)), color-stop(0.85, rgb(116,201,210)) ); background-color:#5eb9c5; } .blue{ background-image:linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%); background-image:-o-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%); background-image:-moz-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%); background-image:-webkit-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%); background-image:-ms-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.44, rgb(37,150,231)), color-stop(0.85, rgb(54,184,239)) ); background-color:#2da6eb; } .limegreen{ background-image:linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%); background-image:-o-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%); background-image:-moz-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%); background-image:-webkit-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%); background-image:-ms-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.44, rgb(132,204,78)), color-stop(0.85, rgb(172,220,114)) ); background-color:#85cc4e; } .silver{ background-image:linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%); background-image:-o-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%); background-image:-moz-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%); background-image:-webkit-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%); background-image:-ms-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.44, rgb(240,240,240)), color-stop(0.85, rgb(246,246,246)) ); background-color:#f0f0f0; color:#8c8c8c; } .element h4 { float:left; width:100%; margin:10px 0; color:#707070; font-family:roboto; font-size:18px; } .element p { color:#828282; font-family:open sans; font-size:12px; line-height:22px; } /*** CART PAGE ///////// ///////////////////////////////// ***/ .cart-table{ float:left; width:100%; } .cart-head { background-image:linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%); background-image:-o-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%); background-image:-moz-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%); background-image:-webkit-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%); background-image:-ms-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(232,234,235)), color-stop(0.5, rgb(237,237,238)) ); border:1px solid #D2D5D7; float:left; width:100%; text-align:center; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } .cart-head h2 { float:left; padding:24px 0 20px; color:#5B5B5B; font-family:roboto; font-size:16px; font-weight:500; line-height:12px; } .cart-head h2 a{ color:#5B5B5B; } .product { width:40%; } .price { width:20%; } .cart-head h2.quantity { text-align:center; width:20%; } .total { width:20%; } .cart-table > ul { float:left; width:100%; border-top:0; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; position:relative; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .cart-table li { float:left; width:100%; line-height:10px; background:none repeat scroll 0 0 #FCFCFC; border-bottom:1px solid #E0E0E0; } .cart-table li:last-child { border-bottom:0 none; padding:10px 20px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .cart-table li > div { float:left; min-height:57px; padding:10px 0; border-right:1px solid #E0E0E0; } .product i { float:left; margin:5px 0 0 30px; color:red; } .cart-table li > .product > h6 { float:left; margin-left:30px; } .product > img { float: right; height: 35px; margin-right: 10px; width: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .cart-table li > div h6 { color:#555555; font-family:roboto; font-size:13px; line-height:25px; text-align:center; } .cart-table li > div.quantity { padding: 12px 59px; position: relative; width: 20%; } .quantity.buttons_added input.minus, .quantity.buttons_added input.plus { border: 1px solid #C7C0C7; float: left; height: 30px; position: relative; width: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .quantity.buttons_added input.input-text { border-bottom: 1px solid #C7C0C7 !important; border-left: 0 none !important; border-top: 1px solid #C7C0C7 !important; display: table; height: 30px !important; margin: 0 -3px; width: 60px; } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty{ border:1px solid #C7C0C7; } .woocommerce-message:before { background-color: #8FAE1B; content: "\2713"; height: 100%; left: 0; width: 40px; } select { border: 1px solid #C6DADE; height: 30px; padding: 4px 10px; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .cart-table li:nth-child(2n+2) { background:none repeat scroll 0 0 #F9F8F8; } .cart-table li:last-child input { float:left; height:30px; width:170px; margin-right:20px; padding:5px 10px; border:1px solid #C6DADE; font-family:roboto; font-size:12px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .cart-btn { padding:10px 15px; margin:0 4px; border:1px solid #D7AFAF; color:#FFFFFF; font-family:roboto; font-size:12px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .cart-total { float:right; width:51%; margin-top:30px; } .cart-total .cart-head h2 { float:none; } .cart-total.cart-table li { padding:20px 15px; } .cart-total p { float:left; width:50%; margin:0; color:#5B5B5B; font-family:roboto; font-size:12px; font-weight:500; } .cart-total span { float:right; width:50%; text-align:center; } .cart-shipping { float:right; width:51%; margin-top:30px; } .cart-shipping .cart-head h2 { float:none; } .cart-shipping.cart-table li { padding:10px 15px; } .cart-shipping.cart-table input { float:left; height:30px; width:100% !important; margin-right:20px; padding:5px 10px; border:1px solid #C6DADE; font-family:roboto; font-size:12px; color:#EBEBEB; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .cart-shipping.cart-table input[type="text"] { box-shadow: none; color: #AAAAAA; height: 35px; margin: 0; } .notes { float:left; width:100%; margin-top:20px; } .cart-total.cart-table.order { width:100%; } .cart-total.order .cart-head h2 { float:left; width:50%; } .payment li { float:left; margin-bottom:25px; width:100%; } .payment ul li input { float:left; curosr:pointer; height:30px!important; } .payment ul li label { color:#929292; curosr:pointer; float:left; font-family:roboto; font-size:14px; font-weight:normal; margin-left:10px; } .payment ul li p { background: none repeat scroll 0 0 #757575; color: #F7F7F7; float: left; font-family: roboto; font-size: 12px; margin-top: 10px; padding: 10px; position: relative; text-shadow: none; width: 100%; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .payment ul li p:before { height:0; width:0; border-bottom:5px solid #757575; border-left:5px solid transparent; border-right:5px solid transparent; content:""; position:absolute; left:20px; top:-5px; } .payment { float:left; width:100%; padding:30px; background:none repeat scroll 0 0 #FCFCFC; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .payment .accordion_toggle a { background:none repeat scroll 0 0 transparent; border:0 none; line-height:22px; } .woocommerce .woocommerce-info { background: none repeat scroll 0 0 #FAF9F9; margin-bottom: 10px; padding: 10px 0 10px 60px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .woocommerce form.login { float: left; margin-top: 0 !important; width: 100%; } .woocommerce-info:before { font-size: 20px !important; height: 100% !important; left: 0 !important; padding: 5px !important; width: 50px !important; } /*** FEATURED PRODUCTS PAGE ///////// ///////////////////////////////// ***/ .featured-products h3 { margin-bottom:20px; } .featured-products > p { color:#777777; font-family:open sans; font-size:13px; line-height:20px; margin-bottom:30px; } .featured-products .col-md-4{ margin-bottom:40px; } .featured-products img { margin-bottom:15px; width:100%; height:auto; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .featured-products h4 { font-family:roboto; font-size:16px; font-weight:400; margin-bottom:10px; float:left; width:100%; } .featured-products h4 a{ color:#707070; } . ratings { color: #E6E84A; float: left; line-height: 10px; margin-bottom: 5px; width: 100%; } .product-price > a { background: none repeat scroll 0 0 #626262; color: #F4F4F4; float: right; font-family: roboto; font-size: 12px; padding: 5px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .product-price > a.added_to_cart { margin-right: 10px; } .product-price del { float: left; } .product-price ins span.amount{ font-size: 15px; } .product-price del span.amount { font-size: 15px !important; margin-right: 10px; text-decoration: line-through; } .product-price span.amount,.product-price del span.amount, .product-price ins span.amount { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; font-family: roboto; color:#7D7C7C; font-size: 20px; padding: 0; width: auto; line-height:27px; } .page-numbers { float: left; background:#fff; } .page-numbers > li { float: left; margin-right: 10px!important; } .page-numbers, .page-numbers > li span, .page-numbers > li { border: 0 none !important; } .page-numbers > li > a, .page-numbers > li > span { background-color: #F8F8F8; color: #707070; float: left; font-family: roboto; font-size: 11px; line-height: 1.42857; margin-left: -1px; padding: 5px 15px!important; position: relative; text-decoration: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .page-numbers > li > a:hover, .page-numbers > li > span:hover, .page-numbers > li > a:focus, .page-numbers > li > span:focus { color: #FFFFFF; } /*** CHECK OUT PAGE ///////// ///////////////////////////////// ***/ .check-out-top li { float:left; width:100%; border-top:2px solid #DBDBDB; margin-bottom:10px; overflow:hidden; background:none repeat scroll 0 0 #FAF9F9; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .login { float:left; margin-bottom:20px; padding:10px; border:1px solid #E7E7E7; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; } .login p { color:#929292; font-family:roboto; font-size:12px; } .col-md-12.co-form { float:left; width:100%; } .co-form label { display:block; color:#929292; font-family:roboto; font-size:12px; font-weight:normal; line-height:11px; margin-bottom:10px; } .cupon { float:left; width:100%; margin-bottom:20px; padding:10px; border:1px solid #E7E7E7; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; } .billing { float:left; width:570px; } .billing h3{ margin-bottom:30px; } .create-account { float:left; width:100%; margin-top:20px; } .form-toggle.accordion_toggle > a { background:none repeat scroll 0 0 transparent; border:0 none; color:#929292; font-family:roboto; font-size:14px; line-height:18px; position:relative; padding-left:20px; cursor:pointer; } .form-toggle.accordion_toggle > a:before { content:""; width:13px; height:13px; background:none repeat scroll 0 0 #DBECEF; border:1px solid #B7D5DE; position:absolute; left:0; top:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .form-toggle.accordion_toggle.current > a.pointed:after { content:""; width:7px; height:7px; background:none repeat scroll 0 0 #779DA9; position:absolute; left:3px; top:7px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .account-form > p { color:#929292; font-family:roboto; font-size:12px; line-height:20px; } .shipping{ float:left; width:570px; } .shipping h3{ margin-bottom:30px; } /*** ORDER RECEIVED PAGE ///////// ///////////////////////////////// ***/ #check { background:none repeat scroll 0 0 #FFFFFF; float:left; margin-left:-40px; padding-left:10px; padding-right:10px; position:absolute; left:50%; top:-22px; } #check > span { color:#FFFFFF; font-size:30px; padding:13px 16px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } .order-reveived { border:1px solid; float:left; margin-top:28px; position:relative; width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; } .order-reveived > p { color:#696868; font-family:Roboto; font-size:13px; line-height:17px; margin:0; padding-top:57px; text-align:center; } .order-reveived p strong { font-family:roboto; font-size:13px; } .order-reveived a { display: table; font-family: roboto; font-size: 13px; line-height: 11px; margin: 0 auto; padding: 35px 20px 35px 0; text-align: center; text-transform: uppercase; } .order-reveived a img{ margin-left:10px; margin-top:-3px; } /*** SIDEBAR ///////// ///////////////////////////////// ***/ .sidebar-widget { float:left; margin-bottom:30px; overflow:hidden; width:100%; } /*** Sidebar Search ***/ .sidebar-search { width:100%; height:38px; border:1px solid #E5E5E5; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } input.search { height:100%; width:75%; padding:10px; border:0 none; color:#D2D2D2; font-family:roboto; font-size:11px; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .search-button { float:right; height:37px; width:40px; padding:0; border:0 none; background:url("../images/search.png") no-repeat scroll center; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .sidebar-title { float:left; width:100%; margin-bottom:20px; border-left:5px solid #98D460; } .sidebar-title > h4 { float:left; padding-left:15px; color:#2D2D2D; font-family:roboto; font-size:20px; font-weight:400; line-height:26px; position:relative; } .sidebar-title > h4 a{ color:#2D2D2D; } .sidebar-title > h4:after { height:1px; width:50%; content:""; background:none repeat scroll 0 0 #98d460; position:absolute; right:-55%; top:55%; } .sidebar-title > h4 span{ font-weight:300; color:#83be4b; } /*** Popular Posts ***/ .popular-post { float:left; width:100%; margin-bottom:20px; overflow:hidden; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .popular-post:last-child{ margin-bottom:0; } .popular-post > img { width:100%; height:auto; } .popular-post-title { width:100%; padding:15px 10px; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7); position:absolute; bottom:-30px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .popular-post:hover .popular-post-title{ bottom:0; } .popular-post-title h6 { font-family: roboto; font-size: 13px; margin-bottom: 15px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; } .popular-post-title h6 a{ color:#FFFFFF; } .popular-post-title > span { color:#C8C8C8; float:left; font-family:open sans; font-size:10px; font-weight:600; line-height:10px; text-align:center; width:100%; } /***Tags ***/ .cloud-tags,.tagcloud { float:left; margin-left:-5px; } .cloud-tags a,.tagcloud a{ background-image:linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-o-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-moz-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-webkit-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-ms-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.12, rgb(247,247,246)), color-stop(0.56, rgb(250,250,249)) ); color:#959595; float:left; font-family:roboto; font-size:11px; margin:5px; padding:7px 14px; border-color:#E7E7E7; border-style:solid; border-width:2px 1px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*** Sidebar Lists ***/ .sidebar-widget ul { float:left; width:100%; } .sidebar-widget ul li { float:left; margin-bottom:1px; width:100%; } .sidebar-widget ul li{ float:left; width:100%; padding:15px 20px 15px 60px; color:#959595; font-family:roboto; font-size:12px; line-height:18px; background:url("../images/list-arrow.png") no-repeat scroll 34px center #FCFCFB; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .sidebar-widget ul ul li a { background-position: 50px center; padding-left: 70px; } .sidebar-widget ul ul{ margin-top: 2px; } /*** Sidebar Video ***/ .sidebar-video { float:left; overflow:hidden; width:100%; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .sidebar-video > img { width: 100%; } .sidebar-video:after { height:100%; width:100%; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7); content:""; opacity:0; filter:alpha(opacity = 0); position:absolute; left:0; top:0; -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); transform:scale(0.5); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .sidebar-video:hover:after{ opacity:1; filter:alpha(opacity = 100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .sidebar-video > h6 { width:100%; color:#F5F5F5; font-family:roboto; font-size:13px; text-align:center; z-index:1; position:absolute; left:0; top:-30px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .sidebar-video:hover > h6 { top:30px; } .sidebar-video > span { height:40px; width:40px; border:1px solid #FFFFFF; color:#FFFFFF; line-height:36px; margin-bottom:-20px; margin-left:-20px; text-align:center; z-index:1; position:absolute; bottom:-50%; left:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .sidebar-video > span a i{ color:#fff; } .sidebar-video:hover > span { bottom:50%; } /*** Sidebar Gallery ***/ .gallery .col-md-4 a { margin-bottom:20px; } .gallery .col-md-4 a img { height: 77px; width: 77px; } .gallery .col-md-4 > a:before { content:""; height:100%; width:100%; opacity:0; filter:alpha(opacity = 0); position:absolute; left:0; top:0; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .gallery .col-md-4 > a:hover:before{ opacity:1; filter:alpha(opacity = 100); } .gallery .col-md-4 > a { float:left; position:relative; border-radius:4px; overflow:hidden; width:100%; } table#wp-calendar caption { background: none repeat scroll 0 0 #8E8E8E; line-height: 40px; margin-bottom: 1px; text-transform: uppercase; color: #fff; } .sidebar-widget select { color: #A7A7A7; } .sidebar-widget ul li.recentcomments { border-bottom: 1px solid #EFEFEF; color: #888888; font-size: 15px; font-weight: 300; line-height: 35px; } .sidebar-widget ul li.recentcomments a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; line-height: 20px; width: auto; padding-top: 7px!important; } .sidebar-widget .review i { color: #888787; } .sidebar-widget .from h6 { color: #9c9c9c; font-weight: 500; } .sidebar-widget .footer_carousel .flex-control-nav { bottom: 0; } .sidebar-widget .footer_carousel .flex-control-nav li a.flex-active { background: none repeat scroll 0 0 #C3C3C3; } .sidebar-widget ul.product_list_widget li { border-bottom: 1px solid #EFEFEF; float: left; width: 100%; padding: 10px 0!important; } .sidebar-widget .product_list_widget li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-weight: 500 !important; padding: 0; } .sidebar-widget .product_list_widget li .amount { color: #9C9C9C; float: right; margin-top: 10px; } .widget_shopping_cart_content .total { width: auto; } .widget_shopping_cart_content .total { float: left; margin: 0; padding: 15px 0; width: 100%; color: #959595; } .widget_shopping_cart_content .total strong { font-weight: 500; text-transform: uppercase; } .textwidget { color: #959696; } .widget_shopping_cart_content .total { float: left; width: 100%; padding: 10px 0; color: #969595; } .widget_shopping_cart_content .buttons a { font-weight: 400; line-height: 25px; margin-right: 10px; padding: 5px 15px; } .textwidget { color: #969595; } .widget_product_search label { float: left; width: 100%; font-weight: 400; text-transform: uppercase; color: #9c9c9c; } .widget_product_search input[type="text"] { float: left; width: 75%; border: 1px solid #efefef; height: 30px; padding: 0 10px; color: #a9a9a9; } .widget_product_search input[type="submit"] { background: url("../images/search.png") no-repeat scroll center center #C5C5C5; border: 0 none; color: rgba(0, 0, 0, 0); float: left; font-size: 13px; height: 30px; letter-spacing: 0.1px; margin-left: -1px; text-align: center; text-transform: uppercase; width: 25%; } .sidebar-widget .product_list_widget li a img { height: 77px; width: 77px; } .star-rating > span { color: #B3B3B3; } .sidebar-widget .newsletter { background: none; } .sidebar-widget .newsletter:before{ display:none; } .sidebar-widget .newsletter > h4 { color: #838383; } .sidebar-widget .newsletter > p { color: #969696; } .sidebar-widget .social-bar { padding: 0; float: none; width: auto; display: table; margin: 0 auto; } .sidebar-widget .social-bar li { width: auto; margin: 0 5px; background: none; } .sidebar-widget .social-bar li a { background: none; padding: 0; } .sidebar-widget .newsletter-btn { background: none; padding: 0; margin: 20px 0; } .sidebar-widget .newsletter-btn > input { color: #fff; font-size: 17px; font-weight: 500; border: 1px solid #969696; width: 100%; padding: 4px; background: #787878; } .sidebar-widget .newsletter { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); text-align: left; padding: 0; } /*** Sidebar Swith To Left ***/ .switch .left-content { float: right; } .switch .sidebar.pull-right { float: left; } /*** Slider Styles ***/ .slide1 i{ font-style:normal; position:relative; } .slide1 span { padding:5px 20px; margin-left:20px; background:none no-repeat scroll 0 0 rgba(0, 0, 0, 0.8); color:#FFFFFF; position:relative; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -ms-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .slide1 span:before { background:url("../images/slider1-img.png") no-repeat scroll 0 0 transparent; content:""; height:100%; left:-8px; position:absolute; top:0; width:10px; } span.slide1:after { background:url("../images/slider1-img3.png") no-repeat scroll right 0 transparent; content:""; height:100%; position:absolute; right:-32px; top:0; width:100px; } span.slide1 i{ color:#4c4c4c; font-style:normal; } h3.slide2 span{ color:#242424; } h3.slide3 i{ color:#98d460; font-style:normal } h4.slide3 span { color:#323232; } h5.slide3 span{ color:#9bd362; } .slide4 i{ font-style:normal; color:#98d460; } .slide5 span{ color:#98d460; } .slide5-title span{ color:#98d460; } .slide-donate{ background: rgb(86,85,85); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNjM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(86,85,85,1) 0%, rgba(61,60,60,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,85,85,1)), color-stop(100%,rgba(61,60,60,1))); background: -webkit-linear-gradient(top, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%); background: -o-linear-gradient(top, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%); background: -ms-linear-gradient(top, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%); background: linear-gradient(to bottom, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565555', endColorstr='#3d3c3c',GradientType=0 ); } .slide-donate i{ margin-right: 10px; } .slide-donate2{ background: #91a31d; } .slide-donate2 a{ color: #FFF; } .slide-icon{ padding: 20px!important; background-color: #91a31d; border:5px solid rgba(255,255,255,0.7)!important; background-clip: padding-box!important; -webkit-border-radius: 8px!important; -moz-border-radius: 8px!important; -ms-border-radius: 8px!important; -o-border-radius: 8px!important; border-radius: 8px!important; -webkit-box-shadow:0 0 14px #6d6d6d inset!important; -moz-box-shadow:0 0 14px #6d6d6d inset!important; -ms-box-shadow:0 0 14px #6d6d6d inset!important; -o-box-shadow:0 0 14px #6d6d6d inset!important; box-shadow:0 0 14px #6d6d6d inset!important; } /*** Side Panel ***/ .side-panel { width:277px; padding:50px; position:fixed; top:100px; left:-277px; background:url("../images/panel-bg.jpg") repeat scroll 0 0 transparent; z-index:1000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:0 0 3px #888888; -moz-box-shadow:0 0 3px #888888; -ms-box-shadow:0 0 3px #888888; -o-box-shadow:0 0 3px #888888; box-shadow:0 0 3px #888888; -webkit-border-radius:0px 5px 5px 0; -moz-border-radius:0px 5px 5px 0; -ms-border-radius:0px 5px 5px 0; -o-border-radius:0px 5px 5px 0; border-radius:0px 5px 5px 0; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .show{ left:0; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .side-panel h6 { border-bottom:1px double #f4f4f4; color:#3D3C3C; display:inline-block; font-family:open sans; font-weight:600; margin:0px 0 20px 0; position:relative; text-transform:uppercase; } .colors a { display:inline-block; height:20px; margin-right:10px; width:20px; border:1px solid #fff; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .colors a:hover{ -webkit-box-shadow:0 0 4px #000; -moz-box-shadow:0 0 4px #000; -ms-box-shadow:0 0 4px #000; -o-box-shadow:0 0 4px #000; box-shadow:0 0 4px #000; } .color1{ background-color:#b35c28; } .color2{ background-color:#DC4B3A; } .color3{ background-color:#E3C60A; } .color4{ background-color:#93B631; } .color5{ background-color:#2D695C; } .color6{ background-color:#E76E66; } .color7{ background-color:#ED6A18; } .color8{ background-color:#E53B51; } .color9{ background-color:#ED556A; } .color10{ background-color:#4FC0AA; } .colors { margin-bottom:20px; } .colors { margin-bottom:20px; } .layout-buttons { margin-bottom:20px; } .layout-buttons > a { width:100%; display:inline-block; margin:5px 0; border:1px solid #7c7c7c; color:#E0DFDF; font-family:open sans; font-size:11px; font-weight:600; text-align:center; cursor:pointer; background:#818080; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .layout-buttons > a:hover { background-image:linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%); background-image:-o-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%); background-image:-moz-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%); background-image:-webkit-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%); background-image:-ms-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(134,81,40)), color-stop(0.43, rgb(145,92,51)) ); color:#E0DFDF; } .panel-icon { background-image:url("../images/panel-icon.png"), url("../images/panel-bg.jpg"); background-repeat:no-repeat, repeat; background-position:3px 10px, 0 0; height:210px; width:30px; cursor:pointer; position:absolute; right:-30px; top:110px; -webkit-box-shadow:1px 0 1px #B7B7B7; -moz-box-shadow:1px 0 1px #B7B7B7; -ms-box-shadow:1px 0 1px #B7B7B7; -o-box-shadow:1px 0 1px #B7B7B7; box-shadow:1px 0 1px #B7B7B7; -webkit-border-radius:0px 5px 5px 0; -moz-border-radius:0px 5px 5px 0; -ms-border-radius:0px 5px 5px 0; -o-border-radius:0px 5px 5px 0; border-radius:0px 5px 5px 0; } .panel-icon > p { height:20px; width:175px; color:#656565; font-family:open sans; font-weight:600; position:absolute; left:-74px; top:103px; text-shadow:1px 1px 0 #FFFFFF; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg); } .colors .pictures{ height:31px; width:31px; } .colors .pat1 { background:url("../images/boxed-bg1.jpg") repeat scroll 0 0 transparent; background-size:cover; } .colors .pat2 { background:url("../images/boxed-bg2.jpg") repeat 0 0 transparent; background-size:cover; } .colors .pat3 { background:url("../images/boxed-bg3.jpg") repeat 0 0 transparent; background-size:cover; } .colors .pat4 { background:url("../images/boxed-bg4.jpg") repeat 0 0 transparent; background-size:cover; } .bg-body1{ background:url("../images/boxed-bg1.jpg") repeat 0 0 transparent; background-attachment:fixed; background-size:cover; } .bg-body2{ background:url("../images/boxed-bg2.jpg") repeat 0 0 transparent; background-attachment:fixed; background-size:cover; } .bg-body3{ background:url("../images/boxed-bg3.jpg") repeat 0 0 transparent; background-attachment:fixed; background-size:cover; } .bg-body4{ background:url("../images/boxed-bg4.jpg") repeat 0 0 transparent; background-attachment:fixed; background-size:cover; } .option-combo { float: right; margin-bottom: 30px; width: 100%; } .option-combo ul{ float:right; } .option-combo > ul li { float: left; border: 1px solid #D1D7DC; color: #656565; font-family: open sans; font-size: 14px; font-weight: 700; margin-left: 20px; text-transform: uppercase; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .option-combo > ul li a{ color:#656565; } .option-combo > ul li a.selected{ color:#fff; } .option-combo > ul li a { float: left; padding: 10px; } #portfolio { float: left; margin-bottom: -30px; width: 100%; } #portfolio img { height: auto; width: 100%; } .portfolio { float: left; overflow: hidden; position: relative; width: 100%; margin-bottom:30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /** ISOTOPE STYLING **/ .isotope-item { float: left; z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .port-desc { width: 96%; padding:0; background: none repeat scroll 0 0 rgba(247, 244, 244, 0.87); position: absolute; bottom:-20%; left: 2%; opacity:0; filter:alpha(opacity=0); -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .port-desc h4 { font-family: roboto; font-size: 16px; line-height: 14px; margin-bottom: 30px; } .port-desc > p { color: #6D6C6C; font-family: open sans; font-size: 13px; line-height: 20px; margin-bottom: 0; margin-top: -5px; } .portfolio:hover .port-desc{ padding: 40px 15px; opacity:1; filter:alpha(opacity=100); bottom:2%; } .block #Grid { float:left; width:100%; margin:0 0 -50px; } /*** STICKY MENU ***/ header.stick { position: fixed; top: 0; z-index:10000; -webkit-transition:all 0.8s ease 0s; -moz-transition:all 0.8s ease 0s; -ms-transition:all 0.8s ease 0s; -o-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } .stick #menu-navigation > li > a { padding: 20px; } .stick .logo{ padding:2px 0; } .stick .menu ul li > ul{ top:61px; } .stick .menu ul li > ul li ul{ top:0; } .stick #menu-navigation > li:after, .stick #menu-navigation > li.active:after{ display:none; } /*** MENU BELOW SLIDER ***/ .below { bottom: 0; top: auto; } /*** TOGGLE HEADER ***/ .show-header { height: 70px; width: 70px; color: #FFFFFF; cursor: pointer; font-size: 40px; line-height: 69px; z-index: 2147483647; text-align: center; position: absolute; left: 0; top: 0; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .top-bar-toggle{ display:none; } .toggle-header{ display:none; } .show-header.move-down { font-size: 20px; height: 40px; line-height: 35px; top: 0; } /*** LOGO IN THE MIDDLE ***/ .middle-logo{ top:0; } .middle-logo .logo{ display:table; margin:0 auto; float:none; } .middle-logo .menu { display: table; float: none; margin: 0 auto; } .middle-logo #menu-navigation > li:hover:before, .middle-logo #menu-navigation > li:hover:after, .middle-logo #menu-navigation > li.active:before, .middle-logo #menu-navigation > li.active:after{ display:none; } .middle-logo #menu-navigation li a{ padding:10px 20px; } .middle-logo .menu ul li ul{ top:40px; } .middle-logo .menu ul li > ul li ul{ top:0; } .up-half { margin-top: -165px; float: left; width: 100%; position: relative; } .box { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid; float: left; position: relative; text-align: center; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:0 0 12px #C3C3C3 inset; -moz-box-shadow:0 0 12px #C3C3C3 inset; -ms-box-shadow:0 0 12px #C3C3C3 inset; -o-box-shadow:0 0 12px #C3C3C3 inset; box-shadow:0 0 12px #C3C3C3 inset; } .box:after { bottom: 0; content: ""; height:0; left: 0; position: absolute; width: 100%; z-index: 0; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .box:hover:after { height:100%; } .box i { float: left; font-size: 50px; line-height: 44px; padding: 40px 0; width: 100%; color:#a4a4a4; text-shadow:-3px 2px 0 rgba(0, 0, 0, 0.15); position:relative; z-index:1; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .box:hover i{ color:#fff; } .box > h4 { color: #F4F4F4; float: left; font-family: open sans; font-size: 13px; font-weight: normal; line-height: 15px; padding: 12px 0; width: 100%; position:relative; z-index:1; } .box > h4 a{ color: #F4F4F4; } .parallax { float: left; padding: 70px 0; width: 100%; } .fixed.pattern { background-size: auto auto !important; } .fixed-bg{ position:absolute; width:100%; height:100%; left:0; top:0; } .parallax .container{ padding:0; } .posts-carousel { float: left; width:100%; position: relative; } .posts-carousel .sec-heading { border-bottom-color: #999898; margin-bottom: 30px; } .posts-carousel li{ float: left; } .carou-post { background: none repeat scroll 0 0 #FCFCFC; float: left; width: 100%; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .carou-post-img { position: relative; } .previous-event .carou-post-img > img { height: 100px; width: 100px !important; } .carou-post-img > img { height: auto; width: 100%!important; } .carou-post-img:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:none repeat scroll 0 0 rgba(84, 84, 84, 0.9); opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .carou-post-img:hover:before{ opacity:1; filter:alpha(opacity=100); } .carou-post-img a{ color:#fff; width:50px; line-height:40px; border:1px solid #bdbdbe; text-align:center; font-size:20px; margin-top:-20px; margin-left:-25px; position:absolute; left:50%; top:50%; opacity:0; filter:alpha(opacity=0); -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transform:skewX(50deg); -moz-transform:skewX(50deg); -ms-transform:skewX(50deg); -o-transform:skewX(50deg); transform:skewX(50deg); -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; } .carou-post-img:hover a{ opacity:1; filter:alpha(opacity=100); -webkit-transform:skewX(0deg); -moz-transform:skewX(0deg); -ms-transform:skewX(0deg); -o-transform:skewX(0deg); transform:skewX(0deg); } .carou-post > h4 { color: #fcfcfc; float: left; font-family: open sans; font-size: 13px; padding: 10px 30px; font-weight: 400; letter-spacing: 0.3px; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; -ms-border-radius: 0 0 3px 0; -o-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; } .carou-post > p { color: #888888; display: block; float: left; font-family: no; font-size: 13px; margin: 20px 0; padding: 0 22px; line-height: 22px; } .carou-post > a { background: none repeat scroll 0 0 #B9B9B9; color: #FCFCFC; float: right; font-family: roboto; line-height: 12px; margin-bottom: 20px; padding: 8px 30px; font-size: 12px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .carou-post > a:hover { padding: 8px 35px; background: none repeat scroll 0 0 #898989; } .carou-post .ls-container{ border-bottom:0; } .posts-carousel .flex-direction-nav { position: absolute; right: 0; top: -65px; } .posts-carousel .flex-direction-nav li{ float:left; margin:0 4px; } .posts-carousel .flex-direction-nav li a { background: url("../images/carousel-arrows.png") no-repeat scroll 6px 1px #474847; color: rgba(0, 0, 0, 0); float: left; height: 30px; width: 25px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .posts-carousel .flex-direction-nav li a.flex-next{ background-position:-42px 1px; } .posts-carousel .sec-heading h2 { color: #4A4A4A; font-size: 24px; } .posts-carousel .sec-heading h2:before{ border-bottom-color:#999898 } .posts-carousel .sec-heading h2:after{ border-top-color:#999898 } .posts-carousel .pagi i{ color:#fff; } .posts-carousel .pagi.next{ right:0; } .posts-carousel .pagi.prev{ right:35px; } .carou-post #layerslider-container-fw { height: 235px; width: 270px; } #shop-carousel > li { float: left; } .shop { float: left; width: 100%; position: relative; } .item { float: left; position: relative; width: 100%; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .item img{ height:291px; width:100%; } .item-detail { background: none repeat scroll 0 0 rgba(87, 87, 87, 0.73); bottom: 0; left: 0; padding: 15px 20px; position: absolute; width: 100%; } .item-detail h3 { float: left; margin-bottom: 10px; width: 100%; } .item-detail > h3 a { color: #FFFFFF; float: left; font-size: 18px; font-weight: 400; line-height: 25px; width: 100%; } .item-detail > span { color: #FFFFFF; float: right; font-family: roboto; font-size: 25px; line-height: 33px; width: 50%; } .item-detail > span span { color: #FFFFFF; font-size: 17px; } .item-detail i { float: right; font-family: open sans; font-style: normal; margin-left: 10px; } .item-detail > a.added_to_cart { float: left; margin-left: 0; margin-right: 0; margin-top: 10px; text-align: left; } .item-detail i span { color: #C7C6C7; font-size: 16px; text-decoration: line-through; } .item-detail > a { border-radius: 2px; color: #FFFFFF; float: left; font-family: open sans; line-height: 10px; padding: 10px; text-align: center; } .shop .flex-direction-nav { position: absolute; right: 0; top: -65px; } .shop .flex-direction-nav li{ float:left; margin:0 4px; } .shop .flex-direction-nav li a{ background:url("../images/carousel-arrows-black.png") no-repeat scroll 5px -2px #F2F0F0; float:left; width:25px; height:25px; color:transparent; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .shop .flex-direction-nav li a.flex-next{ background-position:-42px -3px; } .shop .flex-direction-nav li a:hover { background-position: -42px -30px; } .shop .flex-direction-nav li a.flex-prev:hover { background-position: 6px -30px; } .donate-message { float: left; width: 100%; } .donate-message > img { width: 100%; height:auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .donate-message > h5 { color: #666666; font-family: roboto; font-size: 15px; font-weight: 300; line-height: 17px; margin: 12px 0 12px; float: left; width: 100%; } .donate-message > p { color: #888888; font-family: noto sans; font-size: 12px; line-height: 23px; margin-bottom: 0; margin-top: 20px; } .donate-message > a { background: none repeat scroll 0 0 #c0c0c0; color: #FFFFFF; float: right; font-family: roboto; font-size: 12px; line-height: 10px; padding: 10px 20px; -webkit-border-radius: 0 10px; -moz-border-radius: 0 10px; -ms-border-radius: 0 10px; -o-border-radius: 0 10px; border-radius: 0 10px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .donate-message > a:hover { background: none repeat scroll 0 0 #898989; } .upcoming-event { float: left; width: 100%; } .upcoming-event img{ width:100%; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .upcoming-event > h5 { color: #666666; font-family: roboto; font-size: 15px; font-weight: 400; margin: 15px 0; } .upcoming-event ul { border: 1px solid #EEEDED; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .upcoming-event li { border-bottom: 1px solid #EEEDED; font-family: roboto; font-size: 12px; line-height: 19px; padding: 5px 20px; } .upcoming-event li a { color: #888888; } .upcoming-event li i{ margin-right:10px; font-size:15px; } .upcoming-event li .icon-twitter { color: #51B4FF; } .upcoming-event li .icon-calendar{ color: #949090; } /*** //// PROFILE SINGLE PAGE /////// ///////////////////////////////////////////// ***/ .profile-tabs-content { float: left; margin-bottom: 30px; overflow: hidden; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .profile-tabs-content img { width: 100%; } .profile-tabs { border: 0 none; float: left; width:100%; } .profile-tabs li { float: left; margin-bottom: 30px; width: 33.3333%; padding:0 15px; } .nav.profile-tabs li a, .nav.profile-tabs li a:hover, .nav.profile-tabs li a:focus { background:none; border: 0 none; margin: 0; padding: 0; outline:none; overflow:hidden; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .nav.profile-tabs li a:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transform:scale(0.3); -moz-transform:scale(0.3); -ms-transform:scale(0.3); -o-transform:scale(0.3); transform:scale(0.3); opacity:0; filter:alpha(opacity:0); -webkit-transition: opacity 0.3s linear,transform 0.3s ease 0.3s; -moz-transition: opacity 0.3s linear,transform 0.3s ease 0.3s; -ms-transition: opacity 0.3s linear,transform 0.3s ease 0.3s; -o-transition: opacity 0.3s linear,transform 0.3s ease 0.3s; transition: opacity 0.3s linear,transform 0.3s ease 0.3s; } .nav.profile-tabs li a:hover:before, .nav.profile-tabs li.active a:before { opacity:1; filter:alpha(opacity:100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .nav.profile-tabs li a:after { color: #FFFFFF; content: ""; font-family: fontawesome; font-size: 30px; height: 30px; left: 50%; line-height: 29px; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%; width: 30px; opacity:0; filter:alpha(opacity:0); -webkit-transform:scale(3); -moz-transform:scale(3); -ms-transform:scale(3); -o-transform:scale(3); transform:scale(3); -webkit-transition:all 0.3s ease 0.3s; -moz-transition:all 0.3s ease 0.3s; -ms-transition:all 0.3s ease 0.3s; -o-transition:all 0.3s ease 0.3s; transition:all 0.3s ease 0.3s; } .nav.profile-tabs li a:hover:after, .nav.profile-tabs li.active a:after { opacity:1; filter:alpha(opacity:100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .nav.profile-tabs li a img{ width:100%; } .profile-page h1 { color: #707070; font-family: roboto; font-size: 16px; font-weight: bold; line-height: 16px; margin-bottom: 25px; word-wrap: break-word; } .profile-page h1 i { margin-right: 10px; } .designation { float: left; font-family: open sans; font-size: 13px; font-weight: 600; line-height: 10px; margin-bottom: 20px; text-transform: uppercase; width: 100%; } .profile-info { float: left; overflow: hidden; width: 400px; margin-bottom:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .profile-info > li { background: none repeat scroll 0 0 #F5F5F4; float: left; padding:10px 20px; width: 100%; } .profile-info > li:nth-child(2n+2) { background: none repeat scroll 0 0 #F9F9F9; } .profile-info li span { color: #646464; float: left; font-family: open sans; font-size: 13px; font-weight: 500; line-height: 10px; width: 50%; } .profile-info li span i{ color:#9a9a9a; margin-right:10px; } .profile-info li p { float: left; width: 50%; margin-bottom:0; font-family: open sans; font-size: 13px; font-weight: 400; color:#9a9a9a; line-height: 10px; } .profile-page p { color: #818181; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.2px; line-height: 24px; width: 100%; } .join-team { background: url("../images/pattern4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 3px; float: left; margin-top: 50px; padding: 40px 55px; text-align: center; width: 100%; } .join-team h2 { color: #5A5A59; font-family: open sans; font-size: 22px; line-height: 17px; margin-bottom: 20px; text-shadow: 0 1px 1px #FFFFFF; } .join-team a { color: #FFFFFF; display: table; font-family: open sans; font-size: 13px; line-height: 13px; margin: 0 auto; padding: 10px 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .main-blog .blog-post { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .main-blog .post-meta { border: 0 none; padding: 0; width: 100%; margin: 0 0 10px; } .main-blog .post-meta:before{ background:none; } .main-blog .post-desc{ padding-left:0; width:100%; } .main-blog .post-meta > li { float: left; margin-bottom: 0; margin-right: 10px; line-height: 15px; } .main-blog .post-desc > p { margin-bottom: 0; } .main-blog .blog-post h2 { background: url("../images/pattern2.png") repeat scroll 0 0 #F6F5F5; color: #666666; float: left; font-size: 15px; font-weight: 300; line-height: 40px; margin-bottom: 0; padding: 5px 20px; width: 100%; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .main-blog .blog-post h2 a{ color:#666; } .main-blog .blog-post-details { margin-top: 15px; } .main-blog .post-meta li a i { color: #D0CFCF; font-size: 14px; } .main-blog .blog-post-img { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } /*** //// EVENT SINGLE PAGE /////// ///////////////////////////////////////////// ***/ .event-detail { float: left; width: 100%; } .event-detail h2 { float: left; } .event-detail h2 { color: #707070; float: left; margin-bottom:20px; font-family: roboto; font-size: 16px; letter-spacing: 0.3px; padding-right: 20px; position: relative; } .event-detail h2:before, .event-detail h2:after { background: none repeat scroll 0 0 #E3E3E3; content: ""; height: 1px; width: 50%; position: absolute; left: 100%; top: 7px; } .event-detail h2:after{ width: 100%; top: 13px; } .event-detail > ul { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #F2F2F2; float: left; padding: 20px; width: 100%; margin-bottom:30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .event-detail > ul li strong { color: #707070; font-size: 13px; font-weight: 400; padding-right: 5px; } .event-detail > ul li { color: #909090; float: left; font-family: roboto; font-size: 12px; font-weight: 400; line-height: 30px; width: 50%; } #menu-navigation li a:before, #menu-navigation > li.active > a:before, #menu-navigation > li a:hover, #menu-navigation li ul li:hover, .ls-defaultskin .ls-nav-prev:hover, .ls-defaultskin .ls-nav-next:hover, .message-box-title, .submit-btn, .donation-bar .donate-btn, .amount.pull-right span, .sec-title h1:before , .sec-title h1:after, .newsletter:before, .newsletter, .newsletter-btn, .donate-us-box span.amount-figures.coloured, .testimonial-color, #prev:hover, #next:hover, .need, .our-project-box .row > div:hover .icon-box, .collected > span, .welcome-box , .pagi:hover, .form-button, .event-post-image span, .search-button, .sidebar-title > h4:after, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .search-tabs li.active a, .search-tabs li.active a:hover, .search-tabs li.active a:focus, .cart-btn, .accordion_toggle.current > a span, #check > span, .reply:hover, .post-meta li > span, .highlight > span , .coloured-invert, .progress.pattern .progress-bar, .price-table ul:hover li.table-head, .price-table ul:hover li.table-btn a, .social-icons.gray li:hover, .controls > ul li.active, .show-header, .box > h4 , .box:after, .carou-post > h4, .item-detail > a, .join-team a, .shop .flex-direction-nav li a:hover, .posts-carousel .flex-direction-nav li a:hover, .stories-carousel .flex-direction-nav li a:hover, .option-combo > ul li a.selected, button.favorite-btn:hover, .page-numbers > li > span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before, .causes-single ul.nav li a:before, .slide2-text2 > span, .slide3-text2, .slide5-text1, .slide5-text3 a, .slide6-text3 a, .slide6-icons a:hover, .slide7-link a, .slide4-text2, .cause-box.donate-drop-btn:hover:before, .cause-box.donate-drop-btn.down:before, .recursive-periods > a.selected, .amount-btns > a.selected, form#login .close, form#login .submit_button, form#login a.lost, .pagination > li > span.current{ background-color:#4fc0aa; } .message-box-title > span, .countSeconds, .welcome-box span{ background-color:#32a48e; } .menu ul li ul, .message-form, .message-form, .ls-container, .sidebar-title, .accordion_toggle.current > a, .order-reveived, .theme-tabs .nav li.active a, .theme-tabs .nav li.active a:hover, .theme-tabs .nav li.active a:focus, `.menu ul li ul li ul, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .box { border-color:#4fc0aa; } .sec-title h1 span, .meta span i, .needed-amount > h5 i, .footer-widget-title h4 span, .our-causes-hover span i, .our-causes-hover span.needed-amount, .story > h6 i, .member-intro > span, .about-charity-desc.col-md-7 li h6, .page-title h1 span, label span, .form p span, .contact-info .contact-details li span i, .sidebar-title > h4 span, .sidebar-widget ul > li > a:hover, .error-page h2, .error-page-search a, .search-result h3 span, .cart-table li > .product > h6, .cart-total span, .cloud-tags a:hover, .featured-products .col-md-4 > a, .featured-products .col-md-4 > h6 i, .order-reveived p strong, .order-reveived a, .gallery-tabs li.active a, .gallery-tabs li.active a:hover, .gallery-tabs li.active a:focus, blockquote span, .comments li .comment i span, .post-meta > li p span , .theme-tabs .nav li.active a, .theme-tabs .nav li.active a:hover, .theme-tabs .nav li.active a:focus, .theme-list li i, .logo h1, .coloured, .port-desc h4 a, .donate-message > p span, .upcoming-event > h5, .upcoming-event li .icon-pencil, .sec-heading h2 strong, .search-title span, .ratings, .wpb_tour_next_prev_nav a, .slide2-text3 span span, .slide3-text1 span, .slide2-text1 span span, .slide3-text3 span, .designation { color:#4fc0aa; } .causes-pagi:hover, .counter, .flickr-images > a:before, .event-post-image:before, .gallery .col-md-4 > a:before, .gallery-image > span, .image-lists ul > li a:before, .image-lists ul > li .video-popup:before, .image-lists ul > li .video-popup:before, .post-image:before, .nav.profile-tabs li a:before{ background-color:rgba(79, 192, 170, 0.9); } .event-post-image:after{ border-bottom-color:rgba(79, 192, 170, 0.9); } .wpb_revslider_element.wpb_content_element { margin-bottom: 0; position: relative; z-index: 0; } /*** SINGLE PRODUCT PAGE ***/ .single-product-page { float: left; width: 100%; margin-bottom: 45px; } .single-product-page img { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .single-product-page .post-desc { padding-left: 0; } button.favorite-btn { background: none repeat scroll 0 0 padding-box #555555; border: 3px solid #E5E5E5; color: #FFFFFF; font-family: roboto; font-size: 13px; line-height: 30px; padding: 5px 15px; margin-bottom:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } button.favorite-btn i { margin-right: 10px; } #quantity-field { border: 1px solid #C6DADE; float: left; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #quantity-field button, #quantity-field input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #437182; float: left; font-family: roboto; font-size: 12px; height: 30px; text-align: center; width: 33.334%; } #quantity-field button#up, #quantity-field input#quantity { border-right: 1px solid #C6DADE; } #quantity-field button{ -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } #quantity-field button:hover { background: none repeat scroll 0 0 #C6DADE; } .single-product-page .cart-btn { float: left; padding: 7px 15px; } .post .single-product-page h1 { margin-bottom: 3px; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: left; width: 100% !important; } .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { height: auto; } #shiptobilling .checkbox { float: left; font-size: 17px !important; font-weight: 400; line-height: 13px; margin: 0; padding: 0; } .gallery-video{ float: left; width: 100%; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .gallery-video iframe { border: 0 none; float: left; width: 100%; } .image-lists ul > li .video-popup { float: left; height: 30px; width: 50px; } code { float: left; width: 100%; white-space: normal; margin: 10px 0; } .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { color: #707070; font-family: roboto; font-size: 22px; font-weight: 400; margin-bottom: 30px; word-wrap: break-word; } .post h2{ font-size: 20px; } .post h3{ font-size: 18px; } .post h4{ font-size: 16px; } .post h5{ font-size: 14px; } .post h6{ font-size: 12px; } table { border: 1px solid #EFEFEF; float: left; width: 100%; margin-bottom:20px; } table thead { border-bottom: 1px solid #EFEFEF; } table thead th { border: 1px solid #EFEFEF; color: #8B8B8B; font-size: 15px; font-weight: 500; line-height: 35px; text-align: center; } table tbody tr { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #EFEFEF; } table tbody tr:nth-child(2n+2) { background: none repeat scroll 0 0 #FFFFFF; } table tbody tr th, table tbody tr td { border: 1px solid #EFEFEF; padding: 0 10px; font-size: 13px; font-weight: 400; line-height: 34px; } table tbody tr th a { font-size: 13px; font-weight: 400; line-height: 34px; } tfoot td { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } tfoot td a { color: #969696; } .post-desc > ul { font-size: 13px; line-height: 25px; list-style: circle outside none; padding-left: 20px; } .post-desc ul ul { list-style: circle outside none; margin: 5px 0 5px 20px; } .post-desc > ol { font-size: 13px; line-height: 25px; padding-left: 20px; } .post-desc ol ol { margin: 5px 0 5px 20px; padding: 0; } .aligncenter { margin: 0 auto; } .alignright { float: right; } .alignnone, .alignnone img { width: 100%; } .wp-caption,.wp-caption-text,.sticky,.gallery-caption,.bypostauthor,.alignleft{ } #html5-lightbox { z-index: 1000000000 !important; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box{ float:left; } .woocommerce-result-count { float:left; line-height: 30px; } .post-password-form input[type="password"] { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #C6DADE; font-family: roboto; font-size: 12px; height: 30px; padding: 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .post-password-form input[type="submit"] { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #E5E5E5; font-size: 12px; height: 30px; padding: 0 15px; } .standalone-tweet .subject .e-entry-title { font-family: open sans; font-size: 14px; } .twitter-tweet.twitter-tweet-rendered { box-shadow: none !important; width: 100%; } .wpb_toggle, #content h4.wpb_toggle { background-color: #EEEEEE !important; background-position: 6px center !important; border-radius: 3px; float: left; font-size: 15px; font-weight: 400; line-height: 45px; margin-bottom: 5px; padding: 0 20px; width: 100%; } .wpb_toggle_content { border: 1px solid #EFEFEF; float: left; font-size: 13px; font-weight: 400; margin-top: -6px !important; padding: 15px 20px !important; width: 100%; } .wpb_content_element .wpb_tabs_nav li { border-left: 1px solid #E7E7E7; border-radius: 2px 2px 0 0; border-right: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7; line-height: 30px; text-align: center; width: 170px; } .wpb_content_element .wpb_tabs_nav li a { color: #B9B9B9; } .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { border: 1px solid #ECECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { color: #C9C9C9; } .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #EFEFEF; margin-top: -2px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .wpb_tour .wpb_tabs_nav .ui-state-default.ui-corner-top { border: 0 none; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .wpb_toggle_content { border: 1px solid #EFEFEF; float: left; font-size: 13px; font-weight: 400; margin-top: -6px !important; padding: 15px !important; width: 100%; } .wpb_accordion_section.group { float: left; margin-bottom: 10px; width: 100%; } .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { background: none repeat scroll 0 0 #F7F7F7; margin-top: 0; padding:20px!important; } .wpb_wrapper .teaser_grid_container .categories_filter { float: left; margin: 0; width: 100%; } .wpb_wrapper .teaser_grid_container .categories_filter li { font-family: open sans; margin: 0; padding: 5px 15px; } .wpb_wrapper .teaser_grid_container .categories_filter li a { color: #B9B9B9; font-size: 13px; } .wpb_wrapper .teaser_grid_container .categories_filter { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #E8E8E8; float: left; margin: 0; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .wpb_wrapper .teaser_grid_container .categories_filter li.active { background: none repeat scroll 0 0 #EAEAEA; } .wpb_thumbnails.wpb_thumbnails-fluid.isotope { margin-top: 20px; } .teaser_grid_container .isotope-item h2 { color: #777777; font-size: 15px; font-weight: 400; line-height: 20px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .teaser_grid_container .isotope-item { float: left; margin: 0 0 20px !important; padding: 0 15px; } .wpb_teaser_grid .post-thumb { float: left; margin-right: 15px; } .teaser_grid_container .isotope-item .entry-content p { color: #494949; font-family: open sans !important; font-size: 13px; font-weight: 300; } .wpb_content_element.wpb_single_image img, .wpb_thumbnails .post-thumb img { border: 1px solid #CBCBCB; float: left; height: auto; margin: 0; max-width: 100%; padding: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .vc-inner { border: 1px solid #EFEFEF; padding: 10px; } .vc-inner h2 { color: #777777; font-size: 15px; font-weight: 400; margin-bottom: 10px; } .vc-inner .post-thumb img { border: 1px solid #EFEFEF; float: left; height: 100px; margin-right: 10px; padding: 3px; width: 100px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .vc-inner .entry-content > p { color: #777777; font-size: 12px; font-weight: 300; } .vc-carousel-control .icon-prev, .vc-carousel-control .icon-next { background: none repeat scroll 0 0 #111111 !important; color: #FFFFFF; line-height: 42px; } .vc-carousel-indicators { bottom: -10px !important; } .vc_carousel .vc-carousel-indicators li { background: none repeat scroll 0 0 #BEBEBE !important; border-color: #BEBEBE !important; } .vc_carousel .vc-carousel-indicators li.vc-active { background: none repeat scroll 0 0 #FFFFFF !important; } .vc_align_right { float: right; } .vc_align_right img { float: right !important; } .wpb_single_image.vc_align_center { display: table; margin: 0 auto; } #shiptobilling { width: 100%; } /*** CAUSES SINGLE PAGE ***/ .causes-single { float: left; position: relative; width: 100%; } .causes-single ul.nav { bottom: 0; position: absolute; } .causes-single img { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .causes-single ul.nav { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); border: 0 none; bottom: 0; left: 50%; margin-left: -142px; padding: 15px 0; position: absolute; width: 284px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .causes-single ul.nav li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin: 0 0 0 15px; } .causes-single ul.nav li a, .causes-single ul.nav li a:focus, .causes-single ul.nav li a:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #878787; height: 67px; margin: 0; padding: 0; width: 74px; } .causes-single ul.nav li a:before{ content: ""; height: 0; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .causes-single ul.nav li a:hover:before, .causes-single ul.nav li.active a:before { height: 100%; } .causes-single ul.nav li a img{ width:100%; height:100%; } .cause-bar { background:#FFF; border-bottom: 1px solid #D4D4D4; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; float: left; margin-bottom: 20px; width: 100%; } .cause-box { background: none repeat scroll 0 0 #F8F8F8; border-right:1px solid #E0E0E0; float: left; height: 90px; padding: 20px 5px; width: 22%; -webkit-box-shadow: 0 0 40px #EFEFEF inset; -moz-box-shadow: 0 0 40px #EFEFEF inset; -ms-box-shadow: 0 0 40px #EFEFEF inset; -o-box-shadow: 0 0 40px #EFEFEF inset; box-shadow: 0 0 40px #EFEFEF inset; } .cause-progress { border-right: 1px solid #D4D4D4; float: left; height: 90px; padding: 20px; width: 34%; -webkit-box-shadow:0 0 40px #F6F6F6 inset; -moz-box-shadow:0 0 40px #F6F6F6 inset; -ms-box-shadow:0 0 40px #F6F6F6 inset; -o-box-shadow:0 0 40px #F6F6F6 inset; box-shadow:0 0 40px #F6F6F6 inset; } .cause-box > h3 { color: #7C7C7C; font-family: roboto; font-size: 26px; line-height: 35px; margin-bottom: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .cause-box > i { color: #B2B1B1; float: left; font-family: roboto; font-size: 12px; font-style: normal; line-height: 20px; text-align: center; width: 100%; } .cause-box.donate-drop-btn { background: none repeat scroll 0 0 #E7E3E3; border-right: 0 none; cursor: pointer; position:relative; } .cause-box.donate-drop-btn:before { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #E0E0E0; color: #AAAAAA; content: "\f103"; font-family: fontawesome; line-height: 43px; margin-left: -20px; text-align: center; width: 40px; height: 40px; z-index: 1; position: absolute; bottom: -20px; left: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .cause-box.donate-drop-btn:hover:before, .cause-box.donate-drop-btn.down:before{ border:0; color:#FFF; } .cause-box.donate-drop-btn.down:before{ content:"\f102"; } .cause-box > h4 { color: #666666; font-family: roboto; font-size: 16px; font-weight: 800; letter-spacing: 0.3px; line-height: 55px; text-align: center; text-shadow: 1px 1px 0 #FFFFFF; } .donate-drop-down { background: none repeat scroll 0 0 #FBFBFB; float: left; width: 100%; margin-bottom: 20px; margin-top: -20px; padding:80px 50px 30px; position: relative; display:none; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -webkit-box-shadow:0 0 40px #EFEFEF inset; -moz-box-shadow:0 0 40px #EFEFEF inset; -ms-box-shadow:0 0 40px #EFEFEF inset; -o-box-shadow:0 0 40px #EFEFEF inset; box-shadow:0 0 40px #EFEFEF inset; } .amount-btns { display: table; float: none; margin: 0 auto; width: auto; } .amount-btns > a { background: none repeat scroll 0 0 #505050; border:0; color: #F1F1F1; float: left; margin-right: 10px; padding: 10px 25px; font-family: roboto; font-size: 16px; font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .amount-btns > a.selected{ background: none repeat scroll 0 0 #f1f1f1; color:#FFF; } .amount-btns > a:last-child{ margin-right:0; } .other-amount { border: 1px solid #D8D8D8; display: table; margin: 50px auto 0; padding: 40px 60px; position:relative; -webkit-box-shadow: 0 0 1px #FFFFFF inset; -moz-box-shadow: 0 0 1px #FFFFFF inset; -ms-box-shadow: 0 0 1px #FFFFFF inset; -o-box-shadow: 0 0 1px #FFFFFF inset; box-shadow: 0 0 1px #FFFFFF inset; } .other-amount:before { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #E0E0E0; border-radius: 50%; color: #4F4F4F; content: "OR"; font-family: roboto; font-weight: 800; height: 40px; left: 50%; line-height: 35px; margin-left: -20px; position: absolute; text-align: center; top: -20px; width: 40px; } .other-amount > input { border: 1px solid #D8D8D8; color: #cccccc; font-family: roboto; font-size: 12px; float:left; height: 40px; padding: 15px 20px; width: 280px; -webkit-box-shadow: 0 0 15px #EAEAEA inset; -moz-box-shadow: 0 0 15px #EAEAEA inset; -ms-box-shadow: 0 0 15px #EAEAEA inset; -o-box-shadow: 0 0 15px #EAEAEA inset; box-shadow: 0 0 15px #EAEAEA inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .other-amount > a { background: none repeat scroll 0 0 #4E4E4E; float: left; height: 40px; width: 180px; color: #FFFFFF; font-family: roboto; font-weight: 700; line-height: 40px; margin-left: 10px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .donate-popup .donate-drop-down { display: block !important; } .donate-popup .cause-progress{ width:50%; } .donate-popup .cause-box{ width:25%; } .donate-popup .cause-box.donate-drop-btn{ display:none; } .post .donate-drop-down .donate-popup { width: 100%; } .recursive-periods { position: absolute; left: 0; top: 0; width: 100%; } .recursive-periods > a { background: none repeat scroll 0 0 #888888; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #707070; border-right: 1px solid #9F9F9F; color: #FFFFFF; font-size: 12px; margin: 0 !important; padding: 15px 20px; position: relative; text-align: center; width: 12.5%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .recursive-periods > a:before { color: #FFFFFF; content: "\f164"; font-family: fontawesome; height: 100%; left: 15px; line-height: 50px; opacity: 0; position: absolute; top: 0; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .recursive-periods > a.selected:before{ opacity: 1; } .recursive-periods > a.selected { color: #FFFFFF; } form#login { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #DFDFDF; float: left; margin-top: 30px; padding: 20px; position: relative; top: 0; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } form#login h1 { display: table; float: none; line-height: 30px; margin: 0 auto 30px; text-align: center; text-transform: uppercase; width: 70%; } form#login label { float: left; font-weight: 400; margin: 0; width: 25%; } form#login input[type="text"], form#login input[type="password"] { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; color: #CCCCCC; float: left; height: 30px; margin-bottom: 10px; padding: 5px 10px; width: 75%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } form#login a.lost { background: none repeat scroll 0 0 #4FC0AA; color: #FFFFFF; float: right; margin-left: 20px; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } form#login .submit_button { background: none repeat scroll 0 0 #4FC0AA; border: 0 none; color: #FFFFFF; float: right; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } form#login .close:before { color: #FFFFFF; content: "X"; font-family: roboto; font-weight: 700; height: 100%; left: 0; line-height: 20px; opacity: 1; position: absolute; text-align: center; top: 0; width: 100%; } form#login .close { background: none repeat scroll 0 0 #FF0000; color: rgba(0, 0, 0, 0); font-size: 12px; font-weight: 300; height: 20px; opacity: 1; position: absolute; right: 10px; text-shadow: none; top: 10px; width: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /*** SERVICES SINGLE PAGE ***/ .single-service > span { border: 1px solid #CFEEE7; color: #8E8E8E; float: left; font-size: 80px; line-height: 160px; margin-bottom: 20px; margin-right: 30px; text-align: center; height: 160px; width: 170px; -webkit-box-shadow: 0 0 13px #EBEBEB inset; -moz-box-shadow: 0 0 13px #EBEBEB inset; -ms-box-shadow: 0 0 13px #EBEBEB inset; -o-box-shadow: 0 0 13px #EBEBEB inset; box-shadow: 0 0 13px #EBEBEB inset; } .single-service > p { color: #858585; font-family: open sans; font-size: 12px; letter-spacing: 0.4px; line-height: 30px; margin-top: 10px; } .single-service h2 { color: #707070; font-family: roboto; font-size: 22px; padding: 20px 0 0; } .benifits { float: left; margin-top: 30px; width: 100%; } .benifits > h4 { color: #6F6F6F; font-family: roboto; font-size: 18px; letter-spacing: 0.3px; margin-bottom: 20px; } .benifits > ul { color: #858585; font-family: open sans; font-size: 12px; line-height: 30px; } .benifits > ul li i { float: left; font-size: 16px; line-height: 30px; margin-right: 15px; } .gallery-icon { padding: 0 15px; float: left; width: 100%; } .gallery-icon a { display: table; float: none; margin: 0 auto; overflow: hidden; position: relative; width: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .gallery-icon a:before { background: url("../images/search-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity:0; filter:alpha(opacity=0); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .gallery-icon a:hover:before{ opacity:1; filter:alpha(opacity=100); } .gallery .gallery-icon a img { border: 0 none !important; width: 100%; height:auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .featured-products { float: left; width: 100%; } .woocommerce span.onsale, .woocommerce-page span.onsale { font-weight: 400; padding: 5px; } .featured-products h4 { line-height: 20px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 50%; } .featured-products .ratings { float: right; width: 50%; } .product-price { float: left; margin-top: 10px; width: 100%; } .button.add_to_cart_button.product_type_simple { background: none repeat scroll 0 0 #B6B6B6; box-shadow: none; font-size: 12px; font-weight: 400; text-transform: uppercase; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .button.add_to_cart_button.product_type_simple:hover { background: none repeat scroll 0 0 #B6B6B6; color: #FFFFFF; text-shadow: none; } .woocommerce-message:before { height: 100% !important; left: 0 !important; width: 50px !important; } .woocommerce-page .woocommerce-message { padding-left: 70px !important; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { float: right; line-height: 16px; } .single-product-page .post-meta { border: 0 none; margin: 10px 0 0; padding: 0; width: 100%; } .single-product-page .post-meta:before { display: none; } .single-product-page .post-meta li { font-size: 12px; line-height: 20px; margin: 0; } .single-product-page .post-meta li del, .single-product-page .post-meta li ins { color: #858585; float: left; font-size: 16px; margin-right: 10px; margin-top: 10px; } .single-product-page .post-meta li del span { font-size: 12px; text-decoration: line-through; } .woocommerce-page div.product #reviews .comment img { float: left; } .woocommerce-page div.product #reviews .description p { font-size: 12px; font-weight: 400; line-height: 20px; } #review_form_wrapper form label, #review_form_wrapper form span.required { color: #929292; float: left; font-family: roboto; font-size: 12px; font-weight: 400; margin-right: 5px; } #review_form_wrapper form input[type="text"], #review_form_wrapper form textarea{ background: none repeat scroll 0 0 #FAFAFA; border: 0 none; color: #B4B4B4; float: left; font-family: roboto; font-size: 12px; height: 35px; margin-bottom: 20px; padding: 10px 20px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 3px #D5D5D5 inset; -moz-box-shadow: 1px 1px 3px #D5D5D5 inset; -ms-box-shadow: 1px 1px 3px #D5D5D5 inset; -o-box-shadow: 1px 1px 3px #D5D5D5 inset; box-shadow: 1px 1px 3px #D5D5D5 inset; } #review_form_wrapper form textarea{ height:auto; } .woocommerce #review_form #respond p, .woocommerce-page #review_form #respond p { float: left; margin: 0 0 10px; width: 100%; } .woocommerce-page div.product #reviews p.meta { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EBEBEB; font-family: roboto; font-size: 14px; font-weight: 300; margin: 0 20px 0 0; padding: 0; position: relative; } .woocommerce-page div.product #reviews p.meta strong { float: left; font-weight: 400; width: 100%; } #review_form_wrapper { float: left; margin-top: 30px; width: 100%; } .cart .quantity { margin-bottom: 20px; width: auto; } button.cart-btn.single_add_to_cart_button.button.alt, button.cart-btn.single_add_to_cart_button.button.alt:hover { background: none repeat scroll 0 0 #C7C0C7; border: 1px solid #ADADAD; color: #FFFFFF; font-weight: 500; margin-left: 20px; padding: 7px 20px; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .woocommerce div.product, .woocommerce-page div.product, .woocommerce #content div.product, .woocommerce-page #content div.product, .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity{ width:auto!important; } .related.products { float: left; margin-top: 40px; width: 100%; } .product .post-meta li > span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 0; color: #969696; padding: 0; } .related .ratings { float: left; margin-bottom: 10px; width: 100%; } .related h4 { margin-bottom: 10px; margin-top: 10px; } .related h4 a { color: #707070; } .post-desc .theme-tabs { float: left; margin-top: 50px; width: 100%; } .remove-space { float: left; margin-bottom: -30px; width: 100%; } .search-result { margin-top: 30px; } .woocommerce-page table.shop_table td.product-price { float: none; margin: 0; width: auto; } .woocommerce-page table.shop_table th.product-price { margin: 0; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ border-top:0 none; border-top:0 none; border-bottom:0 none; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 1px solid rgba(0, 0, 0, 0.1); height: 10px; line-height: 20px; max-width: 0; padding: 5px 12px; text-align: center; } .woocommerce-page table.shop_table td .quantity { display: table; margin: 0 auto; width: auto !important; } .woocommerce table.shop_table td { border-bottom: 0 none; border-right: 0 none; border-top: 1px solid #EFEFEF; } .woocommerce-page table.shop_table td.product-price span.amount { float: left; font-size: 13px; text-align: center; width: 100%; } .woocommerce-page table.cart input { padding: 7px 20px; } .woocommerce-page table.cart a.remove { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; color: #939393 !important; float: left; text-align: center; width: 100%; } .coupon .input-text { margin-right: 10px !important; max-width: none; width: auto !important; } .woocommerce .woocommerce-info { padding: 15px 0 15px 81px !important; } .woocommerce-billing-fields > h3 { color: #2D2D2D; font-family: roboto; font-weight: 400; } .woocommerce-page form .form-row label { color: #929292; font-size: 13px; font-weight: 400; line-height: 20px; margin-bottom: 10px; } #customer_details { float: left; margin-bottom: 40px; width: 100%; } form.checkout h3 { color: #2D2D2D; font-family: roboto; font-weight: 400; width: 100%; } .woocommerce-shipping-fields .checkbox, .woocommerce-shipping-fields label { float: left; font-size: 18px; font-weight: 300; line-height: 20px; margin: 0 10px 0 0; padding: 0; width: auto; } .create-account > label, .create-account > input{ float: left; line-height: 13px !important; margin: 0 10px 0 0 !important; padding: 0; } .woocommerce-info { float: left; width: 100% !important; } .woocommerce form.login { float: left; margin-top: 0 !important; width: 100%; } .checkout_coupon { float: left; margin: 0 0 30px !important; width: 100% !important; } .showlogin, .showcoupon { color: #A8A8A9; } .tp-leftarrow.default, .tp-rightarrow.default { background: url("../images/carousel-arrows.png") no-repeat scroll 15px 8px #605F5F; cursor: pointer; height: 45px; width: 45px; z-index: 100; } .tp-rightarrow.default { background-position: -32px 7px; } .commentlist img { float: left; margin-right: 20px; } .commentlist li { float: left; margin-bottom: 30px; width: 100%; } .commentlist img { float: left; margin-right: 2%; width: 8%; } .comment-text { float: left; width: 90%; } .theme-tabs p.meta { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; margin: 0; padding: 0; position: relative; text-align: left; } .portfolio > a, .portfolio > a img { float: left; width: 100%; } .cart-total ul .cart-head { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #E0E0E0; border-image: none; border-radius: 0; border-style: none none solid; border-width: 0 0 1px; line-height: 40px; } .shipping-calculator-form { border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; } .image-lists ul > li .video-popup:before { background: url("../images/video.png") no-repeat scroll center center rgba(0, 0, 0, 0); opacity: 1; } .image-lists ul > li .video-popup:before { background: url("../images/video.png") no-repeat scroll center center rgba(0, 0, 0, 0); } .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li{ float:left; width:100%; } .checkout { margin: 0 auto; width: 1170px; } /*** LIFELINE NEW HOME PAGE ***/ .ongoing-projects { float: left; position: relative; width: 100%; } .ongoing-project-img { float: left; position: relative; overflow:hidden; width: 100%; } .ongoing-project-img:before { background: none repeat scroll 0 0 #000000; content: ""; width: 100%; height: 100%; opacity: 0.9; filter:alpha(opacity=90); position: absolute; left: 0; top: 0; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .ongoing-project-img:hover:before { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .ongoing-project-img img{ width: 100%; } .ongoing-project-img a { color: #fff; border: 3px solid #fff; font-size: 20px; width: 50px; height: 50px; text-align: center; line-height: 45px; margin-left: -25px; margin-top: -25px; opacity:0; filter:alpha(opacity=0); position: absolute; left: 50%; top: 50%; -webkit-transform:scale(3); -moz-transform:scale(3); -ms-transform:scale(3); -o-transform:scale(3); transform:scale(3); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .ongoing-project-img:hover a { opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .ongoing-project-detail > h3 { color: #4F4E4E; font-family: open sans; font-size: 16px; font-weight: 600; letter-spacing: 0.25px; line-height: 30px; margin-bottom: 15px; } .ongoing-project-detail > h3 a{ color: #4F4E4E; } .ongoing-project-detail > p { color: #727272; font-family: open sans; font-size: 14px; line-height: 25px; letter-spacing: 0.25px; } .ongoing-project-detail > a { color: #727272; float: right; font-family: open sans; text-shadow: 0 0 1px #FFFFFF; } .ongoing-projects .flex-direction-nav { position: absolute; right: 0; top: -60px; width: 60px; } .ongoing-projects .flex-direction-nav li { float: left; width: 50%; } .ongoing-projects .flex-direction-nav li { float: left; width: 50%; } .ongoing-projects .flex-direction-nav li a { background: url("../images/carousel-arrows.png") no-repeat scroll 5px -1px #E6E6E6; color: rgba(0, 0, 0, 0); float: left; height: 25px; width: 25px; } .ongoing-projects .flex-direction-nav li a.flex-next { background-position: -43px -2px; float: right; } .issue { background: none repeat scroll 0 0 #f9f9f9; float: left; margin-bottom: 30px; width: 100%; } .issue:last-child { margin-bottom: 0; } .issue > img { float: left; margin-right: 20px; } .issue > h4 { color: #4F4E4E; font-family: roboto; font-size: 14px; font-weight: 400; padding-right: 10px; padding-top: 10px; line-height: 22px; } .issue > h4 a{ color: #4F4E4E; } .client-reviews { background: none repeat scroll 0 0 #4c4c4c; border: 2px solid #e7495d; float: left; position: relative; width: 100%; } .client-reviews:after { background: url("../images/shadow.png") no-repeat scroll center center rgba(0, 0, 0, 0); bottom: -15px; content: ""; height: 15px; left: 0; position: absolute; width: 100%; } .reviews { float: left; padding: 40px 50px; width: 100%; } .reviews > h3 { color: #FFFFFF; font-family: open sans; font-size: 24px; text-transform: capitalize; font-weight: 400; line-height: 40px; text-align:center; } .reviews h3 span { color: #f4f1f1; font-size: 50px; } .client-reviews .flex-direction-nav { display: none; } .latest-news { float: left; width: 100%; } .news { float: left; width: 100%; } .news-image { float: left; width: 100%; position:relative; overflow:hidden; } .news-image > img { width: 100%; } .news-image:before, .news-image:after { content: ""; width: 20%; height: 0; background: #000; opacity: 0.9; position: absolute; left: 0; top: 0; -webkit-transition:height 0.2s linear, width 0.3s ease 0.2s; -moz-transition:height 0.2s linear, width 0.3s ease 0.2s; -ms-transition:height 0.2s linear, width 0.3s ease 0.2s; -o-transition:height 0.2s linear, width 0.3s ease 0.2s; transition:height 0.2s linear, width 0.3s ease 0.2s; } .news-image:hover:before, .news-image:hover:after { width: 100%; height: 50%; } .news-image:after { bottom:0; top:auto; left:auto; right:0; } .news > h3 { color: #4F4E4E; float: left; font-family: open sans; font-size: 16px; font-weight: 600; margin: 12px 0; width: 100%; } .news > h3 a{ color: #4F4E4E; } .news > p { font-family: open sans; color: #717171; letter-spacing: 0.25px; line-height: 22px; } .news-image a { color: #FFFFFF; font-size: 25px; margin-left: -12.5px; margin-top: -17px; z-index: 1; height: 34px; width: 25px; position: absolute; top: -50%; left: 50%; -webkit-transition:all 0.4s ease 0.2s; -moz-transition:all 0.4s ease 0.2s; -ms-transition:all 0.4s ease 0.2s; -o-transition:all 0.4s ease 0.2s; transition:all 0.4s ease 0.2s; } .news-image:hover a{ top: 50%; } .latest-news .flex-direction-nav { display: none; } .latest-news ol.flex-control-nav { padding: 0; list-style: none; margin: 0 auto; display: table; } .latest-news ol.flex-control-nav li { float: left; margin: 0 5px; } .latest-news ol.flex-control-nav li a { background: none repeat scroll 0 0 #b9b8b8; color: rgba(0, 0, 0, 0); cursor:pointer; float: left; height: 12px; width: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .latest-news ol.flex-control-nav li a.flex-active{ background: none repeat scroll 0 0 #000; } .no-top-image { background: none repeat scroll 0 0 #EEEEEE; float: left; height: 120px; width: 100%; } .post-desc code { float: none; width: auto; } .sticky h2 a { border-bottom: 1px solid #E0E0E0; float: left; } .wpb_raw_code.wpb_content_element.wpb_raw_html { margin: 0; } /*** BB PRESS STYLING ***/ #bbpress-forums { margin-bottom: 0; } #bbpress-forums #bbp-search-form { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #DBDBDB; float: right; margin-bottom: 10px; padding: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } #bbpress-forums #bbp-search-form input[type="submit"] { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #868686; float: left; font-size: 11px; padding-top: 2px; text-transform: uppercase; } #bbpress-forums #bbp-search-form input[type="text"] { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; } #subscription-toggle, #favorite-toggle { background:none repeat scroll 0 0 #D8D8D8; float: left; margin: 0 20px; padding: 5px 15px; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } #subscription-toggle a, #favorite-toggle a{ color: #FFF!important; } .bbp-author-avatar img { border: 0 none !important; margin: 0 !important; } #bbpress-forums ul { color: #888888; font-weight: 400; } #bbpress-forums li.bbp-header ul { font-size: 14px; font-weight: 400; overflow: hidden; text-transform: uppercase; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background: rgb(254,252,252); /* Old browsers */ background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */ padding:0; } #bbpress-forums > ul { border: 1px solid #c9c9c9!important; overflow: hidden !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; } #bbpress-forums li.bbp-footer { background: none repeat scroll 0 0 #DCDCDC; border-top: 1px solid #C9C9C9; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { background: rgb(254,252,252); /* Old browsers */ background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */ border-top: 1px solid #d0cfcf; padding: 0 20px; } #bbpress-forums li.bbp-body ul.forum li, #bbpress-forums li.bbp-body ul.topic li { border-right: 1px solid #C9C9C9; font-size: 13px; min-height: 110px; padding: 20px 0; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count { font-size: 15px; line-height: 34px; } #bbpress-forums fieldset.bbp-form { border: 0 none; margin: 0; padding: 0; } #bbpress-forums fieldset.bbp-form label { float: left; font-weight: 400; width: 100%; } #bbpress-forums li.bbp-header { background: rgb(67,75,78); /* Old browsers */ background: -moz-linear-gradient(top, rgb(67,75,78) 0%, rgb(59,67,70) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(67,75,78)), color-stop(100%,rgb(59,67,70))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434b4e', endColorstr='#3b4346',GradientType=0 ); /* IE6-9 */ border: 1px solid #3E3E3E; font-weight: 400; padding: 0 20px; position: relative; z-index: 1; } #bbpress-forums li.bbp-header:before { background: url("../images/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #84898B; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } #bbpress-forums li.bbp-header ul { font-size: 14px; font-weight: 400; overflow: hidden; text-transform: uppercase; } #bbpress-forums li.bbp-header li { color: #F1EFEF; font-family: open sans; font-size: 15px; font-weight: 600; line-height: 58px; text-shadow: 0 1px 0 #000000; text-align: center; } li.bbp-forum-freshness, li.bbp-topic-freshness { border-right: 0 none !important; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count { font-size: 15px; line-height: 47px; } .bbp-form input[type="text"],.bbp-form textarea { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #C8C8C8; font-family: roboto; height: 30px; padding: 5px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .bbp-form textarea{ border:0; height:auto; } #bbpress-forums div.reply { background: rgb(254,252,252); /* Old browsers */ background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */ color: #333333; font-size: 12px; position: relative; padding:0; right: 0; } div.bbp-submit-wrapper button { background: none repeat scroll 0 0 #D4D4D4; border: 0 none; color: #FFFFFF; font-size: 13px; font-weight: 500; padding: 7px 25px; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } div.bbp-template-notice.info { color: #747474; float: left; padding: 5px 20px; text-shadow: 0 0 1px #FFFFFF; background-color: #BFE7F1; border: 1px solid #D1D1D1; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a, ul.topic li.bbp-topic-title > a.bbp-topic-permalink { background: none repeat scroll 0 0 #E0E0E0; color: #646363 !important; float: left; font-size: 13px; margin-right: 20px; margin-top: 18px; padding: 7px 15px; text-shadow: 0 1px 0 #F4F4F4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .bbp-forum-content { color: #9D9D9D; margin: 25px 0 0 !important; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness > a, .bbp-topics li.bbp-body ul.topic li.bbp-topic-freshness > a { background: none repeat scroll 0 0 #E1E1E1; color: #898888 !important; display: table; margin: 10px auto 0; padding: 5px 15px; text-shadow: 0 1px 0 #F4F4F4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #bbpress-forums p.bbp-topic-meta { float: left; margin-bottom: 0; margin-top: 10px !important; width: 100%; } .bbp-author-avatar { margin-right: 10px; } ul.topic li.bbp-topic-title > a.bbp-topic-permalink { margin-top: 5px; } li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count { font-size: 15px !important; line-height: 69px; } .bbp-pagination-count { border: 1px solid rgba(0, 0, 0, 0); color: #888888; float: left; font-family: roboto; font-size: 12px; } div.bbp-template-notice, div.indicator-hint { background: none repeat scroll 0 0 #FBE3A7; border-color: #D1D1D1; float: left; padding: 5px 20px; text-shadow: 0 0 1px #FFFFFF; width: auto; } #bbpress-forums p.bbp-topic-meta .bbp-author-name { color: #A1A1A1; } ul.bbp-replies li.bbp-header > div { color: #F1EFEF; font-family: open sans; font-size: 15px; font-weight: 600; line-height: 58px; text-align: center !important; text-shadow: 0 1px 0 #000000; text-transform: uppercase; } li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle { float: right; font-size: 12px; line-height: 17px; margin-top: 18px; text-shadow: none; } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { background-color: #EDEAEA; border-top: 1px solid #D0CFCF; } .bbp-admin-links, .bbp-admin-links a { color: #8E8E8E !important; font-size: 12px !important; padding: 0 5px; text-transform: capitalize !important; } .bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink { color: #8E8E8E !important; float: right; margin-left: 30px; } #bbpress-forums .bbp-body div.bbp-reply-author { border-right: 1px solid #C9C9C9; float: left; padding: 20px; width: 30%; } .bbp-reply-author .bbp-author-avatar { float: left; } #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name { color: #8E8E8E; display: table-row-group; width: auto; } #bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role { color: #9C9C9C; display: table-row; float: left; font-family: roboto; font-size: 12px; font-style: normal; margin-top: -8px; } .bbp-reply-ip { float: left; text-align: left; } .bbp-reply-author .bbp-author-avatar img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #bbpress-forums .bbp-replies .bbp-body div.bbp-reply-content { border-left: 1px solid #C9C9C9; color: #8E8E8E; float: left; font-family: roboto; margin-left: -1px; padding: 20px 25px; width: 70%; } #bbpress-forums #bbp-your-profile fieldset select { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #ddd; margin-bottom: 0; padding: 5px 8px; width: 60%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #bbpress-forums #bbp-your-profile fieldset.submit button { background: none repeat scroll 0 0 #9f9f9f; border: 0 none; color: #fff; padding: 10px 20px; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .sec-heading2 { float: left; margin-bottom: 30px; position: relative; width: 100%; } .sec-heading2:before, .sec-heading2:after { bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 95%; background: #eaeaea; } .sec-heading2:after { bottom: 2px; right: 0; left: auto; } .sec-heading2 h2 { color: #555555; float: left; font-size: 20px; font-weight: 300; line-height: 25px; padding-bottom: 10px; position: relative; width: auto; } .sec-heading2 h2 strong { color: #555555; float: left; font-size: 24px; font-weight: 500; line-height: 20px; margin-right: 5px; } .sec-heading2 > h2:before { background: url("../images/diamond-narrow.jpg") no-repeat scroll 0 0 #FFFFFF; bottom: -6px; content: ""; height: 15px; left: 40px; position: absolute; width: 15px; z-index: 5; } .blackish:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85); content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .sec-heading3 { float: left; width: 100%; margin-bottom: 30px; } .sec-heading3 h2{ font-family:roboto; font-size:24px; font-weight:400; color:#FFF; } .sec-heading3 h2 i{ font-style:normal; text-transform:uppercase; font-size:20px; font-weight:300; } .gallery-video iframe { height: 300px; } .count-down1 > li{ float: left; padding: 2px 20px; list-style: none: text-align: center; } .count-down2 > li{ float: left; padding: 2px 20px; list-style: none: text-align: center; } .count-down3 > li{ float: left; padding: 2px 20px; list-style: none: text-align: center; } .count-down4 > li{ float: left; padding: 2px 20px; list-style: none: text-align: center; } /*** BIG CAROUSEL ***/ .container.expand { float: left; max-width: 100%; padding: 0; width: 100%; } .container.expand .row { margin: 0; } .container.expand .row > div{ padding: 0; } .full-section, .big-picture{ float: left; width: 100%; } .big-carousel { float: left; width: 100%; position: relative; } .big-carousel .flex-direction-nav { left: 0; position: absolute; top: 50%; width: 100%; height: 0; z-index: 10000; padding: 0 20px; } .big-carousel .flex-direction-nav li { background: none repeat scroll 0 0 rgba(0,0,0,0.4); color: transparent; float: left; height: 40px; margin-top:-20px; text-align: center; width: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .big-carousel .flex-direction-nav li:hover{ background: none repeat scroll 0 0 rgba(0,0,0,1); } .big-carousel .flex-direction-nav li a { color: transparent; float: left; height: 100%; width: 100%; position: relative; } .big-carousel .flex-direction-nav li a:before { color: #fff; content: "\f053"; font-family: fontawesome; height: 100%; left: 0; opacity: 1; position: absolute; text-align: center; top: 0; width: 100%; line-height: 40px; } .big-carousel .flex-direction-nav li:last-child a:before { content: "\f054"; } .big-carousel .flex-direction-nav li:last-child { float: right; } .big-picture { position: relative; z-index: 1; } .big-picture > img { width: 100%; } .fixed { background-size: cover!important; background-attachment: fixed!important; height: 100%; position: absolute; left: 0; top: 0; width: 100%; margin: 0; z-index:0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .full-title { float: left; width: 100%; padding: 30px 0; } .full-title span.title-icon { background: none repeat scroll 0 0 #fff; float: left; font-size: 40px; height: 95px; line-height: 95px; margin-right: 30px; text-align: center; width: 95px; -webkit-border-radius: 15px 3px; -moz-border-radius: 15px 3px; -ms-border-radius: 15px 3px; -o-border-radius: 15px 3px; border-radius: 15px 3px; -webkit-box-shadow: 1px 1px 2px #303030; -moz-box-shadow: 1px 1px 2px #303030; -ms-box-shadow: 1px 1px 2px #303030; -o-box-shadow: 1px 1px 2px #303030; box-shadow: 1px 1px 2px #303030; } .full-title h2 { color: #fff; font-family: open sans; font-size: 35px; font-weight: 800; margin-top: 10px; padding-bottom: 10px; } .full-title span { font-family: open sans; font-size: 18px; color: #FFF; font-weight: 600; } .short-desc { background: none repeat scroll 0 0 rgba(75, 75, 75, 0.96); padding: 20px; position: absolute; right: 100px; top: 180px; width: 45%; z-index: 1; -webkit-border-radius: 15px 3px; -moz-border-radius: 15px 3px; -ms-border-radius: 15px 3px; -o-border-radius: 15px 3px; border-radius: 15px 3px; } .short-desc > h4 { color: #fff; font-family: open sans; font-size: 20px; font-weight: 700; margin-bottom: 10px; } .short-desc > p { color: #fff; font-family: open sans; font-size: 14px; letter-spacing: 0.3px; line-height: 24px; } .short-desc > a { float: left; font-family: open sans; font-size: 11px; padding: 7px 20px; text-transform: uppercase; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .short-desc > ul { float: right; } .short-desc > ul li { float: left; margin-left: 7px; } .short-desc > ul li a { background: none repeat scroll 0 0 #575757; border: 1px solid #939392; color: #fff; float: left; height: 26px; line-height: 26px; text-align: center; width: 26px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .short-desc > ul li a i { float: left; line-height: 24px; width: 100%; } .fixed.whitish:before { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /*** OUR MISSIONS ***/ .mission { text-align: center; margin-top: 15px; } .mission > h4 { color: #3b3b3b; font-family: open sans; font-size: 25px; font-weight: 700; margin-bottom: 10px; } .mission p { color: #674244; font-family: open sans; font-size: 16px; letter-spacing: 0.3px; line-height: 30px; margin: 0; } .remove-ext{ float: left; width: 100%; margin-bottom: -30px; } .counting { color: #fff; float: left; margin-bottom: 30px; overflow: hidden; padding: 30px 10px; position: relative; text-align: center; width: 100%; z-index: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .counting:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .counting > div { background-repeat: no-repeat !important; background-size: 100% 100% !important; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } h3.count { font-family: open sans; font-size: 46px; font-weight: 700; line-height: 36px; margin-bottom: 10px; } .counting > span { float: left; font-family: open sans; font-size: 13px; padding: 10px 10px 0; width: 100%; } /*** SERVICES NEW STYLE ***/ .service { float: left; text-align: center; width: 100%; } .service > img { margin-bottom: 20px; } .service > h4 { float: left; width: 100%; color: #0e0e0e; font-family: open sans; font-size: 20px; font-weight: 700; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; } .service > h4 span { font-weight: 400; } .service > p { color: #0e0e0e; font-family: open sans; font-size: 14px; font-weight: 500; letter-spacing: 0.3px; line-height: 24px; margin: 0; } .service > a { background: none repeat scroll 0 0 #00c3f4; color: #fff; display: inline-block; font-family: open sans; font-size: 15px; font-weight: 600; margin-top: 20px; padding: 10px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #para_vid > iframe { float: left; width: 100%; } .service > i { color: #9b9b9b; float: left; font-size: 50px; margin-bottom: 20px; width: 100%; } /*** MISSION ***/ .single-mission { float: left; width: 100%; margin-bottom: 30px; } .mission-img { float: left; width: 100%; margin-bottom: 20px; } .mission-img a { float: left; overflow: hidden; position: relative; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .mission-img a:before { background: url("../images/link-arrow.png") no-repeat scroll center center black; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .mission-img a:hover:before{ opacity: 0.7; } .mission-img a img{ width: 100%; } .single-mission > h3 { color: #707070; font-family: source sans pro; font-size: 16px; font-weight: 500; float: left; width: 100%; margin-bottom: 10px; } .single-mission > h3 a{ color: #707070; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .single-mission > h3 a:hover { color: #303030; } .single-mission > p { color: #818181; font-family: open sans; font-size: 13px; letter-spacing: 0.2px; line-height: 22px; margin: 0; } .mission-carousel { float: left; margin-bottom: -30px; position: relative; width: 100%; } .mission-carousel .flex-direction-nav { position: absolute; right: 0; top: -80px; } .mission-carousel .flex-direction-nav li { float: left; margin-left: 10px; } .mission-carousel .flex-direction-nav li a { background: none repeat scroll 0 0 #c1c1c1; color: transparent; float: left; height: 30px; width: 30px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .mission-carousel .flex-direction-nav li a:hover{ background-color: #959494; } .mission-carousel .flex-direction-nav li a:before { content: "\f104"; font-family: fontawesome; font-size: 16px; height: 100%; left: 11px; position: absolute; top: 4px; width: 100%; color: #FFF; } .mission-carousel .flex-direction-nav li a.flex-next:before { content: "\f105"; left: 13px; top: 4px; } .sec-heading3 > h5 { float: left; width: 100%; font-family: open sans; font-size: 16px; color: #3b3b3b; } .sec-heading3 > h1 { font-family: roboto; font-size: 22px; color: #3b3b3b; } .sec-heading3 { float: left; width: 100%; margin-bottom: 30px; } .sponsor { float: left; width: 100%; } .sponsor > img { float: left; width: 100%; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .sponsor-desc { float: left; width: 100%; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; padding: 30px 20px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .sponsor-desc > p { color: #777777; float: left; font-family: open sans; font-size: 13px; line-height: 26px; margin-bottom: 20px; width: 100%; } .sponsor-desc > a { float: left; font-family: open sans; font-size: 11px; padding: 5px 10px; cursor: pointer; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /*** RECENT NEWS ***/ .recent-news { float: left; width: 100%; margin-bottom: 30px; } .news-img { float: left; overflow: hidden; width: 100%; position: relative; z-index: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .news-img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: darkslategrey; opacity: 0; z-index: 100; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .recent-news:hover .news-img:before{ opacity: 0.7; } .news-img > img { width: 100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .recent-news:hover .news-img img{ -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); -o-transform:scale(1.4); transform:scale(1.4); } .recent-news h4 { color: #474747; float: left; font-family: source sans pro; font-size: 15px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; text-transform: uppercase; } .recent-news h4 a{ color: #474747; } .recent-news p { color: #818181; float: left; font-family: open sans; font-size: 13px; margin-bottom: 0; width: 100%; line-height: 21px; } /*** FEATURED POSTS ***/ .featured-posts { float: left; margin-bottom: -30px; width: 100%; } .featured { float: left; margin-bottom: 30px; width: 100%; } .featured-img { float: left; width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .featured-img > img { width: 100%; } .featured-img > a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); bottom: 0; color: #fff; font-size: 20px; height: 50px; line-height: 60px; position: absolute; right: 0; text-align: center; width: 50px; -webkit-border-radius: 33px 0 0; -moz-border-radius: 33px 0 0; -ms-border-radius: 33px 0 0; -o-border-radius: 33px 0 0; border-radius: 33px 0 0; -webkit-transition:all 0.4s linear 0s; -moz-transition:all 0.4s linear 0s; -ms-transition:all 0.4s linear 0s; -o-transition:all 0.4s linear 0s; transition:all 0.4s linear 0s; } .featured-img:hover > a { width: 100%; height: 100%; border-radius: 0; } .featured-img > a i { height: 50px; left: 50%; line-height: 50px; margin-left: -25px; margin-top: -25px; position: absolute; top: 50%; width: 50px; -webkit-transition:all 0.4s linear 0s; -moz-transition:all 0.4s linear 0s; -ms-transition:all 0.4s linear 0s; -o-transition:all 0.4s linear 0s; transition:all 0.4s linear 0s; } .featured-img:hover > a i{ background-color: rgba(0,0,0,0.8); } .featured-details > h3 { font-family: open sans; font-size: 15px; color: #474747; float: left; width: 100%; margin: 15px 0; line-height: 20px; font-weight: 600; } .featured-details > h3 a{ color: #474747; } .featured-details > p { font-family: open sans; font-size: 13px; color: #777; line-height: 26px; float: left; width: 100%; margin-bottom: 20px; } .featured-details > a { float: left; font-family: open sans; font-size: 13px; font-weight: 600; } #wpadminbar{ z-index: 100000000000; } /*** NEW HEADER STYLE ***/ #top-bar.modern{ background-color: rgba(0, 0, 0, 0.95); } #top-bar .header-social li { height: 30px; line-height: 30px; margin: 0 3px; padding: 0; text-align: center; width: 30px; } .header-social { float: right; padding-top: 11px; } #top-bar .header-social li a { font-size: 13px; color: #777; margin: 0; float: left; width: 100%; background: #FFF; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #top-bar .header-social li a i { margin: 0; } header.header2{ background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 50%, rgba(243,243,243,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(100%,rgba(243,243,243,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); float: left; margin-top: 40px; position: relative; top: 0; width: 100%; } header.header2 #menu-navigation li a{ color: #666666; font-size: 13px; text-transform: uppercase; } header.header2 #menu-navigation li a:hover{ background: none; } header.header2 #menu-navigation li:hover > a, header.header2 #menu-navigation li.active > a{ color: #FFF; } header.header2 #menu-navigation li a:before{ display: none; } header.header2 #menu-navigation > li:before, header.header2 #menu-navigation > li.active:before, header.header2 #menu-navigation > li:after, header.header2 #menu-navigation > li.active:after{ display: none; } header.header2 .menu ul li ul{ top: 100%; } header.header2 .menu ul li ul li ul{ top:-3px; } header.header2 #menu-navigation li a i { font-size: 7px; left: 20px; position: absolute; top: 42px; opacity: 0; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } header.header2 #menu-navigation li:hover a i { opacity: 1; left: 10px; } header.header2 #menu-navigation li ul li a { font-size: 12px; } .header-btn { float: right; font-family: roboto; font-size: 11px; margin-top: 30px; padding: 10px 15px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #top-bar.modern li { color: #9c9191; font-size: 12px; } header.header2.stick .header-btn { margin-top: 12px; } header.header2.stick { top: 0; position: fixed; margin-top: 0; } header.header3.stick { top: 0; } /*** NEW HEADER STYLE ***/ #top-bar.gray{ background: rgb(232,232,232); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(226,226,226,1) 51%, rgba(219,219,219,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(51%,rgba(226,226,226,1)), color-stop(100%,rgba(219,219,219,1))); background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%); background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%); background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%); background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#dbdbdb',GradientType=0 ); } .header-counter h3 { color: #555555; float: left; font-family: open sans; font-size: 14px; line-height: 20px; margin-top: 5px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .header-counter .event-count span{ color: #888888; float: left; font-family: open sans; font-size: 12px; margin-bottom: 7px; width: 100%; } .event-count { float: left; width: 45%; } .header-counter { float: left; width: 60%; } header.header3 { background: none; top: 49px; } .header-event { float: left; width: 30%; } .header-event .count-down span.countdown-row > span.countdown-section { font-size: 14px; font-family: open sans; padding: 5px; height: 49px; line-height: 25px; float: left; margin: 0 1px; width: 48px; background-color: rgba(255,255,255,0.4); } .header-event .count-down span.countdown-row span.countdown-amount{ font-size: 12px; font-weight: 600; font-family: open sans; float: left; width: 100%; margin: 0; } .header-event .count-down span.countdown-row span.countdown-period{ font-size: 10px; float: left; width: 100%; color: #3d3d3d; padding: 0 5px; position: relative; bottom: 0; margin-top: -10px!important; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } .header-counter .header-btn { float: left; margin: 6px 0 0 3px; } .search-box.white { background: none repeat scroll 0 0 #fff; height: 32px; width: 204px; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .search-box.white .search-input { border: 0; width: 170px; height: 32px; float: left; color: #cac9c9; padding: 5px 20px; text-align: left; font-size: 12px; font-family: roboto; } .search-box.white:before { content: "\f002"; font-family: fontawesome; line-height: 32px; position: absolute; right: 0; width: 24px; } .search-box.white .submit-button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: transparent; margin-left: 0; margin-top: 7px; position: relative; border-left: 1px solid #b3b2b2; width: 34px; } header.header3 > .container { background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 50%, rgba(243,243,243,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(100%,rgba(243,243,243,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } header.header3 .logo { padding: 20px 0; } header.header3 .menu { margin: 0 30px 0 0; } header.header3 #menu-navigation > li:before, header.header3 #menu-navigation > li.active:before, header.header3 #menu-navigation > li:after, header.header3 #menu-navigation > li.active:after, header.header3 #menu-navigation li a:before, header.header3 #menu-navigation > li.active > a:before{ display: none; } header.header3 #menu-navigation > li > a { color: #666666; font-size: 13px; padding: 40px 20px; text-transform: uppercase; } header.header3 #menu-navigation > li:hover > a{ color: #FFF; } header.header3 #menu-navigation > li > a i { position: absolute; left: 10px; top: 46px; color: #FFF; font-size: 7px; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } header.header3 #menu-navigation > li:hover > a i{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } header.header3 .menu > ul > li:hover ul { top: 80%; } header.header3 .menu > ul > li ul { border: 0 none; -webkit-box-shadow: 0 0 3px #8c8c8c; -moz-box-shadow: 0 0 3px #8c8c8c; -ms-box-shadow: 0 0 3px #8c8c8c; -o-box-shadow: 0 0 3px #8c8c8c; box-shadow: 0 0 3px #8c8c8c; } header.header3 .menu > ul > li ul li:hover ul{ top: 0; } header.header3 .menu > ul > li ul li:first-child{ -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } header.header3 .menu > ul > li ul li:last-child{ -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } #menu-navigation ul.mega-menu2 { width: 870px; left: -9999px; padding: 10px 30px 20px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); } #menu-navigation ul.mega-menu2:before { border-top: 1px solid #d3d3d3; content: ""; left: 30px; position: absolute; bottom: 20px; width: 810px; } #menu-navigation li:hover ul.mega-menu2{ left: -400px; } header.header3 #menu-navigation li ul{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); } #menu-navigation ul.mega-menu2 > li, #menu-navigation ul.mega-menu2 > li:hover{ background: none; width: 33.334%; } #menu-navigation ul.mega-menu2 > li a:hover{ background: none; } header.header3 #menu-navigation ul.mega-menu2 li:hover, header.header3 #menu-navigation ul.mega-menu2 > li:hover > a{ background: none; } #menu-navigation ul.mega-menu2 li a { font-family: roboto; font-size: 13px; color: #666; text-transform: uppercase; } #menu-navigation ul.mega-menu2 li ul li:hover a{ color: #FFF; } header.header3 #menu-navigation li ul li{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important; } #menu-navigation li ul li a span { background: none repeat scroll 0 0 black; color: #fff; padding: 2px 13px; position: absolute; right: 10px; top: 10px; font-size: 12px; font-family: roboto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } header.header3 #menu-navigation li ul li a { color: #666; font-family: open sans; font-size: 12px; text-transform: uppercase; } header.header3 #menu-navigation li ul li:hover a{ background: none; } header.header3.stick .logo { padding: 5px 0; } header.header3.stick #menu-navigation > li > a { padding: 25px 20px; } .our-cause { float: left; position: relative; width: 100%; margin-bottom: 30px; } .our-cause-img { float: left; overflow: hidden; position: relative; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .our-cause-img > img { width: 100%; } .our-cause-img:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.89; -webkit-transform:skewX(100deg) rotateX(90deg); -moz-transform:skewX(100deg) rotateX(90deg); -ms-transform:skewX(100deg) rotateX(90deg); -o-transform:skewX(100deg) rotateX(90deg); transform:skewX(100deg) rotateX(90deg); -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .our-cause:hover .our-cause-img:before{ -webkit-transform:skewX(0deg) rotateX(0deg); -moz-transform:skewX(0deg) rotateX(0deg); -ms-transform:skewX(0deg) rotateX(0deg); -o-transform:skewX(0deg) rotateX(0deg); transform:skewX(0deg) rotateX(0deg); } .our-cause-detail { background: none repeat scroll 0 0 #fff; border: 1px solid #e7e7e7; float: left; margin-left:2%; margin-top: -20px; padding: 20px; position: relative; text-align: center; width: 96%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 13px #e9e9e9 inset; -moz-box-shadow: 0 0 13px #e9e9e9 inset; -ms-box-shadow: 0 0 13px #e9e9e9 inset; -o-box-shadow: 0 0 13px #e9e9e9 inset; box-shadow: 0 0 13px #e9e9e9 inset; } .our-cause-detail > h3 { font-family: open sans; font-size: 16px; color: #656565; text-transform: uppercase; font-weight: 600; float: left; width: 100%; margin-bottom: 10px; } .our-cause-detail > span { color: #857f7f; float: left; font-family: open sans; font-size: 13px; font-style: italic; font-weight: 500; margin-bottom: 10px; width: 100%; } .our-cause-detail > p { color: #818181; font-family: noto sans; font-size: 13px; line-height: 24px; letter-spacing: 0.2px; float: left; width: 100%; margin-bottom: 10px; } .our-cause-detail > i { font-family: roboto; font-size: 14px; color: #50504f; font-style: normal; float: left; width: 100%; margin-bottom: 10px; } .our-cause-detail > i span,.our-cause-detail > i strong { font-size: 18px; font-weight: 500; } .our-cause-detail > a { padding: 7px 15px; font-size: 11px; color: #FFF; font-family: open sans; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .our-cause-img > a { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); height: 48px; left: 50%; margin-left: -24px; margin-top: -24px; position: absolute; top: 50%; width: 48px; z-index: 1; color: #666; font-size: 20px; text-align: center; line-height: 48px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition:all 0.7s ease 0.2s; -moz-transition:all 0.7s ease 0.2s; -ms-transition:all 0.7s ease 0.2s; -o-transition:all 0.7s ease 0.2s; transition:all 0.7s ease 0.2s; -webkit-transform:scale(0) rotateY(360deg); -moz-transform:scale(0) rotateY(360deg); -ms-transform:scale(0) rotateY(360deg); -o-transform:scale(0) rotateY(360deg); transform:scale(0) rotateY(360deg); } .our-cause:hover .our-cause-img > a{ -webkit-transform:scale(1) rotateY(0deg); -moz-transform:scale(1) rotateY(0deg); -ms-transform:scale(1) rotateY(0deg); -o-transform:scale(1) rotateY(0deg); transform:scale(1) rotateY(0deg); } .fancy-cause { float: left; position: relative; width: 100%; margin-bottom: 30px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .fancy-cause > img { width: 100%; } .fancy-cause-intro { background: none repeat scroll 0 0 #fff; border: 1px solid #eeeeee; bottom: 0; float: left; left: 0; padding: 25px 20px; position: absolute; width: 100%; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 0 6px #f4f4f4 inset; -moz-box-shadow: 0 0 6px #f4f4f4 inset; -ms-box-shadow: 0 0 6px #f4f4f4 inset; -o-box-shadow: 0 0 6px #f4f4f4 inset; box-shadow: 0 0 6px #f4f4f4 inset; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .fancy-cause:hover .fancy-cause-intro{ bottom: -40px; opacity: 0; } .fancy-cause-intro > i { color: #857f7f; float: left; font-family: roboto; font-size: 13px; line-height: 16px; margin-bottom: 10px; width: 100%; } .fancy-cause-intro > h3 { color: #656565; float: left; font-family: open sans; font-size: 15px; font-weight: 600; width: 100%; } .fancy-cause-intro > span { background: none repeat scroll 0 0 #fff; color: #50504f; font-family: roboto; font-size: 16px; padding: 12px 15px; position: absolute; right: 10px; text-align: center; top: -40px; width: 150px; -webkit-border-radius: 3px 3px 0 0 ; -moz-border-radius: 3px 3px 0 0 ; -ms-border-radius: 3px 3px 0 0 ; -o-border-radius: 3px 3px 0 0 ; border-radius: 3px 3px 0 0 ; } .fancy-cause-intro span i { float: left; font-size: 11px; font-weight: 400; width: 100%; color: #857f7f; } .fancy-cause-hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); border: 1px solid #e7e7e7; height: 100%; left: 0; padding: 50px 30px; position: absolute; text-align: center; top: 0; width: 100%; opacity: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); -webkit-transition:all 0.4s ease 0.3s; -moz-transition:all 0.4s ease 0.3s; -ms-transition:all 0.4s ease 0.3s; -o-transition:all 0.4s ease 0.3s; transition:all 0.4s ease 0.3s; } .fancy-cause:hover .fancy-cause-hover{ opacity: 1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .fancy-cause-hover > p { color: #818181; font-family: noto sans; font-size: 13px; letter-spacing: 0.2px; line-height: 24px; margin-bottom: 20px; } .fancy-cause-hover > span { color: #50504f; display: table; font-family: roboto; font-size: 14px; margin: 0 auto 20px; } .fancy-cause-hover > span strong { font-size: 18px; } .fancy-cause-hover > span i { color: #50504f; font-size: 18px; font-style: normal; } .fancy-cause-hover > span a { font-family: roboto; font-size: 11px; color: #FFF; background: black; border-radius: 3px; margin: 0 3px; padding: 6px 15px; display: inline-block; } .responsive-header { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); float: left; left: 0; position: absolute; top: 0; width: 270px; z-index: 100000; padding-bottom: 20px; display: none; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; -ms-border-radius: 0 0 3px 0; -o-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; -webkit-box-shadow: 0 0 14px #4f4f4f; -moz-box-shadow: 0 0 14px #4f4f4f; -ms-box-shadow: 0 0 14px #4f4f4f; -o-box-shadow: 0 0 14px #4f4f4f; box-shadow: 0 0 14px #4f4f4f; } .responsive-logo { display: table; margin: 0 auto; padding: 15px 0; text-align: center; } .responsive-logo a { float: left; width: 100%; color: #7F7F7F; } .responsive-logo a img { float: left; height: auto; } .responsive-logo a h1 { float: left; font-family: open sans; font-size: 22px; font-weight: 500; line-height: 40px; margin-left: 20px; } .responsive-header > span { background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8); border-bottom: 1px solid #e7e7e7; color: #bfbfbf; float: left; font-size: 19px; margin-left: 10%; padding: 5px 10px; text-align: center; cursor: pointer; width: 80%; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .responsive-header > ul { background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8); border-top: 1px solid #f7f7f7; float: left; margin-left: 10%; padding: 10px; display: none; position: relative; width: 80%; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .responsive-header > ul li { float: left; width: 100%; } .responsive-header > ul li a { border-bottom: 1px solid #e7e7e7; border-top: 1px solid #f7f7f7; color: #919191; float: left; font-family: roboto; font-size: 13px; letter-spacing: 0.2px; line-height: 12px; overflow: hidden; padding: 10px; text-overflow: ellipsis; white-space: nowrap; width: 100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; } .responsive-header > ul li:hover > a, .responsive-header > ul li.opened > a{ color: #2f8cff; } .responsive-header > ul li:first-child > a{ border-top: 0; } .responsive-header > ul li:last-child > a{ border-bottom: 0; } .responsive-header > ul ul { padding-left: 20px; border-bottom: 1px solid #e7e7e7; float: left; width: 100%; display: none; } .drop-right:hover ul { left: 230px!important; } .modal{ z-index:999999991; } .responsive-header i.icon-circle { display: none; } .wpb_layerslider_element { margin-bottom: 0px; } .toggle-header .icon-circle, .sticky .icon-circle, .middle-logo .icon-circle, .default-header .icon-circle { display: none; } .address header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); position: relative; top: 0; }