#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; -webkit-filter: grayscale(100%); } .grayscale img:hover{ filter: url("data:image/svg+xml;utf8, #grayscale"); -webkit-filter: grayscale(0%); } /****************************************************************************** Hover Effects *******************************************************************************/ .pricing:hover .title a, .process-content:hover .title, .portfolio-grid .grids:hover img, .btn:hover, .icons-hover-color:hover i, .get-a-quote:hover a, .get-a-quote a, .link-hover-black a:hover, .icons-hover-black i:hover, .link-hover-black a, .icons-hover-black i, i:hover, i, .timeliner li:hover .timeline-heading h4.subheading, .timeliner li .timeline-heading h4.subheading, .timeliner li:hover .timeline-image, .timeliner li .timeline-image, .opacity:hover img, .opacity img, .submit, .submit:hover, .icon-6 span, .icon-6 span:hover, .blog.timeliner>li:hover .timeline-image, .blog.timeliner>li:hover .timeline-icon, .service-box, .service-box:hover, .service-box:hover img, .service-box img, .portfolio-grid .grid .figcaption, .portfolio-grid .grid:hover .figcaption, .item-box i:after, .item-box:hover i:after, .about-us1 .box:hover img, .about-us1 .box img, .history li:hover .timeline-icon, .history li .timeline-icon, .partner-box:hover img, .partner-box img, .shop .product-item:hover img, .shop .product-item img, .tp-caption .btn, .tp-caption .btn:hover{ transition:all 350ms ease-in-out 0s !important; -moz-transition:all 350ms ease-in-out 0s !important; -webkit-transition:all 350ms ease-in-out 0s !important; -o-transition:all 350ms ease-in-out 0s !important; -ms-transition:all 350ms ease-in-out 0s !important; } /* Hover Zoom Effects */ .zoom:hover i{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform: scale(1.1); } /* Hover Rotate Effects */ .rotate:hover i{ transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); } /* Endless Rotating */ @-webkit-keyframes rotating /* Safari and Chrome */ { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } /****************************************************************************** Navigation Menu *******************************************************************************/ .sticky-wrapper.is-sticky #sticker, .sticky-wrapper{ z-index:9997; } .navbar{ margin-bottom:0; } .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.active > a:hover{ background:none; } .sticky-menu{ z-index: inherit; } /*--------------- Side Navigation Menu--------------*/ .side-nav #main{ padding:0; } .side-nav header nav{ left:0; right:0; top:0; position:absolute; } .side-nav header .navbar-default { background:none; border:none; position:absolute; z-index:99; top:25px; box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; -webkit-box-shadow:none; } #navigation-menu{ line-height:2; color:#171717; } .side-nav header .navbar-nav{ float: right !important; width:auto !important; } .side-nav header .navbar-default .navbar-nav > li > a{ font-size:25px; padding:0; } .side-nav header .nav > li > a.active{ color:#FFC400; } .side-nav header .nav-fixed { margin: auto; position: fixed; right: 0; top: 0; } .side-nav header .nav-fixed > li { float: right; } .side-nav header #sticky.nav-fixed a { height: 100px; line-height: 100px; text-align: center; width: 100px; color:#171717; } /*------------MENU------------*/ .side-nav header #wrapper .toggle-menu{ background:rgba(0,0,0,.9); width:100%; height:100%; position: fixed; overflow-y: auto; right:0; top:-100%; z-index:999; } .side-nav header #wrapper .close-menu{ float:right; font-size:30px; height:100px; width:100px; line-height: 100px; text-align: center; display:block; color:#fff; } .side-nav header #wrapper .nav{ padding:130px 0 0 0px; text-align:center; } .side-nav header .nav > li > .sub{ padding:0 0 0 40px; } .side-nav header .nav > li > a, .side-nav header .nav > li > .sub a{ color:#ccc; font-size:17px; text-transform:uppercase; font-weight:600; letter-spacing: 2px; padding: 10px 22px; text-decoration:none; } .side-nav header .nav > li > a:focus{ background:none; } .side-nav header .nav > li > .sub a{ line-height:3; } .side-nav header #wrapper .close-menu a, .side-nav header #navigation-close.close-menu:hover{ color:#ffffff; } .side-nav header .nav > li > a:hover, .nav > li > a:focus{ background:transparent; } .side-nav header .nav > li.active{ position:relative; } .side-nav header .nav > li.active:before{ height:20px; content:""; width:77px; left:-77px; position:absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .side-nav header .social-icon{ margin-top:30px; } .side-nav header .social-icon i{ margin:5px; background:none; } /*---STICKY----*/ .side-nav header .sticky-wrapper.is-sticky .nav { background: none repeat scroll 0 0 black; padding: 15px 20px; right: 15px; } /****************************************************************************** SLIDER SECTION *******************************************************************************/ /*Revolution Slider */ .tp-caption { white-space: inherit; } .tp-caption.bold{ font-size: 65px; font-weight: 800; text-transform:capitalize; letter-spacing:-3px; margin: 0; line-height: 75px; } .slider.rs-slider .title.bold, .slider .bold { font-size: 55px; font-weight: bold; text-transform:capitalize; margin: 0; letter-spacing:-3px; line-height: 75px; } .tp-caption.description { font-size: 15px !important; line-height: 25px; font-family: 'Open Sans', sans-serif; } .tparrows:before { font-size: 40px; } .tparrows { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;; } .tp-banner{ z-index:0; } .slider.rs-slider-full{ float:left; width:100%; } .slider.rs-slider { background: none; border: 0 none; max-height: 700px; overflow: hidden; padding: 0; position: relative; z-index:0; } .slider.rs-slider-full { min-height:auto; background:none; padding:0; } p.tp-caption.button-block{ width:100%; left:0!important; } p.tp-caption.button-block a{ margin:0 5px; } .transparent .slider.rs-slider { max-height: 700px; } .slider.load .tp-banner-container { visibility: hidden; } .slider.rs-slider .container { position: relative; } .slider.rs-slider .title { font-size: 40px; font-weight: normal; margin: 0; } .white .tp-caption,.text-white{ color:#fff; } .slider.rs-slider .description { font-size: 15px !important; line-height: 25px; margin: 0; padding: 0 15px; } .slider.rs-slider .btn { } .slider.rs-slider .btn.orang { background: #ea4e16; } .slider.rs-slider .btn.cherry { background: #752033; } .slider.rs-slider .phone-text { font-size: 17px; } .tp-caption a { color: #000; } h4.tp-caption, h5.tp-caption{ line-height:27px; font-weight:500 !important; text-transform:inherit; } .tp-caption a:hover { color: #fff; } .rs-slider ul { list-style: none; margin: 0; padding: 0; } .tp-bannertimer { background: #777 !important; background: rgba(0,0,0,0.1) !important; height: 0px !important; } .tp-bullets.simplebullets.navbar { height: 35px; padding: 0; } .slider.rs-slider .tp-bullets.simplebullets .bullet { background: #fff; background: rgba(255,255,255,.5); -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0 none !important; display: inline-block; height: 14px; float: none; margin: 0 3px; -webkit-transition: all .3s linear; transition: all .3s linear; vertical-align: top; width: 14px; } .tp-bullets.simplebullets .bullet.last { margin-right: 0px } .slider.rs-slider .tp-bullets.simplebullets .bullet:hover { background: #fff; -webkit-transition: all .3s linear; transition: all .3s linear; } .slider.rs-slider .tp-bullets.simplebullets .bullet.selected { background: rgba(255,255,255,.7); -webkit-transition: all .3s linear; transition: all .3s linear; } .slider.rs-slider .tparrows { background: #1e1e1e; background: rgba(30, 30, 30, 0.5); -webkit-border-radius: 100%; border-radius:100%; cursor: pointer; height: 40px !important; width: 40px !important; -webkit-transition: background .3s linear; transition: background .3s linear; -webkit-transition: opacity 0.2s ease-out; -webkit-transform: inherit; z-index: 50 !important; } .slider.rs-slider .tparrows:before { font-family: 'revicons'; color: #fff; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: 0; margin-top: 3px; text-align: center; width: 40px; font-size: 19px; } .tp-leftarrow:before { content: '\e824'; } .slider.rs-slider-full .tp-leftarrow:before,.slider.rs-slider-full .tp-rightarrow:before{ content:none; } .tp-rightarrow:before { content: '\e825'; } .slider.rs-slider .tparrows:hover { background: #1e1e1e; -webkit-transition: background .3s linear; transition: background .3s linear; } .slider4container .tparrows:before, .slider4container .tparrows:hover, .slider4container .tparrows { color: #000 !important; } .slider4container .tparrows { background: #fff !important; background: rgba(255,255,255,0.5) !important; } .slider4container .tparrows:hover { background:#fff !important } .slider.rs-slider .tp-loader { background-image: url("../img/svg/loader.svg"), none; background-repeat: no-repeat; background-position: 50% 50%; background-size: 40px; background-color: inherit; height: 40px; margin: -20px 0 0 -20px; width: 40px; z-index: 700; } .layerslider { margin: 0 auto; } .slider.rs-slider.full-width { max-height: inherit; } .slider.rs-slider.full-width .title { font-size: 60px; line-height: 0.9; } .slider.rs-slider.full-width .btn-link { font-size: 14px !important; font-weight: bold; line-height: 31px; letter-spacing: 1px; padding: 0; text-decoration: none; } .slider.rs-slider.full-width .btn-link .fa { border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; font-size: 180%; height: 36px; line-height: 32px; margin-left: 10px; padding: 0 0 0 3px; text-align: center; vertical-align: middle; width: 36px; } .slider.rs-slider.full-width .btn-link:hover { opacity: .8; } .slider.rs-slider.full-width .tp-rightarrow, .slider.rs-slider.full-width .tp-leftarrow { display: none !important; } .tp-caption p { line-height: 25px; } .rs-slider-full .tparrows{ background:none!important; } .rs-slider-full .tp-rightarrow{ right:-10px!important; } /* Bootstrap Carousel */ .carousel-control { top: 0; width: 10%; } .carousel-control .fa, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 25px; height: 30px; margin-top: -15px; width: 30px; } .carousel-control .fa-angle-right { margin-left: -25px; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa { display: inline-block; position: absolute; top: 50%; z-index: 5; } .col-md-3.mix .carousel-indicators , .col-md-4.mix .carousel-indicators, .grid-item .carousel-indicators{ bottom: -7px; } .carousel-control.left.no-bg, .carousel-control.right.no-bg{ background-image:none; } /* Carousel Fade */ .carousel-fade .carousel-inner .item { opacity: .8; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel.full-width{ width: 100% !important; } .carousel.full-width .item img, .carousel.full-width .item{ display: block; width: 100%; } .carousel-style .next, .carousel-style .prev { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .carousel-style .prev { left: 0; z-index:9999; margin: -7px 0 0 -30px; } .carousel-style .next { right: 0; z-index:9999; margin: 0 20px 0 0 !important; } .carousel-style .next i, .carousel-style .prev i{ padding:10px; background-color:rgba(0,0,0,.2); } .carousel-caption { bottom: auto; left: 7%; position: absolute; right: 7%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:0; } .carousel-caption.left{ left:80px; right:inherit; text-align:left; } .carousel-caption.left{ width:50%; background:rgba(255,255,255,.7); padding:30px; } #main-slider.carousel{ width:100%; } /* Home Carousel Slider */ #main-slider.carousel{ width:100%; clear:both; } #main-slider .carousel .item .carousel-caption { opacity: 0; } #main-slider h1 , h1.big, .tp-caption.big{ font-size: 95px !important; font-weight: bold; text-transform:uppercase; margin: 0; margin-bottom:20px; line-height: 95px!important; letter-spacing:-5px; } .text-medium{ font-size: 65px !important; font-weight: bold; text-transform:uppercase; margin: 0; margin-bottom:20px; line-height: 65px; letter-spacing:-5px; } .tp-caption.big{ font-size: 75px; text-transform: inherit; } .tp-border{ padding:20px; border:5px solid #ccc; } #main-slider .carousel .item.active .carousel-caption{ opacity: 1; } #main-slider .description, .description.medium{ font-size: 18px !important; font-weight:300; line-height: 30px; margin: 0; } .black{ text-shadow:none; } .text-shadow{ text-shadow:1px 1px 1px rgba(0,0,0,.4); } #main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; } #main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; } #main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; } #main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; } /* Owl Slider */ .slider .carousel-control.left, .slider .carousel-control.right{ background-image:none !important } .carousel-caption .dark{ color:#171717; text-shadow:none !important; } .owl-prev i, .owl-next i{ color: #111; font-size: 20px; } .owl-prev .fa, .owl-next .fa { position: relative; width: 35px; height:35px; line-height:35px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .owl-prev, .owl-next{ color: #111; display: block; opacity: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 6; text-align:center; } .owl-prev{ left:10px; } .owl-next{ right:10px; } .owl-theme .owl-controls .owl-buttons div{ padding:0; margin:0; } .custom-styles .owl-prev{ left:40px; } .custom-styles .owl-next{ right:40px; } /* Owl Navigations */ .navigation-1 .owl-prev .fa, .navigation-1 .owl-next .fa { background:none; } .navigation-1 .owl-prev{ right:20px; left:auto; top:-20px; } .navigation-1 .owl-next{ right:0px; left:auto; top:-20px; } .top-0 .owl-prev{ right:20px; left:auto; top:0px; } .top-0 .owl-next{ right:0px; left:auto; top:0px; } .navigation-2 .owl-prev{ right:60px; left:auto; top:40px; } .navigation-2 .owl-theme .owl-controls .owl-buttons div i:hover{ color:#ffffff; } .owl-theme.navigation-2 .owl-controls .owl-buttons div{ opacity:1; } .navigation-2 .owl-next{ right:20px; left:auto; top:40px; } .navigation-shop .owl-prev{ left:2px; } .navigation-shop .owl-next{ right:2px; } .navigation-shop .owl-prev .fa, .navigation-shop .owl-next .fa{ background:none; } .widget .navigation-1 .owl-next, .widget .navigation-1 .owl-prev{ top:-30px; } .owl-carousel.white .owl-prev .fa, .owl-carousel.white .owl-next .fa{ color:#fff; } .owl-carousel.margin-15 .item{ margin-left:15px; margin-right:15px; } /* Owl Paginations */ .pagination-1 .owl-controls .owl-page span { border-radius: 0; height: 12px; margin: 2px; width: 12px; } .pagination-2 .owl-controls .owl-page span { border-radius: 50%; -moz-border-radius:50%; height: 10px; margin: 2px; width: 10px; } .left-pagi.owl-theme .owl-controls{ text-align:left; } .in-pagi.owl-theme .owl-controls .owl-pagination{ position: absolute; right:0; left:0; bottom: 20px; } .dark-switch .owl-controls .owl-page span{ background:rgba(0, 0, 0, 1); } .light-switch .owl-controls .owl-page span{ background:rgba(255, 255, 255, 1); } /* Owl Bootstrap Friendly */ .owl-carousel .col-sm-1, .owl-carousel .col-sm-2, .owl-carousel .col-sm-3, .owl-carousel .col-sm-4, .owl-carousel .col-sm-5, .owl-carousel .col-sm-6, .owl-carousel .col-sm-7, .owl-carousel .col-sm-8, .owl-carousel .col-sm-9, .owl-carousel .col-sm-10, .owl-carousel .col-sm-11, .owl-carousel .col-sm-12 { display: block; float: left; width:auto !important } .owl-carousel .col-md-1 { max-width: 80px; width:auto !important } .owl-carousel .col-md-2 { max-width: 161px; width:auto !important } .owl-carousel .col-md-3 { max-width: 242px; width:auto !important } .owl-carousel .col-md-4 { max-width: 323px; width:auto !important } .owl-carousel .col-md-5 { max-width: 404px; width:auto !important } .owl-carousel .col-md-6 { max-width: 485px; width:auto !important } .owl-carousel .col-md-7 { max-width: 565px; width:auto !important } .owl-carousel .col-md-8 { max-width: 646px; width:auto !important } .owl-carousel .col-md-9 { max-width: 727px; width:auto !important } .owl-carousel .col-md-10 { max-width: 808px; width:auto !important } .owl-carousel .col-md-11 { max-width: 889px; width:auto !important } .owl-carousel .col-md-12 { max-width: 970px; width:auto !important } /****************************************************************************** Text Slider *******************************************************************************/ .text-slider{ padding:250px 0; background:url(../img/sections/slider/slider8-bg.jpg) no-repeat; } .text-slider h1{ font-size: 55px; font-weight: bold; line-height: 75px; margin: 0; text-align:center; text-transform: uppercase; } .text-slider p.description{ margin-bottom:20px; } .text-slider p{ text-align:center; } .text-slider p a.btn{ margin:0 5px; } .text-slider .typed-cursor{ animation:fadeIn 0.6s alternate infinite; -o-animation:fadeIn 0.6s alternate infinite; -moz-animation:fadeIn 0.6s alternate infinite; -webkit-animation:fadeIn 0.6s alternate infinite; } /****************************************************************************** MAIN SECTION *******************************************************************************/ /*Special Features */ .special-feature .section-title hr{ border-color:#151515; } .special-feature i{ font-size:65px; line-height:75px; } .special-feature h4{ font-size:20px; margin-top:25px; position:relative; } .special-feature .mask-top{ width:100%; background-color:#ffffff; padding:55px 0; position:absolute; top:0px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .special-feature .mask-top h4:before { top: -18px; content: ""; display: block; height: 2px; left: 0; right:0; margin:-2px auto; position: absolute; width: 40px; } .special-feature .s-feature-box:hover .mask-top{ top:-200px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .special-feature .s-feature-box{ overflow:hidden; position:relative; min-height:290px; border:1px solid #f2f2f2; margin-bottom:20px; cursor:pointer; } .special-feature .mask-bottom{ color:#333333; padding:20px 15px 20px 15px; width:100%; position:absolute; bottom:-300px; height:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .special-feature .mask-bottom p{ padding:0px 5px; } .special-feature .mask-bottom h4{ margin:15px 0px 17px; } .special-feature .s-feature-box:hover .mask-bottom{ bottom:0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .special-feature .mask-bottom i { font-size: 38px; line-height: 50px; } /****************************************************************************** Features *******************************************************************************/ .features-block .header-box { display: block; min-height: 30px; margin: 0 0 13px; overflow: hidden; } .features-block .header-box .icon-box { background: none; color: #1e1e1e; float: left; height: 30px; margin: 0 10px 0 0; text-align: center; width: 24px; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .features-block .header-box a.icon-box:hover { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .features-block .header-box .icon-box i:before { font-size: 20px; line-height: 30px; } .features-block .header-box h6 { margin: 6px 0 0; } .features-list { padding:40px 0 0 0px; } .features-list-left { text-align:left; } .features-list-right { text-align:left; } .features-list-right.text-right{ text-align:right; } .features-list li { list-style:none; padding:20px 0; line-height:2; font-size:15px; font-weight:300; position:relative; } .features-list li i { display:block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; width:70px; height:70px; margin:20px auto; line-height:70px; top:0px; text-align:center; position:absolute; color:#ffffff; } .features-list-left li i { left:0px; } .features-list-right li i { right:0px; } .features-list-left .features-content { margin-left:90px; } .features-list-right .features-content { margin-right:90px; } /* Additional Features */ .responsive-features span { font-size: 24px; margin-right: 10px; } .responsive-features h5 { display: inline-block; margin: 0 0 15px; text-transform: capitalize; } /* Progress */ .progress { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 30px; } .progress.ps1{ height: 10px; } .about-us h6{ margin-bottom:10px; } .progress-bar { font-size: 14px; filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height: 30px; text-align: left; text-indent: 10px; text-shadow: none; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; } .progress-section.ps1 h6{ margin-bottom:4px !important; } .progress.ps1 .progress-bar { line-height: 10px; height:10px; } .progress.ps1 .progress-label { top: -22px; } .progress-label{ color: #171717; font-weight: 600; position: absolute; right: 5px; } .white .progress-label{ color:#ffffff; } .white .progress{ background-color:#f7f7f7; } .progress-section h6{ margin-bottom: 10px !important; } .progress-bar{ text-align:right; position:absolute; height:30px; } .progress{ background-color:#333333; margin-bottom:20px; } .about-us1 .box:hover img{ opacity:.5; } .about-us1 .box h4{ padding:15px 20px; color:#ffffff; font-size:19px; } .about-us1 .box h3{ padding:15px 20px; color:#ffffff; font-size:19px; background-color: rgb(255, 121, 0); height: 78px; vertical-align: middle; } .about-box{ padding:30px; position:relative; } .more-row30 .box{ margin-bottom:30px; } .more-row40 .box{ margin-bottom:40px; } /* App */ .iphone-settings { bottom: -75px; position: relative; } /****************************************************************************** Portfolio / Work *******************************************************************************/ .work-section .nav li, .mixed-grid .nav li{ padding:7px 0px; margin-right:20px; border-radius: 3px; border:1px solid transparent; color:#ffffff; text-transform:capitalize; position:relative; } .work-section .nav.black li, .mixed-grid .nav.black li{ color:#171717; } .work-section .nav li.active, .work-section .nav li:hover, .mixed-grid .nav li.active, .mixed-grid .nav li:hover{ cursor:pointer; color:#ffffff; } .work-section .nav.black li.active, .work-section .nav.black li:hover, .mixed-grid .nav.black li.active, .mixed-grid .nav.black li:hover{ cursor:pointer; color:#171717; } .filter-menu{ margin:0 0px 30px 0px; } .filter-menu .pts1 li.filter.active, .filter-menu .pts1 li.filter:hover{ color:#ffffff; } .filter-menu .pts1 li{ padding-left:25px!important; padding-right:25px!important; } .work-section .nav-pills{ text-align:center; } .nav.bg-color.works-filters.text-left, .nav.bg-color.nav-pills.text-left{ padding-right:15px !important; padding-left:15px!important; } .work-section .nav-pills.text-left{ text-align:left; } .work-section .portfolio-grid .grid{ max-width:600px; } .portfolio-grid { margin:0 -15px; } .portfolio-grid .grid img{ margin:0px auto; } .work-section .nav > li, .mixed-grid .nav > li{ float:none; display:inline-block; font-weight:600; font-size:16px; border:0; } .work-section .nav > li.active, .mixed-grid .nav > li.active, .work-section .nav > li:hover , .mixed-grid .nav > li:hover{ border:0; border-radius:0; } .work-section .nav > li.active:before, .mixed-grid .nav > li.active:before, .work-section .nav > li:hover:before, .mixed-grid .nav > li:hover:before{ content:""; position:absolute; width:20px; height:2px; left:0; bottom:0; } #mix-container .mix{ display: none; padding:15px; } .figcaption{ width:100%; } .figcaption{ position:absolute; bottom:0; opacity:0; text-align:left; color:#ffffff; padding:20px; width:100%; left:0; right:0; } .figcaption i{ color:#ffffff; padding:5px; } .portfolio-grid .grids:hover .figcaption{ position:absolute; opacity:1; } .portfolio-grid .grids:hover img{ opacity:.2; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .portfolio-grid.grid-list .grids:hover img{ opacity:.8; } .portfolio-grid .grid { position:relative; background-color:#000000; } .img-overlay{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease-out 0s; } .widget .img-overlay{ display:none; } .grid-item:hover .img-overlay, .grid-item:hover .figcaption{ opacity: 1; } .project-meta{ margin-bottom:20px; } .grid-list .grids{ margin-bottom:30px !important; } .grid-list .title{ margin-bottom:8px; } .grid-list .description{ margin-bottom:15px; font-style:italic; font-size:15px; color:#999; } .caption-block h4{ margin-bottom:10px; font-size:17px; } /* SERVICE BOX */ .service-box{ position:relative; margin-bottom:40px; padding:20px; border:1px solid #f7f7f7; } .service-box:hover{ background:#f7f7f7; } .service-box img{ float:left; max-width:150px; } .service-content{ margin-left:170px; } .service-content .title{ position:relative; margin-bottom:22px; } .service-content .title:before{ position:absolute; content:""; width:100%; height:3px; left:-20px; bottom:-11px; } .service-box:hover img{ opacity:.7; } .content-box{ padding:40px; background:#f7f7f7; } .chart-legend li { color: #777777; display:inline-block; font-size: 13px; margin: 0 24px 12px 0; padding: 0; } .chart-legend li span { border-radius: 3px; display: inline-block; height: 14px; margin: 5px 7px 0 0; vertical-align: top; width: 14px; } /* Services Tab */ .service-tabs .nav-tabs { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align:center; } .service-tabs .nav-tabs > li{ float:none; display:inline-block; } .service-tabs .nav-tabs > li > a{ font-weight:700; padding: 15px 20px; font-size:15px; } .service-tabs .nav-tabs > li.active > a{ border-color: inherit; border-top:1px solid transparent; border-bottom:1px solid transparent; border-radius:0; color:#fff; } /****************************************************************************** Work Process *******************************************************************************/ .work-process-box{ border-radius:100%; -moz-border-radius:100%; -webkit-border-radius: 100%; border:1px solid #cccccc; background-color:#f7f7f7; width: 250px; height: 250px; text-align:center; display: table; margin:20px auto; } /* Updated */ .work-process-box.square{ border-radius:0; -moz-border-radius:0; -webkit-border-radius: 0; } .work-process-box .title{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px; } .work-process-box .process-content{ vertical-align:middle; display: table-cell; padding:50px; position:relative; } .work-process-box .item-number{ position:absolute; color:#333333; padding:8px 0; right:20px; top:10px; content:""; width:40px; height:40px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius: 100%; } /* Updated */ .work-process-box .item-number.square{ border-radius:0; -moz-border-radius:0; -webkit-border-radius: 0; } .work-process-box.square .item-number.square{ right:10px; } .process-box{ position:relative; min-height:120px; } .process-steps{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:9px solid #ffffff; width:100px; height:100px; display:table-cell; vertical-align:middle; margin:0px auto; position:absolute; } .step-no{ font-size:45px; font-weight:800; text-align:center; } .process-text{ margin-left:120px; padding-top:20px; } /****************************************************************************** Pricing *******************************************************************************/ .pricing { margin: 0 auto 10px; max-width: 270px; position: relative; text-align: center; padding-top:20px; border:3px solid #f7f7f7; } .pricing .title { line-height: 32px; padding: 17px 20px 21px; text-transform:uppercase; } .pricing .title a { font-size: 24px; font-weight: bold; line-height: 32px; text-decoration: none; } .pricing .price-box { font-size: 12px; line-height: 1; overflow: hidden; padding: 0 20px 20px; } .pricing .price-box p{ line-height:1.8; } .pricing .price-box .price { font-size: 36px; font-weight: bold; margin: 13px 0 0; font-family:Oswald,sans-serif; } .pricing .price-box .price span { font-size: 12px; display:block; margin-top:10px; font-family: 'Open Sans', sans-serif; } .pricing .options { list-style: none; margin: 0; padding: 0; } .pricing .options li { line-height: 22px; padding: 13px 10px 13px 10px; position: relative; } .pricing .options li.active { color: #1e1e1e; } .pricing .btn-box { overflow: hidden; padding: 30px 15px 50px 15px; } .pricing .btn-box .btn{ border-radius:0px; } .three-column .pricing{ max-width:500px; } .pricing:hover .options li, .pricing:hover .price-box .price span, .pricing:hover .price-box, .pricing.active .options li, .pricing.active .price-box .price span, .pricing.active .price-box{ color:#f7f7f7!important; } .pricing:hover .btn, .pricing.active .btn{ color:#171717 !important; } /* Ribbon */ .ribbon-wrapper { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .pricing .ribbon-wrapper{ right: -10px; } .ribbon{ text-align: center; font-size:11px; letter-spacing:1px; position: relative; padding: 5px 0; left: -5px; top: 15px; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon:before, .ribbon:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon:before { left: 0; } .ribbon:after { right: 0; } .ribbon.red { background-color: #ff0000; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#bf0c0c)); background-image: -webkit-linear-gradient(top, #ff0000, #bf0c0c); background-image: -moz-linear-gradient(top, #ff0000, #bf0c0c); background-image: -ms-linear-gradient(top, #ff0000, #bf0c0c); background-image: -o-linear-gradient(top, #ff0000, #bf0c0c); } .ribbon.blue { background-color: #03b6f7; background-image: -webkit-gradient(linear, left top, left bottom, from(#03b6f7), to(#0c8fbf)); background-image: -webkit-linear-gradient(top, #03b6f7, #0c8fbf); background-image: -moz-linear-gradient(top, #03b6f7, #0c8fbf); background-image: -ms-linear-gradient(top, #03b6f7, #0c8fbf); background-image: -o-linear-gradient(top, #03b6f7, #0c8fbf); } .ribbon.green { background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); } .ribbon.yellow { background-color: #ffc400; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc400), to(#eab505)); background-image: -webkit-linear-gradient(top, #ffc400, #eab505); background-image: -moz-linear-gradient(top, #ffc400, #eab505); background-image: -ms-linear-gradient(top, #ffc400, #eab505); background-image: -o-linear-gradient(top, #ffc400, #eab505); } .ribbon.no-gradiant{ background-image:none; } .ribbon.white{ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -webki-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } /* Counter */ .circle.count-number{ /* Updated */ border:8px solid ; position:relative; border-radius:50%; width:150px; height:150px; line-height:135px; margin:0px auto; margin-bottom:20px; } .circle.count-number.cc1{ /* Updated */ border:4px solid ; position:relative; border-radius:50%; width:120px; height:120px; line-height:105px; margin:0px auto; margin-bottom:20px; } /* Added */ .white .circle.count-number:before{ background-color:#fff; } .count-number .counter{ font-size: 32px; font-weight: 800; } .count-number .counter{ font-size: 32px; font-weight: 800; } .count-number.cs1 .counter{ font-size: 52px; font-weight: 800; } h2.count-number .counter{ font-size: 40px; font-weight: bold; } div.circle.count-number{ position:relative; padding-bottom:10px; margin-bottom:10px; } div.circle.count-number:before{ content:""; width:10px; height:40px; position:absolute; left:0; right:0; margin:0px auto; bottom:0px; } div.circle.count-number:after{ content:""; width:10px; height:20px; position:absolute; left:0; right:0; margin:0px auto; bottom:20px; } .top-border.count-number{ position:relative; padding-top:20px; } .top-border.count-number:before{ top:10px; } /* Pie Chart */ .piechart { position: relative; display: inline-block; text-align: center; margin: 0 0 15px 0px; width: 100%; } .piechart canvas { position: absolute; top: 0; left:0; right:0; margin:0px auto; } .piechart span { font-size: 30px; font-weight:bold; font-family:arial; position:relative; line-height:145px; top: 0px; z-index: 2; } .piechart span:after { content: '%'; } /* Item-box */ .item-box{ padding:20px; padding-bottom:40px; } .item-box i{ display: block; left: 15px; margin: 0 15px 0 0; position: absolute; text-align: center; text-decoration: none; transition: opacity 0.2s linear 0s; border:3px solid; padding:15px; font-size: 1.8em; width:60px; height:60px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .item-box i:after{ position:absolute; content:""; left:-6px; top:-6px; width:66px; height:66px; z-index:-1; background:#f5f5f5; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .white .item-box a:not(.btn){ color: #ffffff; display: inline-block; transition: opacity 0.2s linear 0s; } .item-box a:not(.btn){ color: #171717; display: inline-block; transition: opacity 0.2s linear 0s; } .item-box a { margin-left: 70px; } .item-box.icons-circle a, .item-box.icons-rounded a, .item-box.icons-square a{ margin-left: 70px; } .item-box.inverse a:hover i{ color: #171717; } .item-box.icons-color:hover i{ color: #171717; } .item-box.icons-color.hover-white:hover i{ color: #ffffff; } .item-box.style2 { padding:40px; } .item-box.style2 i, .item-box.style2:hover i, .item-box.style2 i:after, .item-box.style2:hover i:after{ border: none; background: none; } .item-box.style2 i{ left:35px; font-size: 33px !important; } .item-box.style2{ background:#ffffff; margin-bottom:30px; } .item-box.style2 a{ margin-left:60px; } .item-box.style3 i, .item-box.style3:hover i, .item-box.style3 i:after, .item-box.style3:hover i:after{ border-radius: 50%; background: none; font-size: 23px; line-height:36px; } .item-box.style3 a { margin-left: 80px; } /****************************************************************************** Twiiter Feed *******************************************************************************/ .twitter-feed { text-align:center; padding-bottom:15px; } .tweet { padding:12px 0px 0px; } .twitter-feed .owl-pagination, .twitter-feed .owl-buttons, .twitter-feed .icon-twitter, .twitter-feed .username { display:none; } .twitter-feed .tweet_text{ color:#FFFFFF; font-size:20px; } .twitter-feed .tweet_time a{ font-style: italic; font-size:17px; } .twitter-feed .tweet_user a, .tweet_text a{ text-decoration:underline; } .twitter-feed .tweet_user a, .tweet_text a, .twitter-feed .tweet_text{ color: #FFFFFF; } .twitter-feed i{ padding:15px; } /****************************************************************************** Blog *******************************************************************************/ /* Latest News */ .latest-posts{ margin:0px; padding:0; } .latest-posts li { list-style:none; clear:both; margin-bottom:35px; } .latest-posts li:last-child{ margin-bottom:10px; } .latest-posts .post-thumb{ width:100px; } .latest-posts .post-thumb{ float:left; } .widget .latest-posts .title{ font-size:14px; font-weight:600; line-height:20px; color:#222; } .widget .latest-posts .meta { font-size:12px; margin-top: 3px; } .latest-posts li img{ margin-right:10px; } .pagination > li > a, .pagination > li > span{ color:#171717; padding: 8px 15px; } .pagination > li > a, .pagination > li > span{ border:2px solid; margin:0 5px;color:#171717; } .pagination > .active > span, .pagination > .active > span{ color:#ffffff; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{ border-radius:0px; } /* Posts */ .entry-title, .post-title { margin: 0 0 5px; } .post-single .post-item{ margin-bottom:0px; padding-bottom:0px; } .post-single h1{ font-size: 26px; } .post-single h2{ font-size: 26px; } .post-single h3{ font-size: 24px; } .post-single h4{ font-size: 22px; } .post-single h5{ font-size: 18px; } .post-single h6{ font-size: 16px; } .post-single .post-item h1, .post-single .post-item h2, .post-single .post-item h3, .post-single .post-item h4, .post-single .post-item h5, .post-single .post-item h6{ border-left: 6px solid rgb(255, 121, 0); padding-left: 8px; } /* added */ .post-scroll .entry-title, .post-scroll .post-title { font-size: 20px; margin:10px 0; } .post-item{ padding-bottom:30px; /* margin-bottom:30px;*/ position:relative; } .post-title{ margin-top:10px; font-size:18px; } .post-list .post-title, .post-classic .post-title{ font-size:20px; margin-bottom:10px; } .post-classic .meta { color: #193761; font-weight: 600; background-color: rgba(255,255,255,.8); margin-top: 10px; position: absolute; padding-left: 5px; top: 0; width: 100%; } .post-classic .meta span{ position:relative; margin-right:30px; } .post-classic .meta span:after{ content:""; width:1px; height:15px; position:absolute; right:-15px; top:3px; background:#f5f5f5; } .post-classic .meta .post_cat:after{ content:none; } .post-classic .description p{ font-size: 16px; } .post-classic .post-item .btn{ margin-top:15px; } .post-classic .post-item{ margin-bottom:50px; } .post-classic .post-item .image{ margin-bottom: 10px; } .post-share i{ padding-left:7px; } .post-content{ margin-bottom:15px; } /*.post-list .post-item{ padding-bottom:40px; }*/ .post-list .post-image.pull-left{ margin-right:20px; } .mixed-grid.blog .grid-item{ padding:15px 15px 0 15px!important; margin-bottom:15px!important; } .mixed-grid.blog .grid-item .post-meta{ padding-bottom:25px !important; border-bottom:1px dashed #cccccc; } /* Video Post */ .video-box { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 1px 2px rgba(0,0,0,.4); height: 0; margin-bottom: 22px; overflow: hidden; padding-bottom: 56.25%; position: relative; } .video-box embed, .video-box iframe, .video-box object, .video-box video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .width-320{ width: 320px; } /* Meta */ .meta, .post-meta{ margin-top:10px; color:#7f7f7f; } .post-meta span, .meta span{ margin-right:8px; } .post-meta span.category{ margin-right:0px; } .post-meta i, .meta i{ margin-right:6px; margin-top:5px; } .name{ font-size: 18px; margin: 0; padding: 25px 0 0px; position: relative; } .description.text-left .name:before{ right:auto; left:0; } .text-left.i-3x i{ width: auto; margin-right: 12px; } .role{ padding-bottom:18px; font-size:16px; padding-top:0px; } .read-more{ float:right; } .read-more.left{ float:left; width:100%; font-weight:600; } .read-more.left i.pull-right{ float:right; } .read-more i{ font-size:16px; } .learn-more i{ padding-right:10px; margin-top:10px; } /* Author Area */ .author-area{ margin-top:40px; margin-bottom:40px; } .author-img{ position:absolute; width:150px; } .author-comments{ margin-left:180px; } .author-area .social-icon{ margin-top:15px; } /* Reply */ .comments-area{ margin-bottom:20px; } .user-img{ position:absolute; width:80px; } .comment-item{ margin-bottom:10px; padding-bottom:20px; } .comment-item .post-meta{ font-size:14px; margin-bottom:10px; } .comment-item .post-meta, .comment-item .post-reply{ margin-left:100px; margin-top:0; } .comment-item .btn.btn-sm { padding: 8px 30px 10px 30px; margin-top:5px; margin-bottom: 5px; line-height:10px; } /* Testimonials */ .testimonials .item{ margin-top:50px; position:relative; } .testimonials .item .client-image{ position:absolute; top:-50px; left:30px; } .testimonials .desc-border{ padding: 40px 20px 20px; } .testimonials blockquote{ font-size:15px; margin-bottom:0; padding:0px; } .client-details{ font-size:14px; margin:4px 0; } .client-details strong{ display:block; font-size:18px; } .client-details span.white{ color:#ffffff; } .desc-border blockquote, .quote blockquote, .no-border blockquote{ border-left:0; } .no-border blockquote{ padding: 0px; } .desc-border{ border: 2px solid; border-radius:5px; margin-bottom:15px; } .desc-border .star-rating{ padding:5px 0 12px 0; } .sec-border, .sec-border1{ background: transparent none repeat scroll 0 0; border: 1px solid #fff; height: 95%; position: absolute; right: 13px; top: 12px; width: 96%; } .sec-border1{ border: 4px double #fff; } .inline strong, .inline span, .inline div, .inline p{ display:inline-block; } .item{ position:relative; } .testimonials .item > p{ padding:0 15px; } /* Add arrow at bottom of section */ .bottom-arrow{ position:relative; } .bottom-arrow:before{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #e1e1e1 transparent transparent; border-image: none; border-right: 10px solid transparent; border-style: solid; border-width: 10px; bottom: -20px; content: ""; display: block; height: 0; position: absolute; width: 0; } .bottom-arrow:before, .bottom-arrow:after{ left: 0; margin: 0 auto; right: 0; } .bottom-arrow:after{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-right: 10px solid transparent; border-style: solid; border-width: 10px; bottom: -18px; content: ""; display: block; height: 0; position: absolute; width: 0; } .bottom-arrow.light:after{ border-color: #f7f7f7 transparent transparent; } /* Add Quotation in Blockquote */ .quote{ padding:15px 15px 0 15px; } .desc-border.quote blockquote{ margin: 0; padding: 0 0 0 38px; } .quote blockquote{ margin: 0; padding: 0 0 0 38px; } .quote blockquote:before{ content: open-quote; font-size: 50px; font-weight: bold; left: 16px; line-height: 1; position: absolute; top: 14px; } .quote blockquote:after { content: close-quote; display: inline-block; font-size: 50px; font-weight: bold; line-height: 0; margin: 0 0 5px; vertical-align: bottom; } .testimonials.ts1 .item { position: relative; margin-top: 0px; } .testimonials.ts1 { text-align:left; } .testimonials.ts1 .client-image{ position:absolute; width:140px; height:140px; text-align:left; left:0; top:0 } .testimonials.ts1 .client-details{ margin-left:140px; } .testimonials.ts1 .comments{ color: #979797; font-size: 15px; font-weight: 500; padding-top: 10px; } .client-name{ font-size: 20px; font-weight: 700; line-height: 25px; padding-top:5px; margin-bottom:10px; } .client-prof{ font-weight:400; font-size:14px; color:#979797; margin-bottom:10px; font-style:italic; } .client-rating{ font-weight:400; font-size:16px; color:#000000; margin-bottom:15px; } /* Testimonials Grid */ .testimonials.ts1.grid { margin-top:40px; } .testimonials.ts1.grid .item{ margin-bottom:50px; } /* Sidebar Testimonials */ .sidebar .testimonials.ts1{ padding:20px; border:4px solid #f7f7f7; } .sidebar .testimonials.ts1:before{ content: "\f10e"; color:#f7f7f7; font-size:40px; display: block; font-family: FontAwesome; right:0px; position: absolute; bottom: -20px; } .sidebar .testimonials.ts1 .client-image img{ max-width:80px; } .sidebar .testimonials.ts1 .client-details{ margin-left:90px; } .sidebar .testimonials.ts1 .client-name{ margin:2px 0; font-size:16px; padding-top:0px; } .sidebar .testimonials.ts1 .client-prof{ margin:2px 0; font-size:11px; } .sidebar .testimonials.ts1 .client-rating{ margin:2px 0; font-size:13px; } .sidebar .testimonials.ts1 .comments{ font-size: 14px; } /* Team */ .member-page h3.title{ margin-bottom:5px; } .member-page .member-role{ font-size:15px; color:#999999; margin-bottom:20px; } .member-contacts{ padding:40px; margin-top:30px } .member-contacts h4{ margin-bottom:10px; } .member-contacts i{ padding-right:15px; } .mphone,.memail{ margin-bottom:10px; } .member-contacts .social-icons{ margin-top:20px; } .member-contacts .social-icons i{ padding-right:0px; } /****************************************************************************** Get a Quote *******************************************************************************/ .get-a-quote{ padding:30px 0; } .get-a-quote a{ font-weight:500; } .get-a-quote a.black:hover{ color:#111111; } .get-a-quote a.white:hover{ color:#ffffff; } .img-center img{ display:inline-block; } /* Header */ .transparent-header.dark-header .navbar{ background:none; } .dark-header.dark-bg .navbar { background:#222 !important; } .transparent-header.dark-header .sticky-wrapper.is-sticky .navbar{ background:#222; } .transparent-header .sticky-wrapper{ z-index:999; } /****************************************************************************** Page Title Variations *******************************************************************************/ .page-header{ position:relative; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; } .page-header h5{ font-weight:300; margin-top:10px; margin-bottom:10px; } .page-header .container::before{ content:none; } /* width: auto; padding: 5px; }*/ .page-title-right{ text-align:right; } #page .page-title-right .breadcrumb{ right:auto; left:15px; margin: -10px 0 0; padding: 0; position: absolute; top: 50%; width: auto; } .page-title-center{ text-align:center; } .page-title-pattern{ background:url(../img/patterns/bg-pattern-5.png) repeat; } .page-title-left.mini h1.title{ font-size:20px; } .page-title-left.dark,.page-title-left.dark .breadcrumb > li > a{ background:#252525; color:#fff; } .page-header #bg-video,header#my-video{ min-height:130px; background:transparent; } .page-header .mbYTP_wrapper { z-index: 0 !important; } .page-header .image-bg{ min-height:inherit; } /****************************************************************************** Pages *******************************************************************************/ .page-header{ padding: 17px 0px 10px 0px; background-color:#f0f0f0; margin: 0px; } .page-header h1{ margin:0; font-size:34px; letter-spacing:-2px; text-transform:capitalize; } #page .breadcrumb.white a{ color: #ffffff; } #page .breadcrumb{ border-radius: 0; background: none !important; color: #7f7f7f; font-size: 11px; line-height: 18px; margin: 0; padding: 11px 0; } .breadcrumb > li > a { text-decoration: none; transition: opacity 0.2s linear 0s; } .breadcrumb > li > a:hover { opacity: 0.8; transition: opacity 0.2s linear 0s; } .breadcrumb i{ padding-right:10px; } /* Background Video */ #video-controls { top: 50%; display: none; position: absolute; left:0; right:0; margin:0px auto; z-index: 99; text-align:center; } #video-controls a{ text-decoration:none; } #bg-video, .video-half-content{ min-height:552px; } .video-pattern:after{ background:url(../img/patterns/pattern.png) repeat; content:""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #video-play{ border:2px solid; padding:20px; border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%; } .mbYTP_wrapper{ z-index:9!important; } /* Local Hosted Video */ .video-section{ overflow: hidden; padding: 76px 0; position: relative; transition: opacity 0.2s linear 0s; } .video-section video, .video-section .video_item img { background-size: cover; bottom: 0; height: auto; max-width: inherit; min-height: 100%; min-width: 100%; position: absolute; right: 0; vertical-align: top; width: auto; z-index: -100; } /* Custom Video BG */ #my-video.video-bg{ background-image:none; background-color:#000; position:relative; } #my-video.video-bg .mbYTP_wrapper { z-index: 0 !important; } #my-video.video-bg:after{ position:absolute; background:rgba(0,0,0,0.6); content:""; width:100%; height:100%; left:0; right:0; top:0; z-index:0; } #my-video.video-bg #bg-video{ min-height:650px; } #my-video.video-bg #video-play{ display:none; } .video-bg .video-slider-container{ max-width:1200px; margin:0 auto; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:9; } #my-video.video-bg .video-slider-text{ margin-bottom:10px; } #my-video.video-bg .video-slider-text h1{ color:#ffc400; text-align:center; } .video-slider-text ul{ padding:0; text-align:center; list-style:none; width:100%; } #my-video.video-bg p{ text-align:center; margin-bottom:20px; } #my-video.video-bg p > a.btn{ margin:0 5px; } /* Google Map */ .map-canvas * { border: 0 none; } .map-section img { max-width: inherit; } .map-data h6{ margin-bottom:5px; } /* Contact Address */ .c-details{ margin-bottom:10px; } .c-details span{ margin-bottom:10px; display:block; } .c-details span:last-child{ margin-bottom:0px !important; } .c-details span i{ padding-right:15px; } /* Contact Form */ .contact-form .btn{ margin-top:15px; } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default.active[disabled], .btn-default.focus[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{ background-color:#f1f1f1; } .help-block { bottom: -23px; display: block; margin-bottom: 3px; position: absolute; } /* Sitemap */ .sitemap li { position:relative; padding-left:15px; } .sitemap li a:before{ content: "\f105"; display: block; font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; left: 0; line-height: 12px; position: absolute; top: 8px; } /****************************************************************************** Sidebar *******************************************************************************/ .sidebar .widget { margin-bottom:30px; } .widget .list-group.panel > .list-group-item { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .widget .list-group-submenu { margin-left:20px; } .widget .list-group-item{ border:0; } .widget .panel{ border:0; box-shadow:none; } .widget a.list-group-item:focus, .widget a.list-group-item:hover{ background:none; } .list-group-item{ list-style: outside none none; padding-bottom: 5px; padding-left: 20px; padding-top: 5px; position: relative; } .list-group-item:before{ content: "\f105"; display: block; font-family: FontAwesome; left: 0; position: absolute; top: 5px; } .list-group.style1{ margin-top:0px; margin-bottom:10px; } .list-group.style1 .list-group-item, .list-group.style1 a.list-group-item.in.collapsed{ background:#f7f7f7; color:#333; font-weight:600; padding:10px 20px; margin-bottom:5px; border-radius:0; } .widget .list-group.style1 .list-group-submenu { margin-left: 0px; } .widget .list-group.style1 .list-group-submenu .list-group-item{ background:#f1f1f1; } .list-group.style1 .list-group-item:hover, .list-group.style1 .list-group-item.active{ color:#ffffff; } .widget .list-group.style1.panel > .list-group-item{ border-radius:0; } .list-group.style1 .list-group-item:before{ content: ""; left:0; width:5px; height:100%; background:#eeeeee; position: absolute; top: 0px; } .list-group.style1 .list-group-submenu .list-group-item:before{ background:#dddddd; } .list-group-item .fa{ margin-left:7px; display:none; } .list-group.style1 a.list-group-item.in, .list-group.style1 a.list-group-item.in.collapsed:hover{ color:#ffffff; } /* Sidebar Search */ .widget .search-form button { border: medium none; color: #fff; font-size: 15px; height: 50px; outline: medium none !important; position: absolute; right: 15px; text-align: center; top: 0; transition: all 0.3s ease 0s; width: 44px; } /* Tags */ ul.tags, .filter-price-box{ display: table; margin: 0 auto; } ul.tags li{ float:left; margin: 0 5px 5px 0; } .tags li a{ border-radius: 0px; background:#f7f7f7; color: #222222; display: block; font-size: 13px; height: 30px; line-height: 24px; padding: 2px 10px; text-decoration: none; transition: all 0.2s linear 0s; } .tags li a:hover{ color:#fff !important; } /* Social Feed Widget */ .social-feed.loaded { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .social-feed { display: table; margin: 0 auto; } .social-feed li { float: left; height: 62px; list-style: outside none none; margin-bottom: 5px; margin-right: 5px; width: 60px; } .social-feed li img { height: 62px; width: 62px; } /* Shop Widgets */ .widget .popular-product li{ margin-bottom:30px; } .widget .popular-product .product-thumb{ position:absolute; width:80px; } .widget .popular-product .product-details{ margin-left:90px; } .widget .popular-product h5{ font-size:15px; font-weight:500; margin-bottom:0px; } .widget .popular-product .star-rating i{ font-size:10px !important; } /* shop checkbox */ .filter-checkbox p{ padding-left:10px; font-weight:400; } /* Price Box */ .sidebar .widget .price-box , .sidebar .widget .price{ font-size: 14px; line-height: 22px; } .price-old { color: #7f7f7f; display: inline-block; line-height: 1; margin-right: 6px; position: relative; } .price-old:after { background:url("../img/png-icons/old-price.png") no-repeat scroll 0 100%; bottom: -2px; content: ""; display: block; left: 50%; margin: 0 0 0 -10px; position: absolute; top: -2px; width: 40px; } /* Case Studies */ .case-title{ font-weight:600; margin-bottom:5px; line-height: 20px; } .case-title:hover{ text-decoration:underline; } .case-studies{ margin-bottom:15px; } .widget .case-studies:last-child{ margin-bottom:0px; } .case-studies p{ font-size:13px; } .download-brochure .btn{ padding-left: 49px; display: block; width: 100% } .download-brochure .btn i{ font-size: 22px; height: 19px; left: 16px; line-height: 19px; display: block; position: absolute; top: 50%; transform: translate(0px, -50%); } /* Poll */ .new-radio { border-radius: 7px; height: 14px; width: 14px; } .new-radio, .new-checkbox { background: none repeat scroll 0 0 #fff; cursor: pointer; float: left; margin:0px 0 0 -20px; position: absolute; } /* Price Range Filter */ .filter .filter-price-box{ padding-bottom:15px; } .nstSlider { background: none #f7f7f7; cursor: pointer; height: 10px; position: relative; width: 260px; max-width:100%; margin: 0px auto 40px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .bar{ height:10px; cursor:pointer; position:absolute; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .nstSlider .rightGrip, .nstSlider .leftGrip { position: absolute; top:-4px; margin-left: -8px; border-width:9px; } .range .leftLabel { left: 0px; top: 12px; font-size:12px; font-family:'Lato'; position:absolute; } .range .rightLabel { font-family:'Lato'; top: 12px; left:0px; font-size:12px; position:absolute; } .bar:after{ height:8px; width:1px; position:absolute; right:-1px; top:-3px; content:""; cursor:pointer; } .bar:before{ height:18px; width:1px; position:absolute; left:0px; top:-3px; content:""; cursor:pointer; } .rightGrip{ height:15px; width:2px; position:absolute; right:0; top:8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid; } .leftGrip{ height:15px; width:2px; position:absolute; left:0; top:8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid; } .filter-print-price{ padding:7px 0px 0px; margin:0px 17px; } .filter-print-price a h4{ padding:5px 31px; color:#FFFFFF; text-align:center; font-family:'Lato'; font-size:14px; margin:0; width:95px; border:1px solid; text-transform:capitalize; } .filter-print-price a h4:hover{ background-color:#FFFFFF; border:1px solid; } .filter-print-price .price{ font-family:'Lato'; color:#656565; font-weight:600; font-size:14px; margin-left:6px; text-align:center; } .drag{ font-family:'Lato'; color:#656565; font-size:12px; font-weight:600; margin:12px 0 0 -10px; display:block; } .filter-print-price li{ display:inline-block; list-style:none; } .rightGrip, .leftGrip{ border: 10px solid; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; } /****************************************************************************** Widget *******************************************************************************/ .widget ul{ padding:0px; margin:0px; } .widget li{ list-style:none; } .widget li a, .widget li a:visited { color: #7f7f7f; text-decoration: none; } .widget li { line-height: 30px; } .widget a:hover { color: #000; } .widget .widget-title .title { line-height: 1.3; margin: 0 0 18px; } .widget .widget-title{ margin: 0 0 18px; position: relative; } .sidebar .widget .widget-title{ margin: 0 0 6px; position: relative; } .sidebar .widget .widget-title h3.title{ font-size:18px; margin: 0 0 22px; } /* Newsletter */ .newsletter form { margin: 5px 0 0; position: relative; } .newsletter input { margin: 0; padding-right: 43px; } .newsletter .submit { color: #171717; height: 40px; outline: none; padding: 0; position: absolute; right: 0px; top: 0px; width: 40px; border-radius:0; border:0; } .newsletter .selectBox, .newsletter .form-control { height: 40px; min-height:40px; line-height: 22px; margin-bottom: 22px; padding: 8px 12px; border-radius:0; } .newsletter .submit.bg-color:hover{ color: #ffffff; } .newsletter .has-feedback .form-control-feedback { right: 35px; } /* Sticky Sidebar */ #sidebar.stick{ padding-top:90px; } /****************************************************************************** PAGES *******************************************************************************/ /*Service Time-line*/ .timeliner { position: relative; padding: 0; margin-top:20px; list-style: none; } .timeliner:before { content: ""; position: absolute; top: 0; bottom: 0; left: 40px; width: 2px; margin-left: -1.5px; background-color: #f1f1f1; } .history.timeliner:before { top: 40px; height:95%; } .history li:hover .timeline-icon{ color:#ffffff; } .timeliner>li { position: relative; margin-bottom: 50px; min-height: 50px; } .timeliner>li:before, .timeliner>li:after { content: " "; display: table; } .timeliner>li:after { clear: both; } .timeliner>li .timeline-panel { float: right; position: relative; width: 100%; padding: 0 20px 0 100px; text-align: left; } .timeliner>li .timeline-panel:before { border-left-width: 0; } .timeliner>li .timeline-panel:after { border-left-width: 0; } .timeliner>li .timeline-image { z-index: 100; position: absolute; left: 0; width: 80px; height: 80px; margin-left: 0; border: 7px solid #f1f1f1; border-radius: 100%; text-align: center; color: #fff; } .timeliner>li .timeline-image h4 { margin-top: 12px; color:#171717; } .timeliner>li.timeline-inverted>.timeline-panel { float: right; padding: 0 20px 0 100px; text-align: left; } .timeliner>li.timeline-inverted>.timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; } .timeliner>li.timeline-inverted>.timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; } .timeliner>li:last-child { margin-bottom: 0; } .timeliner .timeline-heading h4 { margin-top: 0; } .timeliner .timeline-heading h4.subheading { text-transform: none; text-transform:uppercase; color:#171717; font-weight:700; } .timeliner .timeline-body>p, .timeliner .timeline-body>ul { margin-bottom: 0; } .timeline-icon { border:2px dashed #ccc; background:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #171717; font-size: 18px; height: 70px; left: 50%; line-height: 70px; margin: 22px 0 0 -35px; position: absolute; text-align: center; width: 70px; } /* Time Liner Blog & Resume */ .history{ margin-top:50px; } .history .post-title{ margin-bottom:15px; } .blog.timeliner > li, .history.timeliner > li{ position:unset !important; } .blog.timeliner > li, .history.timeliner > li{ margin: 0; width: 50%; padding: 0 60px 5px 0; } .blog.timeliner > li.timeline-inverted, .history.timeliner > li.timeline-inverted{ margin-left: 50%; width: 50%; padding: 0 0 5px 60px; } .blog.timeliner:before, .history.timeliner:before{ width: 2px; background-color:rgba(0, 0, 0, 0.2); } .blog.timeliner > li, .history.timeliner > li{ margin-bottom:20px; } .blog.timeliner > li .timeline-panel, .history.timeliner > li .timeline-panel{ text-align:left; padding:50px; border:1px solid #ccc; width: 100%; } .history.timeliner > li .timeline-panel{ border:0; padding:20px; } .blog.timeliner .post-item, .history.timeliner .post-item{ margin-bottom:0px; padding-bottom:0px; border:0; } .blog.timeliner > li .timeline-panel .post-title, .history.timeliner > li .timeline-panel .post-title{ margin-top:0px; font-size:20px; } .blog .timeline-meta, .history .timeline-meta{ color: #999; left: 50%; margin: 45px 0 0 50px; position: absolute; } .blog .timeline-inverted .timeline-meta, .history .timeline-inverted .timeline-meta{ left: auto; margin: 48px 50px 0 0; right: 50%; text-align: right; } .blog.timeliner > li .timeline-panel .post-content, .history.timeliner > li .timeline-panel .post-content{ margin-bottom:0; } .blog.timeliner > li .timeline-panel img, .history.timeliner > li .timeline-panel img{ margin-bottom:15px; } .blog.timeliner>li .timeline-image, .history.timeliner>li .timeline-image, .blog.timeliner>li .timeline-icon, .history.timeliner>li .timeline-icon { z-index: 100; position: absolute; width:70px; height: 70px; border: 3px solid rgba(0, 0, 0, 0.2); border-radius: 100%; text-align: center; } .blog.timeliner >li .timeline-icon .date, .history.timeliner >li .timeline-icon .date { font-size: 13px; line-height: 30px; } .history.timeliner >li .timeline-icon .date { font-size: 15px; font-weight: 800; line-height: 65px; } .blog.timeliner >li .timeline-icon .date span, .history.timeliner >li .timeline-icon .date span { display: block; font-family: Oswald,sans-serif; font-size: 30px; font-weight: bold; line-height: 20px; } .blog.timeliner >li .timeline-panel:before, .history.timeliner >li .timeline-panel:before, .blog.timeliner >li .timeline-panel:after, .history.timeliner >li .timeline-panel:after { content: ""; display: block; position: absolute; } .blog.timeliner >li .timeline-panel:before, .history.timeliner >li .timeline-panel:before{ border: 15px solid transparent; border-left-color: #ccc; right: -30px; top: 26px; } .blog.timeliner >li .timeline-panel:after, .history.timeliner >li .timeline-panel:after { border: 14px solid transparent; border-left-color: #fff; right: -28px; top: 27px; } .blog.timeliner >li.timeline-inverted>.timeline-panel, .history.timeliner >li.timeline-inverted>.timeline-panel { float: right; padding: 20px 50px; text-align: left; } .blog.timeliner >li.timeline-inverted .timeline-panel:before, .history.timeliner >li.timeline-inverted .timeline-panel:before{ border: 15px solid transparent; border-right-color: #ccc; left: -30px; right: auto; } .blog.timeliner >li.timeline-inverted .timeline-panel:after , .history.timeliner >li.timeline-inverted .timeline-panel:after { border: 14px solid transparent; border-right-color: #fff; left: -28px; right: auto; } /* Timeline Left side Bar */ .right.blog.timeliner:before, .right.history.timeliner:before{ left:38px; } .right.blog.timeliner .timeline-icon, .right.history.timeliner .timeline-icon { left: 0; margin: 22px 0 0; } .right.blog.timeliner .timeline-meta , .right.history.timeliner .timeline-meta { left: 0; margin: 0 0 5px; position: relative; right: 0; text-align: left; } .right.blog.timeliner > li, .right.history.timeliner > li, .right.blog.timeliner > li.timeline-inverted, .right.history.timeliner > li.timeline-inverted{ margin: 0; padding: 0 0 10px 100px; width: 100%; left:0; } .right.blog.timeliner > li.timeline-inverted, .right.history.timeliner > li.timeline-inverted{ padding: 0 0 10px 70px; } .right.blog.timeliner >li.timeline-inverted .timeline-panel:before, .right.history.timeliner >li.timeline-inverted .timeline-panel:before, .right.blog.timeliner >li .timeline-panel:before, .right.history.timeliner >li .timeline-panel:before{ border: 15px solid transparent; border-right-color: #ccc; left: -30px; right: auto; } .right.history.timeliner >li.timeline-inverted .timeline-panel:before, .right.history.timeliner >li .timeline-panel:before{ border:0; } .right.blog.timeliner >li.timeline-inverted .timeline-panel:after, .right.history.timeliner >li.timeline-inverted .timeline-panel:after, .right.blog.timeliner >li .timeline-panel:after , .right.history.timeliner >li .timeline-panel:after { border: 14px solid transparent; border-right-color: #fff; left: -28px; right: auto; } /****************************************************************************** Coming Soon *******************************************************************************/ .count-down-box { text-align:center; } .comming-soon .daycounter-container{ margin-bottom:50px; } .comming-soon .countdown-section{ border:none; background:#f2f2f2; width:165px; height:110px; margin:15px 2px; } .comming-soon .countdown-amount { font-size: 60px; font-weight: bold; line-height:110px !important; } .comming-soon .countdown-period{ color:#000; font-size:18px; } .coming-text { margin-top: -4px; } .coming-text form { position: relative; } .coming-text .success { bottom: 100%; margin-bottom: 5px; position: absolute; } .coming-text .form-control { padding-right: 100px; } .coming-text .btn { position: absolute; right: 0; top: 0; width: 90px; } /* Event page*/ /* Event Countdown */ .countdown-block{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .countdown-block h1{ letter-spacing:5px; } .countdown-rtl { direction: rtl; } .daycounter-container{ margin:0 aut0; } .countdown-holding span { color: #888; } .countdown-row { clear: both; padding: 0; text-align: center; position: relative; display: inline-block; margin: 0 auto; } .countdown-section { display: block; float: left; font-size: 75%; text-align: center; margin: 15px; width: 130px; height: 130px; line-height: 130px; border: 4px solid #ccc; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position: relative; } .countdown-amount { font-size: 30px; font-family:Oswald,sans-serif; color:#fff; } .countdown-period { display: block; line-height: 20px; font-size: 15px; font-weight:600; } .countdown-descr { display: block; width: 100%; } .event-shedule .box{ position:relative; margin:20px 0; } .event-shedule .box i{ color:#FFC400; font-size:40px; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .event-shedule .box .box-inner{ margin-left:60px; text-align:left; } .event-shedule .box .box-inner h4{ margin-bottom:0; } .event-shedule .register-btn{ margin:60px auto 0; display:block; } /*Regester-now Section*/ .register-now .form-inline .form-control{ width:100%; margin-bottom:20px; color:#fff; } .register-now .register-form .btn{ margin-top:20px; } /*Event Page*/ .event-page .countdown-block{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .event-page .countdown-block h1{ letter-spacing:5px; } .event-page .countdown-rtl { direction: rtl; } .event-page .countdown-holding span { color: #888; } .event-page .countdown-row { clear: both; padding: 0; text-align: center; position: relative; display: inline-block; margin: 0 auto; } .event-page .countdown-section { display: block; float: left; font-size: 75%; text-align: center; margin: 15px; width: 120px; height: 100px; line-height: 93px; border: 2px solid; position: relative; } .event-page .countdown-amount { font-size: 40px; font-family:Oswald,sans-serif; } .event-page .countdown-period { display: block; line-height: 20px; font-size: 15px; text-align:left; font-weight:600; } .event-page .countdown-descr { display: block; width: 100%; } /* Event page*/ .event-shedule .box{ position:relative; margin:20px 0; } .event-shedule .box i{ color:#FFC400; font-size:40px; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .event-shedule .box .box-inner{ margin-left:60px; text-align:left; } .event-shedule .box .box-inner h4{ margin-bottom:0; } .event-shedule .register-btn{ margin:60px auto 0; display:block; } /*Regester-now Section*/ .register-now .form-inline .form-control{ width:100%; margin-bottom:20px; color:#fff; } .register-now .register-form .btn{ margin-top:20px; } /*Photo Gallery*/ .gallery-list{ list-style:none; padding-left:0; } .gallery-list > li{ position:relative; } .gallery-list > li i{ position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .gallery-list > li p{ margin-left:30px; margin-bottom:20px; } /* Schedule Section*/ .schedule .tabs{ border:1px solid #ccc; } .schedule .tabs .nav-tabs{ border-bottom:2px solid #FFC400; } .schedule .tabs .nav-tabs > li{ text-align:center; font-family: Oswald,sans-serif; padding:10px; border-right:1px solid #ccc; background:#eee; width:100%; } .schedule .tabs .nav-tabs > li.active{ background:#FFC400; } .schedule .tabs .nav-tabs > li:last-child{ border-right:none; } .schedule .tabs .nav-tabs > li > a{ font-size:18px; text-transform:uppercase; letter-spacing:2px; padding:0; color:inherit; border:none; } .schedule .tabs .nav-tabs > li > a .date{ display:block; font-size:14px; margin-top:5px; } .schedule .nav-tabs > .active > a, .schedule .nav-tabs > .active > a:hover, .schedule .nav-tabs > .active > a:focus{ border:none; } .schedule .nav-tabs > li.active, .schedule .nav-tabs > li.active:hover, .schedule .nav-tabs > li.active:focus{ background:#FFC400; color:#fff; } .schedule .nav-tabs > .active > a,.schedule .nav > li > a:focus, .schedule .nav > li > a:hover{ background:none; border:none; } .schedule .tab-content > .tab-pane{ padding:15px; background:#fff; } /* Schedule panel-collapse */ .schedule .schedule-tab .panel-group{ margin-bottom:0; } .tab-content.schedule-tab{ margin:0; } .schedule .schedule-tab .panel-group .panel .panel-heading > .panel-title::before{ content: "\e94e"; font-family: "icomoon"; top:22px; left:20px; position:absolute; } .schedule .schedule-tab .panel-group .panel .panel-heading{ border-bottom:1px solid #ccc; } .schedule .schedule-tab .panel-group .panel:last-child .panel-heading,.schedule .schedule-tab .panel-group .panel .panel-heading > .panel-title > a{ border-bottom:none; } .schedule .schedule-tab .panel-heading > .panel-title{ padding:15px 0 15px 15px; } .schedule .schedule-tab .panel-heading > .panel-title > a{ position:relative; padding: 9px 9px 9px 35px; } .schedule .schedule-tab .panel-group .panel .panel-heading > .panel-title > a:after{ content: "\f068"; font-family: FontAwesome; position:absolute; right:20px; color:#7c7c7c; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; height: auto; margin: 0; width: auto; display:block; } .schedule .schedule-tab .panel-group .panel .panel-heading > .panel-title > a.collapsed:after{ content: "\f067"; font-family: FontAwesome; position:absolute; right:20px; color:#7c7c7c; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; height: auto; margin: 0; width: auto; } .schedule .schedule-tab .panel-heading > .panel-title > a .title{ color:#7c7c7c; letter-spacing:1px; padding-left:10px; } .schedule .schedule-tab .panel-body{ padding-top:40px; } .schedule .schedule-tab .panel-body img{ border:2px solid #ccc; } .schedule .schedule-tab h5.speaker-title,.schedule .schedule-tab h6.speaker-designation{ margin-bottom:10px; } /*Faq*/ .faq .panel-group{ border:1px solid #7c7c7c; background:#fff; } .faq .panel-group{ padding:15px; } .faq .panel-group .panel{ border-bottom:1px solid #7c7c7c; } .faq .panel-group .panel:last-child{ border-bottom:none; } .faq .panel-group .panel .panel-heading > .panel-title::before{ content:none; } .faq .panel-group .panel .panel-heading > .panel-title > a,.faq .panel-group .panel .panel-heading > .panel-title > a:hover{ padding-left:9px; color:#7c7c7c; } .faq .panel-group .panel .panel-heading > .panel-title > a{ padding:9px; } .faq .panel-group .panel .panel-heading > .panel-title{ position:relative; z-index:1; } .faq .panel-group .panel .panel-heading > .panel-title:after{ content: "\f067"; font-family: FontAwesome; position:absolute; right:20px; color:#7c7c7c; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:-1; } .faq .panel-group .panel.active .panel-heading > .panel-title:after{ content: "\f068"; } /*Book Landing page*/ .book-block{ padding-top:50px; padding-bottom:50px; } .book-block h1{ font-weight:800; } .book-block h5{ margin-top:50px; } .book-block ul.book-description{ list-style:none; padding:0; } .book-block ul.book-description > li{ padding-left:50px; position:relative; margin-bottom:20px; } .book-block ul.book-description > li i{ font-size:30px; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); } .book-block .img-book{ margin:0 auto; } .book-block .register-now h5{ margin-top:0; letter-spacing:1px; color:#fff; } .book-block .register-form .btn{ margin-top:0; width:100%; } .about-author .author-img{ float:left; padding-right:15px; } .about-author p.author-desc{ margin-bottom:10px; } .author #video-controls{ margin-top:-20px; } .about-author .social-links{ list-style:none; padding:0; text-align:left; } .about-author .social-links > li{ background: #FFC400; border-radius: 50%; display: inline-block; font-size: 15px; height: 30px; margin-right: 10px; text-align: center; line-height:30px; width: 30px; color:#fff; } .about-author .social-links > li a,.about-author .social-links > li a:hover{ color:#fff; text-decoration:none; } .header .primary .navbar .nav > li > a.btn.btn-default{ background-color: #ffc400; border: 0 none; border-radius: 3px; box-shadow: none; color: #333; filter: none; line-height: 22px; outline: medium none; padding: 9px 20px; text-shadow: none; transition: background 0.2s linear 0s, color 0.2s linear 0s; white-space: normal; margin-top:15px; margin-right:10px; } /* Partners */ .partner-box{ padding:20px; border:4px solid #f7f7f7; position:relative; margin-bottom:30px; } .partner-image{ position:absolute; width:200px; min-height:120px; left:0; top:10px; } .partner-box:hover img{ background:#f7f7f7; } .partner-details{ margin-left:200px; } .partner-details .post-title{ margin-top:10px; margin-bottom:10px; } /* 404 */ .section-404 h1{ font-size:70px; display: inline-table; } /*Charity*/ #about-us blockquote{ font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; font-style: italic; line-height: 1.625; margin-bottom: 0; } /*Fashion page*/ .portfolio-grid.fashion .grids{ width:20%; } .progress-bar.light-bg { background-color: #ffffff !important; } .portfolio-title { background: rgba(0, 0, 0, 0.6); bottom: 0; color: #ffffff; left: 0; margin: 0 auto !important; opacity: 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; width: 100%; } .grid-item:hover img{ opacity:0.5; } .grid-item:hover .portfolio-title { opacity: 1; } /*spa*/ #get-quote-1{ float:left; width:100%; } /*----------Wedding-----------*/ .red-text, .icon.red { color: #ff0000; } /*Real Estate*/ .border { border-width: 1px; } .work{ position:relative; } .work .work-title { left: 0; right:0; position:absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .work .title { bottom: 46px; font-size: 18px; font-weight: bold; line-height: 20px; margin: 7px; opacity:0; text-align: center; } .work .work-title > .btn{ opacity:0; } .work:hover .title{ opacity:1; color:#fff; } .work:hover .work-title > .btn{ opacity:1; } .work .bg-hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease-out 0s; } .work:hover .bg-hover { opacity: 1; transition: all 0.2s ease-in 0s; } /*Motor Page*/ .carousel{ position: relative; } .carousel-inner.no-pad .carousel-caption{ left:0%; right:0%; padding-left:20px; padding-right:20px; bottom:0; height:110px; padding-bottom:0; } .motor .carousel-inner.no-pad .carousel-caption{ top:auto; transform:none; -ms-transform:none; -moz-transform:none; -o-transform:none; -webkit-transform:none; } .right-pagination.carousel-indicators{ width:100%; right:0; left:0; text-align:right; padding:0 20px 0 0; margin:0; } .caption-bg .carousel-caption{ background:rgba(0,0,0,.5); } .carousel-caption.text-left{ text-align:left; } .carousel-caption.text-right{ text-align:right; } .full-width-slider .carousel-inner > .item > img, .full-width-slider .carousel-inner > .item > a > img{ width:100%; } .full-width-slider .carousel-control.right{ background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.2) 100%); } .full-width-slider .carousel-control.left{ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 100%); } .carousel-control.left.no-bg, .carousel-control.right.no-bg{ background-image:none; } .carousel-control.left .fa, .carousel-control.right .fa{ border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; height: 37px; line-height: 33px; padding-left: 2px; width: 40px; } .carousel-control.left .fa{ padding-left: 0px; } .tab-content.border { border:1px solid #ddd; border-top:none; padding: 0 20px 20px; } .service-tabs .tab-content > .tab-pane, .service-tabs .pill-content > .pill-pane { padding: 36px 0 0; } .motor .form-control { margin-bottom: 25px; } /*Mail chimp*/ .transparent-half-black-2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; } .form-box { background: #f2f2f2; border-radius: 5px; margin: 0 0 40px; padding: 27px 30px 25px; } .selectBox, .form-control { /* background:#f5f5f5; border: 0; border-radius: 0px; box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; height: 50px; line-height: 50px; margin-bottom: 16px; min-height: 50px; padding: 0px 12px; width: 100%;*/ background: #f5f5f5; border: 1px; border-radius: 0px; box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.42) inset; height: 50px; line-height: 50px; margin-bottom: 16px; min-height: 50px; padding: 0px 12px; width: 100%; } .transparent-half-white{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5) !important; } /*Timeline*/ #resume .timeline.work-process-box{ margin-top:0; } #resume .blog.timeliner > li:last-child { margin-bottom: 0; } /*-------------Bakery---------------*/ .fill-icon{ color:#000; position:relative; border: 2px solid; z-index:1; } .fill-icon:after{ content:""; width:100%; height:100%; border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; transition:0.4s all ease-in-out; -ms-transition:0.4s all ease-in-out; -moz-transition:0.4s all ease-in-out; -o-transition:0.4s all ease-in-out; -webkit-transition:0.4s all ease-in-out; position:absolute; top:0; left:0; z-index:-1; } .bakery-block:hover .fill-icon:after{ transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -webkit-transform:scale(0); } .icons-circle.medium.fill-icon{ line-height:4em; } /*Saloon*/ .ri-grid .overlay{ opacity:0.7; z-index:1; } .grid-content { color: #ffffff; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width:700px; margin:0 auto; left:0; right:0; width: 100%; z-index: 9; } .grid-content h1{ text-transform:uppercase; font-weight:200; } /*Bakery Menu*/ .bakery-menu { border: 1px solid #ddd; } .bakery-menu .nav-tabs > li { width: 100%; border-bottom:1px solid #ccc; } .bakery-menu .nav-tabs > li > a{ padding: 20px 20px; text-align:center; font-size: 18px; font-weight:700; border:none; border-right:1px solid #ddd; border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; margin-right:0; transition:0.35s all ease-in-out; -moz-transition:0.35s all ease-in-out; -ms-transition:0.35s all ease-in-out; -o-transition:0.35s all ease-in-out; -webkit-transition:0.35s all ease-in-out; } .bakery-menu .nav-tabs > li:last-child > a{ border-right:none; } .bakery-menu .nav-tabs > li > a > i{ display:block; } .bakery-menu .nav-tabs > li.active > a, .bakery-menu .nav-tabs > li.active > a:focus, .bakery-menu .nav-tabs > li.active > a:hover{ border:none; color: #ffffff; text-shadow: 0 0 5px rgba(0,0,0,0.1); } .bakery-menu .tab-content > .tab-pane{ padding-top:0; } .bakery-menu .tab-content{ background:#fff; margin:0; padding:35px 0 0; } .bakery-menu .menu-items{ margin-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:10px; } .bakery-menu .last-row .menu-items{ border:none; } .bakery-menu h5{ margin-bottom:10px; text-transform:uppercase; } /*pricing*/ .pricing i.icons-circle.medium.pricing-icon{ background-color: #f5f5f5; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset; line-height:3.5em; padding:30px; border:2px solid #ccc; display: block; height: 100px; width: 100px; text-align: center; padding: 0; margin: 0 auto 20px; line-height: 100px; transition:0.4s all ease-in-out; -moz-transition:0.4s all ease-in-out; -ms-transition:0.4s all ease-in-out; -o-transition:0.4s all ease-in-out; -webkit-transition:0.4s all ease-in-out; } .pricing:hover .pricing-icon{ transform:rotateX(180deg) rotateY(180deg) rotateZ(180deg); -moz-transform:rotateX(180deg) rotateY(180deg) rotateZ(180deg); -ms-transform:rotateX(180deg) rotateY(180deg) rotateZ(180deg); -o-transform:rotateX(180deg) rotateY(180deg) rotateZ(180deg); -webkit-transform:rotateX(180deg) rotateY(180deg) rotateZ(180deg); } /*product*/ .product-item.bakery { margin-bottom: 60px; } .product-item.bakery a.btn{ opacity:1; position: absolute; border-radius: 0; transform: translateY(-40px); -ms-transform: translateY(-40px); -moz-transform: translateY(-40px); -o-transform: translateY(-40px); -webkit-transform: translateY(-40px); z-index: -1; } .product-item.bakery:hover a.btn{ transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); opacity:1; } .product-item.bakery .product-img{ overflow:hidden; } .product-item.bakery:hover .product-img img{ transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); } .product-item.bakery a.btn,.product-item.bakery .product-img img{ transition:0.4s all ease-in-out; -moz-transition:0.4s all ease-in-out; -ms-transition:0.4s all ease-in-out; -o-transition:0.4s all ease-in-out; -webkit-transition:0.4s all ease-in-out; width: 100%; } .product-item.bakery .product-img a{ position: absolute; left: 0; right: 0; top: 50%; opacity:0; } .product-item.bakery .product-img a i{ padding:10px; } .product-item.bakery:hover .product-img a{ opacity:1; } /*client*/ .client-box { background: rgba(241,241,241,0.1); border: 1px solid #cccccc; border-radius: 5px; margin-left: 40px; padding: 20px 20px 20px 60px; } .client-box .client-image { bottom: 20px; left: 15px; position: absolute; } /*-----------------Travel Page------------------*/ .page-section.find-form{ overflow:visible; } .travel-tab { position: relative; top: -52px; z-index: 99; } .travel-tab .tab-content > .tab-pane, .pill-content > .pill-pane{ padding:0; } .travel-tab label{ display:block; } .travel-tab .input-group-btn{ float:left; } .travel-tab div.fancy-select div.trigger,.travel-tab div.fancy-select ul.options{ width:auto; max-width:auto; min-width:auto; } .travel-tab .nav-tabs > li.active a{ border:none; } .travel-tab .nav-tabs{ border:none; } .travel-tab .nav-tabs > li > a{ font-weight:700; font-size:16px; padding: 15px 20px; background:rgba(255,255,255,0.6); border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; border:1px solid #e1e1e1; border:none; border-bottom:none; margin-right:5px; } .travel-tab .nav-tabs > li.active > a{ color:#fff; } .travel-tab .nav-tabs > li a > i { border-radius: 50%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset; color: #ffffff; margin-right: 5px; padding: 5px; } .travel-tab .tab-content{ margin:0; padding:20px; border:1px solid #e1e1e1; } .travel-tab h5 { font-size: 24px; } .travel-tab .btn{ margin-top:25px; } .travel-tab .selectBox,.travel-tab .form-control{ background:#fff; border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; } .travel-tab .input-group-addon{ border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; color:#fff; border:none; } .travel-tab div.fancy-select div.trigger,.travel-tab div.fancy-select select:focus + div.trigger{ box-shadow:none; -ms-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -webkit-box-shadow:none; } .top-destination .img-wrapper{ position:relative; } .top-destination .img-wrapper:after{ background:rgba(0,0,0,0.8); width:100%; height:100%; position:absolute; content:""; top:0; left:0; opacity:0; } .top-destination .img-wrapper:hover:after{ opacity:1; } .top-destination .img-wrapper > a { left: 0; position: absolute; right: 0; top: 50%; z-index: 9; opacity:0; text-align:center; } .top-destination .img-wrapper:hover > a { transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity:1; } .top-destination .img-wrapper > a,.top-destination .img-wrapper:after{ transition:0.4s all ease-in-out; -moz-transition:0.4s all ease-in-out; -ms-transition:0.4s all ease-in-out; -o-transition:0.4s all ease-in-out; -webkit-transition:0.4s all ease-in-out; } .top-destination .img-wrapper > a i { padding:10px; font-size: 18px; } .destination-box{ background:#fff; padding:15px; text-align:left; } .destination-box p,.destination-box h5{ margin-top:10px; } .destination-box h5{ margin-bottom:5px; display: inline-block; } .destination-box .btn-link{ text-decoration:underline; } .destination-box .btn{ padding: 5px 20px; } /*Features*/ .travel-block{ text-align:left; margin-bottom:20px; } .travel-block i { box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1) inset; padding: 20px; font-size: 18px; border-radius: 50%; color: #4e4e4e; border:none; } .travel-block .icon-wrapper{ position:relative; display:inline-block; margin-bottom:45px; } .travel-block .icon-wrapper:before{ background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0; content: ""; height: 10px; left: 5%; pointer-events: none; position: absolute; top: 100%; transition-duration: 0.3s; transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -webkit-transform: translateY(20px); transition-property: transform, opacity; width: 90%; z-index: 1; } .travel-block h5 { font-size: 18px; margin: 0 0 5px; } .hotel-tab .nav-tabs{ border:none; } .hotel-tab .nav-tabs > li{ float:right; } .hotel-tab .nav-tabs > li > a{ padding: 15px; border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; } .hotel-tab .nav-tabs > li > a > i{ vertical-align:middle; } .hotel-tab .nav-tabs > li.active > a, .hotel-tab .nav-tabs > li.active > a:focus, .hotel-tab .nav-tabs > li.active > a:hover{ border:none; color:#fff; } .hotel-tab .tab-content > .tab-pane{ padding:0; } .hotel-tab article{ background:#fff; margin-top:30px; } /* Help Center */ .help-center { border:10px solid rgba(255,255,255,.6); margin-top:30px; position:relative; } .help-center .form-control{ margin-bottom:0; position:relative; padding: 0 15px 0 35px; } .help-center i{ color: #ccc; left: 12px; position: absolute; top: 18px; z-index: 999; } /****************************************************************************** Shopping Cart *******************************************************************************/ .shop .product-item{ border:1px solid rgba(0, 0, 0, 0.1); position:relative; z-index:0; max-width:300px; margin:0px auto 60px; text-align:center; padding:5px; } .shop.grid-3 .product-item, .shop.grid-2 .product-item { max-width:400px; } .shop-page .product-item .product-img { max-width:400px; position: relative; overflow: hidden; } .shop .product-item:hover img{ opacity:.8; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .shop .product-img{ z-index:-1; position:relative; } .shop .product-details{ padding-top:5px; padding-bottom:5px; } .shop .product-details h4, .shop .product-details h5{ margin-bottom:0px; margin-top:0px; padding-top:2px; padding-bottom:2px; font-size:18px; } .shop .product-details h5{ font-size:18px; font-weight:400; } .shop .product-details h5 del{ padding-right:10px; color:#1e1e1e; font-size:16px; } .product-name a { color: #1e1e1e; text-decoration: none; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .product-name a:hover { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .product-image { background: #f2f2f2; display: inline-block; line-height: 0; } .product-image > img { width: 100%; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .product-image:hover > img { opacity: .9; filter: alpha(opacity=90); -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .rotation .product-image:hover > img { opacity: 1; filter: alpha(opacity=100); } .actual-price { color: #7f7f7f; display: inline-block; margin-right: 6px; position: relative; } .actual-price:before { background: #ff0000; content: ""; display: block; height: 1px; left: 50%; margin: 0 0 0 -28px; position: absolute; top: 50%; -webkit-transform: rotate(330deg); transform: rotate(330deg); width: 46px; } .price-details{ font-size: 24px; line-height: 1; margin: 0 0 15px; padding: 15px; background:#f7f7f7; } .price-details h3{ display:inline-block; position:relative; padding-right:40px; margin-right:10px; margin-bottom:0px; } .price-details h3:after{ content: "\f07e"; display: block; font-size:16px; font-family: FontAwesome; right: 0; position: absolute; top: 15px; } .product-page .price-details .actual-price { font-size: 15px; } .price-details .price{ font-size: 24px; } .product-rating .star-rating{ margin-right:15px; margin-top:15px; } .price{ font-size: 20px; line-height: 1; font-weight:600; } /* .add-to-cart{ margin-bottom:10px; position:relative; } .add-to-cart .price{ font-size:20px; } .add-to-cart .price{ position:absolute; right:0; padding:0 10px; top:5px; } .add-to-cart .price:before{ content:""; position:absolute; background:rgba(255,255,255,.5); left:0; width:1px; height:15px; top:0; } */ .add-to-cart{ position:relative; } /* .add-to-cart a{ display: block; padding-left: 49px; width: 100%; } */ .add-to-cart .price { display: block; font-size: 22px; height: 19px; left: 0px; line-height: 19px; position: absolute; top: 50%; transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); padding:0 10px; } .add-to-cart .btn{ border-radius:0; } /* Cart */ .cart-table{ margin-bottom:0; } .cart-table th{ padding:20px 0px!important; } .cart-table thead{ border-bottom:3px solid #ddd !important; border-top:3px solid #ddd !important; } .cart-table .product-img{ padding:20px 0px; } .cart-table .product-list{ border-bottom:1px solid #ddd !important; } .cart-table td , .cart-button td, .cart-total td, .cart-total table th, .your-order td, .your-order th{ vertical-align: middle !important; } .cart-button td{ border-top:0 !important; border-bottom:1px solid #ddd !important; padding:20px 0!important; } .cart-button .form-control { border: inherit; float: left; line-height: inherit; margin: 0 10px 0 0; padding: 16px 30px 15px; } .cart-button .form-control { border: 1px solid #d3ced2; box-sizing: border-box; float: left; line-height: 1; margin: 0 4px 0 0; outline: 0 none; padding: 6px 6px 5px; } .cart-button input[type="text"] { width: 255px; } .cart-total{ background:#f7f7f7; padding:40px; } .cart-total table{ margin:0px !important; border:1px solid #f7f7f7 !important; background:#ffffff; } .cart-total table th, .cart-total table td { min-width: 210px; width: auto; padding:20px!important; border:1px solid #f7f7f7 !important; } .account-check p { font-weight: 400; padding-left: 10px; } .shipping-add{ margin-top:20px; } .shipping-add h4{ padding-left: 10px; margin-bottom:15px; } .your-order{ padding:50px; background:#f7f7f7; } .your-order td, .your-order th{ padding:10px!important; border: 0 !important; } .ptitle{ font-weight:600; } /* Zoom Product */ .single-product{ border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; overflow: hidden; position: relative; } .zoom-product-thumb { text-align:center; border-top: 1px solid rgba(0, 0, 0, 0.1); } .zoom-product-thumb img{ display: inline-block; width:80px; } .zoomWrapper img, .zoomContainer img{ width:100%; } .zoomWindow{ border:none !important; box-shadow:0 0 5px rgba(0, 0, 0, 0.15); z-index:99 !important; } .product-regulator{ margin-bottom: 20px; vertical-align: top; } .product-regulator button{ border: 1px solid #e1e1e1; border-radius: 0; color: #1e1e1e; height: 34px; padding: 4px 12px; display:inline-block; } .product-regulator #output{ color: #7f7f7f; display: inline-block; height: 34px; padding: 4px 12px; text-align: center; vertical-align: top; width: 60px; border: 1px solid #e1e1e1; } .product-meta-details{ border-top:1px solid rgba(0, 0, 0, 0.1); padding-top:15px; font-size:14px; } /* Masonry Grid */ .grid-col-2 .grid-item , .grid-col-2 .grid-sizer{ margin:0px 0px; padding:0px 0; width:50%; } .grid-col-2 .grid-item .post { padding:0 30px 0 0; } .grid-col-3 .grid-item, .grid-col-3 .grid-sizer { margin:0px 0px; padding:0px 0; width:33.3%; } .grid-col-4 .grid-item, .grid-col-4 .grid-sizer { margin:0px 0px; width:25%; } .grid-col-5 .grid-item, .grid-col-5 .grid-sizer { margin:0px 0px; width:20%; } .grid-col-6 .grid-item, .grid-col-6 .grid-sizer { margin:0px 0px; width:16%; } .pad.mixed-grid .grid-col-6 .img-overlay{ margin: 14px; } .pad.mixed-grid .grid-col-6 .item .img-overlay{ margin: 7px; } .pad.mixed-grid .grid-col-6 .figcaption{ padding: 15px 26px; } .grid-col-6 .grid-item h4, .grid-col-6 .grid-sizer h4{ font-size:13px; margin-bottom:5px; } /* Masonry With Gap */ .pad.mixed-grid{ margin:0 -15px; } .pad.mixed-grid .grid-item{ padding:15px; } .pad.mixed-grid .filter-menu{ padding:0 15px; } .pad.mixed-grid.mgs1 .grid-item .figcaption{ margin:15px; width:auto; } .pad.mixed-grid .img-overlay{ margin:25px; } .pad.mixed-grid .item .img-overlay{ margin:17px; } .pad.mixed-grid .figcaption{ padding:15px 30px; } /*Hosting Page*/ #domain-search.page-section{ overflow:visible; } .domain-search .input-group-btn .btn-group{ display:flex; } .domain-search .form-control{ border-right:none; } .domain-search .input-group-btn .btn-group .btn.btn-default,.domain-search .form-control{ border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -webkit-border-radius:0; } .domain-search .form-control:focus, .form-control:focus{ border-color:#e1e1e1; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; } .domain-search div.fancy-select div.trigger,.travel-tab div.fancy-select div.trigger{ width:auto; border:1px solid #e1e1e1; border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -webkit-border-radius:0; background:none; padding: 7px 24px 7px 9px; } .travel-tab div.fancy-select div.trigger{ background:#fff; } .domain-search div.fancy-select div.trigger::after, .travel-tab div.fancy-select div.trigger::after{ top:17px; } .domain-search div.fancy-select div.trigger, .domain-search div.fancy-select select:focus + div.trigger{ box-shadow:none; -ms-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -webkit-box-shadow:none; } .domain-search div.fancy-select ul.options{ max-width:auto; min-width:auto; } /****************************************************************************** Footer *******************************************************************************/ #footer .footer-widget { background: #f2f2f2; color:#7f7f7f; padding: 40px 0; font-size:13px; } .footer-widget .widget li{ padding-bottom:10px; } .footer-widget .widget li a, .footer-widget .widget a{ color: #cccccc; } #footer .footer-widget.dark-bg, #footer .copyright.dark-bg{ background: #171717; color:#999999; } #footer .copyright.darkest-bg{ background: #000000; color:#999999; } #footer .footer-widget.dark-bg .widget-title{ color:#f7f7f7; } #footer .footer-widget .widget-title{ padding-top:20px; } #footer .copyright { background: #f7f7f7; font-size: 11px; line-height: 17px; padding: 21px 0 20px; } #footer .phone, #footer .address { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 34px; position: relative; } #footer .footer-icon { color: #c6c6c6; left: 16px; position: absolute; top: 0; } #footer .footer-icon:before { font-size: 20px; line-height: 18px; width: auto; } .footer-blog li{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #c2c0c0; } .footer-blog li:last-child{ padding-bottom:15px; margin-bottom:15px; border-bottom:0; } .footer-count { font-size:16px; margin:20px 0 10px 0; font-family:Oswald,sans-serif; text-transform:uppercase; } .footer-count .count-number .counter{ font-size: 17px; letter-spacing:1px; } .footer-social{ margin-top:20px; } /* Copyright */ .copyright a{ color:#cccccc; } .copyright .up { border-radius: 50%; display: block; float: right; height: 40px; line-height:40px; text-align: center; width: 40px; background-color:#c6c6c6; } .extra-link a:hover, .copyright a:hover{ text-decoration:underline; } .page-sticky-footer{ margin-bottom: 80px; } .copyright .social-icon i{ margin-bottom:0px; } /*Hidden footer*/ .footer-hidden #page{ background: #ffffff none repeat scroll 0 0; height: 100%; position: relative; z-index: 10; } .footer-hidden #footer{ bottom: 0; color: #7f7f7f; left: 0; position: fixed; right: 0; overflow-y: auto; } /****************************************************************************** Dark Section *******************************************************************************/ #footer .dark-section.footer-widget{ background:#222222; } .dark-section .widget .widget-title .title{ color:#f0eded; } .dark-section .widget a:hover, .dark-section .form-control{ color:#ffffff; } .dark-section .gray-bg i, #footer .dark-section.copyright, .dark-section .form-control{ background: rgba(0, 0, 0, 0.97); } #footer .dark-section.copyright{ border-top: 1px solid #000000; } .dark-section .widget .widget-title{ border-bottom:1px solid rgba(255, 255, 255, 0.2); } .dark-section .footer-blog li{ border-bottom:1px dashed rgba(255, 255, 255, 0.2); } .dark-section .selectBox, .dark-section .form-control{ border:1px dashed rgba(255, 255, 255, 0.2); box-shadow:none; } /****************************************************************************** Bootstrap Elements *******************************************************************************/ .hll{background-color:#ffc}.c{color:#999}.err{background-color:#faa;color:#a00}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#fcc;border:1px solid #c00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#cfc;border:1px solid #0c0}.go{color:#aaa}.gp{color:#009}.gu{color:#030}.gt{color:#9c6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#f60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0a8}.no{color:#360}.nd{color:#99f}.ni{color:#999}.ne{color:#c00}.nf{color:#c0f}.nl{color:#99f}.nn{color:#0cf}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#f60}.sb,.sc{color:#c30}.sd{color:#c30;font-style:italic}.s2,.se,.sh{color:#c30}.si{color:#a00}.sx{color:#c30}.sr{color:#3aa}.s1{color:#c30}.ss{color:#fc3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#f60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}@font-face{font-family:anchorjs-link;font-style:normal;font-weight:400;}.anchorjs-icon{font-family:anchorjs-link;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.anchorjs-link{color:inherit;float:left;height:1em;margin-left:-1.2em;opacity:0;text-align:center;width:1em}@media (max-width:480px){.anchorjs-link{display:none}}.anchorjs-link:focus,:hover>.anchorjs-link{opacity:.75;transition:color .16s linear 0s}:hover>.anchorjs-link:hover{opacity:1;text-decoration:none}.anchorjs-icon{font-size:60%;vertical-align:.2em}.anchorjs-icon::before{content:""}body{position:relative}.table code{font-size:13px;font-weight:400}h2 code,h3 code,h4 code{background-color:inherit}.btn-outline{background-color:transparent;border-color:#563d7c;color:#563d7c}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{background-color:#563d7c;border-color:#563d7c;color:#fff}.btn-outline-inverse{background-color:transparent;border-color:#cdbfe3;color:#fff}.btn-outline-inverse:active,.btn-outline-inverse:focus,.btn-outline-inverse:hover{background-color:#fff;border-color:#fff;color:#563d7c;text-shadow:none}.bs-docs-booticon{background-color:#563d7c;border-radius:15%;color:#fff;cursor:default;display:block;font-weight:500;text-align:center}.bs-docs-booticon-sm{font-size:20px;height:30px;line-height:28px;width:30px}.bs-docs-booticon-lg{font-size:108px;height:144px;line-height:140px;width:144px}.bs-docs-booticon-inverse{background-color:#fff;color:#563d7c}.bs-docs-booticon-outline{background-color:transparent;border:1px solid #cdbfe3}#skippy{background-color:#6f5499;color:#fff;display:block;outline:0;padding:1em}#skippy .skiplink-text{outline:dotted 1px;padding:.5em}#content:focus{outline:0}.bs-docs-nav{background-color:#fff;border-bottom:0 none;margin-bottom:0}.bs-home-nav .bs-nav-b{display:none}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{color:#563d7c;font-weight:500}.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover,.bs-docs-nav .navbar-nav>li>a:hover{background-color:#f9f9f9;color:#463265}.bs-docs-nav .navbar-toggle .icon-bar{background-color:#563d7c}.bs-docs-nav .navbar-header .navbar-toggle{border-color:#fff}.bs-docs-nav .navbar-header .navbar-toggle:focus,.bs-docs-nav .navbar-header .navbar-toggle:hover{background-color:#f9f9f9;border-color:#f9f9f9}.bs-docs-footer{border-top:1px solid #e5e5e5;color:#767676;margin-top:100px;padding-bottom:40px;padding-top:40px;text-align:center}.bs-docs-footer-links{margin-top:20px;padding-left:0}.bs-docs-footer-links li{display:inline;padding:0 2px}.bs-docs-footer-links li:first-child{padding-left:0}@media (min-width:768px){.bs-docs-footer p{margin-bottom:0}}.bs-docs-social{margin-bottom:20px;text-align:center}.bs-docs-social-buttons{display:inline-block;list-style:none none;margin-bottom:0;padding-left:0}.bs-docs-social-buttons li{display:inline-block;line-height:1;padding:5px 8px}.bs-docs-social-buttons .twitter-follow-button{width:225px!important}.bs-docs-social-buttons .twitter-share-button{width:98px!important}.github-btn{border:0;overflow:hidden}.bs-docs-header,.bs-docs-masthead{background-color:#6f5499;background-image:linear-gradient(to bottom,#563d7c 0,#6f5499 100%);background-repeat:repeat-x;color:#cdbfe3;padding:30px 15px;position:relative;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1)}.bs-docs-masthead .bs-docs-booticon{margin:0 auto 30px}.bs-docs-masthead h1{color:#fff;font-weight:300;line-height:1}.bs-docs-masthead .lead{color:#fff;font-size:20px;margin:0 auto 30px}.bs-docs-masthead .version{color:#9783b9;margin-bottom:30px;margin-top:-15px}.bs-docs-masthead .btn{font-size:20px;padding:15px 30px;width:100%}@media (min-width:480px){.bs-docs-masthead .btn{width:auto}}@media (min-width:768px){.bs-docs-masthead{padding:80px 0}.bs-docs-masthead h1{font-size:60px}.bs-docs-masthead .lead{font-size:24px}}@media (min-width:992px){.bs-docs-masthead .lead{font-size:30px;width:80%}}.bs-docs-header{font-size:20px;margin-bottom:40px}.bs-docs-header h1{color:#fff;margin-top:0}.bs-docs-header p{font-weight:300;line-height:1.4;margin-bottom:0}.bs-docs-header .container{position:relative}@media (min-width:768px){.bs-docs-header{font-size:24px;padding-bottom:60px;padding-top:60px;text-align:left}.bs-docs-header h1{font-size:60px;line-height:1}}@media (min-width:992px){.bs-docs-header h1,.bs-docs-header p{margin-right:380px}}.carbonad{-moz-border-bottom-colors:none!important;-moz-border-left-colors:none!important;-moz-border-right-colors:none!important;-moz-border-top-colors:none!important;background:none!important;border-color:#866ab3!important;border-image:none!important;border-style:solid!important;border-width:1px 0!important;font-size:13px!important;height:auto!important;line-height:16px!important;margin:30px -30px -31px!important;overflow:hidden;padding:20px!important;text-align:left;width:auto!important}.carbonad-img{margin:0!important}.carbonad-tag,.carbonad-text{display:block!important;float:none!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;height:auto!important;margin-left:145px!important;width:auto!important}.carbonad-text{padding-top:0!important}.carbonad-tag{color:inherit!important;text-align:left!important}.carbonad-tag a,.carbonad-text a{color:#fff!important}.carbonad #azcarbon>img{display:none}@media (min-width:480px){.carbonad{border-radius:4px;border-width:1px!important;margin:20px auto!important;width:330px!important}.bs-docs-masthead .carbonad{margin:50px auto 0!important}}@media (min-width:768px){.carbonad{margin-left:0!important;margin-right:0!important}}@media (min-width:992px){.carbonad{margin:0!important;padding:15px!important;position:absolute;right:15px;top:0;width:330px!important}.bs-docs-masthead .carbonad{position:static}}.bs-docs-featurette{background-color:#fff;border-bottom:1px solid #e5e5e5;color:#555;font-size:16px;line-height:1.5;padding-bottom:40px;padding-top:40px;text-align:center}.bs-docs-featurette+.bs-docs-footer{border-top:0 none;margin-top:0}.bs-docs-featurette-title{color:#333;font-size:30px;font-weight:400;margin-bottom:5px}.half-rule{margin:40px auto;width:100px}.bs-docs-featurette h3{color:#333;font-weight:400;margin-bottom:5px}.bs-docs-featurette-img{color:#333;display:block;margin-bottom:20px}.bs-docs-featurette-img:hover{color:#337ab7;text-decoration:none}.bs-docs-featurette-img img{display:block;margin-bottom:15px}@media (min-width:480px){.bs-docs-featurette .img-responsive{margin-top:30px}}@media (min-width:768px){.bs-docs-featurette{padding-bottom:100px;padding-top:100px}.bs-docs-featurette-title{font-size:40px}.bs-docs-featurette .lead{margin-left:auto;margin-right:auto;max-width:80%}.bs-docs-featurette .img-responsive{margin-top:0}}.bs-docs-featured-sites{margin-left:-1px;margin-right:-1px}.bs-docs-featured-sites .col-xs-6{padding:1px}.bs-docs-featured-sites .img-responsive{margin-top:0}@media (min-width:768px){.bs-docs-featured-sites .col-sm-3:first-child img{border-bottom-left-radius:4px;border-top-left-radius:4px}.bs-docs-featured-sites .col-sm-3:last-child img{border-bottom-right-radius:4px;border-top-right-radius:4px}}.bs-examples .thumbnail{margin-bottom:10px}.bs-examples h4{margin-bottom:5px}.bs-examples p{margin-bottom:20px}@media (max-width:480px){.bs-examples{margin-left:-10px;margin-right:-10px}.bs-examples>[class^=col-]{padding-left:10px;padding-right:10px}}.bs-docs-sidebar.affix{position:static}@media (min-width:768px){.bs-docs-sidebar{padding-left:20px}}.bs-docs-sidenav{margin-bottom:20px;margin-top:20px}.bs-docs-sidebar .nav>li>a{color:#767676;display:block;font-size:13px;font-weight:500;padding:4px 20px}.bs-docs-sidebar .nav>li>a:focus,.bs-docs-sidebar .nav>li>a:hover{background-color:transparent;border-left:1px solid #563d7c;color:#563d7c;padding-left:19px;text-decoration:none}.bs-docs-sidebar .nav>.active:focus>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active>a{background-color:transparent;border-left:2px solid #563d7c;color:#563d7c;font-weight:700;padding-left:18px}.bs-docs-sidebar .nav .nav{display:none;padding-bottom:10px}.bs-docs-sidebar .nav .nav>li>a{font-size:12px;font-weight:400;padding-bottom:1px;padding-left:30px;padding-top:1px}.bs-docs-sidebar .nav .nav>li>a:focus,.bs-docs-sidebar .nav .nav>li>a:hover{padding-left:29px}.bs-docs-sidebar .nav .nav>.active:focus>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active>a{font-weight:500;padding-left:28px}.back-to-top,.bs-docs-theme-toggle{color:#999;display:none;font-size:12px;font-weight:500;margin-left:10px;margin-top:10px;padding:4px 10px}.back-to-top:hover,.bs-docs-theme-toggle:hover{color:#563d7c;text-decoration:none}.bs-docs-theme-toggle{margin-top:0}@media (min-width:768px){.back-to-top,.bs-docs-theme-toggle{display:block}}@media (min-width:992px){.bs-docs-sidebar .nav>.active>ul{display:block}.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:213px}.bs-docs-sidebar.affix{position:fixed;top:20px}.bs-docs-sidebar.affix-bottom{position:absolute}.bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav{margin-bottom:0;margin-top:0}}@media (min-width:1200px){.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom{width:263px}}.bs-docs-section{margin-bottom:60px}.bs-docs-section:last-child{margin-bottom:0}h1[id]{margin-top:0;padding-top:20px}.bs-callout{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#eee;border-image:none;border-radius:3px;border-style:solid;border-width:1px 1px 1px 5px;margin:20px 0;padding:20px}.bs-callout h4{margin-bottom:5px;margin-top:0}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#ce4844}.bs-callout-danger h4{color:#ce4844}.bs-callout-warning{border-left-color:#aa6708}.bs-callout-warning h4{color:#aa6708}.bs-callout-info{border-left-color:#1b809e}.bs-callout-info h4{color:#1b809e}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{border-radius:3px;float:left;height:60px;margin:0 5px;width:60px}@media (min-width:768px){.color-swatch{height:100px;width:100px}}.color-swatches .gray-darker{background-color:#222}.color-swatches .gray-dark{background-color:#333}.color-swatches .gray{background-color:#555}.color-swatches .gray-light{background-color:#999}.color-swatches .gray-lighter{background-color:#eee}.color-swatches .brand-primary{background-color:#337ab7}.color-swatches .brand-success{background-color:#5cb85c}.color-swatches .brand-warning{background-color:#f0ad4e}.color-swatches .brand-danger{background-color:#d9534f}.color-swatches .brand-info{background-color:#5bc0de}.color-swatches .bs-purple{background-color:#563d7c}.color-swatches .bs-purple-light{background-color:#c7bfd3}.color-swatches .bs-purple-lighter{background-color:#e5e1ea}.color-swatches .bs-gray{background-color:#f9f9f9}.bs-team .team-member{color:#555;line-height:32px}.bs-team .team-member:hover{color:#333;text-decoration:none}.bs-team .github-btn{float:right;height:20px;margin-top:6px;width:180px}.bs-team img{border-radius:4px;float:left;margin-right:10px;width:32px}.bs-docs-browser-bugs td p{margin-bottom:0}.bs-docs-browser-bugs th:first-child{width:18%}.show-grid{margin-bottom:15px}.show-grid [class^=col-]{background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2);padding-bottom:10px;padding-top:10px}.bs-example{border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0;box-shadow:0 3px 6px rgba(0,0,0,.05) inset;margin:0 -15px 15px;padding:45px 15px 15px;position:relative}.bs-example::after{color:#959595;content:"Example";font-size:12px;font-weight:700;left:15px;letter-spacing:1px;position:absolute;text-transform:uppercase;top:15px}.bs-example-padded-bottom{padding-bottom:24px}.bs-example+.highlight,.bs-example+.zero-clipboard+.highlight{border-radius:0;border-width:0 0 1px;margin:-15px -15px 15px}@media (min-width:768px){.bs-example{background-color:#fff;border-color:#ddd;border-radius:4px 4px 0 0;border-width:1px;box-shadow:none;margin-left:0;margin-right:0}.bs-example+.highlight,.bs-example+.zero-clipboard+.highlight{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-width:1px;margin-left:0;margin-right:0;margin-top:-16px}.bs-example-standalone{border-radius:4px}}.bs-example .container{width:auto}.bs-example>.alert:last-child,.bs-example>.form-control:last-child,.bs-example>.jumbotron:last-child,.bs-example>.list-group:last-child,.bs-example>.navbar:last-child,.bs-example>.panel:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table,.bs-example>.table:last-child,.bs-example>.well:last-child,.bs-example>blockquote:last-child,.bs-example>ol:last-child,.bs-example>p:last-child,.bs-example>ul:last-child{margin-bottom:0}.bs-example>p>.close{float:none}.bs-example-type .table .type-info{color:#767676;vertical-align:middle}.bs-example-type .table td{border-color:#eee;padding:15px 0}.bs-example-type .table tr:first-child td{border-top:0 none}.bs-example-type h1,.bs-example-type h2,.bs-example-type h3,.bs-example-type h4,.bs-example-type h5,.bs-example-type h6{margin:0}.bs-example-bg-classes p{padding:15px}.bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px}.bs-example>.table-responsive>.table{background-color:#fff}.bs-example>.btn,.bs-example>.btn-group{margin-bottom:5px;margin-top:5px}.bs-example-control-sizing input[type=text]+input[type=text],.bs-example-control-sizing select,.bs-example>.btn-toolbar+.btn-toolbar{margin-top:10px}.bs-example-form .input-group{margin-bottom:10px}.bs-example>textarea.form-control{resize:vertical}.bs-example>.list-group{max-width:400px}.bs-example .navbar:last-child{margin-bottom:0}.bs-navbar-bottom-example,.bs-navbar-top-example{overflow:hidden;padding:0;z-index:1}.bs-navbar-bottom-example .navbar-header,.bs-navbar-top-example .navbar-header{margin-left:0}.bs-navbar-bottom-example .navbar-fixed-bottom,.bs-navbar-top-example .navbar-fixed-top{margin-left:0;margin-right:0;position:relative}.bs-navbar-top-example{padding-bottom:45px}.bs-navbar-top-example::after{bottom:15px;top:auto}.bs-navbar-top-example .navbar-fixed-top{top:-1px}.bs-navbar-bottom-example{padding-top:45px}.bs-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bs-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bs-navbar-bottom-example .navbar-fixed-bottom,.bs-navbar-top-example .navbar-fixed-top{position:absolute}}.bs-example .pagination{margin-bottom:10px;margin-top:10px}.bs-example>.pager{margin-top:0}.bs-example-modal{background-color:#f5f5f5}.bs-example-modal .modal{bottom:auto;display:block;left:auto;position:relative;right:auto;top:auto;z-index:1}.bs-example-modal .modal-dialog{left:auto;margin-left:auto;margin-right:auto}.bs-example>.dropdown>.dropdown-toggle{float:left}.bs-example>.dropdown>.dropdown-menu{clear:left;display:block;margin-bottom:5px;position:static}.bs-example-tabs .nav-tabs{margin-bottom:15px}.bs-example-tooltips{text-align:center}.bs-example-tooltips>.btn{margin-bottom:5px;margin-top:5px}.bs-example-tooltip .tooltip{display:inline-block;margin:10px 20px;opacity:1;position:relative}.bs-example-popover{background-color:#f9f9f9;padding-bottom:24px}.bs-example-popover .popover{display:block;float:left;margin:20px;position:relative;width:260px}.scrollspy-example{height:200px;margin-top:10px;overflow:auto;position:relative}.bs-example>.nav-pills-stacked-example{max-width:300px}#collapseExample .well{margin-bottom:0}.bs-events-table>tbody>tr>td:first-child,.bs-events-table>thead>tr>th:first-child{white-space:nowrap}.bs-events-table>thead>tr>th:first-child{width:150px}.js-options-table>thead>tr>th:nth-child(1),.js-options-table>thead>tr>th:nth-child(2){width:100px}.js-options-table>thead>tr>th:nth-child(3){width:50px}.highlight{background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px;margin-bottom:14px;padding:9px 14px}.highlight pre{background-color:transparent;border:0;margin-bottom:0;margin-top:0;padding:0;white-space:nowrap;word-break:normal}.highlight pre code{color:#333;font-size:inherit}.highlight pre code:first-child{display:inline-block;padding-right:45px}.table-responsive .highlight pre{white-space:normal}.bs-table th small,.responsive-utilities th small{color:#999;display:block;font-weight:400}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td{text-align:center}.responsive-utilities td.is-visible{background-color:#dff0d8!important;color:#468847}.responsive-utilities td.is-hidden{background-color:#f9f9f9!important;color:#ccc}.responsive-utilities-test{margin-top:5px}.responsive-utilities-test .col-xs-6{margin-bottom:10px}.responsive-utilities-test span{border-radius:4px;display:block;font-size:14px;font-weight:700;line-height:1.1;padding:15px 10px;text-align:center}.hidden-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-lg,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-xs{border:1px solid #ddd;color:#999}.hidden-on .col-xs-6 .visible-lg-block,.hidden-on .col-xs-6 .visible-md-block,.hidden-on .col-xs-6 .visible-sm-block,.hidden-on .col-xs-6 .visible-xs-block,.visible-on .col-xs-6 .visible-lg-block,.visible-on .col-xs-6 .visible-md-block,.visible-on .col-xs-6 .visible-sm-block,.visible-on .col-xs-6 .visible-xs-block{background-color:#dff0d8;border:1px solid #d6e9c6;color:#468847}.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{list-style:none none;padding-left:0}.bs-glyphicons li{background-color:#f9f9f9;border:1px solid #fff;float:left;font-size:10px;height:115px;line-height:1.4;padding:10px;text-align:center;width:25%}.bs-glyphicons .glyphicon{font-size:24px;margin-bottom:10px;margin-top:5px}.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{background-color:#563d7c;color:#fff}@media (min-width:768px){.bs-glyphicons{margin-left:0;margin-right:0}.bs-glyphicons li{font-size:12px;width:12.5%}}.bs-customizer .toggle{float:right;margin-top:25px}.bs-customizer label{color:#555;font-weight:500;margin-top:10px}.bs-customizer h2{margin-bottom:5px;margin-top:0;padding-top:30px}.bs-customizer h3{margin-bottom:0}.bs-customizer h4{margin-bottom:0;margin-top:15px}.bs-customizer .bs-callout h4{margin-bottom:5px;margin-top:0}.bs-customizer input[type=text]{background-color:#fafafa;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}.bs-customizer .help-block{font-size:12px;margin-bottom:5px}#less-section label{font-weight:400}.bs-customize-download .btn-outline{padding:20px}.bs-customizer-alert{background-color:#d9534f;border-bottom:1px solid #b94441;box-shadow:0 1px 0 rgba(255,255,255,.25) inset;color:#fff;left:0;padding:15px 0;position:fixed;right:0;top:0;z-index:1030}.bs-customizer-alert .close{font-size:24px;margin-top:-4px}.bs-customizer-alert p{margin-bottom:0}.bs-customizer-alert .glyphicon{margin-right:5px}.bs-customizer-alert pre{background-color:#a83c3a;border-color:#973634;box-shadow:0 2px 4px rgba(0,0,0,.05) inset,0 1px 0 rgba(255,255,255,.1);color:#fff;margin:10px 0 0}.bs-dropzone{border:2px dashed #eee;border-radius:4px;color:#777;margin-bottom:20px;padding:20px;position:relative;text-align:center}.bs-dropzone .import-header{margin-bottom:5px}.bs-dropzone .glyphicon-download-alt{font-size:40px}.bs-dropzone hr{width:100px}.bs-dropzone .lead{color:#333;font-weight:400;margin-bottom:10px}#import-manual-trigger{cursor:pointer}.bs-dropzone p:last-child{margin-bottom:0}.bs-brand-logos{background-color:#f9f9f9;border-radius:4px;color:#563d7c;display:table;margin-bottom:15px;overflow:hidden;width:100%}.bs-brand-item{padding:60px 0;text-align:center}.bs-brand-item+.bs-brand-item{border-top:1px solid #fff}.bs-brand-logos .inverse{background-color:#563d7c;color:#fff}.bs-brand-item h1,.bs-brand-item h3{margin-bottom:0;margin-top:0}.bs-brand-item .bs-docs-booticon{margin-left:auto;margin-right:auto}.bs-brand-item .glyphicon{border-radius:50%;color:#fff;height:30px;line-height:30px;margin:10px auto -10px;width:30px}.bs-brand-item .glyphicon-ok{background-color:#5cb85c}.bs-brand-item .glyphicon-remove{background-color:#d9534f}@media (min-width:768px){.bs-brand-item{display:table-cell;width:1%}.bs-brand-item+.bs-brand-item{border-left:1px solid #fff;border-top:0 none}.bs-brand-item h1{font-size:60px}}.zero-clipboard{display:none;position:relative}.btn-clipboard{background-color:#fff;border:1px solid #e1e1e8;border-radius:0 4px;color:#767676;cursor:pointer;display:block;font-size:12px;padding:5px 8px;position:absolute;right:0;top:0;z-index:10}.btn-clipboard-hover{background-color:#563d7c;border-color:#563d7c;color:#fff}@media (min-width:768px){.zero-clipboard{display:block}.bs-example+.zero-clipboard .btn-clipboard{border-top-right-radius:0;top:-16px}}#focusedInput{border-color:rgba(82,168,236,.8);box-shadow:0 0 8px rgba(82,168,236,.6);outline:0} .bs-docs-section .list-group-item:before{ content: none; } .tooltip {z-index: 9999 !important;} /****************************************************************************** Space Adjustments *******************************************************************************/ .no-pad{ padding:0; } .no-margin { margin: 0; } /* Custom Height */ .height-200{ height:200px; } .height-400{ height:400px; } .height-500{ height:500px; } .height-600{ height:600px; } .height-700{ height:700px; } /* 4 Side Padding */ .pad-5{ padding:5px; } .pad-10{ padding:10px; } .pad-20{ padding:20px; } .pad-30{ padding:30px; } .pad-40{ padding:40px; } .pad-50{ padding:50px; } .pad-60{ padding:60px; } .pad-70{ padding:70px; } .pad-80{ padding:80px; } /* 4 Side Margin */ .margin-5{ margin:5px; } .margin-10{ margin:10px; } .margin-20{ margin:20px; } .margin-30{ margin:30px; } .margin-40{ margin:40px; } .margin-50{ margin:50px; } .margin-60{ margin:60px; } .margin-70{ margin:70px; } .margin-80{ margin:80px; } /* Top Padding */ .top-pad-0{ padding-top:0px; } .top-pad-5{ padding-top:5px; } .top-pad-10{ padding-top:10px; } .top-pad-20{ padding-top:20px; } .top-pad-30{ padding-top:30px; } .top-pad-40{ padding-top:40px; } .top-pad-50{ padding-top:50px; } .top-pad-60{ padding-top:60px; } .top-pad-70{ padding-top:70px; } .top-pad-80{ padding-top:80px; } /* Top Margin */ .top-margin-0{ margin-top:0px; } .top-margin-5{ margin-top:5px; } .top-margin-10{ margin-top:10px; } .top-margin-20{ margin-top:20px; } .top-margin-30{ margin-top:30px; } .top-margin-40{ margin-top:40px; } .top-margin-50{ margin-top:50px; } .top-margin-60{ margin-top:60px; } .top-margin-70{ margin-top:70px; } .top-margin-80{ margin-top:80px; } /* Bottom Padding */ .bottom-pad-0{ padding-bottom:0px !important; } .bottom-pad-5{ padding-bottom:5px !important; } .bottom-pad-10{ padding-bottom:10px !important; } .bottom-pad-20{ padding-bottom:20px; } .bottom-pad-30{ padding-bottom:30px; } .bottom-pad-40{ padding-bottom:40px; } .bottom-pad-50{ padding-bottom:50px; } .bottom-pad-60{ padding-bottom:60px; } .bottom-pad-70{ padding-bottom:70px; } .bottom-pad-80{ padding-bottom:80px; } /* Bottom Margin */ .bottom-margin-0{ margin-bottom:0px; } .bottom-margin-5{ margin-bottom:5px; } .bottom-margin-10{ margin-bottom:10px; } .bottom-margin-20{ margin-bottom:20px; } .bottom-margin-30{ margin-bottom:30px; } .bottom-margin-40{ margin-bottom:40px; } .bottom-margin-50{ margin-bottom:50px; } .bottom-margin-60{ margin-bottom:60px; } .bottom-margin-70{ margin-bottom:70px; } .bottom-margin-80{ margin-bottom:80px; } /* Top & Bottom Padding */ .tb-pad-5{ padding-top:5px; padding-bottom:5px; } .tb-pad-10{ padding-top:10px; padding-bottom:10px; } .tb-pad-20{ padding-top:20px; padding-bottom:20px; } .tb-pad-30{ padding-top:30px; padding-bottom:30px; } .tb-pad-40{ padding-top:40px; padding-bottom:40px; } .tb-pad-50{ padding-top:50px; padding-bottom:50px; } .tb-pad-60{ padding-top:60px; padding-bottom:60px; } .tb-pad-70{ padding-top:70px; padding-bottom:70px; } .tb-pad-80{ padding-top:80px; padding-bottom:80px; } .tb-pad-90{ padding-top:90px; padding-bottom:90px; } .tb-pad-100{ padding-top:90px; padding-bottom:90px; } /* Left & Right Padding */ .lr-pad-5{ padding-left:5px; padding-right:5px; } .lr-pad-10{ padding-left:10px; padding-right:10px; } .lr-pad-20{ padding-left:20px; padding-right:20px; } .lr-pad-30{ padding-left:30px; padding-right:30px; } .lr-pad-40{ padding-left:40px; padding-right:40px; } .lr-pad-50{ padding-left:50px; padding-right:50px; } .lr-pad-60{ padding-left:60px; padding-right:60px; } .lr-pad-70{ padding-left:70px; padding-right:70px; } .lr-pad-80{ padding-left:80px; padding-right:80px; } /* Top & Bottom Margin */ .tb-margin-5{ margin-top:5px; margin-bottom:5px; } .tb-margin-10{ margin-top:10px; margin-bottom:10px; } .tb-margin-20{ margin-top:20px; margin-bottom:20px; } .tb-margin-30{ margin-top:30px; margin-bottom:30px; } .tb-margin-40{ margin-top:40px; margin-bottom:40px; } .tb-margin-50{ margin-top:50px; margin-bottom:50px; } .tb-margin-60{ margin-top:60px; margin-bottom:60px; } .tb-margin-70{ margin-top:70px; margin-bottom:70px; } .tb-margin-80{ margin-top:80px; margin-bottom:80px; } /* left & right Margin */ .lr-margin-5{ margin-left:5px; margin-right:5px; } .lr-margin-10{ margin-left:10px; margin-right:10px; } .lr-margin-20{ margin-left:20px; margin-right:20px; } .lr-margin-30{ margin-left:30px; margin-right:30px; } .lr-margin-40{ margin-left:40px; margin-right:40px; } .lr-margin-50{ margin-left:50px; margin-right:50px; } .lr-margin-60{ margin-left:60px; margin-right:60px; } .lr-margin-70{ margin-left:70px; margin-right:70px; } .lr-margin-80{ margin-left:80px; margin-right:80px; } .right-pad-20right-pad-20{ padding-right:20px; } .left-pad-20{ padding-left:20px; } /* Item Box */ .boxed-block{ border: 1px solid #cccccc; } .inline-block{ display:inline-block; vertical-align: middle; } .bg-hover-gray:hover{ background-color:rgba(0,0,0,.6); } /*********************************************************************************** * - PATTERNS ***********************************************************************************/ .bg-pattern-1 { background-image: url(../img/sections/slider/intro-1.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .bg-pattern-2 { background-image: url(../img/sections/slider/agency-1.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .bg-pattern-3 { background: url(../img/patterns/bg-pattern-3.png) fixed repeat top left; } .bg-pattern-4 { background: url(../img/patterns/bg-pattern-4.png) fixed repeat top left; } .bg-pattern-5 { background: url(../img/patterns/bg-pattern-5.png) fixed repeat top left; } .bg-pattern-6 { background: #fff repeat top left; } .bg-pattern-6 { background: #f2f2f2 repeat top left; } .bg-pattern-7 { background: #e2f0bd repeat top left; } .bg-pattern-8 { background: #b5e1e0 repeat top left; } .bg-pattern-9 { background: #e8d3a4 repeat top left; } .bg-pattern-10 { background: #c0c1f2 repeat top left; } /****************************************************************************** Twiiter Feed *******************************************************************************/ .tweet_widget .icon-twitter:before { content: none !important; } .tweet_widget .icon-twitter { padding-right: 15px!important; } .tweet_widget .twitter-feed .tweet_user a, .tweet_widget .tweet_text a, .tweet_widget .twitter-feed .tweet_text { color: #bbb; } .tweet_widget .tweet_user { padding-bottom: 15px; } .tweet_widget .username a { font-size: 18px; font-weight: 700 !important; } /* Owl carousel with numbered paginations */ #sync2 { margin: 0 auto; margin-top: 40px; } #sync2.owl-carousel .owl-item { display: inline-block!important; float: none!important; } #sync2.owl-carousel .owl-wrapper { width: 100% !important; margin: 0 auto; text-align: center; } #sync2 .owl-item { width: 40px!important; } #sync2 .item { font-size: 14px; line-height: 12px; width: 30px; height: 30px; padding: 10px 0; cursor: pointer; text-align: center; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #c9c9c9; } #portfilio{ border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom: 7px solid #ee7202; box-shadow: rgba(0, 0, 0, .50) 0px 2px 5px 0px; } #portfilio p{ font-size: 26px; font-weight: 600; height: 100%; } #main-text img{ /* border-radius: 31px; */ border-top-right-radius: 50%; /* border: 3px solid #ee7202; */ /* border-left: 3px solid #ee7202; */ /* border-bottom: 3px solid #ee7202; */ /* box-shadow: rgba(0, 0, 0, .50) 0px 2px 5px 0px; */ } .scrollToTop { background: rgba(0,0,0,0.4); bottom: 15px; display: none; height: 50px; padding: 2px; position: fixed; right: 15px; text-align: center; text-decoration: none; border-radius: 3px; border-top-left-radius: 50%; width: 50px; z-index: 99999; } .scrollToTop i { color: #ff7900; font-size: 42px; } .scrollToTop:hover { background: rgba(0, 0, 0, 0.8); text-decoration: none; } #seo-analiz{ } #seo-analiz div{ background-color: #f0f0f0; border-radius: 15px; padding: 10px; margin: 10px; } #seo-analiz i{ margin-right: 10px; color:#ee7202; font-size: 20px; } .btn-seomedya{ background-color: #ff7900; color:#193761; } .btn-seomedya:hover{ background-color: #193761; color:#ff7900; } .bg-transparent-white{ background-color: #f5f5f59e; border: 1px solid #f5f5f53b; border-radius: 15px; } .bg-transparent-black{ background-color: #4a4a4a9e; border: 1px solid #f5f5f53b; border-radius: 15px; } .referans-box{ padding: 5px; display: inline-block; border: 4px solid #f7f7f7; position: relative; margin-bottom: 30px; margin-left: 10px; margin-right: 10px; } .referans-box-all{ padding: 20px 20px 20px 0px; margin-left: 2px; display: inline-block; border: 4px solid #f7f7f7; color: #b3afaf; position: absolute; margin-bottom: 30px; font-size: 64px; width: 288px; height: 163px; text-align: center; } .font-size-20{ font-size: 20px; } .shadow{ box-shadow: rgba(0, 0, 0, .50) 0px 2px 5px 0px; } #serp input[id=search]{ /* width: 50%;*/ } .side-menu .title{color:white;} .serp-list{ } .serp-list a.serp-title{ font-size: 20px; } @media (min-width:768px) and (max-width:991px){.owl-carousel .col-sm-1{max-width:62px;} .owl-carousel .col-sm-2{max-width:125px;} .owl-carousel .col-sm-3{max-width:187px;} .owl-carousel .col-sm-4{max-width:250px;} .owl-carousel .col-sm-5{max-width:31px;} .owl-carousel .col-sm-6{max-width:375px;} .owl-carousel .col-sm-7{max-width:437px;} .owl-carousel .col-sm-8{max-width:500px;} .owl-carousel .col-sm-9{max-width:562px;} .owl-carousel .col-sm-10{max-width:625px;} .owl-carousel .col-sm-11{max-width:687px;} .owl-carousel .col-sm-12{max-width:750px;} } @media (max-width:767px){.owl-carousel .col-sm-1, .owl-carousel .col-sm-2, .owl-carousel .col-sm-3, .owl-carousel .col-sm-4{min-width:160px;} .owl-carousel .col-sm-5, .owl-carousel .col-sm-6, .owl-carousel .col-sm-7, .owl-carousel .col-sm-8, .owl-carousel .col-sm-9, .owl-carousel .col-sm-10, .owl-carousel .col-sm-11, .owl-carousel .col-sm-12{min-width:300px;} .owl-carousel .col-md-1, .owl-carousel .col-md-2, .owl-carousel .col-md-3, .owl-carousel .col-md-4, .owl-carousel .col-xs-1, .owl-carousel .col-xs-2, .owl-carousel .col-xs-3, .owl-carousel .col-xs-4, .owl-carousel .col-xs-5, .owl-carousel .col-xs-6, .owl-carousel .col-xs-7, .owl-carousel .col-xs-8, .owl-carousel .col-xs-9, .owl-carousel .col-xs-10, .owl-carousel .col-xs-11, .owl-carousel .col-xs-12{max-width:300px;} .xs-pad-10{padding:10px;} .xs-pad-20{padding:20px;} .xs-pad-30{padding:30px;} .xs-pad-40{padding:40px;} .xs-pad-50{padding:50px;} .xs-pad-60{padding:60px;} .xs-pad-70{padding:70px;} .xs-pad-80{padding:80px;} .top-xs-pad-10{padding-top:10px;} .top-xs-pad-20{padding-top:20px;} .top-xs-pad-30{padding-top:30px;} .top-xs-pad-40{padding-top:40px;} .top-xs-pad-50{padding-top:50px;} .top-xs-pad-60{padding-top:60px;} .top-xs-pad-70{padding-top:70px;} .top-xs-pad-80{padding-top:80px;} .bottom-xs-pad-10{padding-bottom:10px;} .bottom-xs-pad-20{padding-bottom:20px;} .bottom-xs-pad-30{padding-bottom:30px;} .bottom-xs-pad-40{padding-bottom:40px;} .bottom-xs-pad-50{padding-bottom:50px;} .bottom-xs-pad-60{padding-bottom:60px;} .bottom-xs-pad-70{padding-bottom:70px;} .bottom-xs-pad-80{padding-bottom:80px;} .xs-margin-10{margin:10px;} .xs-margin-20{margin:20px;} .xs-margin-30{margin:30px;} .xs-margin-40{margin:40px;} .xs-margin-50{margin:50px;} .xs-margin-60{margin:60px;} .xs-margin-70{margin:70px;} .xs-margin-80{margin:80px;} .top-xs-margin-10{margin-top:10px;} .top-xs-margin-20{margin-top:20px;} .top-xs-margin-30{margin-top:30px;} .top-xs-margin-40{margin-top:40px;} .top-xs-margin-50{margin-top:50px;} .top-xs-margin-60{margin-top:60px;} .top-xs-margin-70{margin-top:70px;} .top-xs-margin-80{margin-top:80px;} .bottom-xs-margin-10{margin-bottom:10px;} .bottom-xs-margin-20{margin-bottom:20px;} .bottom-xs-margin-30{margin-bottom:30px;} .bottom-xs-margin-40{margin-bottom:40px;} .bottom-xs-margin-50{margin-bottom:50px;} .bottom-xs-margin-60{margin-bottom:60px;} .bottom-xs-margin-70{margin-bottom:70px;} .bottom-xs-margin-80{margin-bottom:80px;} .single-product{margin-bottom:40px;} } @media (min-width:992px){.top-box{margin-top:-300px;z-index:99;} .top-box-inner{background:rgba(255,255,255,.8);padding:50px 50px 0 50px;} .top-box-side{margin-top:300px;} .timeliner>li{min-height:150px;} .timeliner>li .timeline-panel{padding:0 20px 20px;} .timeliner>li .timeline-image{width:150px;height:150px;margin-left:-75px;} .timeliner>li .timeline-image h4{margin-top:30px;font-size:18px;line-height:26px;} .timeliner>li.timeline-inverted>.timeline-panel{padding:0 20px 20px;} .side-nav-wrapper{padding-left:320px;} .side-navbar{background:rgba(0,0,0,0.8);border:medium none;border-radius:0;left:0;position:fixed;top:0;width:320px;max-width:320px;height:100%;scrollbar-base-color:#C0C0C0;scrollbar-base-color:#C0C0C0;scrollbar-3dlight-color:#C0C0C0;scrollbar-highlight-color:#C0C0C0;scrollbar-track-color:#EBEBEB;scrollbar-arrow-color:black;scrollbar-shadow-color:#C0C0C0;scrollbar-dark-shadow-color:#C0C0C0;z-index:999;} .side-navbar .navbar-nav{float:none;width:100%;} .side-navbar .navbar-nav > li{display:block;} .side-navbar .navbar-nav > li > a,.side-navbar .dropdown-menu > li > a{width:100%;text-align:left;padding:0 20px;} .nav .open > a, .nav .open > a:focus, .nav .open > a:hover{border-color:rgba(204,204,204,0.4);} .side-navbar .dropdown-menu > li > a{padding:12px 28px;} .side-navbar .dropdown-menu > li:last-child > a{border-bottom:none;} .side-navbar .navbar-header{float:none;position:relative;} .side-navbar .navbar-nav .collapsible .sub-arrow,.side-navbar .navbar-nav .sub-arrow{border:0 none;display:inline-block;font-size:0;} .side-navbar .navbar-nav .collapsible .sub-arrow:after,.side-navbar .navbar-nav .sub-arrow:after{content:"\f105";font-family:FontAwesome;font-size:14px;height:20px;position:absolute;right:0;top:0;width:20px;} .side-navbar .navbar-brand{width:100%;margin:20px 0;} .side-navbar .navbar-brand > img{margin:0 auto;width:auto;z-index:9;position:relative;} .side-navbar .navbar-nav > li > .dropdown-menu{left:100%!important;top:0!important;z-index:9999;} .side-navbar .navbar-nav > li > .dropdown-menu,.side-navbar .dropdown-menu{border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;-o-border-radius:0!important;-ms-border-radius:0!important;border:none!important;padding:0;} .side-navbar .top-contact{padding:15px 20px;width:100%;text-align:left;position:relative;z-index:1;margin-top:40px;} .side-navbar .top-contact.link-hover-black > a{display:block;} .side-navbar .top-social-icon{width:100%;text-align:center;padding-left:20px;padding-top:15px;padding-bottom:15px;} .dark-header .side-navbar .top-contact.link-hover-black > a, .dark-header .side-navbar .top-social-icon > a{color:#fff;} .side-nav-wrapper .testimonials .owl-item .item{margin-right:1px;} .side-navbar.navbar-default .navbar-nav > li > a.has-submenu{background:none!important;} } @media(min-width:768px){.timeliner:before{left:50%;} .timeliner > li{margin-bottom:100px;min-height:100px;} .timeliner > li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right;} .timeliner > li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px;} .timeliner > li .timeline-image h4{margin-top:16px;font-size:13px;line-height:18px;} .timeliner > li.timeline-inverted > .timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left;} .schedule .tabs .nav-tabs > li,.bakery-menu .nav-tabs > li{display:table-cell;width:1%;float:none;border-bottom:none;} } @media (min-width:1200px){.owl-carousel .col-md-1{max-width:100px;} .owl-carousel .col-md-2{max-width:200px;} .owl-carousel .col-md-3{max-width:300px;} .owl-carousel .col-md-4{max-width:400px;} .owl-carousel .col-md-5{max-width:500px;} .owl-carousel .col-md-6{max-width:600px;} .owl-carousel .col-md-7{max-width:700px;} .owl-carousel .col-md-8{max-width:800px;} .owl-carousel .col-md-9{max-width:900px;} .owl-carousel .col-md-10{max-width:1000px;} .owl-carousel .col-md-11{max-width:1100px;} .owl-carousel .col-md-12{max-width:1200px;} .timeliner>li{min-height:170px;} .timeliner.history>li{min-height:80px;} .timeliner>li .timeline-panel{padding:0 20px 20px 100px;} .timeliner>li .timeline-image{width:170px;height:170px;margin-left:-85px;} .timeliner>li .timeline-image h4{margin-top:40px;} .timeliner>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px;} .lr-margin-40.btn-default.top-margin-sm-20{margin-left:40px !important;margin-right:0px !important;} } @media (min-width:991px) and (max-width:1199px){.double-img img{max-width:60%;} } @media(max-width:480px){.double-img img{max-width:50%;} } @media (max-width:991px){.grid-list .grids{width:100%;} .pull-right{float:none !important;} .top-contact a{display:block;} .top-contact a, .top-social-icon{text-align:left;} .animated{visibility:visible !important;-webkit-animation:none !important;-moz-animation:none !important;-o-animation:none !important;-ms-animation:none !important;animation:none !important;} .fixed{background-attachment:initial !important;} .image-bg{-webkit-background-size:initial !important;} .grid-col-4 .grid-item, .grid-col-4 .grid-sizer{width:33.3%;} .grid-col-5 .grid-item, .grid-col-5 .grid-sizer{width:33.3%;} .post-classic .post-item .btn{margin-bottom:0px;} .bottom-margin-sm-40{margin-bottom:40px;} .top-margin-sm-40{margin-top:40px;} .bottom-margin-sm-30{margin-bottom:30px;} .top-margin-sm-30{margin-top:30px;} .bottom-margin-sm-20{margin-bottom:20px;} .top-margin-sm-20{margin-top:20px;} #main-slider h1, h1.big, .tp-caption.big, .text-medium{font-size:65px!important;line-height:62px!important;letter-spacing:0px;} .bottom-margin-md-40{margin-bottom:40px;} .top-margin-md-40{margin-top:40px;} .bottom-margin-md-30{margin-bottom:30px;} .top-margin-md-30{margin-top:30px;} .bottom-margin-md-20{margin-bottom:20px;} .top-margin-md-30{margin-top:20px;} .office-details{text-align:center;} .office-details .detail-box:first-child{margin:8px 0 0 0px;} .office-details .detail-box:first-child i{padding-left:0;} .office-details .detail-box .icon i{border:0;} .desc1 .btn{margin:20px auto;display:block;} } @media (max-width:767px){.office-details{text-align:left;} .office-details .detail-box, .office-details .detail-box:first-child{margin:8px 25px 0 0;} .office-details .detail-box .icon i{border-left:none;padding-left:0px;} .image-bg.content-in{background-repeat:repeat;} .search-dropdown .dropdown-menu{min-width:100% !important;} .search-dropdown .dropdown-menu .navbar-form, .search-dropdown .dropdown-menu .input-group, .search-dropdown .dropdown-menu .form-control{width:90% !important;} .search-dropdown .dropdown-menu .navbar-form .form-control{padding:8px 24px;} .navbar-collapse .navbar-nav{padding-bottom:10px;} header .navbar-form{margin:none;} .search-dropdown .dropdown-menu li{padding:0px 10px;} #page .page-title-left .breadcrumb{right:0;position:relative;margin-top:10px;} .grid-col-2 .grid-item , .grid-col-2 .grid-sizer{width:50%;} .grid-col-3 .grid-item, .grid-col-3 .grid-sizer{width:50%;} .grid-col-4 .grid-item, .grid-col-4 .grid-sizer{width:50%;} .grid-col-5 .grid-item, .grid-col-5 .grid-sizer{width:50%;} .blog.timeliner .timeline-icon, .history.timeliner .timeline-icon{left:0;margin:22px 0 0;} .blog.timeliner .timeline-meta , .history.timeliner .timeline-meta{left:0;margin:0 0 5px;position:relative;right:0;text-align:left;} .blog.timeliner li, .history.timeliner li, .blog.timeliner > li.timeline-inverted, .history.timeliner > li.timeline-inverted{margin:0;padding:0 0 30px 100px;width:100%;left:0;} .blog.timeliner >li.timeline-inverted .timeline-panel:before, .history.timeliner >li.timeline-inverted .timeline-panel:before, .blog.timeliner >li .timeline-panel:before, .history.timeliner >li .timeline-panel:before{border:15px solid transparent;border-right-color:#ccc;left:-30px;right:auto;} .blog.timeliner >li.timeline-inverted .timeline-panel:after, .history.timeliner >li.timeline-inverted .timeline-panel:after, .blog.timeliner >li .timeline-panel:after, .history.timeliner >li .timeline-panel:after{border:14px solid transparent;border-right-color:#fff;left:-28px;right:auto;} .owl-carousel .col-sm-1, .owl-carousel .col-sm-2, .owl-carousel .col-sm-3, .owl-carousel .col-sm-4, .owl-carousel .col-sm-5, .owl-carousel .col-sm-6, .owl-carousel .col-sm-7, .owl-carousel .col-sm-8, .owl-carousel .col-sm-9, .owl-carousel .col-sm-10, .owl-carousel .col-sm-11, .owl-carousel .col-sm-12{float:none;margin:0px auto;} .testimonials .item{margin-top:50px !important;} #main-slider h1, h1.big, .tp-caption.big, .text-medium{font-size:45px!important;line-height:48px!important;letter-spacing:0px;} .post-image.pull-left{float:none !important;margin-right:0px!important;} .fa.fa-big{margin-bottom:40px;} .top-social-icon .btn-default{margin-bottom:10px;} .bottom-margin-xs-40{margin-bottom:40px;} .top-margin-xs-40{margin-top:40px;} .bottom-margin-xs-30{margin-bottom:30px;} .top-margin-xs-30{margin-top:30px;} .bottom-margin-xs-20{margin-bottom:20px;} .top-margin-xs-30{margin-top:20px;} .separate-bg:after{margin-right:0;transform:skew(0deg);width:100%;} } @media (max-width:640px){.grids.col-xs-6, .item.col-sm-6{width:100%;} h2.tp-caption{font-size:26px !important;line-height:34px !important;} p.tp-caption{font-size:13px !important;line-height:24px !important;padding:15px 0!important;} .carousel-caption.left h3{font-size:20px;} .cart-table th{display:none;} .shop-page table.cart-table, .shop-page table.cart-button, .shop-page table.cart-table tr td, .shop-page table.cart-button tr td{width:100%;} .shop-page table.cart-table tr td:before{content:attr(data-title) ": ";float:left;font-weight:700;} .shop-page table.cart-table tr td, .shop-page table.cart-table tr, .shop-page table.cart-table tbody{display:block !important;} .shop-page table.cart-table tr td, .shop-page table.cart-button tr td{padding:20px 0;display:block;text-align:right !important;} .cart-total table th, .cart-total table td{min-width:auto;} } @media (max-width:480px){.our-partners .partner-details{margin-left:0;} .our-partners .partner-image{position:relative;} .box.col-xs-6{width:100%;} #main-slider h1, h1.big, .tp-caption.big, .text-medium{font-size:25px!important;line-height:32px!important;letter-spacing:0px;} .work-section .nav li, .mixed-grid .nav li{padding:7px 0px;margin-right:15px;} .btn-default{margin:10px 0;} .bottom-margin-xs-40{margin-bottom:40px;} .top-margin-xs-40{margin-top:40px;} .bottom-margin-xs-30{margin-bottom:30px;} .top-margin-xs-30{margin-top:30px;} .bottom-margin-xs-20{margin-bottom:20px;} .top-margin-xs-30{margin-top:20px;} .carousel-caption h1{padding:30px 0 0 0;} .grid-col-2 .grid-item , .grid-col-2 .grid-sizer{width:100%;} .grid-col-3 .grid-item, .grid-col-3 .grid-sizer{width:100%;} .grid-col-4 .grid-item, .grid-col-4 .grid-sizer{width:100%;} .grid-col-5 .grid-item, .grid-col-5 .grid-sizer{width:100%;} .blog.timeliner > li .timeline-panel, .history.timeliner > li .timeline-panel{padding:20px;} .top-up .nav-tabs > li{display:block;width:100%;} .service-box img{display:none;} .service-content{margin-left:0;} .service-content .title:before{left:0;} .copyright .col-xs-6{width:100%;} .copyright .social-icon{text-align:left;padding-top:20px;} .blog.timeliner > li.timeline-inverted > .timeline-panel, .history.timeliner > li.timeline-inverted > .timeline-panel{padding:20px;} .right.blog.timeliner > li, .right.history.timeliner > li, .right.blog.timeliner > li.timeline-inverted, .right.history.timeliner > li.timeline-inverted{padding:0 0 10px 60px;} .carousel-caption.left{width:80%;left:20px;} .item-box.style3 a{margin-left:0;} .item-box.style3 i{position:relative;margin-bottom:30px;left:0;} .your-order{padding:20px;} .cart-total{padding:0px;} .cart-button input[type="text"], .cart-button .btn{width:100%;} .form-border{padding:20px;} } .navbar-default{background-image:url(/asset/img/header-bar.jpg);box-shadow:rgba(0, 0, 0, .50) 0px 2px 5px 0px;background-repeat:repeat-x;} .navbar.navbar-bg-light .navbar-nav > li > a{color:#0A3055;} .navbar.navbar-bg-light .navbar-nav > li:nth-child(5) > a{color:rgb(255, 121, 0);} .navbar.navbar-default .navbar-nav > li > a:hover{color:rgb(252, 186, 55);} .btn-link,.btn-link:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar.navbar-bg-light .navbar-nav > li > a:hover, .navbar.navbar-bg-light .navbar-nav > li > a:focus, .navbar.navbar-bg-light .navbar-nav > li > a.active, .navbar.navbar-bg-light .navbar-nav > li > a.highlighted, .page-links div a:hover, .page-links div a:active, .page-links div a:focus, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a.active, .text-color, .item-box a:hover i, .inverse i, .item-box.icons-color i, .pricing:hover .title, .pricing:hover .title a, .pricing.active .title, .pricing.active .title a, .process-content:hover .title, .pricing .price, .post-meta i, .meta i, .quote blockquote:before, .quote blockquote:after, .tweet_time a, #video-controls a, .link-hover-color a:hover, .icons-hover-color i:hover, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.active > a:hover, #page .breadcrumb > .active, .timeliner li:hover .timeline-heading h4.subheading, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .sitemap li a:hover, .bakery-block:hover .fill-icon, .pricing:hover .pricing-icon, .travel-block i, .side-navbar .top-contact.link-hover-black > a:hover, .side-navbar .top-social-icon > a:hover i, header .nav .open > a.highlighted, .btn-transparent-black:hover, .btn-transparent-white:hover, .btn-transparent-black-inverse, .btn-transparent-white-inverse, .btn-transparent-color, .btn-transparent-color-inverse:hover, .figcaption i:hover, .footer-widget .widget a:hover, .accordion-1 .panel-title i, ul.arrow-style.ls1 li:before, h2 span, h3 span, h4 span, a.learn-more:hover, .learn-more:hover i, .case-title a, a.read-more, .side-nav header .social-icon i:hover, .side-nav header .nav > li > a:hover, .side-nav header .nav > li > a:focus{color:rgb(255, 121, 0);} .text-color2, .icons-color2 i, .icons-color2 a:hover i, .post-title:hover a, a.read-more:hover, .read-more:hover i, .office-details .detail-box .detail strong, a.learn-more, .name a, ul.arrow-style.ls2 li:before, .latest-posts .title a, .countdown-period{color:#0A3055 !important;} .top-bar-section.top-bar-bg-color, .product-count, .nav > li > a:focus, .nav > li > a:hover, .top-bar-section.top-bar-bg-color, .section-title h1:before, .section-title h2:before, .section-title h3:before, .special-feature .mask-top h4:before , .s-feature-box, .s-feature-box:hover .mask-bottom, .progress-bar, .owl-prev .fa, .owl-next .fa, h3.count-number:before, h2.count-number:before, .item-box.inverse a:hover i, .work-process-box .item-number, .name:before, .inverse-bg-color i, .icons-bg-color i, .bg-color, .bg-hover-color:hover, .gray-bg i:hover, .features-list-item:hover i, .bar, .blog.timeliner>li:hover .timeline-image, .blog.timeliner>li:hover .timeline-icon, .static-color-icons span, .static-color-icons i, .fill-icon:after, .bakery-menu .nav-tabs > li.active > a, .bakery-menu .nav-tabs > li.active > a:focus, .bakery-menu .nav-tabs > li.active > a:hover, .travel-tab .input-group-addon, .travel-tab .nav-tabs > .active > a, .travel-tab .nav-tabs > .active > a:hover, .travel-tab .nav-tabs > .active > a:focus, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .travel-tab .nav-tabs > li a > i , .hotel-tab .nav-tabs > li.active > a, .hotel-tab .nav-tabs > li.active > a:focus, .hotel-tab .nav-tabs > li.active > a:hover, .navbar-default .navbar-toggle .icon-bar, .circle.count-number.border-color:before, .btn-transparent-color:hover, .btn-transparent-color-inverse, .image-bg .overlay-color, .overlay-color, .btn-default:hover, .btn-default:focus, .btn-default.inverse, .item-box:hover i:after, .item-box.bg-color, .list-group.style1 .list-group-item:hover:before, .list-group.style1 .list-group-item.active:before, .list-group.style1 a.list-group-item.in:before, .hbg-color:hover, .hbg-color:focus, .separate-bg.bg-color:after, .pricing:hover .btn, .pricing.active .btn{background-color:#ff7900;} .btn-default, .progress, div.count-number:after, .bg-color2, .portfolio-grid .grid, .service-content .title:before, .social-icon i:hover, .overlay-color2, .newsletter .submit.bg-color:hover, .dark-header .navbar, .header-search-content, .item-box.bg-color2, .accordion-1 .panel > .panel-heading > .panel-title > a, .accordion-1 .collapse.in, .accordion-1 .panel-body, .accordion-1 .collapse, .about-us1 .box h4, .btn-default.inverse:hover, .btn-default.inverse:focus, .history li:hover .timeline-icon, .list-group.style1 .list-group-item:hover, .list-group.style1 .list-group-item.active, .service-tabs .nav-tabs > li.active > a, .filter-menu .pts1 li.filter.active, .filter-menu .pts1 li.filter:hover, .navigation-2.owl-theme .owl-controls .owl-buttons div i:hover, .pagination > .active > span, .pagination > .active > span:hover, .list-group.style1 a.list-group-item.in, .widget .list-group.style1 .list-group-submenu .list-group-item:hover, .list-group.style1 a.list-group-item.in.collapsed:hover, .widget .search-form button, .tags li a:hover, .hbg-color2:hover, .hbg-color2:focus , .features-list-item i, .separate-bg:after, .countdown-section, .pricing:hover, .pricing.active, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .work-section .nav > li.active:before, .mixed-grid .nav > li.active:before, .work-section .nav > li:hover:before, .mixed-grid .nav > li:hover:before{background-color:rgb(25, 55, 97);} .desc-border, .border-color, .timeliner li:hover .timeline-image, .blog.timeliner >li:hover .timeline-panel, .form-control:focus, .circle.count-number.border-color, .btn-transparent-color, .btn-transparent-color-inverse:hover, .btn-transparent-color:hover, .btn-transparent-color-inverse, .item-box.icons-color i{border-color:#fcba37;} .bottom-arrow:before{border-top-color:#fcba37;} .btn-default:before{border-left-color:#fcba37;} .btn-default:before{border-top-color:#fcba37;} .btn-default:hover{border-color:#fcba37;} .btn-default, .btn-default.inverse:hover, .btn-default.inverse:focus, .item-box i, .pagination > .active > span, .pagination > .active > span:hover, .pagination > li > a, .pagination > li > span, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover,.rightGrip, .leftGrip{border-color:rgb(255, 121, 0);} .btn-default:hover:before{border-left-color:#006b63;} .btn-default:hover:before{border-top-color:#006b63;} .blog.timeliner >li:hover .timeline-panel:before{border-left-color:#fcba37;} .blog.timeliner >li.timeline-inverted:hover .timeline-panel:before{border-right-color:#fcba37;border-left-color:#ffffff;} .right.blog.timeliner >li.timeline-inverted:hover .timeline-panel:before, .right.blog.timeliner >li:hover .timeline-panel:before{border-right-color:#fcba37;border-left-color:#ffffff;} .pricing:hover i.icons-circle.medium.pricing-icon{text-shadow:0px 0px 5px rgba(255, 196, 0, 0.5);} .top-up .nav-tabs > li.active > a:after, .top-up .nav-tabs > li.active > a:focus:after, .top-up .nav-tabs > li.active > a:hover:after{border-color:#fcba37 transparent transparent;} @media (max-width:767px){.blog.timeliner >li.timeline-inverted:hover .timeline-panel:before, .blog.timeliner >li:hover .timeline-panel:before{border-right-color:#fcba37;border-left-color:#ffffff;} } @media (min-width:992px){.navbar-bg-color{background-color:#fcba37;} } .color-switch .owl-controls .owl-page span{background-color:rgba(255, 196, 0,.8);} .green-rbg, .grid-list .image .list-overlay, .mixed-grid.mgs1 .grid-item .figcaption{background-color:rgba(0,107,99,.8) !important;} ::-moz-selection{background:#fcba37;color:#000000;text-shadow:none;} ::selection{background:#fcba37;color:#a4003a;text-shadow:none;} .side-menu{width:270px;height:100%;position:fixed;right:-270px;top:0;padding-top:20px;background:rgba(25, 55, 97, 0.8);z-index:9998;} .side-menu{transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);} .side-menu.show-me{right:0;} .side-menu .side-menu-close{position:absolute;right:0;top:0;padding:27px 20px;cursor:pointer;z-index:9999;} .side-menu .side-menu-close i{font-size:20px;color:#fff;} .side-menu ul{width:100%;position:absolute;bottom:0;left:0;padding:20px;} .side-menu ul li{width:34px;height:34px;line-height:34px;float:left;text-align:center;background:red;margin-right:4px;} .side-menu ul li a{display:inline-block;font-size:17px;color:#fff;} .side-menu ul li.facebook{background:#3b5999;} .side-menu ul li.twitter{background:#00bcf8;} .side-menu ul li.googleplus{background:#d3492d;} .side-menu ul li.instagram{background:#5989b9;} .side-menu ul li.pinterest{background:#f63234;} .side-menu ul li.youtube{background:#fe0000;} .side-menu #offer{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);display:inline-block;position:absolute;background-color:#ff7900;border-top-right-radius:5px;border-top-left-radius:5px;top:35%;left:-88px;color:#fff;font-size:16px;font-family:Montserrat;font-weight:600 !important;line-height:47px;width:130px;height:47px;padding-left:4px;text-align:center;cursor:pointer;}
2018’de uygulayacağınız SEO teknikleriyle rakiplerinizin önüne geçmek istiyorsunuz ama nereden başlayacağınızı bilmiyor musunuz? Birazdan anlatacağımız bu 3 tekniği uygulamakla başlayabilirsiniz!
Bu teknikleri özel kılan diğer bir nitelik de, size kısa dönemli değil, uzun erimli bir başarı getirecek olmaları. Teknikler size ilk bakışta uygulaması kolay gibi görünse de, bu işe biraz zaman ayırmanız gerekecek. Karmaşık değiller, ama planlama gerektiriyorlar.
Sözü uzatmadan, bu 3 özel SEO tekniğini hemen aktaralım!
Sayfa Hızınızı Artırarak Sıralamalarda Yükselin Google, mobil aramalarda sayfa hızının önemli bir sıralama ölçütü olacağına dair tarih verdi, bu tarih Temmuz 2018! Bu, işin daha teknik yönü olsa da, sayfa hızının kullanıcı memnuniyeti açısından da değerli olduğunu daima aklınızda bulundurun. Bu tür iyi deneyimler, size dolaylı yollardan sıralamalarda ek başarı getirecektir.
Sayfa hızıyla ilgili yapılan çalışmalar, bir sayfa ne kadar hızlıysa, sayfada kalma oranının da bir o kadar yükseldiğine işaret ediyor. Bu durumu, daha çok satış, daha çok gelir ve daha çok dönüşüm olarak da okuyabilirsiniz.
Kısacası, sayfa hızı gerçek anlamda üzerinde durulması gereken bir faktör! Yine, globaldeki sektör deneyimlerinden size önemli bir ipucu verelim. Ne yazık ki birçok sayfa yöneticisi, web sitelerinin çok hızlı olduğu yönünde yanlış bir bilgiye sahip. Kimi zaman, web sayfasının sadece bir veya iki saniyede açıldığını düşünen insanlarla karşılaşabilirsiniz. Halbuki, test ettiğinizde, açılma hızı 30 saniyeleri bile bulabiliyor. Eminiz ki rakiplerinizden birçoğu da benzer bir yanılgı içerisinde. O yüzden, sayfa hızı iyileştirme çalışmaları yapmanız, düşündüğünüzden çok daha etkili olabilir.
İşte sayfa hızınızı artırabileceğiniz birkaç önemli SEO tekniği: • Hosting hizmetinizi, yüksek performans gösteren bir yerden alın.
• CSS ve JavaScript dosyalarınızı birleştirerek, http çağrılarını daha aza indirebilirsiniz.
• Görsellerinizi, düzenli olarak ölçeklendirin ve sıkıştırma işleminden geçirin.
• CSS ve JavaScript dosyalarınızı ayrıca küçültme işleminden geçirebilirsiniz.
Link Geliştirme (Tıklama Alma) Çalışmalarınızda Marka Konumlandırması Yapın Eğer, uzun bir süre için herhangi bir web sitesinin yönetimi sorumluluğunu aldıysanız, size gelen link istekleriyle mutlaka karşılaşmışsınızdır. Ne yazık ki genellikle, bu istekler hep kalitesi düşük sitelerden gelir. Keşke tam tersi olsaydı.
Link erişimi yaratmak da zorlu bir süreçtir. E-mail pazarlama yapıyorsanız ve aldığınız tıklama oranları sizi hayal kırıklığına uğratıyorsa şaşırmayın. Çünkü, genellikle şirketinizi veya sizi, daha önce hiç duymamış kişilere gönderimler yapıyorsunuz. Bu işin püf noktası, ilişki kurmaktır. E-mail gönderimlerinizi kişiselleştirme yaparak ve hedef kitleye uygun bir şekilde hazırlamalısınız. Mümkünse, bu tür bir çalışma yapmadan önce müşterilerinizle başka herhangi bir kanal üzerinden öncelikle “ilişki” kurun. E-mail gönderimleri ikinci adım olarak gelmeli.
Yine, kullanabileceğiniz diğer efektif bir strateji de markalaşmak! Dile kolay gelse de, markalaşma süreci uzun bir süreçtir ve bu işe emek vermeniz gerekiyor. Markalaşma çalışmalarınız hem düzenli bir şekilde ilerlemeli hem de uzun bir süre devam etmeli. Ancak, bu süreçten başarıyla çıktığınızda, link geliştirme süreçleriniz markanız adına kolaylaşacaktır!
Mutlaka bir ürün veya servis markası yaratmak zorunda değilsiniz. Kişisel marka konumlandırması yaparak, kendi isminizle de markalaşabilirsiniz. Böylece, insanlarla etkileşime girdiğinizde size çok daha fazla ilgi göstereceklerdir.
Markalaşmak adına neler yapabileceğinize de birkaç maddeyle değinelim: • Sizin için anahtar konumdaki sosyal ağlarda düzenli ve sürekli olarak paylaşımlar yapın (marka konumlandırmanızı yaparak).
• Alanınızdaki, sektörünüzdeki diğer önemli isimlerden de içerikler paylaşabilir, bu içeriklerin üzerine kendi özgün yorumlarınızı ekleyebilirsiniz.
• Hedef kitlenizle iletişime geçin. Bu bir konferans olabilir, web semineri olabilir. Aklınıza gelebilecek her şey olabilir. Yeter ki onlara bir şekilde dokunun ve bir ilişki yaratın.
• Endüstri yayınları için ve kendi web siteniz için, yine düzenli olarak içerikler oluşturmanız gerekiyor.
Video İçerikler Yükselişte, Mutlaka Kullanın! Günümüz dijital pazarlama dünyasında videolar, ayrı bir değere ve öneme sahip. Hem web siteniz, hem sosyal medya kanallarınız için düşündüğümüzde, videonun gücünü SEO çalışmalarınız için bir fırsata çevirebilirsiniz.
Google, düzenli olarak video yayınlayan siteleri, bunu kullanıcı deneyimine de dayandırarak olumlu bir şekilde değerlendiriyor. Bu da, organik sıralamalarda başarı anlamına geliyor. Video içerikler, kullanıcılarda gerçeklik algısı yaratmak açısından diğer içeriklere göre çok daha başarılı. Bu yüzden, videolar, hedef kitlenizin markanızla etkileşime girmesi açısından çok daha etkilidirler.
YouTube, bu iş için tabii ki en uygun kanallardan biri. Çünkü yüksek sayıda kullanıcıya erişebilme olanağınız bulunuyor. YouTube’un kimi zaman, dünyanın en büyük 2. arama motoru olarak adlandırıldığını unutmayın. Bunun yanında YouTube şu an; Google’dan sonra dünyanın en çok ziyaret edilen sitesi!
Daha önceki yazılarımızda da bahsetmiştik. Web siteniz için YouTube çalışmalarını ortak bir şekilde yürüttüğünüzde, bir taşla iki kuş vurmuş oluyorsunuz. Hem YouTube domain adının otoriterliğinden yararlanıyor hem de Google arama sonuçlarında videolarınızla da yer almış oluyorsunuz.
İşte videolarınızı SEO açısından başarıya dönüştürebileceğiniz birkaç teknik: • Videolarınızda, ne yaptığınızı kim olduğunuzu net bir şekilde ifade edin. Her zaman olduğu gibi, hedef kitlenizin cevabını aradığı soruları yanıtlayan, bilgilendirici içerikler üretmeye çalışın. Bu, ürününüz veya verdiğiniz hizmetlerle ilgili de bir cevap olabilir.
• YouTube videoları da optimizasyon gerektiriyor. Yani; ilgili, tutarlı ve yüksek kalitede linklerle çalışmak Google sıralamalarındaki başarınıza katkı sağlayacaktır.
• YouTube videolarınızı direkt olarak web sitenize yerleştirebilirsiniz. (embed). Böylece, kullanıcıların web sitenizle olan iletişimini de güçlendirmiş olursunuz.
Yorum yazın