body { background: #FFF; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #575757; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: auto; } a { color: #555; text-decoration: none; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } a:hover, a:focus { text-decoration: none; color: #212121; } h1, h2, h3 { font-weight: 100; color: #555; } h2 { font-size: 22px; } input, button { border: 0; outline: 0; } .heading-btn { font-size: 10px; line-height: 1; float: right; padding: 7px; border-radius: 2px; margin-top: 10px; background: #f9c742; color: #FFF; text-transform: uppercase; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .heading-btn:hover { background: #ddd; color: #FFF; } .user_panel { background: #fafafa; } .content-wrapper { min-height: 800px; margin-top: 76px; } /** Navigation */ .navbar { border-top: 0; border-radius: 0; z-index: 200; width: 100%; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; padding-top: 2em; background: rgba(255,255,255,0.9); border: 0; } .navbar.sm { background: #ffffff;  padding: 0; border-bottom: 4px solid #fafafa; } .navbar-nav { float: right; margin-right: 50px; } .navbar-nav>li>a { padding-top: 1em; text-transform: uppercase; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-weight: 400; padding-bottom: 1em; color: #212121; letter-spacing: 1px; margin-bottom: -4px; font-weight: 700; } .navbar.sm .navbar-nav>li>a { padding-top: 2em; font-size: 12px; color: #212121; } .body_home .navbar.sm .navbar-nav>li>a { padding-top: 2em; font-size: 12px; font-weight: 700; color: #212121; } .navbar-nav>li.active>a { border-bottom: 4px solid #f9c742; } .user_panel .navbar-nav>li>a { text-transform: inherit; } .navbar-nav>li>.dropdown-menu { margin-top: 4px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0; } .dropdown-menu .divider { border-color: #ffb600; } .navbar-brand { padding: 0; position: relative; top: 0; } .navbar .navbar-brand { padding: 15px; } .nav>li>a:hover, .nav>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background: none; border-bottom: 4px solid #f9c742; } .dropdown-menu>li>a { padding: 7px 20px; border-bottom: 1px solid #f5f5f5; } .dropdown-menu>li>a.no-border { border-bottom: 0; } .dropdown-menu .divider { margin: 0; } .navbar .navbar-brand { padding: 0 0 0 15px; } .navbar.sm .navbar-brand { top: 15px; } .navbar-nav>li.memberPanel>a { text-transform: inherit; } .navbar-toggle { color: #333; border: 1px solid #333; } /** Slider */ .slider { background: #f9c742 url(../img/slide1.jpg) 50% 0 fixed; width: 100%; height: 100%; overflow: hidden; background-size: cover; } .slider, .slider .owl-carousel, .slider .item { height: 700px; } .slider .item .slider-body { display: table; width: 100%; height: 100%; } .slider .item .slider-text { display: table-cell; width: 100%; vertical-align: middle; text-align: center; } .slider .item p { font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: 800; text-transform: uppercase; color: #FFF; letter-spacing: 5px; } .slider .item small { font-size: 16px; color: #FFF; text-transform: uppercase; letter-spacing: 10px; } .quickLinks { background: #fafafa; } .quickLinks .image { height: 140px; } .quickLinks a { display: block; } .quickLinks a img { display: block; margin: 0 auto; height: 70px; padding: 4px; } .quickLinks a:hover, .quickLinks a:focus { color: #212121; } .quickLinks a:hover .text p, .quickLinks a:focus .text p { color: #212121; } .quickLinks .text { text-align: center; } .quickLinks .text p { margin: 0; padding: 1px; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .quickLinks .text .heading { font-size: 18px; font-weight: 700; margin-top: 1em; margin-bottom: 5px; color: #555; letter-spacing: 0; } .quickLinks .text .desc { font-size: 12px; font-weight: 400; letter-spacing: 1px; color: #555; } .eadev-row { width: 82%; margin: 0 auto; display: block; padding: 4em 0; } .eadev-col { width: 25%; float: left; } .designs { padding: 2em 0; } .designs h2 { font-weight: 700; border-bottom: 2px solid #f2f2f2; line-height: 2; margin-bottom: 1em; } .thumbnail { padding: 0; border: 0; margin: 0; } .thumbnail span { display: block; } .thumbnail > a { display: block; min-height: 250px; max-height: 250px; overflow: hidden; background: #000; position: relative; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; background-size: cover !important; } .thumbnail > a img { -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .thumbnail > a:hover img { opacity: 0.4; } .thumbnail > a::after { position: absolute; top: 0; left: 0; display: block; width: 100%; background: rgba(0, 0, 0, 0.95); height: 250px; content: ''; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .grid-item.thumbnail a::after { height: auto !important; } .thumbnail > a:hover::after { opacity: 0.7; } .thumbnail > a img.overlay { position: absolute; top: 50%; left: 50%; z-index: 100; opacity: 0; margin-left: -15px; margin-top: -15px; } .thumbnail > a:hover img.overlay { opacity: 1; } .thumbnail .caption { padding: 0; position: relative; } .thumbnail .caption h3 { font-size: 14px; font-weight: 700; margin-bottom: 5px; } .thumbnail .caption p a { font-size: 12px; font-weight: 400; color: #666666; margin: 0; -webkit-transition: color 200ms ease-in-out; -o-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; } .thumbnail .caption p a:hover { color: #212121; } .thumbnail .caption span.status { width: 60px; height: 27px; background: #f44242; position: absolute; right: 10px; top: 5px; text-align: center; color: #FFF; line-height: 27px; font-size: 12px; } .thumbnail .caption span.status.sold { background: #f44242; } .thumbnail .caption span.status.available { background: #24dd7c; } .thumbnail .caption a.btn-cart { position: absolute; top: 0; right: 0; } .btn-cart { padding: 10px; border-radius: 50%; width: auto; background: #8ec63f; color: #FFF; line-height: 1; } .btn-cart.available { background: #8ec63f; } .btn-cart.sold { background: #f44242; } .addons { background: #f9c742; padding: 4em 0; color: #FFF; margin-top: 4em; } .heading { font-size: 28px; text-transform: uppercase; color: #FFF; font-weight: bold; } .heading span { color: #007f97; } .timeline { position: relative; padding: 30px 0 0 0; color: #999999; } .timeline::after { width: 3px; height: 100%; display: block; margin: 0 auto; position: absolute; left: 50%; content: " "; background: #007f97; margin-left: -2px; top: 0px; } .timeline-heading { color: #5e5e5e; font-size: 16px; font-family: "Roboto", sans-serif; font-weight: bold; text-transform: uppercase; } .timeline-heading a { color: #5e5e5e; } .timeline-heading a:hover { color: #007f97; } .timeline-body { width: 80%; margin: 0 auto; } .timeline-space { height: 50px; } .timeline-box { margin-top: 25px; } .timeline-cost { color: #5e5e5e; font-weight: bold; margin-top: 10px; } .timeline-box.left { width: 45%; padding: 15px; background: #FFF; position: relative; float: left; clear: both; } .timeline-box.left::after { background: #FFF; width: 15px; height: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: " "; position: absolute; right: -6px; top: 9px; z-index: 90; } .timeline-box.left::before { background: #FFF; border-radius: 50%; padding: 7px; position: absolute; display: block; content: " "; top: 6px; right: -13.6%; margin-left: -10px; z-index: 100; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); border: 3px solid #007f97; } .timeline-box.right { width: 45%; padding: 15px; background: #FFF; position: relative; float: right; margin-top: 70px; } .timeline-box.right::after { background: #FFF; width: 15px; height: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: " "; position: absolute; left: -6px; top: 9px; z-index: 90; clear: both; } .timeline-box.right::before { background: #FFF; border-radius: 50%; padding: 7px; position: absolute; display: block; content: " "; top: 6px; left: -11%; margin-left: -10px; z-index: 100; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); border: 3px solid #007f97; } .timeline-button { position: relative; z-index: 2; margin-top: 50px; } .timeline-button a { width: 14%; background: #007f97; padding: 10px 30px; border-radius: 40px; margin: 0 auto; display: block; color: #FFF; text-align: center; font-family: "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 16px; } .guides { margin: 100px 0; } .guides .heading { color: #1b1c23; } .guides { color: #afafaf; } .guides-content { padding: 10px; text-align: center; } .guide-row { margin-top: 40px; } .guides-body { margin: 40px 0; } .guides-footer a { background: #3f6d98; display: inline-block; padding: 8px 15px; color: #FFF; } .grid::after { content: " "; clear: both; display: block; } .grid ul, .grid li { list-style: none; padding: 0; margin: 0; } .grid .grid-sizer, .grid .grid-item { width: 33.33%; } .grid .grid-item { float: left;  } .grid-item.thumbnail { padding: 15px; } .grid-item.thumbnail a {  height: auto; max-height: inherit !important; min-height: auto; } .panel-ticket {border-color: transparent; } .panel-ticket > .panel-heading {color: #575757; background-color: #fafafa; border-color: transparent; font-weight: bold; border: 1px solid #ececec; border-bottom: 0; } .panel-ticket > .panel-heading + .panel-collapse > .panel-body {border-top-color: #ececec; } .panel-ticket > .panel-heading .badge {color: #f5f5f5; background-color: #333; } .panel-ticket > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #ececec; } .panel-ticket > .panel-body {padding: 0; color: #6c6c6c; font-size: 14px; margin-top: 20px; border: 1px solid #ececec; } .panel-ticket > .panel-body > .comment {border-bottom: 2px solid #ddd; color: #373737; } .panel-ticket > .panel-body > .comment h4 {font-weight: bold; font-size: 16px; } .panel-ticket > .panel-body > .comment h4 span {color: #969696; } .panel-ticket > .panel-reply { margin: 15px 0; } .panel-ticket > .panel-reply textarea { width: 100%; } .panel-ticket .table { border: 1px solid #ececec; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 10px; font-size: 14px; color: #575757; } .panel-ticket hr { margin-top: 0px; margin-bottom: 15px; } .panel-body .comment-head { background: #fafafa; padding: 15px 15px 5px 15px; border-bottom: 1px solid #ececec; } .panel-body .comment-body { background: #fff; padding: 15px 15px 15px 15px; } .panel-body .comment-body a { font-weight: bold; color: #f3931a; text-decoration: underline; } .checkout p { margin: 0; } /** f9c742 */ .quote { background: #f9c742; padding: 10px 0; margin-bottom: 30px; } .quote h2, .quote h1 { font-size: 22px; color: #FFF; } .project {  } .project-image { overflow: hidden; } .project-description { margin-top: 20px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .project-description h2 { font-weight: 700; margin-bottom: 20px; } .project-heading { font-size: 22px; font-weight: 700; color: #373737; margin-bottom: 5px; } .project-list { font-size: 13px; border-bottom: 1px solid #e1e1e1; } .project-list .list-inline li { color: #bebebe; border-right: 1px solid #e1e1e1; } .project-list .list-inline li:last-child { border-right: 0; } .project-list .list-inline li span { font-weight: 700; color: #373737; } .panel { box-shadow: none; } .panel-default>.panel-heading { background: #fafafa; color: #313131; font-weight: bold; background: transparent; } .list-group-item { border: 0; border-bottom: 1px solid #ebebeb; } a.list-group-item:hover, a.list-group-item:focus { background: #fafafa; } .list-group-item-heading { font-size: 16px; } a.list-group-item .list-group-item-heading { font-weight: bold; color: #6c6c6c; } .list-group-item-text { color: #6d6d6d; } .panel-wide { margin-left: -15px; margin-right: -15px; } .right-panel { border: 1px solid #ebebeb; border-radius: 8px; padding: 15px 0 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; } .right-panel-heading { padding: 5px 25px; color: #313131; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 18px; border-left: 4px solid #ffcb18; } .right-panel-body { padding: 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .right-panel-body ul, .right-panel-body li { padding: 0; margin: 0; list-style: none; } .right-panel-body li a { display: block; padding: 12px 8px; color: #6d6d6d; } .right-panel-body li { border-bottom: 1px solid #ebebeb; } .right-panel-body li:last-child { border-bottom: 0; } #footer { min-height: 200px; background: #252525; } .footerpanel { padding: 3em 0 4em 0; } .copyright { padding: 1em 0; background: #1a1a1a; } #footer h3 { color: #FFF; } /* #footer ul, #footer li { list-style: none; padding: 0; margin: 0; }  */ #footer ul { padding-left: 10px; } #footer, #footer a { color: #FFF; } .followus li { padding: 5px 0; } .followus li, #footer .followus li a { font-size: 14px; line-height: 1; } .followus ul li i { color: #48629b; font-size: 16px; line-height: 1; display: inline-block; width: 22px; height: 15px; } .footer_category_title { font-size: 13px; font-weight: 700; } .footer_categories ul li a { font-weight: 300; } .followus ul li.skype i { color: #00aff0; } .followus ul li.email i { color: #4101af; } .no-padding { padding: 0; } .no-margin { margin: 0; } .form-horizontal .control-label { padding-top: 12px; } .form-horizontal .control-label { font-size: 14px; color: #363636; } .form-control { border-color: #ebebeb; padding: 20px 16px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } select.form-control { height: 42px; padding: 0 16px; } .form-control:focus { box-shadow: none; border-color: #bababa; } .radio-inline .lbl { position: relative; top: 3px; } .btn-primary { background: #8ec63f; border: 0; font-weight: 700; padding: 8px 22px; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; outline: 0; box-shadow: none; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #85b83c; border-color: transparent; box-shadow: none; outline: 0; border: 0; } .text-bold { font-weight: 700; } .blog { background: #fafafa; border-bottom: 1px solid #ebebeb; } .blog-body { padding: 20px; color: #6b6b6b; } .blog-body h2 { font-family: "Roboto", sans-serif; font-weight: 700; color: #363636; font-size: 18px; margin: 0; margin-bottom: 15px; } .blog-body p { text-indent: 15px; } .blog-body p.list span { display: block; } .blog-body li { position: relative !important; left: 0 !important; top: 0 !important; list-style: inherit !important; } .blog-info { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #ececec; } .blog-info::after { content: " "; display: block; clear: both; } /*#blog_container { padding: 0; margin: 50px 0; list-style: none; }*/ #blog_container, #blog_container li { list-style: none; padding: 0; margin: 0; } #blog_container .item { width: 50%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #blog_container .item { padding: 15px; overflow: hidden; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0; } .btn { -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; } .paypal-btn { padding: 26px; background: transparent; border: 1px solid #ddd; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .paypal-btn.active, .paypal-btn:hover { background: #ddd; transition: all 200ms ease-in-out; } .wallet-btn { padding: 19px; width: 50%; } .table.no-border tr:first-child td, .table.no-border tr:first-child th { border: 0; } .table.purchase_history a { font-weight: bold; } .product-name { font-size: 16px; } .product-options { padding-left: 5px; } .review-badge { padding: 8px; border-radius: 50%; background: #333; color: #FFF; padding: 5px 10px; } .facebook { padding: 2em 0; border-top: 1px solid #eee; margin-top: 3em; } .fb-like-btn { width: 52px; height: 32px; overflow: hidden; float: left; } .fb-like-count { width: 160px; float: left; height: 32px; margin: 0; line-height: 32px; font-size: 13px; padding: 0 6px; } .fb-like-btn .fb_iframe_widget { position: relative; top: 7px; } .fb-like-faces { width: 80%; float: left; height: 32px; overflow: hidden; } .fb-like-faces .fb_iframe_widget { position: relative; top: -24px; } .fb-like-image { height: 30px; overflow: hidden; } .technologies-slider.owl-carousel .owl-item img { width: auto !important; min-height: 67px; } .technologies-slider { padding-top: 2em; } .technologies { padding: 4em 0; color: #333; overflow: hidden; } .technologies h2 { color: #333; } .tech { overflow: hidden; display: table; width: 100%; height: 100%; } .tech .tech-cell { display: table-cell; vertical-align: middle; text-align: center; } .tech .tech-img { min-height: 80px; } .technologies .tech-body { padding: 3em 0 0 0; } .tech p { text-align: center; padding-top: 1em; text-transform: uppercase; font-weight: 700; font-size: 16px; } .tech img { display: block; margin: 0 auto; } /** * Alerts */ .alert { border-radius: 0; color: #FFF; padding: 8px; margin-bottom: 10px; } .alert > a { color: #FFF; text-decoration: underline; } .alert.alert-dark {color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); background: none; border-color: #f19a1f; background-color: #f4b04f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; padding: 10px; border-radius: 0; } .alert.alert-danger.alert-dark {background: none; border-color: #df3c28; background-color: #e66454; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.04)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.04)), color-stop(0.75, rgba(255, 255, 255, 0.04)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-size: 20px 20px; padding: 10px; border-radius: 0; } .alert.alert-success.alert-dark {background: none; border-color: #43a543; background-color: #5ebd5e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; padding: 10px; border-radius: 0; } .alert.alert-info.alert-dark {background: none; border-color: #31b0d5; background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.06)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.06)), color-stop(0.75, rgba(255, 255, 255, 0.06)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent); background-size: 20px 20px; padding: 10px; border-radius: 0; } .alert-success { background: #5ebd5e; border: 0; } .alert-danger { background: #e66454; border: 0; } .alert-info { background: #5bc0de; border: 0; } .cart>a { position: relative; } .cart>a>.total { position: absolute; bottom: 0; right: 0; background: #f9c742; padding: 3px; border-radius: 2px; line-height: 1; } @media (min-width:992px) {.fb-like-faces { width: 77%; } } @media (max-width: 992px) {.eadev-row { width: 100%; } .eadev-col { width: 25%; font-size: 18px; } .timeline-body { width: 100%; } } @media (min-width:768px) {.thumbnail { background: transparent; } .fb-like-faces { width: 70%; } } @media (max-width:767px) {.timeline-box.left::before { left: -14.2%; } .timeline-box { z-index: 100; } .timeline-box.left, .timeline-box.right { width: 100%; margin-top: 20px; } .timeline-box.left::before { display: none; } .timeline-box.left::after, .timeline-box.right::after { display: none; } .timeline-button a { width: 30%; } #masonry_container .item { width: 50%; } .thumbnail > a { background: transparent; max-width: none; min-height: none; } .thumbnail > a img { width: 100%; } .fb-like-faces { width: 100%; } } @media (max-width:480px) {.eadev-col { width: 50%; float: left; } .timeline-box { z-index: 100; } .timeline-box.left, .timeline-box.right { width: 100%; margin-top: 20px; } .timeline-box.left::before { display: none; } .timeline-box.left::after, .timeline-box.right::after { display: none; } .timeline-button a { width: 50%; } #masonry_container .item { width: 50%; } .thumbnail > a { background: transparent; max-height: none; } .thumbnail > a img { width: 100%; max-height: auto; } .slider, .slider .owl-carousel, .slider .item { height: 400px; } .navbar-nav { margin-right: 0; float: none; } .body_home .navbar.sm .navbar-nav>li>a { padding-top: 1em; } .grid .grid-sizer, .grid .grid-item, #blog_container .item { width: 100%; padding: 0; } #blog_container .item { margin-bottom: 15px; } .navbar .navbar-brand { padding: 15px; } .navbar.sm .navbar-brand { padding: 0 0 0 15px; } .fb-like-faces { width: 100%; } } /* *  Owl Carousel - Animate Plugin */ .owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in {z-index: 0; } .owl-carousel .owl-animated-out {z-index: 1; } /* *  Owl Carousel - Auto Height Plugin */ .owl-height {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* *  Core Owl Carousel CSS File */ .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage::after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded {display: block; } .owl-carousel.owl-loading {opacity: 0; display: block; } .owl-carousel.owl-hidden {opacity: 0; } .owl-carousel .owl-refresh .owl-item {display: none; } .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img {display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab {cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl {direction: rtl; } .owl-carousel.owl-rtl .owl-item {float: right; } /* No Js */ .no-js .owl-carousel {display: block; } /* *  Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy {opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img {transform-style: preserve-3d; } /* *  Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover {-webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none; } .owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame {position: relative; z-index: 1; } .brokenPage { text-align: center; } ._404 { font-size: 300px; line-height: 1; color: #f9c742; font-weight: 700; } .something_wrong { font-size: 22px; line-height: 2; color: #007f97; font-weight: 700; }