@charset "utf-8";
/******************************************************************
Project: Olivebox.net
Code by: Milos Zekovic from Etik.Web | etik.rs - miloszekovic.com
******************************************************************/
@import url('font/fontface.css');
/* global css */
html, body, div, span, section, article, header, footer, nav, aside, hgroup, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, b, u, i, ol, ul, li, fieldset, form, label, select, option, input, textarea, table, tr, td, th, blockquote { margin:0; padding:0; border:0; }
body { background:#fff; color:#444; font-size:13px; }
body, input, textarea, select { font-family:Arial, Helvetica, sans-serif; }
div, span, section, article, header, footer, nav, aside, hgroup, blockquote { float:left; }
ul, ol, li { list-style:none; float:left; }
h1, h2, h3, h4, h5 { width:100%; font-size:22px; float:left; line-height:24px; color:#2a2a2a; font-weight:normal; }
a { color:#66ba36; text-decoration: none; }
a:hover { color:#48aa11; }
a:active { color:#999; }
img { float:left; font-size:13px; }
p { float:left; font-size:13px; line-height:22px; }
p a:hover { border-bottom:1px solid #66ba36; }
a, p a, a img { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
.left {text-align: left !important;}
.right {text-align: right !important;}
.right-block { float: right !important;}
.center {text-align: center !important;}
.centering { display:block; margin:0 auto 0 auto; float:none; }
.clear { display: block; clear: both;}
.no-fade, .no-fade * { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
h1, h2, h3, h4, h5, .home-facts ul li b { font-family:"TitilliumWeb", "titillium_webbold", Arial, Helvetica, sans-serif; }
p a, header nav a { text-shadow:0 1px 0 #fff; }
.wrapper, header, .header, .product-nav, .product-nav-content, .product-nav ul, footer, footer ul, .content, .home-top, .home-blocks, .home-blocks ul, .home-blocks ul li b, .home-facts, .home-facts ul, .bottom-login, .home-saver, .testimonials, .testimonials ul, .testimonials ul li, .testimonials ul li blockquote, .testimonials #slider, .slider, .slide, .slide-invoicing .slide-invoicing-pic, .slide-marketing .slide-marketing-pic, .slide-booking .slide-booking-pic, .slide-appointments .slide-appointments-pic, .page-headers, .page-top-info, .page-top-info .page-top-info-details, .page-tour, .page-tour .tabs, .page-tour .nav-tabs, .page-tour .list-wrap, .page-tour .video-wrapp, .page-tour .video-wrapp em, .page-tour .video-wrapp .video-wrapp-b, .page-tour .video-wrapp .video-wrapp-b .video, .screen-shots, .screen-shots em, .screen-shots .screen, .page-basic-content, .paging, .page-headers.pricing article, .pricing-box, .pricing-box .pricing-wrapp, .pricing-info, .page-headers.pricing article p, .pricing-box #tab1, .pricing-box #tab2, .pricing-box #tab3, .pricing-box #tab4, .pricing-box .tabs, .pricing-box .list-plan span, .pricing-box .list-plan ul, .pricing-box .list-plan ul li, .pricing-box em, .pricing-stuff, .pricing-stuff ul, .pricing-stuff ul li p, .titles-cont, .button-blue, .slide-invoicing .slide-invoicing-pic p, .boo-info, .page-top-info article ul, .page-top-info article ul li, .page-top-info article ul.blog li em, .page-top-info article ul.blog li b, .page-top-info article ul.blog li .blog-text, .page-top-info article, .page-top-info article ul.blog li img, .slide-booking .slide-booking-pic h3, .pricing-box p, .pricing-box .list-plan h3.title-e { width:100%; }
.container { width:960px; margin:0 auto 0 auto; float:none; }
.img, .page-top-info article ul.blog li img { -webkit-border-radius:3px; border-radius:3px; border-bottom:2px solid #ddd; }
.box, .page-top-info article ul.blog, .page-top-info article ul.blog li, .slide-booking .slide-booking-pic h3, .pricing-box .list-plan h3.title-e { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h3 b, h2 b, .home-top article h1 b { color:#66ba36; font-weight:normal; }
.gradient, .paging a {
background:#5db62a;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #71BF44), color-stop(1, #4DAE15) );
background-image: -o-linear-gradient(bottom, #71BF44 0%, #4DAE15 100%);
background-image: -moz-linear-gradient(bottom, #71BF44 0%, #4DAE15 100%);
background-image: -webkit-linear-gradient(bottom, #71BF44 0%, #4DAE15 100%);
background-image: -ms-linear-gradient(bottom, #71BF44 0%, #4DAE15 100%);
background-image: linear-gradient(to bottom, #71BF44 0%, #4DAE15 100%);
}
.gradient:hover, .paging a:hover {
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #4DAE15), color-stop(1, #71BF44) );
background-image: -o-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: -moz-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: -webkit-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: -ms-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: linear-gradient(to bottom, #4DAE15 0%, #71BF44 100%);
}
/* header */
header { padding-bottom:3px; background:url(../pagefiles/images/ui/nav-shadow.png) bottom repeat-x; position:fixed; z-index:8888; }
.header { height:57px; background:url(../pagefiles/images/ui/header-bg.png) repeat; background-size: 1px 1px; }
header .logo { margin-top:11px; }
header .logo img { width:165px; height:36px; }
header nav { float:right; }
header nav a { display:block; font-size:15px; height:38px; color:#2a2d33; padding:19px 22px 0 22px; }
header nav div a { font-weight:bold; background:url(../pagefiles/images/ui/nav-arrow.png) top right no-repeat; padding-right:42px; }
header nav div a:hover { background:url(../pagefiles/images/ui/nav-arrow.png) right no-repeat; }
header nav div .product-toggle-sel, header nav div .product-toggle-sel:hover, header nav div .product-toggle-sel:active { color:#48aa11; background:url(../pagefiles/images/ui/nav-arrow.png) bottom right no-repeat #fff; }
header nav a.login { color:#fff; text-shadow:0 1px 0 #367f0c; }
header nav a.login:hover { color:#f9f9f9; }
header nav a.active, header nav a:hover.active, header nav a:active.active { color:#48aa11; }
/* product-nav */
.product-nav { display:none; position:fixed; z-index:8889; margin-top:57px; padding-bottom:10px; background:url(../pagefiles/images/ui/product-nav-shadow.png) bottom repeat-x; }
.product-nav-content { background:#fff; padding-bottom:20px; }
.product-nav .close { display:block; width:28px; height:28px; z-index:8890; position:absolute; background:url(../pagefiles/images/ui/nav-close.png) top no-repeat; right:8px; bottom:18px; background-size:28px 28px; text-indent:-9999px; }
.product-nav h2 { color:#999; margin:20px 0 20px 0; }
.product-nav ul li { width:225px; margin-right:20px; border-top:1px solid #ccc; }
.product-nav ul li a { display:block; padding:20px 0 20px 0; float:left; }
.product-nav ul li a h3 { width:183px; height:27px; padding:5px 0 0 42px; color:#2a2a2a; }
.product-nav ul li a .more-learn, .product-nav ul li a .more-tour { height:18px; margin:11px 9px 0 0; padding:2px 9px 0 0; border-right:1px solid #d7d6d6; }
.product-nav ul li a .more-tour { border-right:0; margin-right:0; padding-right:0; }
.product-nav ul .invoicing a h3 { background:url(../pagefiles/images/ui/nav-in.png) left no-repeat; background-size:32px 32px; }
.product-nav ul .marketing a h3 { background:url(../pagefiles/images/ui/nav-mar.png) left no-repeat; background-size:28px 32px; width:187px; padding-left:38px; }
.product-nav ul .booking a h3 { background:url(../pagefiles/images/ui/nav-bo.png) left no-repeat; background-size:31px 32px; width:184px; padding-left:41px; }
.product-nav ul .appointments a h3 { background:url(../pagefiles/images/ui/nav-ap.png) left no-repeat; background-size:28px 32px; width:187px; padding-left:38px; }
.product-nav ul li a:hover h3 { color:#66ba36; }
.product-nav ul li a:hover .more-learn, .product-nav ul li a:hover .more-tour { color:#999; }
/* footer */
footer { padding:45px 0 50px 0; background:#2a2d33; }
footer ul li { width:225px; margin-right:20px; }
footer ul li ul li { margin-right:0; font-size:11px; color:#fff; line-height:30px; }
footer ul li ul li h4 { font-size:16px; color:#999; margin-bottom:8px; }
footer ul .foo-one a, footer ul .foo-two a, footer ul .foo-tree a { color:#fff; display:block; width:100%; }
footer ul li ul li a:hover { color:#48aa11; }
footer ul li ul li a:active { color:#999; }
footer ul .foo-tree ul { margin-top:32px; }
footer ul .foo-four ul li, footer ul .foo-four ul li h4 { text-align:right; }
footer ul .foo-four ul li i { font-style:normal; color:#646464; }
footer ul .foo-two a.signup { color:#277cc0; }
footer ul .foo-two a.login { color:#66ba36; }
footer .copy { width:700px; margin-top:45px; }
footer .copy p { padding:8px 0 0 20px; font-size:11px; line-height:22px; color:#939393; text-shadow:none; }
footer .copy p a { font-size:11px; color:#f9f9f9; text-shadow:none; }
footer .copy img { width:52px; height:52px; }
footer .copy p b { margin:0 10px 0 10px; }
footer .soc-icons { float:right; margin-top:50px; }
footer .soc-icons a { display:block; width:42px; height:42px; text-indent:-9999px; margin-left:5px; float:left; }
footer .soc-icons .tw { background:url(../pagefiles/images/ui/icon-tw.png) left no-repeat; }
footer .soc-icons .tw:hover { background:url(../pagefiles/images/ui/icon-tw.png) right no-repeat; }
footer .soc-icons .fb { background:url(../pagefiles/images/ui/icon-fb.png) left no-repeat; }
footer .soc-icons .fb:hover { background:url(../pagefiles/images/ui/icon-fb.png) right no-repeat; }
footer .soc-icons .yt { background:url(../pagefiles/images/ui/icon-yt.png) left no-repeat; }
footer .soc-icons .yt:hover { background:url(../pagefiles/images/ui/icon-yt.png) right no-repeat; }
/* home */
.home-top { padding:45px 0 45px 0; }
.home-top article { width:630px; margin-right:30px; }
.home-top article h1, .home-saver article h3 { font-size:36px; color:#277cc0; }
.home-top article em strong { color:#66ba36; }
.home-top article p, .home-saver article p { padding:20px 0 13px 0; line-height:25px; text-align:justify; font-size:15px; }
.home-top article em { float:left; font-size:18px; color:#277cc0; }
.home-top aside { width:300px; margin-top:8px; }
.home-top aside h4 { font-size:16px; }
.home-top aside em { float:left; font-size:11px; color:#999; }
.home-top aside img { width:300px; height:165px; margin:8px 0 7px 0; }
.home-blocks { background:#f8f8f8; padding-bottom:10px; }
.home-blocks ul li { position:relative; height:410px; width:300px; margin:0 30px 0 0; border-top:1px solid #ddd; padding:30px 0 0 0; }
.home-blocks ul li b { float:left; font-weight:normal; margin:6px 0 9px 0; }
.home-blocks ul li p { text-align:justify; margin:9px 0 10px 0; }
.home-blocks ul li .but-home { position:absolute; bottom:38px; }
.home-blocks ul li img { width:300px; }
.home-facts { background:#65ba35; padding:45px 0 40px 0; }
.home-facts ul li, .home-saver aside { width:300px; margin-right:30px; }
.home-facts ul li img { width:auto; height:66px; }
.home-facts ul li b { float:left; margin:8px 0 0 20px; color:#fff; font-size:24px; line-height:26px; font-weight:normal; }
.home-facts ul li b i { font-size:50px; font-style:normal; }
.home-facts ul li p { color:#fff; margin-top:10px; text-align:justify; }
.home-facts ul li p a { text-shadow:none; color:#fff; border-bottom:1px solid #7ccf4d; }
.home-saver article { width:630px; margin-top:80px; }
.home-saver article h3 { font-size:27px; }
.home-saver article p { padding:15px 0 0 0; }
.slider { position:relative; height:500px; overflow:hidden; }
.slides { height:500px; overflow:hidden; *zoom:1; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; }
.slide { height:500px; clear:none; }
.slider .slider-arrow { visibility:hidden; position:absolute; display:block; bottom:127px; width:51px; height:189px; text-indent:-9999px; }
.slider .slider-arrow, .slider .slider-arrow * { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
.slider:hover .slider-arrow { visibility:visible; }
.slider-arrow--right { right:80px; background:url(../pagefiles/images/content/slider/arrows.png) top right no-repeat; }
.slider-arrow--right:hover { background:url(../pagefiles/images/content/slider/arrows.png) bottom right no-repeat; }
.slider-arrow--left { left:80px; background:url(../pagefiles/images/content/slider/arrows.png) top left no-repeat; }
.slider-arrow--left:hover { background:url(../pagefiles/images/content/slider/arrows.png) bottom left no-repeat; }
.slider-nav { display:none; }
.slider h2 b { color:#fff; }
.button-blue { margin-bottom:8px; }
.grad-blue {
background:#005bb0;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #277cc0), color-stop(1, #005bb0) );
background-image: -o-linear-gradient(bottom, #277cc0 0%, #005bb0 100%);
background-image: -moz-linear-gradient(bottom, #277cc0 0%, #005bb0 100%);
background-image: -webkit-linear-gradient(bottom, #277cc0 0%, #005bb0 100%);
background-image: -ms-linear-gradient(bottom, #277cc0 0%, #005bb0 100%);
background-image: linear-gradient(to bottom, #277cc0 0%, #005bb0 100%);
}
.grad-blue:hover {
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #005bb0), color-stop(1, #277cc0) );
background-image: -o-linear-gradient(bottom, #005bb0 0%, #277cc0 100%);
background-image: -moz-linear-gradient(bottom, #005bb0 0%, #277cc0 100%);
background-image: -webkit-linear-gradient(bottom, #005bb0 0%, #277cc0 100%);
background-image: -ms-linear-gradient(bottom, #005bb0 0%, #277cc0 100%);
background-image: linear-gradient(to bottom, #005bb0 0%, #277cc0 100%);
}
.slide-invoicing {
background:#f1c517;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #71BF44), color-stop(1, #f6cb1d) );
background-image: -o-linear-gradient(bottom, #e9bd0f 0%, #f6cb1d 100%);
background-image: -moz-linear-gradient(bottom, #e9bd0f 0%, #f6cb1d 100%);
background-image: -webkit-linear-gradient(bottom, #e9bd0f 0%, #f6cb1d 100%);
background-image: -ms-linear-gradient(bottom, #e9bd0f 0%, #f6cb1d 100%);
background-image: linear-gradient(to bottom, #e9bd0f 0%, #f6cb1d 100%);
}
.titles-cont { height:218px; padding:90px 0 0 0; }
.slide-invoicing .slide-invoicing-pic { height:500px; background:url(../pagefiles/images/content/slider/slide-invoicing.png) bottom center no-repeat; }
.slide-invoicing .slide-invoicing-pic h2 { text-transform:uppercase; text-align:center; color:#fff; font-size:90px; line-height:52px; text-shadow:0 2px 1px #b18d0f; }
.slide-invoicing .slide-invoicing-pic h2 b, .slide-booking .slide-booking-pic h2 b { font-size:41px; }
.slide-invoicing .slide-invoicing-pic p { font-size:22px; text-align:center; line-height:34px; color:#0a0a0b; text-shadow:0 1px 0 #f9e595; margin-top:6px; }
.slide-invoicing .slide-invoicing-pic p strong { font-size:26px; }
.slide-marketing {
background:#f39c12;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #e38e06), color-stop(1, #f9a520) );
background-image: -o-linear-gradient(bottom, #e38e06 0%, #f9a520 100%);
background-image: -moz-linear-gradient(bottom, #e38e06 0%, #f9a520 100%);
background-image: -webkit-linear-gradient(bottom, #e38e06 0%, #f9a520 100%);
background-image: -ms-linear-gradient(bottom, #e38e06 0%, #f9a520 100%);
background-image: linear-gradient(to bottom, #e38e06 0%, #f9a520 100%);
}
.slide-marketing .slide-marketing-pic { height:500px; background:url(../pagefiles/images/content/slider/slide-marketing.png) bottom center no-repeat; }
.slide-marketing .slide-marketing-pic h3 { font-size:41px; text-transform:uppercase; padding-left:50px; color:#fff; text-shadow:0 2px 1px #b57105; }
.slide-marketing .slide-marketing-pic h2 { text-transform:uppercase; text-align:center; color:#fff; font-size:90px; margin-top:22px; line-height:52px; text-shadow:0 2px 1px #b18d0f; }
.slide-marketing .slide-marketing-pic p { font-size:22px; padding-left:133px; line-height:34px; color:#0a0a0b; text-shadow:0 1px 0 #fbb94e; margin-top:15px; }
.slide-booking {
background:#d35400;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #c54e00), color-stop(1, #de5e0a) );
background-image: -o-linear-gradient(bottom, #c54e00 0%, #de5e0a 100%);
background-image: -moz-linear-gradient(bottom, #c54e00 0%, #de5e0a 100%);
background-image: -webkit-linear-gradient(bottom, #c54e00 0%, #de5e0a 100%);
background-image: -ms-linear-gradient(bottom, #c54e00 0%, #de5e0a 100%);
background-image: linear-gradient(to bottom, #c54e00 0%, #de5e0a 100%);
}
.slide-booking .slide-booking-pic { height:500px; background:url(../pagefiles/images/content/slider/slide-booking.png) bottom center no-repeat; }
.slide-booking .slide-booking-pic h2 { text-transform:uppercase; color:#fff; font-size:90px; line-height:52px; text-shadow:0 2px 1px #a94503; }
.slide-booking .slide-booking-pic p { float:right; font-size:22px; line-height:34px; color:#fff; text-shadow:0 1px 0 #a94503; margin-top:-16px; }
.slide-booking .slide-booking-pic h3 { font-size:44px; padding:16px 0 0 5px; text-transform:uppercase; color:#fff; text-shadow:0 2px 1px #a94503; }
.slide-appointments {
background:#1abc9c;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #13b091), color-stop(1, #21c7a6) );
background-image: -o-linear-gradient(bottom, #13b091 0%, #21c7a6 100%);
background-image: -moz-linear-gradient(bottom, #13b091 0%, #21c7a6 100%);
background-image: -webkit-linear-gradient(bottom, #13b091 0%, #21c7a6 100%);
background-image: -ms-linear-gradient(bottom, #13b091 0%, #21c7a6 100%);
background-image: linear-gradient(to bottom, #13b091 0%, #21c7a6 100%);
}
.slide-appointments .slide-appointments-pic { height:500px; background:url(../pagefiles/images/content/slider/slide-appointments.png) bottom center no-repeat; }
.slide-appointments .slide-appointments-pic h2 { text-transform:uppercase; color:#fff; font-size:90px; line-height:52px; text-shadow:0 2px 1px #0c856d; }
.slide-appointments .slide-appointments-pic h2 em { font-style:normal; color:#0b7661; text-shadow:0 2px 0 #fff; }
.slide-appointments .slide-appointments-pic p { width:240px; font-size:22px; line-height:34px; color:#fff; text-shadow:0 1px 0 #0f9c80; margin-top:30px; }
.slide-appointments .slide-appointments-pic h3 { text-align:right; font-size:60px; margin-top:-20px; color:#0b7661; text-shadow:0 2px 0 #fff; text-transform:uppercase; }
/* pages */
.bottom-login { background:#65ba35; padding:30px 0 30px 0; background:#277cc0; }
.bottom-login p { width:465px; margin:8px 30px 0 0; text-align:right; color:#fff; font-size:15px; line-height:22px; }
.bottom-login article { width:465px; }
.testimonials { background:#f8f8f8; padding:45px 0 45px 0; }
.testimonials h3 { font-size:26px; color:#277cc0; }
.testimonials ul li blockquote { border:1px solid #eee; background:#fff; text-align:center; padding:20px 0 20px 0; font-style:italic; font-size:15px; line-height:25px; color:#777; }
.testimonials ul li div { width:400px; padding:40px 60px 0 0; text-align:right; float:right; background:url(../pagefiles/images/content/home/quote-arrow.png) right top no-repeat; background-size:45px 42px; }
.testimonials #slider { position:relative; z-index:22; height:180px; }
.testimonials #slider ul li { top:25px; position:absolute; }
.testimonials ul.bjqs, .testimonials li.bjqs-slide, .testimonials ul.bjqs-controls, .testimonials p.bjqs-caption, .testimonials ol.bjqs-markers { display:none; }
.page-headers { height:180px; border-bottom:1px solid #fff; }
.page-headers-pri { height:140px; }
.page-headers article { width:660px; margin-top:91px; }
.page-headers article h1 { color:#fff; font-weight:bold; font-size:37px; text-shadow:0 2px 1px #b18d0f; }
.page-headers article p { font-size:16px; color:#0a0a0b; text-shadow:0 1px 0 #f9e595; margin-top:12px; }
.page-headers aside { width:300px; margin-top:89px; }
.slide-marketing article h1 { text-shadow:0 2px 1px #b57105; font-size:34px; margin-top:1px; }
.slide-marketing article p { text-shadow:0 1px 0 #fcba52; margin-top:11px; }
.slide-booking article h1 { text-shadow:0 2px 1px #a94503; font-size:34px; margin-top:1px; }
.slide-booking article p { color:#fff; text-shadow:0 1px 0 #a94503; margin-top:11px; }
.slide-appointments article h1 { text-shadow:0 2px 1px #0c856d; font-size:34px; margin-top:1px; }
.slide-appointments article p { color:#fff; text-shadow:0 1px 0 #0c856d; }
.page-top-info { background:#f8f8f8; padding:45px 0 45px 0; }
.page-top-info article p { text-align:justify; margin-top:10px; font-size:14px; }
.page-top-info aside { width:300px; }
.page-top-info .page-top-info-details { margin-top:45px; }
.page-top-info .page-top-info-details article p { margin-bottom:10px; margin-top:0; }
.page-top-info .page-top-info-details article h2 { margin-bottom:20px; }
.page-top-info .page-top-info-details article img { margin-top:10px; }
.page-top-info.prod article { width:630px; margin-right:30px; }
.page-top-info.prod .page-top-info-details article { margin:0 0 0 30px; }
.page-top-info.prod .page-top-info-details article img { max-width:500px; height:auto; }
.page-top-info.prod aside img, .page-top-info.prod .page-top-info-details aside img { max-width:260px; height:auto; }
.page-top-info.prod .inv-a { margin-top:15px; }
.page-top-info.prod .inv-b { margin-top:5px; max-width:280px; }
.page-top-info.prod .inv-d { margin-top:10px; max-width:300px; }
.page-top-info.prod .page-top-info-details aside .inv-c { max-width:230px; margin-top:-15px; }
.page-top-info article ul { padding:0 10px 0 20px; }
.page-top-info article ul.faq { margin-top:30px; }
.page-top-info article ul li { padding-left:20px; margin-bottom:15px; background:url(../pagefiles/images/content/pages/spot.png) left top no-repeat; background-size:6px 16px; }
.page-top-info article ul.faq li { margin-top:10px; }
.page-top-info article h2 { margin-bottom:5px; color:#277cc0; font-size:26px; }
.page-top-info article ul.faq h3 { margin-bottom:0; font-weight:normal; }
.page-top-info article h5 { color:#277cc0; font-size:18px; margin-bottom:5px; }
.page-top-info.prod article h2 { margin-bottom:10px; }
.page-top-info article h2.inc-d { font-size:22px; margin-top:30px; margin-bottom:5px; }
.page-top-info article h2.inc-g { font-size:22px; margin-top:20px; }
.page-top-info article ul.blog li { margin-bottom:20px; padding-bottom:23px; border-bottom:1px solid #ddd; }
.page-top-info article ul.blog li b, .page-top-info article ul.blog li em { float:left; font-weight:normal; }
.page-top-info article ul.blog li .blog-text, .page-top-info article ul.blog li .blog-text p { text-align:justify; margin-top:10px; font-size:14px; line-height:22px; }
.page-top-info article ul.blog li em { font-size:11px; margin-top:3px; color:#999; }
.page-top-info article ul.blog li b { margin-top:10px; margin-left:-3px; }
.page-top-info article ul.blog li b a { font-size:15px; }
.page-top-info article ul.blog li .blog-text a:hover, .page-top-info article ul.blog li b a:hover { border-bottom:1px solid #66ba36; }
.page-top-info article ul.blog li h2 { font-size:30px; line-height:32px; color:#444; margin-top:-3px; margin-bottom:5px; }
.page-top-info article ul.blog li h2.intro, .page-top-info article ul.blog li h3 { font-size:20px; line-height:22px; margin-top:20px; color:#555; margin-bottom:3px; }
.page-top-info article ul.blog li h2.intro, .page-top-info article ul.blog li h5 { color:#777; }
.page-top-info article ul.blog li h2.intro a { font-size:24px; line-height:26px; color:#277cc0; display:block; float:left; margin-top:-20px; }
.page-top-info article ul.blog li h2.intro a:hover { color:#48aa11; }
.page-top-info article ul.blog li h2.intro a:active { color:#999; }
.page-top-info article ul.blog li img { margin:15px 0 -5px 0; height:auto; }
.page-top-info article ul.blog li h5 { font-size:17px; line-height:19px; margin-top:20px; }
.page-top-info article ul.blog li ul, .page-top-info article ul.blog li ol { padding:0 20px 0 30px; width:90%; }
.page-top-info article ul.blog li ul li, .page-top-info article ul.blog li ol li { margin-bottom:10px; font-size:13px; text-align:left; background-size:4px 11px; padding-bottom:0; border-bottom:none; }
.page-tour { padding:45px 0 45px 0; }
.page-tour h2 { color:#66ba36; font-size:38px; text-align:center; margin-bottom:40px; }
.page-tour h2 b { color:#277cc0; }
.page-tour .nav-tabs li a { display:block; height:29px; font-size:13px; color:#999; font-weight:bold; padding:12px 10px 0 10px; }
.page-tour .nav-tabs li a:hover { color:#48aa11; }
.page-tour .nav-tabs li a:active { color:#ddd; }
.page-tour .nav-tabs li a.current, .page-tour .nav-tabs li a.current:hover, .page-tour .nav-tabs li a.current:active { color:#66ba36; background:url(../pagefiles/images/content/pages/tabs-arrow.png) bottom center no-repeat; }
.page-tour .list-wrap { background:#f8f8f8; }
.page-tour .list-wrap article { width:415px; padding:25px 20px 25px 20px; }
.page-tour .list-wrap article p { text-align:justify; margin-top:10px; }
.page-tour .list-wrap aside { width:505px; margin:20px 0 20px 0; }
.page-tour .list-wrap aside img { width:472px; height:410px; }
.page-tour .video-wrapp { padding:45px 0 0 0; }
.page-tour .video-wrapp h3, .screen-shots h3 { color:#277cc0; text-align:center; font-size:26px; }
.page-tour .video-wrapp em, .screen-shots em { float:left; text-align:center; margin-top:15px; line-height:20px; }
.page-tour .video-wrapp .video-wrapp-b { padding:9px 80px 9px 80px; border:1px solid #f5f5f5; background:#f8f8f8; margin-top:20px; }
.page-tour .video-wrapp .video-wrapp-b .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.page-tour .video-wrapp .video-wrapp-b .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.screen-shots { padding:45px 0 10px 0; background:#f8f8f8; }
.screen-shots .screen { padding:10px; margin-top:30px; }
.screen-shots .screen img { width:100%; }
.pages-header-blue {text-shadow:0 1px 0 #084e8e; }
.pages-header-blue {
background:#267bbf;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #277cc0), color-stop(1, #267bbf) );
background-image: -o-linear-gradient(bottom, #277cc0 0%, #267bbf 100%);
background-image: -moz-linear-gradient(bottom, #277cc0 0%, #267bbf 100%);
background-image: -webkit-linear-gradient(bottom, #277cc0 0%, #267bbf 100%);
background-image: -ms-linear-gradient(bottom, #277cc0 0%, #267bbf 100%);
background-image: linear-gradient(to bottom, #277cc0 0%, #267bbf 100%);
}
.pages-header-blue article h1 { text-shadow:0 2px 1px #1469ae; }
.pages-header-blue article p { color:#fff; text-shadow:0 1px 0 #1469ae; }
.pagers article { width:600px; margin-right:60px; }
.cont-email, .cont-fb, .cont-tw { display:block; float:left; margin-bottom:30px; }
.cont-email {
background:#4DAE15;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #4DAE15), color-stop(1, #71BF44) );
background-image: -o-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: -moz-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: -webkit-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: -ms-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: linear-gradient(to bottom, #4DAE15 0%, #71BF44 100%);
border-bottom:1px solid #fff; font-size:13px; color:#fff; line-height:20px;
text-shadow:0 1px 0 #3e771a; -webkit-border-radius:3px; border-radius:3px;
}
.cont-email:hover, .cont-fb:hover, .cont-tw:hover { color:#fff; }
.cont-email .cont-email-wrapp, .cont-fb .cont-fb-wrapp, .cont-tw .cont-tw-wrapp { width:277px; padding:80px 0 30px 23px; background:url(../pagefiles/images/content/pages/icon-email.png) top right no-repeat; background-size:110px 107px; }
.cont-fb .cont-fb-wrapp { background:url(../pagefiles/images/content/pages/icon-fb.png) top right no-repeat; background-size:110px 110px; }
.cont-tw .cont-tw-wrapp { background:url(../pagefiles/images/content/pages/icon-tw.png) top right no-repeat; background-size:110px 110px; }
.cont-fb {
background:#3a589b;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #2e4c8e), color-stop(1, #4865a7) );
background-image: -o-linear-gradient(bottom, #2e4c8e 0%, #4865a7 100%);
background-image: -moz-linear-gradient(bottom, #2e4c8e 0%, #4865a7 100%);
background-image: -webkit-linear-gradient(bottom, #2e4c8e 0%, #4865a7 100%);
background-image: -ms-linear-gradient(bottom, #2e4c8e 0%, #4865a7 100%);
background-image: linear-gradient(to bottom, #2e4c8e 0%, #4865a7 100%);
border-bottom:1px solid #fff; font-size:16px; color:#fff; line-height:24px;
text-shadow:0 1px 0 #3e771a; -webkit-border-radius:3px; border-radius:3px;
}
.cont-tw {
background:#598dca;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #4279ba), color-stop(1, #6496d0) );
background-image: -o-linear-gradient(bottom, #4279ba 0%, #6496d0 100%);
background-image: -moz-linear-gradient(bottom, #4279ba 0%, #6496d0 100%);
background-image: -webkit-linear-gradient(bottom, #4279ba 0%, #6496d0 100%);
background-image: -ms-linear-gradient(bottom, #4279ba 0%, #6496d0 100%);
background-image: linear-gradient(to bottom, #4279ba 0%, #6496d0 100%);
border-bottom:1px solid #fff; font-size:16px; color:#fff; line-height:24px;
text-shadow:0 1px 0 #3e771a; -webkit-border-radius:3px; border-radius:3px;
}
/* pricing */
.page-headers.pricing { border-bottom:none; }
.pages-header-green { background:#f8f8f8; }
.page-headers.pricing article h1 { text-shadow:0 1px 0 #fff; color:#277cc0; text-align:center; }
.page-headers.pricing article p { color:#2a2a2a; text-shadow:0 1px 0 #fff; padding-top:5px; text-align:center; }
.pricing-box { background:#f8f8f8; padding:10px 0 35px 0; }
.pricing-box em { float:left; text-align:right; line-height:30px; margin-top:30px; }
.pricing-box img { width:16px; height:16px; float:none; }
.pricing-box * { text-shadow:0 1px 0 #fff; }
.pricing-box .nav-tabs { width:757px; border-bottom:1px solid #ccc; padding-left:203px; }
.pricing-box .nav-tabs li a { display:block; }
.pricing-box .nav-tabs li a h2 { font-family:Arial, Helvetica, sans-serif; width:auto; height:34px; font-size:13px; margin-bottom:-1px; color:#999; padding:2px 20px 0 20px; font-weight:bold; }
.pricing-box .nav-tabs li a h2:hover { color:#48aa11; }
.pricing-box .nav-tabs li a h2:active { color:#ddd; }
.pricing-box .nav-tabs li a.current h2, .pricing-box .nav-tabs li a.current:hover h2, .pricing-box .nav-tabs li a.current:active h2 { color:#66ba36; background:url(../pagefiles/images/content/pages/pricing-arrow.png) bottom center no-repeat; }
.sky, .skyB {
background:#269df1;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #3baaf9), color-stop(1, #0586e2) );
background-image: -o-linear-gradient(bottom, #3baaf9 0%, #0586e2 100%);
background-image: -moz-linear-gradient(bottom, #3baaf9 0%, #0586e2 100%);
background-image: -webkit-linear-gradient(bottom, #3baaf9 0%, #0586e2 100%);
background-image: -ms-linear-gradient(bottom, #3baaf9 0%, #0586e2 100%);
background-image: linear-gradient(to bottom, #3baaf9 0%, #0586e2 100%);
}
.skyB:hover {
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #0586e2), color-stop(1, #3baaf9) );
background-image: -o-linear-gradient(bottom, #0586e2 0%, #3baaf9 100%);
background-image: -moz-linear-gradient(bottom, #0586e2 0%, #3baaf9 100%);
background-image: -webkit-linear-gradient(bottom, #0586e2 0%, #3baaf9 100%);
background-image: -ms-linear-gradient(bottom, #0586e2 0%, #3baaf9 100%);
background-image: linear-gradient(to bottom, #0586e2 0%, #3baaf9 100%);
}
.pricing-box p { color:#2a2a2a; text-shadow:0 1px 0 #fff; text-align:center; font-size:16px; color:#0a0a0b; text-shadow:#f9e595; margin:20px 0 5px 0; }
.pricing-box .tab-lists { width:190px; border:1px solid #fff; padding:30px 0 30px 0; margin:125px 0 0 0; -webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; }
.pricing-box .tab-lists * { text-shadow:none; }
.pricing-box .tab-lists li { width:160px; margin:4px 10px 0 20px; padding-bottom:4px; min-height:16px; text-align:right; font-size:12px; color:#fff; font-weight:bold; border-bottom:1px solid #54b5f9; }
.pricing-box .tab-lists li:last-child { border-bottom:0; }
.pricing-box .list-plan { width:180px; border:1px solid #fff; padding:5px 5px 25px 5px; margin:30px 0 0 0; -webkit-border-radius:10px; border-radius:10px; }
.gray {
background:#dcdadb;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #dcdadb), color-stop(1, #ebeaeb) );
background-image: -o-linear-gradient(bottom, #dcdadb 0%, #ebeaeb 100%);
background-image: -moz-linear-gradient(bottom, #dcdadb 0%, #ebeaeb 100%);
background-image: -webkit-linear-gradient(bottom, #dcdadb 0%, #ebeaeb 100%);
background-image: -ms-linear-gradient(bottom, #dcdadb 0%, #ebeaeb 100%);
background-image: linear-gradient(to bottom, #dcdadb 0%, #ebeaeb 100%);
}
.pricing-box .list-plan h3, .pricing-box .list-plan h3.title-c, .pricing-box .list-plan h3.title-d, .pricing-box .list-plan h3.title-e { text-align:center; padding:10px 0 15px 0; font-size:22px; line-height:27px; color:#46a310; }
.pricing-box .list-plan span { text-align:center; font-size:18px; margin-bottom:18px; color:#277cc0; }
.pricing-box .list-plan ul li { text-align:center; padding-top:5px; height:20px; }
.pricing-box .list-plan .plan-button { margin:25px 0 0 41px; }
.pricing-box .list-plan h3.title-c, .pricing-box .list-plan h3.title-d { margin-top:27px; }
.pricing-box .list-plan h3.title-d, .pricing-box .list-plan h3.title-e { color:#2a2a2a; }
.pricing-box .list-plan.first {
background:#5db62a;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #4DAE15), color-stop(1, #71BF44) );
background-image: -o-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: -moz-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: -webkit-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: -ms-linear-gradient(bottom, #4DAE15 0%, #71BF44 100%);
background-image: linear-gradient(to bottom, #4DAE15 0%, #71BF44 100%);
}
.pricing-box .list-plan.first { width:180px; border:1px solid #fff; padding:20px 5px 40px 5px; margin:15px 0 0 0; -webkit-border-radius:10px; border-radius:10px; }
.pricing-box .list-plan.first h3, .pricing-box .list-plan.first span, .pricing-box .list-plan.first span strong, .pricing-box .list-plan.first ul li { color:#fff; text-shadow:0 1px 0 #3e771a; }
.pricing-stuff { padding:45px 0 45px 0; }
.pricing-stuff ul li { width:50%; padding:0 0 0 20px; }
.pricing-stuff ul li h3 { color:#277cc0; font-size:22px; }
.pricing-stuff ul li p { padding-top:10px; }
.pricing-stuff ul li:first-child { padding:0 20px 0 0; }
.pricing-stuff ul li:first-child h3, .pricing-stuff ul li:first-child p { text-align:right; }
.pricing-box .tab-lists.mark { width:220px; margin-left:21px; }
.pricing-box .tab-lists.mark li { width:190px; }
.pricing-box .list-plan.mark { width:220px; }
.pricing-box .list-plan.mark .plan-button { margin-left:56px; }
.pricing-box .tab-lists.book, .pricing-box .tab-lists.app { width:148px; }
.pricing-box .tab-lists.book li, .pricing-box .tab-lists.app li { width:118px; }
.pricing-box .list-plan.book, .pricing-box .list-plan.app { width:150px; }
.pricing-box .list-plan.book .plan-button, .pricing-box .list-plan.app .plan-button { margin-left:24px; }
/* button */
.button, .paging a, .paging b { display:block; float:left; width:300px; height:43px; padding-top:17px; text-align:center; color:#fff; font-size:20px; text-shadow:0 1px 0 #3e771a; -webkit-border-radius:3px; border-radius:3px; }
.button.small { width:auto; height:32px; padding:14px 23px 0 23px; font-size:15px; }
.button.long { width:465px; -webkit-box-shadow:0 0 2px 1px #196aab; box-shadow:0 0 2px 1px #196aab; }
.button.line-in { border-bottom:1px solid #f9e595; }
.button.line-pri { border-bottom:1px solid #fff; font-weight:bold; }
.button.line-pages { border-bottom:1px solid #96c0e3; }
.button.line-ma { border-bottom:1px solid #fadaa6; }
.button.line-bo { border-bottom:1px solid #f28944; }
.button.line-ap { border-bottom:1px solid #81e7d2; }
.button:hover, .paging a:hover { color:#f9f9f9; }
.skyB { text-shadow:0 1px 0 #0c7bcb; }
.button.line-sky { border-bottom:1px solid #b2ea92; font-weight:bold; }
.paging { padding:20px 0 0 10px; }
.paging b, .paging a { font-weight:normal; width:36px; height:32px; padding-top:5px; font-size:20px; margin:0 3px 0 3px; text-shadow:0 1px 0 #fff; }
.paging b { color:#277cc0; }
.pages-header-blue {text-shadow:0 1px 0 #084e8e; }
.list-plan select { text-shadow:none; width:134px; height:23px; border:1px solid #e1dfe0; padding:2px 5px 2px 5px; margin:-4px 0 0 43px; float:left; color:#212121; font-size:12px; }
.list-plan select option { text-shadow:none; padding:2px 5px 2px 5px; color:#212121; font-size:12px; }
/* table */
.tableWrapp { width:380px; float:left; padding:20px; }
.tableP { width:360px; padding:0 10px 0 10px; float:left; margin-bottom:20px; }
.tableP p { width:360px; font-size:12px; line-height:18px; text-shadow:none; color:#2a2a2a; text-align:justify; }
.tableWrapp table { width:380px; }
.tableWrapp table tr, .tableWrapp table th, .tableWrapp table td { height:22px; padding:0 10px 0 10px; text-align:right; font-size:12px; }
.tableWrapp table th, .tableWrapp table td { border-right:1px solid #fff; border-bottom:1px solid #fff; }
.tableWrapp table th:last-child, .tableWrapp table td:last-child { border-right:0; }
.tableWrapp table th { background:#3b3a3a; color:#fff; font-weight:normal; }
.tableWrapp table td { background:#f5f5f5; color:#222; text-shadow:0 1px 0 #fff; }
.tableWrapp table .even td { background:#ececec; }
.order-aside { position: relative; width: 380px; float:left; }
.sticky, .something { float:left; }
/* hovers and actives */
a img:hover, .product-nav .close:hover, header nav a.login:active, .product-nav ul li a:active, footer .soc-icons a:active, .button:active, .slider .slider-arrow:active, .cont-email:hover, .cont-fb:hover, .cont-tw:hover, .paging a:active, footer ul .foo-two a.signup:hover, footer ul .foo-two a.login:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
a img:active, .product-nav .close:active, .cont-email:active, .cont-fb:active, .cont-tw:active, footer ul .foo-two a.login:active, footer ul .foo-two a.signup:active { opacity:.60; -moz-opacity:.60; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }