/*------------------------------------------------------------------ [Table of contents] - global styles - equal col`s height - rounded elements - typography - headings - big adaptive title - breadcrumbs - socials links - info columns - map/form - pagination - tags - calendar - price offers - Project: farvis -------------------------------------------------------------------*/ html body, html p { line-height: 1.7; } html body .vc_custom_heading { line-height: 1.3; } .wpb_single_image.vc-retina-img img { max-width: 50%; } /*//////////////////////////////////////////////////////////////////////////////////////////*/ /* Theme Custom Style */ /*//////////////////////////////////////////////////////////////////////////////////////////*/ .read-more { font-size: 12px; color: #222; margin-top: 20px; display: inline-block; } .read-more:after { line-height: 1; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: 400; content: "\ee30"; color: #f9c450; padding-left: 15px; } html .services-text-uppercase .services h4 { text-transform: none; } html .b-team-list .team-list-item:not(.last-list-item) .member-list-caption:before { background: #000 !important; } /*//////////////////////////////////////////////////////////////////////////////////////////*/ /* Kaswara Blog Style */ /*//////////////////////////////////////////////////////////////////////////////////////////*/ html .syp-itemgrid[data-style=style1] .syp-itemgrid-excerpt { width: 100% !important; margin-left: 0 !important; padding: 0; padding-bottom: 10px; } html .syp-itemgrid[data-style=style1] { background: none !important; border: 0 !important; } html .syp-itemgrid[data-style=style1] .syp-itemgrid-title { border: 0 !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 15px 0 5px 0; font-weight: 400 !important; font-size: 20px !important; text-transform: none; line-height: 1.3; } html .syp-itemgrid[data-style=style1] .syp-itemgrid-info { width: 100%; margin-left: 0; padding: 15px 0 0 0; padding-left: 0!important; font-weight: 400; font-size: 10px; text-transform: uppercase; } /*//////////////////////////////////////////////////////////////////////////////////////////*/ /* CryptoCurrency */ /*//////////////////////////////////////////////////////////////////////////////////////////*/ .tickercontainer { height: auto !important; position: relative; overflow: inherit; } html .coin-container { position: relative; margin: 0 10px; } .ccpw-ticker-cont .name { font-size: 14px !important; margin-left: 6px; font-weight: 400; display: block; width: 100%; border-bottom: 1px solid #88d2f1; padding-bottom: 0; margin-bottom: 5px; } .ccpw-ticker-cont .price { font-size: 12px !important; font-weight: 400 !important; display: inline-block; width: 48%; } .ccpw-ticker-cont .down { font-size: 12px !important; font-weight: 400 !important; display: inline-block; width: 48%; } .ccpw-ticker-cont span.changes.down { color: #d6ecf9 !important; margin-top: -10px; display: block; padding-left: 8px; display: inline-block; width: 48%; } .ccpw-ticker-cont span.changes.up { font-size: 12px !important; font-weight: 400 !important; color: #f9c450 !important; margin-top: -10px; padding-left: 8px; } /*//////////////////////////////////////////////////////////////////////////////////////////*/ /* Default colors */ /*//////////////////////////////////////////////////////////////////////////////////////////*/ /* header */ header.header-v2 .b-logo a:hover { color: #246bad; } header.header-transparent .b-logo a:hover { color: #ff9801; } header.header-v2 .navbar .navbar-nav>li>a:hover { color: #246bad; } header.header-transparent .navbar .navbar-nav>li>a:hover { color: #ff9801; } header.header-transparent .b-socials a:hover { color: #ff9801; } .yamm .dropdown-menu>li>a:hover { color: #ff9801; } /* footer */ .footer-mail { color: #246bad; } .b-footer-box a:hover { color: #246bad; } /* elements */ /* preloader */ #page-preloader { background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); } .loader02 { border-top-color: #246bad !important; } /* heading line */ .heading-line:after { background: #ff9801; } /* heading line */ .b-icon-heading .icon { border: 5px solid #ffcb80; background: #ff9801; color: #fff; } p.subhead { font-size: 14px; font-weight: 500 !important; line-height: 1; margin: 0 0 10px; letter-spacing: .1em; text-transform: uppercase; color: #e88f41; } /* page arrow */ .page-arrow { color: #ff9801; } .b-home-features .page-arrow { background: #ff9801; color: #fff; } .b-home-features .page-arrow a { color: #fff; } /* pagination */ .b-pagination ul li a { color: #246bad; } html .pagination { display: inline-block; padding-left: 0; margin: 30px 0 0 0; border-radius: 4px; width: 100%; } /* tags */ .b-tags ul a:hover { background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); } /* calendar */ .b-calendar .pickmeup .pmu-instance .pmu-selected { background: #246bad; color: #fff !important; } .b-calendar .pickmeup .pmu-instance .pmu-today { background: #ff9801; color: #fff !important; } /* socials links */ .b-socials a:hover { color: #246bad; } /* breadcrumbs */ .b-breadcrumbs a:hover { color: #246bad; } .layer-content .b-breadcrumbs a:hover, .layer-content-big .b-breadcrumbs a:hover { color: #ff9801; } /* buttons */ .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background: #246bad; color: #fff; border-color: #246bad; } .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background: transparent; color: #fff; border-color: #00c8c8; } .btn-additional:hover, .btn-additional:active, .btn-additional:focus { background: #246bad; color: #fff; border-color: #246bad; } .btn-additional-mod:hover, .btn-additional-mod:active, .btn-additional-mod:focus { background: #246bad; color: #fff; border-color: #246bad; } .btn-submit { background: #246bad; } /* info columns */ html .b-info-column .b-progress-list__percent { color: #246bad; font-weight: 300; font-size: 60px; line-height: 26px } html .text-white-color .b-info-column .b-progress-list__percent, html .text-white-color .b-info-column .info-column-title { color: #fff !important; } .b-info-column .info-column-icon .step-number { background: #ff9801; } /* contact form */ .order-form label:not([class]) { padding: 30px 30px 30px 30px; } .order-form .km_cf7-input-container, .order-form label:not([class]) { width: auto !important; display: inline-block; vertical-align: top; max-width: inherit !important; } .order-form .km_cf7-input-container * { width: inherit !important; max-width: inherit !important; } .order-form br { display: none !important; } .order-form .km_cf7-input-container input[type=email], .order-form .km_cf7-input-container input[type=text], .order-form .km_cf7-input-container textarea { background: none !important; border: 0 !important; } .b-contact-form:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #27ae60; opacity: .8; } /* comment reply form */ #reply-form .form-control:focus { border-color: #246bad; } /* pages background */ .layer-bg:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); opacity: .8; } .layer-bg-mod:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); opacity: .8; } .layer-big-bg:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); opacity: .8; } .b-about-tabs:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); opacity: .8; } /* isotope sorting controls */ .b-items-sort li a:hover::after { background: #ff9801; } .b-items-sort li a.current::after { background: #ff9801; } /* gallery page */ /* gallery items */ .gallery-item-content .gallery-item-img .gallery-item-hover:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); opacity: .8; } /* blog page */ /* post flex */ .tmpl-post-flex { display: flex; } .tmpl-post-flex img { width: 100% !important; } .tmpl-flex-image-big{ padding-top: 10px; } .tmpl-flex-image-big, .tmpl-flex-image-small { flex-grow: 1; display: flex; justify-content: center; align-items: center; } .tmpl-flex-box-big { flex-basis: 53%; } .tmpl-flex-box-small { flex-basis: 47%; flex-shrink: 0; display: flex; flex-direction: column; } .tmpl-flex-image-small { flex-basis: 50%; min-height: 150px; margin-left: 10px; } .tmpl-flex-image-small:first-child { margin-bottom: 10px; } @media screen and (max-width: 600px) { .tmpl-post-flex { flex-wrap: wrap; } .tmpl-flex-box-small { flex-direction: row; flex-basis: 100%; } .tmpl-flex-box-big { flex-basis: 100%; } .tmpl-flex-image-small { margin-left: 0; margin-top: 10px; } .tmpl-flex-image-small:first-child { margin-bottom: 0; margin-right: 10px; } } @media screen and (max-width: 450px) { .tmpl-flex-box-small { flex-wrap: wrap; } .tmpl-flex-image-small { flex-basis: 100%; } .tmpl-flex-box-big { flex-basis: 100%; } .tmpl-flex-image-small:first-child { margin-right: 0; } } /* blog items */ .blog-item-content .blog-item-img:before { background: #27ae60; opacity: .7; } .blog-item-content .blog-item-caption .item-name:hover { color: #ff9801; } .blog-item-content .blog-item-caption .item-read-more:hover { color: #ff9801; border-color: #ff9801; } .b-single-tags-share .b-socials a:hover { color: #246bad; } /* custom slideshow controls */ html .custom-slideshow-controls span { background: #ff9801; border-color: #ff9801; } .custom-slideshow-controls span.arrow-transparent { background: transparent; border: 1px solid #00c8c8; } .custom-slideshow-controls span.arrow-transparent:hover { background: #ff9801; border-color: transparent; } /* aside block */ .b-aside i:before { background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .aside-categories ul a { color: #246bad; } /* video block */ .b-video .video-icon { background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); } /* about page */ /* team list */ .b-team-list:after { border-color: #00c8c8 transparent transparent transparent; } .b-team-list .team-list-item.last-list-item .member-list-caption:before { background: #00c8c8; opacity: 1; } .b-team-list .team-list-item.last-list-item .member-list-caption .btn { background: #33d3d3; color: #fff !important; border: 0; z-index: 2; font-weight: 600; } /* quote block */ .b-quote-caption .quote-icon { color: #ff9801; } /* links block */ .b-links ul:before { background: #246bad; } .b-links a { color: #246bad; } .b-links a:hover { color: #ff9801; } /* skills progress bars */ .bar>span { background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); } /* features columns */ html .our-services .department-1-item:hover { background: #27ae60; } html .our-services .department-1-item:hover h4, html .our-services .department-1-item:hover p { color: #fff !important; } .b-home-features .b-features-column, .b-home-features .b-features-column-mod { border-bottom: 0; } /* lists in tab panes */ .b-tab-list i:before { background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* price offers */ .offer-item .offer-content { border-top: 4px solid #246bad; } .offer-item .offer-advantages li:last-child { color: #ff9801; } .offer-item .btn:hover, .offer-item .btn:active, .offer-item .btn:focus { color: #fff; background: #ff9801; border-color: transparent; } .offer-item.even-item { background: #246bad; background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8)); background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%); background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0); } .offer-item.even-item .btn { background: #45a6c6; border-color: transparent; } .offer-item.even-item .btn:hover, .offer-item.even-item .btn:active, .offer-item.even-item .btn:focus { color: #fff; background: #ff9801; border-color: transparent; } .offers-info-text a { color: #246bad; } .offers-info-text a:hover { color: #ff9801; } /* stars */ .b-stars li { color: #ff9801; } .b-stars .star-empty { color: #bfc9ce; } /* big adaptive title */ .b-upper-title { margin: 0; font-weight: bold; line-height: 1; padding: 0 25px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: default; display: block; width: 100%; color: #F6F6F6; margin-bottom: -35px; } .text-white-color .b-upper-title { color: #fff; } /* requires the following CSS rules for slabtext plugin */ .slabtexted .slabtext { display: -moz-inline-box; display: inline-block; white-space: nowrap; } .slabtextinactive .slabtext { display: inline; white-space: normal; font-size: 1em !important; letter-spacing: inherit !important; word-spacing: inherit !important; *letter-spacing: normal !important; *word-spacing: normal !important; } .slabtextdone .slabtext { display: block; } .portfolio-related-projects-section .slabtext { text-transform: uppercase; color: #f6f6f6; } .big-title { font-size: 30px; color: #23272c; margin: 0 0 32px; } .big-title-mod { font-size: 48px; font-weight: 300; color: #232c30; margin: 0 0 12px; } .big-title-text { font-size: 24px; font-weight: 300; padding: 10px 0; } .b-title-head { margin-bottom: 0; } .b-title-head .btn { top: 10px; } .small-title { font-size: 18px; color: #23272c; font-weight: 500; margin: 0 0 12px; } .inline-title { display: inline; font-size: 13px; color: #23272c; font-weight: 500 !important; letter-spacing: 1px; padding-right: 8px; } .inherit-title { font-size: 40px; color: inherit; font-weight: 300; margin: 0 0 60px; } .heading-line { font-size: 48px; color: #2b2b2b; font-weight: 300; padding-bottom: 75px; position: relative; margin: 0 0 15px; } .heading-line:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 50px; } .tabs-title { color: inherit; font-size: 48px; font-weight: 300; margin: 0 0 58px; } .b-icon-heading { position: relative; margin-bottom: 54px; } .b-icon-heading:before { content: ''; display: block; position: absolute; left: 0; top: 30px; width: 44%; height: 1px; background: #e3e9ed; } .b-icon-heading:after { content: ''; display: block; position: absolute; right: 0; top: 30px; width: 44%; height: 1px; background: #e3e9ed; } .b-icon-heading .icon { display: inline-block; text-align: center; font-size: 16px; border-radius: 50%; width: 60px; height: 60px; padding: 12px; margin-bottom: 34px; position: relative; z-index: 1; } .b-icon-heading .icon-heading-title { font-size: 48px; font-weight: 300; color: #232c30; margin: 0 0 25px; } /* breadcrumbs */ .b-breadcrumbs { display: inline-block; text-transform: uppercase; font-size: 13px; border: 1px solid #e9ecef; padding: 10px 22px; border-radius: 25px; margin-bottom: 56px; } .b-breadcrumbs ul { margin: 0; } .b-breadcrumbs ul li { vertical-align: middle; position: relative; padding: 0 16px 0 0; letter-spacing: 1px; } .b-breadcrumbs ul li:last-child { margin-right: 0; padding-right: 0; } .b-breadcrumbs ul li:last-child:after { display: none; } .b-breadcrumbs ul li:after { content: '/'; display: inline-block; position: absolute; right: 3px; top: -1px; } /* socials links */ .b-socials li { padding: 0; margin-right: 18px; margin-bottom: 5px; } .b-socials li:last-child { margin-right: 0; } .b-socials a { font-size: 17px; color: #23272c; } /* info columns */ .b-info-columns-holder { margin-bottom: 68px; } .b-info-columns-holder .b-info-column { position: relative; min-height: 180px; } .b-info-columns-holder .b-info-column:after { content: ''; display: block; width: 2px; height: 86%; position: absolute; top: 8px; right: 0; border-right: 1px dotted #999999; } .b-info-column.rb-enbl:before { content: ''; display: none; width: 2px; height: 86%; position: absolute; top: 8px; right: -14px; } .b-info-columns-holder .b-info-column:last-child::after { display: none; } .b-info-columns-holder.b-progress-list .b-info-column:after { width: 30px; height: 1px; background: #e6e6e6; border: none; top: 34px; right: -12px; } .b-info-columns-holder.b-steps-list { padding-top: 0; margin-bottom: 0; } .b-info-columns-holder.b-steps-list .b-info-column:after { display: none; } .b-info-columns-holder.b-steps-list .b-info-column:before { content: ''; display: block; background: url(../../images/general/step-arrow.png) no-repeat center center; position: absolute; width: 175px; height: 36px; top: 62px; right: -87px; border: none; left: auto; } .b-info-columns-holder.b-steps-list .b-info-column:last-child:before { display: none; } .b-info-columns-holder.b-steps-list .b-info-column .info-column-icon { margin: 0 auto 10px; font-size: 40px; width: 120px; height: 120px; border: 4px solid #efefef; border-radius: 50%; position: relative; display: flex; justify-content: center; align-items: center; } html .text-white-color .b-info-columns-holder.b-steps-list .b-info-column .info-column-icon { border: 4px solid #f68863; border-radius: 50%; position: relative; background: #fff; } html body div .container .text-white-color .b-info-column .info-column-icon i:before { color: #222 !important; } .b-info-columns-holder.b-steps-list .b-info-column .info-column-icon .step-number { color: #fff; font-size: 14px; line-height: 30px; font-weight: bold; text-align: center; padding: 4px 11.5px; border-radius: 50%; display: inline-block; border: 0 !important; width: 40px; height: 40px; position: absolute; top: 7px; left: -7px; } .b-info-columns-holder.b-steps-list .b-info-column .info-column-title { font-size: 20px; margin-bottom: 10px; padding-right: 0; text-align: center; padding-left: 0; line-height: 1.3; } .b-info-column { text-align: center; margin-bottom: 25px; } .b-info-column .info-column-icon { font-size: 33px; margin-bottom: 16px; } .b-info-column .info-column-icon i:before { padding: 2px; } .b-info-column .info-column-title { margin: 0px; font-size: 24px; font-weight: 400; padding-bottom: 0; padding-top: 10px; } .b-info-column .b-progress-list__percent { font-size: 48px; } /* info column with big number of progress */ .b-big-progress { margin-top: 0; margin-bottom: 0; width: 100%; align-items: center; } .big-progress-title { width: 39%; text-align: right; line-height: 1.1; font-size: 48px; font-family: inherit !important; font-weight: 600 !important; } .pix-easy-char { min-height: 300px; } .b-big-progress div { display: inline-block; vertical-align: middle; font-family: inherit !important; } .b-big-progress .b-progress-list__percent { font-size: 169px; font-weight: 500; line-height: 1.5; height: 273px; overflow: hidden; display: block; font-family: inherit !important; padding-top: 0; } .text-white-color .b-big-progress .b-progress-list__percent, .text-white-color .big-title-mod { color: #fff !important; } .b-big-progress .big-progress-description { font-size: 16px; text-align: left; line-height: 1.8; width: 36%; font-weight: 400; font-family: inherit; } .b-progress-list__item { text-align: center; width: 20%; } .b-big-progress .js-percent { text-shadow: -1px 0px 8px #ccc; margin: 0 auto; width: 100%; text-align: center; display: block; } .tmpl-stats-type-01 { background: #fff !important; padding: 20px; border-bottom: #af087b 2px solid; margin: 0 auto; display: inline-block; width: 100%; box-shadow: 2px 3px 23px -1px #ddd; -webkit-transition: all 0.45s linear; -moz-transition: all 0.45s linear; -ms-transition: all 0.45s linear; -o-transition: all 0.45s linear; transition: all 0.45s linear; } .tmpl-stats-type-01:hover { background-color: #fff; box-shadow: 2px 3px 23px -1px #ddd; } .tmpl-stats-type-01 .tmpl-stats-icon { float: left; display: block; width: 25%; font-size: 42px; text-align: center; position: relative; padding-top: 5px; } .tmpl-stats-type-01 .tmpl-stats-box:before { content: ""; position: absolute; left: -15px; top: 0; border-right: 1px solid #eeeeee; height: 100%; z-index: 99; } .tmpl-stats-type-01 .tmpl-stats-box { float: right; display: block; width: 62%; text-align: left; position: relative; padding-left: 4%; } .js-chart { font-size: 36px; font-weight: 700; } .tmpl-stat-title { font-size: 14px; padding: 0 0 10px 0; margin: -5px 0 0 0; color: #222; font-weight: 400; } .tmpl-stat-item-text { font-size: 12px; color: #666666; } /* map/form */ .kameleon-cf7-container .km_cf7-submit-insider { min-width: 230px; } .b-map-form-holder { text-align: center; height: 490px; position: relative; } .map-form-switcher { display: inline-block; border: 5px solid rgba(255, 255, 255, 0.4); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ border-radius: 40px; position: relative; top: -40px; z-index: 4; } .map-form-switcher .switcher-bg { background: #fff; padding: 15px 36px; border-radius: inherit; } .map-form-switcher .switcher-text { font-size: 12px; font-weight: 500; letter-spacing: 1px; position: relative; top: 2px; } .map-form-switcher .switcher-toggle { display: inline-block; vertical-align: middle; margin: 0 22px; border: 1px solid #e8ecef; border-radius: 25px; background: #f6f8f9; width: 70px; height: 35px; position: relative; left: -4px; cursor: pointer; -webkit-transition: all 0.45s linear; -moz-transition: all 0.45s linear; -ms-transition: all 0.45s linear; -o-transition: all 0.45s linear; transition: all 0.45s linear; } .map-form-switcher .switcher-toggle .icon { display: block; width: 27px; height: 27px; border-radius: 50%; border: 1px solid #e8ecef; background: #fff; position: absolute; top: 3px; left: 3px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .b-map-form-holder.map-active .map-form-switcher .switcher-toggle { border-color: transparent; } .b-map-form-holder.map-active .map-form-switcher .switcher-toggle .icon { left: 100%; margin-left: -30px; } .b-map { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ui-map { height: 100%; } /* Loader Animation Start */ #page-preloader .thecube { position: absolute; z-index: 1001; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; } .thecube { width: 75px; height: 75px; margin: 0 auto; margin-top: 50px; position: relative; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); } .thecube .cube { position: relative; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg); } .thecube .cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .thecube .cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #27ae60; -webkit-animation: foldthecube 2.4s infinite linear both; -moz-animation: foldthecube 2.4s infinite linear both; -ms-animation: foldthecube 2.4s infinite linear both; -o-animation: foldthecube 2.4s infinite linear both; animation: foldthecube 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } .thecube .c2 { -webkit-transform: scale(1.1) rotateZ(90deg); -moz-transform: scale(1.1) rotateZ(90deg); -ms-transform: scale(1.1) rotateZ(90deg); -o-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .thecube .c3 { -webkit-transform: scale(1.1) rotateZ(180deg); -moz-transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotateZ(180deg); -o-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .thecube .c4 { -webkit-transform: scale(1.1) rotateZ(270deg); -moz-transform: scale(1.1) rotateZ(270deg); -ms-transform: scale(1.1) rotateZ(270deg); -o-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .thecube .c2:before { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .thecube .c3:before { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .thecube .c4:before { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes foldthecube { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); -moz-transform: perspective(140px) rotateX(-180deg); -ms-transform: perspective(140px) rotateX(-180deg); -o-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); -moz-transform: perspective(140px) rotateX(0deg); -ms-transform: perspective(140px) rotateX(0deg); -o-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); -moz-transform: perspective(140px) rotateY(180deg); -ms-transform: perspective(140px) rotateY(180deg); -o-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes foldthecube { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); -moz-transform: perspective(140px) rotateX(-180deg); -ms-transform: perspective(140px) rotateX(-180deg); -o-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); -moz-transform: perspective(140px) rotateX(0deg); -ms-transform: perspective(140px) rotateX(0deg); -o-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); -moz-transform: perspective(140px) rotateY(180deg); -ms-transform: perspective(140px) rotateY(180deg); -o-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } .page-loading { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 2147483647; } .page-preloader>.thecube { left: 50%; margin-left: -30px; margin-top: -70px; position: absolute; top: 50%; } /* Loader Animation End */ /* PRELOADER */ .preloaderjs .spinner { display: none !important; } .loader-wrap { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; } .loader-wrap>span { display: block; } .preloaderjs#page-preloader { background: rgba(46, 46, 46, 0.99) !important; } #page-preloader { position: fixed; z-index: 100500; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #page-preloader .spinner { position: absolute; z-index: 1001; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; border: 3px solid transparent; border-top-color: #e7e4d7; border-radius: 50%; } #page-preloader .spinner:before, #page-preloader .spinner:after { position: absolute; content: ''; border-radius: 50%; } #page-preloader .spinner:before { top: 5px; right: 5px; bottom: 5px; left: 5px; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; border: 3px solid transparent; border-top-color: #71383e; } #page-preloader .spinner:after { top: 15px; right: 15px; bottom: 15px; left: 15px; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; border: 3px solid transparent; border-top-color: #efa96b; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader02 { width: 56px; height: 56px; border: 8px solid white; border-top-color: #fff; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; top: 50%; margin: -28px auto 0 auto; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } /*Preloader*/ .loaderbig { background-color: rgba(0, 0, 0, 0); border: 15px solid #27ae60; opacity: .9; border-top: 15px solid rgba(0, 0, 0, 0); border-left: 15px solid rgba(0, 0, 0, 0); border-radius: 150px; width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; -webkit-animation: loaderbig 1s infinite linear; animation: loaderbig 1s infinite linear } .loadersmall { background-color: rgba(0, 0, 0, 0); border: 15px solid #e88f41; opacity: .9; border-top: 12px solid rgba(0, 0, 0, 0); border-left: 12px solid rgba(0, 0, 0, 0); border-radius: 150px; width: 50px !important; height: 50px !important; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; -webkit-animation: loadersmall 1s infinite linear; animation: loadersmall 1s infinite linear } @-webkit-keyframes loaderbig { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @-webkit-keyframes loadersmall { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes loaderbig { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes loadersmall { 0% { transform: rotate(0deg) } 100% { transform: rotate(-360deg) } } .preloaderjs .spinner { display: none !important; } .preloaderjs#page-preloader { background: rgba( 46, 46, 46, 0.99) !important; } #page-preloader { position: fixed; z-index: 100500; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba( 0, 0, 0, 0.99); } #page-preloader .spinner { position: absolute; z-index: 1001; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; border: 3px solid transparent; border-top-color: #3498db; border-radius: 50%; } #page-preloader .spinner:before, #page-preloader .spinner:after { position: absolute; content: ''; border-radius: 50%; } #page-preloader .spinner:before { top: 5px; right: 5px; bottom: 5px; left: 5px; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; border: 3px solid transparent; border-top-color: #e74c3c; } #page-preloader .spinner:after { top: 15px; right: 15px; bottom: 15px; left: 15px; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; border: 3px solid transparent; border-top-color: #f9c922; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* page arrow */ .page-decor-padding { padding-top: 100px; } .page-decor-circle { position: absolute; bottom: 0; height: 115px; width: 100%; overflow: hidden; } .page-decor-wrap { position: relative; } .page-decor { position: absolute; z-index: 7; width: 100%; text-align: center; top: 0px; } .page-decor-circle:after { content: ''; display: block; position: absolute; width: 230px; height: 230px; background: transparent; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4) !important; left: 0; right: 0; margin: 0 auto; top: 0; } .page-arrow { text-align: center; font-size: 25px; width: 60px; height: 60px; border-radius: 50%; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; top: 50%; margin-top: -30px; border: 1px solid #eee; } .page-arrow i { position: absolute; top: 50%; margin-top: -12.5px; left: 0; right: 0; } /* pagination */ .b-pagination ul { margin-bottom: 0; padding: 0; } .b-pagination ul li { display: inline-block; vertical-align: middle; padding: 6px 0; margin: 0 8px; } .b-pagination ul li a { display: block; width: 44px; height: 44px; text-align: center; font-size: 18px; font-weight: normal; color: inherit; border-radius: 50%; background: #fff; border: 1px solid #e9ecef; padding: 16% 0; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } .b-pagination ul li a:hover { background: #00c8c8 !important; color: #fff; } .b-pagination ul .pag-current a { background: #f6f8f9; } .b-pagination ul .pag-divider a { cursor: default; } .b-pagination ul .pag-divider a:hover { box-shadow: none; } /* tags */ .b-tags ul { margin: 0; } .b-tags ul li { display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 14px; } .b-tags ul a { display: inline-block; padding: 3px 10px; background: #f6f8f9; border-radius: 10px; font-size: 14px; } .b-tags ul a:hover { color: #fff; } /* calendar */ .b-calendar .pickmeup { background: transparent; } .b-calendar .pickmeup .pmu-instance { width: 254px; height: auto; padding: 0; } .b-calendar .pickmeup .pmu-instance .pmu-day-of-week { color: #bfc9ce; font-size: 14px; } .b-calendar .pickmeup .pmu-instance .pmu-button { color: inherit; } .b-calendar .pickmeup .pmu-instance .pmu-not-in-month { color: inherit; font-size: 16px; opacity: .5; } .b-calendar .pickmeup .pmu-instance nav .pmu-month { color: #23272c; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; margin: 0 auto 12px; } .b-calendar .pickmeup .pmu-instance .pmu-day-of-week * { width: 36px; margin: 0 auto 20px; } .b-calendar .pickmeup .pmu-instance .pmu-days * { width: 36px; margin-bottom: 22px; } /* custom sliders arrows */ .custom-slideshow-controls span { display: block; border-radius: 50%; width: 48px; height: 48px; font-size: 22px; color: #fff; text-align: center; position: absolute; cursor: pointer; } .custom-slideshow-controls span a { display: block; height: 100%; } .custom-slideshow-controls span i { cursor: pointer; position: absolute; top: 50%; margin-top: -11px; left: 0; right: 0; } .custom-slideshow-controls span:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325); } .custom-slideshow-controls span.arrow-transparent { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* latest news */ .b-latest { position: relative; } .b-latest-btn { padding-top: 85px; text-align: center; } /* latest carousel */ .b-slick-holder { position: relative; margin-bottom: -15px; } .latest-carousel-item { padding: 15px 0; width: 1200px; } .latest-carousel-item .blog-item-content { width: 47.5%; float: left; margin: 0 15px; opacity: .3; border: 1px solid #e7e8ec; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .latest-carousel-item.slick-active .blog-item-content { opacity: 1; } .b-slick-arrows { width: 100%; padding: 0 15px; position: absolute; margin: 0 auto; top: 50%; left: 0; right: 0; } .b-slick-arrows .custom-slideshow-controls span { top: 50%; margin-top: -24px; } .b-slick-arrows .slick-arrows-prev { left: 15px; } .b-slick-arrows .slick-arrows-next { right:15px; } /* blockquote */ blockquote { padding: 0; border: none; } /* tabs about page */ .b-about-tabs .tabs-controls { padding: 0; margin-bottom: 40px; } .b-about-tabs .tabs-controls li { list-style: none; display: inline-block; vertical-align: middle; margin: 0 45px; } .b-about-tabs .tabs-controls li .tabs-circle { display: block; margin: 0 auto; width: 16px; height: 16px; border-radius: 50%; background: rgba(124, 195, 212, 0); position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .b-about-tabs .tabs-controls li .tabs-circle:before { content: ''; display: block; position: absolute; width: 100px; height: 1px; background: #7cc3d4; top: 50%; margin-top: -0.5px; right: 12px; } .b-about-tabs .tabs-controls li .tabs-circle:after { content: ''; display: block; position: absolute; width: 100px; height: 1px; background: #7cc3d4; top: 50%; margin-top: -0.5px; left: 12px; } .b-about-tabs .tabs-controls li .tabs-circle .inner-circle { display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #67b9cd; background: transparent; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -4px; } .b-about-tabs .tabs-controls li:first-child .tabs-circle:before { display: none; } .b-about-tabs .tabs-controls li:last-child .tabs-circle:after { display: none; } .b-about-tabs .tabs-controls a { min-width: 110px; display: block; font-size: 18px; opacity: .5; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .b-about-tabs .tabs-controls a:hover { opacity: 1; } .b-about-tabs .tabs-controls .tabs-icon { display: block; text-align: center; font-size: 48px; min-height: 88px; } .b-about-tabs .tabs-controls .tabs-name { display: block; margin-bottom: 44px; } .b-about-tabs .tabs-controls .active a { opacity: 1; } .b-about-tabs .tabs-controls .active .tabs-circle { background: rgba(124, 195, 212, 0.3); } .b-about-tabs .tabs-controls .active .tabs-circle .inner-circle { background: #fff; border-color: transparent; } .b-about-tabs .tab-content, .b-about-tabs .tab-content p { font-size: 16px; line-height: 2; margin-bottom: 60px; color: #fff; text-align: center; } .b-about-tabs:before { content: none !important; } /* tabs regular */ .b-regular-tabs .tabs-title { color: #2b2b2b; } .b-regular-tabs .tabs-controls { padding: 0; margin: 0 0 -2px; } .b-regular-tabs .tabs-controls li { border: 1px solid #e8ecef; border-bottom: none; border-right: none; display: inline-block; padding: 0; min-width: 385px; margin-right: -3px; } .b-regular-tabs .tabs-controls li:last-child { border-right: 1px solid #e8ecef; } .b-regular-tabs .tabs-controls li a { display: block; background: transparent; padding: 18px 15px; font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; color: inherit !important; } .b-regular-tabs .tabs-controls .active { border-bottom: 1px solid transparent; } .b-regular-tabs .tabs-controls .active a { background: #fff; color: #23272c !important; } .b-regular-tabs .tab-content { border-top: 1px solid #e8ecef; background: #fff; padding-top: 85px; font-size: 18px; padding-bottom: 85px; } /* lists in tab panes */ .b-tab-list .row>[class*='col-'] { border-right: 1px dotted #e8ecef; } .b-tab-list .row>[class*='col-']:last-child { border: none; } .b-tab-list ul { margin-bottom: 0; } .b-tab-list ul li { margin-bottom: 34px; } .b-tab-list i { padding: 2px; margin-right: 8px; } /* stars */ .b-stars ul { margin: 0; } .b-stars li { font-size: 12px; padding: 0; margin: 0 1px; } /* sly slider */ .b-sly-slider { position: relative; overflow: hidden; max-width: 1500px; margin: 0 auto; } #frame { height: auto; overflow: hidden; } #frame .slidee { list-style: none; margin: 0; padding: 0; height: 100%; } #frame .slidee li { float: left; width: 390px; margin: 34px 0 50px 0; padding: 0 15px; cursor: pointer; } /* sly slider scrollbar */ .scrollbar { margin: 0 0 70px 0; height: 5px; background: #e8ecef; line-height: 0; border-radius: 5px; } .scrollbar .handle { width: 28px; height: 28px; background: #fff; cursor: pointer; border-radius: 50%; border: 1px solid #c5c6c6; -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15); position: relative; top: -13px; } .scrollbar .handle .mousearea { position: absolute; top: -13px; left: 0; width: 100%; height: 28px; } .btn-ask { position: relative; } .vc_general.vc_btn3 { border: 1px solid #e8ecef !important; position: relative; } .no-border .vc_general.vc_btn3 { border: 0 !important; } .btn-ask .vc_general.vc_btn3 { max-width: 210px; padding-left: 55px !important; padding-right: 35px !important; min-width: 210px; } .vc_custom_1491596053858 .btn-ask .vc_general.vc_btn3 { min-width: auto; } .btn-ask .vc_btn3-icon { left: 30px !important; } html .vc_btn3.vc_btn3-style-custom { background-image: none; background-image: none; background-image: none; } .btn-ask .vc_general.vc_btn3:before { content: ''; display: block; width: 8px; height: 8px; background: #6bad24; border-radius: 50%; position: absolute; top: -3px; right: 13px; -webkit-box-shadow: 0px 0px 0px 6px white; -moz-box-shadow: 0px 0px 0px 6px white; box-shadow: 0px 0px 0px 6px white; } html .vc_btn3.vc_btn3-style-custom:hover { background: #246bad !important; color: #fff !important; border-color: #246bad !important; } /* forms */ textarea { resize: none; } .form-control::-webkit-input-placeholder { color: #fff; font-size: 14px; font-weight: 400; } .form-control::-moz-placeholder { color: #fff; font-size: 14px; font-weight: 400; } /* Firefox 19+ */ .form-control:-moz-placeholder { color: #fff; font-size: 14px; font-weight: 400; } /* Firefox 18- */ .form-control:-ms-input-placeholder { color: #fff; font-size: 14px; font-weight: 400; } .b-contact-form { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } #contact-form.b-form { padding-top: 150px; } #contact-form .form-control { border-radius: 22px; border: 1px solid #80c2d7; background: transparent; font-size: 14px; color: #ffffff; margin-bottom: 20px; padding: 14px 30px 14px !important; height: auto; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; } .wpcf7-not-valid { background: rgba( 255, 0, 0, 0.5) !important; } .wpcf7-not-valid-tip, .wpcf7-validation-errors { display: none !important; } html div.wpcf7-mail-sent-ok { border: 2px solid #ff9801; background: #ff9801; color: #fff; border-radius: 100px; } html div.wpcf7-response-output { margin: 0; padding: 0.2em 1em; } .b-contact-form .wpcf7-form-control { margin: 0; padding: 0; text-align: center; } .b-contact-form .container { max-width: 500px; padding-top: 65px; } .b-contact-form .km_cf7-input-container { margin: 10px 0 !important; } /* aside form */ #search-additional-form { position: relative; /* Firefox 19+ */ /* Firefox 18- */ } #search-additional-form .form-control { border-radius: 30px; border: 1px solid #e8ecef; background: transparent; font-size: 16px; color: #bfc9ce; padding: 10px 25px 15px; height: auto; box-shadow: none; margin: 0; } #search-additional-form .form-control::-webkit-input-placeholder { color: #bfc9ce; font-size: 16px; font-weight: 400; } #search-additional-form .form-control::-moz-placeholder { color: #bfc9ce; font-size: 16px; font-weight: 400; } #search-additional-form .form-control:-moz-placeholder { color: #bfc9ce; font-size: 16px; font-weight: 400; } #search-additional-form .form-control:-ms-input-placeholder { color: #bfc9ce; font-size: 16px; font-weight: 400; } #search-additional-form .aside-submit { background: transparent; border: none; position: absolute; right: 0; top: -2px; height: 100%; width: 45px; font-size: 14px; padding-right: 24px; } .wpt_widget_content .tab-content > ul > li { list-style-type: none; margin: 0 0 11px 0 !important; padding: 0px 15px 15px 15px !important; } .wpt_widget_content .tab-content > ul { margin: 0 !important; padding: 0 !important; } html #tags-tab-content ul li { margin: 4px !important; padding: 0 !important; } html #tags-tab-content ul li:hover a { text-decoration: none !important; } /* comment reply form */ #reply-form { /* Firefox 19+ */ /* Firefox 18- */ } #reply-form .form-control { border-radius: 22px; border: 1px solid #e8ecef; background: #fff; font-size: 14px; color: inherit; margin-bottom: 20px; padding: 14px 30px 14px; height: auto; -webkit-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -ms-transition: border 0.3s linear; -o-transition: border 0.3s linear; transition: border 0.3s linear; } #reply-form .form-control:focus { box-shadow: none; } #reply-form .form-control:invalid:focus { border-color: rgba(255, 0, 0, 0.65); background: rgba(255, 0, 0, 0.65); } #reply-form .form-control::-webkit-input-placeholder { color: #bfc9ce; font-size: 14px; font-weight: 400; } #reply-form .form-control::-moz-placeholder { color: #bfc9ce; font-size: 14px; font-weight: 400; } #reply-form .form-control:-moz-placeholder { color: #bfc9ce; font-size: 14px; font-weight: 400; } #reply-form .form-control:-ms-input-placeholder { color: #bfc9ce; font-size: 14px; font-weight: 400; } #reply-form textarea.form-control { height: 110px; } #reply-form .btn-submit { background: #00c8c8; border-color: #00c8c8; } #reply-form .btn-submit:hover, #reply-form .btn-submit:active, #reply-form .btn-submit.focus { background: transparent; border-color: #80c2d7; color: #232c30; } /* page wrapper */ .b-page-wrap { position: relative; overflow: hidden; } /* page content */ .b-page-content { padding-top: 90px; } .b-page-content.with-layer-bg { position: relative; padding-top: 0; margin-top: -101px; } /* map background */ .map-bg { background: url("../../images/content/texture/map-bg.png") no-repeat center top; } /* pages background */ .b-helper-wrapper { position: relative; overflow: hidden; } .b-layer { position: relative; height: 500px; } .layer-bg { position: absolute; overflow: hidden; height: 500px; width: 100%; left: 0; top: 0; } .layer-bg:after { content: ''; display: block; position: absolute; width: 230px; height: 230px; background: transparent; border-radius: 50%; border: 1px solid #57cbcf; left: 0; right: 0; margin: 0 auto; bottom: -115px; } .layer-bg-mod { position: relative; overflow: hidden; height: 500px; } .b-layer-big { position: relative; height: 900px; } .layer-big-bg { position: absolute; overflow: hidden; height: 900px; width: 100%; left: 0; top: 0; } .layer-big-bg:after { content: ''; display: block; position: absolute; width: 230px; height: 230px; background: transparent; border-radius: 50%; border: 1px solid #57cbcf; left: 0; right: 0; margin: 0 auto; bottom: -115px; } .shape-bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 368px; } .shape-bg:before { content: ''; width: 100%; height: 368px; background-image: url("../../images/content/texture/shape-bg.png"); background-repeat: no-repeat; background-position-x: center; background-position-y: top; position: absolute; bottom: 0; left: 0; } .page-layer-bg1 { background-image: url("../../images/content/pages-background/page-layer-bg1.jpg"); background-repeat: no-repeat; background-position: center top; } .page-layer-bg2 { background-image: url("../../images/content/pages-background/page-layer-bg2.jpg"); background-repeat: no-repeat; background-position: center top; } .page-layer-bg3 { background-image: url("../../images/content/pages-background/page-layer-bg3.jpg"); background-repeat: no-repeat; background-position: center top; } .page-layer-bg4 { background-image: url("../../images/content/pages-background/page-layer-bg4.jpg"); background-repeat: no-repeat; background-position: center top; } .page-layer-bg5 { background-image: url("../../images/content/pages-background/page-layer-bg5.jpg"); background-repeat: no-repeat; background-position: center top; } .page-layer-big-bg { background-image: url("../../images/content/pages-background/page-layer-home.jpg"); background-repeat: no-repeat; background-position: center top; } .layer-content, .layer-content-big { padding-top: 190px; color: #fff; position: relative; z-index: 3; } .layer-content .main-heading, .layer-content-big .main-heading { color: inherit; } .layer-content .b-breadcrumbs, .layer-content-big .b-breadcrumbs { border-color: transparent; background: rgba(255, 255, 255, 0.2); } .layer-content-big { padding-top: 290px; } /* main content layer */ .b-layer-main { padding-top: 53px; background: #fff; position: relative; } /* video block */ .b-video .video-caption { color: #fff; font-size: 48px; font-weight: 300; position: relative; z-index: 2; } .b-video .video-icon { display: inline-block; vertical-align: middle; margin: 9px 9px 38px 9px; width: 90px; height: 90px; border-radius: 50%; color: #fff; font-size: 36px; text-align: center; position: relative; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .b-video .video-icon:before { content: ''; border-top: 1px solid #eeeeee; top: 50%; left: -55%; width: 30px; position: absolute; } .b-video .video-icon:after { content: ''; border-top: 1px solid #eeeeee; top: 50%; right: -55%; width: 30px; position: absolute; } .b-video { background: #fff; width: 100%; margin: 0 auto; min-height: 305px; max-width: 590px; padding: 50px; box-shadow: 6px 18px 31px -8px #d6d6d6; border: 1px solid rgba( 214, 214, 214, 0.5); } .b-video h5 { font-size: 30px; color: #222; padding: 0 0 10px 0; margin: 0; } .b-video h6 { font-size: 16px; color: #666666; margin: 0; padding: 0; } .b-video .video-icon i { position: absolute; top: 50%; margin-top: -18px; left: 0; right: 0; margin-right: -7px; } .b-video .video-icon { background: #27ae60; } .b-video, .b-video .video-icon, .wrap-cards, .department-1-item, .list-services-2__item { transition: all 1s linear; -webkit-transition: all 1s linear; -o-transition: all 1s linear; -moz-transition: all 1s linear; } .b-video:hover, .wrap-cards:hover, .department-1-item:hover, .list-services-2__item:hover { transform: scale(1.05); z-index: 7; position: relative; } /* reviews block */ /* ask block */ .b-ask { display: flex; justify-content: center; align-items: center; flex-direction: row; height: auto; padding: 8.5% 0; position: relative; background: url("../../images/content/pages-background/reviews-bg.jpg") no-repeat; background-size: cover; background-attachment: fixed; background-position: center; } .b-ask:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1; } /* wave and shape patterns */ .wave-bg { width: 100%; height: 100%; background-image: url("../../images/content/texture/wave-bg-grey.png"); background-repeat: no-repeat; background-position-x: left; background-position-y: 50%; position: absolute; top: 25%; left: 0; } .pattern-bg { background-image: url("../../images/content/texture/pattern.png"); background-repeat: no-repeat; background-position: bottom; } /* footer */ footer.footer { background: #222; color: #fff; } .b-footer-content { padding: 128px 0 150px; } .b-footer-box .footer-box-title { margin: 0 0 28px; color: #23272c; font-size: 16px; font-weight: 500; } .b-footer-box li { margin-bottom: 12px; } .footer-mail { padding-top: 15px; } footer.footer .b-socials { margin-bottom: 15px; } .copy { margin-bottom: 70px; } .footer-logo { display: inline-block; } footer.footer .widgettitle { font-weight: inherit; font-size: 16px; padding-bottom: 15px; margin-bottom: 15px; } footer.footer #mc4wp_email { width: 100%; border: 0; padding: 10px; background: #fff; } footer.footer .btn { background: #f2480c; border-radius: 0; border: 0; position: absolute; top: 0; right: 0; height: 47px; } footer.footer .mc4wp_form_box { margin-bottom: 25px; margin-top: 10px; } footer.footer .mc4wp_form_box .btn { color: #fff !important; } footer.footer .mc4wp_form_box + p { display: none; } .footer-form { max-width: 500px; margin: 0 auto; } .footer-form input[type=text], .footer-form input[type=email] { width: 100%; color: #fff; border: 1px solid rgba(255, 255, 255, .3) !important; border-bottom: 0; padding: 16px !important; border-radius: 0; background-color: rgba(255, 255, 255, .2); box-shadow: none !important; margin: 0px !important; height: 50px !important; font-weight: 300; } .footer-form textarea { width: 100%; color: #fff; border: 1px solid rgba(255, 255, 255, .3) !important; border-bottom: 0; border-radius: 0; background-color: rgba(255, 255, 255, .2); box-shadow: none !important; height: 150px; margin: 0; } .footer-form div.wpcf7 { margin: 0; padding: 0; margin: 0 auto; max-width: 500px; } .footer-form input[type=submit] { color: #fff; background-color: #28ad62; border-color: #28ad62; display: inline-block; width: 100%; font-size: 17px; position: relative; padding: 17px; top: -38px; border: none; border-radius: 0 !important; text-transform: none !important; font-weight: 300; } footer.footer a { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } html .footer * { color: #cccccc; } html .footer p { color: #cccccc !important; } html .footer .widgettitle { color: #fff !important; font-weight: 400 !important; text-transform: none !important; font-size: 16px !important; position: relative !important; border: 0; margin: 0 0 35px 0; padding-bottom: 15px; } html .footer .widgettitle:before { position: absolute; content: ""; display: inline-block; bottom: 0; left: 0; width: 30px; border-bottom: 2px solid #ccc; } /* aside block */ .b-aside .b-aside-item { border-bottom: 1px dotted; padding-bottom: 38px; margin-bottom: 48px; } .b-aside .b-aside-item:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .b-search-add { margin-bottom: 46px; } .aside-title { font-size: 18px; color: #23272c; font-weight: 500; margin: 0 0 26px; } .aside-title i { float: right; font-size: 15px; position: relative; top: 4px; } .aside-title i:before { padding: 2px; } .aside-categories ul { margin: 0; } .aside-categories ul li { margin-bottom: 18px; } .aside-categories ul li:last-child { margin-bottom: 0; } .aside-categories ul a { display: block; } .aside-categories ul a:hover { color: #bfc9ce; } .aside-categories ul .categories-counter { float: right; color: #bfc9ce; } .aside-author .userpic { margin-bottom: 26px; } .aside-author .name { color: #23272c; letter-spacing: 1px; font-size: 13px; font-weight: 500; margin-bottom: 10px; } .aside-author .caption { line-height: 2; margin-bottom: 4px; } .aside-author .b-socials li { margin-right: 14px; margin-bottom: 0; } /* about page */ .b-about .b-info-columns-holder { margin-bottom: 95px; } /* team block */ .b-team-holder { background: #f6f8f9; padding-top: 0; margin-bottom: 0; } .b-team-holder .b-upper-title { color: #ffffff; margin-top: -25px; margin-bottom: -15.5%; } .b-team-holder .b-slick-holder { padding-top: 0; } /* team carousel */ .team-carousel-item { width: 395px; padding: 0 15px; } .team-member { position: relative; } .b-team-holder .slick-list { overflow: visible !Important; } .member-caption { border-radius: 6px; position: absolute; left: 0; bottom: 45px; width: 100%; padding: 32px 36px 15px; background: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .member-caption .member-name { font-size: 24px; } html .member-caption .member-position { font-size: 16px; margin-bottom: 16px; font-weight: inherit!important; } .member-caption .b-socials li { margin-right: 15px; } .team-carousel-item.slick-active .member-caption { opacity: 1; } /* team list */ .b-team-holder-mod { margin-bottom: 0; } .b-team-list { position: relative; margin: 0; } .last-list-item { overflow: inherit !important; } .last-list-item:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-color: #27ae60 transparent transparent transparent; border-width: 25px 0px 0 25px; position: absolute; right: 5%; bottom: -25px; } .b-team-list ul { margin-bottom: 0; } .b-team-list .team-list-item { float: left; position: relative; overflow: hidden; width: 25%; margin-left: -3px; } .b-team-list .team-list-item img { width: 100%; height: auto; } .b-team-list .team-list-item .member-list-caption { position: absolute; width: 100%; height: 100%; left: 0; top: 100%; color: #fff; padding: 40px 15px 0 45px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .b-team-list .team-list-item:not(.last-list-item) .member-list-caption:before { background: #27ae60 !important; content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0.8; } .b-team-list .team-list-item .member-list-caption .member-name { font-size: 24px; position: relative; } .b-team-list .team-list-item .member-list-caption .member-position { color: inherit; font-size: 16px; position: relative; font-weight: 300; } .b-team-list .team-list-item .member-list-caption .b-socials { position: absolute; width: 100%; bottom: 40px; z-index: 2; } .b-team-list .team-list-item .member-list-caption .b-socials li { margin-right: 0; } .b-team-list .team-list-item .member-list-caption .b-socials a { color: inherit; } .b-socials i:before { color: #fff !important; } .member-caption .b-socials i:before { color: #333 !important; } .b-team-list .team-list-item .member-list-caption .b-socials a:hover { opacity: .85; } .b-team-list .team-list-item:hover .member-list-caption { top: 0; } .b-team-list .team-list-item.last-list-item .member-list-caption { top: 0; padding: 0 30px; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #27ae60; margin-left: 0; width: 100%; } .b-team-list .team-list-item.last-list-item .member-list-caption .list-title { font-size: 24px; position: relative; font-weight: 600; } .b-team-list .team-list-item.last-list-item .member-list-caption .list-description { position: relative; font-size: 16px; margin-bottom: 30px; line-height: 1.5; color: #fff; font-weight: 300; padding-top: 10px; } .b-team-list .team-list-item.last-list-item .member-list-caption .btn { width: auto; padding: 16px 35px; } /* awards block */ .b-awards { margin-bottom: 95px; } .b-awards-info { margin-bottom: 72px; } .b-awards-info .b-text { font-size: 18px; } .b-awards-icons-holder ul li { margin-bottom: 25px; margin-right: 140px; } .b-awards-icons-holder ul li:last-child { margin-right: 0; } /* history block */ .b-history {} /****** TIMELINE ******/ .round-ico { width: 40px; height: 40px; background: #fff; border: 5px solid #eff2f7; border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; } .round-ico.little { width: 25px; height: 25px; background: #fff; border: 5px solid #eeeef2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; } .wrap-timeline { position: relative; } .wrap-timeline:after { content: ''; position: absolute; top: 0; display: block; bottom: 20px; left: 50%; width: 2px; margin-left: -1px; background: #eff2f7; } .wrap-timeline .top-row .time-title { text-align: center; height: 92px; position: relative; } .wrap-timeline .top-row .time-title .round-ico { position: absolute; left: 50%; margin-left: -26px; bottom: 40px; z-index: 1; width: 52px; height: 52px; line-height: 44px; } .wrap-timeline .top-row .time-title .round-ico .icon { font-size: 16px; text-align: center; color: #727272; } .wrap-timeline .top-row .time-title .round-ico:hover { text-decoration: none; } .wrap-timeline .top-row .time-title .round-ico:after { content: ''; display: block; position: absolute; width: 2px; height: 52px; left: 50%; top: 42px; margin-left: -1px; background: #eff2f7; } .wrap-timeline .row { position: relative; } .wrap-timeline .row>.round-ico.big { position: absolute; top: -5px; left: 50%; margin-left: -20px; z-index: 1; } .wrap-timeline .row>.round-ico.big:after { content: ''; display: block; position: absolute; width: 34px; height: 1px; left: 100%; top: 13px; background: #cacddc; } .wrap-timeline .row>.round-ico.big:before { position: absolute; content: ''; display: block; width: 7px; height: 7px; right: -37px; top: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #cacddc; } .wrap-timeline .row>.round-ico.little { position: absolute; top: 0px; left: 50%; margin-left: -13px; z-index: 1; } .wrap-timeline .row>.round-ico.little:after { content: ''; display: block; position: absolute; width: 34px; height: 1px; right: 100%; top: 6px; background: #cacddc; } .wrap-timeline .row>.round-ico.little:before { position: absolute; content: ''; display: block; width: 7px; height: 7px; left: -37px; top: 3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #cacddc; } .wrap-timeline .left-row { text-align: right; margin-bottom: 20px; } .wrap-timeline .right-row { text-align: left; margin-bottom: 20px; } .wrap-timeline .right-row .time-item { padding-left: 80px; } .wrap-timeline .left-row .time-item { padding-right: 80px; } .wrap-timeline .time-item { padding-top: 7px; } .wrap-timeline .time-item .date { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #28ad62; margin-bottom: 10px; line-height: 1.1; } .wrap-timeline .time-item .time-image img { max-width: 420px; margin-bottom: 20px; width: 100%; height: auto; border: 5px solid #eff2f7; border-radius: 2px; } .wrap-timeline .time-item .title { font-size: 23px; color: #333333; margin-bottom: 16px; line-height: 1.1; font-weight: 600; } .wrap-timeline .time-item .time-content p:last-child { margin-bottom: 0; } .wrap-timeline .time-item .time-content , .wrap-timeline .time-item .time-content p{ color: #888888; line-height: 1.9; font-size: 15px; } .wrap-timeline .plus .plus-ico { cursor: pointer; display: block; z-index: 1; margin: 0 auto; position: relative; width: 50px; height: 50px; background: #fff; border: 5px solid #eeeef2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; font-size: 30px; line-height: 40px; text-align: center; text-decoration: none; padding: 0; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #cacddc; } .wrap-timeline .plus .plus-ico:after { content: ''; display: block; position: absolute; width: 2px; height: 10px; left: 50%; margin-left: -1px; bottom: 100%; background: #eff2f7; } .wrap-timeline .plus .plus-ico:hover { color: #fff; background: #28ad62; box-shadow: none; } .wrap-timeline .plus .plus-ico.inactive { cursor: auto; } .wrap-timeline .plus .plus-ico.inactive:hover { background: #fff; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; } .text-white .wrap-timeline .time-item .title { color: #ffffff; } /* my services block */ .b-myservices { margin-bottom: 95px; } /* history/my services slider */ .b-pager-slideshow-holder, .b-pager-slideshow-holder-mod { position: relative; margin-bottom: 115px; } .b-pager-slideshow-holder .custom-slideshow-controls span, .b-pager-slideshow-holder-mod .custom-slideshow-controls span { top: 50%; margin-top: -24px; } .b-pager-slideshow-holder #pager-slideshow-prev, .b-pager-slideshow-holder-mod #pager-slideshow-prev, .b-pager-slideshow-holder #pager-history-prev, .b-pager-slideshow-holder-mod #pager-history-prev { left: -21px; } .b-pager-slideshow-holder #pager-slideshow-next, .b-pager-slideshow-holder-mod #pager-slideshow-next, .b-pager-slideshow-holder #pager-history-next, .b-pager-slideshow-holder-mod #pager-history-next, #pager-reviews-next, #pager-services-next { right: -21px; } .b-pager-slideshow-holder-mod { margin-bottom: 48px; } .pager-item { padding: 0 15px; text-align: center; } .pager-item .pager-item-title { font-size: 30px; color: #23272c; margin-bottom: 15px; font-weight: 400; } .text-white-color .pager-item .pager-item-title { color: #fff; } .text-white-color .custom-pager a.active .circle, .text-white-color .custom-pager-mod a.active .circle { background: #fff !important; opacity: 1; } .text-white-color .bx-wrapper * { color: #fff; } .text-white-color .bx-wrapper .btn { color: inherit !important; } .text-white-color .bx-wrapper .btn:hover { color: #fff !important; } .text-white-color .custom-pager a, .text-white-color .custom-pager-mod a { color: #fff; } .pager-item .pager-item-description { font-size: 20px; font-weight: 300; padding: 0 100px; } .pager-item .btn { margin-top: 34px; } .custom-pager, .custom-pager-mod { text-align: center; position: relative; overflow: hidden; margin-bottom: 55px; } .custom-pager a, .custom-pager-mod a { display: inline-block; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #bfc9ce; margin: 0 2.5%; position: relative; } .custom-pager a .pager-title, .custom-pager-mod a .pager-title { display: inline-block; padding: 5px 16px; background: transparent; border-radius: 20px; margin-bottom: 6px; position: relative; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; } .custom-pager a .pager-title:before, .custom-pager-mod a .pager-title:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: transparent transparent transparent transparent; bottom: -4px; left: 0; right: 0; margin: 0 auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .custom-pager a .circle, .custom-pager-mod a .circle { display: block; margin: 0 auto; width: 11px; height: 11px; border-radius: 50%; background: rgba(0, 200, 200, 0); position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .custom-pager a .circle:before, .custom-pager-mod a .circle:before { content: ''; display: block; position: absolute; width: 87px; height: 1px; background: #e6e6e6; top: 50%; margin-top: -0.5px; right: 12px; } .custom-pager a .circle:after, .custom-pager-mod a .circle:after { content: ''; display: block; position: absolute; width: 96px; height: 1px; background: #e6e6e6; top: 50%; margin-top: -0.5px; left: 12px; } .custom-pager a .circle .inner-circle, .custom-pager-mod a .circle .inner-circle { display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #e6e6e6; background: transparent; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -4px; } .custom-pager a .pager-icon, .custom-pager-mod a .pager-icon { font-size: 48px; } .custom-pager a.active, .custom-pager-mod a.active { color: #fff; } .custom-pager a.active .pager-title, .custom-pager-mod a.active .pager-title { background: #00c8c8; } .custom-pager a.active .pager-title:before, .custom-pager-mod a.active .pager-title:before { border-color: #00c8c8 transparent transparent transparent; } .custom-pager a.active .circle, .custom-pager-mod a.active .circle { background: rgba(0, 200, 200, 0.3); } .custom-pager a.active .circle .inner-circle, .custom-pager-mod a.active .circle .inner-circle { border-color: transparent; background: #00c8c8; } .custom-pager-mod a { font-weight: normal; margin: 0 2%; } .custom-pager-mod a .pager-title { margin-top: 10px; letter-spacing: 1px; font-weight: bold; } .custom-pager-mod a .pager-icon { padding: 2px; } .custom-pager-mod a .circle::before, .custom-pager-mod a .circle::after { width: 100px; } .custom-pager-mod a:first-child .circle::before { display: none; } .custom-pager-mod a:last-child .circle::after { display: none; } .custom-pager-mod a.active { color: #23272c; } .custom-pager-mod a.active .pager-title { background: none; } .custom-pager-mod a.active .pager-title:before { display: none; } .custom-pager a.active .pager-title, .custom-pager-mod a.active .pager-title { color: #fff; } /* quote block */ .b-quote { padding-top: 110px; padding-bottom: 20px; } .b-quote-caption .quote-icon { font-size: 38px; margin-top: -35px; color: #337ab7; } .b-quote-caption .quote-title { font-size: 45px; color: #23272c; font-weight: 400; margin: 14px 0 10px; } .b-quote-caption .quote-text { font-size: 18px; line-height: 1.6; margin-bottom: 38px; } .b-quote-caption .quote-author { float: left; } .b-quote-caption .quote-author .quote-author-name { color: #23272c; font-weight: 400; font-size: 20px; } .b-quote-caption .quote-author .quote-author-position { font-size: 14px; } .b-quote-caption .quote-sign { margin-top: 12px; float: right; max-width: 120px; } .b-quote-caption .quote-sign img { width: 100%; height: auto; } .b-quote-photo { margin-top: -200px; margin-right: -15%; margin-left: 110px; position: relative; top: auto; bottom: -48px; } .b-quote-photo img{ max-width: 100%; height: auto; } /* about tabs block */ .b-about-tabs { padding: 0; position: relative; color: #fff; background-size: cover; } /* about me big block */ .b-aboutme { background: #f6f8f9; margin-bottom: 122px; display: flex; flex-direction: row; align-items: stretch; position: relative; overflow: hidden; } .b-aboutme .left-side, .b-aboutme .right-side { width: 50%; position: relative; } .b-aboutme .b-big-img { position: relative; overflow: hidden; } .b-aboutme .b-camera { position: absolute; top: 65%; right: -135px; margin-top: -284px; } .b-aboutme .right-side { display: flex; justify-content: center; align-items: center; } .b-aboutme .b-quote { padding: 0 15% 0 25%; } .b-aboutme .b-socials { float: left; } .b-aboutme .b-socials a { color: inherit; } /* skills block */ .skills-caption .skills-title { font-size: 40px; color: #23272c; font-weight: 300; margin: 0 0 30px; } .skills-caption p { font-size: 18px; line-height: 1.65; margin-bottom: 20px; } .skills-item { margin-bottom: 30px; } .bar-caption { margin-bottom: 12px; } .bar-caption .bar-title { float: left; font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; } .bar-caption .bar-percent { margin-top: -1px; float: right; font-size: 14px; } .bar { height: 5px; position: relative; background: #e8edf0; border-radius: 25px; } .bar>span { display: block; height: 5px; border-radius: 25px; position: relative; overflow: hidden; } /* recent works carousel */ .b-recent-works { margin-bottom: -60px; } .b-recent-works .b-slick-holder .slick-slider .slick-list { padding: 20px 0 !important; } .recent-carousel-item { margin-bottom: 15px; } .recent-gallery { transform: scale(1); position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .recent-gallery .recent-caption { position: relative; background: #fff; font-family: 'Poppins', sans-serif; font-weight: 300; color: inherit; padding: 18px 15px 18px 30px; font-size: 12px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .recent-gallery .recent-caption i { margin-right: 12px; } .recent-carousel-item.slick-active .recent-gallery { z-index: 2; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); transform: scale(1.06); } .recent-carousel-item.slick-active .recent-gallery .recent-caption { opacity: 1; } /* clients block */ .b-clients { margin-bottom: 75px; } .clients-list { margin-bottom: 0; text-align: center; } .clients-list li { margin: 0 24px 25px; } .clients-list a { display: block; opacity: .5; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -ms-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear; } .clients-list a:hover { opacity: 1; } .owl-item .twitter-feed { max-width: 500px; margin: 0 auto; padding: 0; } .twitter article { padding: 120px 0 90px; text-align: center; } .twitter article i { font-size: 36px; margin-bottom: 24px; } .twitter article p { font-size: 24px; line-height: 1.6; margin-bottom: 0; } .twitter article p a { text-decoration: underline; } .text-white .twitter article p a { color: #fff; } .tw-fot { padding-top: 20px; } .tw-fot * { font-style: normal !important; } .twitter article footer { font-weight: 500; margin-top: 25px; letter-spacing: -.03em; text-transform: uppercase; color: #fff; } .twitter article footer cite { letter-spacing: -.1em; text-transform: none; color: rgba(255, 255, 255, .4); font-style: normal; } .twitter:hover .owl-pagination { opacity: 1 !important } .twitter .owl-carousel .owl-controls .owl-pagination { margin-top: 30px; padding-top: 20px; opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; position: absolute; right: 0; top: 0; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .twitter .owl-carousel .owl-controls .owl-pagination .owl-page { display: block; } .twitter .owl-carousel .owl-controls .owl-pagination .owl-page:not(:first-of-type) { margin-left: 0; } .twitter .owl-carousel .owl-controls .owl-pagination .owl-page span { display: block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(255, 255, 255, .4); } .twitter .owl-carousel .owl-controls .owl-pagination .owl-page.active span { background-color: #fff; } .blog { margin-bottom: 0; clear: both; } .blog .post .post-heading { position: relative; } .blog .post .post-heading .post-image { display: block; overflow: hidden; height: 230px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .blog .post .post-heading .post-image img { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .blog .post .post-heading .post-image:hover img { transform: scale(1.1); opacity: 0.9; } .blog .post .post-heading .post-avatar { position: absolute; right: 25px; bottom: -35px; } .blog .post .post-heading .post-avatar>img { width: 70px; height: 70px; border: 5px solid #fff; border-radius: 50%; } .blog .post .post-body { padding: 0; border-top: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .wrap-info .rtd > .vc_row{ margin-left:0 !important; margin-right:0 !important; } .blog .post .post-body .vc_column_container>.vc_column-inner { box-sizing: border-box; padding-left: 0; padding-right: 0; width: 100%; } .blog .post .post-body ul li:first-of-type { margin-right: 20px; } .blog .post .post-body ul i { margin-right: .5em; } /* blog page isotope */ .b-blog .grid-sizer, .b-blog .grid-item { width: 50%; } /* blog items 2 columns */ .b-blog__item.grid-item { padding: 0 15px; } .blog-item-content { background: #fff; position: relative; margin-bottom: 32px; } .blog-item-content .blog-item-img { display: block; float: left; position: relative; } .blog-item-content .blog-item-img:before { content: ''; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .blog-item-content .blog-item-img .blog-category { display: inline-block; padding: 3px 11px; background: rgba(0, 0, 0, 0.7); color: #fff !important; font-weight: 500; text-transform: uppercase; position: absolute; left: 24px; top: 36px; border-radius: 25px; font-size: 10px; letter-spacing: 1px; } .blog-item-content .blog-item-caption { position: relative; overflow: hidden; padding: 35px 35px 0; height: 300px; } .blog-item-content.blog-item-no-image .blog-item-caption { padding: 78px 35px 35px 35px; } .blog-item-content.blog-item-no-image .blog-item-caption .item-data { position: absolute; right: 25px; } .blog-item-content .blog-item-caption .item-data { color: #bfc9ce !important; font-style: normal; font-size: 14px; margin-bottom: 22px; } .blog-item-content .blog-item-caption .item-name, .blog-item-content .blog-item-caption .item-name a { color: #23272c; font-size: 24px; margin: 0 0 26px; line-height: 1.3; } .blog-item-content .blog-item-caption .item-description { margin-bottom: 32px; } .blog-item-caption * { color: #333 !important; } .blog-item-content .blog-item-caption .item-read-more { line-height: 2px; display: block; border: 1px solid #e8ecef; color: #a6afb4; border-radius: 10px; width: 30px; height: 14px; text-align: center; font-size: 20px; letter-spacing: .5px; -webkit-transition: border-color 0.4s linear; -moz-transition: border-color 0.4s linear; -ms-transition: border-color 0.4s linear; -o-transition: border-color 0.4s linear; transition: border-color 0.4s linear; } .blog-item-content .blog-author { position: absolute; left: 56%; bottom: 30px; } .blog-item-content .blog-author .blog-author-userpic { display: inline-block; vertical-align: middle; margin-right: 6px; } .blog-item-content .blog-author .blog-author-userpic img { border-radius: 50%; } .blog-item-content .blog-author .blog-author-name { display: inline-block; font-weight: 500; } .blog-item-content:hover .blog-item-img:before { width: 100%; } /* blog classic page */ .b-blog-classic { margin-top: 48px; margin-bottom: 92px; } .b-blog-classic .b-blog-items-holder { margin-right: 36px; border-right: 1px solid #e8ecef; } .b-blog-classic .blog-item-content { border-radius: 0; box-shadow: none; margin-bottom: 40px; } .b-blog-classic .blog-item-content .blog-item-img:before { width: 100%; height: 100%; opacity: 0; } .b-blog-classic .blog-item-content .blog-item-img .blog-category { left: 40px; top: 42px; } .b-blog-classic .blog-item-content .blog-item-caption { padding: 44px 60px 0 50px; } .b-blog-classic .blog-item-content .blog-item-caption .item-data { margin-bottom: 18px; } .b-blog-classic .blog-item-content .blog-item-caption .item-name { margin-bottom: 20px; } .b-blog-classic .blog-item-content .blog-item-caption .item-description { margin-bottom: 36px; } .b-blog-classic .blog-item-content .blog-item-caption .item-read-more { margin-bottom: 40px; } .b-blog-classic .blog-item-content .blog-author { position: static; } .b-blog-classic .blog-item-content:hover .blog-item-img:before { opacity: .7; } /* popular blog items */ .b-popular .blog-item-content { margin-bottom: 20px; box-shadow: none; } .b-popular .blog-item-content:last-child { margin-bottom: 0; } .b-popular .blog-item-content .blog-item-caption { padding: 0 0 0 20px; } .b-popular .blog-item-content .blog-item-caption .item-data { margin-bottom: 8px; } .b-popular .blog-item-content .blog-item-caption .item-name { font-size: 16px; font-weight: 500; margin-bottom: 0; } /* blog classic page */ .b-blog-single { margin-top: 36px; } .b-blog-single .b-blog-single-content { line-height: 2; position: relative; padding-bottom: 62px; } .b-blog-single .b-blog-single-content:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; right: -64px; top: 0; border-right: 1px solid #e8ecef; } .b-blog-single .b-blog-single-content .blog-item-content { box-shadow: none; margin-bottom: 0; } .b-blog-single .b-blog-single-content .blog-item-content .blog-item-caption { padding: 0; } .b-blog-single .b-blog-single-content .blog-item-content .blog-item-caption .item-name { line-height: 1.5; margin-bottom: 30px; } .b-blog-single .b-blog-single-content .blog-item-content .blog-item-caption .item-description { margin-bottom: 50px; } .b-blog-single .b-text { margin-bottom: 52px; } .b-blog-single .b-text .b-text-title { font-size: 30px; color: #23272c; margin: 0 0 20px; } .b-blog-single .b-text p { margin-bottom: 0; } .b-blog-single .b-text-2-columns { margin-bottom: 26px; } .b-blog-single .b-text-list { padding-top: 20px; } .b-blog-single .b-text-list li { margin-bottom: 24px; } .b-blog-single .b-text-list li:last-child { margin-bottom: 35px; } .b-blog-single .b-text-list .order { float: left; font-size: 18px; font-weight: 500; color: #246bad; line-height: 1.1; margin-right: 50px; } .b-blog-single .b-text-list .content { position: relative; overflow: hidden; } .b-single-tags-share { -webkit-box-shadow: 0px 3px 15px 4px #e7e7e7; -moz-box-shadow: 0px 3px 15px 4px #e7e7e7; box-shadow: 0px 3px 15px 4px #e7e7e7; padding: 28px 0 17px; margin-bottom: 62px; } .b-single-tags-share .b-tags { margin-left: 6.5%; } .b-single-tags-share .b-socials { margin-right: 15.5%; } .b-single-tags-share .b-socials li { margin-right: 7px; } .b-single-tags-share .b-socials a { color: #bfc9ce; } .b-single-tags-share ul { margin: 0; } /* single blog page slideshow */ .b-single-slideshow-holder { -webkit-box-shadow: 0px 3px 15px 4px #e7e7e7; -moz-box-shadow: 0px 3px 15px 4px #e7e7e7; box-shadow: 0px 3px 15px 4px #e7e7e7; position: relative; margin-bottom: 55px; } .b-single-slideshow-holder .bx-wrapper .bx-caption { position: relative; background: #fff; } .b-single-slideshow-holder .bx-wrapper .bx-caption span { font-family: 'Poppins', sans-serif; font-weight: 300; color: inherit; position: relative; padding: 18px 15px 18px 30px; font-size: 12px; } .b-single-slideshow-holder .bx-wrapper .bx-caption span:before { font-family: FontAwesome; content: "\f030"; margin-right: 12px; } .b-single-slideshow-holder .custom-slideshow-controls span { top: 45%; margin-top: -24px; } .b-single-slideshow-holder #single-slideshow-prev { left: -21px; } .b-single-slideshow-holder #single-slideshow-next { right: -21px; } /* single blog page comments */ .b-comments-holder { margin-bottom: 24px; } .b-comments-holder .comment-item { margin-bottom: 30px; padding-bottom: 24px; border-bottom: 1px dotted #cccccc; } .b-comments-holder .comment-item:last-child { margin-bottom: 0; border: none; } .comment-item .comment-userpic { float: left; margin-right: 30px; margin-top: 10px; } .comment-item .comment-caption { position: relative; overflow: hidden; } .comment-item .comment-caption .comment-username { display: inline-block; color: #23272c; font-weight: 500; margin-right: 38px; } .comment-item .comment-caption .comment-data { display: inline-block; font-size: 14px; font-style: italic; color: #bfc9ce; } /* comments reply block */ .b-reply { background: #f6f8f9; padding: 50px 52px 18px; } /* isotope sorting controls */ .b-gallery-sorting-holder { border-bottom: 1px solid #e8ecef; margin-bottom: 50px; } .b-items-sort { margin: 0; } .b-items-sort li { padding: 0; margin: 0 36px; } .b-items-sort li a { display: block; padding-bottom: 53px; font-size: 13px; font-weight: 500; letter-spacing: 1px; position: relative; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; } .b-items-sort li a:hover { color: #23272c; } .b-items-sort li a:after { content: ''; display: block; width: 100%; height: 2px; background: transparent; position: absolute; bottom: -2px; left: 0; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -ms-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; } .b-items-sort li a.current { color: #23272c; } /* gallery page isotope */ .b-isotope { margin-bottom: 25px; } /* gallery page */ .b-gallery .grid-sizer, .b-gallery .grid-item { width: 33.33333333%; } .b-gallery-2 .grid-sizer, .b-gallery-2 .grid-item { width: 50%; } .b-gallery-1__item, .b-gallery-2__item { float: left; padding: 0 15px; } .b-gallery-3 .grid-sizer, .b-gallery-3 .grid-item { width: 20%; } .b-gallery-3 .grid-item-horiz { width: 40%; } .b-gallery-3 .grid-item-vertic { width: 20%; } .b-gallery-3__item { float: left; } /* gallery items */ .load-more a, .portfolio-pagination-loading a { width: auto; height: 50px; border: 0 !important; border-radius: 30px; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 14px; letter-spacing: 1px; display: inline-block; background: none; padding: 14px 46px; margin: 0 18px; vertical-align: middle; color: #fff !important; margin-bottom: 50px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } html .portfolio-pagination-loading a { line-height: 24px; } .load-more a:hover, .portfolio-pagination-loading a:hover { box-shadow: none; } .portfolio-pagination, .portfolio-pagination-loading { padding-top: 50px; } .gallery-item-content { margin-bottom: 50px; } .gallery-item-content .gallery-item-img { display: block; position: relative; overflow: hidden; border-radius: 2px; } .gallery-item-hover { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .gallery-item-hover a { display: inline-block; position: relative; padding: 0 18px; font-size: 20px; top: -45px; color: #fff !important; } .pix-no-space .gallery-item-hover a { top: 0; } .gallery-item-hover a img { display: none; visibility: hidden; } .gallery-item-hover a:before { content: ''; display: block; width: 40px; height: 40px; border: 2px solid #fff; border-radius: 50%; background: transparent; position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .portfolio-image:hover .gallery-item-hover { opacity: 0.8; } .gallery-item-hover a:hover { cursor: pointer; } .item-hover-icon { font-size: 16px; } .item-hover-icon i { position: relative; top: -2px; } .gallery-item-hover a:hover:before { background: #ff9801 !important; } .gallery-item-hover a:hover .item-hover-icon i {} .gallery-item-caption { background: rgba(255, 255, 255, 0.95); border-radius: 2px; width: 92%; height: 100px; margin: -85px auto 0; position: relative; z-index: 4; padding: 28px 15px; -webkit-box-shadow: 0px 10px 20px 5px #e7e7e7; -moz-box-shadow: 0px 10px 20px 5px #e7e7e7; box-shadow: 0px 10px 20px 5px #e7e7e7; } .gallery-item-caption p { margin-bottom: 0; } .gallery-item-caption .item-name { color: #23272c; font-weight: 500; } .gallery-item-caption .item-category { font-weight: 400; } .b-gallery-2 .gallery-item-content .gallery-item-caption { width: 65%; } .b-gallery-3 .gallery-item-content { margin-bottom: 0; } .b-gallery-3 .gallery-item-content .gallery-item-img { border-radius: 0; } .b-gallery-3 .gallery-item-content:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ''; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .b-gallery-3 .gallery-item-content:hover:after { box-shadow: 0 0 0 5px #fff, 0 5px 30px rgba(4, 4, 4, 0.15); } /* single gallery page carousel */ .b-single-gallery-carousel { -webkit-box-shadow: 0px 4px 8px 8px rgba(226, 226, 226, 0.85); -moz-box-shadow: 0px 4px 8px 8px rgba(226, 226, 226, 0.85); box-shadow: 0px 4px 8px 8px rgba(226, 226, 226, 0.85); background: rgba(226, 226, 226, 0.85); } .b-single-gallery-carousel .single-gallery-item { width: 1170px; } /* block with similar galleries */ .b-similar { margin-bottom: 52px; } .gallery-carousel-controls ul { margin-top: 60px; margin-bottom: 40px; font-size: 0; } .gallery-carousel-controls .owl-nav-btns { display: inline-block; vertical-align: middle; text-align: center; width: 50px; height: 50px; border: 1px solid #e9ecef; border-radius: 50%; font-size: 25px; color: #bfc9ce; cursor: pointer; } .gallery-carousel-controls .owl-nav-btns i { vertical-align: -2px; cursor: pointer; } .gallery-carousel-controls .owl-nav-btns:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .gallery-carousel-controls .share-button { width: auto; height: 50px; border: 1px solid #e9ecef; border-radius: 30px; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 13px; letter-spacing: 1px; display: inline-block; background: none; padding: 14px 46px 14px 46px; margin: 0 18px; vertical-align: middle; color: inherit; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .gallery-carousel-controls .owl-nav-btns { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .gallery-carousel-controls .share-button:hover, .gallery-carousel-controls .owl-nav-btns:hover { background: #246bad; color: #fff; } .gallery-carousel-controls .share-button i { padding-right: 4px; } .gallery-carousel-controls .share-button:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } /* service page */ .b-service-page .b-mono-bg { padding-top: 75px; background: #f6f8f9; position: relative; overflow: hidden; } .b-title-service, .b-title-service-mod { margin-bottom: 95px; padding-top: 70px; } .b-title-service .btn, .b-title-service-mod .btn { margin-top: 54px; margin-bottom: 15px; } .b-title-service .b-text p, .b-title-service-mod .b-text p { line-height: 1.5; font-size: 24px; font-weight: 300; } .b-title-service-mod { margin-bottom: 0; } .b-links ul { padding: 25px 25px 25px; border: 1px solid #e8ecef; position: relative; } .b-links ul:before { content: ''; display: block; position: absolute; width: 80%; height: 3px; top: -2px; left: 0; right: 0; margin: 0 auto; } .b-links li { padding-left: 18px; position: relative; margin-bottom: 14px; } .b-links li:before { content: '\f105'; font-family: FontAwesome; display: inline-block; font-size: 14px; position: absolute; top: 3px; left: 3px; color: #ced6df; } .b-links li:first-child:before { display: none; } .b-links a { font-size: 14px; } /* features columns */ .b-features-columns-holder { position: relative; } .b-features-column, .b-features-column-mod { margin: 16px 0; padding: 40px 40px 50px; background: #fff; text-align: center; -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; } .b-features-column .features-column-icon, .b-features-column-mod .features-column-icon { font-size: 48px; margin-bottom: 25px; position: relative; } .b-features-column .features-column-icon i, .b-features-column-mod .features-column-icon i { padding: 40px; } .b-features-column .features-column-title, .b-features-column-mod .features-column-title, .b-features-column * { font-size: 30px; margin: 0 0 22px; color: #333; position: relative; } .b-features-column:hover *, .b-features-column:hover *, .b-features-column-mod:hover i { color: #fff !important; -webkit-text-fill-color: inherit; -moz-text-fill-color: inherit; text-fill-color: inherit; } .b-features-column .features-column-text, .b-features-column-mod .features-column-text .features-column-icon i { font-size: 16px; margin-bottom: 25px; position: relative; padding: 0 20px; } .b-features-column .btn, .b-features-column-mod .btn { padding: 16px 50px; position: relative; } .b-features-column:before, .b-features-column-mod:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; } .b-features-column:hover, .b-features-column-mod:hover { color: #fff; } .b-features-column:hover:before, .b-features-column-mod:hover:before { opacity: 1; } .b-features-column:hover .features-column-icon i:before, .b-features-column-mod:hover .features-column-icon i:before { background: inherit; -webkit-text-fill-color: inherit; } .b-features-column:hover .features-column-title, .b-features-column-mod:hover .features-column-title { color: #fff !important; } .b-features-column-mod:hover .features-column-text * { color: #fff !important; } .b-features-column-mod:hover .features-column-text * { position: relative; z-index: 7; } .b-features-column:hover .btn, .b-features-column-mod:hover .btn { color: #fff; background: rgba(255, 255, 255, 0.3); border-color: transparent; } .b-features-column:hover .btn:hover, .b-features-column-mod:hover .btn:hover { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .b-features-column-mod { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 15px; height: 100%; margin: 0; min-height: 455px; } .b-features-column-mod .features-column-title { font-size: 24px; } /* price offers */ .b-offers-holder, .b-offers-holder-full { padding: 0 115px; display: flex; flex-direction: row; align-items: stretch; } .b-offers-holder-full { padding: 0; } .offer-item { margin-bottom: 15px; padding: 15px 0; position: relative; } .offer-item .offer-content { background: #fff; padding: 42px 0 42px; position: relative; -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1); } .offer-item .offer-name { font-size: 24px; color: #23272c; margin-bottom: -8px; padding: 0 5px; } .offer-item .offer-price { font-weight: 500; font-size: 65px; color: #23272c; margin-bottom: 28px; padding: 0 5px; position: relative; display: inline-block; } .offer-item .offer-price .price-currency { display: inline-block; font-style: normal; font-size: 28px; color: #bfc9ce; position: absolute; top: 15px; left: -21px; } .offer-item .offer-price .price-limit { font-weight: normal; font-style: italic; display: block; font-size: 16px; color: #bfc9ce; } .offer-item .btn { display: block; margin: 0 auto; padding: 16px 60px; background: #fff; } .offer-item .offer-advantages { border-top: 1px solid #e8ecef; padding: 70px 0 0; margin-top: -24px; } .offer-item .offer-advantages li { font-size: 16px; margin-bottom: 15px; padding: 0 5px; } .offer-item .offer-advantages li i { margin-right: 5px; } .offer-item .offer-advantages li.not-include { opacity: .45; } .offer-item .offer-advantages li:last-child { padding-top: 10px; } .offer-item .offer-advantages li:last-child i { font-size: 20px; margin: 0; } .offer-item.even-item .offer-content { background: transparent; border-color: transparent; -webkit-box-shadow: 0px 1px 4px 1px transparent; -moz-box-shadow: 0px 1px 4px 1px transparent; box-shadow: 0px 1px 4px 1px transparent; } .offer-item.even-item .offer-name, .offer-item.even-item .offer-price, .offer-item.even-item .offer-price span, .offer-item.even-item .btn, .offer-item.even-item .offer-advantages li { color: #fff; } .offers-info-text { font-size: 18px; line-height: 1.5; padding: 48px 15px 103px; } /* reviews content */ .b-reviews-content { position: relative; z-index: 1; padding-bottom: 120px; } .b-reviews-content .custom-slideshow-controls span { background: rgba(255, 255, 255, 0.1); } .reviews-pager { position: absolute; display: block; width: 100%; left: 0; right: 0; margin: 0 auto; bottom: -40px; z-index: 1; } .reviews-pager a { display: inline-block; border-radius: 50%; margin: 0 18px; -webkit-transition: transform 0.4s linear, border-color 0.25s ease; -moz-transition: transform 0.4s linear, border-color 0.25s ease; -ms-transition: transform 0.4s linear, border-color 0.25s ease; -o-transition: transform 0.4s linear, border-color 0.25s ease; transition: transform 0.4s linear, border-color 0.25s ease; } .reviews-pager a img { border: 5px solid #fff; } .reviews-pager .active { border-color: #fff; transform: scale(1.25); } .review-item { width: 68%; margin: 0 auto; color: #333; } .custom-slideshow-controls span { border: 1px solid #ddd; } .b-history .custom-slideshow-controls span { border: 0; } .b-history .custom-slideshow-controls span a { color: #fff; } .custom-slideshow-controls span a { color: #fff; } .text-white-color .review-item .review-text, .text-white-color .review-item .review-title, .text-white-color .review-item .review-author, .text-white-color .b-stars li { color: #fff; } .text-white-color .custom-slideshow-controls span { border: 0; } .review-item .review-title { font-size: 30px; color: inherit; margin: 14px 0 20px; font-weight: normal; } .review-item .review-text { font-size: 24px; font-weight: 300; font-style: italic; line-height: 1.5; margin-bottom: 18px; opacity: .7; } .review-item .review-author { font-weight: 500; font-size: 16px; } .review-item .review-author .pre-line { display: inline-block; vertical-align: middle; width: 12px; height: 1px; background: #fff; margin-right: 2px; } /* service page last works*/ .b-last-works { margin-bottom: 0px; } .b-last-works .b-upper-title { margin-bottom: -95px; } .b-last-works .b-slider-holder { position: relative; padding-top: 45px; padding-bottom: 40px; overflow: hidden; } .b-last-works .mac-wrapper { width: 1025px; height: 576px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 1111; } .b-last-works .b-single-gallery-carousel { background: transparent; box-shadow: none; max-height: 500px; overflow: hidden; } .b-last-works .b-single-gallery-carousel .single-gallery-item { width: 710px; margin: 0 25px; } .b-last-works .b-single-gallery-carousel .single-gallery-item img { border-radius: 0; } .b-last-works .single-gallery-item { opacity: .5; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .b-last-works .center .single-gallery-item { opacity: 1; } /* ask content */ .b-ask-content { color: #fff; position: relative; z-index: 1; } .b-ask-content .big-title-mod { color: inherit; } .b-ask-content .b-text { margin-bottom: 34px; } .b-ask-content .b-text p { font-weight: 300; font-size: 20px; opacity: .6; } /* services scroll slider */ .b-scroll-slide .b-upper-title { margin: -40px 0 -155px; } /* 4 column`s with additional info */ .b-add-info-holder { padding-top: 125px; margin-bottom: 78px; color: #fff; position: relative; z-index: 1; } .b-add-info-holder .row.equal>[class*="col-"] { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .b-add-info { margin-bottom: 52px; } .b-add-info .add-info-number { float: left; margin-right: 25px; } .b-add-info .add-info-number, .b-add-info .add-info-content-title { font-weight: 500; font-size: 18px; } .b-add-info .add-info-content { position: relative; overflow: hidden; } .b-add-info .add-info-content-title { margin-bottom: 8px; } .b-add-info .add-info-content-text { font-size: 16px; } /* about us additional */ .b-about-additional { margin-bottom: 42px; padding-top: 75px; } .b-about-additional .b-upper-title { margin: 18px 0 -55px; } .about-additional-img { margin-top: -132px; margin-bottom: 25px; -webkit-box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.1); } .about-additional-img img { border-radius: inherit; } .about-additional-content { margin-bottom: 25px; } .about-additional-content .inherit-title { color: #23272c; margin-bottom: 30px; } .about-additional-content .about-additional-text { font-size: 18px; line-height: 1.6; margin-bottom: 40px; } /* mac wrapper mod */ .container-absolute { position: absolute; top: 278px; left: -15px; right: 0; margin: 0 auto; width: 100%; } .mac-wrapper-mod { position: absolute; right: 0; top: 0; z-index: 2; } .mac-wrapper-mod:before { content: ''; display: block; background: url("../../images/content/texture/mac-mod.png") no-repeat; width: 840px; height: 695px; position: absolute; top: 0; left: 0; } .mac-wrapper-mod a { display: block; width: 578px; height: 365px; position: relative; left: 130px; top: 30px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .mac-wrapper-mod a:hover { opacity: .7; } /* home page */ /* home page slider */ .b-home-slider-holder { position: relative; } .b-home-slider-holder .home-slide { visibility: hidden; } .b-home-slider-holder .home-slide.slick-current { visibility: visible; } .b-home-slider-holder .b-slick-arrows { width: auto !important; } .b-home-slider-holder .b-slick-arrows .slick-arrows-prev { left: 5%; } .b-home-slider-holder .b-slick-arrows .slick-arrows-next { right: 5%; } .b-home-slider-holder .custom-slideshow-controls span { background: transparent; border: 1px solid #00c8c8; } .b-home-slider-content .home-slider-text { font-size: 24px; font-weight: 300; margin-bottom: 45px; } /* home page content */ .b-homepage-content .b-layer-main { padding-top: 122px; } .b-homepage-content .b-about .b-info-columns-holder { padding-top: 45px; margin-bottom: 0; } .b-homepage-content .b-last-works { margin-bottom: 22px; } .b-homepage-content .gallery-carousel-controls ul { margin: 5px 0; } .b-homepage-content .b-title-service, .b-homepage-content .b-title-service-mod, .b-homepage-content .b-title-service-mod { margin-bottom: 65px; } .b-homepage-content .b-regular-tabs .tab-content { padding-bottom: 95px; } .b-homepage-content .b-team-holder { margin-bottom: 100px; } .b-homepage-content .b-skills { margin-bottom: 65px; } .tab-content li:before { display: none !important; } /* home page ver 02 */ /* modified features block */ .b-home-features .page-arrow { top: auto; bottom: -28px; z-index: 2; } .b-home-features .b-features-columns-holder { padding-top: 10px; } .b-home-features .b-features-columns-holder .row>[class*='col-'] { padding: 0; } .b-home-features .b-features-column, .b-home-features .b-features-column-mod { margin: 30px 0 30px; padding: 0 40px; } .b-home-features .b-features-column .features-column-icon, .b-home-features .b-features-column-mod .features-column-icon { font-size: 90px; margin: 35px 0 0; } .b-home-features .b-features-column .features-column-icon i:before, .b-home-features .b-features-column-mod .features-column-icon i:before { -webkit-text-fill-color: inherit; font-size: 70px; } .b-home-features .b-features-column .features-column-title, .b-home-features .b-features-column-mod .features-column-title { margin: 0 0 8px; } .b-home-features .b-features-column .features-column-text, .b-home-features .b-features-column-mod .features-column-text { margin-bottom: 95px; } .b-home-features .b-features-column.even-features-column, .b-home-features .even-features-column.b-features-column-mod { margin: 0 -3px; height: 100%; border: none; z-index: 1; } .b-home-features .b-features-column.even-features-column .features-column-icon, .b-home-features .even-features-column.b-features-column-mod .features-column-icon { font-size: 90px; margin: 65px 0 0; } .b-homepage-content-mod .b-gallery-sorting-holder { margin-top: 25px; margin-bottom: 2px; border-color: transparent; } .b-homepage-content-mod .b-isotope { margin-bottom: 55px; } .b-homepage-content-mod .b-progress-list { padding-top: 50px; } .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner { background-color: #ff9801 !important; border: 5px solid #ffcb80 !important; } html .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon { font-size: 24px !important; } .page-title-box { min-height: 100px; } .tmpl-plugins-not-activated .page-title-box { min-height: auto; } .tmpl-plugins-not-activated .header-section { padding-top: 120px !important; } .farvis_steps { border: 0 !important; } .b-regular-tabs .list-unstyled>i, .list-unstyled .fa { margin-right: 10px; color: #1395B9; } .text-white-color .b-regular-tabs .list-unstyled>i, .text-white-color .list-unstyled .fa { color: #fff !important; } .list-border-bottom li { border-bottom: 1px dotted #94f7be; padding-bottom: 15px; margin-bottom: 10px; position: relative; } .b-regular-tabs .list-unstyled li { margin-bottom: 10px; } .vc_btn3 { font-size: 14px; padding: 14px 45px !important; font-weight: 500; text-transform: uppercase; } .og-details h3 { font-weight: 400 !important; } .og-details a { border-radius: 100px !important; } .portfolio-gallery-none { display: none; } .vc_custom_heading h4 { color: #23272c !important; font-size: 20px !important; font-weight: 400 !important; } /* Tabs */ .tab-content { margin: 0; } @media (min-width: 769px) { .nav-tabs-alt>li { float: left; } } .nav-tabs-alt {} .nav-tabs-alt li:before { display: none !important; } .nav-tabs-alt>li>a { font-weight: 500; line-height: 2.14285714; } .nav-tabs-one>li>a { border: 1px solid #e8e9ed; border-left: 0; border-radius: 0; } .nav-tabs-one>li>a:hover { color: #28ad62; } .nav-tabs-one>li:first-of-type>a { border-left: 1px solid #e8e9ed; border-radius: 3px 0 0 3px; } .nav-tabs-one>li:last-of-type>a { border-radius: 0 3px 3px 0; } .nav-tabs-one>li.active>a, .nav-tabs-one>li.active>a:hover, .nav-tabs-one>li.active>a:focus { cursor: default; color: #fff; border-color: #28ad62; background-color: #28ad62; } .nav-tabs-two>li>a { border-bottom: 2px solid #e8e9ed; border-radius: 0; } .nav-tabs-two>li>a:hover { color: #28ad62; } .nav-tabs-two>li.active>a, .nav-tabs-two>li.active>a:hover, .nav-tabs-two>li.active>a:focus { cursor: default; color: #2b2e33; border-color: #28ad62; } .nav-tabs-two.nav-tab-inverse>li.active>a, .nav-tabs-two.nav-tab-inverse>li.active>a:hover, .nav-tabs-two.nav-tab-inverse>li.active>a:focus { color: #fff; } .nav-tabs-vertical { display: inline-block; } .nav-tabs-vertical>li { padding: 10px 10px 10px 0; border-right: 2px solid #e8e9ed; list-style-type: none; } .nav-tabs-vertical>li i { color: #28ad62; } .nav-tabs-vertical>li>a { font-weight: 500; line-height: 1; padding-left: 25px; display: inline-block; color: #2b2e33; font-size: 18px; } .nav-tabs-vertical>li>a:hover { color: #28ad62; } .nav-tabs-vertical>li.active { border-color: #28ad62; } .nav-tabs-vertical>li.active>a, .nav-tabs-vertical>li.active>a:hover, .nav-tabs-vertical>li.active>a:focus { cursor: default; color: #2b2e33; } .tab-pane-vertical p { margin-bottom: 0; } @media (max-width: 991px) { .tab-pane-vertical p, .tab-pane-vertical h4 { margin-left: 0; } .tab-pane-vertical h4 { margin-top: 36px; } } .row-same-height { display: table; width: 100%; } .col-xs-height { display: table-cell; float: none!important; } @media (min-width: 769px) { .col-sm-height { display: table-cell; float: none!important; } } @media (min-width: 992px) { .col-md-height { display: table-cell; float: none!important; } } @media (min-width: 1200px) { .col-lg-height { display: table-cell; float: none!important; } } .img-responsive { width: 100%; } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } .wrap-tabs .col-middle { vertical-align: top; } .v-tab-img { padding-right: 15px; } .wrap-services .service-item { display: inline-block; width: 100%; } .wrap-services .service-icon { font-size: 38px; line-height: 38px; width: 15%; text-align: center; margin-top: 0; padding-right: 1%; } .text-white-color .wrap-services .service-icon, .text-white-color .striped-icon-large { color: #fff !important; } .wrap-services .service-item { margin-bottom: 30px; } .wrap-services .service-text { width: 78%; } .wrap-services .service-text .text-title { font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 5px; text-transform: uppercase; color: #222; } .wrap-services .service-text { font-size: 17px; line-height: 28px; color: #999; } .full-width-tabs .wrap-tabs-content { background: #fff; position: relative; padding: 100px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs { margin-bottom: 0; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li { background: transparent; border: 1px solid #dddddd !important; margin: 0; border-right: 0 !important; border-bottom: 0 !important; position: relative; z-index: 8; top: 0px; text-transform: uppercase; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a { background-color: #fff !important; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a span, .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a span { color: inherit; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active, .wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover { border-color: #ddd !important; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active, .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover { border-color: #dddddd !important; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li a { padding: 21px 32px 14px; text-transform: uppercase; font-weight: 500; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active { border-color: #dddddd !important; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active:before { position: absolute; left: 0; bottom: -3px; content: ''; display: inline-block; height: 5px; width: 100%; background: #fff; z-index: 9; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a span { color: inherit; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a { background: #fff !important; } .full-width-tabs .wrap-services-tabs .wrap-tabs .nav.nav-tabs li:last-child { border-right: 1px solid #dddddd !important; } .vc_row_anchor { position: relative; } .wrap-anchor { border-top: 1px solid #e8e9ed; position: absolute; width: 100%; left: 0; top: 0; text-align: center; z-index: 97; } .divider.striped-icon { position: absolute; left: 50%; margin-left: 0px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .divider { position: relative; margin: 60px 0; } .striped-icon.divider:before { display: none; } .divider:before { position: absolute; z-index: -2; top: 50%; width: 100%; height: 1px; content: ''; background: #e8e9ed; } .striped-icon { font-size: 27px; line-height: 61px; position: relative; z-index: 2; width: 60px; height: 60px; margin: auto; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; text-align: center; color: #28ad62; border-radius: 50%; background: rgba(232, 233, 237, .5); } .striped-icon [class^="psycon-"]{ position: relative; top: 2px; left: 1px; } .striped-icon:after { position: absolute; z-index: -1; top: 4px; right: 4px; bottom: 4px; left: 4px; content: ''; border: 1px solid rgba(0, 0, 0, .08); border-radius: 50%; background: content-box #fff; } .striped-icon:hover { background: rgba(40, 173, 98, .3); } .divider.striped-icon:hover { text-decoration: none !important; } .striped-icon-small { font-size: 14px; font-weight: 500; line-height: 36px; position: relative; width: 36px; height: 36px; margin: auto; text-align: center; color: #fff; border-radius: 50%; background: rgba(232, 143, 65, .3); } .striped-icon-small:after { position: absolute; z-index: -1; top: 3px; right: 3px; bottom: 3px; left: 3px; content: ''; border-radius: 50%; background: content-box #e88f41; } .striped-icon-xlarge { font-size: 36px; font-weight: 500; line-height: 100px; position: relative; width: 100px; height: 100px; margin: auto; text-align: center; color: #fff; border-radius: 50%; background: rgba(40, 173, 98, .6); } .striped-icon-xlarge:after { position: absolute; z-index: -1; top: 5px; right: 5px; bottom: 5px; left: 5px; content: ''; border-radius: 50%; background: content-box #28ad62; } .striped-icon-xlarge span { vertical-align: middle; } .striped-icon-large { font-size: 35px; position: relative; z-index: 2; width: 80px; height: 80px; margin: auto; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; text-align: center; border-radius: 50%; background: rgba(232, 233, 237, .5); } .icon-left .striped-icon-large { float: left; margin: 0 20px 0 0; } .striped-icon-large+h5 { font-size: 18px !important; font-weight: 500 !important; } .icon-center * { text-align: center; } .icon-center .striped-icon-large { margin-bottom: 25px; } .icon-right .striped-icon-large { float: right; margin: 0 0 0 20px; } .icon-right p, .icon-right h5 { text-align: right; } .striped-icon-large span, .striped-icon-large span:before, .striped-icon-large span:after { line-height: 80px; font-size: 26px; } .striped-icon-large:after { position: absolute; z-index: -1; top: 5px; right: 5px; bottom: 5px; left: 5px; content: ''; border: 2px solid #e8e9ed; border-radius: 50%; background-color: #fff; } .text-white-color .striped-icon-large { color: #000; } .popover { max-width: 300px; border: 0; border-radius: 3px; box-shadow: none; } .popover .popover-content { padding: 0; } .popover .popover-content .member-info { float: left; min-width: 170px; padding: 30px; border-right: 1px solid #86d1a6; } .popover .popover-content .member-info h5 { margin-bottom: 10px; color: #fff; } .popover .popover-content .member-info p { line-height: 1; margin-bottom: 0; color: #94f7bf; } .popover .popover-content .member-contact { font-size: 30px; line-height: 1; float: right; padding: 40px 25px 30px; text-align: center; color: #fff; } .scroll-container { position: relative; } .scroll-content { position: relative; overflow: hidden; } .scroll-content .scroll-wrapper { display: table!important; } .scroll-content .scroll-wrapper .team-member { display: table-cell; float: none; vertical-align: bottom; } .scroll-content .scroll-wrapper .team-member img { margin: 0 -40px; } .scroll-slider-wrap { position: absolute; right: 0; bottom: 0; left: 0; height: 100px; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .7) 0%, #fff 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, .7) 0%, #fff 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, .7) 0%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#ffffffff', GradientType=0); } .scroll-slider { width: 100%; height: 5px; margin-top: 40px; cursor: pointer; background: transparent; } .reviews { text-align: center; } .client-review { display: inline-block; } .client .comment-review { position: relative; max-width: 500px; padding: 35px; text-align: left; font-size: 16px; color: inherit; border-radius: 3px; background: #f3f3f3; margin: 0 20px; } .client .comment-review * { color: #fff; } .client .comment-review::after { position: absolute; left: 170px; bottom: -25px; width: 0; height: 0; content: ''; border-right: 30px solid transparent; } .client.left .comment-review::after { border-top: 30px solid #f3f3f3; } .client.right .comment-review::after { border-top: 30px solid #f3f3f3; } @media (min-width: 1200px) { .client.right { position: relative; top: 30px; left: -30px; } } .client .avatar { width: 50px; height: 50px; border-radius: 50%; } .client .media-review { margin-left: 30px; padding-bottom: 30px; padding-top: 30px; } #testimonials-carousel .owl-pagination { display: none !important; } .owl-carousel .owl-controls .owl-buttons .fa { font-size: 33px; position: relative; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); color: #fff; top: 5px; } .owl-carousel .owl-controls .owl-buttons a { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } #testimonials-carousel.owl-carousel .owl-controls .owl-buttons .owl-prev { background: url(../images/arrow-left.png ) !important; } #testimonials-carousel.owl-carousel .owl-controls .owl-buttons .owl-next { right: 0; float: right; background: url(../images/arrow-right.png) !important; } #testimonials-carousel.owl-carousel .owl-controls .owl-buttons .owl-prev, #testimonials-carousel.owl-carousel .owl-controls .owl-buttons .owl-next { position: relative important; display: inline-block important; width: 50px important; height: 50px important; background-repeat: no-repeat !important; } @media (max-width: 1199px) { .owl-carousel .owl-controls .owl-buttons .owl-prev { left: -15px; } } .owl-carousel .owl-controls .owl-buttons .owl-next, .owl-carousel .owl-controls .owl-buttons .owl-prev { background-: rgba(0, 0, 0, .4); } .owl-carousel .owl-controls .owl-buttons .owl-next { right: -5px; float: right; } @media (max-width: 1199px) { .owl-carousel .owl-controls .owl-buttons .owl-next { right: -15px; float: none; } } .reviews { text-align: center; } .client { display: inline-block; } .client .comment { position: relative; max-width: 500px; padding: 25px 70px; text-align: left; color: #fff; border-radius: 3px; } .client .comment::after { position: absolute; right: 130px; bottom: -30px; width: 0; height: 0; content: ''; border-right: 30px solid transparent; } .client.left .comment { background-color: rgba(40, 173, 98, .8); } .client.left .comment::after { border-top: 30px solid rgba(40, 173, 98, .8); } .client.right .comment { background-color: rgba(232, 143, 65, .8); } .client.right .comment::after { border-top: 30px solid rgba(232, 143, 65, .8); } @media (min-width: 1200px) { .client.right { position: relative; top: 30px; left: -30px; } } .client .avatar { width: 50px !important; height: 50px !important; border-radius: 50%; } .client .media { margin-left: 30px; padding-bottom: 30px; } .media-left-review, .media-right-review, .media-body-review { display: table-cell; vertical-align: top; text-align: left; } .media-heading-review { margin-top: 0; margin-bottom: 0; line-height: 1.3; color: #222; text-align: left; } .media-body-review p { color: #222222; } .service-application-wrap { position: relative; } .discount-options { background-color: #f2480c; color: #fff; font-size: 16px; position: absolute; right: 0; bottom: 0px; padding: 5px 15px; font-weight: 600; } .btn-options { color: #f2480c; font-size: 14px; display: block; clear: both; padding-top: 15px; border-bottom: blueviolet; text-decoration: underline; } .btn-options:hover { text-decoration: none; } .service-application-bg { background: url(../../images/iphone-hand.png) center no-repeat; height: 627px; width: 421px; position: absolute; margin-left: 0; top: 0; left: 0; z-index: 77; } .service-application-img { position: relative; left: 0; top: 0; width: 100%; height: auto; } .service-application-img img { max-width: 100%; height: auto; margin: 0 !important; padding: 0 !important; } .service-application-img ul, .service-application-img li { list-style: none; padding: 0; margin: 0; } @media (max-width: 991px) { .application { margin-bottom: 130px; } } .application .section-header ul li { padding: 0 15px; } .application .app-features { position: relative; width: 100%; margin-bottom: 40px; } .application .app-features { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .application .app-features:hover { transform: scale(1.02); } .application .app-features h5 { font-size: 16px; color: inherit; font-weight: 600; } .application .app-features:hover div { background: #28ad62; } .application .app-features:hover div { -webkit-text-fill-color: inherit !important; -moz-text-fill-color: inherit !important; text-fill-color: inherit !important; } @media (min-width: 992px) { .application .app-features p { margin: 0; } } .application .app-features .striped-icon-large { position: absolute; top: 0; } .application .app-features.right-features, .application .app-features.left-features { text-align: left; background: #fff; padding: 20px 30px; } .service-application { display: flex; } .service-application-col01, .service-application-col02, .service-application-col03 { padding-left: 0 !important; padding-right: 0 !important; align-self: center; } .application .app-features.right-features .striped-icon-large, .application .app-features.left-features .striped-icon-large { left: 0; } @media (min-width: 992px) { .application .app-features.left-features { text-align: left; } .application .app-features.left-features .striped-icon-large { right: 0; left: auto; } } @media (min-width: 992px) and (max-width: 1199px) { .application .app-demo { margin-left: -25px; } } @media (min-width: 1200px) { .application .app-demo { margin-left: 5px; } } .wrap-features .divider.striped-icon { top: -1px; } .wrap-features .wrap-feature-item { position: relative; z-index: 1; perspective: 1000px; height: 300px; padding: 30px 0; } .wrap-features .wrap-feature-item:hover .feature-item { -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .wrap-features .wrap-feature-item .feature-item { width: 100%; max-width: 300px; margin: 0 auto 25px; transition: all .2s linear; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transform-style: preserve-3d; } .wrap-features .wrap-feature-item .feature-item .face { position: absolute; left: 0; text-align: center; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 300px; padding: 30px 0; background: #fff; border: 1px solid #e7e8ec; } .wrap-features .wrap-feature-item .feature-item .face.back { top: 0; box-sizing: border-box; padding: 10px; -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); text-align: center; background-color: #fff; z-index: 999; } .wrap-features .wrap-feature-item .feature-item .face.back .title { font-size: 18px; } .wrap-features .wrap-feature-item .feature-item .face.back .ico { height: 80px; border: none; box-shadow: none; } .wrap-features .wrap-feature-item .feature-item .ico { font-size: 42px; display: inline-block; width: 120px; height: 120px; margin-bottom: 10px; padding-top: 22px; color: #27ae60; border: 5px solid #f3f3f5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #e7e8ec inset; -moz-box-shadow: 0 0 0 2px #e7e8ec inset; box-shadow: 0 0 0 2px #e7e8ec inset; } .wrap-features .wrap-feature-item .feature-item .text { font-size: 14px; line-height: 28px; padding: 0 20px; text-align: center; color: initial; } .wrap-features .wrap-feature-item .feature-item .title { font-size: 18px; font-weight: 500; margin: 10px 0; color: initial; } .wrap-features .wrap-feature-item .feature-item .number { font-size: 18px; font-weight: 500; color: #e89042; } .wrap-tabs { padding: 0; } .wrap-tabs .col-middle>h4 { padding-left: 15px; } .wrap-tabs .nav-tabs-vertical>li { min-width: 236px; } .wrap-tabs .nav-tabs-vertical li i { font-size: 36px; position: relative; top: 6px; } .wrap-works ul { margin: 0; padding: 0; } .wrap-works ul li { list-style: none; } .wrap-works li:before { display: none !important; } .wrap-works .section-header { margin-bottom: 60px; } .check-list { list-style: none; } .check-list li { margin-bottom: 10px; } .check-list li span { margin-right: 10px; position: relative; top: 2px; } @media (min-width:768px) { .wrap-tabs .row-same-height .col-md-8 { padding-right: 40px; } } .tmpl-blog-grid { clear: both; display: inline-block; width: 100%; margin-bottom: -8px; } .tmpl-blog-grid ul{ padding-left: 0; margin-left: 0; } .tmp-post-box { position: relative; width: 25%; display: inline-block; vertical-align: top; float: left; overflow: hidden; } .tmp-post-box:hover .tmp-post-image img { transform: scale(1.1); } .tmp-post-box:hover .tmp-post-body { top: -5%; } .tmp-post-image { display: grid; } .tmp-post-image img { width: 100%; height: auto; transition: all .2s ease-in-out; } .tmp-post-body { display: flex; align-items: flex-end; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; padding: 5% 7% 0% 7%; transition: all .2s ease-in-out; } .tmp-post-category { font-size: 12px; padding: 2px 7px; background: #4f8eed; margin-bottom: 10px; display: inline-block; } .tmp-post-box:after { background: #000; opacity: 1; content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .75) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, .2)), color-stop(100%, rgba(0, 0, 0, .75))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .75) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .75) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .75) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .75) 100%); pointer-events: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .tmp-post-body * { color: #fff !important; } .tmp-post-title { display: inline-block; width: 100%; font-size: 20px; font-weight: 400; padding: 0; margin-bottom: 20px; line-height: 1.3; } .tmp-post-content, .tmp-post-content p { font-size: 12px; } .blog-post-item { width: 30%; display: inline-block; margin: 10px !important; vertical-align: top; border: 1px solid #e7e8ec; background: #fff; } .wrap-works .list-inline { margin: !important; padding: 0 !important; } .blog-post-item .list-inline li:before { display: none !important; } .wrap-works .post img { max-width: 100%; height: auto; } .wrap-works .post { display: block; margin-right: auto; margin-left: auto; padding-bottom: 0px; } .wrap-works .post .post-heading { position: relative; max-height: 200px; } .wrap-works .post .post-heading .post-image { display: inline-grid; overflow: hidden; height: auto; border-bottom: 1px solid #e7e8ec; max-height: 200px; } .wrap-works .post .post-heading .post-image img { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } .wrap-works .post .post-heading .post-image .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 0; color: #fff; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } .wrap-works .post .post-heading .post-image .mask, .wrap-works .post .post-heading .post-image .mask i, .wrap-works .post .post-heading .post-image .mask a { color: #fff; } .wrap-works .post .post-heading .post-image .mask .icons { margin-top: 23%; text-align: center; position: relative; z-index: 11; color: #fff; } .wrap-works .post .post-heading .post-image .mask .icons i { font-size: 30px; margin: 0 10px; } .wrap-works .post .post-heading .post-image:hover .mask { opacity: 0.7; } .wrap-works .post .post-body { padding: 10px 30px 20px; text-align: left; min-height: 175px; } .wrap-works .post .post-body p { font-size: 17px; font-weight: 300; margin-bottom: 0; } .wrap-works .post .post-body h5 { font-size: 14px; font-weight: 500; } .wrap-works .post .post-body h5 a { font-size: 18px; font-weight: 500; color: inherit; } .post-title { margin-top: 15px; } .wrap-downloads { /* padding: 55px 0 70px;*/ } .wrap-downloads .download-item { padding-bottom: 0; } .wrap-downloads .download-item .ico { padding-bottom: 3px; } .wrap-downloads .download-item .ico i:before { font-size: 44px; color: #28ad62; } .wrap-downloads .download-item .ico .down-ico { display: block; width: 30px; height: 40px; background: url(../../images/icons/download-icon.png) center no-repeat; } .wrap-downloads .download-item .title { font-size: 18px; font-weight: 400; color: #2a2d32; } .wrap-downloads .download-item .text { font-size: 17px; font-weight: 300; } .wrap-downloads .download-item a { display: block; color: #2783ae; } .wrap-downloads .download-item a:hover { color: #0097de; } .wrap-service-nav { padding: 0 0 100px; } .wrap-service-nav .section-header { margin-bottom: 0; } .wrap-service-nav .list-nav .list-wrap:last-child .nav-item:after { display: none; } .wrap-service-nav .list-nav .list-wrap .nav-item { position: relative; height: 145px; margin-bottom: 30px; padding: 28px 40px 0; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wrap-service-nav:after { position: absolute; top: 45px; right: 0px; width: 1px; height: 50px; content: ''; border-left: 1px solid #e7e8ec; } .vc_column_container:last-child .wrap-service-nav:after { border: none !important; } .wrap-service-nav .list-nav .list-wrap .nav-item:before { position: absolute; top: 100%; left: 50%; display: none; margin-left: -16px; content: ''; border-top: 16px solid #27ae60; border-right: 16px solid transparent; border-left: 16px solid transparent; } .wrap-service-nav .list-nav .list-wrap .nav-item span { font-size: 36px; color: #27ae60; } .wrap-service-nav .list-nav .list-wrap .nav-item .text { font-size: 16px; font-weight: normal; line-height: 24px; color: #222; padding-top: 10px; } .wrap-service-nav .list-nav .list-wrap .nav-item:hover, .wrap-service-nav .list-nav .list-wrap .nav-item.active { background: #27ae60; } .wrap-service-nav .list-nav .list-wrap .nav-item:hover span, .wrap-service-nav .list-nav .list-wrap .nav-item.active span { color: #fff; } .wrap-service-nav .list-nav .list-wrap .nav-item:hover .text, .wrap-service-nav .list-nav .list-wrap .nav-item.active .text { color: #fff; } .wrap-service-nav .list-nav .list-wrap .nav-item:hover:before, .wrap-service-nav .list-nav .list-wrap .nav-item.active:before { display: block; } .spl-title { margin-bottom: 20px; } .spl-title h2 { font-weight: 300 !important; font-size: 48px; margin-bottom: 35px !important; } html body .spl-title h4 { font-size: 18px; line-height: 32px !important; font-weight: 400 !Important; max-width: 800px; margin: 0 auto !important; } .spl-title.spl-title-white { color: #fff !important; } html body .text-right.spl-title h4 { margin: 0 !important; text-align: right !important; max-width: inherit !important; } html body .text-left.spl-title h4 { margin: 0 !important; text-align: left !important; max-width: inherit !important; } /* Tabs */ .pix-tabs { font-size: 14px; line-height: 22px; } .pix-tabs .nav-tabs { text-align: center; border: none; margin-bottom: 50px; margin-left: 0; } /* Contact Form 7 */ .quote-form { margin-top: -35px; padding: 36px; background: url(../../img/form-bg.jpg) no-repeat center center; background-size: cover; overflow: hidden; position: relative; } html .quote-form input, html .quote-form textarea { margin-bottom: 15px !important; border: none; width: 100%; padding: 15px !important; max-height: 116px; background-color: #fff; font-weight: normal; text-transform: uppercase; font-size: 12px; margin-top: 0 !important; } .quote-form input[type=submit] { background-color: #2a64d9; color: #fff; font-weight: normal; font-size: 15px; text-transform: uppercase; border-radius: 0 !important; padding: 15px 8px; } .wpcf7-not-valid { border: 1px solid red !important; } .quote-form span.wpcf7-form-control-wrap { position: relative; height: 65px; display: block; } .quote-form button.btn, .quote-form a { width: 100%; } .wpcf7-form .quote-form input.wpcf7-form-control.wpcf7-submit { border: 1px solid #fff; } /* Service Box */ .column-info img { width: 100%; height: auto; } .column-info>span { display: block; float: right; margin-top: -20px; margin-right: -8px; position: relative; z-index: 2; height: 20px; width: 60px; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); } .column-info h3 { margin-top: 40px; margin-bottom: 25px; font-size: 19px; font-weight: 500; text-transform: uppercase; } .column-info a.btn { margin-top: 25px; } .column-info .btn.btn-sm:hover:before { width: 100%; z-index: 1; } .column-info .btn.btn-sm span { position: relative; z-index: 2; } /* Our Services */ .our-services .department-1-item { position: relative; padding: 40px; display: inline-block; cursor: pointer; border: 1px solid #e7e8ec; margin-bottom: 40px; min-height: 325px !important; text-align: center; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; background: #fff; box-shadow: 10px 17px 45px #f2f2f2; } .our-services div>a:hover * { color: #fff !important; } .our-services h4 { font-weight: 400 !important; color: #222 !important; margin: 25px 0 20px 0 !important; padding: 0; font-size: 24px !important; font-family: inherit !important; } .home-template .our-services div>a>span { text-align: center; padding-top: 0px; font-size: 33px; } .our-services div>a:hover span { border-color: #246bad; } .our-services div>a>span { text-align: center; padding-top: 0px; width: 80px; height: 80px; position: relative; border-radius: 100px; margin: 0 auto 20px; left: 0; top: 0; display: block; border: 0; background: #fff; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .our-services div>a>span:after { border-bottom-color: #fff; top: -2px; right: -23px; } .our-services i:after, .our-services i:before { font-size: 50px; } .our-services i { color: #fff; display: inline-block; width: 100%; height: 63px; font-size: 20px; line-height: 60px; position: relative; top: 8px; } .our-services div:hover i { color: #fff; } .our-services .department-1-item .btn { margin-top: 30px; padding: 16px 50px; position: relative; } .our-services .department-1-item .icon { display: inline-block; width: 100%; height: 90px; font-size: 20px; line-height: 60px; position: relative; top: 8px; background-repeat: no-repeat; background-position: center; background-size: contain; } .our-services p, .stats p { line-height: 28px; font-size: 17px; color: #555555; } .list-services { margin: 62px -20px 80px; } .list-services__item { position: relative; display: inline-block; width: 100%; margin-right: 17px; margin-bottom: 30px; margin-left: 0; vertical-align: top; background-size: cover; text-align: left; transition: all 0.3s; } .department-3-item .list-services__item:hover, .list-services-2__item:hover { box-shadow: 5px 9px 22px #333; } .list-services__item:after { position: absolute; top: 0; width: 100%; height: 100%; background: #000; z-index: 0; content: ''; transition: all 0.3s; opacity: 0.5; } .list-services__item:hover:after { opacity: 0.5; } .list-services__item .icon { float: left; width: 80px; height: 80px; margin-top: 5px; padding-top: 28px; font-size: 37px; border: 2px solid #fff; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); transition: all 0.3s; text-align: center; margin-right: 20px; } .list-services__item .icon:before { position: relative; left: 1px; top: 1px; margin: 0; font-size: 30px; } .list-services__link { position: relative; display: block; padding: 20px 35px 35px 35px; color: #fff; z-index: 1; } .list-services__item:hover .list-services__link { color: #fff; text-decoration: none; } .list-services__inner { margin-left: 104px; } .list-services__title { margin-bottom: 7px; font-size: 20px; transition: all 0.3s; padding-top: 3px; font-weight: 400; } .list-services__description { font-size: 14px; line-height: 1.5; color: #fff; } .list-services-2 { margin-top: 56px; margin-right: -14px; margin-left: -15px; text-align: center; } .list-services-2__item { position: relative; display: inline-block; background-color: #f9f9f9; overflow: hidden; vertical-align: top; width: 100%; border-top: 0 !important; } .list-services-2__item .icon { display: inline-block; width: 80px; height: 80px; padding-top: 12px; font-size: 37px; color: #666; border: 2px solid #fff; border-radius: 50%; background-color: #fff; transition: all 0.3s; } .list-services-2__item .icon:before { position: relative; top: 15px; margin: 0; font-size: 30px; } .list-services-2__item .icon_mod-a { border-color: #ddd; background-color: transparent; } html .list-services-2__item .icon { color: #fff; background-color: transparent; } html .list-services-2__item .icon_mod-a { color: #fff; border-color: #fff; background-color: transparent; } .list-services-2__link { position: relative; z-index: 77 !important; display: block; padding: 50px 40px 45px; z-index: 1; text-align: center; } .list-services-2__link:hover { text-decoration: none; } .list-services-2__title { margin-top: 40px; margin-bottom: 20px; font-size: 24px; font-weight: 400; color: #23272c; transition: all 0.3s; } html .list-services-2__item .list-services-2__title { color: #fff; } .list-services-2__description { font-size: 13px; line-height: 1.53; color: #666; transition: all 0.3s; } html .list-services-2__item .list-services-2__description { color: #fff; } .list-services-2__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-size: cover; } html .list-services-2__item .list-services-2__bg { opacity: 1; } .list-services-2__bg img { position: relative; opacity: 0.15; z-index: 1; min-height: 315px; } .list-services-2_mod-a { margin-bottom: 75px; } .list-services-2_mod-b { margin-top: 20px; margin-bottom: 70px; } .list-services__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; } .list-services-2__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; visibility: hidden; opacity: 0.5; } html .list-services-2__item .list-services-2__overlay { visibility: visible; } .department-3-item .list-services__item{ display: none; } .department-3-item{ padding-bottom: 25px; border-bottom: #eeeeee 1px solid; margin-bottom: 30px; } .department-3-item .list-services__description{ color: inherit; } .department-3-item i.icon { text-align: center; vertical-align: top; line-height: 67px; border-radius: 100px; color: #fff; font-size: 36px; height: 80px; width: 80px; margin-bottom: 10px; margin-right: 10px; border: 5px solid #fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .department-3-item .list-services__title{ padding-top: 0; display: inline-block; margin-top: 0; font-size: 18px; } .department-3-item .list-services__title a{ color: #222; font-weight: 700; font-size: 18px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .department-3-icon{ display: inline-block; vertical-align: top; width: 25%; } .department-3-content{ display: inline-block; vertical-align: top; width: 71%; float: right; padding-top: 5px; } /* Departments */ .department-1-col-2, .department-1-col-3, .department-1-col-4, .department-1-col-5, .department-1-col-6, .department-2-col-2, .department-2-col-3, .department-2-col-4, .department-2-col-5, .department-2-col-6, .department-3-col-2, .department-3-col-3, .department-3-col-4, .department-3-col-2, .department-3-col-5, .department-3-col-6 { text-align: center; } .department-2-item { margin-bottom: 2%; } @media (min-width:1000px) { .department-1-item, .department-2-item, .department-3-item { text-align: left; display: inline-block; vertical-align: top; } .department-1-col-2 .department-1-item, .department-2-col-2 .department-2-item, .department-3-col-2 .department-3-item { width: 47%; margin-right: 2%; } .department-1-col-2 .department-1-item:nth-child(even), .department-2-col-2 .department-2-item:nth-child(even), .department-3-col-2 .department-3-item:nth-child(even) { margin-right: 0 !important; width: 49%; vertical-align: top; margin-left: 1%; } .department-1-col-3 .department-1-item, .department-2-col-3 .department-2-item, .department-3-col-3 .department-3-item { width: 31%; margin-right: 1%; margin-left: 1%; } .department-1-col-4 .department-1-item, .department-2-col-4 .department-2-item, .department-3-col-4 .department-3-item { width: 22%; margin-right: 2%; } .department-1-col-5 .department-1-item, .department-2-col-5 .department-2-item, .department-3-col-5 .department-3-item { width: 18%; margin-right: 2%; } .department-1-col-6 .department-1-item, .department-2-col-6 .department-2-item, .department-3-col-6 .department-3-item { width: 14%; margin-right: 2%; } } /* Testimonials */ .testimonial-content { background: #f9f9f9; } .testimonial-content p { color: #333; } .testimonial-content { position: relative; margin-left: 10px; padding: 45px 28px 40px 80px; margin-bottom: 40px; } #testimonials2 { margin-left: -15px; } html .testimonial-content p { font-size: 15px; color: #333 !important; } .testimonial-content:after { content: ""; display: block; position: absolute; bottom: -20px; right: 45px; width: 0; height: 0; border-top: 20px solid #f9f9f9; border-right: 20px solid transparent; } .testimonial-content span { display: table-cell; text-align: center; padding-top: 16px; width: 50px; height: 55px; position: absolute; left: -10px; top: 45px; border-right: none; background: #2a64d9; border: 0; color: #fff; line-height: 22px; } .testimonial-author { margin-right: 40px; } .testimonial-author h4 { margin-bottom: 7px; } #testimonials .owl-nav { margin: -40px 0 0 10px; } #testimonials2 .owl-nav { position: absolute; top: -70px; right: 20px; } #testimonials2 .owl-nav div, #testimonials .owl-nav div { border: 1px solid #dddddd; display: inline-block; zoom: 1; display: inline; /*IE7 life-saver */ padding: 10px 20px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.8; } #testimonials .owl-nav div { padding: 3px 10px; } #testimonials2 .owl-nav div:first-child, #testimonials .owl-nav div:first-child { border-right: none; } #testimonials2>div.owl-stage-outer>div>div>div { margin-right: 20px; } .testimonial-author small { font-size: 90%; } /* ImageCarousel */ .fleet-gallery .owl-item img { padding: 0; } .fleet-gallery .img-fleet:after { display: block; content: ""; background-color: #000 !important; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fleet-gallery .img-fleet:hover:after { opacity: 0.7; } .fleet-gallery .img-fleet:hover .tmpl-fleet-overlay { opacity: 1; } .fleet-info { text-align: center; color: #fff; } .fleet-info .fa { color: #fff; font-size: 25px; } .fleet-info h4 { color: #fff; font-size: 20px; margin-top: 20px; } .fleet-gallery img { width: 100%; height: auto; } .fleet-gallery .owl-nav div { display: inline-block; zoom: 1; padding: 0; opacity: 1; margin: 1px; border: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.3); border-radius: 100px; color: #fff; text-align: center; } .fleet-gallery .owl-dots { text-align: center; z-index: 3; display: inline-block; width: 100%; position: absolute; bottom: 5px; } .fleet-gallery .owl-dots .owl-dot { display: inline-block; vertical-align: middle; width: 11px; height: 11px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3); margin: 0 4px; } .fleet-gallery .owl-dot.active, .fleet-gallery .owl-dots .owl-dot:hover { border: 1px solid rgba(0, 0, 0, 0.9) !important; background: rgba(0, 0, 0, 0.9) !important; } .tmpl-fleet-overlay { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .fleet-gallery .owl-prev { position: absolute; top: 50%; left: 20px; margin-top: -25px !important; opacity: 0 !important; } .fleet-gallery .owl-next { position: absolute; top: 50%; margin-top: -25px !important; right: 20px; opacity: 0 !important; } .fleet-gallery:hover .owl-next, .fleet-gallery:hover .owl-prev { opacity: 1 !important; } /* Team */ .team>div>div.userpic { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 260px; width: 100%; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .team .user-info+a.btn { display: none; } .team.style-2>div>div:hover span { opacity: 1; } .team.style-2>div>div span { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .team>div>div span { opacity: 0; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 15px 15px; text-align: center; font-size: 15px; line-height: 22px; font-weight: 300; background-color: rgba(42, 100, 217, 0.84); color: #fff; } .team>div>div span p { font-size: 14px; line-height: 1.6; } .team .user-info { padding: 20px 0 0px 2px; text-align: center; } .team .user-info h4, .team .user-info small {} .team .user-info p { margin-top: 0px; } .team .user-info h4 { padding-top: 15px; padding-bottom: 15px; } .team .soc-icons { display: inline-block; width: 100%; padding-top: 0; text-align: center; } .team .soc-icons i { margin-right: 6px; } .team.style-2 div:hover .user-info p, .team.style-2 div .soc-icons { display: none; } .team.style-2 div:hover .soc-icons { display: block; } .team .user-info small { font-size: 100%; } /* Brands */ #partners .owl-item img { display: inline-block; width: auto; } .title-space { margin-left: 15px; } #partners .owl-item { padding: 10px; margin: 10px; } #partners a { text-align: center; display: block; border-right: 0; padding: 0; margin: 0px; } #partners .owl-nav { position: absolute; top: -100px; right: 15px; margin-top: 15px; } #partners .owl-nav div { border: 1px solid #dddddd; display: inline-block; zoom: 1; background: none; padding: 10px 20px; margin: 1px; } /* Lists */ .pix-tabs .nav-tabs { text-align: center; border: none; } .pix-tabs ul.styled { margin: 0px; padding: 0px; } .pix-tabs ul.styled>li { position: relative; background: #f5f5f5; list-style: none; margin-bottom: 6px; } .pix-tabs ul.styled li>ul { display: none; position: absolute; z-index: 2; width: 100%; padding: 0; left: 0; background: #e3e3e3; padding: 20px 15px; padding-top: 0; padding-left: 35px; border-bottom: 4px solid; font-size: 12px; text-transform: uppercase; } .pix-tabs ul.styled li>ul>li { list-style: none; } .pix-tabs ul.styled li>ul>li+li { margin-top: 10px; display: block; } .pix-tabs ul.styled li:hover>ul { display: block; } .pix-tabs ul.styled>li.active>a, ul.styled>li.current-cat>a { color: #fff; } .pix-tabs ul.styled>li:hover { background: #e3e3e3; } .pix-tabs ul.styled>li.active:after { background: #fff; opacity: 0.5; } .pix-tabs ul.styled>li:after { content: ""; display: block; width: 4px; position: absolute; right: 0px; top: 0px; bottom: 0px; background: #e3e3e3; } .pix-tabs ul.styled>li>a { display: block; text-decoration: none; text-transform: uppercase; font-weight: 500; font-size: 14px; padding: 20px 10px 20px 35px; } .pix-tabs .nav-tabs>li { float: none; display: inline-block; border: 1px solid #eee; border-right: 4px solid #eee; margin-right: 5px; background: #fff; } .pix-tabs .nav-tabs>li+li { margin-top: 20px; } .pix-tabs .nav-tabs>li.active>a, .pix-tabs .nav-tabs>li.active>a:focus, .pix-tabs .nav-tabs>li.active>a:hover, .pix-tabs .nav-tabs>a.active:focus, .pix-tabs .nav-tabs>a.active:hover { cursor: default; border: none; } .pix-tabs .nav-tabs>li.active>a:after { content: ""; display: block; position: absolute; width: 4px; top: -1px; bottom: -1px; right: -4px; background: #fff; opacity: 0.5; } .pix-tabs .nav-tabs>li>a { position: relative; border: none; color: #333; border-radius: 0; margin-right: 0; text-transform: uppercase; font-weight: 500; font-size: 12px; padding: 15px 30px; } .pix-tabs .nav-tabs>li.active>a, .pix-tabs .nav-tabs>li:focus>a, .pix-tabs .nav-tabs>li:hover>a { color: #fff; background: #0060c1 !important; } .pix-tabs img.full-width { width: 100%; height: auto; } .pix-tabs .tab-content { font-size: 15px; line-height: 1.7; } /* Big HR */ html .big-hr:before, .big-hr:after, html .big-hr:after { border-top-color: #2a64d9; } .big-hr { position: relative; margin: 0px auto; max-width: 950px; height: 135px; padding-top: 25px; text-align: center; margin-top: -35px; } .big-hr:before { position: absolute; top: 0px; left: -69px; content: ""; display: block; width: 0; height: 0; border-top: 135px solid; border-left: 70px solid transparent; } .big-hr:after { position: absolute; right: -69px; top: 0px; content: ""; display: block; width: 0; height: 0; border-top: 135px solid; border-right: 70px solid transparent; } .big-hr h2 { margin-top: 20px; margin-bottom: 10px; font-size: 17px; } .big-hr div { display: inline-block; } .big-hr a.btn { margin-top: -30px; } /* Why Us */ .why-us { padding-left: 0px; border-top: 1px solid; } .why-us li { position: relative; text-indent: 15px; position: relative; list-style: none; border-bottom: 1px solid #eee; padding: 20px 30px 20px 0; } .why-us li p { margin-top: 15px; font-size: 14px; display: none; } .why-us li span { cursor: pointer; text-indent: 0px; top: 20px; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; position: absolute; right: 5px; } /* Posts Block */ .one-news a { color: #fff; } .one-news>div { position: relative; width: 100%; height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-left: -15px; } .one-news>div>div:hover { opacity: 1; } .one-news>div>div { bottom: 0px; left: 0px; width: 100%; position: absolute; padding: 30px 40px; opacity: 0.9; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .one-news>div>div h3, .two-news>div div:last-child h3 { font-size: 18px; text-transform: none; font-weight: 400; margin: 0px; margin-bottom: 20px; } .two-news>div div:last-child h3 { font-size: 16px; line-height: 24px; } .one-news>div>div small, .two-news>div div:last-child small { display: inline-block; padding-right: 15px; font-size: 11px; } .one-news>div>div small.news-author, .two-news>div div:last-child small.news-author { border-right: 1px solid; margin-right: 15px; } .pix-lastnews-light .hgroup * { color: #fff !important; } .pix-lastnews-light .one-news div, .pix-lastnews-light .news-item div div { background-color: #fff !important; color: #333; } .pix-lastnews-light .one-news div *, .pix-lastnews-light .news-item div * { color: #333 !important; } .pix-lastnews-light .one-news h3 a, .pix-lastnews-light .news-item h3 a { font-weight: bold; } .one-news div * { text-transform: uppercase; } .pix-lastnews-dark .two-news>div h3 a { color: #fff !important; } .news-item small { text-transform: uppercase; } .news-item { margin-bottom: 30px; } .pix-lastnews-light .news-item a { color: #fff; text-transform: uppercase; font-weight: bold; } .news-item div:first-child { padding-right: 0px; } .news-item div:last-child { padding-left: 0px; } .two-news>div div:first-child>div { height: 135px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .two-news>div div:last-child>div { padding: 25px 30px; height: 135px; } .read-all-news { position: relative; margin-top: -10px; margin-right: 10px; } .pix-lastnews-dark .read-all-news { color: #666 !important; border: 1px solid #ddd; margin-top: -10px; background: transparent !important; border-right: 5px solid #2a64d9 !important; } .pix-lastnews-dark .read-all-news:hover { background: #2a64d9 !important; color: #fff !important; } #to-top { top: 0px; left: -30px; cursor: pointer; display: block; position: absolute; width: 80px; text-align: center; line-height: 60px; height: 65px; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); } #to-top i { -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); } .contact-info { margin-top: 30px; } .contact-info span { display: block; margin-bottom: 10px; } .contact-info strong { font-weight: 500; font-size: 12px; } .contact-info span:after { content: ""; display: block; width: 100%; clear: both; } .contact-info i { display: block; float: left; margin-right: 10px; margin-bottom: 10px; } .box-col1 { display: inline-block; float: right; max-width: 236px; padding-top: 49px; } .box-col2 { text-align: center; display: block; width: 100%; padding-top: 43px; max-width: 530px; margin: 0 auto; overflow: hidden; max-height: 100px; } .box-col2 p { text-align: center; width: 100%; display: inline-block !important; } .box-col3 { padding-top: 49px; max-width: 235px; display: inline-block; float: left; } .info-texts { position: relative; } .info-texts p { position: relative; z-index: 2; vertical-align: middle; display: table-cell; z-index: 4; text-align: center; color: #fff; line-height: 24px; } .info-texts div { position: relative; } .info-texts div:before { content: ""; display: block; position: absolute; border-bottom: 180px solid; border-left: 50px solid transparent; border-right: 50px solid transparent; z-index: 3; left: -65px; right: -65px; top: -25px; } .info-texts div:after { content: ""; display: block; position: absolute; bottom: 0px; height: 15px; left: -60px; right: -60px; background: #fff; z-index: 2; } .info-texts div:first-child:before, .info-texts div:last-child:before { border-top: 180px solid; border-bottom: none; z-index: 5; top: 0px; } .info-texts div:last-child:before { border-right: 0 none; } .info-texts div:first-child:after, .info-texts div:last-child:after { display: none; } .info-texts div:first-child:before { right: -15px; left: 0px; } .info-texts div:last-child:before { left: -15px; right: 0px; } .info-texts div:first-child p, .info-texts div:last-child p { margin-top: 15px; z-index: 6; } .info-texts div:first-child p { text-align: right; padding-right: 40px; } .info-texts div:last-child p { text-align: left; padding-left: 40px; } .info-texts:before, .info-texts:after { content: ""; display: block; position: absolute; width: 50%; top: 0px; height: 180px; z-index: 1; } .info-texts:before { left: 0; } .info-texts:after { left: 50%; } .main-content img+* { margin-top: 30px; } /* Search */ /*------------------------------------------------------------------ [RESPONSIVE CSS] -------------------------------------------------------------------*/ /* sections */ @media screen and (max-width: 1199px) { .b-video { background-attachment: inherit; } } @media screen and (max-width: 991px) { .b-page-content.with-layer-bg { margin-top: -115px; } .b-video .video-caption { font-size: 2.3em; } } @media screen and (max-width: 767px) { .b-video .video-icon { display: block; margin: 0 auto; } .b-layer, .b-layer-big { height: auto; } .layer-bg, .layer-bg-mod, .layer-big-bg { overflow: inherit; position: relative; height: auto; background-position: center; background-size: cover; } } /* typography */ @media screen and (max-width: 991px) { .b-upper-title { margin-bottom: -25px; } } @media screen and (max-width: 767px) { .b-upper-title { margin-bottom: -15px; } } @media screen and (max-width: 379px) { .b-upper-title { font-size: 38px; margin-bottom: -5px; } } /* elements */ @media screen and (max-width: 991px) { .b-pagination ul li { margin: 0 4px; } } @media screen and (max-width: 767px) { .b-info-columns-holder.b-progress-list .b-info-column::after { display: none; } } @media screen and (max-width: 479px) { .b-info-columns-holder .b-info-column { width: 100% !important; } .b-info-columns-holder .b-info-column:after { border-right: none; border-bottom: 1px dotted #999999; width: 85%; margin: 0 auto; left: 0; right: 0; top: 22px; } } /* footer */ @media screen and (max-width: 991px) { .b-footer-content { padding: 25px 0 35px; } .copy { margin-bottom: 15px; } .footer-logo { margin-bottom: 15px; } } /* gallery page */ /* isotope sorting controls */ @media screen and (min-width: 768px) and (max-width: 991px) { .b-items-sort li { margin: 0 20px; } } /* isotope */ @media screen and (max-width: 767px) { .b-items-sort li { margin: 0 15px; } .b-gallery .grid-sizer, .b-gallery .grid-item { width: 49.5%; } .b-gallery-2 .gallery-item-content .gallery-item-caption { width: 85%; } .b-gallery-3 .gallery-item-content { margin-bottom: 0; } .b-gallery-3 .gallery-item-content .gallery-item-img { border-radius: 0; } .b-gallery-3 .gallery-item-content .gallery-item-img .gallery-item-hover { flex-direction: column; } .b-gallery-3 .gallery-item-content .gallery-item-img .gallery-item-hover a { font-size: 10px; top: inherit; padding: 0; margin-bottom: 15px; } .b-gallery-3 .gallery-item-content .gallery-item-img .gallery-item-hover a:before { display: none; } .b-gallery-3 .gallery-item-content .gallery-item-img .gallery-item-hover a:last-child { margin-bottom: 0; } } @media screen and (max-width: 639px) { .b-items-sort li { margin: 0 5px 10px; vertical-align: middle; } .b-items-sort li a { padding-bottom: 10px; } } @media screen and (max-width: 639px) { .b-gallery .grid-sizer, .b-gallery .grid-item { float: none; width: 100%; } .b-gallery .gallery-item-content .gallery-item-img img { width: 100%; } } @media screen and (max-width: 641px) { .b-gallery-2 .grid-sizer, .b-gallery-2 .grid-item { float: none; width: 100%; } .b-gallery-2 .gallery-item-content .gallery-item-img img { width: 100%; } } @media screen and (max-width: 479px) { .b-gallery-3 .grid-sizer, .b-gallery-3 .grid-item { float: none; width: 50%; } .b-gallery-3 .grid-item-vertic { width: 100%; } .b-gallery-3 .grid-item-vertic img { width: 100%; } .b-gallery-3 .grid-item-horiz { width: 100%; } } /* single gallery carousel controls */ @media screen and (max-width: 479px) { .gallery-carousel-controls .share-button { margin: 0; } } /* single gallery page carousel */ @media screen and (max-width: 1199px) { .b-single-gallery-carousel .single-gallery-item { width: 470px; } } @media screen and (max-width: 991px) { .b-single-gallery-carousel .single-gallery-item { width: 360px; } } /* simple gallery works */ @media screen and (max-width: 767px) { .b-similar .gallery-item-content .gallery-item-img img { width: 100%; } } /* blog page */ @media screen and (max-width: 1199px) { .blog-item-content .blog-item-img { float: none; margin-bottom: 15px; } .blog-item-content .blog-item-img img { width: 100%; } .blog-item-content .blog-item-caption { padding: 0 15px; } .blog-item-content .blog-item-caption .item-read-more { display: none; visibility: hidden; } .blog-item-content .blog-author { position: static; padding: 0 15px 15px; } } @media screen and (max-width: 479px) { .b-blog .grid-sizer, .b-blog .grid-item { width: 100%; } } /* classic blog page */ @media screen and (max-width: 1199px) { .b-blog-classic .blog-item-content .blog-item-img { float: left; width: 50%; margin: 0; } .b-blog-classic .blog-item-content .blog-item-caption { padding: 12px 15px 0 15px; } .b-blog-classic .b-blog-items-holder { margin-right: 0; } } @media screen and (min-width: 768px) and (max-width: 991px) { .b-blog-classic .blog-item-content .blog-item-img { float: none; width: auto; display: inline-block; } } @media screen and (max-width: 767px) { .b-blog-classic .b-blog-items-holder { border-right: 0; margin-bottom: 25px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .b-blog-classic .blog-item-content { position: relative; padding-bottom: 50px; } .b-blog-classic .blog-item-content .blog-item-caption { padding-top: 0; position: static; } .b-blog-classic .blog-item-content .blog-item-caption .item-description { margin-bottom: 0; } .b-blog-classic .blog-item-content .blog-author { padding-bottom: 0; position: absolute; left: 0; bottom: 0; } } @media screen and (max-width: 479px) { .b-blog-classic .blog-item-content .blog-item-img { width: auto; float: none; } .b-blog-classic .blog-item-content .blog-item-img img { width: 100%; } } @media screen and (max-width: 1199px) { .b-popular .blog-item-content .blog-item-img { width: auto; float: left !important; } .b-popular .blog-item-content .blog-item-caption { padding: 0 0 0 12px; } } /* single blog page */ @media screen and (max-width: 1200px) { .b-blog-single .b-blog-single-content::after { right: -15px; } .b-single-slideshow-holder #single-slideshow-prev { left: 10px; } .b-single-slideshow-holder #single-slideshow-next { right: 10px; } .b-slick-arrows { width: 686px; } .latest-carousel-item { width: 686px; } .latest-carousel-item .blog-item-content { width: 45%; } } @media screen and (max-width: 991px) { .b-blog-single .b-blog-single-content::after { display: none; } .b-slick-arrows { width: 586px; } .latest-carousel-item { width: 586px; } .latest-carousel-item .blog-item-content { width: 46.5%; margin: 0 10px; } } @media screen and (max-width: 767px) { .b-single-tags-share .b-tags, .b-single-tags-share .b-socials { float: none !important; margin: 0 25px; } .b-reply { padding: 18px 15px 18px; } } @media screen and (max-width: 639px) { .comment-item .comment-userpic { float: none; margin: 0 0 15px; } .comment-item .comment-caption .comment-username { display: block; margin-right: 0; } .comment-item .comment-caption .comment-data { display: block; } .b-title-head { text-align: center; } .b-title-head .pull-left, .b-title-head .pull-right { float: none !important; } .b-slick-arrows { display: none; visibility: hidden; } .latest-carousel-item { width: auto; padding: 15px 0; } .latest-carousel-item .blog-item-content { width: 47.5%; margin: 0 5px 0; } .latest-carousel-item .blog-item-content .blog-item-img { height: 185px; overflow: hidden; } } @media screen and (max-width: 479px) { .latest-carousel-item { width: auto; padding: 15px 15px; } .latest-carousel-item .blog-item-content { width: 100%; margin: 0 0 12px; } } /* about page */ @media screen and (min-width: 1400px) { .b-quote-photo { margin-top: -28%; margin-right: -28%; } } @media screen and (max-width: 1365px) { .b-quote-photo { margin: 0 0 0 15px; } } @media screen and (max-width: 1199px) { .b-team-list .team-list-item { width: 25%; } .custom-pager a { margin: 0 15px; } .b-big-progress .b-progress-list__percent {} .b-awards-icons-holder { text-align: center; } .b-awards-icons-holder ul li { margin-right: 5%; } } @media screen and (max-width: 991px) { .b-big-progress { margin: 0 0 25px; } .b-big-progress div { display: block; text-align: center !important; } .b-awards-icons-holder { text-align: center; } .b-awards-icons-holder ul li { margin-right: 2.5%; } .b-team-list .team-list-item img { width: 100%; max-width: 100%; } .b-team-list .team-list-item .member-list-caption { padding: 40px 15px 0 15px; } .b-team-list .team-list-item.last-list-item .member-list-caption .list-title { margin-bottom: 15px; } .custom-pager a { margin: 0 0; } } @media screen and (min-width: 768px) and (max-width: 991px) { .b-quote-photo { position: relative; overflow: hidden; margin-right: -24px; } .b-quote-photo img { max-width: inherit; } } @media screen and (max-width: 767px) { .b-info-columns-holder.b-steps-list .b-info-column::before { display: none; } .b-team-holder .b-slick-arrows { display: block; visibility: visible; width: 100%; } .b-team-holder .b-slick-arrows #team-slideshow-prev { left: 15px; } .b-team-holder .b-slick-arrows #team-slideshow-next { right: 15px; } .b-team-holder-mod { margin-bottom: 0; } .b-team-list .team-list-item { width: 50%; } .b-history { padding-top: 10%; } .b-pager-slideshow-holder { margin-bottom: 25px; } .custom-pager a { margin: 0 15px; } .b-quote-photo { margin: 0; } } @media screen and (max-width: 639px) { .b-about .b-info-columns-holder { margin-bottom: 25px; } .b-steps-list .b-info-column { width: 100%; } .b-history .b-upper-title { margin-bottom: -45px; } .b-about-tabs .tabs-controls li { margin: 0 15px; } .b-services { padding: 55px 0 55px; } } @media screen and (max-width: 479px) { .custom-pager a { margin: 0 -5px; } .b-team-list .team-list-item { width: 100%; } .team-carousel-item { width: 310px; } .b-about-tabs .tabs-controls li { margin: 0 8px; } .b-about-tabs .tabs-controls a { min-width: 75px; font-size: 14px; } .b-about-tabs .tabs-controls li .tabs-circle::before, .b-about-tabs .tabs-controls li .tabs-circle::after { width: 50px; } } @media screen and (max-width: 1199px) { .custom-pager-mod a { margin: 0 8px; } .pager-item .pager-item-description { padding: 0 25px; } .b-aboutme .b-camera { right: -95px; width: 65%; } .recent-carousel-item { width: 686px; } } @media screen and (max-width: 991px) { .custom-pager-mod a { margin: 0 -5px; } .clients-list li { margin: 0 15px 25px; } } @media screen and (max-width: 767px) { .b-pager-slideshow-holder #pager-slideshow-prev, .b-pager-slideshow-holder-mod #pager-slideshow-prev { left: -10px; } .b-pager-slideshow-holder #pager-slideshow-next, .b-pager-slideshow-holder-mod #pager-slideshow-next { right: -10px; } .custom-pager-mod a { margin: 0 8px; } .custom-pager-mod a .circle::before, .custom-pager-mod a .circle::after { display: none; } .b-aboutme { flex-direction: column; } .b-aboutme .left-side, .b-aboutme .right-side { float: none !important; width: 100%; } .b-aboutme .left-side { height: auto; } .b-aboutme .b-camera { width: 180px; top: auto; right: 50%; margin-top: 0; margin-right: -55px; bottom: 0; margin-bottom: -125px; } .b-big-img { height: inherit; } .b-big-img img { width: 100%; max-width: 100%; } .b-aboutme .b-quote { padding: 45px 15px 0; } .recent-carousel-item { width: 385px; } } @media screen and (max-width: 639px) { .clients-list li { margin: 0 0 25px; } } @media screen and (max-width: 479px) { .recent-carousel-item { width: 285px; } } /* service page */ @media screen and (max-width: 1199px) { .b-last-works .b-upper-title { margin-bottom: -55px; } .b-add-info-holder { padding-top: 75px; } .container-absolute { left: 25px; } } @media screen and (max-width: 991px) { .b-title-service { margin-bottom: 0; } .b-title-service [class*='col-'] { margin-bottom: 25px; } .b-regular-tabs .tabs-controls li { width: auto; } .b-last-works .b-slider-holder { overflow: inherit; padding: 34px 0; } .b-last-works .mac-wrapper { width: 768px; height: auto; } .b-last-works .mac-wrapper img { width: 100%; } .b-last-works .b-single-gallery-carousel .single-gallery-item { width: 530px; } .b-offers-holder, .b-offers-holder-full { padding: 0 15px; } .b-scroll-slide .b-upper-title { margin: 0 0 -75px; } .b-about-additional { margin-top: -125px; } .about-additional-img { margin-top: 0; } } @media screen and (max-width: 767px) { .b-features-column { height: 100%; } .wave-bg { background-position-x: center; background-position-y: bottom; top: auto; } .b-regular-tabs .tab-content { padding-top: 35px; } .b-last-works .b-upper-title { margin-bottom: -15px; } .b-last-works .b-single-gallery-carousel .single-gallery-item { margin: 0 12px; } .b-last-works .gallery-carousel-controls ul { margin-top: 15px; margin-bottom: 0px; } .b-reviews { display: block; height: auto; } .b-reviews .pager-item { padding: 0 0; } .b-reviews-content { padding: 100px 0; } .review-item { width: 100%; } .about-additional-img { display: inline-block; } .b-offers-holder-full { flex-direction: column; } .b-add-info-holder { padding-bottom: 85px; } .b-about-additional { padding-top: 0; } .b-about-additional .b-upper-title { margin-bottom: -5px; text-align: center; } } @media screen and (max-width: 639px) { .b-features-columns-holder .row.equal { display: block; } .b-features-columns-holder [class*="col-"] { width: 100% !important; display: block !important; } .b-regular-tabs .tabs-controls { margin: 0 -15px -1px; } .b-regular-tabs .tabs-controls li { width: 100%; } .b-offers-holder { flex-direction: column; } .b-add-info { width: 100% !important; } } /* home page */ @media screen and (max-width: 991px) { .b-homepage-content .gallery-carousel-controls ul { margin: 60px 0 60px; } .b-homepage-content .b-title-service, .b-homepage-content .b-title-service-mod, .b-homepage-content .b-title-service-mod { padding-top: 0; margin-bottom: 0; } .b-home-features .b-features-columns-holder { margin-top: -115px; } } @media screen and (max-width: 767px) { .layer-content-big { padding-top: 215px; } .b-home-slider-holder { padding-bottom: 25px; } .home-slide { margin-bottom: 55px; } .b-homepage-content .gallery-carousel-controls ul { margin: 15px 0 35px; } .b-home-features .b-features-columns-holder { margin-top: -125px; padding-bottom: 25px; } .b-home-features .b-features-columns-holder .row>[class*="col-"] { padding: 0 15px; } .b-homepage-content-mod .b-title-service-mod { padding-top: 0; } } @media screen and (max-width: 639px) { .home-slide .col-xs-10 { width: 100% !important; margin: 0 !important; } .b-home-slider-content .main-heading { font-size: 3em; } } .b-links ul { padding: 25px 25px 25px; border: 1px solid #e8ecef; position: relative; } .b-links ul:before { content: ''; display: block; position: absolute; width: 80%; height: 3px; top: -2px; left: 0; right: 0; margin: 0 auto; } .b-links li { padding-left: 18px; position: relative; margin-bottom: 14px; } .b-links li:before { content: '\f105'; font-family: FontAwesome; display: inline-block; font-size: 14px; position: absolute; top: 3px; left: 3px; color: #ced6df; } .b-links li:first-child:before { display: none; } .b-links a { font-size: 14px; } .b-links a:hover { text-decoration: underline !important; } /* Form Cart */ .variations td { padding: 0px 0 20px 0; } .tawcvs-swatches { min-width: 115px; } .tawcvs-swatches .swatch { font-size: 11px; } .tawcvs-swatches .swatch.selected { -webkit-box-shadow: none !important; -moz-box-shadow: !important; box-shadow: !important; box-shadow: 0px 1px 5px 0px #D8D8D8 !important; border-color: #ccc; opacity: 1; } .quantity .qty { border: 1px solid #eee; width: auto; margin-bottom: 20px; width: 90px; display: inline-block; } .form-cart { margin-top: 45px; margin-bottom: 50px; } .form-cart-table { width: 100%; border: 1px solid #f0f0f0; background-color: #f4f4f4; ; } .form-cart-table>thead>tr>th { padding: 30px 55px; font-size: 14px; color: #333; border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight: 500; font-family: Montserrat !important; } .form-cart-table .product_title { min-width: 120px; text-align: center; font-weight: normal !important; text-transform: uppercase; font-size: 14px; } .form-cart .flex-control-thumbs li { width: 25%; float: left; margin: 7px; } .form-cart-table>tbody>tr>td { position: relative; font-size: 16px; padding: 20px; vertical-align: middle; min-height: 300px; } .woocommerce-variation-add-to-cart { margin: 50px 0 20px 5px; } .form-cart-table .woocommerce-product-gallery img { max-width: 200px; height: auto; } .form-cart-table>tbody>tr>td:first-child { font-weight: 500; padding: 20px 55px; } .form-cart-table>tbody>tr>td:first-child a { color: #000; } .form-cart-table>tbody>tr>td:first-child a:hover { text-decoration: underline; } .form-cart-table>tbody>tr>td:nth-child(2) { width: 15%; } .form-cart-table>thead>tr>th:last-child, .form-cart-table>tbody>tr>td:last-child { text-align: center; } .form-cart__label { top: 14px; display: inline-block; width: 20px; height: 20px; padding-left: 0; border: solid 1px #d0d0d0; border-radius: 50%; } .form-cart__label:after { top: 5px; left: 5px; background-color: #fff; } .form-cart__label:before { top: 1px; left: 1px; } .form-cart__label_mod-a:before { background-color: #c9e300; } .form-cart__label_mod-b:before { background-color: #ff51be; } .form-cart__label_mod-c:before { background-color: #29d3f2; } .form-cart__label_mod-d:before { background-color: #ddd; } .form-cart__section { padding: 55px 60px 60px 55px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; background-color: #f4f4f4; } .form-cart__section:nth-child(even) { background-color: #fff; } .form-cart__title { position: relative; margin-bottom: 5px; font-weight: 500; font-size: 16px; color: #333; text-transform: uppercase; } .form-cart__title .icon { display: inline-block; padding-right: 10px; font-size: 32px; vertical-align: bottom; width: 50px; position: relative; top: -6px; margin-top: 16px; } .form-cart__label-text { margin-top: 0; margin-left: 95px; font-size: 14px; font-weight: 400; vertical-align: sub; } .form-cart__input { width: 240px; margin-right: 10px; margin-left: 10px; } .form-cart__label-row { display: block; margin-bottom: 15px; padding: 20px 30px 20px 25px; font-weight: 400; border: 1px solid transparent; background-color: #fff; cursor: pointer; margin-left: 100px; max-width: 718px; } .form-cart__label-row_first { margin-top: 30px; } .form-cart__btn { padding: 11px 25px; } .form-cart__shipping-name { margin-right: 50px; font-size: 14px; color: #333; } .form-cart__shipping-info { font-size: 11px; text-transform: uppercase; } .form-cart__label-inner { float: left; padding-right: 20px; } .form-cart__shipping-price { float: right; font-size: 16px; font-weight: 500; color: #333; } .form-cart__price { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; padding-top: 0; padding-right: 0; } .form-cart__price-total { float: right; width: 230px; height: 70px; padding-top: 22px; font-weight: 500; font-size: 20px; color: #fff; text-align: center; } .form-cart__price-title { padding-top: 15px; line-height: 1.4; float: left; } .form-cart__submit.btn-lg { margin-top: 110px; margin-bottom: 25px; padding-right: 30px; padding-left: 30px; } .form-cart__note { font-size: 11px; text-transform: uppercase; } .form-cart__btn-group { white-space: nowrap; display: inline-block; } .cd-single-point:before { display: none !important; } .kswr-row-deco[data-position=bottom][data-decoration=full-to-left][data-size=medium], .kswr-row-deco[data-position=bottom][data-decoration=middle-left][data-size=medium] { height: 110px !important; margin-bottom: -45px !important; } /* Wrap Cards */ .wrap-cards { margin-bottom: 0; padding: 48px 50px 90px 56px; border: 1px solid #eeeeee; border-top: 2px solid #dddddd; background-color: #fff; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .wrap-cards:hover { background-color: #f6f6f6; } .wrap-cards .striped-icon-large:after { background-color: #fff; } .wrap-cards .box-heading { position: relative; height: 100px; padding-top: 20px; padding-bottom: 20px; display: inline-block; width: 100%; padding-right: 90px; } .wrap-cards .download-item { margin-bottom: 25px; } .wrap-cards .download-item .ico { padding-bottom: 30px; } .wrap-cards .striped-icon-large { position: absolute; right: 26px; top: -8px; background: rgba(232, 233, 237, .5); } .wrap-cards .download-item .title { font-size: 14px; font-weight: 500; } .cards-text { font-size: 14px; line-height: 27px; min-height: 90px; } .wrap-cards .btn { border-radius: 100px; border: 1px solid #eeeeee; padding: 10px 30px; font-size: 12px; font-weight: 500; margin-top: 20px; } .wrap-cards h4 { font-size: 20px; font-weight: 500; margin-bottom: 7px; padding: 0; padding-right: 20px; } .wrap-cards h5 { font-size: 13px; color: #666666; font-weight: 300; margin: 0; padding: 0; } /* Pointer form */ html .points-heading { font-weight: 500; } html .points-heading { margin-bottom: 10px; } /* KASWARA */ html .icon-border-right .kswr-singleicon-container:after { position: absolute; top: 30%; right: 5%; width: 70%; border-top: 1px solid #eeeeee; content: ""; display: inline-block; } /* Custom team 1*/ .km-teammate-container[data-style=style1]:hover .km-teammate-np, .km-teammate-container[data-style=style1]:hover .km-teammate-soc { margin-top: 0 !important; } .km-teammate-container[data-style=style1]:hover .km-teammate-position { margin-top: 0 !important; } .km-teammate-container[data-style=style1]:hover .km-teammate-info { margin-top: 0 !important; } .km-teammate-container[data-style=style1] .km-teammate-name, .km-teammate-container[data-style=style1] .km-teammate-position { color: #fff !important; } .km-teammate-container[data-style=style1]:hover .km-teammate-name, .km-teammate-container[data-style=style1]:hover .km-teammate-position { color: #fff !important; opacity: 1 !important; text-align: center; } .km-teammate-container[data-style=style1]:hover .km-teammate-info { margin-top: 15px !important; } .km-teammate-container[data-style=style1] .km-teammate-soc a { margin-left: 5px; margin-right: 5px; display: inline-block; float: none; width: 20px; height: 20px; line-height: 33px; font-size: 18px; color: #fff !important; text-decoration: none !important; margin-top: 10px; text-align: center; } .km-teammate-container[data-style=style1] .km-teammate-soc { display: inline-block; float: none; text-align: center; margin-top: 7px; } .km-teammate-container[data-style=style1] .km-teammate-soc a:hover { opacity: 0.9; } .km-teammate-container[data-style=style1] .km-teammate-content { display: none !important; } .km-teammate-container[data-style=style1] .km-teammate-img:before { display: block; content: ""; width: 100%; float: left; height: 100%; position: absolute; z-index: 1; top: 0%; left: 0; background: rgba(0, 0, 0, .5); opacity: 0; } .km-teammate-container[data-style=style1] .km-teammate-np { display: inline-block; float: none; left: 0; right: 0; text-align: center; width: 100%; } .km-teammate-container[data-style=style1] .km-teammate-position { display: inline-block; float: none; text-align: center; } .km-teammate-container[data-style=style1] .km-teammate-info { margin-top: 0 !important; padding-top: 20px !important; padding-bottom: 20px !important; z-index: 3; color: #fff; background: transparent; position: absolute; bottom: 10%; height: auto; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; } .km-teammate-container[data-style=style1]:hover .km-teammate-info, .km-teammate-container[data-style=style1]:hover .km-teammate-img:before { opacity: 1; } /* Custom team 2*/ .km-teammate-container[data-style=style2]:hover .km-teammate-np, .km-teammate-container[data-style=style2]:hover .km-teammate-soc { margin-top: 0 !important; } .km-teammate-container[data-style=style2]:hover .km-teammate-position { margin-top: 0 !important; } .km-teammate-container[data-style=style2]:hover .km-teammate-info { margin-top: 0 !important; } .km-teammate-container[data-style=style2]:hover .km-teammate-name, .km-teammate-container[data-style=style2]:hover .km-teammate-position { color: #fff !important; opacity: 1 !important; } .km-teammate-container[data-style=style2]:hover .km-teammate-info { margin-top: 15px !important; } .km-teammate-container[data-style=style2] .km-teammate-soc a { margin-left: 5px; margin-right: 5px; display: inline-block; float: none; background: #d64d3a; border-radius: 100px; width: 30px; height: 30px; line-height: 33px; font-size: 12px; color: #fff !important; text-decoration: none !important; margin-top: 10px; } .km-teammate-container[data-style=style2] .km-teammate-soc a:hover { opacity: 0.9; } html .km-teammate-container[data-style=style2]:hover .km-teammate-soc { margin-top: 0 !important; position: absolute; top: 40%; width: 100%; display: inline-block; left: 0; } .km-teammate-container[data-style=style2] .km-teammate-info { margin-top: 0 !important; padding-top: 20px !important; padding-bottom: 0px !important; background: #fff; width: 90%; display: inline-block; position: relative; top: -30px; margin: 0 5% !important; height: 100px; overflow: hidden; } html .km-teammate-container[data-style=style2]:hover .km-teammate-soc , .km-teammate-container[data-style=style2] .km-teammate-img-overlay{ display: none !important; } .km-teammate-container[data-style=style2]:hover .km-teammate-info { background: #3180ab; margin-top: 0 !important; overflow: hidden; height: 100px; } .km-teammate-container[data-style=style2] .km-teammate-content { display: none !important; } /* Custom team 3*/ .km-teammate-container[data-style=style3] .km-teammate-info { position: relative; } .km-teammate-container[data-style=style3]:hover .km-teammate-soc { opacity: 1; } .km-teammate-container[data-style=style3] .km-teammate-soc { color: #ffffff !important; background: rgba(0, 0, 0, .7); top: -65px; position: absolute; left: 0; padding: 5px; opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } /* Custom testimonials html .km-testimonial[data-style=style1]{ position: relative; } html .km-testimonial[data-style=style1] .km-testimonial-content { width: 100%; float: left; position: relative; text-align: center; padding-left: 73px; } html .km-testimonial[data-style=style1][data-childstyle=style5] .km-testimonial-icon { position: absolute; margin-top: 0; bottom: -34px; left: 70px; text-align: left; } html .km-testimonial[data-style=style1][data-childstyle=style5] [class^="km-icon-"], html .km-testimonial[data-style=style1][data-childstyle=style5] [class*=" km-icon-"] { font-size: 21px; } html .km-testimonial[data-style=style1][data-childstyle=style5] .testimonial-content-span { width: 100%; float: left; display: inline-block; position: relative; z-index: 7; text-align: left; } html .km-testimonial[data-style=style1] .km-testimonial-pic { float: left; width: 100%; text-align: left; position: absolute; left: 0; } html .km-testimonial[data-style=style1] .km-testimonial-name-info { float: left; width: 100%; text-align: left; padding-left: 100px; } html .km-testimonial[data-style=style1] .km-testimonial-info { padding-left: 2px; } */ .km-testimonial[data-style=style1] .km-testimonial-name { margin-bottom: 5px; } .km-testimonial[data-style=style1] .km-testimonial-pic { margin-bottom: 5px; padding-top: 25px !important; } html .km-testimonial[data-style=style1][data-childstyle=style5] .km-testimonial-icon { position: relative; margin-top: 0; } /* Smart tabs */ .smart-tabs ul, .rtd .smart-tabs ul:not([class]) { margin: 0 !important; padding: 0 0 0 10px !important; list-style: none !important; } .smart-tabs ul li:before, .smart-tabs ul li:after { display: none !important; } .smart-tabs ul li { margin-bottom: 7px !important; padding-bottom: 0 !important; line-height: 1.3 !important; position: relative; } .smart-tabs { background: #fff; padding: 20px !important; box-shadow: 0px 4px 20px 0px #ebebeb; padding-bottom: 20px; min-height: 370px; } html .smart-tabs-title { font-size: 15px; border-bottom: 0; padding-bottom: 20px; margin-bottom: 20px; background: #22282e; color: #fff; padding: 10px; text-transform: uppercase; } .smart-tabs ul li a { color: inherit !important; } .smart-tabs table { width: 100%; } .smart-tabs caption, .smart-tabs th, .smart-tabs td { text-align: left; font-weight: normal; font-weight: 300; vertical-align: middle; min-width: 90px; padding: 5px 15px !important; text-align: left; vertical-align: middle !important; } .smart-tabs ul .active a:before { font-family: 'FontAwesome'; content: "\f061"; display: block; position: absolute; right: 0; top: 3px; width: 14px; height: 20px; color: #ddd; } .smart-tabs td, .smart-tabs th { border: 1px solid #ddd; } /* wpaddons parallax */ html .wpaddons-parallax-wrapper img { z-index: 1; } .kswr-heading-container { position: relative; z-index: 9 !important; } .vertical-container-top, .vertical-container-top-mod, .vertical-container-top-btn { border-bottom: 2px solid #333; position: absolute; width: 180px; } .vertical-container-top, .vertical-container-top-mod { top: 350px; } .vertical-container-top { z-index: 2; } .vertical-container-top-btn { top: 130px; } .vertical-left { left: -15px; } .vc_row[data-vc-full-width-init] .vertical-left { left: 0 !important; } .vertical-text-main { bottom: 22px; font-size: 19px; font-weight: 600; letter-spacing: 3px; position: absolute; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); white-space: nowrap; width: 50px; } .text-white .vertical-right .color-add-3 { color: inherit; } .text-white .vertical-right .color-add-4 { color: inherit; } .vertical-text-additional { font-size: 50px; position: absolute; white-space: nowrap; width: 50px; } .vertical-number { font-size: 17px; font-weight: 400; padding: 0 12px 4px 0; } .vertical-left .vertical-text-main { right: 47px; } .vertical-left .vertical-text-additional { right: -2px; } .vertical-right .vertical-text-main { left: 47px; } .vertical-right .vertical-text-additional { left: -2px; } .vertical-container-top .vertical-text-additional, .vertical-container-top-mod .vertical-text-additional { bottom: 32px; font-weight: 300; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .vertical-container-top-btn .vertical-text-additional { bottom: -70px; font-weight: 700; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .vertical-container-top .vertical-number, .vertical-container-top-mod .vertical-number { padding: 0 12px 4px 0; } .vertical-container-top-btn .vertical-number { padding: 0 0 4px 12px; } .vertical-container-top-mod { top: 75px; } .vertical-container-top-mod .vertical-text-additional { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); font-size: 60px; bottom: -95px; } .tmpl-content-container { display: inline-block; position: relative; z-index: 9; } .tmpl-content-style-shadow { padding: 0px; border: 0; clear: both; background: #fff; box-shadow: 2px 3px 23px -1px #ddd; border-radius: 3px; -webkit-transition: all 0.45s linear; -moz-transition: all 0.45s linear; -ms-transition: all 0.45s linear; -o-transition: all 0.45s linear; transition: all 0.45s linear; } .table-bordered-none { width: 100%; } .tmpl-content-container-center { text-align: center; } .tmpl-content-container-left { text-align: left; display: inline-block; vertical-align: top; } .tmpl-content-container-right { text-align: right; display: inline-block; vertical-align: top; } /* kaswara */ html .kswr-pricing-bottom { line-height: 1.4 !important; } @media (max-width:480px) { html .kswr-full-section { float: none; } html .kswr-pricing-content { position: relative; top: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } } .kswr-slickslider-container:hover .slick-next, .kswr-slickslider-container:hover .slick-prev { opacity: 1; } .kswr-slickslider-container .slick-next, .kswr-slickslider-container .slick-prev { opacity: 1; } html .kswr-slickslider-container[data-dots-style=style9] .slick-dots li button:before { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; content: "\f111"; } html .kswr-slickslider-container[data-arrows-position=middletwo] .slick-next, html .kswr-slickslider-container[data-arrows-position=middletwo] .slick-prev { border-radius: 100px; opacity: 0; } html .kswr-slickslider-container .slick-next:after, .kswr-slickslider-container .slick-prev:after { top: 1px; } .slick-slider:hover .slick-next, .slick-slider:hover .slick-prev { opacity: 1 !important; } .kswr-fancytext-prefix { padding-right: 5px; } .btn-learn-more { color: #ec423c; text-decoration: none; padding-bottom: 6px; margin-top: 25px; clear: both; display: inline-block; position: relative; } .btn-learn-more:after { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; height: 3px; background: #222; transform: skewX(-20deg); width: 100%; } .btn-learn-more:before { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; content: "\f105"; display: inline-block; color: #222; margin-right: 10px; font-size: 18px; } .btn-learn-more2 { color: #222; background: #fff; text-decoration: none; padding-bottom: 6px; margin-top: 25px; clear: both; display: inline-block; position: relative; padding: 10px 20px; box-shadow: 2px 2px 24px 7px #dfdfdf; transform: skewX(-20deg); -webkit-transition: all 0.45s linear; -moz-transition: all 0.45s linear; -ms-transition: all 0.45s linear; -o-transition: all 0.45s linear; transition: all 0.45s linear; } .btn-learn-more2 em { color: #222; background: #fff; text-decoration: none; transform: skewX(20deg); display: block; } .btn-learn-more2:hover { box-shadow: 2px 2px 34px 7px #c9c7c7; } /* fly menu */ html .edfm-fly-menu-body ul { margin-left: 100%; width: 100%; } html .edfm_full_menu_template_2 .edfm-menu > li:after { display: none; } /* btc_calc */ .home-template #btc_calc + + a { display: none; } .home-template .cryprocurrency-prices-title { text-align: center; font-size: 16px; text-transform: uppercase; margin: 0; padding-bottom: 20px; } .home-template #btc_calc { text-align: center; } .home-template #btc_calc script + a { display: none; } .home-template #btc_calc input[type=text] { background: #fff; border: 0; border-radius: 0; display: inline-block; width: 150px; text-align: center; margin: 0 10px; color: #222; vertical-align: top; box-shadow: 2px 2px 2px 1px #eee !important; } .home-template #btc_calc + a { display: none !important; } aside .cryprocurrency-prices-title { display: none; } html .crtools-graph .period-button, html .crtools-graph .fiat-button { color: inherit; padding: 2px 8px; font-size: 14px; margin-bottom: 5px; } html .crtools-graph .period-button:hover, .crtools-graph .period-button.active { font-weight: normal; color: #fff; } html .crtools-graph .fiat-button { border-color: #ddd; } aside .prices-table img { margin: -1px 3px 0 0; } html .crtools-graph .period-button { margin-right: 10px; color: inherit !important; } html .crtools-graph .period-button:hover, .crtools-graph .period-button.active { color: #fff !important; } .crtools-graph .period-button { padding: 5px 10px !important; margin-bottom: 10px; } .crtools-graph .fiat-button { color: inherit; margin-bottom: 10px; } .bt-calc h2 { display: none !important; } #text-2 .textwidget > h2 { display: none; } html body .booked-list-view a.booked_list_date_picker_trigger { display: inline-block; position: relative; top: -1px; margin: 0; font-size: 13px; width: 24px; height: 24px; line-height: 23px; padding: 5px; } html body .booked-list-view .booked-list-view-nav .booked-list-view-date-next , html body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev { top: 1px; padding: 5px 20px; } /* Download PDF button */ .widget-download-button { display: block; color: #fff; background-color: #f26520; padding: 10px; border-radius: 0; text-transform: uppercase; position: relative; padding-left: 55px; overflow: hidden; height: 43px; font-size: 12px; line-height: 23px; } .widget-download-button i { position: absolute; top: 0; left: 0; padding: 10px; color: #fff; background: red; font-size: 22px; height: 43px; } /* Image Box Widget */ .image-box-item{ border: 1px solid #e7e8ec; background-color: #fff; text-align: center; display: inline-block; } .image-box-item.padding{ padding: 10px; } .image-box-item.shadow{ padding-bottom: 19px; box-shadow: 1px 8px 15px -4px #eaeaea; margin-bottom: 15px; } .image-box-item .ibi-image-wrapper{ width: 100%; margin-bottom: 15px; background-size: cover; background-repeat: no-repeat; background-position: center; } .ibi-title{ font-size: 18px; margin-bottom: 5px; display: inline-block; } .ibi-title a{ color: inherit; } .image-box-item .ibi-image-wrapper a{ display: block; height: 100%; } .image-box-item.shadow .ibi-title, .image-box-item.shadow .ibi-text{ padding: 0 10px; } .image-box-item img{ max-width: 100%; height: auto; margin: 0 auto; } /* Custom Post Widget */ .custom-post-item.custom-post-cpstyle01 .custom-post-cntn{ border: 1px solid #eee; border-top: 0; margin: 10px; margin-top: 0; } .custom-post-item.custom-post-cpstyle01 .cpi-image-wrapper { margin-bottom: 0; } .custom-post-item.custom-post-cpstyle01 ul{ border-top: 0; border-bottom: 1px solid #eeeeee; text-align: center; display: block; padding: 15px 0 15px 0; margin-bottom: 25px; } .custom-post-item.custom-post-cpstyle01 h4 { margin: 0; padding: 0 25px 20px 25px; font-size: 20px; line-height: 1.4; text-align: center; } .custom-post-item.custom-post-cpstyle01 .cpi-excerpt { list-style: none; display: inline-block; padding-left: 0; padding: 0 25px; border-top: 0; border-bottom: 0; margin: 0 0 0 0; border-bottom: 0; text-align: center; } .custom-post-item.custom-post-cpstyle01 .cpi-link-more{ font-size: 12px; font-weight: 600; padding: 9px 30px 7px 25px; line-height: 30px; border-radius: 0; text-transform: uppercase; box-shadow: none !important; text-decoration: none !important; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; margin-top: 20px; display: inline-block; clear: both; border: 0; text-align: center; color: #fff !important; background: #222; margin-bottom: -20px; float: none; } .custom-post-item.custom-post-cpstyle01 .custom-post-footer{ text-align: center; margin-bottom: -22px; } .custom-post-item.custom-post-cpstyle01{ background: #fff; display: inline-block; } .custom-post-item{ background: #fff; } .custom-post-item img{ width: 100%; height: auto; } .custom-post-item .cpi-image-wrapper { margin-bottom: 40px; } .custom-post-item h4{ margin: 0; padding: 0 25px 20px 25px; font-size: 20px; line-height: 1.4; } .custom-post-item .cpi-image-wrapper a{ display: block; height: 100%; } .custom-post-item ul{ list-style: none; display: flex; padding-left: 0; padding: 25px 0; border-top: 1px solid #ddd; border-bottom: 0; margin: 0 25px 0 25px; } .custom-post-item ul li .label-pstd{ padding-right: 5px; } .custom-post-item ul li{ margin-right: 15px; color: #444444; font-size: 14px; } .custom-post-item ul li i{ margin-right: 5px; } .custom-post-item h4 a{ color: inherit; } .cpi-excerpt { list-style: none; display: flex; padding-left: 0; padding: 25px 0; border-top: 1px solid #dddddd; border-bottom: 0; margin: 0 25px 0 25px; } .cpi-link-more{ font-size: 16px; font-weight: 500; color: inherit; } .cpi-link-more span{ padding-left: 3px; } .custom-post-padding{ background: #fff; padding: 10px; text-align: center; } .custom-post-item.custom-post-padding h4 , .custom-post-item.custom-post-padding .cpi-excerpt{ text-align: center; } .custom-post-item.custom-post-padding .cpi-date-wrapper , .custom-post-item.custom-post-padding .cpi-link-more{ display: none; } .custom-post-item.custom-post-padding .cpi-excerpt{ padding: 0 25px 25px 25px; } html .kswr-slickslider-container[data-arrows-position=middle] .slick-next { right: -35px; } html .kswr-slickslider-container[data-arrows-position=middle] .slick-prev { left: -35px; } /* Custom post 2*/ .custom-post-cpstyle02{ text-align: center; background: none !important; } .custom-post-cpstyle02 .cpi-date-wrapper{ display: none !important; } .custom-post-item .cpi-image-wrapper { margin-bottom: 25px; } .custom-post-item .cpi-excerpt { list-style: none; display: flex; padding-left: 0; padding: 25px 0; border-top: 1px dashed #dddddd; border-bottom: 0; margin: 0 0 0 0; border-bottom: 1px dashed #dddddd; } /* Custom post 3 */ .custom-post-cpstyle03.custom-post-item { background: none; } .custom-post-cpstyle03.custom-post-item .cpi-image-wrapper { margin-bottom: 33px; float: left; max-width: 25%; margin-right: 4%; } .custom-post-item.custom-post-cpstyle03 .cpi-excerpt{ display: inline-block; width: 70%; border: 0; padding: 0 0 25px 0; height: 47px; overflow: hidden; } .custom-post-item.custom-post-cpstyle03 h4 { margin: 0; padding: 0; font-size: 16px; line-height: 1.3; float: left; width: 70%; font-weight: 700; padding-bottom: 5px; } .custom-post-item.custom-post-cpstyle03 ul { list-style: none; display: inline-block; padding-left: 0; padding: 0px 0 0 0; border-top: 0; border-bottom: 0; margin: 0; width: 70%; padding-bottom: 5px; } .custom-post-item ul li, .custom-post-item ul li * { color: #888 !important; } .label-pstd{ font-weight: 600; } /* Custom product Widget */ .custom-product-item img{ max-width: 100%; height: auto; margin: 0 auto; } .cpri-wrapper{ border: 1px solid #eee; display: block; text-align: center; position: relative; margin: 0 auto; margin-bottom: 25px; overflow: hidden; } .custom-product-item:hover .add_to_cart_button{ bottom: 0px; opacity: 1; } .cpri-wrapper .add_to_cart_button{ position: absolute; left: 0; z-index: 5; width: 100%; padding: 10px; bottom: -367px; opacity: 0; font-weight: normal; padding: 6px; color: #fff; -webkit-transition: all .2s .2s ease; -moz-transition: all .2s .2s ease; transition: all .2s .2s ease; } .custom-product-item h4{ margin: 0; padding: 0 0 20px 0; font-size: 20px; text-align: center; } .custom-product-item h4 a{ color: inherit; } .cpri-price{ font-size: 16px; text-align: center; color: #da4949; font-weight: 500; } .header.header-background-white .top-bar { font-weight: 400; } .quotation-mark{ position: relative; } .quotation-mark:after{ background-image: url(../images/quotation-mark.png); content: ''; width: 96px; height: 61px; position: absolute; display: block; top: 0; left: -36px; z-index: -1; } /* counter box */ .counter-box .kswr-counter-ct-leftright{ position: relative; z-index: 9; } .counter-box .kswr-counter-title-ct{ margin-top:-100px; } html .counter-box { -webkit-transition: all .1s .1s ease; -moz-transition: all .1s .1s ease; transition: all .1s .1s ease; background-color: #fff; margin-bottom: -100px; position: relative; z-index: 999; box-shadow: 2px 3px 16px -2px #999; } html .counter-box .kswr-counter-inside-container { margin-bottom: 25px !important; } /* KASWARA PRICE LINE*/ .kswr-pricing-line{ border: 0 !important; } html .kswr-full-section { border-bottom: 1px solid #e5dcd6; padding-bottom: 10px; } html .kswr-pricing-bottom { margin-top: 0px; } html .footer .km-socials-m-back.km-socials-m-back-color{ background: transparent !important; border: 2px solid #fff; } html .testimonials-row .kswr-slickslider-container[data-arrows-position=bottom_right] .slick-arrow { position: absolute; top: auto; right: 40px; bottom: 40px; background: #fff !important; border: 1px solid #eeeeee; color: #8f8f8f; }