.pdf{ border-top: 1px solid #ccc; padding: 10px 0; } .descarga{ display: block; margin-bottom: 10px; } .tarjetas img{ width: 50%; } .ls-container{ border: none; } .p10{ padding-top: 10px; padding-bottom: 10px; } .categorias{ padding: 50px 0; background: url("https://template56059.motopreview.com/mt-demo/56000/56059/mt-content/uploads/2015/12/mt-0280-home-img1.jpg") fixed; background-size: cover; } .categorias .p10{ position: relative; } .categorias .p10 img { box-shadow: 0 0 10px rgba(0,0,0,.4); border-radius: 20px; } .categorias .p10 h2{ position: absolute; bottom: 48px; color: #fff; text-transform: uppercase; width: 100%; text-align: center; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,.9); font-family: 'Open Sans', sans-serif; } body { overflow-x: hidden; text-align: justify; color: #818181; background: #fff; font-family: 'Open Sans', sans-serif; } #l{ display: block; margin: 0 0 10px; text-align: left; } body,ul,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; list-style:none; letter-spacing:0.2px; } .theme-layout { display:inline-block; width:100%; padding-bottom:50px; } .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; } .block .container, .page .container { padding: 0; } /*** TOP BAR ***/ #top-bar { width:100%; background-color:rgba(0, 0, 0, 0.85); margin:0; } #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; text-align: right; } .search-input{ float:right; width:100px; height:20px; padding-right:10px; color:#666565; 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{ width: 100%; z-index: 1; background: #f9f9f9; margin-bottom: 15px; box-shadow: 0 0 3px rgba(0,0,0,.2); } /*** LOGO ***/ .logo { background:url("../images/logo-border.png") no-repeat scroll center 75px transparent; float:left; padding:14px 0; margin-top: 10px; } .logo img{ float:left; } .logo h1 { float:left; font-family: 'Open Sans', sans-serif; font-size:36px; font-weight:600; letter-spacing:-0.25px; line-height:50px; margin-left:10px; -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 h1 i{ font-size:55px; font-style:normal; } /*** MENU ***/ .menu{ float:right; } .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 12px; font-family: 'Open Sans', sans-serif; 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:-3px; -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.active > a:before{ height:109%; } .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 ul.mega-menu { width: 460px; } #menu-navigation li .mega-menu > li { 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; width:100%; margin:60px 0 0; position:relative; } .sec-heading{ border-bottom:1px solid #D3D2D2; float:left; width:100%; padding-bottom:15px; position:relative; } .sec-heading h2 { color:#7c7c7c; font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:300; line-height:14px; 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%; margin-top:22px; } .our-causes .flex-direction-nav { display: none; } .our-causes .flex-control-nav { position: absolute; right:15px; top: 0; list-style:none; } .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{ background: #fff; border-radius: 20px; float:left; position:relative; overflow:hidden; margin-right:30px; width:100%; height: auto; margin-bottom: 25px; text-align: center; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; box-shadow: 0 0 20px rgba(0,0,0,.05); } .causes-image:hover{ box-shadow: 0 0 20px rgba(0,0,0,.2); } .causes-image:last-child{ margin-right:0; } .causes-image a{ display: block; padding: 15px 0; background: #001F71; color: #fff; } .causes-image img{ width:60%; -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; -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; } .cause-heading h3 { padding:0 20px; height: 30px; font-size:13px; font-weight: 400; color:#2D2D2D; text-transform: uppercase; } .cause-heading p { margin:20px 0 0; padding:0 20px; color:#001F71; font-size:20px; font-weight: 800; line-height:10px; } .cause-heading span { color:#2d2d2d; font-size:15px; margin-left:10px; float:right; } .cause-heading span i{ color:#616161; font-size:19px; font-style:normal } .our-causes-hover{ height:96%; width:96%; padding:50px 25px; background:none repeat scroll 0 0 rgba(224, 224, 223, 0.95); position:absolute; left:2%; top:2%; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(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; } .our-causes-hover h3 { margin-bottom:25px; color:#2d2d2d; font-family: 'Open Sans', sans-serif; line-height:10px; font-size:15px; font-weight:500; } .our-causes-hover > span{ width:100%; color:#2d2d2d; float:left; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:11px; margin-bottom:30px; font-weight:600; } .our-causes-hover span i { font-style:normal; } .our-causes-hover p { float:left; width:100%; margin-bottom:35px; margin-top:-7px; color:#2D2D2D; font-family:Open sans; font-size:13px; line-height:20px; } .our-causes-hover span.help { font-size:14px; font-weight:300; line-height:13px; margin-bottom:0; } .help > strong { font-size:16px; } .our-causes-hover span.needed-amount { font-size:20px; line-height:31px; margin-bottom:0; margin-top:10px; text-align:right; } .needed-amount span { color:#7D7C7C; font-size:28px; } .causes-image:hover .our-causes-hover{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .causes-image:hover .cause-heading{ bottom:-100px; } /*** Donate Us Box ***/ .donate-us-box{ float:left; width:100%; margin-top:22px; background-image:url('../images/map-bg.png'); background-color:#777676; 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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; font-size:12px; line-height:10px; text-align:center; } .donate-us-box span.amount-figures { float:left; margin:10px 0 20px; padding:9px 20px; display:block; font-family:Open sans; font-size:16px; line-height:14px; text-align:center; background:none repeat scroll 0 0 #393838; -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 a.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)) ); display:table; margin:0 auto; padding:10px 0; color:#666666; width:110px; font-family: 'Open Sans', sans-serif; font-size:11px; line-height:10px; text-align:center; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; -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 a.donate-btn:hover { width:90px; } /*** Testimonials ***/ .testimonial{ float:left; width:100%; margin-top:85px; background:url("../images/pattern2.png") repeat scroll 0 0; } .slideshow { position: relative; width: 100%; text-align: center; padding: 50px 0 50px 0; } .slideshow strong.title { color: #fff; font-size: 20px; margin-bottom: 15px; display: block; } .slideshow p { margin-bottom:0; margin-top:38px; color:#FFFFFF; font-family:Source Sans Pro; font-size:15px; line-height:27px; } .welcome p{ width: 600px; margin: auto; } .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; padding: 0; z-index: 100; } .slideshow .flex-control-nav li{ float:left; } .slideshow .flex-control-nav li a{ float:left; height:12px; width:12px; display:inline; margin:0 0 0 8px; background:none repeat scroll 0 0 rgba(255,255,255,0.9); color:transparent; cursor:pointer; -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:2px solid #4B4B4B; height:16px; width:16px; } .carusal-image-thumb img { height:100px; width:100px; float:left; border:4px solid #FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } .carusal-image-thumb { display:table; margin:0 auto; min-width:270px; } .carusal-image-thumb strong { float:left; margin-left:10px; color:#414040; font-family: 'Open Sans', sans-serif; font-size:15px; position:relative; top:75px; } .carusal-image-thumb-name { float:left; margin-left:5px; color:#FFFFFF; display:block; font-family: 'Open Sans', sans-serif; font-weight:500; position:relative; top:75px; } .carusal-slider{ float:left; margin-top:34px; } .carusal-slider #carousel-wrapper .caroufredsel_wrapper { min-height: 215px; } #carousel span, #thumbs a, #thumbs img { float:left; width:100%; } #carousel-wrapper { float: left; margin-bottom: 30px; width: 100%; } #thumbs-wrapper { float:left; width:100%; padding:20px 27px 0px; position:relative; -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; } #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:80px; width:100%; } #wrapper img#shadow { width:100%; position:absolute; bottom:0; } .carusal-our-news{ float:left; height:20px; color:#606060; font-family: 'Open Sans', sans-serif; font-size:12px; margin-top:7px; } .carusal-our-news:hover, .selected .carusal-our-news { color:#2d2d2d; } #prev, #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; } #prev i, #next i { color:#FFFFFF; line-height:35px; } #prev { background-position:205px -105px; left:0; } #next { background-position:-154px -34px; right:0px; } #prev:hover { background-image:url("../images/sprite.png"); background-position:205px -105px; } #next:hover { background-image:url("../images/sprite.png"); background-position:-154px -34px; } #prev.disabled, #next.disabled { display:!important; } /*** Our Projects ***/ .our-project-box { float:left; margin-bottom:-50px; margin-top:30px; } .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-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-bottom: 50px; } .project-detail { float: left; width: 100%; } .project-detail a { display:block; padding-bottom:10px; line-height:11px; color:#656565; font-family:source sans pro; font-weight:600; -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 p { color:#818181; font-family:Open sans; font-size:12px; letter-spacing:0.2px; } .icon-box i { line-height:67px; color:#a5a4a4; text-shadow:0 -1px 1px #3e3e3e; -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; font-family: 'Open Sans', sans-serif; font-size:10px; font-weight:bold; position:absolute; left:0; top:0; -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.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 > div:hover .need{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .need p span{ font-size:14px; } .need > a { background:none repeat scroll 0 0 #FFFEFE; color:#AEAFAE; font-weight:normal; padding:3px 8px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } /*** ////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:30px; background:url("../images/map-bg.png") no-repeat scroll center 0 #777676; -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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; font-size:11px; line-height:10px; margin:0 0 10px; } .collected > span { color:#FFFFFF; display:table; font-family:open sans; line-height:12px; margin:0 auto; padding:6px 20px; -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: 'Open Sans', sans-serif; font-size:10px; line-height:10px; margin:0 auto; padding:8px 15px; -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); } /*** 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%; } .video > span { width:100%; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8); padding:10px 20px; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:10px; position:absolute; bottom:0; left:0; } .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 { float:left; margin-left:-15px; margin-right:-15px; padding:24px 245px 24px 130px; letter-spacing:0.4px; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .welcome-box > h2 { float:left; width:100%; margin:0 0 15px; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:300; line-height:24px; } .welcome-box > p { float:left; width:480px; color:#F8F6F6; margin-bottom:0; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:13px; margin-left:102px; } .welcome-box span { padding:12px 60px; margin-top:-20px; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:12px; position:absolute; right:0; top:50%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; } .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 { border-bottom: 1px dotted #E5E5E5; float:left; width:100%; margin-bottom: 30px; padding-bottom: 15px; } .story-img { margin-bottom:25px; overflow:hidden; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .story-img > img { width:100%; } .story-img:before { height:100%; width:100%; content:""; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6); 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 { width:100%; padding:16px 25px; color:#FFFFFF; font-family:source sans pro; font-size:15px; font-weight:600; line-height:13px; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8); 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; } .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 > p { margin-bottom:20px; margin-top:-5px; color:#777777; font-family:open sans; font-size:12px; letter-spacing:0.2px; line-height:20px; } .story > h6 { color:#ADACAC; float:left; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:15px; position:relative; } .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: 'Open Sans', sans-serif; font-size:11px; line-height:30px; } .story > span i{ margin-right:10px; } .stories-carousel { float: left; margin-top: 30px; width: 100%; position:relative; } .list_carousel4 li { float:left; } .stories-carousel .flex-direction-nav { position: absolute; right:15px; 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.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; } .stories-carousel .flex-direction-nav li a.flex-next{ background-position:-42px -3px; } /*** Recent Events ***/ .recent-event { float:left; width:100%; margin:30px 0; } .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 { margin:20px 0 10px; font-family:source sans pro; font-size:16px; font-weight:600; line-height:15px; } .recent-event > h4 a{ color:#707070; } .recent-event > ul { float:left; width:100%; font-family: 'Open Sans', sans-serif; font-size:11px; } .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; } .recent-event.previous-event { float:left; margin: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: 'Open Sans', sans-serif; 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; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .amount { width:17%; padding:30px 0; background:none repeat scroll 0 0 #666666; } .amount p { color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:10px; text-align:center; } .amount span { margin:0 auto; padding:5px 18px; color:#FFFFFF; display:table; font-family:open sans; font-size:16px; background:none repeat scroll 0 0 #8C8C8C; -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; border-left:2px solid #B0B0B0; border-right:2px solid #B0B0B0; padding:0 48px; z-index:1; background:url("../images/map-bg.png") no-repeat scroll center 11px #777676 ; } .donate-button { width:168px; padding:22px 0; margin:28px auto; position:relative; display:table; background:#98d460; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:600; text-align:center; line-height:13px; -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; } .donate-button:hover { -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .donate-button:hover,.donate-button:focus { color:#FFFFFF; text-decoration:none; } /*** Our Cause ***/ .sec-title { width:100%; margin-bottom:30px; display:inline-block; overflow:hidden; } .sec-title h1 { float:left; padding-left:15px; font-family: 'Open Sans', sans-serif; font-size:36px; font-weight:500; line-height:42px; margin:0; position:relative; } .sec-title h1 span { font-weight:300; } .sec-title h1:before { content:""; height:100%; width:5px; position:absolute; left:0; top:0; } .sec-title h1:after { content:""; height:1px; width:50%; position:absolute; right:-55%; top:50%; } .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%; } .meta { float:left; width:15%; padding:34px 0; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.9); text-align:center; position:absolute; bottom:0; } .meta > span { color:#DBDBDB; display:block; font-family: 'Open Sans', sans-serif; line-height:12px; } .meta span i { font-style:normal; } .cause-title { width:85%; border-left:1px solid #D4D2D2; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7); position:absolute; bottom:0; left:15%; } .cause-title h2 { float:left; margin:0; padding:30px; color:#FFFFFF; font-family:Source Sans Pro; font-size:18px; font-weight:600; } .details { float:left; width:100%; margin-top:40px; } .needed-amount { float:left; width:27%; text-align:center; } .needed-amount > h5 { display:table; margin:0 auto; line-height:57px; color:#ADACAC; font-family: 'Open Sans', sans-serif; font-size:58px; position:relative; } .needed-amount > h5 i { font-size:60px; font-style:normal; font-weight:normal; } .needed-amount > h5 span { color:#929292; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:normal; line-height:12px; position:absolute; bottom:-20px; right:0; } .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; } .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 { width:90%; padding:5px 10px 5px 10px; color:#E6E6E6; font-family:Source Sans Pro; font-size:15px; text-align:center; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8); position:absolute; left:0; bottom:0; -webkit-border-radius:0px 4px 0 0; -moz-border-radius:0px 4px 0 0; -ms-border-radius:0px 4px 0 0; -o-border-radius:0px 4px 0 0; border-radius:0px 4px 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; } .cause-tabber li a:hover span, .cause-tabber li.active a span { background:none repeat scroll 0 0 transparent; z-index:1; position:absolute; bottom:50%; left:5%; } .cause-tabber li.active a span:before { display:none; } .cause-tabber li a:after { width:100%; height:100%; content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity = 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; } .cause-tabber li a:hover:after, .cause-tabber li.active a:after{ opacity:1; filter:alpha(opacity = 100); } .cause-tabber li a span i { bottom:-20px; display:table; position:absolute; right:50%; opacity:0; filter:alpha(opacity = 0); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-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; } .cause-tabber li.active a span i{ opacity:1; filter:alpha(opacity = 100); } .causes-carousel .flex-direction-nav li a { width:65px; color:#9D9D9D; font-size:36px; height:100%; line-height:150px; text-align:center; z-index:1; background:url("../images/carousel-arrows2.png") no-repeat scroll 34px 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:-26px center; } .causes-carousel .flex-direction-nav li a.flex-prev{ left:-50px; } .causes-carousel:hover .flex-direction-nav li a.flex-next{ right:0; } .causes-carousel:hover .flex-direction-nav li a.flex-prev{ left:0; } /*** Message Box ***/ #layerslider-container-fw{ position:relative; } .message-box { bottom:2px; position:absolute; right:50px; width:360px; } .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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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:10px; 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 { width:100%; } .counter { width:100%; text-align:center; position:absolute; left:0; top:40%; } .counter > div > div, .counter > div > span { color:#FFFFFF; float:left; font-family:open sans; font-size:27px; } .counter > div { display:table; margin:0 auto; } .counter > div > span{ margin:0 4px; } .counter span.position { float:left; width:14px; font-family:open sans; font-stretch:semi-condensed; overflow:hidden; text-align:center; } .countSeconds { padding:0 5px; } .event-intro { float:left; width:100%; } .event-intro > h5 { font-family:Source Sans Pro; line-height:10px; margin:20px 0 15px; } .event-intro > h5 a{ color:#656565; } .event-intro > h5 a:hover{ color:#2d2d2d; } .event-intro > a { color:#929292; font-family: 'Open Sans', sans-serif; font-size:11px; margin-bottom:2px; margin-right:30px; } .event-intro > a span{ color:#7c7c7c; } .event-intro > a i { margin-right:10px; } #testimonial{ background: #323232 url("../images/pattern2.png") repeat scroll 0 0; } /*** Charity Video ***/ #carousel > div { float: left; } .charity-video { margin-right:-15px; } .desc > h3 { font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; } .desc > h3 a{ color:#656565; } .desc > h3 a:hover{ color:#2d2d2d; } .desc > p { color:#818181; font-family:open sans; font-size:12px; line-height:20px; margin-top:20px; text-align: justify; } .image { float:left; overflow:hidden; position:relative; width:100%; } .image:before { content:""; width:94%; height:94%; position:absolute; left:3%; top: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; } .image:hover:before{ opacity:1; filter:alpha(opacity = 100); } .image > a { width:40px; height:40px; border:1px solid #FCFBFA; text-align:center; 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 i { line-height:37px; } .image img{ width:100%; -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); background-size:100% 100%; } 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: 'Open Sans', sans-serif; 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 { padding-bottom:10px; padding-left:15px; margin-bottom:0; border-left:1px solid #6F6F6F; color:#969595; font-family: 'Open Sans', sans-serif; font-size:12px; letter-spacing:0.2px; line-height:24px; position:relative; } .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: 'Open Sans', sans-serif; font-size:12px; float:left; } .from h6 { color:#cccccc; font-family: 'Open Sans', sans-serif; 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:1; 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 { float:left; width:100%; color:#CCCCCC; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:600; line-height:12px; margin-bottom:10px; } .contact-details li span i{ margin-right:10px; } .contact-details li p { float:left; width:100%; color:#969595; font-family: 'Open Sans', sans-serif; font-size:12px; margin-bottom:25px; } /*** 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: 'Open Sans', sans-serif; font-size:20px; } .newsletter > h4 { color:#FFFFFF; float:left; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:16px; margin-bottom:30px; } .newsletter > p { float:left; margin-bottom:25px; margin-top:-5px; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:12px; } .newsletter input, .newsletter input:focus { height:30px; margin-bottom:20px; border:0 none; color:#323131; font-family: 'Open Sans', sans-serif; font-size:11px; line-height:10px; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.66); -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-box-shadow:1px 1px 2px #8D8D8D inset; -moz-box-shadow:1px 1px 2px #8D8D8D inset; -ms-box-shadow:1px 1px 2px #8D8D8D inset; -o-box-shadow:1px 1px 2px #8D8D8D inset; box-shadow:1px 1px 2px #8D8D8D inset; } .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 { display:table; width:80%; border:1px solid #C1E4A1; color:#323131; font-family: 'Open Sans', sans-serif; font-size:11px; margin:0 auto; padding:10px; text-transform:uppercase; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.66); -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:#969595; float:left; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:14px; margin:0; } .footer-bottom p span { color:#fff; font-family: 'Open Sans', sans-serif; font-size:12px; } .footer-bottom ul { float:right; } .footer-bottom li { float:left; margin-left: 22px; } .footer-bottom a { color:#969595; font-family: 'Open Sans', sans-serif; font-size:12px; } .footer-bottom a:hover { color:#fff; } /*** SEARCH RESULT FOUND ///////////// //////////////////////////////////////////////////// ***/ .top-image { float:left; height:285px; width:100%; } .top-image > img { height:100%; width:100%; } .page { float:left; width:100%; margin-top:70px; position:relative; } .page-title { float:left; width:100%; } .page-title h1 { padding:20px 60px; color:#2D2D2D; float:left; font-family: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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; } .search-result h3 { color:#707070; font-family: 'Open Sans', sans-serif; font-size:16px; line-height:13px; 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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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 ///////////// //////////////////////////////////////////////////// ***/ .page .container { position:relative; } .gallery-tabs { float:right; border:0 none; display:block; 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: 'Open Sans', sans-serif; font-size:13px; line-height:10px; padding:0; } .gallery-tabs li:last-child{ margin:0; } .gallery-content { margin:50px 0 0; } .gallery-content .col-md-6{ margin-bottom:30px; float:left; } .gallery-content .col-md-4{ margin-bottom:30px; float:left; } .gallery-content .col-md-3{ margin-bottom:30px; float:left; } .gallery-content .col-md-12{ margin-bottom:30px; float:left; } .gallery-image { float:left; overflow:hidden; position:relative; width:100%; border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; 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: 'Open Sans', sans-serif; font-size:11px; left:0; line-height:10px; padding:10px 35px; position:absolute; -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:hover > span { display:table; 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%; } .image-title { float:left; width:100%; padding:20px; background:none repeat scroll 0 0 #FBFAFA; font-family:open sans; font-size:14px; font-weight:500; line-height:18px; -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:1; 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; } /*** 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: 'Open Sans', sans-serif; font-size:225px; line-height:180px; margin-bottom:48px; } .error-page > p { color:#C3C3C3; font-family: 'Open Sans', sans-serif; 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:-50px; 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: 'Open Sans', sans-serif; font-size:16px; font-weight:500; line-height:18px; margin-bottom:20px; text-transform:uppercase; } .error-page-search p { color:#848484; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:12px; margin-bottom:30px; } .error-page-search a { font-family: 'Open Sans', sans-serif; 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%; margin:70px -15px 0; } .about-charity-desc h2 { color:#707070; font-family: 'Open Sans', sans-serif; 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; 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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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-member { height:355px; width:100%; overflow:hidden; position:relative; } .staff-member > img { width:100%; -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:-30%; } .member-intro { float:left; width:100%; background:none repeat scroll 0 0 #FFFFFF; padding:24px 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 { margin-bottom:10px; color:#707070; font-family: 'Open Sans', sans-serif; font-size:15px; line-height:13px; } .member-intro > span { float:left; width:100%; font-family:open sans; font-size:12px; line-height:10px; text-transform:uppercase; } .social-contacts { display:table; width:100%; margin:0 auto; position:absolute; bottom:-35px; -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:80px; } .staff-member:hover .social-contacts { bottom:35px; } /*** 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: 'Open Sans', sans-serif; font-size:22px; font-weight:400; letter-spacing:0.3px; margin-bottom:15px; } .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: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.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:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .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 img{ width:100%; } .blog-post-details { float:left; width:100%; margin-top:20px; } .post-meta { float:left; width:20%; line-height: 2px; } .post-meta { border-right:1px solid #D1CFCF; float:left; padding:10px 0; width:20%; position:relative; } .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; } .post-meta > li:last-child{ margin-bottom:0; } .post-meta > li a{ color:#969696; font-family: 'Open Sans', sans-serif; font-size:11px; } .post-meta li ul li { list-style: disc; margin-left: 20px; } .post-meta li ul li a{ display: block; padding: 10px 17px 0 0; line-height: 16px; } .post-meta > li a span{ color:#7c7c7c465; } .post-meta > li a i { margin-right:10px; } .post-desc { float:left; width:80%; padding-left:30px; position:relative; } .post-desc > p, .post-desc > ul { color:#858585; font-family:open sans; font-size:12px; line-height:22px; margin:10px 0; } .post-desc > ul{ list-style: disc; margin: 0 0 0 15px; } .post-desc > ul li{ margin: 0 0 0 15px; } .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; } /*** SINGLE POST WITH IMAGE ///////////// //////////////////////////////////////////////////// ***/ .post > img { 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:10px; color:#929292; font-family: 'Open Sans', sans-serif; font-size:11px; letter-spacing:0.3px; } .category a{ color:#929292; } .post h1 { float:left; width:100%; color:#707070; font-family: 'Open Sans', sans-serif; font-size:22px; font-weight:400; line-height:22px; 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: 'Open Sans', sans-serif; font-size:20px; font-weight:400; margin-bottom: 5px; margin-top: 10px; 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 { margin-bottom:60px; } .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: 'Open Sans', sans-serif; font-size:12px; margin-bottom:15px; } .comments li .comment i { color:#929292; display:block; font-family: 'Open Sans', sans-serif; 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; margin-top:-5px; } .comments ul li ul { border-left:1px solid #EBEBEB; margin:30px 0 0 55px; padding:26px 0 1px 60px; } .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%; } .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: 'Open Sans', sans-serif; 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; } .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: 'Open Sans', sans-serif; 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; -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; } .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 #layerslider-container-fw { margin-bottom:30px; } /*** PROJECT SINGLE POST ///////////// //////////////////////////////////////////////////// ***/ .post-meta > li p { float:left; width:100%; color:#ADACAC; font-family: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; font-size:12px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } /*** 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: 'Open Sans', sans-serif; font-size:30px; font-weight:600; line-height:23px; } .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; } .block.work-section { background:none repeat scroll 0 0 #F9F9F9; margin-bottom:-60px; margin-top:0; padding-bottom:70px; padding-top: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; } /*** EVENTS PAGE ///////////// //////////////////////////////////////////////////// ***/ .event-post-image { float:left; position:relative; border-radius:4px; overflow:hidden; margin-bottom:30px; width:100%; } .event-post-image img{ 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: 'Open Sans', sans-serif; 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%; 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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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.pattern .progress-bar { background:url("../images/pattern2.png") repeat scroll 0 0 / 10% auto; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; -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-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; width: 100%; 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; } .price-table ul.m{ margin-right: 0; width: 33.333%; } .price-table ul.m li{ margin-right: 0; padding-bottom: 10px; padding-top: 10px; } .price-table ul.m li.table-head h3{ font-size: 18px; } /*** 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: 'Open Sans', sans-serif; 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; } .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: 'Open Sans', sans-serif; -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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; font-size:16px; font-weight:500; line-height:12px; } .product { width:40%; } .price { width:20%; } .quantity { text-align:center; 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; margin-right:10px; } .cart-table li > div h6 { color:#555555; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:25px; text-align:center; } .cart-table li > .quantity{ padding:10px 20px; position:relative; } .customSelect.styled { width:100%; height:37px; background:#fff; border:1px solid #C6DADE; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .co-form .customSelect, .customSelect { margin-bottom:20px; } select{ width:95%!important; } .customSelectInner { float:left; width:100% !important; height:100%; font-family: 'Open Sans', sans-serif; font-size:12px; padding:9px 30px 9px 10px; background:url("../images/select-box-btn.jpg") no-repeat scroll right 0 transparent; background-size:auto 100%; } .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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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 0; } .cart-total p { float:left; width:50%; margin:0; padding-left:20px; color:#5B5B5B; font-family: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; font-size:12px; color:#EBEBEB; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .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; } .payment ul li label { color:#929292; float:left; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; margin-left:10px; } .payment ul li span { float:left; width:100%; padding:10px; margin-top:10px; color:#F7F7F7; font-family: 'Open Sans', sans-serif; font-size:12px; position:relative; background:none repeat scroll 0 0 #757575; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .payment ul li span: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; } /*** 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 .col-md-4 > img { margin-bottom:15px; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .featured-products .col-md-4 > h4 { color:#707070; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; margin-bottom:10px; } .ratings { color: #E6E84A; float: left; line-height: 10px; width: 100%; } .product-price > p { color: #7D7C7C; float: left; font-size: 22px; } .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; } /*** 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: 'Open Sans', sans-serif; font-size:12px; } .col-md-12.co-form { float:left; width:100%; } .co-form label { display:block; color:#929292; font-family: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; 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: 'Open Sans', sans-serif; font-size:13px; line-height:17px; margin:0; padding-top:57px; text-align:center; } .order-reveived p strong { font-family: 'Open Sans', sans-serif; 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; } .search { height:100%; width:75%; padding:10px; border:0 none; color:#D2D2D2; font-family: 'Open Sans', sans-serif; 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:100%; 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: 'Open Sans', sans-serif; font-size:20px; font-weight:400; line-height:26px; position:relative; } .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; height:105px; 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:100%; } .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: 'Open Sans', sans-serif; font-size:13px; margin-bottom:15px; text-align:center; } .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%; } /*** Cloud Tags ***/ .cloud-tags { float:left; margin-left:-5px; } .cloud-tags 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: 'Open Sans', sans-serif; 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-list { float:left; width:100%; } .sidebar-list > li { float:left; margin-bottom:1px; width:100%; } .sidebar-list li a { display: block; width:100%; padding:15px 20px 15px 60px; color:#959595; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:10px; 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 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: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: 'Open Sans', sans-serif; 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{ width:100%; } .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%; } /*** Sidebar Swith To Left ***/ .switch .left-content { float: right; } .switch .sidebar.pull-right { float: left; } /*** Slider Styles ***/ .ls-s-1 i{ font-style:normal; position:relative; } .ls-s-1 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; } .ls-s-1 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.ls-s-1: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.ls-s-1 i{ color:#4c4c4c; font-style:normal; } h3.ls-s-2 span{ color:#242424; } h3.ls-s-3 i{ color:#98d460; font-style:normal } .slide3-first:after { content:""; height:100%; width:100px; background:url("../images/slider2-img.png") no-repeat scroll right 0 transparent; position:absolute; right:-39px; top:0; } h4.ls-s-3 span { color:#323232; } .slide3-second:after { content:""; height:100%; width:100px; background:url("../images/slider2-img2.png") no-repeat scroll right 0 transparent; position:absolute; right:-31px; top:0; } h5.ls-s-3 span{ color:#9bd362; } .slide3-third:after { content:""; height:100%; width:100px; background:url("../images/slider2-img3.png") no-repeat scroll right 0 transparent; position:absolute; right:-21px; top:0; } .ls-s-4 i{ font-style:normal; color:#98d460; } /*** 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; } .controls { float: right; margin-bottom: 30px; width: 100%; } .controls ul{ float:right; } .controls > ul li { float: left; border: 1px solid #D1D7DC; color: #656565; font-family: open sans; font-size: 14px; font-weight: 700; margin-left: 20px; padding: 10px; text-transform: uppercase; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .controls > ul li.active{ color:#fff; } #Grid .col-md-3, #Grid .col-md-4, #Grid .col-md-6 { min-height: 0; } .portfolio { float: left; margin-bottom: 30px; 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; } .portfolio img { width: 100%; } #Grid { min-height:500px; } #Grid .mix{ display: none; opacity: 0; margin-bottom: 30px; } #Grid .gap{ display: inline-block; width: 200px; } .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 ***/ .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: 1; 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: 130px; } /*** 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; } .services{ margin:0 -15px; } .up-half { margin-top: -130px; float: left; width: 100%; position: relative; } .box { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid; float: left; text-align: center; width: 100%; position:Relative; } .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:#8e8e8e; text-shadow:0 1px 3px rgba(0,0,0,0.20); 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: 11px; padding: 12px 0; width: 100%; position:relative; z-index:1; } .parallax { margin-top: 60px; padding: 70px 0; position: relative; } .fixed-bg{ position:absolute; width:100%; height:100%; left:0; top:0; } .parallax .container{ padding:0; } .posts-carousel { float: left; width:100%; margin-top:30px; 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%; } .carou-post-img { position: relative; } .carou-post-img > img { width: 100%; } .carou-post-img:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(82,82,82,0.66); 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-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); transform:scale(2); -webkit-transition:opacity 0.2s ease 0s, transform 0.3s ease 0.2s; -moz-transition:opacity 0.2s ease 0s, transform 0.3s ease 0.2s; -ms-transition:opacity 0.2s ease 0s, transform 0.3s ease 0.2s; -o-transition:opacity 0.2s ease 0s, transform 0.3s ease 0.2s; transition:opacity 0.2s ease 0s, transform 0.3s ease 0.2s; } .carou-post-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); } .carou-post > h4 { color: #FCFCFC; float: left; font-family: open sans; font-size: 14px; padding: 10px 20px; } .carou-post > p { color: #7B7B7B; display: block; float: left; font-family: open sans; font-size: 13px; margin: 20px 0; padding: 0 22px; } .carou-post > a { background: none repeat scroll 0 0 #525252; color: #FCFCFC; float: right; font-family: open sans; line-height: 12px; margin-bottom: 10px; padding: 5px 20px; } .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 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; } .posts-carousel .flex-direction-nav li a.flex-next{ background-position:-42px -3px; } .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%; margin: 30px 0 0 0; } .item { float: left; position: relative; width: 100%; } .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:20px 30px; position: absolute; width: 100%; } .item-detail > h3 { color: #FFFFFF; float: left; font-family: roboto; font-size: 24px; width:70%; line-height:50px; } .item-detail > span { color: #FFFFFF; float: right; font-family: roboto; font-size: 25px; width: 30%; } .item-detail > span span{ color:#d6d5d5; font-size:30px; } .item-detail i { color: #CCCBCC; font-family: open sans; font-size: 16px; font-style: normal; margin-right: 20px; text-decoration: line-through; } .item-detail > a { border-radius: 2px; color: #FFFFFF; float: right; font-family: open sans; line-height: 10px; padding: 10px; text-align: center; } .shop .flex-direction-nav { position: absolute; right:15px; top: 0; } .shop .flex-direction-nav li{ float:left; margin:0 4px; } .shop .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; } .shop .flex-direction-nav li a.flex-next{ background-position:-42px -3px; } .donate-message { float: left; margin-top: 30px; width: 100%; } .donate-message > img { width: 100%; } .donate-message > h5 { color: #4F4E4E; font-family: open sans; font-size: 16px; font-weight: bold; line-height: 13px; margin: 10px 0; } .donate-message > p { color: #717171; font-family: open sans; font-size: 12px; margin-bottom: 0; margin-top: 20px; line-height:21px; } .donate-message > a { background: none repeat scroll 0 0 #4a4a4a; border-radius: 0 10px; color: #FFFFFF; float: right; font-family: open sans; font-size: 11px; line-height: 10px; padding: 10px; } .upcoming-event { float: left; margin-top: 30px; width: 100%; } .upcoming-event img{ width:100%; } .upcoming-event > h5 { font-family: open sans; font-size: 16px; font-weight: bold; margin: 15px 0; } .upcoming-event li { border: 1px solid #EEEDED; font-family: open sans; line-height: 15px; margin-bottom: 2px; padding: 5px 20px; } .upcoming-event li a{ color: #4F4E4E; } .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: 0; 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: 10px; margin-bottom: 25px; } .profile-page h1 i { margin-right: 10px; } .designation { float: left; font-family: open sans; font-size: 12px; font-weight: 500; line-height: 10px; margin-bottom: 20px; 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; } .block .post-meta { border: 0 none; padding: 0; width: 100%; } .block .post-meta:before{ background:none; } .block .post-desc{ padding-left:0; width:100%; } .block .post-meta > li { float: left; margin-bottom: 0; margin-right: 10px; } /*** //// 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%; } /*** 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; } .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; } /*** 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; } /*** CAUSES SINGLE PAGE ***/ .causes-single { float: left; position: relative; width: 100%; margin-bottom:20px; } .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%; } #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, .donate-button, .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, #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{ 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, .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 li h6, .page-title h1 span, label span, .form p span, .contact-info .contact-details li span i, .sidebar-title > h4 span, .sidebar-list 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, .donate-message > p span, .upcoming-event > h5, .upcoming-event li .icon-pencil, .sec-heading h2 strong, .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, .causes-single ul.nav li a: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); } .about-charity-desc ul li:hover{ background:url("../images/hexagon-sea-green.png") no-repeat scroll 0 0 transparent; } .sidebar-list li a:hover { background:url("../images/list-arrow-sea-green.png") no-repeat scroll 34px center #FCFCFB; } .error-page-search > a, .order-reveived a { background:url("../images/link-arrow-sea-green.png") no-repeat scroll right center transparent; } .sidebar-list li ul{ display: none; } .sidebar-list li { background: #fcfcfb none repeat scroll 0 0; } .sidebar-list li ul li { padding-left: 22px; background: #fcfcfb none repeat scroll 0 0; } .lista li ul{ display: none; } #four{ width:25%; margin-right: 0; } #four h3{ font-size: 16px; } #four li{ padding-top: 8px; padding-bottom: 8px; } /*================================== tablas ========================================*/ #rounded-corner { font-size: 12px; margin: 5px; width: 45%; text-align: left; border-collapse: collapse;float: left; border: 1px solid #f1f1f1; } #rounded-corner td.rounded-company { background: #001f71; color: #fff; border-radius: 5px 5px 0 0; } #rounded-corner td.rounded-company h3 { text-align: center; font-size: 18px; } #rounded-corner thead th.rounded-q4 { background: #b9c9fe url('table-images/right.png') right -1px no-repeat; } #rounded-corner th { padding: 8px; font-weight: normal; font-size: 13px; color: #039; background: #b9c9fe; } #rounded-corner td { padding: 8px; background: #f9f9f9; border-top: 1px solid #fff; color: #669; } #rounded-corner tfoot td.rounded-foot-left { background: #e8edff url('table-images/botleft.png') left bottom no-repeat; } #rounded-corner tfoot td.rounded-foot-right { background: #e8edff url('table-images/botright.png') right bottom no-repeat; } #rounded-corner tbody tr:hover td { background: #eee; } #rounded-corner td.subtitle{ background: #001f71; text-align: center; color: #fff; font-size: 16px; } #rounded-corner td.subtitle:hover, #rounded-corner td.rounded-company:hover { background: #001f71; } hr{ margin: 30px 0 30px 0; border-bottom: 1px solid #eee; border-top: none; border-right: none; border-left: none; clear: both; } .clear{ clear: both; } .circle{ border-radius: 100px; display: inline-block; height: 30px; margin: 0 5px 0 0; vertical-align: middle; width: 30px; } .gris{ background: #444444; } .morado{ background: #6600CC; } .verde{ background: #006600; } .naranja{ background: #FF9900; } .rojo{ background: #DD0000; } .azul{ background: #0033CC; } .ribbon{ display: inline-block; } .font-size{ font-size: 12px; } #text-new{ width: 600px; text-align: center; } #text-new .sec-heading{ border: none; background:none; } #text-new h2.title{ border: none; font-size: 30px; border-left: none; border-right: none; } #text-new h2::before{ border: none; border-left: none; border-right: none; } #text-new h2::after{ border: none; border-left: none; border-right: none; } .se{ font-size: 13px; font-weight: bold; display: inline; } #name_producto{ color: #001F71; text-transform: uppercase; font-size: 18px; font-weight: bold; } #precio{ font-size: 15px; font-weight: bold; color: #000; margin: 10px 0; } #descripcion{ border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding: 10px 0; } .boton_compra{ padding: 10px 0; border-top: 1px solid #ccc; } #se{ width: 200px !important; float: left; height: 53px; margin: 0 10px 0 0; } #car{ color: #000; } #car .title{ background: #f8f8f8; font-weight: bold; line-height: 22px; text-transform: uppercase; padding: 10px 3px; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; } #car td{ padding: 10px 3px; text-align: left; } .border_b{ border-bottom: 1px solid #dbdbdb; } .usd{ font-weight: bold; font-size: 12px; } .remove{ display: block; text-align: center; font-weight: bold; color: #fb004d; width: 20px; font-size: 15px; } .seguir{ font-weight: bold; } .total{ font-family: 'Open Sans', sans-serif; margin: 40px 0 20px 0; font-size: 18px; text-transform: uppercase; color: #000; font-weight: 800; } .totales{ width: 400px; border: 1px solid #ccc; } .totales td{ background: #f8f8f8; padding: 10px 6px; color: #000; font-weight: bold; } .totales .totales_num{ color: #001F71; font-size: 18px; text-align: right; border-left: 1px solid #ccc; } #checkout{ width: 200px; background: #001F71; color: #fff; border: none; display: block; height: 45px; text-align: center; margin: 20px 0; font-weight: bold; } .terminos{ margin-top: 20px; color: #000; }