/************************************** File Name: style.css Template Name: Transp **************************************/ /************************************** Table of Content 1. FONTS 2. BASIC 3. LOADER 4. HEADER 5. SECTION 6. PORTFOLIO 7. FOOTER 8. ELEMENTS 9. PRICING 10. TESTIMONIAL 11. TEAM MEMBER 12. FORMS 13. PAGES 14. BLOG 15. SIDEBAR WIDGETS 16. SIDEBAR EXPENDED 17. RESPONSIVE **************************************/ /* BASIC **************************************/ body { font-family: "epilogue", sans-serif; line-height: 1.71; font-size: 14px; color: #818692; font-weight: 400; } body.boxed { background-color: #333; } body.boxed #wrapper { margin: 2rem auto; max-width: 1240px; overflow: hidden; background: #fff; } h1, h2, h3, h4, h5, h6 { color: #EE6833; /*color: #034460;*/ font-weight: 600; } h1 { font-size: 64px; line-height: 1.125; margin-bottom: 20px; margin-top: 30px; } h2 { font-size: 48px; line-height: 1.08; margin-bottom: 20px; margin-top: 30px; } h3 { font-size: 32px; line-height: 1.125; margin-bottom: 20px; margin-top: 30px; } h4 { font-size: 26px; line-height: 1.3; margin-bottom: 15px; margin-top: 20px; } h5 { font-size: 22px; line-height: 1.27; margin-bottom: 15px; margin-top: 20px; } h6 { font-size: 18px; line-height: 1.22; margin-bottom: 12px; margin-top: 15px; } a { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #034460; } mark { padding: 0; } p { margin-bottom: 24px; color: #818692; } a:hover, a:focus { color: #FEC201; text-decoration: none; } .blockquote, blockquote { margin-bottom: 1.5rem; border-radius: 0 !important; padding: 40px; } .wp-block-columns { margin-bottom: 0; } .wp-block-pullquote.is-style-solid-color blockquote { background: inherit; padding: 40px 0; } .wp-block-pullquote.is-style-solid-color blockquote cite { color: inherit; } .wp-block-pullquote.is-style-solid-color .wp-block-quote:after, .wp-block-pullquote.is-style-solid-color blockquote:after { content: ""; } .readmore { display: block; font-size: 11px; margin: 1rem 0 0; color: #303030; font-weight: 400; padding: 0; line-height: 1; } .margin-50 { margin-bottom: 50px; } .team-desc small, .show > .btn-primary.dropdown-toggle, .show > .btn-primary.dropdown-toggle, .process-box:hover .process-end, .normal-box h4::after, .image-box h4::after, .widget-title:after, .image-box h4::after, .tooltip-inner, .post-publish .fa:hover, .page-link, mark, .bg { opacity: 1; color:#fff; background-color:#FEC201; } ::selection { background: #303030; color: #fff; } ::-moz-selection { background: #303030; color: #fff; } .gform .form-control:focus, .search-form .search-field:focus, .wpcf7 .form-control:focus { background: #f7f7f7; outline: none; } .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { border-top-color: #FEC201; } .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { border-bottom-color: #FEC201; } /*----------------unit----------------------*/ #wrapper { overflow: hidden; } a:hover, a:focus { text-decoration: none; } a:focus { outline: none; outline-offset: 0; text-decoration: none; } img { height: auto; max-width: 100%; } .hero-shape img { width: 100%; } figure { max-width: 100%; overflow: hidden; } .wp-caption { text-align: center; color: #686868; } figcaption { margin-top: 0.5em; margin-bottom: 1em; color: #686868; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption { margin: 0; } .page .wp-caption.alignright figcaption { margin-bottom: 0; margin-top: 5px; } .page figure.wp-caption.alignright { margin-top: -15px; } iframe { max-width: 100%; } .fb_iframe_widget { max-width: 100%; } .fb-post.fb_iframe_widget span { max-width: 100%; } .wp-block-embed iframe { max-width: 100%!important; min-width: 220px!important; } .screen-reader-text { display: none; } .alignright { float: right; margin: 6px 0 6px 20px; } .alignleft { float: left; margin: 6px 20px 6px 0; } img.aligncenter { display:block; text-align:center; display: block; margin:0 auto 20px auto; padding:0px; border:0px; background:none; } img.alignleft { float:left; margin: 6px 20px 6px 0; display: inline; border:0px; background:none; padding:0; display:block; } img.alignright { padding:0; float:right; margin: 6px 0 6px 20px; border:0px; display:block; background:none; } figure.aligncenter { margin:0 auto 20px auto; } blockquote { margin: 20px 0; position:relative; width:auto; } table { width: 100%; } .blog-desc table { margin-bottom: 30px; } table th { font-weight: 500; } .wp-block-calendar table th { background: #f7f7f7; font-weight: 500; text-align: center; } .wp-block-calendar a { text-decoration: none; } .wp-calendar-table td a { color: #fff; font-weight: 500; } .wp-block-calendar th, .wp-block-calendar tbody td { border-color: #eaeaea; } table td, table th { padding: 8px; border: 1px solid #eaeaea; color: #686868; } .widget table td, .widget table th { text-align: center; } select { border: 1px solid #eaeaea; height: 44px; padding: 10px; background-image: url(../images/downarrow.png); background-repeat: no-repeat; background-position: 95%; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; max-width: 100%; overflow: hidden; color: #303030; margin-bottom: 5px; border-radius: 4px; } .widget_archive select { min-width: 200px; } .sidebar select, .footer-widget-area select { width: 100%; } pre { border: 1px solid #eaeaea; font-size: 12px; line-height: 1.3125; margin: 5px 0 1.75em; max-width: 100%; overflow: auto; overflow-wrap: break-word; padding: 1.75em; white-space: pre-wrap; } code { background: none; color: #FEC201; } kbd { background: #FEC201; } .pager { margin: 0; } .pagination > li { float: left; min-width: 24px; line-height: 36px; } .pagination > li > a, .pagination > li > span { float: left; margin-left: 0; margin-right: 10px; position: relative; text-decoration: none; } .pager li > a, .pager li > span { background-color: #2c2f33; border: 1px solid #2c2f33; color: #fff; float: none; line-height: 1.42857; font-size: 11px; margin-right: 10px; margin-left: 0; border-radius: 0; padding: 8px 15px; display: inline-block; position: relative; text-decoration: none; } .pagination > li.current > a, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #fafafa; } .pager i { font-size: 13px; vertical-align: baseline; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { border-left: 5px solid #FEC201; } .wp-block-search .wp-block-search__button, .search-form .search-submit { background: #FEC201; height: 60px; border: 1px solid #FEC201; color: #034460; border-radius: 0 4px 4px 0 ; margin-left: 0; border-left: none; padding: .375em .625em; } .wp-block-search .wp-block-search__input, .search-form .search-field { float: left; max-width: 345px; border-color: #ccc; padding: 5px 5px 5px 10px; border-radius: 4px 0 0 4px; border-right: none; height: 60px; } .footer-widget-area .wp-block-search .wp-block-search__input, .footer-widget-area .search-form .search-field { max-width: 190px; } .search-form label { display: inline; } .search-form .search-field { flex-grow: 1; min-width: 3em; border: 1px solid #eaeaea; margin-right: 0; height: 60px; } .footer-widget-area .search-form .search-field { margin-bottom: 10px; } .post-meta.sticky-posts { position: relative; } .sticky .sticky-content { width: auto; height: auto; overflow: hidden; position: absolute; top: -38px; right: 20px; z-index: 1; transform: rotate(-45deg); writing-mode: vertical-lr; display: inline-block; padding: 42px 3px; border-radius: 4px; } .sticky-content .sticky-post { font-size: 16px; color: #303030; } .sticky .sticky-content::before { position: absolute; z-index: 1; content: ''; border-top: 15px solid #f9f9f9; border-left: 15px solid #f9f9f9; border-right: 15px solid #f9f9f9; border-bottom: 15px solid #fff; bottom: -15px; height: 30px; width: 100%; right: 0; } .sticky .sticky-content::after { position: absolute; z-index: -1; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: #f9f9f9; color: #303030; } .gallery-caption { color: #000; } .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #660016; } dd { margin-bottom: 20px; } .hidden-sec { display: none; } .visible-sec { display: block; } .tagcloud a, .tagwidget li a, .wp-block-tag-cloud a { margin: 0 0 10px 0; display: inline-block; font-size: 1rem!important; background: none; padding: 8px 15px; color: #FEC201; border-radius: 4px; border: 1px solid #FEC201; } .wp-block-tag-cloud a { margin-right: 7px; } .tagcloud a:hover, .tagwidget li a:hover, .wp-block-tag-cloud a:hover, .tagcloud a:focus, .tagwidget li a:focus, .wp-block-tag-cloud a:focus { background: #FEC201; color: #fff; } .sidebar ul { padding-left: 0; margin: 0; } .sidebar .widget_nav_menu ul.sub-menu { padding-left: 10px; } .sidebar ul li { list-style: none; padding-bottom: 10px; } .panel-grid-cell { position: relative; } .post-password-form input[type="password"] { border: none; background-color: #f1f1f1; padding: 0 1rem; height: 45px; display: block; } .post-password-form input[type="submit"] { border: none; padding: 5px 35px; color: #fff; height: 45px; background: #FEC201; border: none; color: #fff!important; cursor: pointer; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { background: #303030; } .right.carousel-control > span, .left.carousel-control > span { top: 45%; position: absolute; } .comments-list li .children { padding-left: 10px; } .blog-tags { float: left; width: 100%; } .blog-tags ul li a { color: #FEC201; font-size: 16px; font-weight: 400; line-height: 1; background-color: transparent; border: 1px solid #FEC201; padding: 10px 15px; margin-right: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; display: inline-block; margin-bottom: 15px; } .blog-tags ul li a:hover { color: #fff; background-color: #FEC201; border-color: #FEC201; } .blog-tags h5 span, .blog-social h5 span { position: relative; } .blog-social h5 span:after { right: auto; left: -40px; } .blog-tags:hover h5 span:after, .blog-item-comment:hover .custom-title span:after, .blog-social:hover h5 span:after { background-color: #192B72; width: 50px; } .blog-social:hover h5 span:after { left: -70px; } .page-links { float: left; width: 100%; margin-top: 10px; margin-bottom: 20px; } .page-links .page-links-title { padding-right: 5px; } .page-links .post-page-numbers { margin-right: 10px; } .page-links a, .page-links span.post-page-numbers { color: #6d708d; background-color: #fff; padding: 15px 18px; box-shadow: 0 0 16px rgb(50 39 193 / 8%); line-height: 1; font-size: 14px; font-weight: 700; display: inline-block; border-radius: 3px; } .page-links .post-page-numbers.current, .page-links a:hover, .page-links a:focus { background: #FEC201; color: #fff; border-color: #FEC201; } .wp-audio-shortcode { margin-bottom: 20px; } .media-list li.pingback { list-style: none; } .pagination { margin-top: 70px; justify-content: center; margin-bottom: 0; padding-bottom: 10px; } /*-----------------------blocks-------------*/ .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-rss { padding: 0; } .wp-block-rss li { list-style: none; margin-bottom: 10px; } .wp-block-rss li:last-child { margin-bottom: 0; } .wp-block-latest-posts.wp-block-latest-posts__list li:last-child { margin-bottom: 0; border-bottom: none; } .wp-block-image .alignleft { margin-right: 30px; } .wp-block-image figcaption { color: #686868; font-size: 16px; } .wp-block-cover-image, .wp-block-cover { min-height: 330px; } .wp-block-cover { margin-bottom: 40px; } .wp-block-video figcaption { color: #686868; font-size: 16px; } .wp-block-pullquote { border-width: 0; border-style: solid; padding: 0; border-color: #ddd; color: #333; } .wp-block-pullquote p { margin-bottom: 0.5em; line-height: 1.4; } .wp-block-pullquote blockquote p { font-size: 20px; margin-bottom: 0; } .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation { color: #333; text-transform: inherit; } .wp-block-button__link { background: #303030; color: #fff !important; border: 1px solid #303030; border-radius: 30px; margin-bottom: 5px; } .is-style-squared .wp-block-button__link { border-radius: 0; } .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline { border-color: #002d13; color: #303030!important; } .blocks-gallery-caption { font-size: 16px; margin: 10px auto 30px; color: #686868; } .wp-block-embed figcaption { font-size: 16px; color: #686868; } .wp-block-cover-image p:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color) { color: #fff; } .footer-1 .widget_block .wp-block-heading:not(.has-text-color) { color: #FEC201; font-size: 22px; line-height: 28px; margin-bottom: 10px; } .footer-1 .widget_block .wp-widget-group__inner-blocks .wp-block-heading { margin-top: 25px; font-size: 18px; line-height: 24px; } .wp-block-quote, blockquote { padding: 0 20px; border-left: 3px solid #FEC201; margin: 30px 0; font-size: 1.25rem; } .wp-block-quote p, blockquote p { font-size: 1.25rem; } .wp-block-quote p:last-child, blockquote p:last-child { margin-bottom: 0; } .wp-block-calendar table caption, table caption { caption-side: top; padding-top: 10px; padding-bottom: 5px; font-size: 17px; } .footer table caption, .footer .wp-block-calendar table caption { padding-top: 0; } .wp-block-calendar table caption { padding-bottom: 15px; } .wp-calendar-nav { padding-top: 5px; text-align: left; } .wp-calendar-nav a { font-size: 14px; color: #FEC201; } .wp-calendar-table td#today { color: #fff; background: #FEC201; border-color: #FEC201; } .footer-widget-area .wp-calendar-table td#today { border-color: #eaeaea; } .wp-block-calendar table { margin-bottom: 10px; } .wp-calendar-nav .wp-calendar-nav-next { float: right; } .wp-block-calendar .wp-calendar-nav { margin-bottom: 30px; } .has-text-align-right.wp-block-quote { text-align: right; } .wp-block-columns .wp-block-column .wp-block-quote { padding: 15px; } .wp-block-file .wp-block-file__button { background: #FEC201; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { padding: 25px; } .blog-box .meta-bottom { margin-top: 10px; font-weight: 600; float: left; width: 100%; } .meta-bottom i { margin-right: 5px; color: #FEC201; } .wp-block-audio audio { min-width: 220px; } .wp-block-quote p { z-index: 1; position: relative; margin-bottom: 0; } .formate-quote > .wp-block-quote p { font-size: 30px; line-height: 40px; color: #ffffff; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-color: #FEC201; border-width: 3px; } .is-style-solid-color blockquote { border: none; } .wp-block-cover-image h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text { font-weight: 600; } .wp-block-separator { margin: 1.65em auto!important; border-top: 1px solid #999; border-bottom: none; float: none!important; } .has-large-font-size { font-weight: 500; margin-bottom: 0; line-height: 1.2; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote__citation, .wp-block-quote cite a { color: #FEC201; font-weight: 700; display: inline-block; font-size: 18px; margin-top: 10px; } .formate-quote .wp-block-quote cite a.author-name { position: relative; padding-left: 60px; } .formate-quote .wp-block-quote cite a.author-name:before { position: absolute; background: #ffffff; content: ""; display: inline-block; height: 3px; bottom: 10px; left: 0px; width: 50px; } .formate-quote .wp-block-quote cite a { color: #ffffff; margin-right: 10px; } .formate-quote .wp-block-quote cite a .svg-inline--fa { margin-right: 5px; } .gallery-carousel, .wp-block-archives, .wp-block-categories, .wp-block-search, .wp-block-archives-dropdown { margin-bottom: 40px; display: inline-block; width: 100%; } .sidebar .wp-block-search { margin-bottom: 0; } .wp-block-code { border: 1px solid #eaeaea; border-radius: 0; color: #303030; } .wp-block-table td, .wp-block-table th { border: 1px solid #eaeaea; } .wp-block-group.has-background { margin-bottom: 15px; } .wp-block-latest-posts.is-grid { margin-bottom: 30px; } .wp-block-group.has-background { padding: 30px; } .wp-block-group.has-background p:last-child { margin-bottom: 0; } .wp-block-media-text { margin-bottom: 15px; } .wp-block-media-text.has-background .wp-block-media-text__content { padding: 15px; } .wp-block-media-text.has-background .wp-block-media-text__content p:last-child { margin-bottom: 0; } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1410px; } } /* HEADER **************************************/ .header { padding: 0; position: relative; } .header .navbar { padding: 0; } .header-style2.header { background: none; } .header.header-style3 { border-bottom: none; } .header.header-style2 .navbar { padding: 0 40px; z-index: 1; background: rgba(255,255,255, 0.9); border-radius: 0 0 6px 6px; } .header.header-style3 .navbar { padding: 0; } .normal-header { padding: 0; } .normal-header .navbar { padding: 0; } .fixed-top { left: 0; position: fixed; right: 0; top: 0; z-index: 1030; padding: 1rem 3rem; } .navbar-nav .menu-item a { line-height: 1; padding: 30px; color: #303030; display: block; margin-top: -1px; font-weight: 500; position:relative; } .navbar-nav > .menu-item > a:before { position: absolute; content: ""; left: 0; bottom: -1px; background: #FEC201; width: 100%; height: 4px; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(.74,.72,.27,.24); } .navbar-nav > .menu-item:hover > a:before, .navbar-nav > .menu-item.current_page_parent > a:before, .navbar-nav > .menu-item.current-menu-item > a:before { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } .transparent-header .navbar-nav > .menu-item > a { padding: 39px 20px; } .transparent-header.header-style1 .navbar-nav > .menu-item > a { padding: 40px 16px; } .transparent-header.header-style1 .navbar-nav > .menu-item > a:before { height: 4px; } .light-header.transparent-header .navbar-nav > .menu-item > a { color: #303030; } .light-header.transparent-header .navbar-nav > .menu-item.current-menu-item > a, .light-header.transparent-header .navbar-nav > .menu-item:hover > a { color: #FEC201; } @media (min-width: 1025px) { .navbar-nav > .menu-item.menu-item-has-children i { top: 1px; position: relative; padding-left: 2px; } .navbar-nav .menu-item a .svg-inline--fa { padding: 1px; position: relative; top: 0; font-size: 13px; } .navbar-nav .menu-item.current-menu-item > a, .navbar-nav .menu-item.current_page_parent > a, .navbar-nav .menu-item:hover > a { color: #FEC201; } .navbar-nav .dropdown-menu .menu-item a i { position: absolute; right: 15px; top: 5px; } .navbar ul li .dropdown-menu { position: absolute; z-index: 9; border-radius: 0 0 6px 6px; display: block; left: 0; opacity: 0; padding: 0 15px; right: 0; top: 100%; visibility: hidden; min-width: 230px; border: 1px solid #f5f5f5; background: #ffffff; -webkit-box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15); -moz-box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15); box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15); margin: 0; transform: scale(1 , 0); transform-origin: 0 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; } .navbar ul li .dropdown-menu li { display: block; padding: 0; position: relative; } .navbar ul li .dropdown-menu li a { padding: 12px 0; line-height: 1.6; color: #5d5d5d; position: relative; -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; border: none; border-bottom: 1px solid #eaeaea; } .navbar ul li .dropdown-menu li:last-child a { border: none; } .navbar ul li:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: scale(1); } .navbar ul li .dropdown-menu li:hover > a { color: #FEC201; } .navbar .has-submenu > ul li:hover > ul { visibility: visible; opacity: 1; left: 100%; } .navbar .has-submenu > ul li ul { position: absolute; top: 0; visibility: hidden; display: block; opacity: 0; left: 130%; } .nav-main-menu .main-menu li.has-submenu .dropdown-btn { display: none; } } /* Mobile-menu */ .nav-outer .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; display: none; color: #fff; margin-right: 30px; top: 15px; } .nav-logo img { width: 150px; } .mobile-menu { position: fixed; right: 0; top: 0; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 9999; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; } .mobile-menu .navbar-collapse { display: block !important; } .mobile-menu .nav-logo { position: relative; padding: 30px 25px; text-align: left; } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; } .mobile-menu .main-menu li.current > a:before { height: 100%; } .mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background: #fff; } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 0.70; visibility: visible; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; background: #fff; padding: 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .logged-in.admin-bar .mobile-menu .menu-box { top: 32px; } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn { position: absolute; right: 10px; top: 10px; line-height: 30px; width: 24px; text-align: center; font-size: 30px; color: #000; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } .logged-in.admin-bar .mobile-menu .close-btn { top: 46px; } .mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .mobile-menu .main-menu { position: relative; display: block; width: 100%; float: none; } .header .mobile-menu .main-menu li { position: relative!important; display: block; border-top: 1px solid rgba(0, 0, 0, 0.10); float: none; padding: 0; } .mobile-menu .main-menu:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.10); } .mobile-menu .main-menu li >ul >li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.10); } .mobile-menu .main-menu li > a, .mobile-menu .main-menu .menu-item.current-menu-item > a, .mobile-menu .main-menu .menu-item.current_page_parent > a, .mobile-menu .main-menu .menu-item:hover > a, .transparent-header .mobile-menu .main-menu > .menu-item > a { position: relative; display: block; line-height: 24px; padding: 10px 25px!important; font-size: 15px; font-weight: 500; color: #000; border: none; margin: 0; } .transparent-header .mobile-menu .btn.btn-primary.align-right { margin: 10px 25px; display: none; } .mobile-menu .main-menu li ul li > a, .mobile-menu .navbar ul li .wsmegamenu li a { font-size: 15px; margin-left: 20px!important; } .mobile-menu .main-menu li > a:before { content: ''; position: absolute; left: 0; top: 0; height: 0!important; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .main-menu li.has-submenu .dropdown-btn { position: absolute; right: 6px; top: 12px; width: 18px; height: 18px; text-align: center; font-size: 12px; line-height: 18px; color: #ffffff; background: rgba(255, 255, 255, 0.10); cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; } .mobile-menu .main-menu li.has-submenu .dropdown-btn.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .social-links { position: relative; text-align: center; padding: 30px 25px; } .mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 10px 10px; } .mobile-menu .social-links li a { position: relative; line-height: 32px; font-size: 16px; color: #ffffff; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .navbar .mobile-nav-toggler { position: relative; float: right; font-size: 30px; cursor: pointer; line-height: 1; color: #303030; display: none; padding: 0; } .navbar .mobile-nav-toggler .svg-inline--fa { float: right; font-size: 22px; margin-top: 31px; } /*-------end dropdown--------------*/ .dropdown-toggle::after { display: inline-block; width: auto; height: auto; margin-left: 0.5em; margin-top: -0.3rem; vertical-align: middle; content: "\f107"; border: 0; font-family: 'FontAwesome'; } .navbar-toggler { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .navbar-toggler-right { top: 13px; } .header-section { padding: 2rem 0; margin-bottom: 3rem; background-color: #ffffff; border-bottom: 1px dotted #eaeaea; } .logo img { max-width: 324px; max-width: 100%; margin: auto; text-align: center; display: block; } .tooltip-inner { font-size: 12px; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { margin-top: 13px; } .header-main .collapse:not(.show) { display: block; } .navbar-nav { margin: 0 auto; } .header-style2 .navbar-nav { margin: 0; } .menu-right, .social { margin-top: 6px; } .social { padding: 7px 0; margin: 0 0 0 10px; display: inline-block; } .social li { list-style: none; display: inline-block; margin-right: 10px; font-weight: 600; } .social li a { color: #303030; } .social li a:hover { color: #fff; } .menu-right { margin-left: 8px; } .fa-bars { font-size: 14px; } .navbar-brand { padding: 0; margin: 0; font-size: 30px; color: #303030; font-weight: 700; } .header.header-style3 .navbar-brand { position: relative; } .header.header-style3 .navbar-brand:after { border-right: 1px solid rgba(20,57,109, 0.2); position: absolute; right: -30px; top: -10px; bottom: -10px; content: ""; } .navbar-brand img { max-width: 170px; padding: 10px 0; } .social a { padding: 0; display: inline-block; width: auto; height: 34px; color: #fff; line-height: 34px; text-align: center; font-size: 14px; margin-left: 10px; border-radius: 50%; } .social a:first-child { margin-left: 0; } .widget.jthemes .social a { font-size: 14px!important; } .summary.entry-summary .social a { width: auto; background: none; } .footer .social a { width: 20px; height: 20px; line-height: 20px; background: none; } .social a:hover, .social a:focus { color:#FEC201; } .footer .social a:hover, .footer .social a:focus { background: none; color: #FEC201; } .summary.entry-summary .social a:hover, .summary.entry-summary .social a:focus { color: #FEC201; } .breadcrumb { padding: 0 25px; margin: 25px 0 0 0; background: transparent; display: inline-block; position: relative; font-weight: 500; } .breadcrumb li { display: inline-block; -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-all; font-size: 1.125rem; } .breadcrumb li a { font-size: 1.125rem; font-weight: 500; text-decoration: underline; color: #FEC201; } .breadcrumb li a:hover, .breadcrumb li a:focus { color: #fff; text-decoration: underline; } .breadcrumb li.active { color: #fff; } .breadcrumb li i, .breadcrumb li svg { padding: 0 12px 0 0; line-height: 28px; display: inline-block; margin: 0 0 0 12px; font-size: 14px; vertical-align: middle; } .breadcrumb li.active span.delimiter { display: none; } .bg-grey-900 { background-color: #041C2F; } /* SECTION **************************************/ .section { padding: 120px 0; } .section.bg-banner { padding: 0; margin-top: -1px; background: #fff; position: relative; } .section.section-main-container { margin-top: 0; } .single-product .section.section-main-container { padding-bottom: 70px; } .single-portfolio .section.section-main-container { background: #fefdfc; margin: 0; padding-bottom: 0; } .no-padding.section { padding: 0; } .section-button { display: block; margin: 2rem 0 0; } .section-button .btn { padding: 16px 43px; } .video-section { position: relative; padding: 5rem 0; } .overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/pattern.png) repeat center center rgba(0, 0, 0, 0.7); } .nopadbot { padding-bottom: 0; } .bgwhite { background-color: #ffffff } .bgdark { background-color: #303030; } .bglight { background-color: #f7f7f7; } .post-media img { width: 100%; } .tp-caption.NotGeneric-Title, .NotGeneric-Title { font-weight: 400 !important; color: #ffffff; } .tp-caption.NotGeneric-Title.fstrong, .NotGeneric-Title.fstrong { font-weight: bold !important; color: #212121; } .tp-caption.NotGeneric-Title span, .NotGeneric-Title span { font-weight: 600 !important; } .tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle { color: #ffffff; line-height: 1.7; } .NotGeneric-CallToAction:hover, .tp-caption.NotGeneric-CallToAction:hover, .NotGeneric-CallToAction, .tp-caption.NotGeneric-CallToAction { border-width: 2px !important; border-radius: 500px; } /* FOOTER **************************************/ .footer { background-repeat: no-repeat; background-position: center bottom; position: relative; background-size: cover; z-index: 0; font-family: Kanit; } .footer.section{ padding-bottom: 0; padding-top: 140px; } .footer-bottom-part{ padding-bottom: 80px; } .footer-top-part { margin-bottom: 75px; background: #FEC201; padding: 60px 70px; border-radius: 10px; } .widget-title { display: inline-block; padding: 0; margin: 0 0 30px 0; z-index: 1; font-size: 20px; line-height: 1.2; position: relative; color: #303030; width: 100%; } .widget-title span { position: relative; } .footer-widget-area .widget-title { font-size: 24px; color: #ffffff; margin-bottom: 40px; } .footer-widget-area .widget-title span { position: relative; display: inline-block; } .footer-widget-area p:last-child { margin-bottom: 0; } .footer-widget-area .widget ul li { list-style: none; padding: 0 0 0 15px; margin-bottom: 22px; position: relative; line-height: 1; } .footer-widget-area .widget ul li:before { position: absolute; left: 0; top: 0; font-family: "icomoon"; content: "\f27d"; font-weight: 300; line-height: 1; font-size: 13px; } .footer-widget-area .footer-contact li { margin-bottom: 25px; } .footer-widget-area .widget_rss ul li { padding-bottom: 15px; } .footer-widget-area .widget_rss ul li a { padding-bottom: 15px; } .footer-widget-area .widget_rss ul li:last-child { padding-bottom: 0; } .footer-widget-area ul li a { display: inline-block; padding: 0; /* font-size: 16px;*/ line-height: 1; color: #000000; } .footer-widget-area .footer-contact li a { padding: 0; } .footer-widget-area ul li:last-child a { padding-bottom: 0; } .footer-widget-area ul.children, .footer-widget-area ul.sub-menu { padding: 10px 0 12px 10px; } .footer-widget-area li:last-child ul.sub-menu, .footer-widget-area li:last-child ul.children, .footer-widget-area li.page_item_has_children .children, .footer-widget-area li.menu-item-has-children .sub-menu { padding-bottom: 0; } .footer.footer-style1 .footer-widget-area .blog-list-widget img { border: none; max-width: 60px; border-radius: 0; } .footer.footer-style1 .footer-widget-area .blog-list-widget .mb-1 { font-size: 18px; line-height: 23px; color: #fff; font-weight: 500; } .footer-widget-area p { margin-bottom: 15px; } .footer-widget-area ul li a:hover, .footer-widget-area ul li a:focus { color:#ff6900; } .footer-contact li h5 { color: rgba(255, 255, 255, 0.7); margin: 0; line-height: 1; font-weight: 400; } .entry { position: relative; overflow: hidden; } .magnifier { position: absolute; top: 0; right: 0; opacity: 0; visibility: hidden; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .footer .text-widget p { padding: 1rem 0; margin: 0; } .footer .social { border: 0; padding: 0; } .footer.footer-style1 .social a { height: 40px; width: 40px; line-height: 40px; text-align: center; background: #ffffff; border-radius: 50%; border: 2px solid rgba(255,255,255, 0.1); margin-left: 0; color: #303030; } .footer.footer-style1 .social a:hover, .footer.footer-style1 .social a:focus { background: #FEC201; color: #fff; border-color: #FEC201; } .footer .social a { margin-right: 10px; width: auto; font-weight: 600; } .footer .social a:last-child { margin-right: 0; } .footer .social a:hover, .footer .social a:focus { color: #FEC201; text-decoration: underline; } .footer-widget-area ul { padding: 0; margin: 0; } .footer-widget-area ul.wp-block-social-links li a svg { fill: #fff; } .footer-widget-area ul li:last-child { margin-bottom: 0; } .col-lg-3.footer-widget-area .widget_block:first-child { margin-bottom: 25px; } .footer-widget-area .widget { margin-bottom: 40px; position: relative; z-index: 1; } .footer-widget-area .footer-logo-widget { max-width: 216px; margin: 0; } .footer-style1 .footer-widget-area p:last-child { margin: 0; } .footer .footer-widget-area p.wp-caption-text { margin-top: 5px; } .footer-widget-area .widget-title a { font-size: 18px; color: #ffffff; text-decoration: none; } .footer-widget-area .widget-title a:hover, .footer-widget-area .widget-title:hover a { color: #fff!important; text-decoration: none!important; } .main-footer { background: #303030; } .copyrights { padding: 25px 0; background: #133565; font-weight: 400; color: rgba(255,255,255, 0.6);; } .copyrights p { margin-bottom: 0; padding: 0; } .copyrights i { margin-left: 6px; } /* ELEMENTS **************************************/ .btn-primary { background-color: #FEC201; border: none; line-height: 1; padding: 12px 30px; cursor: pointer; border-radius: 2px; color: #fff; font-size: 16px; font-weight: 400; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .btn-primary .svg-inline--fa, .btn-primary i { margin-left: 4px; } .header.transparent-header.light-header .btn-primary { max-height: 52px; } .btn-primary:hover, .btn-primary:focus { background: none; box-shadow: none; color: #fff; border-color: #fff; } .form-submit .btn-primary { padding: 25px 80px 25px 50px; border-radius: 6px; } .read-more-wrapper i { margin-left: 10px; font-size: 14px; } .read-more-wrapper { margin-top: 10px; } .more-link { text-decoration: none; font-size: 14px; line-height: 1; font-weight: 500; text-transform: none; letter-spacing: 0; margin-top: 14px; margin-left: 0; padding: 15px 20px; color: #fff; background: #FEC201; border: 1px solid #FEC201; display: inline-block; border-radius: 2px; } .more-link:hover, .more-link:focus { color: #1d293f; background-color: transparent; border-color: #ccc; } .alignleft { float: left; display: table-cell; margin: 10px 20px 10px 0; } .alignright { float: right; display: table-cell; margin: 10px 0 10px 20px; } /* FORMS **************************************/ .media-list .comment-respond { margin-bottom: 30px; padding-top: 20px; } .blog-item-comment .comment-reply-title, .blog-item-comment-form .comment-reply-title { margin-top: 0; font-size: 24px; position: relative; margin-bottom: 40px; } .comment-reply-title a { font-weight: 600; } .comment-respond .form-control { border: none; background: none; border-radius: 6px; color: #303030; height: 60px; font-size: 14px; padding: 25px 30px 25px 25px; position: relative; border: 1px solid #eeeeee; } .comment-respond .form-group { position: relative; margin-bottom: 25px; } .comment-respond .form-submit { margin-bottom: 0; position: relative; display: inline-block; } .comment-form-cookies-consent { margin-bottom: 15px; } .comment-form-cookies-consent label { width: 95%; vertical-align: top; } .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 2px; } .wpcf7 .form-control { background-color: #ffffff; border: none; border-radius: 0; display: block; height: 51px; padding: 18px 20px 18px 20px; width: 100%; } .wpcf7 span { margin-bottom: 30px; display: block; } .wpcf7-spinner { position: absolute; } .position-relative { position: relative; } .wpcf7 i { position: absolute; top: 20px; z-index: 1; right: 40px; color: #FEC201; } .big-contact-form .form-control { margin-bottom: 20px; } .comment-respond textarea.form-control { height: 150px; resize: none; padding-left: 25px; padding-top: 25; } .wpcf7 textarea.form-control { height: 120px; resize: none; padding-top: 20px; } .wpcf7 .form-control:focus { background: #fff; } .form-control::-webkit-input-placeholder { color: #303030; opacity: 1; } .form-control::-moz-placeholder { color: #303030; opacity: 1; } .form-control:-ms-input-placeholder { color: #303030; opacity: 1; } .page .tnp-widget-minimal input.tnp-email::-webkit-input-placeholder { color: #303030; } .page .tnp-widget-minimal input.tnp-email::-moz-placeholder { color: #303030; } .page .tnp-widget-minimal input.tnp-email:-ms-input-placeholder { color: #303030; } .form-control::placeholder { color: #303030; opacity: 1; } button, input, optgroup, select, textarea { outline: none; } button:focus, input:focus, optgroup:focus, select:focus, textarea:focus { outline: none; } .search-form .search-submit:hover, .search-form .search-submit:focus, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus { color: #fff; } .blog-list-widget .justify-content-between img { float: left; } .notfound h2 { font-size: 140px; padding: 0; margin: 0; line-height: 1.2; font-weight: bold; } .notfound h3 { font-size: 40px; padding: 0; margin: 0; line-height: 1.2; } .error404 .content { padding-right: 15px; } .notfound p { padding: 2rem 80px 1.4rem 80px; margin-bottom: 0; } .alink { font-weight: bold; text-decoration: underline !important; } .blog-box img.float-left { margin-bottom: 0.5rem; margin-right: 1.5rem; margin-top: 0.5rem; } .blog-box img.float-right { margin-bottom: 0.5rem; margin-left: 1.5rem; margin-top: 0.5rem; } /* BLOG **************************************/ .soundcloud { width: 100%; border: 7px solid #fff; border-bottom: none; } .video-popup { height: 100px; width: 100px; display: inline-block; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); text-align: center; line-height: 100px; color: #ffffff; font-size: 48px; background: #FEC201; z-index: 1; border-radius: 100%; } .popup-video-content .video-popup { position: relative; left: auto; top: auto; transform: none; height: 100px; width: 100px; line-height: 100px; } .popup-video-content .video-popup:before { border: 2px solid rgba(255,255,255, 0.1); position: absolute; left: -25px; top: -25px; content: ""; width: 150%; height: 150%; border-radius: 100%; animation: border-video 1500ms ease-out infinite; } .video-popup:hover, .video-popup:focus { background: #fff; } .form-wrapper p { padding-bottom: 1rem; margin: 0; } .form-wrapper .clearfix { margin-bottom: 0.6rem; } .form-wrapper .form-control { border-radius: 0; margin-bottom: 1rem; border: 1px solid #eaeaea; font-size: 12px; min-height: 45px; font-weight: lighter; } .form-wrapper textarea { padding-top: 20px; min-height: 120px !important; overflow: hidden; } .media-heading { font-size: 18px; padding: 0 130px 0 0; margin-top: 0; } .media-heading span { display: block; font-size: 14px; color: #686868; font-weight: 500; } .media-body { position: relative; flex: 1 1 0%; } .position-edit-links { position: absolute; right: 0; top: 5px; } .blog-item-comment { width: 100%; padding: 40px; border-radius: 10px; -webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); -moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); box-shadow: 0 14px 38px rgba(0, 0, 0, .04); background: #fff; margin-top: 60px; float: left; } .has-post-thumbnail .blog-item-comment { margin-left: 4%; margin-right: 4%; width: 92%; } .page .blog-item-comment { margin-bottom: 0; } .page .blog-item-comment { margin-top: 30px; } .blog-item-comment-form.wide-80 { float: left; width: 100%; padding: 40px; border-radius: 10px; -webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); -moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); box-shadow: 0 14px 38px rgba(0, 0, 0, .04); background: #fff; margin-top: 60px; } .has-post-thumbnail .blog-item-comment-form.wide-80 { margin-left: 4%; margin-right: 4%; width: 92%; } .related-blog.bg-whitesmoke-gradient.blog-section.division { margin-left: 4%; margin-right: 4%; width: 92%; float: left; margin-top: 80px; padding: 40px; border-radius: 10px; -webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); -moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); box-shadow: 0 14px 38px rgba(0, 0, 0, .04); background: #fff; } .page .comment-respond { padding-top: 0; padding-bottom: 0; } .media-list { padding: 0; margin-bottom: 0; } .media-list .media .avatar { border-radius: 50%; background: #eaeaea; } .media-list li.comment { margin-bottom: 30px; } .media-list li.comment, .media-list li.trackback, .media-list li.pingback{ list-style: none; } .media-list li.comment:last-child { margin-bottom: 0; } .comment-edit-link, .comment-reply-link { margin-left: 10px; position: relative; padding-left: 20px; font-weight: 600; color: #303030; font-size: 14px; } .comment-reply-link:before { position: absolute; left: 0; top: 2px; font-family: "icomoon"; content: "\f23e"; font-weight: 300; line-height: 1; } .comment-edit-link:hover, .comment-reply-link:hover, .comment-edit-link:focus, .comment-reply-link:focus { color: #FEC201; } .comments-list li .children { padding-left: 30px; } .comments-list .media-right, .comments-list small { color: #999 !important; font-size: 15px; margin-top: 5px; padding-left: 10px; } .comments-list .media { margin-bottom: 30px; border-bottom: 1px solid #eaeaea; display: flex; } .comments-list .media .pull-left { margin-bottom: 20px; } .media-list .commentform { margin-top: 60px; } .comments-list img { margin-right: 30px; } .comments-list p:last-child { padding-bottom: 0; } .authorbox { padding: 50px; float: left; width: 100%; margin-bottom: 40px; border: 1px solid #eeeeee; border-radius: 6px; } .authorbox .social { padding: 0; } .authorbox .social li a, .authorbox .social li a { height: 30px; width: 30px; font-size: 14px; text-align: center; line-height: 34px; color: #686868; background: #E1E4EC; border-radius: 100%; } .authorbox .social li a:hover, .authorbox .social li a:focus { background: #FEC201; color: #fff; } .authorbox img { border-radius: 50%; } .authorbox h5 { margin: 0 0 10px 0; } .authorbox h4 span { font-size: 12px; display: block; color: #FEC201; line-height: 1; padding-bottom: 10px; } .authorbox p { padding: 0; margin: 0 0 0.8rem; line-height: 1.5; } .authorbox p:last-child { margin: 0; } .author-social a { margin-right: 10px; } .blog-list .blog-desc { padding-top: 0; } .blog-list .blog-desc h4 { padding-top: 0.7rem; } .blog-list .blog-meta { margin: 0.5rem 0; } .owl-prev i, .owl-next i { padding: 3px 20px; color: #fff; margin-right: 5px; font-size: 36px; opacity: 0.8; } .gallery-carousel .owl-prev, .gallery-carousel .owl-next { background: none; border: none; } .gallery-carousel .owl-nav { position: absolute; top: 45%; left: 0; width: 100%; } .gallery-carousel .owl-next { right: 0; } .owl-carousel.gallery-carousel .owl-item img { border-radius: 16px; } .gallery-carousel .owl-prev i, .gallery-carousel .owl-next i { background: #FEC201; width: 60px; height: 60px; line-height: 55px!important; border-radius: 50%; margin: 0 20px; font-size: 20px; color: #fff; display: block; } .owl-prev i:hover, .owl-next i:hover { opacity: 1; } .owl-prev { float: left; } .owl-next { float:right; } /*------posts-content---------*/ .posts-content .blog-media { margin-bottom: 0; } .posts-content { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .posts-content .posts-loop { margin-bottom: 30px; } .posts-content .rel-blog-desc { -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .posts-content .posts-loop-style1 .rel-blog-desc { padding: 25px; } .posts-content .posts-loop-style1 .small-post .rel-blog-desc { padding: 25px 25px 25px 0; } .posts-content h4.blog-des-title { font-size: 22px; line-height: 1.4; padding: 0 0 15px 0; } .posts-content .blog-box.small-post h4.blog-des-title { padding-bottom: 8px; } .posts-content .blog-read-more { font-weight: 700; } .posts-style2 h4.blog-des-title { font-size: 18px; line-height: 26px; } .posts-content .rel-blog-desc p { margin-bottom: 15px; } .posts-content .blog-box { border: 1px solid #eaeaea; border-radius: 10px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .posts-content .blog-box:hover { box-shadow: 0 20px 40px rgba(0,18,88,0.1); } .posts-content .blog-box.small-post { margin-bottom: 30px; } .cat-readmore-con a { background: #FEC201; margin: 15px -15px 2px 2px; color: #fff; padding: 5px 15px; display: inline-block; font-size: 14px; font-weight: 700; } .posts-style2 .cat-readmore-con { position: absolute; z-index: 1; bottom: -2px; right: 0; } .cat-readmore-con.absolute-position { position: absolute; bottom: 0; left: 30px; } .cat-readmore-con.absolute-position a { margin: 0 2px 0 0; } .posts-content .posts-style2 .rel-blog-desc { background: none; padding-bottom: 50px; position: relative; } .posts-content .posts-style2 .posts-loop{ background: #fff; margin-bottom: 80px; } .posts-style2 .posts-loop .blog-media{ margin: 0 30px 0 0; overflow: inherit; } .posts-style2 .posts-loop .blog-media img { margin-top: -30px; } .posts-style2 .posts-loop .blog-media:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .posts-style2 .cat-readmore-con a { margin: 15px 0 2px 2px; border-radius: 10px 0 0 0; } .low-padding { margin-left: -5px; margin-right: -5px; } .posts-style2 { padding: 0 5px; } .cat-readmore-con a:hover, .cat-readmore-con a:focus { color: #fff; } .posts-loop:hover .cat-readmore-con a { background: #303030; } .posts-loop:hover .cat-readmore-con .read-more-link { background: #FEC201; color: #fff; } .cat-readmore-con .read-more-link { padding: 15px 20px; background: #fff; color: #303030; margin: 0; } /*---------newsletter---------*/ #wrapper .tnp.tnp-widget-minimal { max-width: 450px; margin-top: -25px; } #wrapper .tnp-form { position: relative; background: #fff; border-radius: 6px; width: 100%; } #wrapper .tnp-widget-minimal input.tnp-email { width: 67%; background: #fff; border: 1px solid #E8E9ED; border-right: none; color: #303030; padding:0 0 0 15px; font-size: 15px; float: left; height: 50px; border-radius: 0; } #wrapper .tnp-widget-minimal input.tnp-submit { color: #034460!important; background-color: #FEC201; border: 1px solid #FEC201; border-left: none; padding: 13px 0; height: 50px; border-radius: 0; font-weight: 500; width: 28%; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 15px; } #wrapper .tnp-widget-minimal input.tnp-submit:hover { color: #fff!important; background-color: #034460!important; border-color: #034460!important; } .image-boxes img, .blog-media img { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .blog-media.formate-quote:hover img { -webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */ filter: blur(1px); opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .blog-box { margin: 0 0 50px 0; } .layout-rs .blog-box { margin: 0 0 50px 0; } .layout-ls .blog-box { background-color: #ffffff; margin: 0 0 50px 20px; } .error404.layout-rs .blog-box { margin-bottom: 0; background: none; } .blog-box{ border-radius: 6px; } .content .post:last-child .blog-box { margin-bottom: 0; } .layout-ls .blog-box { margin-bottom: 2rem; background-color: #ffffff; margin-left: 20px; } .text-left-previous, .text-right-next { font-size: 14px; line-height: 1.3; display: inline-block; -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-all; margin: 0; } .text-left-previous i, .text-right-next i { font-size: 12px; position: relative; top: 0; color: #2b3132; } .text-right-next i { margin-left: 5px; } .text-left-previous i { margin-right: 5px; } .tags-social-box { float: left; width: 100%; padding: 30px 0 20px 0; border-top: 1px solid #eaeaea; margin: 30px 0; } .blog-item-next-prev { position: relative; } .absolute-pager { position: relative; z-index: 1; overflow: hidden; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .absolute-pager .text-right-next i { margin-left: 5px; } .absolute-pager .text-left-previous i { margin-right: 5px; } .absolute-pager.text-right { text-align: right; } .bottom-thumb { margin-top: 5px; } .bottom-thumb a { -ms-word-wrap: break-word; word-wrap: break-word; font-size: 18px; font-weight: 500; } .absolute-pager .bottom-thumb a span { -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-all; } .absolute-pager.text-right .bottom-thumb a span { order: 1; } .absolute-pager.text-right .bottom-thumb a img { order: 2; } .bottom-thumb img { max-width: 90px; margin-right: 15px; border-radius: 4px; } .absolute-pager.text-right .bottom-thumb img { margin-left: 15px; margin-right: 0; } .blog-media { position: relative; margin: 0 0 5px 0; } .blog-media img, .posts-content .blog-media img { border-radius: 0; margin-bottom: 20px; } .posts-loop-style1 .blog-media img { border-radius: 6px 0 0 6px; } .posts-loop-style1 .col-lg-6:first-child .blog-media img { max-height: 325px; border-radius: 10px 10px 0 0; } .posts-content .posts-loop-style1 .col-lg-6:first-child h4.blog-des-title { padding: 0; margin: 0; } .blog-media.formate-quote img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: 0; object-fit: cover; height: 100%; } .blog-media.formate-quote i { position: absolute; font-size: 80px; right: 45px; bottom: 50px; color: #FEC201; } .list-view .blog-media.formate-quote i{ top: 45px; } .formate-quote .wp-block-quote { padding: 60px; text-align: left; margin-bottom: 0; background:rgba(20, 57, 109, 0.8); background-blend-mode: multiply; z-index: 1; border: none; margin-top: 0; margin-bottom: 0; border-radius: 10px!important; } .list-view .formate-quote .wp-block-quote { padding: 130px 45px 45px 45px; } .blog-desc { float: left; width: 100%; position: relative; } .blog-des-top { float: left; padding: 40px; border-radius: 0; -webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); -moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); box-shadow: 0 14px 38px rgba(0, 0, 0, .04); background: #fff; position: relative; width: 100%; } .with-thumb-des.blog-des-top { margin-top: -60px; margin-left: 4%; margin-right: 4%; width: 92%; } .blog-desc .post-views { display: none; } .related-posts { float: left; width: 100%; margin-bottom: 60px; } .custom-title { margin: 10px 0 30px 0; font-size: 24px; } .custom-title span{ position: relative; } .related-posts .read-more-wrapper { display: none; } .list-style .blog-desc { padding: 0; } .list-style.blog-box { margin-bottom: 4rem; } .small-blog-box .blog-desc h4 { font-size: 24px; } .small-blog-box .blog-meta { margin: 0.7rem 0 0.6rem; } .cat-title { display: inline-block; width: 100%; margin-bottom: 15px; } .blog-media .cat-title { position: absolute; top: 30px; left: 30px; } .cat-title a { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; font-size: 12px; line-height: 1; margin: 0 10px 10px 0; padding: 12px 15px; position: relative; border-radius: 4px; font-weight: 500; background: #FEC201; color: #034460; } .cat-title a:hover, .cat-title a:focus { color: #034460; } @keyframes drop{ 0% { top:-350px; } 100% { top:0; } } h4.blog-des-title { font-size: 28px; margin: 0 0 15px 0; color: #303030; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 40px; letter-spacing: 1px; } .single-post h4.blog-des-title { font-size: 30px; } h4.blog-des-title a { color: #303030; } h4.blog-des-title a:hover, h4.blog-des-title a:focus { color: #FEC201; } .search h4.blog-des-title { padding: 0; } .related-posts h4.blog-des-title { font-size: 22px; line-height: 30px; letter-spacing: normal; margin-bottom: 5px; } .related-posts .rel-blog-desc { padding: 30px; } .related-posts .blog-media { margin: 0; } .related-posts .rel-blog-desc p { -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-all; } .related-posts .rel-blog-desc p:last-child { margin-bottom: 0; } .related-single-post { border-width: 1px; border-style: solid; border-color: #eaeaea; border-radius: 10px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .related-single-post .blog-media img { border-radius: 10px 10px 0 0; } .related-posts .related-single-post:hover { background: none; } .related-single-post .cat-title { padding: 7px 20px; } .contact-form .form-group .btn.btn-primary { cursor: pointer; } .blog-meta { display: inline-block; font-size: 12px; width: 100%; padding-bottom: 30px; position: relative; } .blog-desc .blog-meta { margin-bottom: 40px; } .blog-desc .blog-meta:after { left: -40px; right: -40px; height: 1px; background: #f1f1f1; content: ""; bottom: 0; position: absolute; } .posts-content .blog-meta{ margin-bottom: 20px; } .wp-block-quote .blog-meta { margin-bottom: 0; } .related-posts .blog-meta { margin: 0 0 10px 0; border: none; padding-bottom: 0; } .meta-bottom a { float: right; } .blog-meta a { margin-right: 30px; font-size: 14px; } .blog-meta a:hover, .blog-meta a:focus { color: #FEC201; } .blog-box .blog-meta a { position: relative; display: inline-block; } .blog-rest-meta .blog-meta-avatar { margin: 0; } .blog-rest-meta i { color: #FEC201; margin-right: 5px; } .blog-meta .blog-rest-meta .blog-meta-avatar a { font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 1; } .author-avatar img { border-radius: 100%; } .blog-box .blog-meta a:last-child { margin-right: 0; } .blog-meta .svg-inline--fa { margin-right: 7px; color: #FEC201; } .wp-block-quote .blog-meta .svg-inline--fa { color: #fff; } .meta-bottom a img { border-radius: 100%; margin-right: 15px; } .absoulate-social-metapart { position: absolute; } .social-metapart .blog-social { padding: 0 23px; text-align: left; } .social-metapart .blog-social:after { border: none; } .absoulate-social-metapart .blog-social { margin-top: -30px; } .blog-social-inner { position: relative; display: inline-block; background: #fff; z-index: 1; padding: 0 10px; } .absoulate-social-metapart .blog-social-inner { padding: 10px 15px; box-shadow: 0 0px 11px rgba(93,61,225, 0.09); } .blog-social a, .blog-social .btn { outline: 0 none !important; text-decoration: none !important; height: 25px; width: 25px; border-radius: 50%; background: #FEC201; line-height: 25px; text-align: center; color: #fff; display: inline-block; margin: 0 4px; } .blog-social .facebook-social { background: #5635DE; } .blog-social .twitter-social { background: #5497FB; } .blog-social .linkedin-social { background: #2867b2; } .blog-social .pinterest-social { background: #c8232c; } .blog-social a:hover, .blog-social a:focus { box-shadow: 0 0px 36px rgba(42,50,168, 0.10); } .post-bottom { border-top: 1px dotted #eaeaea; padding-top: 1rem; } .post-share { position: relative; display: block; } .page-link { background-color: #fff; border: 0 dotted #eaeaea; border-radius: 0; display: block; font-size: 14px; line-height: 1; margin-left: 3px; padding: 0.6rem 0.8rem; position: relative; } .page-item:first-child .page-link { margin-left: 0; border-radius: 0; } .page-item:last-child .page-link { border-radius: 0; } .page-link:hover, .page-link:focus { background-color: #303030; } .content { padding-right: 20px; } .single-portfolio .content { padding-right: 0; } .search-no-results .content h1.entry-title { margin-top: 0; } .blog-grid .blog-bottom.text-center, .blog-grid .blog-desc.text-center { text-align: left !important; } .blog-grid .blog-desc h4 { font-size: 24px; line-height: 28px; } .blog-grid .blog-desc p { margin-bottom: 20px; } /* SIDEBAR WIDGETS **************************************/ .sidebar .widget { display: block; position: relative; margin-bottom: 40px; padding: 30px; background: #f9f9f9; border-radius: 0; } .sidebar .widget:last-child{ margin-bottom: 0; } .sidebar .widget-title { color: #303030; margin-bottom: 40px; } .blog-list-widget img { border: 1px solid #eaeaea; max-width: 80px; margin-right: 20px !important; min-height: 80px; object-fit: cover; border-radius: 6px; } .blog-list-widget span { font-size: 14px; color: #686868; } .footer.footer-style1 .blog-list-widget span{ color: #a6b6b9; } .footer.footer-style1 .blog-list-widget .svg-inline--fa { color: #FEC201; } .blog-list-widget .list-group-item { padding: 0; border: 0; margin: 0; background-color: transparent; } .blog-list-widget .w-100 { margin-bottom: 20px; display: block; } .blog-list-widget .w-100:hover h5, .blog-list-widget .w-100:focus h5 { color: #FEC201; } .blog-list-widget .w-100 span .blog-list-widget .w-100:hover span, .blog-list-widget .w-100:focus span{ color: #686868; } .footer-widget-area .blog-list-widget .w-100 { margin-bottom: 20px; } .blog-list-widget a.w-100:last-child { margin-bottom: 0; } .blog-list-widget .w-100.last-item { margin-bottom: 0; } .blog-list-widget small { font-size: 11px; } .blog-list-widget .mb-1 { font-size: 16px; line-height: 1.3; margin-bottom: 0.25rem; margin-top: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .tag-widget a, .tagcloud a { display: inline-block; margin: 0 7px 10px 0; line-height: 1; padding: 8px 15px; } .footer-widget-area .tagcloud a:hover, .footer-widget-area .tagcloud a:focus, .tag-widget a:hover, .tagcloud a:hover, .tag-widget a:focus, .tagcloud a:focus { background: #FEC201; border-color: #FEC201; color: #fff; } .footer.section.footer-style1 { color: rgba(255,255,255, 0.7); } .blog-tags ul { padding: 0; margin: 0; } .blog-tags ul li { display: inline-block; margin-right: 10px; } .pagination li a { color: #6d708d; min-height: 40px; min-width: 40px; background-color: #fff; padding: 0; border: none; line-height: 40px; font-weight: 600; box-shadow: 0 0 16px rgba(50,39,193, 0.08); text-align: center; border-radius: 3px; } .pagination li a i { line-height: 40px!important; } .pagination li a:hover, .pagination li a:focus, .pagination li.current a { background: #FEC201; color: #fff; border-color: #FEC201; } .sidebar .widget_instagram-feed-widget .sbi_photo{ margin: 0 10px 10px 0; } /* SIDEBAR WIDGETS (EXPANDED) **************************************/ .related-blog .blog-post-txt span { margin-top: 20px; display: block; } div.sidewrapper.sidenav { background: #ffffff; display: block; height: 100%; overflow: auto; position: fixed; right: -35em; top: 0; width: 290px; z-index: 99999; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; } .sidewrapper .widget { margin-bottom: 1rem; margin-top: 2rem; padding: 1rem 2rem 0; } .nav-expanded div.sidewrapper { right: 0; margin-right: 0; transition: margin-left 0.4s ease-in-out 0s; -webkit-transition: right 0.4s ease-in-out 0s; -moz-transition: right 0.4s ease-in-out 0s; -o-transition: margin-left 0.4s ease-in-out 0s; } #nav-close { border: 1px solid #eaeaea; border-radius: 50%; display: inline-block; font-size: 13px; height: 30px; line-height: 27px; padding-right: 0; position: relative; right: 30px; text-align: center; top: 17px; width: 30px; } .logged-in.admin-bar #nav-close { top: 35px; } .widget-title.dark-color, .sidewrapper .widget-title { color: #303030; } .category-widget ul, .sidebar .widget ul, .sidewrapper.sidenav .widget ul { margin: 0; padding: 0; list-style: none; } .sidebar .widget ul.children { padding-left: 15px; } .category-widget li, .sidebar .widget li, .sidewrapper.sidenav .widget li { padding: 0; border-bottom: 1px dashed #c0c0c0; } .sidebar .widget li .children, .sidebar .widget li .sub-menu { border-top: 1px dashed #c0c0c0; } .sidebar .widget_recent_comments.widget li { padding: 10px 0; } .sidebar .widget_recent_comments.widget li a { display: initial; padding: 0; } .sidebar .widget_rss li { padding: 0 0 20px 0; margin-bottom: 20px; } .sidebar .widget_rss li:last-child { margin-bottom: 0; } .widget_rss.widget cite { font-weight: 500; } .sidebar .widget li a { padding: 10px 0 10px 0; display: inline-block; } .widget .wp-block-latest-comments li a { display: inline; padding: 0; } .widget .wp-block-latest-comments li article { padding: 10px 0; line-height: 1.6666; } .sidebar .wp-block-latest-comments__comment { margin-bottom: 0; } .widget ul li, .sidebar .widget ol li { position: relative; } .sidebar .widget_rss li:after { content: ""; } .footer-widget-area .widget ul li:after { content: ""; } .sidebar .widget_rss.widget li a { padding: 0 0 10px 0; width: 100%; font-weight: 500; } .sidebar .widget .children li:last-child, .sidebar .widget .sub-menu li:last-child { border-bottom: none; padding-bottom: 0; } .sidebar .transp-categories li { border: none; padding: 0; margin-bottom: 10px; position: relative; width: 100%; } .sidebar .transp-categories li a { padding: 15px 25px; display: block; background: #F3F8FC; font-weight: 600; } .sidebar .transp-categories li span { background: #00805e; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; right: 0; top: 0; bottom: 0; line-height: 56px; padding: 0 20px; color: #fff; } .sidebar .transp-categories li a:hover, .sidebar .transp-categories li a:focus { background: #FEC201; color: #fff; } .sidebar .transp-categories li:first-child { border: none; } .sidebar .wp-block-latest-posts .wp-block-latest-posts__featured-image { float: left; max-width: 100px; margin-right: 15px; } .sidebar .widget .wp-block-latest-posts li a { display: flex; padding: 14px 0; } .sidebar .widget .wp-block-latest-posts li:first-child a { padding-top: 0; } .sidebar .widget .wp-block-latest-posts li:last-child .wp-block-latest-posts__featured-image > a { padding-bottom: 0; } .sidebar .wp-block-latest-posts.wp-block-latest-posts__list li { float: left; width: 100%; } .sidebar .wp-block-latest-posts.wp-block-latest-posts__list li > a { font-size: 15px; color: #283034; } .sidebar .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover { text-decoration: underline; color: #283034; } .sidebar .wp-block-latest-posts.wp-block-latest-posts__list li time { color: #FEC201; font-size: 14px; } /*----------elements-----------------*/ /*------------------------------------------*/ /* SPACING & INDENTS /*------------------------------------------*/ .wide-100 { padding-top: 100px; padding-bottom: 100px; } .wide-90 { padding-top: 100px; padding-bottom: 90px; } .wide-80 { padding-top: 100px; padding-bottom: 80px; } .wide-70 { padding-top: 100px; padding-bottom: 70px; } .wide-60 { padding-bottom: 80px; float: left; width: 100%; } .wide-50 { padding-top: 100px; padding-bottom: 50px; } .wide-40 { padding-top: 100px; padding-bottom: 40px; } .wide-30 { padding-top: 100px; padding-bottom: 30px; } .wide-20 { padding-top: 100px; padding-bottom: 20px; } /*------------------------------------------*/ /* Margin Top /*------------------------------------------*/ .mt-100 { margin-top: 100px; } .mt-95 { margin-top: 95px; } .mt-90 { margin-top: 90px; } .mt-85 { margin-top: 85px; } .mt-80 { margin-top: 80px; } .mt-75 { margin-top: 75px; } .mt-70 { margin-top: 70px; } .mt-65 { margin-top: 65px; } .mt-60 { margin-top: 60px; } .mt-55 { margin-top: 55px; } .mt-50 { margin-top: 50px; } .mt-45 { margin-top: 45px; } .mt-40 { margin-top: 40px; } .mt-35 { margin-top: 35px; } .mt-30 { margin-top: 30px; } .mt-25 { margin-top: 25px; } .mt-20 { margin-top: 20px; } .mt-15 { margin-top: 15px; } .mt-10 { margin-top: 10px; } .mt-5 { margin-top: 5px!important; } .mt-0 { margin-top: 0; } /*------------------------------------------*/ /* Margin Top Inverse /*------------------------------------------*/ .mt-inverse-150 { margin-top: -150px; } .mt-inverse-140 { margin-top: -140px; } .mt-inverse-130 { margin-top: -130px; } .mt-inverse-120 { margin-top: -120px; } .mt-inverse-110 { margin-top: -110px; } .mt-inverse-100 { margin-top: -100px; } .mt-inverse-90 { margin-top: -90px; } .mt-inverse-80 { margin-top: -80px; } .mt-inverse-70 { margin-top: -70px; } .mt-inverse-60 { margin-top: -60px; } .mt-inverse-50 { margin-top: -50px; } .mt-inverse-40 { margin-top: -40px; } .mt-inverse-30 { margin-top: -30px; } .mt-inverse-20 { margin-top: -20px; } /*------------------------------------------*/ /* Margin Bottom /*------------------------------------------*/ .mb-100 { margin-bottom: 100px; } .mb-95 { margin-bottom: 95px; } .mb-90 { margin-bottom: 90px; } .mb-85 { margin-bottom: 85px; } .mb-80 { margin-bottom: 80px; } .mb-75 { margin-bottom: 75px; } .mb-70 { margin-bottom: 70px; } .mb-65 { margin-bottom: 65px; } .mb-60 { margin-bottom: 60px; } .mb-55 { margin-bottom: 55px; } .mb-50 { margin-bottom: 50px; } .mb-45 { margin-bottom: 45px; } .mb-40 { margin-bottom: 40px; } .mb-35 { margin-bottom: 35px; } .mb-30 { margin-bottom: 30px; } .mb-25 { margin-bottom: 25px; } .mb-20 { margin-bottom: 20px; } .mb-15 { margin-bottom: 15px; } .mb-10 { margin-bottom: 10px; } .mb-5 { margin-bottom: 5px!important; } .mb-0 { margin-bottom: 0; } /*------------------------------------------*/ /* Margin Left /*------------------------------------------*/ .ml-100 { margin-left: 100px; } .ml-95 { margin-left: 95px; } .ml-90 { margin-left: 90px; } .ml-85 { margin-left: 85px; } .ml-80 { margin-left: 80px; } .ml-75 { margin-left: 75px; } .ml-70 { margin-left: 70px; } .ml-60 { margin-left: 60px; } .ml-55 { margin-left: 55px; } .ml-50 { margin-left: 50px; } .ml-45 { margin-left: 45px; } .ml-40 { margin-left: 40px; } .ml-35 { margin-left: 35px; } .ml-30 { margin-left: 30px; } .ml-25 { margin-left: 25px; } .ml-20 { margin-left: 20px; } .ml-15 { margin-left: 15px; } .ml-10 { margin-left: 10px; } .ml-5 { margin-left: 5px!important; } /*------------------------------------------*/ /* Margin Right /*------------------------------------------*/ .mr-100 { margin-right: 100px; } .mr-95 { margin-right: 95px; } .mr-90 { margin-right: 90px; } .mr-85 { margin-right: 85px; } .mr-80 { margin-right: 80px; } .mr-75 { margin-right: 75px; } .mr-70 { margin-right: 70px; } .mr-65 { margin-right: 65px; } .mr-60 { margin-right: 60px; } .mr-55 { margin-right: 55px; } .mr-50 { margin-right: 50px; } .mr-45 { margin-right: 45px; } .mr-40 { margin-right: 40px; } .mr-35 { margin-right: 35px; } .mr-30 { margin-right: 30px; } .mr-25 { margin-right: 25px; } .mr-20 { margin-right: 20px; } .mr-15 { margin-right: 15px; } .mr-10 { margin-right: 10px; } .mr-5 { margin-right: 5px!important; } /*------------------------------------------*/ /* Padding Top /*------------------------------------------*/ .pt-100 { padding-top: 100px; } .pt-95 { padding-top: 95px; } .pt-90 { padding-top: 90px; } .pt-85 { padding-top: 85px; } .pt-80 { padding-top: 80px; } .pt-75 { padding-top: 75px; } .pt-70 { padding-top: 70px; } .pt-65 { padding-top: 65px; } .pt-60 { padding-top: 60px; } .pt-55 { padding-top: 55px; } .pt-50 { padding-top: 50px; } .pt-45 { padding-top: 45px; } .pt-40 { padding-top: 40px; } .pt-35 { padding-top: 35px; } .pt-30 { padding-top: 30px; } .pt-25 { padding-top: 25px; } .pt-20 { padding-top: 20px; } .pt-15 { padding-top: 15px; } .pt-10 { padding-top: 10px; } .pt-5 { padding-top: 5px!important; } /*------------------------------------------*/ /* Padding Bottom /*------------------------------------------*/ .pb-200 { padding-bottom: 200px; } .pb-190 { padding-bottom: 190px; } .pb-180 { padding-bottom: 180px; } .pb-170 { padding-bottom: 170px; } .pb-160 { padding-bottom: 160px; } .pb-150 { padding-bottom: 150px; } .pb-100 { padding-bottom: 100px; } .pb-95 { padding-bottom: 95px; } .pb-90 { padding-bottom: 90px; } .pb-85 { padding-bottom: 85px; } .pb-80 { padding-bottom: 80px; } .pb-75 { padding-bottom: 75px; } .pb-70 { padding-bottom: 70px; } .pb-65 { padding-bottom: 65px; } .pb-60 { padding-bottom: 60px; } .pb-55 { padding-bottom: 55px; } .pb-50 { padding-bottom: 50px; } .pb-45 { padding-bottom: 45px; } .pb-40 { padding-bottom: 40px; } .pb-35 { padding-bottom: 35px; } .pb-30 { padding-bottom: 30px; } .pb-25 { padding-bottom: 25px; } .pb-20 { padding-bottom: 20px; } .pb-15 { padding-bottom: 15px; } .pb-10 { padding-bottom: 10px; } .pb-5 { padding-bottom: 5px!important; } /*------------------------------------------*/ /* Padding Left /*------------------------------------------*/ .pl-100 { padding-left: 100px; } .pl-95 { padding-left: 95px; } .pl-90 { padding-left: 90px; } .pl-85 { padding-left: 85px; } .pl-80 { padding-left: 80px; } .pl-75 { padding-left: 75px; } .pl-70 { padding-left: 70px; } .pl-65 { padding-left: 65px; } .pl-60 { padding-left: 60px; } .pl-55 { padding-left: 55px; } .pl-50 { padding-left: 50px; } .pl-45 { padding-left: 45px; } .pl-40 { padding-left: 40px; } .pl-35 { padding-left: 35px; } .pl-30 { padding-left: 30px; } .pl-25 { padding-left: 25px; } .pl-20 { padding-left: 20px; } .pl-15 { padding-left: 15px; } .pl-10 { padding-left: 10px; } .pl-5 { padding-left: 5px!important; } /*------------------------------------------*/ /* Padding Right /*------------------------------------------*/ .pr-100 { padding-right: 100px; } .pr-95 { padding-right: 95px; } .pr-90 { padding-right: 90px; } .pr-85 { padding-right: 85px; } .pr-80 { padding-right: 80px; } .pr-75 { padding-right: 75px; } .pr-70 { padding-right: 70px; } .pr-65 { padding-right: 65px; } .pr-60 { padding-right: 60px; } .pr-55 { padding-right: 55px; } .pr-50 { padding-right: 50px; } .pr-45 { padding-right: 45px; } .pr-40 { padding-right: 40px; } .pr-35 { padding-right: 35px; } .pr-30 { padding-right: 30px; } .pr-25 { padding-right: 25px; } .pr-20 { padding-right: 20px; } .pr-15 { padding-right: 15px; } .pr-10 { padding-right: 10px; } .pr-5 { padding-right: 5px!important; } /*------------------------------------------*/ /* Padding Centered /*------------------------------------------*/ .pc-70 { padding-right: 70px; padding-left: 70px; } .pc-65 { padding-right: 65px; padding-left: 65px; } .pc-60 { padding-right: 60px; padding-left: 60px; } .pc-55 { padding-right: 55px; padding-left: 55px; } .pc-50 { padding-right: 50px; padding-left: 50px; } .pc-45 { padding-right: 45px; padding-left: 45px; } .pc-40 { padding-right: 40px; padding-left: 40px; } .pc-35 { padding-right: 35px; padding-left: 35px; } .pc-30 { padding-right: 30px; padding-left: 30px; } .pc-25 { padding-right: 25px; padding-left: 25px; } .pc-20 { padding-right: 20px; padding-left: 20px; } .pc-15 { padding-right: 15px; padding-left: 15px; } .pc-10 { padding-right: 10px; padding-left: 10px; } /*------------------------------------------*/ /* BACKGROUND SETTINGS /*------------------------------------------*/ .rel { position: relative!important; z-index: 3; } .bg-fixed, .bg-scroll { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bg-scroll { background-attachment: fixed!important; } /*------------------------------------------*/ /* Background Colors /*------------------------------------------*/ .bg-dark { background-color: #282B38!important; } .bg-deepdark { background-color: #222d3d; } .bg-white { background-color: #fff!important; } .bg-lightgrey { background-color: #f6f7f8; } .bg-grey { background-color: #f3f4f5; } .bg-whitesmoke { background-color: #f4f4f9; } .bg-lavender { background-color: #ecf1f4; } .bg-snow { background-color: #fbfbfd; } .stretch-content { background-color: #f4f4f9; } .stretch-content.related-blog { background-color: transparent; } .bg-blue { background-color: #0f53fa; } .bg-indigo { background-color: #62147e; } .bg-skyblue { background-color: #FEC201; } .bg-stateblue { background-color: #6064e3; } .bg-green { background-color: #0fbc49; } .bg-magenta { background-color: #562d57; } .bg-orange-red { background-color: #ff523d; } .bg-pink { background-color: #eb1561; } .bg-plum { background-color: #e8daf5; } .bg-purple { background-color: #6a26da; } .bg-red { background-color: #f6412d; } .bg-salmon { background-color: #ff523d; } .bg-violet { background-color: #9400d3; } .bg-violet-red { background-color: #c73e9b; } .bg-deepyellow { background-color: #ffa755; } /*------------------------------------------*/ /* Transparent Background Colors /*------------------------------------------*/ .bg-tra { background-color: transparent; border: 1px solid #aaa; } .bg-tra-dark { background-color: rgba(10, 10, 10, .15); } .bg-tra-white { background-color: rgba(255, 255, 255, .15); } .bg-tra-grey { background-color: rgba(17, 36, 70, .04); } .bg-tra-blue { background-color: rgba(37, 138, 255, .08); } .bg-tra-skyblue { background: rgba(13, 135, 231, .08); } .bg-tra-green { background-color: rgba(15, 188, 73, .08); } .bg-tra-orange { background: rgba(255, 107, 15, .08); } .bg-tra-purple { background-color: rgba(106, 38, 218, .08); } .bg-tra-teal { background: rgba(0, 128, 128, .08); } .bg-tra-red { background-color: rgba(240, 64, 55, .08); } .bg-tra-paleviolet { background: rgba(199, 62, 155, .08); } .bg-tra-salmon { background-color: rgba(255, 82, 61, .08); } .bg-tra-violet { background: rgba(148, 0, 211, .08); } .bg-tra-yellow { background: rgba(255, 179, 12, .08); } /*------------------------------------------*/ /* Gradient Background Colors /*------------------------------------------*/ .bg-dark-gradient { background-image: linear-gradient(180deg, #1d293f, #282B38); } .bg-snowsmoke-gradient { background-image: linear-gradient(180deg, rgba(251, 251, 251, 1) 50%, rgba(244, 244, 249, .05) 100%); } .bg-lavender-gradient { background-image: linear-gradient(180deg, rgba(236, 241, 244, .5) 50%, rgba(236, 241, 244, .05) 100%); } .bg-plum-gradient { background-image: linear-gradient(180deg, rgba(232, 218, 245, .5) 50%, rgba(236, 241, 244, .05) 100%); } .bg-skyblue-gradient { background: linear-gradient(140deg, #1b78e0, #004899); } .bg-stateblue-gradient { background-image: linear-gradient(180deg, rgba(65, 62, 101, 1), rgba(76, 72, 119, 1)); } .bg-purple-gradient { background-image: linear-gradient(-48deg, #8731e8 0%, #4528dc 100%); } /*------------------------------------------*/ /* Image Background /*------------------------------------------*/ .bg-01, .bg-02, .bg-03, .bg-04, .bg-05, .bg-06, .bg-07, .bg-08 { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed!important; } .bg-01 { background-image: url(../images/bg-01.jpg); } .bg-02 { background-image: url(../images/bg-02.jpg); } .bg-03 { background-image: url(../images/bg-03.jpg); } .bg-04 { background-image: url(../images/bg-04.jpg); } .bg-05 { background-image: url(../images/bg-05.jpg); } .bg-06 { background-image: url(../images/bg-06.jpg); } .bg-07 { background-image: url(../images/bg-07.jpg); } .bg-08 { background-image: url(../images/bg-08.jpg); } /*------------------------------------------*/ /* WAVE SHAPE BOTTOM /*------------------------------------------*/ .wave-shape-bottom { position: absolute; bottom: 0; left: 0; width: 100%; } .wave-shape-top { position: absolute; top: 0; left: 0; width: 100%; } /*------------------------------------------*/ /* SECTION DIVIDER /*------------------------------------------*/ .section-divider { display: inline-block; max-width: 1150px; position: relative; top: -15px; width: 100%; border: 0; height: 2px; background-image: linear-gradient(90deg,white 0%,#f1f1f1 12%,#dedede 50%,#f4f4f4 88%,white 100%); } .section-divider:before { position: absolute; content: ""; display: inline-block; width: 30px; height: 30px; transform: rotate(45deg); border-bottom: 2px solid #dedede; border-right: 2px solid #dedede; top: -14px; left: 49%; background: #fff; z-index: 2; } .bg-lightgrey .section-divider:before { background: #f6f7f8; } .newsletter-section hr { background-color: transparent; background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); opacity: .3; margin: 30px 0 0; } .newsletter-section.bg-dark hr { background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #ced3f6 38%, #ced3f6 64%, rgba(206,211,246,0) 99%); } hr.divider, .divider .elementor-divider-separator { background-color: transparent; background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); opacity: .3; margin: 0; padding-bottom: 1px; width: 100%!important; max-width: 100%!important; } /* ========================================================================== 02. TYPOGRAPHY =========================================================================== */ h6.h6-xl, .widget.widget_block .wp-block-group h2, .widget.widget_block h2 { font-size: 22px; } /* 20px */ .widget.widget_block .wp-block-group h2, .widget.widget_block h2, .widget .h6-xl { margin: 0 0 25px 0; } .widget.widget_block .wp-block-group h2, .widget.widget_block h2 { margin-top: 0; } .wp-block-search__label { display: none; } .wp-block-image figcaption { margin-top: 15px; } .wp-block-image:not(.is-style-rounded) img { border-radius: 0; } /* Header H5 */ h5.h5-xs { font-size: 1.3125rem; margin-top: 0; } /* 21px */ h5.h5-sm { font-size: 1.375rem; margin-top: 0; } /* 22px */ h5.h5-md { font-size: 1.5rem; margin-top: 0; } /* 24px */ h5.h5-lg { font-size: 26px; padding-bottom: 20px; margin-top: 0; } /* 26px */ h5.h5-xl { font-size: 1.75rem; margin-top: 0; } /* 28px */ /* Header H4 */ h4.h4-xs { font-size: 1.875rem; margin-top: 0; } /* 30px */ h4.h4-sm { font-size: 2rem; margin-top: 0; } /* 32px */ h4.h4-md { font-size: 2.125rem; margin-top: 0; } /* 34px */ h4.h4-lg { font-size: 2.25rem; margin-top: 0; } /* 36px */ h4.h4-xl { font-size: 2.375rem; margin-top: 0; } /* 38px */ h3.h3-xs { font-size: 2.5rem; margin-top: 0; } /* 40px */ h3.h3-sm { font-size: 2.625rem; margin-top: 0; } /* 42px */ h3.h3-md { font-size: 2.75rem; margin-top: 0; } /* 44px */ h3.h3-lg { font-size: 2.875rem; margin-top: 0; } /* 46px */ h3.h3-xl { font-size: 3rem; margin-top: 0; } /* 48px */ /* Header H2 */ h2.h2-xs { font-size: 3.125rem; margin-top: 0; } /* 50px */ h2.h2-sm { font-size: 3.25rem; margin-top: 0; } /* 52px */ h2.h2-md { font-size: 3.375rem; margin-top: 0; } /* 54px */ .heading-content .h2-md { margin-top: 0; } h2.h2-lg { font-size: 3.5rem; } /* 56px */ h2.h2-xl { font-size: 3.75rem; } /* 60px */ h2.h2-title-xs { font-size: 4.0625rem; letter-spacing: -1.5px; } /* 65px */ h2.h2-title-sm { font-size: 4.375rem; letter-spacing: -1.5px; } /* 70px */ h2.h2-title-md { font-size: 4.6875rem; letter-spacing: -1.5px; } /* 75px */ h2.h2-title-lg { font-size: 5rem; letter-spacing: -1.5px; } /* 80px */ h2.h2-title-xl { font-size: 5.3125rem; letter-spacing: -1.5px; } /* 85px */ .rtl-direction h5.h5-xs { font-size: 1.5rem; } /* 24px */ .rtl-direction h5.h5-sm { font-size: 1.625rem; } /* 26px */ .rtl-direction h5.h5-md { font-size: 1.625rem; } /* 26px */ .rtl-direction h5.h5-lg { font-size: 1.625rem; } /* 26px */ .rtl-direction h5.h5-xl { font-size: 1.75rem; } /* 28px */ .txt-color-02, .txt-color-02 h2, .txt-color-02 h3, .txt-color-02 h4, .txt-color-02 h5, .txt-color-02 h6, .txt-color-02 p, .txt-color-02 a, .txt-color-02 li, .txt-color-02 i, .txt-color-02 span, .white-color .txt-color-02 { color: #b7948e; } /*------------------------------------------*/ /* PARAGRAPHS /*------------------------------------------*/ p.p-sm { font-size: 1rem; } /* 16px */ p.p-md { font-size: 1.125rem; } /* 18px */ p.p-lg { font-size: 1.0625rem; } /* 19px */ p.p-xl { font-size: 1.25rem; } /* 20px */ p.p-title-xs { font-size: 1.3125rem; } /* 21px */ p.p-title-sm { font-size: 1.375rem; } /* 22px */ p.p-title-md { font-size: 1.4375rem; } /* 23px */ p.p-title-lg { font-size: 1.5rem; } /* 24px */ p.p-title-xl { font-size: 1.5625rem; } /* 25px */ .rtl-direction p.p-md { font-size: 1.25rem; } .rtl-direction p.p-lg { font-size: 1.3125rem; } .rtl-direction p.p-xl { font-size: 1.375rem; } /*------------------------------------------*/ /* LINK SETTINGS /*------------------------------------------*/ .cadetblue-color a:hover { color: #f2f3f4; } a:focus { outline: none; text-decoration: none; } /*------------------------------------------*/ /* TEXT LIST /*------------------------------------------*/ .txt-list li i { position: relative; font-size: 1.05rem; line-height: 1.5rem; float: left; margin-right: 10px; top: 2px; } .txt-list li p { overflow: hidden; margin-bottom: 10px; } ul.simple-list { list-style: disc; margin-left: 15px; padding: 0; } .rtl-direction ul.simple-list { direction: rtl; margin-left: 0; margin-right: 15px; } /*------------------------------------------*/ /* NUMBER LIST /*------------------------------------------*/ ol.num-list { margin-left: -20px; } ol.num-list li p { padding-left: 5px; margin-bottom: 5px; } ol.digit-list { padding: 0; margin-left: 15px; } ol.digit-list p { margin-bottom: 8px; } /*------------------------------------------*/ /* BOX LIST /*------------------------------------------*/ .box-list p { position: relative; font-weight: 400; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dashed #ddd; } .bg-dark .box-list p { border-bottom: 1px dashed #777; } .box-list p:last-child { position: relative; padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .box-list p span { font-weight: 500; position: absolute; top: 0; right: 15px; } .bg-dark .box-list p span { color: #fff; } /*------------------------------------------*/ /* BUTTON SETTINGS /*------------------------------------------*/ .btn { background-color: transparent; color: #fff; font-size: 15px; line-height: 1; font-weight: 500; padding: 13px 26px; border: 1px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } /*------------------------------------------*/ /* Button Size /*------------------------------------------*/ .btn.btn-sm { font-size: 1rem; padding: 13px 30px; } .btn.btn-md { font-size: 1.125rem; padding: 18px 34px; } .btn.btn-lg { font-size: 1.15rem; padding: 20px 36px; } .btn.btn-md.btn-transparent { padding: 18px 6px; } .btn.btn-lg.btn-transparent { padding: 20px 6px; } /*------------------------------------------*/ /* Button Icon /*------------------------------------------*/ .btn.ico-left span { position: relative; top: 1px; right: 3px; } .btn.ico-right span { position: relative; top: 1px; left: 3px; } .btn.ico-20.ico-left span, .btn.ico-20.ico-left i { top: 4px; right: 6px; position: relative; } /*------------------------------------------*/ /* Button Color /*------------------------------------------*/ .btn-transparent { padding: 16px 6px; background-color: transparent; border-color: transparent; } .white-color .btn-transparent:hover, .popup-video-content .btn-transparent:hover { color: #fff; } .dark-color.btn.btn-transparent:focus { color: #1d293f!important; } .btn-white, .white-color .btn-white { color: #1d293f; background-color: #fff; border-color: #fff!important; } .btn-tra-white { color: #fff; background-color: transparent; border-color: #fff; } .scroll .btn-tra-white { color: #1d293f; background-color: transparent; border-color: #1d293f; } .btn-grey, .white-color .btn-grey { color: #666; background-color: rgba(17, 36, 70, .04); border-color: rgba(17, 36, 70, .02); } .btn-tra-grey, .white-color .btn-tra-grey { color: #1d293f; background-color: transparent; border-color: #ccc; } .btn-black, .white-color .btn-black { color: #fff; background-color: #1d293f; border-color: #1d293f; } .btn-tra-black, .white-color .btn-tra-black { color: #1d293f; background-color: transparent; border-color: #1d293f; } .btn-blue, .scroll .btn-blue, .white-color .btn-blue, .blue-hover:hover, .scroll .blue-hover:hover, .white-color .blue-hover:hover { color: #fff!important; background-color: #0f53fa; border-color: #0f53fa; } .btn-tra-blue, .scroll .btn-tra-blue, .white-color .btn-tra-blue, .tra-blue-hover:hover, .scroll .tra-blue-hover:hover, .white-color .tra-blue-hover:hover { color: #0f53fa!important; background-color: transparent; border-color: #0f53fa; } .btn-green, .scroll .btn-green, .white-color .btn-green, .green-hover:hover, .scroll .green-hover:hover, .white-color .green-hover:hover { color: #fff!important; background-color: #0fbc49; border-color: #0fbc49; } .btn-tra-green, .scroll .btn-tra-green, .white-color .btn-tra-green, .tra-green-hover:hover, .scroll .tra-green-hover:hover, .white-color .tra-green-hover:hover { color: #0fbc49; background-color: transparent; border-color: #0fbc49; } .btn-indigo, .scroll .btn-indigo, .white-color .btn-indigo, .indigo-hover:hover, .scroll .indigo-hover:hover, .white-color .indigo-hover:hover { color: #fff!important; background-color: #62147e; border-color: #62147e; } .btn-tra-indigo, .scroll .btn-tra-indigo, .white-color .btn-tra-indigo, .tra-indigo-hover:hover, .scroll .tra-indigo-hover:hover, .white-color .tra-indigo-hover:hover { color: #62147e; background-color: transparent; border-color: #62147e; } .btn-orange-red, .scroll .btn-orange-red, .white-color .btn-orange-red, .orange-red-hover:hover, .scroll .orange-red-hover:hover, .white-color .orange-red-hover:hover { color: #fff!important; background-color: #ff523d; border-color: #ff523d; } .btn-tra-orange-red, .scroll .btn-tra-orange-red, .white-color .btn-tra-orange-red, .tra-orange-red-hover:hover, .scroll .tra-orange-red-hover:hover, .white-color .tra-orange-red-hover:hover { color: #ff523d; background-color: transparent; border-color: #ff523d; } .btn-pink, .scroll .btn-pink, .white-color .btn-pink, .pink-hover:hover, .scroll .pink-hover:hover, .white-color .pink-hover:hover { color: #fff!important; background-color: #eb1561; border-color: #eb1561; } .btn-tra-pink, .scroll .btn-tra-pink, .white-color .btn-tra-pink, .tra-pink-hover:hover, .scroll .tra-pink-hover:hover, .white-color .tra-pink-hover:hover { color: #eb1561!important; background-color: transparent; border-color: #eb1561; } .btn-purple, .scroll .btn-purple, .white-color .btn-purple, .purple-hover:hover, .scroll .purple-hover:hover, .white-color .purple-hover:hover { color: #fff!important; background-color: #6a26da; border-color: #6a26da; } .btn-tra-purple, .scroll .btn-tra-purple, .white-color .btn-tra-purple, .tra-purple-hover:hover, .scroll .tra-purple-hover:hover, .white-color .tra-purple-hover:hover { color: #6a26da!important; background-color: transparent; border-color: #6a26da; } .btn-red, .scroll .btn-red, .white-color .btn-red, .red-hover:hover, .scroll .red-hover:hover, .white-color .red-hover:hover { color: #fff!important; background-color: #f6412d; border-color: #f6412d; } .btn-tra-red, .scroll .btn-tra-red, .white-color .btn-tra-red, .tra-red-hover:hover, .scroll .tra-red-hover:hover, .white-color .tra-red-hover:hover { color: #f6412d; background-color: transparent; border-color: #f6412d; } .btn-skyblue, .scroll .btn-skyblue, .white-color .btn-skyblue, .skyblue-hover:hover, .scroll .skyblue-hover:hover, .white-color .skyblue-hover:hover { color: #fff; background-color: #FEC201; border-color: #FEC201; } .btn-tra-skyblue, .scroll .btn-tra-skyblue, .white-color .btn-tra-skyblue, .tra-skyblue-hover:hover, .scroll .tra-skyblue-hover:hover, .white-color .tra-skyblue-hover:hover { color: #FEC201; background-color: transparent; border-color: #FEC201; } .btn-stateblue, .scroll .btn-stateblue, .white-color .btn-stateblue, .stateblue-hover:hover, .scroll .stateblue-hover:hover, .white-color .stateblue-hover:hover { color: #fff!important; background-color: #6064e3; border-color: #6064e3; } .btn-tra-stateblue, .scroll .btn-tra-stateblue, .white-color .btn-tra-stateblue, .tra-stateblue-hover:hover, .scroll .tra-stateblue-hover:hover, .white-color .tra-stateblue-hover:hover { color: #6064e3!important; background-color: transparent; border-color: #6064e3; } .btn-violet, .scroll .btn-violet, .white-color .btn-violet, .violet-hover:hover, .scroll .violet-hover:hover, .white-color .violet-hover:hover { color: #fff!important; background-color: #9400d3; border-color: #9400d3; } .btn-tra-violet, .scroll .btn-tra-violet, .white-color .btn-tra-violet, .tra-violet-hover:hover, .scroll .tra-violet-hover:hover, .white-color .tra-violet-hover:hover { color: #9400d3!important; background-color: transparent; border-color: #9400d3; } .btn-violet-red, .scroll .btn-violet-red, .white-color .btn-violet-red, .violet-red-hover:hover, .scroll .violet-red-hover:hover, .white-color .violet-red-hover:hover { color: #fff!important; background-color: #c73e9b; border-color: #c73e9b!important; } .btn-tra-violet-red, .scroll .btn-tra-violet-red, .white-color .btn-tra-violet-red, .tra-violet-red-hover:hover, .scroll .tra-violet-red-hover:hover, .white-color .tra-violet-red-hover:hover { color: #c73e9b!important; background-color: transparent; border-color: #c73e9b!important; } .btn-yellow, .scroll .btn-yellow, .white-color .btn-yellow, .yellow-hover:hover, .scroll .yellow-hover:hover, .white-color .yellow-hover:hover { color: #1d293f!important; background-color: #ffb30c; border-color: #ffb30c!important; } .btn-tra-yellow, .scroll .btn-tra-yellow, .white-color .btn-tra-yellow, .tra-yellow-hover:hover, .scroll .tra-yellow-hover:hover, .white-color .tra-yellow-hover:hover { color: #1d293f!important; background-color: transparent; border-color: #ffb30c!important; } /*------------------------------------------*/ /* Button Hover /*------------------------------------------*/ .white-hover:hover, .scroll .white-hover:hover { color: #1d293f!important; background-color: #fff; border-color: #fff!important; } .tra-white-hover:hover, .white-color .tra-white-hover:hover { color: #fff!important; background-color: transparent; border-color: #fff!important; } .scroll .tra-white-hover:hover { color: #1d293f!important; background-color: transparent; border-color: #1d293f!important; } .dark-menu .scroll .tra-white-hover:hover { color: #fff!important; background-color: transparent; border-color: #fff!important; } .black-hover:hover, .scroll .black-hover:hover, .white-color .black-hover:hover { color: #fff!important; background-color: #1d293f; border-color: #1d293f!important; } .tra-black-hover:hover, .scroll .tra-black-hover:hover .white-color .tra-black-hover:hover { color: #1d293f!important; background-color: transparent; border-color: #1d293f!important; } .grey-hover:hover, .scroll .grey-hover:hover { color: #1d293f!important; background-color: rgba(17, 36, 70, .04); border-color: rgba(17, 36, 70, .02)!important; } .tra-grey-hover:hover, .scroll .tra-grey-hover:hover { color: #1d293f!important; background-color: transparent; border-color: #ccc!important; } /*------------------------------------------*/ /* Button Focus /*------------------------------------------*/ .btn:focus { color: #fff; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-black:focus { color: #fff; -webkit-box-shadow: none; box-shadow: none; } .btn-grey:focus { color: #666; -webkit-box-shadow: none; box-shadow: none; } .btn-tra-black:focus, .btn.btn-tra-grey:focus { color: #333; -webkit-box-shadow: none; box-shadow: none; } /*------------------------------------------*/ /* WATCH VIDEO LINK /*------------------------------------------*/ .watch-video { display: inline-block; position: relative; } .watch-video-link { display: inline-block; position: relative; text-align: center; width: 56px; height: 56px; color: #fff; border: 2px solid transparent; margin-right: 15px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .watch-video-link:before { content: ''; position: absolute; left: -3px; right: -3px; top: -3px; bottom: -3px; background: rgba(255, 255, 255, 0.2); opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .watch-video-link:hover:before { opacity: .75; left: -10px; right: -10px; top: -10px; bottom: -10px; } .watch-video-link.bg-tra-white { background-color: rgba(255, 255, 255, .15); border: 2px solid transparent; } .watch-video-txt { display: inline-block; } p.video-txt-lg { line-height: 1; font-weight: 500; margin-bottom: 5px; } p.video-txt-sm { line-height: 1; padding-left: 2px; margin-bottom: 0; } /*------------------------------------------*/ /* VIDEO LINK /*------------------------------------------*/ .btn-md.btn-video-link { color: #666; font-size: 18px; padding: 10px 8px; } .btn-md.btn-video-link span { position: relative; top: 5px; right: 6px; } .btn-md.btn-video-link { line-height: 30px!important; } /*------------------------------------------*/ /* VIDEO POPUP ICON /*------------------------------------------*/ .format-video .video-popup i { margin-left: 5px; } .video-preview { position: relative; text-align: center; } .content-9-img.video-preview { max-height: 500px; } .content-9-img.video-preview .video-popup2 i { font-size: 5.625rem; line-height: 120px!important; margin-left: 10px; } .content-9-img.video-preview .video-popup2 img { object-fit: cover; width: 100%; } .video-btn { position: absolute!important; top: 50%; left: 50%; display: inline-block; text-align: center; color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index: 99; } .popup-video-content .content-9-img img { opacity: 0; } .video-btn-xl { width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; } .video-btn-lg { width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; } .video-btn-md { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; } .video-btn-sm { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .video-block-wrapper { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .video-btn:hover .video-block-wrapper { -moz-transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } .video-btn:before { content: ''; position: absolute; left: -5px; right: -5px; top: -5px; bottom: -5px; background: rgba(255, 255, 255, 0.2); opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .video-btn.video-btn-xl:hover:before { opacity: .75; left: -32px; right: -32px; top: -32px; bottom: -32px; } .video-btn.video-btn-lg:hover:before { opacity: .75; left: -25px; right: -25px; top: -25px; bottom: -25px; } .video-btn.video-btn-md:hover:before { opacity: .75; left: -18px; right: -18px; top: -18px; bottom: -18px; } .video-btn.video-btn-sm:hover:before { opacity: .75; left: -12px; right: -12px; top: -12px; bottom: -12px; } /*------------------------------------------*/ /* STORE BADGE ICONS /*------------------------------------------*/ .stores-badge { display: inline-block; } .store { display: inline-block; text-align: center; margin-right: 15px; } .store:last-child { margin-right: 0; } .footer .store { text-align: right; display: block; float: none; margin-right: 0; margin-bottom: 15px; } .store img { width: auto; max-width: inherit; max-height: 50px; } .store.header-store img { max-height: 44px; } .footer .store img { display: inline-block; max-height: 45px; } span.os-version { display: block; font-size: 1.0625rem; line-height: 1; margin-top: 15px; } /*------------------------------------------*/ /* VECTOR ICONS /*------------------------------------------*/ .fbox-2 span i { font-size: 4.0625rem; position: relative; } /* 65px */ /*------------------------------------------*/ /* VECTOR ROUNDED ICONS /*------------------------------------------*/ .ico-rounded-xs, .ico-rounded-sm, .ico-rounded-md, .ico-rounded-lg, .ico-rounded-xl { display: inline-block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .ico-rounded-xs { width: 70px; height: 70px; } .ico-rounded-sm { width: 80px; height: 80px; } .ico-rounded-md { width: 90px; height: 90px; } .ico-rounded-lg { width: 95px; height: 95px; } .ico-rounded-xl { width: 110px; height: 110px; } /*------------------------------------------*/ /* PNG ICONS SETTINGS /*------------------------------------------*/ .ico-125 img { width: 125px; height: 125px; } .ico-120 img { width: 120px; height: 120px; } .ico-115 img { width: 115px; height: 115px; } .ico-110 img { width: 110px; height: 110px; } .ico-105 img { width: 105px; height: 105px; } .ico-100 img { width: 100px; height: 100px; } .ico-95 img { width: 95px; height: 95px; } .ico-90 img { width: 90px; height: 90px; } .ico-85 img { width: 85px; height: 85px; } .ico-80 img { width: 80px; height: 80px; } .ico-75 img { width: 75px; height: 75px; } .ico-70 img { width: 70px; height: 70px; } .ico-60 img, .listicon-content .ico-65 .ico-bkg { width: 60px; height: 60px; } .listicon-content .ico-65 .cs-icon { font-size: 4.0625rem;; } .ico-55 img { width: 55px; height: 55px; } .ico-50 img { width: 50px; height: 50px; } .ico-45 img { width: 45px; height: 45px; } .ico-40 img { width: 40px; height: 40px; } .ico-35 img { width: 35px; height: 35px; } .ico-30 img { width: 30px; height: 30px; } .ico-25 img { width: 25px; height: 25px; } .ico-20 img { width: 20px; height: 20px; } /*------------------------------------------*/ /* SECTION ID /*------------------------------------------*/ .section-id { display: block; font-size: 1.1875rem; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 35px; } .section-title .section-id, .section-title-left .section-id { margin-bottom: 25px; } .section-id.grey-color { color: #998da0; opacity: .65; } .section-id.rounded-id { display: inline-block; padding: 6px 24px; font-size: 1.05rem; text-transform: uppercase; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .section-id.txt-upcase { font-size: 0.975rem; } .rtl-direction .section-id.txt-upcase { font-size: 1.15rem; } /*------------------------------------------*/ /* SECTION TITLE /*------------------------------------------*/ .title-01, .title-02, .title-03 { text-align: center; } .title-01 h2 { letter-spacing: -1px; max-width: 815px; margin: auto; } .title-01 p { padding: 0 3%; max-width: 800px; margin: 20px auto 0; } .title-02 p { margin-top: 20px; margin-bottom: 0; } .section-title .btn { margin-top: 25px; } .section-title { text-align: center; position: relative; } .section-title h3 { margin-bottom: 0; } .section-title p { color: #777; padding: 0 15%; margin: 12px 0 0; } .tra-header { font-size: 6rem; line-height: 1; letter-spacing: 2px; opacity: .15; position: relative; margin-top: -30px; margin-bottom: -45px; } .section-id { font-size: 2.5rem; line-height: 1; opacity: .6; letter-spacing: 2px; margin-bottom: 5px; } /*------------------------------------------*/ /* TITLE BEFORE /*------------------------------------------*/ .title-before.ico-70 { transform: rotate(35deg); margin-top: -10px; margin-bottom: 10px; } .title-before.ico-60 { transform: rotate(40deg); margin-top: -10px; margin-bottom: 10px; } .title-after.ico-60 { transform: rotate(40deg); } /*------------------------------------------*/ /* FONT SETTINGS /*------------------------------------------*/ .txt-300 { font-weight: 300; } .txt-400 { font-weight: 400; } .txt-500 { font-weight: 500; } .txt-600 { font-weight: 600; } .txt-700 { font-weight: 700; } .txt-900 { font-weight: 900; } .txt-upcase { text-transform: uppercase } /*------------------------------------------*/ /* TEXT COLORS /*------------------------------------------*/ .white-color, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color a, .white-color li, .white-color i, .white-color span { color: #fff; } .dark-color, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6, .dark-color p, .dark-color a, .dark-color li, .dark-color i, .dark-color span, .white-color .dark-color { color: #1d293f; } .grey-color, .grey-color h2, .grey-color h3, .grey-color h4, .grey-color h5, .grey-color h6, .grey-color p, .grey-color a, .grey-color li, .grey-color i, .grey-color span, .white-color .grey-color { color: #757575; } .blue-color, .blue-color h2, .blue-color h3, .blue-color h4, .blue-color h5, .blue-color h6, .blue-color p, .blue-color a, .blue-color li, .blue-color i, .blue-color span, .white-color .blue-color { color: #0f53fa; } .skyblue-color, .skyblue-color h2, .skyblue-color h3, .skyblue-color h4, .skyblue-color h5, .skyblue-color h6, .skyblue-color p, .skyblue-color a, .skyblue-color li, .skyblue-color i, .skyblue-color span, .white-color .skyblue-color { color: #FEC201; } .cadetblue-color, .cadetblue-color h2, .cadetblue-color h3, .cadetblue-color h4, .cadetblue-color h5, .cadetblue-color h6, .cadetblue-color p, .cadetblue-color a, .cadetblue-color li, .cadetblue-color i, .cadetblue-color span, .white-color .cadetblue-color { color: #83889c; } .stateblue-color, .stateblue-color h2, .stateblue-color h3, .stateblue-color h4, .stateblue-color h5, .stateblue-color h6, .stateblue-color p, .stateblue-color a, .stateblue-color li, .stateblue-color i, .stateblue-color span, .white-color .stateblue-color { color: #6064e3; } .green-color, .green-color h2, .green-color h3, .green-color h4, .green-color h5, .green-color h6, .green-color p, .green-color a, .green-color li, .green-color i, .green-color span, .white-color .green-color { color: #0fbc49; } .indigo-color, .indigo-color h2, .indigo-color h3, .indigo-color h4, .indigo-color h5, .indigo-color h6, .indigo-color p, .indigo-color a, .indigo-color li, .indigo-color i, .indigo-color span, .white-color .indigo-color { color: #62147e; } .orange-color, .orange-color h2, .orange-color h3, .orange-color h4, .orange-color h5, .orange-color h6, .orange-color p, .orange-color a, .orange-color li, .orange-color i, .orange-color span, .white-color .orange-color { color: #ff6b0f; } .orange-red-color, .orange-red-color h2, .orange-red-color h3, .orange-red-color h4, .orange-red-color h5, .orange-red-color h6, .orange-red-color p, .orange-red-color a, .orange-red-color li, .orange-red-color i, .orange-red-color span, .white-color .orange-red-color { color: #ff523d; } .pink-color, .pink-color h2, .pink-color h3, .pink-color h4, .pink-color h5, .pink-color h6, .pink-color p, .pink-color a, .pink-color li, .pink-color i, .pink-color span, .white-color .pink-color { color: #eb1561; } .purple-color, .purple-color h2, .purple-color h3, .purple-color h4, .purple-color h5, .purple-color h6, .purple-color p, .purple-color a, .purple-color li, .purple-color i, .purple-color span, .white-color .purple-color { color: #6a26da; } .red-color, .red-color h2, .red-color h3, .red-color h4, .red-color h5, .red-color h6, .red-color p, .red-color a, .red-color li, .red-color i, .red-color span, .white-color .red-color { color: #f6412d; } .violet-red-color, .violet-red-color h2, .violet-red-color h3, .violet-red-color h4, .violet-red-color h5, .violet-red-color h6, .violet-red-color p, .violet-red-color a, .violet-red-color li, .violet-red-color i, .violet-red-color span, .white-color .violet-red-color { color: #c73e9b; } .violet-color, .violet-color h2, .violet-color h3, .violet-color h4, .violet-color h5, .violet-color h6, .violet-color p, .violet-color a, .violet-color li, .violet-color i, .violet-color span, .white-color .violet-color { color: #9400d3; } .yellow-color, .yellow-color h2, .yellow-color h3, .yellow-color h4, .yellow-color h5, .yellow-color h6, .yellow-color p, .yellow-color a, .yellow-color li, .yellow-color i, .yellow-color span, .white-color .yellow-color { color: #ffb30c; } /*------------------------------------------*/ /* TEXT BLOCK /*------------------------------------------*/ .tabs-section .img-block.left-column, .tabs-section .txt-block.left-column, .content-section .img-block.left-column, .content-section .txt-block.left-column { padding-left: 5px; padding-right: 20px; margin-bottom: 40px; } .tabs-section .img-block.right-column, .tabs-section .txt-block.right-column, .content-section .img-block.right-column, .content-section .txt-block.right-column { padding-left: 20px; padding-right: 5px; margin-bottom: 40px; } .content-5.content-section .txt-block.left-column, .content-5.content-section .content-section .img-block.left-column { padding-left: 0; } .content-5.content-section .txt-block.right-column, .content-5.content-section .content-section .img-block.right-column { padding-right: 0; } /*------------------------------------------*/ /* TEXT BLOCK TYPOGRAPHY /*------------------------------------------*/ .txt-block h3, .txt-block h2, .content-14-txt h4, .content-14-txt h3 { margin-bottom: 26px; } .txt-block h5 { margin-bottom: 20px; } h5.sm-title { margin-top: 20px; margin-bottom: 20px; } .txt-block .btn, .txt-block .stores-badge, .content-14-txt .btn { margin-top: 20px; } .txt-block hr { margin-top: 30px; margin-bottom: 30px; } /*------------------------------------------*/ /* ADVANTAGES LIST /*------------------------------------------*/ .advantages { padding: 0; margin: 15px 0 0 0; } .advantages li { width: auto!important; display: inline-block!important; vertical-align: top; clear: none !important; padding-left: 5px; } .advantages li:first-child { padding-left: 0; } .advantages li:after { content: "|"; padding-left: 7px; position: relative; top: 1px; } .advantages li:last-child:after { content: " "; padding-left: 0; } .advantages li p { display: inline-block; margin-bottom: 0; } .advantages li p i { color: #fff; font-size: 12px; margin-right: 3px; background: #FEC201; border-radius: 4px; padding: 5px; } /*------------------------------------------*/ /* TERMS TEXT /*------------------------------------------*/ p.terms-txt { margin-bottom: 0; } p.terms-txt a, .advantages li p a { text-decoration: underline; } /*------------------------------------------*/ /* TOOLS LIST /*------------------------------------------*/ .tools-list h6 { margin-bottom: 25px; } .tools-list span { line-height: 1; padding-right: 6px; } /*------------------------------------------*/ /* RATING STARS /*------------------------------------------*/ .stars-rating, .stars-rating p { font-size: 1.05rem; margin-bottom: 0; } .stars-rating.grey-stars span { color: #757575; } /*------------------------------------------*/ /* QUOTE /*------------------------------------------*/ .quote p.p-xl { color: #666; border-left: 3px solid #FEC201; font-style: italic; padding-left: 20px; margin-top: 25px; margin-bottom: 20px; } /*------------------------------------------*/ /* Quote Avatar /*------------------------------------------*/ .quote-avatar { display: inline-block; margin: 0 auto; } .quote-avatar img { width: 60px; height: 60px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } /*------------------------------------------*/ /* Quote Author /*------------------------------------------*/ .quote-author { display: inline-block; padding: 0 0 0 15px; text-align: left; position: relative; top: 14px; } .quote-author h5, .quote-author p { margin-bottom: 0; } /*------------------------------------------*/ /* IMG BLOCK IMAGE /*------------------------------------------*/ .img-block { text-align: center; } /* ========================================================================== 04. HEADER & NAVIGATION =========================================================================== */ #header { width: 100%; display: block; padding-top: 0px; } .header-wrapper { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .logged-in.admin-bar .header-wrapper { top: 32px; } .headerwp { max-width: 1140px; margin: 0 auto; padding: 0; } .posrlt { position: relative; } #header.hiddden-header { display: none; } .hidden-nav .wsmainfull { margin-top: -100px; -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .hidden-nav .wsmainfull.scroll { margin-top: 0; } .rtl-direction .desktoplogo { float: right; } .rtl-direction .wsmenu { float: left; } .rtl-direction .wsmenu > .wsmenu-list > li { float: right; } /*------------------------------------------*/ /* HEADER LOGO /*------------------------------------------*/ .desktoplogo img { width: auto; max-width: inherit; max-height: 50px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .wsmainfull { width: 100%; height: auto; z-index: 1031; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; } .tra-menu .wsmainfull { background-color: transparent!important; padding: 20px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .white-menu .wsmainfull { background-color: #fff!important; padding: 0; -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); box-shadow: 0 2px 3px rgba(96, 96, 96, .1); } .dark-menu .wsmainfull { background-color: #222227!important; padding: 5px 0; -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); box-shadow: 0 2px 3px rgba(96, 96, 96, .1); } /*------------------------------------------*/ /* HEADER LINK /*------------------------------------------*/ .wsmenu > .wsmenu-list > li > a { display: block; font-size: 14px; font-weight: 500; letter-spacing: 0.5px; margin: 0 7px; padding: 10px 12px; line-height: 60px; text-decoration: none; transition: all 0.3s ease-in-out; text-transform: uppercase; } .navbar-dark .wsmenu > .wsmenu-list > li > a { color: #2c3e50; } .navbar-light .wsmenu > .wsmenu-list > li > a { color: #fff; } .wsmenu > .wsmenu-list > li > a.last-link { padding: 10px 0px; margin: 0 0 0 7px; } .wsmenu > .wsmenu-list > li.has-submenu > a:after, .wsmenu > .wsmenu-list > li.yamm-fw > a:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid; content: ""; float: right; right: 0; height: 0; margin: 0 0 0 14px; position: absolute; text-align: right; top: 38px; width: 0; } /*------------------------------------------*/ /* HEADER BUTTONS /*------------------------------------------*/ .wsmenu > .wsmenu-list > li a.btn { font-size: 14px; line-height: 1; font-weight: 500; letter-spacing: 0; margin-top: 14px; margin-left: 12px; padding: 15px 20px; color: #fff; } .wsmainfull.scroll .wsmenu > .wsmenu-list > li a.btn { line-height: 1; } .rtl-direction .wsmenu > .wsmenu-list > li a.btn { font-size: 20px; } .wsmenu > .wsmenu-list > li a.header-store { margin: 8px 0 0 12px; padding: 0; } .wsmenu > .wsmenu-list > li.header-phone > a { font-size: 17px; font-weight: 500; letter-spacing: 0; margin: 0; padding: 10px 0 10px 10px; } .wsmenu > .wsmenu-list > li.header-phone > a span { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; margin-bottom: 0; margin-right: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #FEC201; } .wsmenu > .wsmenu-list > li.header-phone > a span i { font-size: 13px; margin-right: 0; line-height: 28px!important; } /*------------------------------------------*/ /* HEADER SOCIAL LINKS /*------------------------------------------*/ .header-socials { margin: 0; display: inline-block; text-align: center; } .header-socials span { width: auto !important; display: inline-block !important; vertical-align: top; clear: none !important; margin: 0; } .header-socials a { display: block; line-height: 70px!important; margin-left: 15px; } .header-socials a span { position: relative; top: 5px; } /*------------------------------------------*/ /* HEADER SUBMENU /*------------------------------------------*/ .wsmenu > .wsmenu-list > li > ul.sub-menu { padding: 12px 20px; width: auto; min-width: 200px; top: 65px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); box-shadow: 0 2px 3px rgba(96, 96, 96, .1); } .wsmenu > .wsmenu-list > li > ul.sub-menu:before { content: ""; background-color: #fff; position: absolute; top: -8px; left: 40px; height: .9375rem; width: .9375rem; border-top: solid 1px #eee; border-left: solid 1px #eee; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -2; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { color: #2c3e50; font-size: 16px; font-weight: 500; padding: 8px 0; transition: all 0.3s ease-in-out; } .rtl-direction .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a { font-size: 19px; text-align: right!important; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { padding: 8px 0 8px 8px; } .rtl-direction .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover { padding: 8px 8px 8px 0; } /*------------------------------------------*/ /* HALFMENU /*------------------------------------------*/ .wsmenu > .wsmenu-list > li > .wsmegamenu { top: 100%; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu .yamm-fw.column-2 > .wsmegamenu { width: 36%; padding: 15px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); box-shadow: 0 2px 3px rgba(96, 96, 96, .1); left: auto; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before { content: ""; background-color: #fff; position: absolute; top: -8px; left: 40px; height: .9375rem; width: .9375rem; border-top: solid 1px #eee; border-left: solid 1px #eee; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -2; } .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li { border-bottom: none; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu > li a, .wsmenu > .wsmenu-list > li.has-submenu > .wsmegamenu > li a { color: #656565; font-size: 14px; font-weight: 500; padding: 8px 0; transition: all 0.3s ease-in-out; display: inline-block; line-height: 22px; text-transform: uppercase; } .rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 14px; text-align: right!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu > li a:hover, .wsmenu > .wsmenu-list > li.has-submenu > .wsmegamenu > li a:hover { padding: 8px 0 8px 8px; color: #FEC201; } .rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 8px 8px 8px 0; } /*------------------------------------------*/ /* MEGAMENU /*------------------------------------------*/ .wsmenu > .wsmenu-list > li > .wsmegamenu, .wsmenu > .wsmenu-list > li > .wsmegamenu li > .wsmegamenu { padding: 15px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); box-shadow: 0 2px 3px rgba(96, 96, 96, .1); } .wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu li > .wsmegamenu { padding-bottom: 0; } .wsmenu .wsmenu-list li.yamm-fw .wsmegamenu li .wsmegamenu { position: relative; box-shadow: none; border: none; top: auto; padding-top: 0; opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); padding-left: 10px; } .wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu.link-list > li > a { padding-left: 10px; } .wsmenu > .wsmenu-list > li.yamm-fw > .wsmegamenu.link-list > li > a:hover { padding-left: 18px; color: #FEC201; } .wsmenu > .wsmenu-list > li.has-submenu:hover > a:before, .wsmenu > .wsmenu-list > li.yamm-fw:hover > a:before { content: ""; background-color: #fff; position: absolute; bottom: -7px; left: 34%; height: .9375rem; width: .9375rem; border-top: solid 1px #eee; border-left: solid 1px #eee; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 10000; } .wsmenu > .wsmenu-list > li.has-submenu li.has-submenu:hover > a:before { content: ""; background-color: #fff; position: absolute; top: auto; left: -9px; height: .9375rem; width: .9375rem; border-right: solid 1px #eee; border-top: solid 1px #eee; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); z-index: 9990; transition: all 1.4s ease-in-out; } .wsmenu > .wsmenu-list > li.has-submenu li { position: relative; padding: 0 20px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu .yamm-fw.column-4 > .wsmegamenu { width: 76%!important; left: 18%; padding: 20px 10px; } .wsmenu .yamm-fw.column-4 > .link-list > li { width: 25%; float: left; } .wsmenu .yamm-fw.column-2 > .link-list > li { width: 50%; float: left; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-100 { width: 100%!important; left: 5%; padding: 20px 10px; } .wsmenu > .wsmenu-list > li > .wsmegamenu .title p, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p { font-size: 18px; line-height: 1; font-weight: 500; margin: 10px 0 10px 0; letter-spacing: 0; } .rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu .title p, .rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p { font-size: 22px; text-align: right!important; } /*------------------------------------------*/ /* NAVBAR HOVER /*------------------------------------------*/ .wsmenu > .wsmenu-list.nav-blue-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-blue-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-blue-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #0f53fa!important; } .wsmenu > .wsmenu-list.nav-skyblue-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-skyblue-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-skyblue-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #FEC201!important; } .wsmenu > .wsmenu-list.nav-stateblue-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-stateblue-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-stateblue-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #6064e3!important; } .wsmenu > .wsmenu-list.nav-green-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-green-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-green-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #0fbc49!important; } .wsmenu > .wsmenu-list.nav-indigo-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-indigo-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-indigo-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #62147e!important; } .wsmenu > .wsmenu-list.nav-orange-red-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-orange-red-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-orange-red-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #ff523d!important; } .wsmenu > .wsmenu-list.nav-pink-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-pink-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-pink-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #eb1561!important; } .wsmenu > .wsmenu-list.nav-purple-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-purple-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-purple-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #6a26da!important; } .wsmenu > .wsmenu-list.nav-red-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-red-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-red-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #f6412d!important; } .wsmenu > .wsmenu-list.nav-violet-red-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-violet-red-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-violet-red-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #c73e9b!important; } .wsmenu > .wsmenu-list.nav-violet-hover > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list.nav-violet-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list.nav-violet-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { color: #9400d3!important; } /*------------------------------------------*/ /* NAVBAR SCROLL /*------------------------------------------*/ .tra-menu .wsmainfull.scroll, .white-menu .wsmainfull.scroll, .dark-menu.dark-scroll .wsmainfull.scroll { background-color: #fff!important; -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); box-shadow: 0 2px 3px rgba(96, 96, 96, .1); } .scroll .white-color.header-socials span { color: #463853!important; } /*------------------------------------------*/ /* Navigation Menu /*------------------------------------------*/ .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li a { color: #463853; } .tra-menu.navbar-light.dark-scroll .scroll .wsmenu > .wsmenu-list > li a, .tra-menu.navbar-dark.dark-scroll .scroll .wsmenu > .wsmenu-list > li a { color: #fff; } .tra-menu.navbar-light.dark-scroll .scroll .wsmenu > .wsmenu-list .sub-menu li a, .tra-menu.navbar-dark.dark-scroll .scroll .wsmenu > .wsmenu-list .sub-menu li a, .tra-menu.navbar-light.dark-scroll .scroll .wsmenu > .wsmenu-list li .wsmegamenu a, .tra-menu.navbar-dark.dark-scroll .scroll .wsmenu > .wsmenu-list li .wsmegamenu a { color: #666; } /*------------------------------------------*/ /* Logo Image /*------------------------------------------*/ .logo-white, .logo-black { display: block; } .navbar-light .logo-black, .navbar-dark .logo-white, .tra-menu.navbar-light .scroll .logo-white, .tra-menu.navbar-light.dark-scroll .scroll .logo-black, .tra-menu.navbar-dark.dark-scroll .scroll .logo-black { display: none; } .tra-menu.navbar-light .scroll .logo-black, .tra-menu.navbar-light.dark-scroll .scroll .logo-white, .tra-menu.navbar-dark.dark-scroll .scroll .logo-white { display: block; } /*------------------------------------------*/ /* FEATURE BOX TYPOGRAPHY /*------------------------------------------*/ .fbox-5 h6, .fbox-5 h5, .fbox-6 h6, .fbox-6 h5, .fbox-7 h6, .fbox-7 h5, .fbox-txt-center h6, .fbox-txt-center h5 { margin-top: 18px; margin-bottom: 10px; } .fbox-txt h5 { margin-bottom: 10px; } .fbox-5 p, .fbox-6 p, .fbox-7 p, .fbox-8 p, .fbox-txt p, .fbox-txt-center p { margin-bottom: 0; } .fbox-6-link { font-weight: 400; margin-top: 20px; } .fbox-6-link a { margin-top: 18px; } .fbox-6-link i { position: relative; top: 2px; left: 3px; font-size: 0.9rem; } /*------------------------------------------*/ /* FEATURE BOX ICON /*------------------------------------------*/ .shape-ico { position: relative; margin-left: 0; display: inline-block; text-align: center; } .ico-bkg { position: absolute; z-index: 0; top: -15px; left: -10px; transform: rotate(-30deg); } .fbox-ico { width: 18%; display: inline-block!important; margin-top: 4px; text-align: left; } .rtl-direction .fbox-ico { float: right; text-align: right; } .fbox-img { padding: 40px 18% 50px; margin-bottom: 70px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } .fbox-img img { margin-bottom: -80px; } /*------------------------------------------*/ /* FEATURES DOWNLOAD BUTTON /*------------------------------------------*/ .more-btn { text-align: center; margin-bottom: 40px; } /* ========================================================================== 08. CONTENT =========================================================================== */ .content-9 { margin-bottom: 100px; } .content-5-wrapper { padding: 90px 70px 50px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .content-4 .txt-block { margin-top: 30px; } /*------------------------------------------*/ /* CONTENT BOX /*------------------------------------------*/ .review-3:nth-child(odd) { margin-right: 40px; margin-left: -40px; } .cbox-2 { display: inline-block; width: 400px; min-width: 400px; padding: 20px 30px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); } .cbox-4.left-column, .cbox-4.right-column { position: absolute; bottom: 10px; right: 25px; width: 52%; padding: 25px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); } .cbox-4.right-column { left: 15px; bottom: -5px; right: 0; } .cbox-5 { position: absolute; top: -30px; left: -10px; width: 54%; padding: 25px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); } .cbox-6 { position: absolute; bottom: 10px; right: 15px; width: 54%; padding: 25px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); } .cbox-txt { overflow: hidden; padding-left: 25px; } .rtl-direction .cbox-txt { padding-left: 0; padding-right: 25px; } .cbox-2-txt { display: inline-block!important; padding-left: 20px; } .rtl-direction .cbox-2-txt { padding-left: 0; padding-right: 20px; } .cbox-3-txt { display: inline-block!important; padding-left: 10px; } .rtl-direction .cbox-3-txt { padding-left: 0; padding-right: 20px; } .cbox-ico { float: left; text-align: center; margin-top: 2px; } .download-list .cbox-ico { display: inline-flex; margin-top: 0; } .download-list .cbox-txt { padding-left: 10px; } .cbox-ico .orange-red-color { display: inline-block; position: relative; vertical-align: top; } .cbox-ico span { display: block; } .cbox-ico span i { z-index: 1; position: relative; } .rtl-direction .cbox-ico { float: right; text-align: right; } .cbox-2-ico { display: inline-block!important; margin-top: 2px; text-align: center; } .rtl-direction .cbox-2-ico { float: right; } .cbox-3-ico { display: inline-block!important; background-image: linear-gradient(0deg, #d4dbff 0%, #fff 100%); width: 28px; height: 28px; margin-top: -2px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .rtl-direction .cbox-3-ico { float: right; } .cbox-3-ico span { line-height: 28px; } .cbox-4 h5, .cbox-5 h5, .cbox-6 h5, .cbox-txt h5 { margin-bottom: 10px; margin-top: 0; } .cbox-2-txt h5, .cbox-3-txt h5 , .cbox-2-txt p { margin-bottom: 0; } .content-14-txt h4, .content-14-txt h3 { margin-bottom: 22px; } .cbox-4 p, .cbox-5 p, .cbox-6 p, .cbox-txt p { line-height: 1.5; margin-bottom: 0; } .cbox-4 .divider, .cbox-5 .divider, .cbox-6 .divider { margin-top: 15px; margin-bottom: 15px; } .cbox-4 .btn, .cbox-5 .btn, .cbox-6 .btn { width: 100%; margin-bottom: 10px; } /*------------------------------------------*/ /* CB BOXES /*------------------------------------------*/ .statistic-number sup { font-size: 3rem; top: -10px; right: 0; margin-right: 5px; } /*------------------------------------------*/ /* CONTENT IMAGE /*------------------------------------------*/ .content-9-img { text-align: center; } /* ========================================================================== 10. PROJECTS =========================================================================== */ .project-preview { overflow: hidden; text-align: center; margin-bottom: 30px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } .post-type-archive-portfolio .project-txt { padding-left: 5%; padding-right: 30%; } .rtl-direction .post-type-archive-portfolio .project-txt { padding-left: 30%; padding-right: 5%; } .post-type-archive-portfolio .project-txt h5 { margin-bottom: 5px; } .post-type-archive-portfolio .project-txt p { font-weight: 400; margin-bottom: 5px; } .project-rating { font-size: 1rem; } .project-rating a { color: #FEC201; } .project-rating i { top: 4px; position: relative; margin-left: 5px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .post-type-archive-portfolio .masonry-image:hover i { margin-left: 10px; } .project-rating span { position: relative; top: 2px; color: #f7be27; } /*------------------------------------------*/ /* MASONRY IMAGES HOLDER /*------------------------------------------*/ .post-type-archive-portfolio .masonry-image { position: relative; width: 50%; padding: 0 15px; margin-bottom: 50px; } .portfolios-content .masonry-image { position: relative; width: 33.33333%; padding: 0 8px; margin-bottom: 50px; } /*------------------------------------------*/ /* Image Hover Overlay /*------------------------------------------*/ .hover-overlay { width: 100%; height: auto; overflow: hidden; position: relative; } .hover-overlay img { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); overflow: hidden; -webkit-transition: transform 400ms; -moz-transition: transform 400ms; -o-transition: transform 400ms; transition: transform 400ms; border-radius: 16px; } .featured-post .hover-overlay img { border-radius: 16px 0 0 16px; } /*------------------------------------------*/ /* Image Hover Effect /*------------------------------------------*/ .masonry-image:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .project-inner-img .col-md-6 .project-image:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } /*------------------------------------------*/ /* PROJECT DETAILS /*------------------------------------------*/ .single-project .project-title { margin-bottom: 70px; } .project-title h2 { padding-right: 10%; padding-bottom: 30px; margin-bottom: 35px; border-bottom: 1px solid #ddd; } .project-data { margin-bottom: 0; } .project-data span { margin-right: 40px; } /*------------------------------------------*/ /* PROJECT INNER PAGES /*------------------------------------------*/ .project-inner-img { margin-top: 40px; margin-bottom: 40px; } .project-inner-img .col-md-6 .project-image { overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } /*------------------------------------------*/ /* MORE PROJECTS BUTTON /*------------------------------------------*/ .more-projects { margin-top: 70px; margin-bottom: 40px; } .more-projects a { text-decoration: underline; } /*------------------------------------------*/ /* STATISTIC BLOCK /*------------------------------------------*/ .statistic-ico { margin-bottom: 15px; } h2.statistic-number { line-height: 1; letter-spacing: -0.5px; margin-bottom: 0; } .statistic-block h5 { line-height: 1; margin-top: 15px; margin-bottom: 0; } .statistic-block h2.h2-title-xs { letter-spacing: -1.5px; } #statistic-1 .statistic-block h5 { margin-top: 20px; margin-bottom: 15px; } #statistic-2 .txt-block h3 { margin-bottom: 0; } #statistic-4 h6, #statistic-4 h5 { line-height: 1.4; padding-left: 5px; margin-bottom: 0; } .statistic-block p { margin-bottom: 0; } #statistic-2 .statistic-block p { line-height: 1.4; } .statistic-block-link { margin-top: 20px; } .statistic-block-link a { margin-top: 18px; } .statistic-block-link span { position: relative; top: 2px; left: 3px; } /* ========================================================================== 12. TESTIMONIALS =========================================================================== */ .bg-lightgrey .review-1, .bg-lightgrey .review-2, .bg-lightgrey .review-3 { border: 1px solid #f5f6f6; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1); box-shadow: 0 5px 10px rgba(0, 0, 0, .1); } /*------------------------------------------*/ /* Testimonial Message Text /*------------------------------------------*/ .review-3-avatar { width: 20%; float: left; margin-top: 2px; text-align: center; } .review-3 .review-3-avatar img { width: 70px; height: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .review-2-ico i { font-size: 1.5625rem; } .review-1-txt p { font-size: 18px; font-style: italic; line-height: 1.4; } /*------------------------------------------*/ /* Testimonial Author /*------------------------------------------*/ .rtl-direction .review-avatar { margin: 0 auto; float: right; } .review-avatar img, .owl-item .review-avatar img { width: 100px; height: 100px; margin: 0 auto 18px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .review-2 .review-avatar img { width: 56px; height: 56px; } .review-3-avatar img, .review-4 .review-avatar img { width: 70px; height: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } /*------------------------------------------*/ /* Testimonial Author /*------------------------------------------*/ .review-author { position: relative; display: inline-block; padding: 0 0 0 15px; } .rtl-direction .review-author { position: relative; display: inline-block; text-align: right; padding: 0 15px 0 0; } .review-3 .review-author { text-align: center; padding: 0; top: 0; margin-bottom: 5px; } .review-3 .review-author span { font-size: 1.05rem; font-weight: 300; margin-left: 5px; } .review-author h6 { line-height: 1; margin-bottom: 10px; margin-top: 0; font-size: 18px; } .review-1 .review-author p, .review-2 .review-author p { line-height: 1; font-weight: 300; margin-bottom: 10px; font-size: 18px; } .review-3-txt p { padding-right: 5%; margin-bottom: 0; } .rtl-direction .review-3-txt p { padding-left: 5%; padding-right: 0; } .review-4 .review-author p { line-height: 1; margin-bottom: 10px; } /*------------------------------------------*/ /* Testimonials Rating /*------------------------------------------*/ .review-rating { margin-top: 8px; } /*------------------------------------------*/ /* Carousel Dots /*------------------------------------------*/ .reviews-section button { background-color: transparent; border: none; padding: 0 2px; } .owl-theme .owl-dots .owl-dot span { margin: 0 7px; } .owl-dots button:focus { outline: none; text-decoration: none; } .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /*------------------------------------------*/ /* Price Table /*------------------------------------------*/ .pricing-content .card-plan p { font-size: 16px; } .pricing-content .color-brand-2 { margin: 0; } .pricing-2-table, .pricing-3-table { background-color: #fff; border: 1px solid #efefef; padding: 45px 35px 40px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); } .pricing-2-table { padding: 35px 40px 40px; } .pricing-3-table { text-align: center; position: relative; padding: 50px 40px; } .rtl-direction .pricing-3-table { text-align: right; } /*------------------------------------------*/ /* Pricing Table Title /*------------------------------------------*/ .pricing-plan-title { position: relative; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 25px; } .pricing-plan-title h6 { position: absolute; right: -3px; top: -3px; letter-spacing: 0.5px; padding: 6px 14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; margin-top: 0; } .rtl-direction .pricing-plan-title h6 { display: inline-block; width: auto; right: 60%; left: -10px; top: -3px; } .pricing-3-table .pricing-plan h6 { letter-spacing: 1px; text-transform: uppercase; margin-bottom: 30px; } /*------------------------------------------*/ /* Pricing Plan /*------------------------------------------*/ .pricing-plan span { font-size: 3.375rem; line-height: 1; font-weight: 500; letter-spacing: -0.5px; } .pricing-3-table .pricing-plan span { font-size: 5rem; line-height: 1; letter-spacing: -2px; } .pricing-plan sup { font-size: 2.25rem; font-weight: 500; top: -7px; right: 3px; } .rtl-direction .pricing-plan sup { left: 4px; right: 0; } .pricing-3-table .pricing-plan sup { font-size: 2.875rem; font-weight: 500; top: -12px; right: 3px; } .pricing-3-table .pricing-plan sup.coins { font-size: 2.875rem; font-weight: 500; top: -25px; left: 1px; } .pricing-plan sup.validity { color: #878787; font-weight: 400; font-size: 1.2rem; top: 0px; left: 0; } .pricing-plan sup.validity span { position: relative; font-size: 2.75rem; left: -2px; } .rtl-direction .pricing-plan sup.validity span { right: -2px; left: 3px; } .pricing-plan p { margin-top: 15px; margin-bottom: 0; } .pricing-trial-link { display: block; text-decoration: underline; } /*------------------------------------------*/ /* Pricing Hightlight Badge /*------------------------------------------*/ .badge-wrapper { position: absolute; top: -21px; left: 0; width: 100%; text-align: center; } .highlight-badge { display: inline-block; margin: 0 auto; padding: 12px 45px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .highlight-badge h6 { line-height: 1; letter-spacing: 0.5px; margin-bottom: 0; margin-top: 0; } /*------------------------------------------*/ /* Pricing Table Body /*------------------------------------------*/ .pricing-2-table .features { padding-top: 25px; margin-top: 25px; border-top: 1px solid #ccc; padding-left: 0; } .pricing-2-table .features li { list-style: none; } .pricing-3-table .features { color: #757575; border-top: 1px solid #ddd; margin-top: 35px; padding-top: 30px; } .pricing-2-table .features p { margin-bottom: 5px; } .pricing-3-table .features p { margin-bottom: 8px; } .pricing-2-table .features p span, .pricing-3-table .features p span { font-weight: 500; } .features li.disabled-option { color: #c5c5c5; } /*------------------------------------------*/ /* Pricing Table Button /*------------------------------------------*/ .pricing-2-table .btn { margin-top: 25px; } .pricing-3-table .btn, .btn-fullwidth { display: block; width: 100%; margin-top: 30px; } /* ========================================================================== 14. TEAM =========================================================================== */ /*------------------------------------------*/ /* TEAM MEMBER PHOTO /*------------------------------------------*/ .team-member-photo { text-align: center; position: relative; overflow: hidden; } .team-social-icons:hover { opacity: 1; } /*------------------------------------------*/ /* TEAM MEMBER TYPOGRAPHY /*------------------------------------------*/ .team-social-icons { position: absolute; bottom: 0; text-align: center; padding: 0; width: 100%; z-index: 1; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .team-social-icons li { list-style: none; display: inline-block; margin: 0 2px; } .team-social-icons li a { width: 40px; height: 40px; background-color: rgba(10, 10, 10, .35); text-align: center; line-height: 44px; font-size: 14px; color: #fff!important; display: block; border-radius: 100%; } .team-member { background: #f4f4f9; border-radius: 16px; margin-bottom: 30px; } .team-member-data { padding: 25px 30px; box-shadow: 0 5px 10px rgb(0 0 0 / 5%); background: #fff; border-radius: 0 0 4px 4px; } .team-member-data h5 { line-height: 1.3; margin-bottom: 10px; margin-top: 0; font-size: 19px; letter-spacing: 1px; } .team-member-data p { line-height: 1; margin-bottom: 0; font-size: 17px; text-align: center; font-weight: 400; color: #FEC201; } .team-name p { margin-top: 5px; } .team-member-data p.tm-social { margin-top: 8px; } .alignment-section-space .elementor-container { padding: 0 10px; } /*------------------------------------------*/ /* GALLERY IMAGES HOLDER /*------------------------------------------*/ .gallery-content .owl-dots { display: none; } .gallery-item { position: relative; text-align: center; margin-bottom: 30px; } .gallery-item, .video-preview, .gallery-item img, .video-preview img, .carousel-image .hover-overlay, .carousel-image .hover-overlay img { overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .carousel-image { position: relative; padding: 0 5px; } /*------------------------------------------*/ /* Gallery Image Meta /*------------------------------------------*/ .image-description { text-align: center; position: absolute; bottom: 0; left: 0; z-index: 20; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .image-data { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .image-data h6, .image-data h5 { margin-bottom: 5px; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; } .image-data p { margin-bottom: 0; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; } .image-data h5 .image-link:hover { color: #fff; } /*------------------------------------------*/ /* Overlay Background /*------------------------------------------*/ .carousel-image .item-overlay::before, .carousel-image .item-overlay::after { top: 20px; right: 20px; bottom: 20px; left: 20px; } .item-overlay::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .item-overlay::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } /*------------------------------------------*/ /* Image Hover Effect /*------------------------------------------*/ .gallery-item:hover img, .carousel-image:hover img { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } .gallery-item:hover .item-overlay, .carousel-image:hover .item-overlay, .gallery-item:hover .image-description, .carousel-image:hover .image-description { opacity: 1; -moz-opacity: 1; } .gallery-item:hover .item-overlay::before, .carousel-image:hover .item-overlay::before, .gallery-item:hover .item-overlay::after, .carousel-image:hover .item-overlay::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .gallery-item:hover .image-data h5, .carousel-image:hover .image-data h6, .gallery-item:hover .image-data p, .carousel-image:hover .image-data p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*------------------------------------------*/ /* Gift Card /*------------------------------------------*/ .abox-4 { position: relative; width: 270px; height: 270px; display: inline-block; margin-bottom: 40px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); box-shadow: 0 5px 10px rgba(0, 0, 0, .05); -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .abox-4:hover { box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, .1); } .abox-4-txt { width: 80%; left: 10%; position: absolute; top: 50%; transform: translateY(-50%); } .abox-4 span { display: block; font-size: 3.5rem; line-height: 1; font-weight: 700; letter-spacing: -2px; margin-top: 15px; margin-bottom: 0; } /*------------------------------------------*/ /* BRANDS LOGO HOLDER /*------------------------------------------*/ .partner-owl .brand-logo { padding: 0 15px; } /*------------------------------------------*/ /* FAQS ACCORDION /*------------------------------------------*/ .accordion-item { background-color: transparent!important; border: none; border-bottom: 1px solid #e5e5e5; } .accordion-item.acc-last-item { border-bottom: none; } /* ========================================================================== 17. CALL TO ACTION =========================================================================== */ .cta-box { border: 1px solid #efefef; padding: 35px 20px 40px; } .cta-txt { width: 80%; display: inline-block!important; padding-left: 5px; } .rtl-direction .cta-txt { padding-left: 0; padding-right: 5px; } .cta-ico { width: 20%; display: inline-block!important; margin-top: 2px; text-align: center; } .rtl-direction .cta-ico { float: right; } .rtl-direction .cta-11-txt { padding-right: 20px; } /*------------------------------------------*/ /* DOWNLOAD BUTTON /*------------------------------------------*/ .os-btn { margin: 0 auto 20px; text-align: left; width: 310px; min-width: 310px; border: 1px solid #dbe4f1; padding: 25px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .os-btn-txt { display: inline-block!important; padding-left: 20px; } .mac-os-btn .os-btn-txt { padding-top: 7px; } .os-btn-ico { display: inline-block!important; text-align: center; } .os-btn-txt h6, .os-btn-txt h5 { line-height: 1; margin-bottom: 0; margin-top: 0; } .os-btn-txt p { margin-bottom: 0; } /*------------services-------------*/ .sbox-10, .sbox-18 { margin-bottom: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); box-shadow: 0 5px 10px rgba(0, 0, 0, .05); } .sbox-10-img, .sbox-18-img { overflow: hidden; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .sbox-10-img img, .sbox-18-img img { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .sbox-10-txt { padding: 35px 30px 40px; } .sbox-3:hover img, .sbox-8:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .sbox-9:hover img, .sbox-10:hover img, .sbox-11:hover img, .sbox-12:hover img, .sbox-15:hover img, .sbox-18:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .btn-tra-01, .scroll .btn-tra-01, .white-color .btn-tra-01, .tra-01-hover:hover, .scroll .tra-01-hover:hover, .white-color .tra-01-hover:hover { color: #FEC201; background-color: transparent; border-color: #FEC201; } .btn-tra-02, .scroll .btn-tra-02, .white-color .btn-tra-02, .tra-02-hover:hover, .scroll .tra-02-hover:hover, .white-color .tra-02-hover:hover { color: #FEC201; background-color: transparent; border-color: #FEC201; } .btn-color-01, .scroll .btn-color-01, .white-color .btn-color-01, .color-01-hover:hover, .scroll .color-01-hover:hover, .white-color .color-01-hover:hover { color: #fff; background-color: #b7948e; border-color: #b7948e; } .btn-color-02, .scroll .btn-color-02, .white-color .btn-color-02, .color-02-hover:hover, .scroll .color-02-hover:hover, .white-color .color-02-hover:hover { color: #fff; background-color: #FEC201; border-color: #FEC201; } .cardServiceStyle3 h5 { margin-top: 0; } .cardServiceStyle3:hover .card-info .color-brand-2, .cardServiceStyle3:hover .card-info .color-brand-2 a { color: #FEC201; } .single-service p { font-size: 16px; } .pricing-box-tab { position: absolute; top: -50px; right: 0; } /*------------------------------------------*/ /* CALL TO ACTION TYPOGRAPHY /*------------------------------------------*/ .cta-box h5 { margin-bottom: 10px; } /*------------------------------------------*/ /* Newsletter Form Input /*------------------------------------------*/ .newsletter-section .wp-block-tnp-minimal { display: flex; } .newsletter-section .tnp-subscription-minimal form { margin-top: 35px; } .newsletter-section .wp-block-tnp-minimal > p, .newsletter-section .wp-block-tnp-minimal > div { width: 50%; flex: 0 0 auto; } .newsletter-section .wp-block-tnp-minimal > p { font-size: 2.375rem; color: #303030; font-family: "epilogue", sans-serif; font-weight: 500; letter-spacing: -0.75px; margin: 0; line-height: 1.3; padding-right: 30px; } .newsletter-section .form-control, .newsletter-section .wp-block-tnp-minimal .tnp-email { height: 52px; background-color: transparent; border: none; border-bottom: 2px solid #ddd; color: #3a4a56; font-size: 1.25rem; font-weight: 400; padding: 0 5px; margin-right: 15px; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 65%; max-width: 385px; } .rtl-direction .newsletter-section .form-control { margin-left: 15px; margin-right: 0; text-align: right; } .newsletter-section .input-group > .custom-select:not(:last-child), .newsletter-section .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } /*------------------------------------------*/ /* Newsletter Form Input Focus /*------------------------------------------*/ .newsletter-section .form-control:focus { outline: 0; box-shadow: none; border-bottom: 2px solid #998da0; } /*------------------------------------------*/ /* Newsletter Form Input Placeholder /*------------------------------------------*/ .newsletter-section .form-control::-moz-placeholder, .newsletter-section .wp-block-tnp-minimal .tnp-email::-moz-placeholder { color: #ccc; } .newsletter-section .form-control:-ms-input-placeholder, .newsletter-section .wp-block-tnp-minimal .tnp-email:-ms-input-placeholder { color: #ccc; } .newsletter-section .form-control::-webkit-input-placeholder, .newsletter-section .wp-block-tnp-minimal .tnp-email::-webkit-input-placeholder { color: #ccc; } .bg-lightgrey.newsletter-section .form-control::-moz-placeholder { color: #999; } .bg-lightgrey.newsletter-section .form-control:-ms-input-placeholder { color: #999; } .bg-lightgrey.newsletter-section .form-control::-webkit-input-placeholder { color: #999; } /*------------------------------------------*/ /* Newsletter Form Button /*------------------------------------------*/ .newsletter-section .btn { display: block; width: 100%!important; padding: 13px 32px; height: 52px; } /*------------------------------------------*/ /* Newsletter Form Notification /*------------------------------------------*/ .newsletter-section .form-notification { color: #e03a3e; font-size: 0.975rem; font-weight: 400; line-height: 1; margin-top: 15px; margin-left: 5px; } .newsletter-section .form-notification label.valid, .newsletter-section .form-notification label.error { color: #e03a3e; } .newsletter-section .newsletter-form label.valid { color: #48af4b; } /*------------------------------------------*/ /* MASONRY IMAGES HOLDER /*------------------------------------------*/ .gallery-items-list.blog-masonry { margin-left: -15px; margin-right: -15px; } .blog-masonry .masonry-image { position: relative; width: 33.333333%; padding: 0 15px; margin-bottom: 70px; } .layout-rs .blog-masonry .masonry-image, .layout-ls .blog-masonry .masonry-image { width: 50%; } .layout-full .blog-masonry .masonry-image { width: 33.333333%; } /*------------------------------------------*/ /* BLOG POST TEXT /*------------------------------------------*/ .blog-masonry .blog-post-img, .related-blog .blog-post-img { overflow: hidden; text-align: center; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; margin-bottom: 30px; } /*------------------------------------------*/ /* BLOG POST TYPOGRAPHY /*------------------------------------------*/ .blog-1-post .blog-post-txt { margin-top: 30px; padding-left: 10px; padding-right: 5%; position: relative; } .blog-masonry .blog-post-txt, .related-blog .blog-1-post .blog-post-txt { margin-top: 0; padding-left: 5%; padding-right: 5%; } .blog-masonry .blog-post-txt.no-thumb, .related-blog .blog-post-txt.no-thumb { padding-left: 0; padding-right: 0; } .blog-post-txt h6, .blog-post-txt h5 { margin-bottom: 10px; -ms-word-wrap: break-word; word-wrap: break-word; margin-top: 10px; } p.post-tag { margin-bottom: 10px; font-size: 16px; } .blog-post-txt p.p-lg { margin-bottom: 15px; border-bottom: 1px solid #ececec; padding-bottom: 20px; -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-all; } .post-meta p { margin-bottom: 0; font-size: 16px; } p.post-tag .date-meta { margin-left: 10px; min-width: 170px; text-align: right; -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-all; } .layout-full p.post-tag .date-meta { margin-left: 30px; } p.post-tag i, .post-meta i { color: #FEC201; font-size: 14px; margin-right: 5px; } /*------------------------------------------*/ /* Image Hover Effect /*------------------------------------------*/ .blog-1-post:hover img, .blog-post-wide:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } /*------------------------------------------*/ /* BLOG POST /*------------------------------------------*/ .blog-masonry .blog-post-wide .blog-post-txt { padding: 0 60px 0 40px; border: none; } .blog-post-wide { background-color: #fff; margin-bottom: 40px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; overflow: hidden; -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); } .content-des-wrp { padding: 20px 40px 20px 20px; } .blog-post-txt p.post-tag { margin-bottom: 15px; border-bottom: 1px solid #ececec; padding-bottom: 15px; } .blog-post-wide .blog-post-txt h5 { margin-bottom: 15px; font-size: 27px; line-height: 33px; margin-top: 0; } .blog-post-wide .post-meta { margin-top: 15px; } .blog-post-wide .blog-post-img { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; overflow: hidden; } /* ========================================================================== 22. SINGLE BLOG POST =========================================================================== */ /*------------------------------------------*/ /* SINGLE POST TITLE /*-----------------------------------------*/ .single-post-title { padding: 0 4%; margin-bottom: 35px; } .single-post-title h3, .single-post-title h2 { padding-right: 5%; margin-top: 0; -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-all; } .single-post p.post-tag { margin-bottom: 35px; } .single-post .related-blog p.post-tag { margin-bottom: 10px; } .single-post .post-data { margin-top: 45px; margin-bottom: 45px; } /*------------------------------------------*/ /* SINGLE POST AUTHOR /*------------------------------------------*/ .single-post .post-author-avatar { position: relative; left: 0; top: 0; float: left; } .single-post .post-author-avatar img { width: 60px; height: 60px; display: inline-block; margin: 0 15px 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } /*------------------------------------------*/ /* AUTHOR AVATAR /*------------------------------------------*/ .single-post .post-author { position: relative; top: 3px; left: 3px; } .single-post .post-author h6, .single-post .post-author p { margin-bottom: 0; margin-top: 0; } /*------------------------------------------*/ /* SINGLE POST TEXT /*-----------------------------------------*/ .single-post-txt { padding: 0 4%; display: inline-block; width: 100%; } .single-post-txt h4, .single-post-txt h3 { margin-bottom: 30px; } .single-post-txt h5 { margin-top: 25px; margin-bottom: 28px; } .single-post-txt span.txt-600 { color: #151515; } /*------------------------------------------*/ /* BLOG POST INNER IMAGE /*------------------------------------------*/ .post-inner-img { text-align: center; margin-top: 60px; margin-bottom: 55px; } .post-inner-img img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } .post-inner-img p { margin-top: 25px; margin-bottom: 0; } /*------------------------------------------*/ /* POST TAGS /*------------------------------------------*/ .blog-item-next-prev { float: left; width: 100%; } .post-tags-list span { display: inline-block; } .post-tags-list span a { color: #353535; font-weight: 400; background-color: transparent; border: 2px solid #ddd; padding: 2px 12px; margin: 0 4px 4px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; display: inline-block; } .post-tags-list span a:hover { background-color: #f0f0f0; border-color: #f0f0f0; } /*------------------------------------------*/ /* POST SHARE ICONS /*-----------------------------------------*/ .post-share-links .share-social-icons { display: inline-block; padding-left: 0; } .post-share-links .share-social-icons li { width: auto !important; display: inline-block !important; vertical-align: top; clear: none !important; padding: 0; } .post-share-links .share-social-icons a i { font-size: 1.5625rem; } .post-share-list { text-align: right; } .post-share-list-box { position: absolute; right: 30px; bottom: 30px; } .single-post .post-share-list-box { display: none; } .post-share-list-box ul li { list-style: none; display: inline-block; margin-left: 10px; } /*------------------------------------------*/ /* ABOUT POST AUTHOR /*------------------------------------------*/ .author-senoff { float: left; width: 100%; padding: 40px; border-radius: 10px; -webkit-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); -moz-box-shadow: 0 14px 38px rgba(0, 0, 0, .04); box-shadow: 0 14px 38px rgba(0, 0, 0, .04); background: #fff; margin-top: 60px; } .has-post-thumbnail .author-senoff { margin-left: 4%; margin-right: 4%; width: 92%; } .author-senoff img { width: 100px; height: 100px; float: left; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .author-senoff-txt { position: relative; overflow: hidden; padding-left: 40px; } .author-senoff-txt h5.h5-xs { color: #FEC201; font-size: 14px; line-height: 1; font-weight: 600; letter-spacing: 0; text-transform: uppercase; margin-bottom: 8px; font-family: "epilogue", sans-serif; } .author-senoff-txt h5.h5-lg { line-height: 1; font-weight: 500; margin-bottom: 20px; } .author-senoff-txt p { color: #757575; margin-bottom: 0; font-size: 17px; line-height: 1.5; } .author-follow-btn { display: inline-block; position: absolute; color: #757575; font-size: 1rem; line-height: 1; font-weight: 400; padding: 5px 15px; top: 1px; right: 12px; border: 1px solid #777; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .author-link { margin-top: 20px; } .author-link a { color: #151515; font-weight: 500; text-decoration: underline; } .author-senoff-txt h5 { margin: 0 0 5px 0; font-size: 20px; letter-spacing: 1px; } /*------------------------------------------*/ /* RELATED POST /*------------------------------------------*/ .txt-color-06 a { color: #FEC201; line-height: 1; font-weight: 700; text-transform: uppercase; font-size: 14px; } .h6-md.txt-color-01 a { font-size: 18px; letter-spacing: 1px; } /*------------------------------------------*/ /* POST COMMENTS /*------------------------------------------*/ .comments-wrapper { padding: 0 4%; } .post-comments hr { margin-top: 24px; margin-bottom: 40px; } .post-comments h5.h5-lg { margin-bottom: 80px; } .post-comments img { width: 65px; height: 65px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .comment-body { margin-left: 25px; } .comment-meta { margin-bottom: 10px; } .comment-meta h6 { line-height: 1; margin-bottom: 2px; } .comment-date { font-size: 16px; font-weight: 400; margin-bottom: 5px; } /*------------------------------------------*/ /* Comment Reply /*------------------------------------------*/ .btn-reply { margin-left: 3px; } .btn-reply a { font-size: 17px; font-weight: 400; } .btn-reply span { position: relative; top: 3px; margin-right: 4px; left: 3px; } .btn-reply a:hover { color: #222; } /*------------------------------------------*/ /* SINGLE POST COMMENT FORM /*------------------------------------------*/ .post-comments #leave-comment h5 { padding-bottom: 0; margin-top: 80px; margin-bottom: 5px; border: none; } .comment-form { position: relative; margin-top: 0; } .comment-form p { color: #333; line-height: 1; font-weight: 500; margin-bottom: 15px; padding-left: 0; display: block; } .comment-form p.comment-notes, .comment-form .logged-in-as { color: #6c757d; font-weight: normal; } .comment-form .form-control { height: 56px; background-color: #fff; border: 1px solid #ccc; color: #333; font-size: 1.125rem; font-weight: 300; padding: 0 15px; margin-bottom: 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .comment-form .form-control:focus { border-color: #FEC201; outline: 0px none; box-shadow: none; } .comment-form textarea { min-height: 200px; } .comment-form textarea.form-control { padding: 20px; } /*------------------------------------------*/ /* Comment Form Button /*------------------------------------------*/ .comment-form .btn { margin-top: 15px; color: #034460; } .comment-form .btn:focus { outline: 0px none; box-shadow: none; } /*------------------------------------------*/ /* Comment Form Message /*------------------------------------------*/ .comment-form-msg { width: 100%!important; display: block; margin-top: 15px; padding-left: 0; } .comment-form .error { color: #e74c3c; font-size: 16px; font-weight: 400; margin-bottom: 20px; padding-left: 10px; } .comment-form .form-control.error { font-size: 17px!important; } /* ========================================================================== 23. CONTACTS =========================================================================== */ #contacts-1 .section-title { position: relative; z-index: 3; } #contacts-1-form { position: relative; z-index: 999; background-color: #fff; border: 1px solid #efefef; padding: 45px 35px 35px; margin: 0 30px 40px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05); } .wpcf7 .contact-form p.p-lg { color: #333; line-height: 1; font-weight: 500; margin-bottom: 10px; padding-left: 0; } .wpcf7 .contact-form .col-md-12 span.top-note { display: block; font-size: 17px; line-height: 1; font-weight: 300; margin-bottom: 25px; padding-left: 0; } /*------------------------------------------*/ /* CONTACT FORM INPUT /*------------------------------------------*/ .contact-form .form-control, .contact-form .form-select { height: 60px; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 0 0; color: #3a4a56; font-size: 1.1rem; font-weight: 400; padding: 0 15px; margin-bottom: 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .contact-form .form-select { display: inline-block; width: 100%; color: #998da0; box-shadow: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /*------------------------------------------*/ /* Contact Form Textarea /*------------------------------------------*/ .contact-form textarea { min-height: 220px; } .contact-form textarea.form-control { padding: 20px 15px; } /*------------------------------------------*/ /* Contact Form Placeholder /*------------------------------------------*/ .contact-form .form-control::-moz-placeholder { color: #999; } .contact-form .form-control:-ms-input-placeholder { color: #999; } .contact-form .form-control::-webkit-input-placeholder { color: #999; } /*------------------------------------------*/ /* Contact Form Input Focus /*------------------------------------------*/ .contact-form .form-control:focus, .contact-form .form-select:focus { outline: 0px none; box-shadow: none; border-color: #009ddc; } /*------------------------------------------*/ /* Contact Form Button /*------------------------------------------*/ #contacts-1-form .btn { width: 100%; padding: 16px; } /*------------------------------------------*/ /* Contact Form Message /*------------------------------------------*/ .contact-form-msg { width: 100%!important; display: block; margin-top: 20px; padding-left: 0; } .contact-form .loading { color: #FEC201; font-size: 18px; font-weight: 500; padding-left: 15px; } .contact-form .error { color: #e74c3c; font-size: 16px; font-weight: 400; margin-bottom: 20px; padding-left: 10px; } .homepage-content { min-height: 450px; } /* ========================================================================== 24. FOOTER =========================================================================== */ .footer.no-padding-top { padding-top: 0; } .footer-info p { padding-right: 5%; } .rtl-direction .footer-info p { padding-right: 0; } .rtl-direction #footer-1 .footer-info p { padding-left: 5%; } #footer-1 .footer-links { padding-left: 10%; } .rtl-direction #footer-3 .footer-links { padding-left: 10%; } .rtl-direction .footer-links { padding-right: 20px; } /*------------------------------------------*/ /* FOOTER LOGO /*------------------------------------------*/ img.footer-logo { width: auto; max-width: inherit; max-height: 40px; } /*------------------------------------------*/ /* FOOTER TYPOGRAPHY /*------------------------------------------*/ .footer h6, .footer h5 { margin-bottom: 10px; margin-top: 0; font-size: 22px; line-height: 28px; color: #FEC201; } /*------------------------------------------*/ /* FOOTER LINKS /*------------------------------------------*/ .footer-links li { width: auto !important; display: block !important; clear: none !important; margin: 0; padding: 0; } .footer-links li p { margin-bottom: 8px; } .bg-dark .footer-links li a:hover, .bg-dark .footer-socials li span:hover, .bg-deepdark .footer-links li a:hover, .bg-deepdark .footer-socials li span:hover { color: #f2f3f4; } /*------------------------------------------*/ /* FOOTER SOCIAL LINKS /*------------------------------------------*/ .footer-socials { margin: 0; display: inline-block; } .footer-socials li { width: auto !important; display: inline-block !important; vertical-align: top; clear: none !important; margin: 0; } .footer-socials a { display: block; margin-right: 20px; } .footer-socials span { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .footer-socials.ico-25 a { margin-right: 16px; } /*------------------------------------------*/ /* FOOTER NEWSLETTER FORM /*------------------------------------------*/ .footer-form .newsletter-form .input-group { background-color: #f5f5f5; border: 1px solid #eee; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 8px 2px; } .footer-form .form-control { height: 40px; background-color: transparent; border: none; color: #666; font-size: 1.125rem; padding: 0 15px; box-shadow: none; } /*------------------------------------------*/ /* Newsletter Form Input Focus /*------------------------------------------*/ .footer-form .form-control:focus { border: none; border-right: none; outline: 0; box-shadow: none; } /*------------------------------------------*/ /* Footer Form Placeholder /*------------------------------------------*/ .footer-form .form-control::-moz-placeholder { color: #6c757d; } .footer-form .form-control:-ms-input-placeholder { color: #6c757d; } .footer-form .form-control::-webkit-input-placeholder { color: #6c757d; } /*------------------------------------------*/ /* Newsletter Form Button /*------------------------------------------*/ .footer-form .btn { height: 40px; padding: 0 15px; } /*------------------------------------------*/ /* Footer Form Notification /*------------------------------------------*/ .footer-form .form-notification { color: #e03a3e; font-size: 0.95rem; line-height: 1.25; font-weight: 400; margin-top: 12px; margin-left: 5px; } /*------------------------------------------*/ /* BOTTOM FOOTER /*------------------------------------------*/ .bottom-footer { padding-top: 30px; } .footer hr { background-color: transparent; background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%); opacity: .3; margin: 30px 0 0; } .footer.bg-dark hr { background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #ced3f6 38%, #ced3f6 64%, rgba(206,211,246,0) 99%); } /*------------------------------------------*/ /* FOOTER COPYRIGHT /*------------------------------------------*/ .footer-copyright p { margin-bottom: 0; color: aliceblue; font-weight: 400 !important; font-family: "epilogue", sans-serif !important; line-height: 28px !important; font-size: 16px !important; } /* ========================================================================== 25. INNER PAGE WRAPPER =========================================================================== */ .inner-page-hero { padding-top: 180px; } .single-post .inner-page-hero { padding-bottom: 0; } .page-hero-section { position: relative; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: scroll!important; padding-top: 100px; padding-bottom: 100px; margin-top: 0; background-color: #999; margin-bottom: -80px; } .elementor-template-full-width .page-hero-section { margin-bottom: 0; } .single-portfolio .page-hero-section { margin-bottom: -30px; } /*------------------------------------------*/ /* INNER PAGE HERO TYPOGRAPHY /*------------------------------------------*/ .page-hero-section h3, .page-hero-section h2 { margin-bottom: 0; } .page-hero-section p { padding: 0 10%; margin-top: 20px; margin-bottom: 0; } /* ========================================================================== 27. PAGE PAGINATION =========================================================================== */ .page-link { color: #6c757d; font-size: 1.1rem; font-weight: 500; padding: 2px 10px; margin: 0 8px; background-color: transparent; border: 2px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .page-item:first-child .page-link { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .page-item:last-child .page-link { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .page-item.active .page-link { color: #fff; background-color: #FEC201; border: 2px solid #FEC201; } .page-item.disabled .page-link { color: #6c757d; background-color: transparent; border: 2px solid transparent; } .page-link:hover { color: #6c757d; background-color: transparent; border: 2px solid #ccc; } .page-link:focus { background-color: transparent; color: #6c757d; border: 2px solid transparent; box-shadow: 0 0; } /* ========================================================================== 28. SCROLL TO TOP ========================================================================== */ nav a#pull { display: none; } .sbox-3-txt { padding-top: 15px; } /*----------woocommerce--------------*/ .calculate-item-price { background: #E8E9ED; padding: 9px 20px; color: #034460; border-radius: 0px; font-weight: 500; margin-top: 30px; } .woocommerce #review_form #respond p > label { margin-bottom: 10px; } .woocommerce-Reviews .comment-respond .form-submit:before { content: ""; } .woocommerce .content, .woocommerce-page .content { overflow: visible; } .woocommerce-Reviews .comment-form { margin-top: 30px; } .woocommerce-Reviews .comment-respond .form-submit { padding: 0; } .woocommerce-Reviews .comment-form .comment-notes, .woocommerce-Reviews .comment-form .comment-form-cookies-consent{ padding: 0; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding: 0.3rem; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 120px; border-radius: 0; border-color: #eaeaea; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 96px; padding: 0; } .widget_product_tag_cloud .tagcloud a { position: relative; margin-bottom: 0; background: none; text-transform: inherit; } .widget_product_tag_cloud .tagcloud a:before { position: absolute; left: 0; content: "#"; } .widget_product_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:focus { color: #FEC201; background: none; } .woocommerce .woocommerce-result-count { width: 50%; line-height: 35px; margin-bottom: 0; } .woocommerce .woocommerce-ordering { text-align: right; width: 50%; margin-bottom: 0; position: relative; } .woocommerce .woocommerce-ordering select { border: none; padding: 0 10px; max-width: 170px; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1.2; float: right; margin-bottom: 0; background-color: transparent; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; width: 70px; border: 1px solid #eaeaea; margin-left: 0; padding: 3px; margin-right: 15px; } ul.product_list_widget .product-title{ font-size: 15px; line-height: 1.3; margin-bottom: 0.25rem; margin-top: 0; font-weight: normal; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { border: none!important; } .woocommerce .star-rating::before { color: #FEC201; } .woocommerce .star-rating span::before { color: #FEC201; } ul.product_list_widget .woocommerce-Price-amount { font-size: 14px; } .woocommerce .star-rating { font-size: 0.95rem; letter-spacing: 6px; width: 7.4em; } .woocommerce .products .star-rating { margin: 5px 0 .5em; } .woocommerce nav.woocommerce-pagination { margin-top: 15px; } .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce nav.woocommerce-pagination ul li { border: none!important; margin: 0; padding: 8px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: #6D708D; min-height: 48px; min-width: 48px; background-color: #fff; padding: 0; border: none; line-height: 48px; font-weight: 600; border-radius: 50%; box-shadow: 0 0 16px rgba(50,39,193, 0.08); text-align: center; } .woocommerce nav.woocommerce-pagination ul li:first-child a, .woocommerce nav.woocommerce-pagination ul li:first-child span { margin-left: 0; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #FEC201; color: #fff; border-color: #FEC201; } .woocommerce-pagination .page-numbers .cs-icon { line-height: 48px!important; display: block; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 39%; float: left; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 57%; margin-bottom: 100px; float: right; } .woocommerce-review-link { line-height: 28px; float: left; font-weight: 600; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #FEC201; font-size: 24px; text-decoration: none; margin-bottom: 5px; font-weight: 600; } .woocommerce.single-product div.product p.price, .woocommerce.single-product div.product span.price { font-size: 18px; font-weight: 700; color: #FEC201; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .entry-summary ins { text-decoration: none; float: left; padding-right: 15px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: 1; color: #95b0b6; font-size: 18px; } .woocommerce div.product .product_title { font-size: 48px; margin-bottom: 5px; line-height: 1; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 5px; } .woocommerce-product-details__short-description { border-bottom: 1px solid #eaeaea; padding-top: 5px; margin-bottom: 30px; } .woocommerce-variation-description { font-size: 16px; } .product_meta { padding-bottom: 12px; font-size: 18px; font-weight: 700; } .woocommerce .quantity .qty { border: 1px solid #eaeaea; padding: 4px 0; height: 52px; border-radius: 0; } .woocommerce div.product form.cart div.quantity { margin-right: 10px; } .variations tr { width: 29%; float: left; } .variations tr td.label { display: block; } .woocommerce div.product form.cart .variations label { margin-bottom: 0; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { padding: 0; position: relative; } .woocommerce div.product form.cart .variations select { border: 1px solid #eaeaea; height: 34px; padding: 5px; font-weight: 600; background-image: url(../images/downarrow.png); background-repeat: no-repeat; background-position: 92%; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; line-height: 14px; min-width: 168px; } .reset_variations { font-weight: 600; font-size: 14px; position: absolute; top: 0; right: -100px; } .reset_variations:after { background: #001d23; position: absolute; content: ""; left: 0; bottom: -1px; height: 2px; width: 100% } .reset_variations:hover:after { background: #009e74; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #FEC201; border: none; border-radius: 0; font-size: 16px; line-height: 1; padding: 18px 34px 18px 34px; color: #fff; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #FEC201; color: #fff; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #FEC201; color: #fff; } .woocommerce-product-gallery__image img { border: 1px solid #eaeaea; } .shop-box { margin-bottom: 30px; position: relative; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .onsale { position: absolute; top: 1rem; z-index: 11; right: 1rem; width: auto; height: 26px; line-height: 26px; border-radius: 0; text-align: center; background-color: #ddd; } .woocommerce span.onsale { position: absolute; top: 30px; z-index: 11; left: 30px; width: auto; height: 26px; line-height: 26px; border-radius: 0; text-align: center; color: #fff; background-color: #FEC201; font-weight: normal; right: auto; min-height: auto; padding: 0 14px; } .woocommerce span.onsale.new-badge { left: 30px; background: #82ca9c; } .woocommerce .sale span.onsale.new-badge { left: 110px; } .woocommerce-product-gallery__image { position: relative; } .woocommerce-product-gallery__image:hover .magnifier { opacity: 1; visibility: visible; } .woocommerce-product-gallery__image .magnifier a { position: absolute; left: 0; right: 0; top: 50%; margin: -1rem auto; color: #ffffff; text-align: center; } .woocommerce div.product div.images .woocommerce-product-gallery__image.thumbnails-image { width: 100%; margin-bottom: 20px!important; } .woocommerce div.product div.images .woocommerce-product-gallery__image.no-margin-right { margin-right: 0; } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { padding: 100px 0; margin: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border: none; } .woo-tabs.stretch-content { clear: both; background: #F3F8FC; } .woocommerce div.product div.images { margin-bottom: 100px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { box-shadow: none!important; border: none!important; background: none!important; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { height: 0; width: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border-bottom: 3px solid transparent; padding: 0; border-width: 0 0 3px 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 3px solid #FEC201; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 600; color: #7b7d7f; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #FEC201; } .woocommerce div.product .woocommerce-tabs .panel h2 { font-size: 24px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; border-bottom: 1px solid #eaeaea; text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0 2rem 0 0; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0; } .woocommerce div.product .woocommerce-tabs .panel p:last-child{ margin-bottom: 0; } .woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type="text"], .woocommerce #review_form #respond input[type="password"], .woocommerce #review_form #respond input[type="email"] { border: none; padding: 5px 10px; width: 100%; height: 45px; border-radius: 6px; } .woocommerce #reviews #comment, .woocommerce #review_form #respond textarea { height: 120px; resize: none; } .woocommerce #review_form #respond textarea:focus, .woocommerce #review_form #respond input[type="text"]:focus, .woocommerce #review_form #respond input[type="password"]:focus, .woocommerce #review_form #respond input[type="email"]:focus { border: none; } .woocommerce #reviews #comments ol.commentlist { padding-left: 0; } .related.products { float: left; width: 100%; margin: 90px 0 0; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { min-width: 180px; height: 52px; border-color: #eaeaea; padding-left: 15px; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color: #fff; padding: 18px 34px 18px 34px; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { color: #fff; background: #FEC201; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #FEC201; color: #FEC201; padding: 18px 34px 18px 34px; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { border-radius: 0; } .woocommerce div.product .stock { color: #FEC201; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { max-width: 48%; padding: 0; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: 48%; padding: 0; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { margin-bottom: 1rem; background: #E8E9ED; border: none; height: 60px; padding: 10px 15px; border-radius: 0; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { top: 16px; } .woocommerce form .form-row textarea { min-height: 120px; padding: 15px; resize: none; } .woocommerce table.shop_table { border-radius: 0; } .woocommerce-cart-form table thead tr { background: #E8E9ED; } .woocommerce-cart-form table thead tr th { border-width: 0 1px 1px 0; } .woocommerce-cart-form table thead tr th:last-child { border-width: 0 0 1px 0; } .woocommerce table.shop_table td{ border-width: 0 1px 1px 0; } .woocommerce-cart-form table tr td { border-width: 0 1px 1px 0; } .woocommerce-cart-form table tr td:last-child{ border-width: 0 0 1px 0; } .woocommerce-cart-form table tr:last-child td{ border-width: 0; padding: 12px; } .cart-collaterals tr:last-child td, .cart-collaterals tr:last-child th{ border-width: 0; } .cart-collaterals table tr th, .cart-collaterals table tr.cart-subtotal td { border-width: 0; } .woocommerce table.shop_table th { font-weight: 500; padding: 15px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table td { padding: 15px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table { border-collapse: collapse; margin-bottom: 40px; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{ font-weight: 500; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background: #F3F8FC; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{ border-color: #eaeaea; padding: 40px 40px 20px; } .woocommerce-checkout #payment div.form-row { padding: 20px 40px 40px; } .woocommerce .woocommerce-cart-form a.remove { color: #5e848c!important; border: 1px solid #eaeaea; border-radius: 50%; font-weight: normal; font-size: 20px; line-height: 16px; } .woocommerce-checkout h3#order_review_heading { margin-top: 20px; } .woocommerce .woocommerce-cart-form a.remove:hover, .woocommerce .woocommerce-cart-form a.remove:focus{ color: #fff!important; border-color: #ff0000; } .woocommerce form .form-row { padding: 0; } .woocommerce-checkout h3, .cart_totals h2, .related.products h2 { z-index: 1; position: relative; line-height: 1.7; font-size: 28px; padding: 0 0 15px; margin: 0; } .related.products h2 { padding-bottom: 25px; text-align: center; font-size: 50px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-form.register, .woocommerce-ResetPassword.lost_reset_password { padding: 53px; border: 1px solid #eaeaea; margin: 0 auto; max-width: 650px; border-radius: 0; background: #fff; position: relative; } .woocommerce form.checkout_coupon { margin-bottom: 30px; } .woocommerce form.checkout_coupon .form-row input.input-text{ height: 52px; margin-bottom: 0; } .woocommerce form.checkout_coupon .form-row-first{ width: 60%; } .woocommerce form.checkout_coupon .form-row-last { width: 40%; } .woocommerce-Input.woocommerce-Input--text.input-text { border: none; border-radius: 0; color: #001d23; height: 60px; font-size: 14px; padding: 25px 30px; position: relative; } .woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row { width: 100%; } .woocommerce-form .form-control { background: #F3F8FC; } .already-account { float: right; text-decoration: underline; padding-top: 14px; } .woocommerce-LostPassword.lost_password { position: absolute; bottom: 52px; right: 53px; } .woocommerce-LostPassword.lost_password a{ text-decoration: underline; } .woocommerce > h2{ display: none; } .woocommerce-form-login__rememberme { margin-top: 12px; } .woocommerce-account .woocommerce-MyAccount-navigation { padding: 40px; background: #fff; box-shadow: 0 4px 8px rgba(0,0,0, 0.04); } .woocommerce-MyAccount-navigation ul { padding: 0; margin: 0; background: #F3F8FC; } .woocommerce-account .woocommerce-MyAccount-content { padding: 0 40px 40px; } .woocommerce-MyAccount-navigation ul li { list-style: none; border: 1px solid #eaeaea; border-width: 0 1px 1px 1px; padding: 0.75rem 1.25rem; font-size: 14px; line-height: 1; } .woocommerce-MyAccount-navigation ul li a{ color: #001d23; } .woocommerce-MyAccount-navigation ul li:first-child { border-width: 1px 1px 1px 1px; } .woocommerce a.added_to_cart { padding-top: .5em; white-space: nowrap; display: inline-block; position: absolute; top: -40px; left: 35%; color: #fff; background: #001d23; border-radius: 30px; padding: 5px 10px; font-size: 14px; } .widget_product_search button[type="submit"]{ display: none; } .shop-media { position: relative; background: #F3F8FC; overflow: hidden; } .woocommerce-message::before, .woocommerce-info::before { color: #FEC201; } .woocommerce-message, .woocommerce-info { border-top-color: #FEC201; line-height: 3.2; background-color: #F3F8FC; } .address-field .select2-container--default .select2-selection--single{ background-color: #F3F8FC; border: none; border-radius: 6px; padding: 8px; height: 60px; margin-bottom: 1rem; } .address-field .select2-container--default .select2-selection--single:focus { outline: none; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 46px; } .address-field .select2-container--default .select2-selection--single .select2-selection__arrow { height: 60px; right: 8px; } .select2-dropdown { border-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #eaeaea; } .select2-container--open .select2-dropdown--below { border: 1px solid #eaeaea; border-top: none; margin-top: 16px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #009e74; border-radius: 0; width: 10px; height: 10px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #001d23; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 14px; float: right; color: #001d23; padding: 0; background: none; text-transform: uppercase; } .woocommerce .widget_price_filter .price_slider_amount { text-align: left; line-height: 1; color: #999; font-weight: 600; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 2px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: #009e74; } .shop-table .btn { margin-top: 1.5rem; } .shop-table .qty-changer { max-width: 80px !important; } .shop-table .form-group { display: block; margin: -14px auto; position: absolute; text-align: center; width: 75px; } .shop-table .text-left.table td { text-align: left !important; } .shop-table img { max-width: 100px; } .table-bordered thead td, .table-bordered thead th { border: 0 none; } .shop-table .table td { text-align: center; vertical-align: middle; } .shop-table .table th { color: #121212; font-weight: 400; text-align: center; vertical-align: middle; } .couponcode .btn { margin-top: 10px !important; } .payment-methods .form-check { padding: 0.5rem 0; border-bottom: 1px dashed #dbdbdb; } .shop-table .text-left.table td .form-check-input, .payment-methods .form-check-input { margin-right: 10px; } .shop-title del span, .shop-title del { color: #95b0b6; font-size: 16px; } .shop-title ins { text-decoration: none; float: left; padding-right: 8px; } .shop-box .shop-details { padding-top: 20px; } .shop-title h4 { margin: 8px 0 5px 0; font-size: 20px; } .woocommerce .shop-box .button, .woocommerce-page .shop-box .button { position: absolute; top: 64.5%; opacity: 0; left: 0; padding: 10px 20px; font-size: 14px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .woocommerce .shop-box:hover .button, .woocommerce-page .shop-box:hover .button { left: 30px; opacity: 1; } .stars-rating i, .stars-rating .svg-inline--fa { color: #FEC201; font-size: 0.95rem; line-height: 1; } .woocommerce table.shop_attributes td { padding: 0 5px; } .item-ratings.row { margin-left: -15px!important; margin-right: -15px!important; } .woocommerce .page-title, .woocommerce-page .page-title { display: none; } .minimal_product { margin-bottom: 50px; position: relative; } .minimal_product .item_image { overflow: hidden; position: relative; margin-bottom: 15px; } .minimal_product .image_wrap { display: block; overflow: hidden; position: relative; } .minimal_product img { width: 100%; display: block; transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .minimal_product:hover img { transform: scale(1.05); } .minimal_product .product_label { top: 30px; left: 30px; z-index: 1; position: absolute; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; align-items: center; } .woocommerce .minimal_product span.onsale { height: 26px; font-size: 15px; font-weight: 400; line-height: 28px; list-style: none; display: inline-block; } .minimal_product .product_label li { height: 26px; font-size: 15px; font-weight: 400; line-height: 28px; list-style: none; display: inline-block; padding: 0 14px; background-color: #fb5d5d; color: #fff; } .minimal_product .product_label li:not(:last-child) { margin-right: 8px; } .minimal_product .addto_wishlist { top: 28px; right: 30px; width: 30px; height: 30px; color: #232323; font-size: 14px; line-height: 32px; text-align: center; position: absolute; background-color: #fff; } .minimal_product .addto_wishlist:hover { color: #fff; background-color: red; } .minimal_product .coming_soon { left: 30px; bottom: 30px; height: 36px; color: #1c1f23; font-size: 12px; font-weight: 700; line-height: 38px; padding: 0px 12px; position: absolute; text-align: center; background-color: #fff; transition: 0.3s ease; } .minimal_product .product_action_btns { left: 0px; right: 0px; z-index: 2; bottom: 30px; position: absolute; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .minimal_product .product_action_btns a { height: 50px; height: 50px; color: #fff; line-height: 52px; text-align: center; border-radius: 0px; background-color: #252424; } .minimal_product .product_action_btns li { opacity: 0; visibility: hidden; transform: translateX(50px); } .minimal_product .product_action_btns li:nth-child(2) a { width: auto; font-size: 13px; min-width: 190px; font-weight: 700; background-color: #ff5656; transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .minimal_product:hover .product_action_btns li { opacity: 1; visibility: visible; transform: translateX(0px); transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); } .minimal_product:hover .product_action_btns li:nth-child(1) { transition-delay: 0.1s; transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .minimal_product:hover .product_action_btns li:nth-child(2) { transition-delay: 0.2s; transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1); } .minimal_product:hover .product_action_btns li:nth-child(3) { transition-delay: 0.3s; transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .minimal_product:hover .coming_soon { opacity: 0; transition: 0.3s ease; left: 0; } .minimal_product .item_title { margin: 0 0 8px 0; } .minimal_product .item_title a { color: #232323; font-size: 24px; font-weight: 400; } .minimal_product:hover .item_title a { color: #FEC201; } .minimal_product .item_price { line-height: 1; display: flex; flex-direction: row-reverse; } .minimal_product .item_price ins { font-weight: 700; color: #232323; font-size: 22px; text-decoration: none; } .minimal_product .item_price del { font-size: 18px; margin-left: 5px; display: inline-block; } .minimal_product .item_color li:not(:last-child) { margin-right: 6px; } .minimal_product .item_color a { width: 20px; height: 20px; display: block; } .woocommerce form.woocommerce-form-track-order input.input-text { background: #fff; } .woocommerce .woocommerce-form-track-order .button { background: #FEC201; color: #041C2F; } .woocommerce .woocommerce-form-track-order .button:hover, .woocommerce .woocommerce-form-track-order .button:active { background: #034460; color: #fff; } /*-----------------from html---------*/ .table-responsive { max-width: 100%; } .font-84 { font-size: 84px !important; line-height: 84px !important; } .font-bold-800 { font-weight: 800; } .box-pagination { display: inline-block; } .pagination { display: flex; padding-left: 0; list-style: none; margin-bottom: 20px; } .pagination li { padding: 2px; } .pagination li a { font-weight: 700; font-size: 16px; line-height: 42px; color: #034460; border-radius: 8px; border: 1px solid #E8E9ED; width: 42px; height: 42px; text-align: center; padding: 0px; } .pagination li .page-prev { background: url(../imgs/template/icons/prev.svg) no-repeat center; min-height: 42px; padding: 5px 20px; border-radius: 8px !important; } .pagination li .page-next { background: url(../imgs/template/icons/next.svg) no-repeat center; min-height: 42px; padding: 5px 20px; border-radius: 8px !important; } .pagination li a:hover, .pagination li a.active { background-color: #FEC201; border-color: #FEC201; color: #034460; } .page-item:not(:first-child) .page-link { margin-left: 0px; } .rating img { width: 12px; } .box-count { text-align: left; margin: 0px 0px 20px 0px; } .box-count .deals-countdown { border-radius: 0px; display: flex; padding: 4px 0px; width: 100%; margin: auto; max-width: 100%; } .box-count .deals-countdown .countdown-section { display: inline-block; text-align: center; width: 25%; line-height: 12px; position: relative; } .box-count .deals-countdown .countdown-section span { display: block; color: #fff; } .box-count .deals-countdown .countdown-section .countdown-period { text-transform: capitalize; } .box-count .deals-countdown .countdown-section:last-child::before { display: none; } .box-count.box-count-square { margin-bottom: 5px; } .box-count.box-count-square .deals-countdown { background-color: #ffffff; width: 100%; margin: auto; text-align: left; display: flex; max-width: 100%; font-weight: 600; } .box-count.box-count-square .deals-countdown .countdown-section { display: inline-block; text-align: center; line-height: 12px; position: relative; margin: 0px 16px 0px 0px; width: auto; } .box-count.box-count-square .deals-countdown .countdown-section .countdown-period { color: #034460; font-size: 12px !important; line-height: 24px !important; font-weight: 600; text-transform: uppercase; } .box-count.box-count-square .deals-countdown .countdown-amount { background-color: #FEC201; border: 1px solid #E8E9ED; border-radius: 4px; color: #034460; padding: 10px 0px; width: 78px; height: 80px; display: inline-block; margin-bottom: 5px; font-size: 32px !important; line-height: 68px !important; } .box-comingsoon-left { padding-left: 30px; } .box-comingsoon-right { padding-left: 50px; padding-right: 30px; } .box-comingsoon-right img { width: 100%; } a:hover .color-brand-2 { color: #FEC201 !important; } iframe { width: 100% !important; } a, button, img, input, span, h4 { transition: all 0.3s ease 0s; } @keyframes slideleft { 10% { opacity: 0; transform: scale(0); right: 0; } 50% { opacity: 1; transform: scale(1); } 90% { opacity: 0; transform: scale(0); right: 100%; } } [data-loader=spinner] { width: 35px; height: 35px; display: inline-block; animation: spinner 1.2s infinite ease-in-out; background: url(../imgs/theme/favicon.svg); box-shadow: 0 0 10px #fff; } @keyframes spinner { 0% { transform: perspective(120px) rotateX(0) rotateY(0); } 50% { transform: perspective(120px) rotateX(-180deg) rotateY(0); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(151, 119, 250, 0.8); } 100% { box-shadow: 0 0 0 5px rgba(0, 0, 0, 0); } } @keyframes shadow-pulse-big { 0% { box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } } @keyframes jump { 0% { transform: translate3d(0, 20%, 0); } 100% { transform: translate3d(0, 0, 0); } } .jump { transform-origin: 0; animation: jump 0.5s linear alternate infinite; } .flip-square:before { animation: flip-square 1.5s infinite; background-color: #034460; content: ""; display: block; height: 30px; width: 30px; } @keyframes flip-square { 0% { transform: perspective(50px) rotate(45deg) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(50px) rotate(45deg) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(50px) rotate(45deg) rotateX(-180deg) rotateY(-180deg); } } .btn { border-radius: 4px; padding: 10px 22px 10px 22px; font-family: "epilogue", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: none; position: relative; } .btn.btn-brand-1 { padding: 9px 20px; color: #041C2F; background: #EE6833; border-radius: 0px; font-size: 14px; line-height: 14px; font-weight: 500; } .btn.btn-brand-1 svg { color: #041C2F; height: 20px; margin-right: 8px; } .btn.btn-brand-1:hover { background-color: #041C2F; color: #fff; } .btn.btn-brand-1:hover * { color: #fff; } .btn.btn-brand-1-big { padding: 18px 26px; color: #034460; background: #EE6833; border-radius: 0px; font-size: 14px; line-height: 14px; font-weight: 500; } .btn.btn-brand-1-big svg { color: #041C2F; height: 20px; margin-right: 8px; } .btn.btn-brand-1-big:hover { background-color: #034460; color: #fff; } .btn.btn-brand-1-big:hover * { color: #fff; } .btn.btn-brand-2 { font-size: 15px; line-height: 15px; font-weight: 500; color: #fff; padding: 17px 26px; background-color: #034460; border-radius: 0px; } .btn.btn-brand-2:hover { background-color: #FEC201; color: #fff; } .btn.btn-brand-2:hover * { color: #fff; } .btn.btn-calculator { padding: 18px 26px; color: #034460; background: #FEC201; border-radius: 0px; font-size: 15px; line-height: 15px; font-weight: 500; } .btn.btn-link { padding: 0px; font-size: 14px; line-height: 14px; color: #034460; } .btn.btn-link span { display: inline-block; padding: 0px; margin-left: 15px; width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: #034460; } .btn.btn-link span svg { height: 10px; color: #fff; transform: rotate(-45deg); transition-duration: 0.2s; } .btn.btn-link:hover { color: #FEC201 !important; } .btn.btn-link:hover span svg { color: #FEC201; } .btn.btn-link-medium { font-size: 15px; line-height: 15px; font-weight: 500; color: #041C2F; padding: 18px 26px 18px 0px; } .btn.btn-link-medium svg { color: #034460; transition-duration: 0.2s; } .btn.btn-link-medium:hover svg { transform: rotate(-45deg); } .btn.btn-link-semibold { font-size: 14px; line-height: 18px; font-weight: 600; color: #041C2F; padding: 5px 0px; } .btn.btn-link-semibold svg { color: #041C2F; transition-duration: 0.2s; } .btn.btn-link-semibold:hover svg { transform: rotate(45deg); } .btn.btn-get-quote { padding: 21px 40px; color: #041C2F; background: #FEC201; border-radius: 0px; font-size: 22px; line-height: 22px; font-weight: 500; } .btn.btn-get-quote svg { color: #041C2F; height: 26px; margin-right: 13px; } .btn.btn-get-quote:hover { background-color: #034460; color: #fff; } .btn.btn-get-quote:hover * { color: #fff; } .btn.btn-link-white { color: #fff; } .btn.btn-link-white svg { color: #fff; } .btn.btn-default { background-color: #E8E9ED; padding: 9px 20px; color: #034460; border-radius: 0px; font-weight: 500; } .btn.btn-default svg { transition-duration: 0.2s; } .btn.btn-default:hover { color: #041C2F !important; background-color: #FEC201; } .btn.btn-default:hover svg { transform: rotate(-45deg); transition-duration: 0.2s; color: #FEC201 !important; } .btn.btn-default.color-brand-1 { transition-duration: 0.2s; } .btn.btn-default.color-brand-1 svg { color: #FEC201; transition-duration: 0.2s; } .btn.btn-tag { padding: 7px 10px 7px 11px; background: #FEC201; border-radius: 0px; color: #034460; font-size: 12px; line-height: 12px; font-weight: 400; } .btn.btn-tag:hover { background-color: #034460; color: #fff; } .btn.btn-brand-2-full { padding: 8px 5px; color: #fff; background: #034460; border-radius: 0px; font-size: 16px; line-height: 28px; font-weight: 700; width: 100%; border: 2px solid #fff; } .btn.btn-brand-2-full svg { color: #fff; transition-duration: 0.2s; } .btn.btn-brand-2-full:hover { background-color: #FEC201; } .btn.btn-brand-2-full:hover svg { transform: rotate(-45deg); transition-duration: 0.2s; } .btn.btn-play { color: #fff; font-size: 15px; line-height: 15px; vertical-align: middle; padding: 0px; } .btn.btn-border-brand-1 { background: #FEC201; color: #034460; border-radius: 4px; padding: 8px 10px 8px 11px; font-size: 12px; line-height: 12px; position: absolute; top: 20px; right: 10px; } .btn.btn-border { background-color: #ffffff; border-radius: 4px; border: 1px solid #FEC201; padding: 12px 16px; font-weight: 700; font-size: 12px; line-height: 12px; } .btn.btn-signin { border-radius: 4px; border: 1px solid #E8E9ED; padding: 13px 25px; color: #041C2F; padding: 13px 25px 13px 30%; font-size: 16px; line-height: 28px; font-weight: 600; width: 100%; text-align: left; } .btn.btn-signin img { display: inline-block; vertical-align: middle; margin-right: 10px; } .btn.btn-signin:hover { border-color: #034460; } .btn.btn-tags { background-color: #F2F3F4; border-radius: 150px; padding: 12px 32px; font-size: 14px; line-height: 18px; font-weight: 700; color: #034460; } .btn.btn-tags:hover { background-color: #FFE799; } .btn-homepage { padding: 0px !important; margin: 0px 0px 15px 0px; } .btn-homepage span { display: inline-block; height: 30px; width: 30px; text-align: center; line-height: 25px; background-color: #AFEAE4; border-radius: 50%; margin-right: 10px; } .btn-homepage span svg { color: #FEC201; } .btn-homepage:hover * { color: #041C2F; } .dropdown-language { display: inline-block; } .dropdown-language .dropdown-toggle::after { display: none; } .dropdown-language .btn { padding: 0px; } .btn-tooltip { position: relative; } .btn-tooltip:after { bottom: 0; right: 34px; position: absolute; white-space: nowrap; border-radius: 5px; font-size: 11px; padding: 7px 10px; color: #AFEAE4; background-color: #818692; content: attr(aria-label); line-height: 1.3; box-shadow: 0; transition: 0; opacity: 0; visibility: hidden; transform: 0; transition-duration: 0.2s; } .btn-tooltip:before { content: ""; position: absolute; left: -8px; bottom: 0; transition-delay: 0.1s; border: 7px solid transparent; border-left-color: transparent; border-left-color: #818692; z-index: 9; margin-bottom: 0; transition: 0; opacity: 0; visibility: hidden; transition-duration: 0.2s; } .btn-tooltip:hover:after { opacity: 1; visibility: visible; transform: 0; transition-duration: 0.2s; } .btn-tooltip:hover:before { opacity: 1; visibility: visible; transform: translateY(-8px); transition-duration: 0.2s; } .cb-container { display: block; position: relative; padding-left: 34px; margin-bottom: 12px; cursor: pointer; line-height: 25px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .cb-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 1px; left: 0; height: 24px; width: 24px; background-color: #ffffff; border: 2px solid #8EA4AC; border-radius: 4px; } .cb-container input:checked ~ .checkmark { border: 2px solid #8EA4AC; } .cb-container .text-small { color: #818692; font-weight: 500; } .cb-container input:checked ~ .text-small { color: #818692; } .checkmark:after { content: ""; position: absolute; display: none; } .cb-container input:checked ~ .checkmark:after { display: block; } .cb-container input:checked ~ .text-lbl { color: #ccc; } .cb-container .checkmark:after { left: -2px; top: -2px; width: 24px; height: 24px; background: #16BA8F url(../imgs/page/register/check.svg) no-repeat center; border-radius: 4px; } /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; touch-action: none; -moz-user-select: none; user-select: none; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; } .noUi-state-tap .noUi-origin { transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base, .noUi-handle { transform: translate3d(0, 0, 0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 4px; } .noUi-horizontal .noUi-handle { width: 15px; height: 15px; border-radius: 50%; left: -6px; top: -6px; background-color: #345DBB; } /* Styling; */ .noUi-background { background: #D6D7D9; } .noUi-connect { background: #345DBB; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 2px; } /* Handles and cursors; */ .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { cursor: default; box-sizing: content-box !important; } .noUi-handle:active { border: 8px solid #345DBB; border: 8px solid rgba(53, 93, 187, 0.38); -webkit-background-clip: padding-box; background-clip: padding-box; left: -14px; top: -14px; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #034460; } [disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; } .ui-slider-handle { display: none; } .ui-widget.ui-widget-content { border: 0px solid #EBEBEB; } .noUi-target { border-radius: 12px; } .noUi-horizontal { height: 6px; } .noUi-background { background: #ccc; } .noUi-origin { border-radius: 12px; } .noUi-connect { background: #069; transition: background 450ms; height: 6px; margin-top: 0px; } .noUi-horizontal .noUi-handle { background-color: #069; border: 1px solid #069; box-shadow: 9px 11px 23px 0px rgba(6, 61, 79, 0.12); left: -6px; top: -6px; } .noUi-handle:active { border-width: 1px; left: -6px; top: -6px; } .card-blog-grid { margin-bottom: 30px; background-color: #FAFBFC; border: 1px solid #E8E9ED; } .card-blog-grid:hover { background-color: #ffffff; box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); } .card-blog-grid .card-image { position: relative; } .card-blog-grid .card-image img { border-radius: 0px; width: 100%; display: block; } .card-blog-grid .btn.btn-link span { margin-left: 8px; } .card-blog-grid .card-info { padding: 30px; } .card-blog-grid .card-info a { text-decoration: none; } .card-blog-grid .card-info a:hover, .card-blog-grid .card-info a:hover * { color: #FEC201 !important; } .card-blog-grid .card-info .date-post { color: #6A838C; display: inline-block; margin-right: 30px; } .card-blog-grid .card-info .date-post svg { color: #6A838C; margin-right: 5px; float: left; } .card-blog-grid .card-info .time-read { color: #6A838C; display: inline-block; } .card-blog-grid .card-info .time-read svg { color: #6A838C; margin-right: 5px; float: left; } .card-blog-grid .card-info .box-author { width: 50%; } .card-blog-grid .card-info .box-button-more { width: 50%; } .card-blog-grid.card-blog-grid-2 { display: flex; background-color: #ffffff; } .card-blog-grid.card-blog-grid-2 .card-image { position: relative; max-width: 276px; min-width: 276px; } .card-blog-grid.card-blog-grid-2 .card-info { position: relative; } .card-blog-grid.card-blog-grid-3 .card-image img { border-radius: 8px; } .card-testimonial-list { border-radius: 8px; display: inline-block; width: 100%; padding: 23px 21px; border: 1px solid #CDE2E7; box-shadow: 0px 5px 30px rgba(19, 27, 34, 0.12); margin-bottom: 25px; max-width: 572px; width: 100%; position: relative; background-color: #ffffff; z-index: 2; } .card-testimonial-list a { text-decoration: none; } .card-testimonial-list .rating { width: 40%; min-width: 75px; max-width: 75px; } .card-testimonial-list .box-author { width: 100%; } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .loader { border-radius: 50%; width: 2em; height: 2em; animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; color: #069; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } .loader:before { border-radius: 50%; width: 2em; height: 2em; animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; content: ""; position: absolute; top: 0; left: -3.5em; animation-delay: -0.32s; } .loader:after { border-radius: 50%; width: 2em; height: 2em; animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; content: ""; position: absolute; top: 0; left: 3.5em; } .swiper-pagination { text-align: center; bottom: 0px !important; } .swiper-pagination .swiper-pagination-customs { background: #ffffff; border-radius: 50%; } .swiper-pagination .swiper-pagination-customs:hover { background: #fff; } .swiper-pagination .swiper-pagination-customs-active { background: #069; } .swiper-pagination.swiper-pagination-2 { top: auto; height: auto; z-index: 123; line-height: 30px; text-align: center; } /*page loading*/ .preloader { background-color: #fff; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999999; transition: 0.6s; margin: 0 auto; } .preloader img { max-width: 250px; } .page-loading-inner { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-origin: 0 0; } .page-loading-inner div { position: absolute; width: 20px; height: 20px; border-radius: 50%; top: 50%; left: 50%; box-sizing: content-box; margin: -10px -20px; } .page-loading-inner div:nth-child(1) { background: #024430; animation: page-loading-inner 1s linear infinite; animation-delay: -0.5s; } .page-loading-inner div:nth-child(2) { background: #ffe7bb; animation: page-loading-inner 1s linear infinite; animation-delay: 0s; } .page-loading-inner div:nth-child(3) { background: #024430; animation: page-loading-inner-o 1s linear infinite; animation-delay: -0.5s; } .page-loading { width: 100px; height: 100px; display: inline-block; overflow: hidden; } @keyframes page-loading-inner-o { 0% { opacity: 1; transform: translate(0 0); } 49.99% { opacity: 1; transform: translate(30px, 0); } 50% { opacity: 0; transform: translate(30px, 0); } 100% { opacity: 0; transform: translate(0, 0); } } @keyframes page-loading-inner { 0% { transform: translate(0, 0); } 50% { transform: translate(30px, 0); } 100% { transform: translate(0, 0); } } @keyframes rotate { 0%, 49.999%, 100% { transform: none; } 50%, 99.999% { transform: rotate(90deg); } } @keyframes shift-left { 0%, 100% { transform: translateX(0%); } 50% { transform: scale(0.65) translateX(-75%); } } @keyframes shift-right { 0%, 100% { transform: translateX(0%); } 50% { transform: scale(0.65) translateX(75%); } } .preloader-dots { --uib-size: 30px; --uib-speed: .9s; --uib-color: #425A8B; position: relative; height: calc(var(--uib-size) / 2); width: var(--uib-size); filter: url("#uib-jelly-ooze"); animation: rotate calc(var(--uib-speed) * 2) linear infinite; } .preloader-dots::before { content: ""; position: absolute; top: 0%; left: 25%; width: 50%; height: 100%; background: var(--uib-color); border-radius: 100%; animation: shift-left var(--uib-speed) ease infinite; } .preloader-dots::after { content: ""; position: absolute; top: 0%; left: 25%; width: 50%; height: 100%; background: var(--uib-color); border-radius: 100%; animation: shift-right var(--uib-speed) ease infinite; } /*select 2 style*/ .select2-container--default .select2-selection--single .select2-selection__rendered { color: #069; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #069 transparent transparent transparent; border-width: 5px 5px 0 5px; } .select2-search--dropdown { padding: 0px; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #ccc; margin-bottom: 15px; border-radius: 4px; padding: 8px; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; scrollbar-width: thin; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #ccc; color: #069; } .modal-header .btn-close { margin: -0.5rem 0rem -0.5rem auto; } iframe { width: 100% !important; } .icon-16 { height: 16px; color: #041C2F; } .banner-2 { background: url(../imgs/page/homepage2/bg-banner.png) no-repeat right center; } .banner-3 { background-color: #EBF5F8; } .banner-3 .banner-1 { padding-bottom: 0px; } .banner-3 .img-banner-1 { width: 53%; } .banner-3 .img-banner-2 { width: 47%; } .banner-3 .image-chart { position: absolute; bottom: 30px; right: -60px; z-index: 3; } .banner-3 .box-image-main { position: relative; height: 100%; width: 100%; } .banner-3 .box-image-main::before { content: ""; height: 100%; width: 100%; background: url(../imgs/page/homepage3/bg-banner.png) no-repeat center; background-size: contain; position: absolute; top: 0px; left: 0px; z-index: 1; } .banner-3 .box-image-main img { position: relative; z-index: 2; left: -70px; } @keyframes hero-thumb-animation { 0% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } @keyframes hero-thumb-animation-2 { 0% { transform: translateY(0px); } 100% { transform: translateY(-20px); } } @keyframes hero-thumb-sm-animation { 0% { transform: translateY(-20px) translateX(50px); } 100% { transform: translateY(-20px) translateX(0px); } } @keyframes hero-thumb-sm-2-animation { 0% { transform: translateY(-50px); } 100% { transform: translateY(0px); } } .shape-1 { animation: hero-thumb-animation 2s linear infinite alternate; } .shape-1-2 { animation: hero-thumb-animation-2 2s linear infinite alternate; } .shape-2 { animation: hero-thumb-sm-animation 4s linear infinite alternate; } .shape-3 { animation: hero-thumb-sm-2-animation 4s linear infinite alternate; } .box-container-sw { max-width: 700px; margin: auto; position: relative; min-height: 22px; line-height: 18px; padding: 10px 0px; } .header { padding: 0; width: 100%; position: relative; border-bottom: 1px solid #F2F3F4; } .header .main-header { display: flex; align-items: center; justify-content: space-between; position: relative; min-height: 84px; } .header .main-header .header-left { display: flex; align-items: center; width: 100%; } .header .main-header .header-left .header-logo { max-width: 150px; width: 100%; min-width: 130px; } .header .main-header .header-left .header-logo a { display: block; } .header .main-header .header-left .header-logo a img { min-height: 37px; } .header .main-header .header-left .header-nav { display: inline-block; width: 100%; text-align: left; padding-left: 50px; } .header .main-header .header-left.no-header-right .header-nav { width: 70%; } .header .main-header .header-left .header-right { width: 40%; text-align: right; min-width: 337px; } .header-right ul { padding: 0; margin: 0; } .header-right ul li { list-style: none; } .header .main-header .header-left .header-right .icon-list { display: inline-block; padding: 0px 10px 0px 10px; position: relative; font-size: 16px; color: #AFEAE4; line-height: 24px; cursor: pointer; } .header .main-header .header-left .header-right .icon-list:hover { color: #FEC201; } .header .main-header .header-left .header-right .icon-list .arrow-down { display: inline-block; vertical-align: middle; } .header .main-header .header-left .header-right .icon-list .arrow-down svg { height: 18px; margin-right: 5px; margin-top: -3px; } .header .main-header .header-left .header-right .icon-list .arrow-down:hover { color: #FEC201; } .header .nav-main-menu { width: auto; padding: 0px; float: none; } .header .burger-icon { display: none; } .header .main-menu { margin: 0; padding: 3px 0 0 0; } .header .main-menu li { float: left; position: static !important; text-align: left; padding-right: 15px; list-style: none; } .header .main-menu > li.has-submenu > a > svg { margin-left: 10px; } .header .main-menu li.hr { padding: 0px 22px; } .header .main-menu li.hr span { background-color: #F2F3F4; height: 1px; width: 100%; display: block; margin: 5px 0; } .header .main-menu li a { font-family: "epilogue", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; color: #041C2F; line-height: 28px; display: block; padding: 28px 18px 28px 15px; text-decoration: none; position: relative; } .header .main-menu li a:hover { color: #034460; } .header .main-menu li a:hover i { opacity: 1; transition: 0.2s; } .header .main-menu li a i { font-size: 12px; margin-right: 8px; opacity: 0.38; transition: 0.2s; } .header .main-menu li div.sub-menu { opacity: 0; visibility: hidden; transition-duration: 0.2s; position: absolute; top: 100%; left: 15px; right: 15px; z-index: 999999; min-width: 220px; border-radius: 0px; padding: 25px 30px 10px 30px; background-color: #fff; border-top: 8px solid #FEC201; box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); display: none; } .header .main-menu li div.sub-menu.five-col { display: none; padding: 30px 19px; margin: 0px -15px; } .header .main-menu li div.sub-menu.five-col .menu-col { width: 20%; padding: 0px 15px; } .header .main-menu li div.sub-menu.five-col .menu-col .megamenu { position: relative; opacity: 1; visibility: visible; display: inline-block; top: auto; left: auto; background: transparent; border: 0px; box-shadow: none; } .header .main-menu li div.sub-menu.five-col .menu-col .megamenu li a { color: #041C2F; font-size: 12px; line-height: 18px; padding: 5px 0px; } .header .main-menu li div.sub-menu.five-col .menu-col .megamenu li a:hover { color: #FEC201; } .header .main-menu li div.sub-menu .menu-inner { display: flex; flex-wrap: wrap; position: relative; top: auto; left: auto; opacity: 1; visibility: visible; border: 0px; background-color: transparent; box-shadow: none; } .header .main-menu li div.sub-menu .menu-inner li { width: 50%; padding-right: 0px; } .header .main-menu li div.sub-menu .menu-inner li a { padding-left: 0px; padding-right: 0px; color: #FEC201; } .header .main-menu li div.sub-menu .menu-inner li a svg { color: #8EA4AC; margin-right: 5px; } .header .main-menu li div.sub-menu .menu-inner li a:hover { color: #041C2F; } .header .main-menu li div.sub-menu .menu-inner li a:hover * { color: #041C2F; } .header .main-menu li ul { opacity: 0; visibility: hidden; transition-duration: 0.2s; position: absolute; top: 100%; left: auto; z-index: 999999; min-width: 220px; max-width: 280px; border-radius: 0px; padding: 8px 0px 8px 0; background-color: #fff; border-top: 8px solid #FEC201; box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); } .header .main-menu li ul li { width: 100%; } .header .main-menu li ul li a { font-size: 14px; color: #041C2F; position: relative; padding: 6px 22px 6px 22px; transition: 0.2s; } .header .main-menu li ul li a:hover { padding-left: 25px; transition: 0.2s; color: #FEC201; } .header .main-menu li ul li a.closer { padding: 8px 22px 8px 22px; } .header .main-menu li ul li ul { top: 0px; left: 100%; } .header .main-menu li:hover > ul, .header .main-menu li:hover > ul.sub-menu { opacity: 1; visibility: visible; display: block; } .header .mobile-menu .main-menu li > ul, .header .mobile-menu .main-menu li > ul > li > ul { display: none; background: none; padding: 0; margin: 0; } .header .main-menu li:hover > ul li, .header .main-menu li:hover > ul.sub-menu li { width: 100%; } .header .main-menu li:hover > div.sub-menu { display: flex; opacity: 1; visibility: visible; } .header .main-menu li:hover > div.sub-menu li { width: 100%; } .header.header2 .header-left .header-right { display: flex; align-items: center; place-content: end; width: 65%; } .box-notify svg { height: 14px; color: #034460; } .sticky-bar.stick { animation: 700ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05); position: fixed; top: 0; width: 100%; z-index: 1000; left: 0; transition: all 0.3s ease 0s; border-bottom: 1px solid #F2F3F4; background: #fff; } .logged-in.admin-bar .sticky-bar.stick { top: 32px; } .sticky-bar.stick.sticky-white-bg { background-color: #fff; } .sticky-bar.stick.sticky-blue-bg { background-color: #3286e0; } .user-account { display: flex; align-items: center; } .user-account img { max-width: 50px; border-radius: 50%; margin-right: 10px; } .user-account .user-name { margin-bottom: 0; font-weight: 600; font-size: 14px; } .perfect-scroll { height: calc(100vh - 55px); width: 100%; position: relative; max-width: 370px; padding: 0px 30px 0px 30px; display: flex; flex-wrap: wrap; place-content: space-between; } .body-overlay-1 { background: transparent; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; cursor: crosshair; z-index: 1002; } .dropdown-menu { border: 1px solid #818692; border-radius: 4px; } .dropdown-item { font-size: 14px; color: #AFEAE4; } .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { color: #AFEAE4; text-decoration: none; background-color: #818692; } .dropdown-language .dropdown-item img { margin-right: 5px; } .box-dropdown-cart { position: relative; } .box-dropdown-cart .dropdown-account { padding: 25px 25px; width: 150px; } .box-dropdown-cart .dropdown-account ul li { margin-bottom: 15px; } .box-dropdown-cart .dropdown-account ul li a { color: #041C2F; text-decoration: none; } .box-dropdown-cart .dropdown-account ul li a img { float: left; margin: 4px 10px 0px 0px; } .dropdown-cart { display: none; visibility: hidden; position: absolute; right: -70px; top: calc(100% + 22px); z-index: 99; width: 320px; background-color: #fff; padding: 22px; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); border-radius: 0 0 4px 4px; border: 1px solid #818692; } .dropdown-cart.dropdown-open { display: block; visibility: visible; } .dropdown-account { width: 200px; right: 0; display: none; visibility: hidden; position: absolute; top: calc(100% + 30px); border-radius: 8px; z-index: 99; width: 220px; background-color: #fff; padding: 22px; box-shadow: 0px 5px 30px rgba(19, 27, 34, 0.12); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); border: 1px solid #CDE2E7; } .dropdown-account.dropdown-open { display: block; visibility: visible; } .dropdown-account ul li { display: flex; flex-wrap: wrap; margin: 0 0 20px; } .dropdown-account ul li:last-child { margin: 0; } .dropdown-account ul li a { color: #AFEAE4; } .dropdown-account ul li a:hover { color: #FEC201; } .item-cart { display: flex; text-align: left; } .item-cart .cart-image { min-width: 80px; max-width: 80px; margin-right: 15px; } .item-cart .cart-image img { width: 100%; } .item-cart .color-brand-3:hover { color: #FEC201 !important; } .search-post svg { height: 16px; color: #041C2F; } .swiper-button-prev-notify, .swiper-button-next-notify { background: none; height: 14px; } .swiper-button-prev-notify:hover, .swiper-button-next-notify:hover { background: none; } .swiper-button-next-notify { left: auto; right: 0px; top: 12px; } .swiper-button-prev-notify { left: auto; right: 22px; top: 12px; } .btn-close { position: absolute; top: 5px; background: none; right: 0px; padding: 7px 22px 5px 22px; line-height: 14px; opacity: 1; } .btn-close svg { height: 16px; } .swiper-notify.swiper-container { padding-bottom: 0px; } .box-search-top { position: relative; } .box-search-top .form-search-top { position: absolute; top: 54px; width: 220px; right: -20px; background-color: #ffffff; padding: 10px 15px; border-radius: 4px; border: 1px solid #FAFBFC; z-index: 123; display: none; overflow: hidden; box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); } .box-search-top .form-search-top .input-search { border: 0px solid #FAFBFC; border-radius: 4px; padding: 5px 10px; width: 100%; } .box-search-top .form-search-top .btn-search { position: absolute; top: 0px; right: 10px; z-index: 12; padding: 10px; height: 46px; } .box-search-top .form-search-top .btn-search svg { height: 16px; color: #4E6770; } .box-bar { padding: 13px 0px; color: #fff; } .box-bar .icon-socials { display: inline-block; height: 14px; width: 14px; vertical-align: middle; } .box-bar .icon-socials:last-child { margin-right: 0px; } .box-bar .icon-socials svg, .box-bar .icon-socials i { color: #fff; display: inline-block; vertical-align: top; } .phone-icon { display: inline-block; padding: 0px 0px 0px 0px; color: #fff; } .phone-icon svg { color: #FEC201; height: 16px; margin-right: 10px; } .email-icon { display: inline-block; padding: 0px 0px 0px 0px; color: #fff; } .email-icon svg { color: #FEC201; height: 16px; margin-right: 10px; } .header-style-2 .main-header .header-left .header-nav { padding-left: 0px; } .header-style-2 .main-menu > li:first-child a { padding-left: 0px; } .header-style-2 .main-menu > li:first-child ul li a { padding-left: 22px; } .header-style-2 .header-middle { padding: 35px 0px; border-bottom: 1px solid #E8E9ED; display: flex; align-items: center; justify-content: space-between; } .header-style-2 .header-contact { display: flex; align-items: center; } .header-style-2 .box-header-contact-1, .header-style-2 .box-header-contact-2 { display: flex; align-items: center; max-width: 200px; } .header-style-2 .box-header-contact-1 .icon-contact, .header-style-2 .box-header-contact-2 .icon-contact { min-width: 36px; max-width: 36px; margin-right: 10px; } .header-style-2 .box-header-contact-1 .icon-contact img, .header-style-2 .box-header-contact-2 .icon-contact img { display: block; } .header-style-2 .box-header-contact-1 .info-contact, .header-style-2 .box-header-contact-2 .info-contact { font-size: 14px; line-height: 16px; color: #041C2F; } .stick .header-middle { display: none; } .mobile-header-wrapper-style { position: fixed; top: 0; max-width: 370px; width: 100%; min-height: 100vh; bottom: 0; right: 0; visibility: hidden; opacity: 0; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); background-color: #ffffff; box-shadow: 0px 5px 30px rgba(19, 27, 34, 0.12); z-index: 1003; } .mobile-header-wrapper-style.sidebar-visible { visibility: visible; opacity: 1; transform: translate(0, 0); } .mobile-header-wrapper-style .mobile-header-wrapper-inner { padding: 0px 0px 0px 0px; height: 100%; overflow-y: auto; overflow-x: hidden; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-logo { position: relative; border-bottom: 1px solid #CDE2E7; padding: 9px 26px 9px 26px; background-color: #E0F0F6; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-logo img { width: 60px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; background-color: #ffffff; align-items: center; align-self: center; border-bottom: 0; margin-bottom: 15px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a { display: block; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img { width: 100px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area { padding: 0px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu { max-width: 370px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li { display: block; position: relative; padding: 13px 0; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:last-child { border-bottom: none; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand { right: 0; position: absolute; cursor: pointer; z-index: 9; text-align: center; font-size: 12px; display: block; width: 30px; height: 30px; line-height: 38px; top: 5px; color: #041C2F; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand svg { color: #818692; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand i { font-size: 18px; font-weight: 300; opacity: 0.5; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active > .menu-expand { background: rgba(255, 255, 255, 0.2); } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active > .menu-expand i::before { content: "\f113"; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a { font-size: 16px; line-height: 28px; font-family: "epilogue", sans-serif; text-transform: capitalize; font-weight: 400; position: relative; display: inline-block; color: #041C2F; transition-duration: 0.2s; text-decoration: none; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a i { margin-right: 5px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a:hover { color: #FEC201; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul { padding: 10px 0 0 10px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li { padding: 10px 0; border-bottom: none; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children .menu-expand { top: 0px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li:hover a { padding-left: 13px; transition-duration: 0.2s; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a { font-size: 14px; display: block; font-weight: 500; color: #041C2F; padding-left: 10px; position: relative; transition-duration: 0.2s; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li ul { margin-top: 0; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children.active { padding-bottom: 0; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr { padding: 0 0 0 10px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr span { background-color: #F2F3F4; height: 1px; width: 100%; display: block; margin: 5px 0; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:hover > a { color: #FEC201; padding-left: 3px; transition-duration: 0.2s; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .categories-dropdown-wrap ul li a { padding: 5px 15px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap { padding: 20px; border-radius: 5px; border: 1px solid #041C2F; margin: 17px 0 30px 0; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info { position: relative; margin-bottom: 13px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:last-child { margin-bottom: 0; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a { font-size: 14px; display: block; font-weight: 500; color: #041C2F; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover { color: #041C2F; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a i { font-size: 14px; color: #041C2F; margin-right: 8px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown { margin-top: 5px; display: none; background-color: transparent; box-shadow: none; padding: 10px 0 0 0; width: 100%; z-index: 11; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li { padding-bottom: 10px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li:last-child { padding-bottom: 0px; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a { font-size: 16px; color: rgba(255, 255, 255, 0.7); font-weight: 400; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a:hover { color: #041C2F; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:hover > a { color: #041C2F; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border { border-bottom: 1px solid rgba(255, 255, 255, 0.15); width: 100%; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .site-copyright { font-size: 12px; color: #041C2F; padding-bottom: 20px; } .burger-icon { position: absolute; width: 24px; height: 20px; cursor: pointer; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); top: 8px; right: 0px; z-index: 1004; } .burger-icon.burger-close { width: 15px; } .burger-icon > span { display: block; position: absolute; left: 0; width: 100%; height: 2px; } .burger-icon > span.burger-icon-top { top: 2px; } .burger-icon > span.burger-icon-bottom { bottom: 2px; } .burger-icon > span.burger-icon-mid { top: 9px; } .burger-icon.burger-close { position: fixed; top: 16px; right: 30px; } .burger-icon.burger-close > span.burger-icon-top { display: none; opacity: 0; } .burger-icon.burger-close > span.burger-icon-mid { top: 8px; transform: rotate(45deg); } .burger-icon.burger-close > span.burger-icon-bottom { bottom: 10px; transform: rotate(-45deg); } .burger-icon > span::before, .burger-icon > span::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: #333; } .burger-icon.burger-icon-white > span::before, .burger-icon.burger-icon-white > span::after { background-color: #818692; } .burger-icon.burger-close.burger-icon-white > span::before, .burger-icon.burger-close.burger-icon-white > span::after { background-color: #034460; } .mobile-search form { background-color: #FFE799; border-radius: 8px; height: 44px; padding: 0px 15px 0px 44px; position: relative; } .mobile-search form input { border: 0; background-color: transparent; width: 100%; padding: 12px 10px; } .mobile-search form i { position: absolute; left: 18px; top: 14px; font-size: 18px; color: #122830; } .mobile-social-icon h6 { font-weight: 600; font-size: 20px; margin-bottom: 30px; } .mobile-social-icon a { text-align: center; font-size: 14px; margin-right: 5px; transition-duration: 0.5s; height: 30px; width: 30px; display: inline-flex; background: #efeaff; border-radius: 30px; line-height: 1; align-content: center; justify-content: center; } .mobile-social-icon a img { max-width: 18px; } .mobile-social-icon a img:hover { opacity: 0.8; } .mobile-social-icon a:hover { transform: translateY(-2px); transition-duration: 0.5s; margin-top: -2px; } .mobile-social-icon a:last-child { margin-right: 0; } .mobile-account { margin: 20px 0 25px 0; padding: 30px 0 20px 0; border-top: thin solid #F2F3F4; border-bottom: thin solid #F2F3F4; } .mobile-account ul.mobile-menu { columns: 2; -webkit-columns: 2; -moz-columns: 2; } .mobile-account h6 { font-weight: 600; font-size: 18px; } .mobile-account ul li { padding: 8px 0; } .mobile-account ul li a { font-size: 14px; line-height: 1; text-transform: capitalize; font-weight: 400; position: relative; display: inline-block; color: #041C2F; transition-duration: 0.2s; text-decoration: none; } .mobile-account ul li:hover a { padding-left: 3px; transition-duration: 0.2s; color: #041C2F; } .box-download-app { padding-top: 30px; padding-bottom: 0px; border-bottom: 1px solid #E8E9ED; border-top: 1px solid #E8E9ED; margin-bottom: 20px; margin-top: 20px; } .nav-tabs-mobile { display: flex; width: 100%; flex-wrap: nowrap; } .nav-tabs-mobile li { padding: 0px; position: relative; } .nav-tabs-mobile li a { padding: 10px; display: flex; font-size: 14px; line-height: 18px; font-weight: bold; color: #FEC201; } .nav-tabs-mobile li a svg { height: 14px; vertical-align: middle; float: left; margin: 2px 5px 0px 0px !important; color: #FEC201; } .nav-tabs-mobile li a:hover, .nav-tabs-mobile li a:hover *, .nav-tabs-mobile li a.active { color: #16BA8F; } .nav-tabs-mobile li a:hover::before, .nav-tabs-mobile li a:hover *::before, .nav-tabs-mobile li a.active::before { content: ""; height: 2px; width: 100%; position: absolute; bottom: -1px; left: 0px; background-color: #16BA8F; } .nav-tabs-mobile li a.active * { color: #16BA8F; } .notifications-item { padding: 20px 0px 0px 0px; } .notifications-item .item-notify { margin-bottom: 30px; display: flex; } .notifications-item .item-notify .item-image { min-width: 32px; max-width: 32px; width: 100%; margin-right: 15px; } .notifications-item .item-notify .item-info { width: 100%; } .notifications-item .item-notify .item-time { width: 63px; max-width: 63px; margin-left: 20px; min-width: 63px; } .footer .width-20 { width: 20%; } .footer .width-25 { width: 25%; } .footer .width-22 { width: 22%; } .footer .width-23 { width: 23%; } .footer .width-16 { width: 19%; } .footer .menu-footer { display: inline-block; } .footer .menu-footer li { list-style: none; margin-bottom: 8px; } .footer .menu-footer li a { color: #fff; font-size: 16px; font-weight: 400; line-height: 28px; text-decoration: none; display: block; padding: 0px 0px 0px 0px; transition-duration: 0.2s; } .footer .menu-footer li a:hover { color: #FEC201; transition-duration: 0.2s; padding-left: 2px; } .footer .footer-bottom { padding: 30px 0px; color: #F2F3F4; font-size: 14px; } .footer .footer-bottom a { text-decoration: none; } .galleries-footer { position: relative; } .list-imgs { display: flex; flex-wrap: wrap; margin: 0px -5px; } .list-imgs li { width: 33.33%; padding: 5px; } .bg-map { position: relative; } .bg-map::before { content: ""; height: 50%; bottom: 0px; width: 100%; background-color: #034460; z-index: 1; position: absolute; } .bg-map .container { position: relative; z-index: 2; } #scrollUp { width: 56px; height: 56px; color: #fff; right: 20px; /* bottom: 20px;*/ border-radius: 0px; text-align: center; text-decoration: none; overflow: hidden; z-index: 999 !important; border: 0; transition-duration: 0.2s; background-color: #EE6833; line-height: 56px; } #scrollUp svg { height: 28px; } #scrollUp i { display: block; line-height: 56px !important; font-size: 20px; color: #fff; } #scrollUp:hover { transform: translateY(-3px); transition-duration: 0.2s; background-color: #FEC201; } .menu-bottom { margin: 0; padding: 0; } .menu-bottom li { display: inline-block; } .menu-bottom li a { display: block; padding: 0px 15px; color: #6A838C; } .menu-bottom li a:hover, .menu-bottom li a:focus { color: #16BA8F; } .menu-bottom li:first-child a { padding-left: 0px; } .footer-1 { background-color:#F5F5F5; margin: 0px 0px 0px 0px; padding: 90px 0px 25px 0px; } .footer-1 p { color: #818692; } .footer-2 { background-color: #EE6833; color: #818692; } .footer-3 { border-top: 1px solid #6A838C; padding-top: 30px; } .list-info-footer { width: 100%; padding-left: 28px; } .list-info-footer li { display: flex; align-items: center; margin-bottom: 34px; margin-top: 10px; } .list-info-footer li .cardImage { min-width: 57px; margin-right: 10px; } .list-info-footer li .cardImage .icon-brand-1 { width: 57px; height: 57px; background-color: #FEC201; border-radius: 50%; line-height: 57px; text-align: center; display: inline-block; } .list-info-footer li .cardImage .icon-brand-1 img { display: inline-block; vertical-align: middle; } .box-newsletter { position: relative; border-radius: 0px; background-color: #FFE799; padding: 66px; display: inline-block; width: 100%; } .box-newsletter::before { content: ""; position: absolute; top: 27px; right: 37px; height: 57px; width: 167px; background: url(../imgs/page/homepage2/bg-newsletter-1.png) no-repeat center; background-size: cover; } .box-newsletter::after { content: ""; position: absolute; bottom: 27px; right: 37px; height: 45px; width: 45px; background: url(../imgs/page/homepage2/bg-newsletter-2.png) no-repeat center; background-size: cover; } .box-newsletter .img-main { border-radius: 565px; max-width: 100%; width: 100%; } .box-newsletter .image-1 { position: absolute; left: 0px; bottom: -45px; } .box-newsletter .box-image-newsletter { position: relative; } .box-newsletter .form-newsletter form { display: flex; } .box-newsletter .form-newsletter form input[type=text], .box-newsletter .form-newsletter form textarea { width: 100%; border: 0px; outline: 0; box-shadow: none; color: #041C2F; } .box-newsletter .box-map-2 { max-width: 303px; width: 100%; height: 278px; margin-left: 20px; border: 5px solid #fff; } .box-newsletter .box-map-2 iframe { height: 100%; } .box-newsletter.box-newsletter-2 { background-color: #ffffff; border: 1px solid #AFEAE4; padding-bottom: 50px; background-image: url(../imgs/page/homepage3/tree.png); background-repeat: no-repeat; background-size: auto 80%; background-position: bottom right; } .box-newsletter.box-newsletter-2 .form-newsletter { border: 1px solid #CDE2E7; border-radius: 8px; } .box-newsletter.box-newsletter-2 > .row { position: relative; z-index: 2; } .box-newsletter.box-newsletter-2::before { content: ""; position: absolute; top: 0px; right: 140px; height: 70px; width: 165px; background: url(../imgs/page/homepage3/ellipse1.png) no-repeat top right; background-size: contain; z-index: 1; } .box-newsletter.box-newsletter-2::after { content: ""; position: absolute; bottom: 0px; z-index: 1; left: 60px; height: 50px; width: 346px; background: url(../imgs/page/homepage3/ellipse2.png) no-repeat top right; background-size: contain; } .box-footer-2 { background-color: #CDE2E7; border-radius: 8px; padding: 40px 30px 30px 30px; } .footer-home2 { padding: 0px; } .footer-home2 .footer-1 { padding-bottom: 0px; } footer a { text-decoration: none; } .wp-block-social-links .wp-social-link a { display: inline-block; margin-right: 15px; height: 14px; width: 14px; transition-duration: 0.2s; vertical-align: middle; background-size: contain !important; padding: 0; } .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { line-height: 1; margin: 0 0 4px 0!important; padding: 0; } .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link:before { content: ""; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background: none!important; } .icon-socials { display: inline-block; margin-right: 24px; height: 14px; width: 14px; transition-duration: 0.2s; vertical-align: middle; background-size: contain !important; } .icon-socials:hover, .wp-block-social-links .wp-social-link a:hover { transform: translateY(-3px); transition-duration: 0.2s; padding: 0; } .icon-socials.icon-facebook { background: url(../imgs/template/icons/fb.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-facebook:hover { background: url(../imgs/template/icons/fb.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-twitter { background: url(../imgs/template/icons/tw.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-twitter:hover { background: url(../imgs/template/icons/tw.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-instagram { background: url(../imgs/template/icons/inst.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-instagram:hover { background: url(../imgs/template/icons/inst.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-linkedin { background: url(../imgs/template/icons/in.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-linkedin:hover { background: url(../imgs/template/icons/in.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-youtube { background: url(../imgs/template/icons/youtube.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-youtube:hover { background: url(../imgs/template/icons/youtube.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-skype { background: url(../imgs/template/icons/skype.svg) no-repeat center; transition-duration: 0.2s; } .icon-socials.icon-skype:hover { background: url(../imgs/template/icons/skype.svg) no-repeat center; transition-duration: 0.2s; } /*LAYOUT -> SPACING**/ .section-padding-30 { padding: 30px 0; } .section-padding-50 { padding: 50px 0; } .section-padding-60 { padding: 60px 0; } .section-padding { padding: 25px 0; } .ml-3 { margin-left: 3px; } .ptb-0 { padding: 0; } .ptb-10 { padding: 10px 0; } .ptb-20 { padding: 20px 0; } .ptb-30 { padding: 30px 0; } .ptb-35 { padding: 35px 0; } .ptb-32 { padding: 32px 0; } .ptb-40 { padding: 40px 0; } .ptb-50 { padding: 50px 0; } .ptb-60 { padding: 60px 0; } .ptb-70 { padding: 70px 0; } .ptb-80 { padding: 80px 0; } .ptb-90 { padding: 90px 0; } .ptb-100 { padding: 100px 0; } .ptb-110 { padding: 110px 0; } .ptb-120 { padding: 120px 0; } .ptb-130 { padding: 130px 0; } .ptb-140 { padding: 140px 0; } .ptb-150 { padding: 150px 0; } .ptb-160 { padding: 160px 0; } .ptb-170 { padding: 170px 0; } .ptb-177 { padding: 177px 0; } .ptb-180 { padding: 180px 0; } .ptb-190 { padding: 190px 0; } .ptb-200 { padding: 200px 0; } .ptb-210 { padding: 210px 0; } .ptb-220 { padding: 220px 0; } .ptb-290 { padding: 290px 0; } .ptb-310 { padding: 310px 0; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-40 { padding: 40px !important; } .p-65 { padding: 65px !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-25 { padding-top: 25px !important; } .pt-30 { padding-top: 30px !important; } .pt-35 { padding-top: 35px !important; } .pt-40 { padding-top: 40px !important; } .pt-45 { padding-top: 45px !important; } .pt-50 { padding-top: 50px !important; } .pt-55 { padding-top: 55px !important; } .pt-60 { padding-top: 60px !important; } .pt-65 { padding-top: 65px !important; } .pt-70 { padding-top: 70px !important; } .pt-75 { padding-top: 75px !important; } .pt-80 { padding-top: 80px !important; } .pt-85 { padding-top: 85px !important; } .pt-90 { padding-top: 90px !important; } .pt-95 { padding-top: 95px !important; } .pt-100 { padding-top: 100px !important; } .pt-105 { padding-top: 105px !important; } .pt-110 { padding-top: 110px !important; } .pt-115 { padding-top: 115px !important; } .pt-120 { padding-top: 120px !important; } .pt-125 { padding-top: 125px !important; } .pt-130 { padding-top: 130px !important; } .pt-135 { padding-top: 135px !important; } .pt-140 { padding-top: 140px !important; } .pt-145 { padding-top: 145px !important; } .pt-150 { padding-top: 150px !important; } .pt-155 { padding-top: 155px !important; } .pt-160 { padding-top: 160px !important; } .pt-165 { padding-top: 165px !important; } .pt-170 { padding-top: 170px !important; } .pt-175 { padding-top: 175px !important; } .pt-180 { padding-top: 180px !important; } .pt-185 { padding-top: 185px !important; } .pt-190 { padding-top: 190px !important; } .pt-195 { padding-top: 195px !important; } .pt-200 { padding-top: 200px !important; } .pt-260 { padding-top: 260px !important; } .pb-5 { padding-bottom: 5px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-35 { padding-bottom: 35px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-45 { padding-bottom: 45px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-55 { padding-bottom: 55px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-65 { padding-bottom: 65px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-75 { padding-bottom: 75px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-85 { padding-bottom: 85px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-95 { padding-bottom: 95px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-105 { padding-bottom: 105px !important; } .pb-110 { padding-bottom: 110px !important; } .pb-115 { padding-bottom: 115px !important; } .pb-120 { padding-bottom: 120px !important; } .pb-125 { padding-bottom: 125px !important; } .pb-130 { padding-bottom: 130px !important; } .pb-135 { padding-bottom: 135px !important; } .pb-140 { padding-bottom: 140px !important; } .pb-145 { padding-bottom: 145px !important; } .pb-150 { padding-bottom: 150px !important; } .pb-155 { padding-bottom: 155px !important; } .pb-160 { padding-bottom: 160px !important; } .pb-165 { padding-bottom: 165px !important; } .pb-170 { padding-bottom: 170px !important; } .pb-175 { padding-bottom: 175px !important; } .pb-180 { padding-bottom: 180px !important; } .pb-185 { padding-bottom: 185px !important; } .pb-190 { padding-bottom: 190px !important; } .pb-195 { padding-bottom: 195px !important; } .pb-200 { padding-bottom: 200px !important; } .pl-0 { padding-left: 0px !important; } .pl-5 { padding-left: 5px !important; } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-25 { padding-left: 25px !important; } .pl-30 { padding-left: 30px !important; } .pl-35 { padding-left: 35px !important; } .pl-40 { padding-left: 40px !important; } .pl-45 { padding-left: 45px !important; } .pl-50 { padding-left: 50px !important; } .pl-55 { padding-left: 55px !important; } .pl-60 { padding-left: 60px !important; } .pl-65 { padding-left: 65px !important; } .pl-70 { padding-left: 70px !important; } .pl-75 { padding-left: 75px !important; } .pl-80 { padding-left: 80px !important; } .pl-85 { padding-left: 85px !important; } .pl-90 { padding-left: 90px !important; } .pl-95 { padding-left: 95px !important; } .pl-100 { padding-left: 100px !important; } .pl-105 { padding-left: 105px !important; } .pl-110 { padding-left: 110px !important; } .pl-115 { padding-left: 115px !important; } .pl-120 { padding-left: 120px !important; } .pl-125 { padding-left: 125px !important; } .pl-130 { padding-left: 130px !important; } .pl-135 { padding-left: 135px !important; } .pl-140 { padding-left: 140px !important; } .pl-145 { padding-left: 145px !important; } .pl-150 { padding-left: 150px !important; } .pl-155 { padding-left: 155px !important; } .pl-160 { padding-left: 160px !important; } .pl-165 { padding-left: 165px !important; } .pl-170 { padding-left: 170px !important; } .pl-175 { padding-left: 175px !important; } .pl-180 { padding-left: 180px !important; } .pl-185 { padding-left: 185px !important; } .pl-190 { padding-left: 190px !important; } .pl-195 { padding-left: 195px !important; } .pl-200 { padding-left: 200px !important; } .pr-0 { padding-right: 0px !important; } .pr-5 { padding-right: 5px !important; } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-25 { padding-right: 25px !important; } .pr-30 { padding-right: 30px !important; } .pr-35 { padding-right: 35px !important; } .pr-40 { padding-right: 40px !important; } .pr-45 { padding-right: 45px !important; } .pr-50 { padding-right: 50px !important; } .pr-55 { padding-right: 55px !important; } .pr-60 { padding-right: 60px !important; } .pr-65 { padding-right: 65px !important; } .pr-70 { padding-right: 70px !important; } .pr-75 { padding-right: 75px !important; } .pr-80 { padding-right: 80px !important; } .pr-85 { padding-right: 85px !important; } .pr-90 { padding-right: 90px !important; } .pr-95 { padding-right: 95px !important; } .pr-100 { padding-right: 100px !important; } .pr-105 { padding-right: 105px !important; } .pr-110 { padding-right: 110px !important; } .pr-115 { padding-right: 115px !important; } .pr-120 { padding-right: 120px !important; } .pr-125 { padding-right: 125px !important; } .pr-130 { padding-right: 130px !important; } .pr-135 { padding-right: 135px !important; } .pr-140 { padding-right: 140px !important; } .pr-145 { padding-right: 145px !important; } .pr-150 { padding-right: 150px !important; } .pr-155 { padding-right: 155px !important; } .pr-160 { padding-right: 160px !important; } .pr-165 { padding-right: 165px !important; } .pr-170 { padding-right: 170px !important; } .pr-175 { padding-right: 175px !important; } .pr-180 { padding-right: 180px !important; } .pr-185 { padding-right: 185px !important; } .pr-190 { padding-right: 190px !important; } .pr-195 { padding-right: 195px !important; } .pr-200 { padding-right: 200px !important; } .plr-5-percent { padding: 0 5%; } .section.bg-banner p { font-size: 16px; } /*************************** Page section margin ****************************/ .mtb-0 { margin: 0; } .mtb-10 { margin: 10px 0; } .mtb-15 { margin: 15px 0; } .mtb-20 { margin: 20px 0; } .mtb-30 { margin: 30px 0; } .mtb-40 { margin: 40px 0; } .mtb-50 { margin: 50px 0; } .mtb-60 { margin: 60px 0; } .mtb-70 { margin: 70px 0; } .mtb-80 { margin: 80px 0; } .mtb-90 { margin: 90px 0; } .mtb-100 { margin: 100px 0; } .mtb-110 { margin: 110px 0; } .mtb-120 { margin: 120px 0; } .mtb-130 { margin: 130px 0; } .mtb-140 { margin: 140px 0; } .mtb-150 { margin: 150px 0; } .mtb-290 { margin: 290px 0; } .mb-24 { margin-bottom: 24px; } .mt-5 { margin-top: 5px !important; } .mt-8 { margin-top: 8px !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-35 { margin-top: 35px !important; } .mt-40 { margin-top: 40px !important; } .mt-45 { margin-top: 45px !important; } .mt-50 { margin-top: 50px !important; } .mt-55 { margin-top: 55px !important; } .mt-60 { margin-top: 60px !important; } .mt-65 { margin-top: 65px !important; } .mt-70 { margin-top: 70px !important; } .mt-75 { margin-top: 75px !important; } .mt-80 { margin-top: 80px !important; } .mt-85 { margin-top: 85px !important; } .mt-90 { margin-top: 90px !important; } .mt-95 { margin-top: 95px !important; } .mt-100 { margin-top: 100px !important; } .mt-105 { margin-top: 105px !important; } .mt-110 { margin-top: 110px !important; } .mt-115 { margin-top: 115px !important; } .mt-120 { margin-top: 120px !important; } .mt-125 { margin-top: 125px !important; } .mt-130 { margin-top: 130px !important; } .mt-135 { margin-top: 135px !important; } .mt-140 { margin-top: 140px !important; } .mt-145 { margin-top: 145px !important; } .mt-150 { margin-top: 150px !important; } .mt-155 { margin-top: 155px !important; } .mt-160 { margin-top: 160px !important; } .mt-165 { margin-top: 165px !important; } .mt-170 { margin-top: 170px !important; } .mt-175 { margin-top: 175px !important; } .mt-180 { margin-top: 180px !important; } .mt-185 { margin-top: 185px !important; } .mt-190 { margin-top: 190px !important; } .mt-195 { margin-top: 195px !important; } .mt-200 { margin-top: 200px !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-35 { margin-bottom: 35px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-45 { margin-bottom: 45px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-55 { margin-bottom: 55px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-65 { margin-bottom: 65px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-75 { margin-bottom: 75px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-85 { margin-bottom: 85px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-95 { margin-bottom: 95px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-105 { margin-bottom: 105px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-115 { margin-bottom: 115px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-125 { margin-bottom: 125px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-135 { margin-bottom: 135px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-145 { margin-bottom: 145px !important; } .mb-150 { margin-bottom: 150px !important; } .mb-155 { margin-bottom: 155px !important; } .mb-160 { margin-bottom: 160px !important; } .mb-165 { margin-bottom: 165px !important; } .mb-170 { margin-bottom: 170px !important; } .mb-175 { margin-bottom: 175px !important; } .mb-180 { margin-bottom: 180px !important; } .mb-185 { margin-bottom: 185px !important; } .mb-190 { margin-bottom: 190px !important; } .mb-195 { margin-bottom: 195px !important; } .mb-200 { margin-bottom: 200px !important; } .ml-0 { margin-left: 0px !important; } .ml-5 { margin-left: 5px !important; } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-25 { margin-left: 25px !important; } .ml-30 { margin-left: 30px !important; } .ml-35 { margin-left: 35px !important; } .ml-40 { margin-left: 40px !important; } .ml-45 { margin-left: 45px !important; } .ml-50 { margin-left: 50px !important; } .ml-55 { margin-left: 55px !important; } .ml-60 { margin-left: 60px !important; } .ml-65 { margin-left: 65px !important; } .ml-70 { margin-left: 70px !important; } .ml-75 { margin-left: 75px !important; } .ml-80 { margin-left: 80px !important; } .ml-85 { margin-left: 85px !important; } .ml-90 { margin-left: 90px !important; } .ml-95 { margin-left: 95px !important; } .ml-100 { margin-left: 100px !important; } .ml-105 { margin-left: 105px !important; } .ml-110 { margin-left: 110px !important; } .ml-115 { margin-left: 115px !important; } .ml-120 { margin-left: 120px !important; } .ml-125 { margin-left: 125px !important; } .ml-130 { margin-left: 130px !important; } .ml-135 { margin-left: 135px !important; } .ml-140 { margin-left: 140px !important; } .ml-145 { margin-left: 145px !important; } .ml-150 { margin-left: 150px !important; } .ml-155 { margin-left: 155px !important; } .ml-160 { margin-left: 160px !important; } .ml-165 { margin-left: 165px !important; } .ml-170 { margin-left: 170px !important; } .ml-175 { margin-left: 175px !important; } .ml-180 { margin-left: 180px !important; } .ml-185 { margin-left: 185px !important; } .ml-190 { margin-left: 190px !important; } .ml-195 { margin-left: 195px !important; } .ml-200 { margin-left: 200px !important; } .mr-5 { margin-right: 5px !important; } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-25 { margin-right: 25px !important; } .mr-30 { margin-right: 30px !important; } .mr-35 { margin-right: 35px !important; } .mr-40 { margin-right: 40px !important; } .mr-45 { margin-right: 45px !important; } .mr-50 { margin-right: 50px !important; } .mr-55 { margin-right: 55px !important; } .mr-60 { margin-right: 60px !important; } .mr-65 { margin-right: 65px !important; } .mr-70 { margin-right: 70px !important; } .mr-75 { margin-right: 75px !important; } .mr-80 { margin-right: 80px !important; } .mr-85 { margin-right: 85px !important; } .mr-90 { margin-right: 90px !important; } .mr-95 { margin-right: 95px !important; } .mr-100 { margin-right: 100px !important; } .mr-105 { margin-right: 105px !important; } .mr-110 { margin-right: 110px !important; } .mr-115 { margin-right: 115px !important; } .mr-120 { margin-right: 120px !important; } .mr-125 { margin-right: 125px !important; } .mr-130 { margin-right: 130px !important; } .mr-135 { margin-right: 135px !important; } .mr-140 { margin-right: 140px !important; } .mr-145 { margin-right: 145px !important; } .mr-150 { margin-right: 150px !important; } .mr-155 { margin-right: 155px !important; } .mr-160 { margin-right: 160px !important; } .mr-165 { margin-right: 165px !important; } .mr-170 { margin-right: 170px !important; } .mr-175 { margin-right: 175px !important; } .mr-180 { margin-right: 180px !important; } .mr-185 { margin-right: 185px !important; } .mr-190 { margin-right: 190px !important; } .mr-195 { margin-right: 195px !important; } .mr-200 { margin-right: 200px !important; } .title-favicon { background-image: url(../imgs/template/icons/favicon.svg); background-repeat: no-repeat; background-position: left top 4px; padding-left: 55px; min-height: 40px; } .bg-what-done { background: url(../imgs/page/homepage1/bg-what-done.png) no-repeat bottom left; } .line-border { border-bottom: 1px solid #E8E9ED; margin: 20px 0px; } .box-button-sliders { position: relative; display: inline-block; min-width: 100px; } .box-map { position: relative; } .swiper-group-1 .swiper-pagination-banner { position: absolute; bottom: 37px !important; left: 0px; width: 100%; } .bg-worldmap { background: url(../imgs/page/homepage1/world-map.png) no-repeat top center; } .box-image-how { position: relative; } .box-info-bottom-img { position: absolute; bottom: -50px; left: 55px; right: 55px; z-index: 23; background-color: #034460; color: #fff; padding: 30px; display: flex; } .box-info-bottom-img .image-play { max-width: 71px; margin-right: 20px; width: 100%; min-width: 71px; } .box-info-bottom-img .info-play { width: 100%; } .bg-customers-say { background-color: #034460; background-image: url(../imgs/page/homepage1/ship.png); background-position: top center; background-size: cover; background-repeat: no-repeat; padding: 133px 0px 100px 0px; position: relative; } .bg-customers-say::before { content: ""; position: absolute; bottom: 0px; top: 165px; right: 0px; max-width: 50%; width: 100%; background-image: url(../imgs/page/homepage1/bg-testimonial.png); background-position: top left; background-size: cover; background-repeat: no-repeat; z-index: 1; } .bg-customers-say::after { content: ""; position: absolute; top: 195px; right: 30px; max-width: 72px; height: 73px; width: 100%; background-image: url(../imgs/page/homepage1/quotation.png); background-position: top left; background-size: cover; background-repeat: no-repeat; z-index: 1; } .bg-customers-say .container { position: relative; z-index: 2; } .box-bg-leading { position: absolute; top: 0px; left: 0px; width: 100%; height: 940px; background-color: #034460; background-image: url(../imgs/page/homepage1/container.png); background-position: top center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .bg-leading-company { position: relative; background-color: #F2F3F4; } .bg-leading-company .container { position: relative; z-index: 2; } .box-form-contact-leading { background-color: #ffffff; background-image: url(../imgs/page/homepage1/bg-contact.png); background-position: top right; background-repeat: no-repeat; background-size: contain; padding: 60px 40px 60px 60px; box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); margin-top: 40px; } .box-image-contact { position: relative; padding-left: 20px; } .box-image-contact img { width: 100%; border-radius: 8px; } .box-image-contact::before { content: ""; height: 95px; width: 80px; position: absolute; bottom: -30px; right: -25px; background-image: url(../imgs/page/homepage1/icon2.png); background-position: center; background-repeat: no-repeat; z-index: 1; } .form-group { margin-bottom: 24px; } .form-control { border-radius: 0px; color: #818692; font-size: 12px; line-height: 18px; height: 51px; } select { background-image: url(../images/arrow-down.svg); background-position: right 18px top 22px; background-repeat: no-repeat; } textarea.form-control { height: auto; } .cd-form { float: left; margin: 1px 10px 0px 0px; } .box-cb-form .form-group { margin-bottom: 12px; } .bg-choose-plan { position: relative; background-image: url(../imgs/page/homepage1/bg-plan-left.png); background-repeat: no-repeat; background-position: bottom left; } .bg-choose-plan::before { background-image: url(../imgs/page/homepage1/bg-plan-right.png); background-repeat: no-repeat; background-position: top right; position: absolute; top: -240px; right: 0px; height: 600px; width: 600px; z-index: 1; content: ""; } .bg-choose-plan .container { position: relative; z-index: 2; } .box-accordion { padding-left: 0px; } .home-faq.elementor-widget-accordion .elementor-accordion-item .elementor-tab-title.elementor-active { background: #FEC201!important; } .home-faq .elementor-accordion .elementor-accordion-item { margin-bottom: 16px; } .home-faq .elementor-accordion .elementor-accordion-item .elementor-accordion-icon-opened, .home-faq .elementor-accordion .elementor-accordion-item .elementor-accordion-icon-closed { position: relative; top: 6px; } .box-faqs-left { padding-right: 40px; } .accordion .accordion-item { margin-bottom: 16px; } .accordion .accordion-button { font-size: 20px; line-height: 28px; font-weight: 700; color: #fff; background-color: #034460; border: 0px; padding: 25px 30px 20px 30px; border-radius: 0px; } .accordion .accordion-item:first-of-type .accordion-button { border-radius: 0px; } .accordion .accordion-collapse { border-width: 0 0 0 0 !important; background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .accordion .accordion-body { padding: 20px 50px 10px 30px; } .accordion-button::after { background-image: url("../imgs/page/homepage1/down.svg"); } .accordion-button:not(.collapsed) { background-color: #FEC201; color: #034460; } .accordion-button:not(.collapsed)::after { background-image: url("../imgs/page/homepage1/up.svg"); transform: rotate(0deg); } .box-gallery-faqs { position: relative; } .box-gallery-faqs .image-top { margin-bottom: 20px; } .box-gallery-faqs .image-bottom { margin: 0px -10px; display: flex; } .box-gallery-faqs .image-faq-1 { width: 46%; padding: 0px 10px; } .box-gallery-faqs .image-faq-2 { width: 54%; padding: 0px 10px; } .bg-get-quote { background-color: #034460; background-image: url(../imgs/page/homepage1/bg-get-quote.png); background-position: top center; background-repeat: no-repeat; } .box-get-quote { display: flex; width: 100%; align-items: center; } .get-quote-left { width: 100%; } .get-quote-right { min-width: 253px; max-width: 253px; width: 100%; } .box-background-offer { position: relative; } .box-background-offer .bg-under { position: absolute; bottom: -30px; top: 140px; left: -100px; right: -100px; background: url(../imgs/page/homepage1/bg-offer.png) no-repeat top center; z-index: 1; } .box-background-offer .bg-under::before { content: ""; position: absolute; bottom: 160px; left: -30px; height: 95px; width: 113px; background: url(../imgs/page/homepage1/quote.png) no-repeat top center; z-index: 1; } .box-background-offer .row { z-index: 2; position: relative; } .box-images { position: relative; padding: 20px; } .box-images img { z-index: 2; position: relative; } .box-images::before { content: ""; width: 100%; position: absolute; bottom: 0px; top: 0px; z-index: 1; right: 0px; left: 0px; background: url(../imgs/page/homepage1/subtract.png) no-repeat center; background-size: contain; } .image-2 { position: absolute; bottom: 120px; right: -10px; z-index: 3; width: 111px; height: 136px; } .box-info-pround { padding: 0px 0px 0px 40px; } .box-image-touch { position: absolute; top: 0px; right: 0px; height: 100%; width: 100%; max-width: 50%; background: url(../imgs/page/homepage1/port.png) no-repeat left top; background-size: cover; } .box-image-touch::before { content: ""; height: 100%; width: 265px; background: url(../imgs/page/homepage1/bg-touch.png) no-repeat right top; background-size: cover; position: absolute; left: -1px; } .box-why-choose-us { padding-left: 50px; } .box-image-why { position: relative; padding: 0px 50px; } .box-image-why::before { content: ""; background-image: url(../imgs/page/homepage2/bg-why.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; z-index: 1; background-size: contain; } .box-image-why .quote { background-image: url(../imgs/page/homepage2/quote.png); background-position: center; background-repeat: no-repeat; position: absolute; bottom: -30px; left: 70px; height: 95px; width: 113px; z-index: 3; background-size: contain; } .box-image-why img { position: relative; z-index: 2; } .feature2-title { background: url(../imgs/page/homepage2/feature.png) no-repeat left center; padding-left: 30px; margin-bottom: 7px; } .feature3-title { background: url(../imgs/page/homepage2/feature2.png) no-repeat left center; padding-left: 30px; margin-bottom: 7px; } .box-request-quote-2 { padding: 140px 0px 40px 0px; } .box-form-request-quote-2 { position: relative; top: -160px; padding: 0px 40px; background-image: url(../imgs/page/homepage2/bg-quote.png); background-position: bottom 15px center; background-repeat: no-repeat; background-size: contain; } .box-form-request-quote-2 .box-form-contact-leading { position: relative; background-image: none; border: 5px solid #FEC201; box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); } .box-info-bottom-img-2 { position: relative; bottom: auto; left: auto; right: auto; top: auto; } .box-images-info-3 { padding: 0px 0px 0px 130px; position: relative; } .box-info-3-bottom { position: absolute; bottom: -61px; left: 0px; z-index: 2; background-color: #FFE799; padding: 31px 28px; max-width: 291px; } .text-billed { font-weight: 400; font-family: "Noto Sans", sans-serif; font-size: 16px; line-height: 28px; display: inline-block; vertical-align: middle; color: #fff; } .switch { position: relative; display: inline-block; width: 65px; height: 30px; vertical-align: middle; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #034460; transition: 0.4s; } .slider.round { border-radius: 34px; } .slider:before { position: absolute; content: ""; height: 21px; width: 21px; left: 5px; bottom: 5px; background-color: #FEC201; transition: 0.4s; } .slider.round:before { border-radius: 50%; } input:checked + .slider { background-color: #034460; } input:checked + .slider:before { transform: translateX(34px); } .box-slide-customers-2 { width: calc(100% + 200px); overflow: hidden; } .list-ticks-3 li { display: flex; margin-bottom: 21px; } .list-ticks-3 li svg { min-width: 24px; max-width: 24px; width: 100%; margin-right: 7px; } .list-ticks-3 li h6 { width: 100%; } .bg-info-4 { position: relative; } .bg-info-4::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; bottom: 165px; background-color: #E0F0F6; z-index: 1; } .bg-info-4 .container { position: relative; z-index: 2; } .box-why-choose-us-2 { background-color: #ffffff; padding: 78px 78px 0px 78px; box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); } .box-images-info-4 { padding: 36px 28px; position: relative; } .box-images-info-4::before { content: ""; z-index: 1; position: absolute; top: 0px; right: 0px; width: 100%; max-width: 399px; max-height: 399px; height: 100%; background-color: #034460; } .box-images-info-4 .box-images-inner { position: relative; z-index: 2; } .box-banner-homepage2 { position: relative; padding: 86px 0px 40px 0px; } .box-banner-homepage2 .bg-image-home2 { position: absolute; top: 0px; right: 0px; height: 100%; width: 100%; max-width: 45%; z-index: 1; background-image: url(../imgs/page/homepage2/banner.png); background-repeat: no-repeat; background-position: top right; } .box-slider-homepage2 { position: relative; z-index: 3; margin-top: 105px; max-width: 1260px; padding: 81px 81px 0px 81px; } .box-slider-homepage2::before { content: ""; position: absolute; top: 0px; left: 0px; height: 378px; width: 100%; background-color: #E0F0F6; } .box-slider-homepage2 .swiper-pagination .swiper-pagination-bullet { background-color: #818692; opacity: 1; } .box-slider-homepage2 .swiper-pagination .swiper-pagination-bullet-active { background-color: #FEC201; } .box-slider-homepage2 .card-offer { box-shadow: none; border-bottom-color: #E8E9ED; border-top: 1px solid #E8E9ED; border-left: 1px solid #E8E9ED; border-right: 1px solid #E8E9ED; padding: 30px 20px 30px 20px; } .box-slider-homepage2 .card-offer:hover { box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); border-bottom-color: #FEC201; } .swiper-button-prev-style-2 { left: -106px; top: 30%; } .swiper-button-next-style-2 { left: auto; right: -106px; top: 30%; } .certified-icon { position: absolute; top: 10px; left: 0px; right: 0px; z-index: 2; margin: auto; text-align: center; } .top-bar-style-2 .box-bar.bg-grey-900 { background-color: #E8E9ED; } .top-bar-style-2 .phone-icon, .top-bar-style-2 .email-icon { color: #034460; } .top-bar-style-2 .box-bar .icon-socials svg { color: #034460; fill: #034460; } .banner-left { background-color: #034460; padding: 70px 53px; position: relative; } .banner-left::before { content: ""; position: absolute; top: 0px; right: 0px; height: 100px; width: 100px; background-image: url(../imgs/page/homepage3/union.png); background-position: top right; background-repeat: no-repeat; background-size: cover; } .box-banner-homepage3 { position: relative; } .box-banner-homepage3 .banner-under { position: absolute; top: 0px; left: -96px; right: -96px; height: 662px; z-index: 1; background: url(../imgs/page/homepage3/banner.png) no-repeat top center; background-size: cover; } .box-banner-homepage3 .row { position: relative; z-index: 2; } .box-banner-homepage3 .container { padding-top: 230px; } .item-feature { position: relative; display: flex; align-items: center; } .item-feature .icon-feature { min-width: 48px; max-width: 48px; margin-right: 19px; } .item-feature .info-feature { width: 100%; } .title-favicon-2 { background-image: url(../imgs/page/homepage3/favicon-w.png); background-position: left 4px; padding-left: 60px; background-repeat: no-repeat; } .bg-testimonial-3 { background-color: #034460; background-image: url(../imgs/page/homepage3/bg-testimonial-3.png); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 120px 46px 90px 46px; } .box-testimonial-3-right { position: absolute; top: -220px; left: 15px; right: 15px; } .box-testimonial-3-left { position: absolute; top: -40px; left: 15px; right: 15px; } .box-form-request-quote-3 { position: relative; background-image: none; } .bg-request-quote-3 { background-image: url(../imgs/page/homepage3/bg-requestquote-3.png); background-position: left bottom; background-repeat: no-repeat; } .bg-whychooseus-2 { position: relative; background-image: url(../imgs/page/homepage3/bg-whychooseus.png); background-size: cover; } .bg-whychooseus-2::before { content: ""; height: 100%; width: 100%; background-color: #034460; opacity: 0.8; top: 0px; left: 0px; z-index: 1; position: absolute; } .bg-whychooseus-2 .container { position: relative; z-index: 2; } .box-item-number { position: relative; padding: 35px 26px; } .box-item-number::before { content: ""; position: absolute; top: 0px; left: 0px; width: 96px; height: 100%; z-index: 1; background-color: #FEC201; } .box-item-number .item-number { position: relative; z-index: 2; } .box-item-number.box-item-number-white::before { background-color: #ffffff; } .box-item-number.box-item-number-2 { position: relative; padding: 35px 5px 35px 35px; margin-left: 40px; } .box-item-number.box-item-number-3 { position: relative; padding: 35px 5px 35px 45px; } .box-item-number.box-item-number-4 { position: relative; padding: 35px 5px 35px 60px; margin-left: 40px; } .box-button-play { background-color: #034460; padding: 36px 38px 36px 38px; max-width: 325px; width: 100%; position: absolute; bottom: -40px; right: -30px; z-index: 12; } .box-button-play .btn-play { display: flex; align-items: center; } .box-button-play .btn-play img { margin-right: 10px; float: left; } .box-button-play .btn-play span { display: block; padding-left: 0px; text-align: left; line-height: 22px; font-size: 15px; } .box-info-6 { padding-left: 45px; } .top-bar-style-3 .box-bar { background-color: #FFE799; } .top-bar-style-3 .box-bar .icon-socials svg { fill: #034460; } .top-bar-style-3 .phone-icon, .top-bar-style-3 .email-icon { color: #034460; } .top-bar-style-3 .phone-icon svg, .top-bar-style-3 .email-icon svg { color: #034460; } .box-slider-homepage-4 { max-width: 100%; margin: 0px; padding: 0px; position: relative; top: -100px; text-align: center; } .box-slider-homepage-4::before { display: none; } .box-slider-homepage-4 .swiper-button-prev-style-2 { left: -66px; } .box-slider-homepage-4 .swiper-button-next-style-2 { right: -66px; } .banner-4 { padding-bottom: 250px; height: 685px; padding-top: 80px; } .box-slider-homepage-4 .card-offer { background-color: #FAFBFC; box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); } .box-slider-homepage-4 .card-offer .box-button-offer { display: none; } .box-slider-homepage-4 .card-offer .mb-35 { margin-bottom: 0px !important; } .box-slider-homepage-4 .card-offer .card-image { height: 64px; } .box-slider-homepage-4 .card-offer .card-image img { max-height: 64px; } .box-info-testimonial-4 { position: absolute; bottom: 20px; left: -40px; padding: 30px 28px; background-color: #FFE799; max-width: 291px; z-index: 3; text-align: left; } .box-img-testimonials-4 { position: relative; text-align: right; } .box-img-testimonials-4::before { content: ""; position: absolute; top: 0px; right: 0px; width: 100%; max-width: 565px; height: 100%; background: url(../imgs/page/homepage4/bg-testimonial-4.png) no-repeat bottom right; background-size: contain; z-index: 1; } .box-img-testimonials-4 img { position: relative; z-index: 2; display: block; margin: auto 0 auto auto; } .box-testimonial-4-item { padding: 55px; max-width: 629px; width: 100%; position: relative; } .box-testimonial-4-item::before { position: absolute; content: ""; top: 15px; right: 22px; width: 72px; height: 73px; background: url(../imgs/page/homepage4/quotation.png) no-repeat center; } .box-testimonial-4-item .card-testimonial-grid { box-shadow: 0px 5px 30px rgba(19, 27, 34, 0.12); border-color: #FEC201; } .box-button-play-2 { background-color: #FFE799; padding: 36px 38px 36px 38px; max-width: 325px; width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 12; } .box-button-play-2 .btn-play { display: flex; align-items: center; } .box-button-play-2 .btn-play img { margin-right: 10px; float: left; } .box-button-play-2 .btn-play span { display: block; padding-left: 0px; text-align: left; line-height: 22px; font-size: 15px; } .item-reason .card-offer { border-bottom: 0px; border: 1px solid #E8E9ED; text-align: center; } .box-whychooseus-3 { padding-left: 95px; } .support-title { background: url(../imgs/page/homepage4/support.png) no-repeat left center; padding-left: 30px; margin-bottom: 7px; } .box-image-info-7 { padding: 0px 30px; position: relative; background: url(../imgs/page/homepage4/bg-info-7.png) no-repeat top 20px center; background-size: contain; } .box-image-info-7 .quote { background: url(../imgs/page/homepage2/quote.png) no-repeat center; position: absolute; bottom: -40px; right: 50px; height: 95px; width: 115px; z-index: 2; } .box-info-7 { padding-left: 60px; } .box-pageheader-1 { background-repeat: no-repeat; position: relative; background-size: cover; background: #034460; padding: 81px 0px; } .section.bg-banner h2 { color: #FEC201; } .color-white { color: #fff; } .box-pageheader-services { background-color: #ffffff; background-image: none; padding-bottom: 55px; } .quote-center { position: absolute; bottom: -40px; left: 34%; width: 113px; height: 95px; background: url(../imgs/page/homepage2/quote.png) no-repeat center; background-size: contain; } .item-about-2 .col-lg-6 { padding-right: 0; } .item-about-2 .col-lg-6:last-child { padding-left: calc(var(--bs-gutter-x) / 2); } .item-about-2 .col-lg-6 img { display: block; } .item-about-2.item-about-2-revert .col-lg-6 { padding-right: calc(var(--bs-gutter-x) / 2); } .item-about-2.item-about-2-revert .col-lg-6:last-child { padding-left: 0; } .item-about-2.item-about-2-revert .col-lg-6 img { display: block; } .box-info-aabout-2 { padding: 20px; } .box-image-info-2-2 { background: url(../imgs/page/about/img-info-2.png) no-repeat left top; background-size: cover; } .content-detail { max-width: 898px; margin: auto; } .content-detail p { font-size: 16px; line-height: 28px; font-weight: 400; color: #041C2F; margin-bottom: 24px; } .content-detail h1, .content-detail h2, .content-detail h3, .content-detail h4, .content-detail h5, .content-detail h6 { color: #034460; margin-bottom: 24px; } .banner-trackyourparcel { position: absolute; top: 0px; left: -96px; right: -96px; height: 570px; background-color: #E0F0F6; background-image: url(../imgs/page/trackyourparcel/world-map.png); background-position: top center; background-size: cover; z-index: 1; } .box-info-trackyourparcel { position: relative; z-index: 2; padding: 81px 0px; text-align: center; max-width: 645px; margin: auto; } .form-trackparcel { margin-top: 55px; margin-bottom: 60px; } .form-trackparcel form .form-group { display: flex; position: relative; } .form-trackparcel form .form-group .form-control { font-size: 12px; line-height: 18px; color: #818692; border: 0px; } .form-trackparcel form .form-group .btn-track { font-size: 15px; line-height: 15px; color: #034460; font-weight: 500; height: 51px; position: absolute; right: 0px; top: 0px; } .form-trackparcel form .form-group .btn-track:hover { color: #fff; } .box-comingsoon .phone-icon { color: #034460; } .box-comingsoon .phone-icon svg { color: #034460; } .box-comingsoon .email-icon { color: #034460; } .box-comingsoon .email-icon svg { color: #034460; } .box-comingsoon .form-trackparcel form .form-group .form-control { border: 1px solid #E8E9ED; } .box-comingsoon .form-trackparcel { margin-top: 32px; margin-bottom: 50px; } .box-comingsoon .form-trackparcel { max-width: 464px; } .box-comingsoon-cover { padding-top: 100px; padding-bottom: 50px; } .box-login-right { background: url(../imgs/page/login/bg-login.png) no-repeat top left; background-size: cover; height: 917px; position: relative; } .box-login-left { max-width: 501px; margin: auto 100px auto auto; padding: 40px 0px; } .box-or-login { margin-top: 22px; margin-bottom: 22px; position: relative; text-align: center; } .box-or-login::before { content: ""; height: 1px; width: 100%; background-color: #E8E9ED; position: absolute; top: 12px; left: 0px; } .box-or-login .text-or { position: relative; padding: 5px 10px; display: inline-block; background-color: #ffffff; } #rememberme { float: left; margin: 1px 10px 0px 0px; border: 1px solid #E8E9ED; } a.color-brand-2:hover { color: #FEC201 !important; } .box-info-bottom-img-3 { position: absolute; bottom: 57px; left: 66px; right: auto; z-index: 12; max-width: 622px; width: 100%; } .quote-shape { position: absolute; bottom: 50px; left: -60px; height: 95px; width: 113px; background-image: url(../imgs/page/homepage2/quote.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .box-info-bottom-img-3 .box-info-3-bottom { bottom: auto; position: relative; } .box-register-right { background: url(../imgs/page/register/bg-register.png) no-repeat top left; background-size: cover; } .box-info-howitwork-3 { max-width: 754px; margin: auto; } .banner-howitwork3 { padding: 0px 0px; background-color: #E0F0F6; background-image: url(../imgs/page/trackyourparcel/world-map.png); background-position: top center; background-size: cover; z-index: 1; } .box-contactform-right { position: relative; padding: 60px 60px 60px 40px; } .box-contactform-left { padding: 68px 86px; background-color: #E0F0F6; } .box-cover-contactform { background-color: #FFE799; } .hero-faqs .banner-trackyourparcel { height: auto; bottom: 0px; } .item-faqs-2 { position: relative; } .box-socials a svg { fill: #818692; } .box-socials a:hover svg { fill: #034460; } .box-bg-requestaquote-4 { position: absolute; top: 0px; left: 0px; right: 0px; height: 679px; z-index: 1; background-color: #E0F0F6; background-image: url(../imgs/page/requestaquote/banner.png); background-repeat: no-repeat; background-position: top center; background-size: cover; } .box-requestaquote-4 { position: relative; } .box-requestaquote-4 .container { position: relative; z-index: 2; } .box-requestaquote-4 .box-form-contact-leading { margin-top: 100px; } .bg-right-blog { position: absolute; top: 0px; right: 0px; max-width: 50%; width: 100%; bottom: 0px; background-image: url(../imgs/page/blog/banner.png); background-repeat: no-repeat; background-position: top right; background-size: cover; } .quote-blog { position: absolute; bottom: -30px; left: -80px; height: 95px; width: 113px; background-image: url(../imgs/page/homepage2/quote.png); background-position: center; background-repeat: no-repeat; } .box-hero-blog { padding-top: 155px; padding-bottom: 155px; } .box-tags .btn-tags { margin: 4px; } .box-banner-left { padding: 30px; background-image: url(../imgs/page/blog/bg-banner.png); background-repeat: no-repeat; background-position: right top; background-size: 100% 100%; } .banner-786 { max-width: 786px; margin: auto; } .box-banner-ads { display: flex; width: 100%; background: url(../imgs/page/blog/banner-ads.png) no-repeat top right; background-size: auto 100%; } .box-banner-ads .box-banner-left { width: 60%; padding-right: 100px; } .box-banner-ads.box-banner-ads-team { background: url(../imgs/page/our-team/banner.png) no-repeat top right; background-size: 55% auto; } .header.header-newsletter { position: relative; } .header.header-newsletter .main-header .header-left { justify-content: space-between; } .header.header-newsletter .main-header .header-left .header-nav { width: auto; } .header.header-newsletter .main-menu li a { padding-top: 14px; padding-bottom: 14px; } .header.header-newsletter .main-menu li:last-child { padding-right: 0px; } .header.header-newsletter .main-menu li:last-child a { padding-right: 0px; } .header.header-newsletter .icon-socials { margin-right: 20px; } .header.header-newsletter .burger-icon { display: none !important; } .container-sub { max-width: 700px; width: 100%; margin: auto; padding-left: 20px; padding-right: 20px; } .banner-1-newsletter { padding: 55px 0px; background-position: top center; background-repeat: no-repeat; background-size: cover; } .title-favicon-newsletter { background-image: url(../imgs/template/icons/favicon.svg); background-repeat: no-repeat; background-position: left top 0px; padding-left: 55px; min-height: 46px; padding-top: 11px; } .card-offer-newsletter { box-shadow: none; border-top: 1px solid #E8E9ED; border-left: 1px solid #E8E9ED; border-right: 1px solid #E8E9ED; padding: 15px; border-bottom: 8px solid #E8E9ED; border-radius: 0px; background-color: #ffffff; } .card-offer-newsletter .card-image { height: 64px; } .card-offer-newsletter .card-image img { max-width: 64px; } .card-offer-newsletter .card-info { position: relative; } .card-offer-newsletter:hover { border-bottom-color: #FEC201; } .box-info-pround-newsletter { position: relative; } .box-info-pround-newsletter h6 { line-height: 18px; } .box-info-pround-newsletter .list-ticks li { font-size: 10px; line-height: 15px; margin-bottom: 7px; } .box-info-pround-newsletter .list-ticks li svg { height: 15px; margin-right: 5px; } .box-images-pround-newsletter .box-images { padding: 10px 0px; position: relative; } .font-16 { font-size: 16px; line-height: 18px; font-weight: 400; } .font-16-bold { font-size: 16px; line-height: 18px; font-weight: 700; } .font-xxs-medium { font-size: 10px !important; line-height: 14px !important; font-weight: 500 !important; } .font-xxs-bold { font-size: 10px !important; line-height: 14px !important; font-weight: 700 !important; } .newsletter-style .btn.btn-tag { padding: 5px 8px; } .newsletter-style .btn.btn-brand-2 { padding: 8px 15px; } .newsletter-style .certified-icon { top: 28px; } .newsletter-style .certified-icon img { width: 46px; } .newsletter-style .item-reason .card-offer { padding: 32px; } .newsletter-style .item-reason .card-offer .card-image { height: 64px; margin-bottom: 15px; } .newsletter-style .item-reason .card-offer .card-image img { max-height: 64px; } .newsletter-style .item-reason .card-offer .card-info h5 { font-size: 14px; line-height: 18px; } .newsletter-style .item-reason .card-offer .card-info .font-sm { font-size: 12px; line-height: 15px; } .newsletter-style .chart-title, .newsletter-style .feature-title { background-size: 10px; padding-left: 15px; } .newsletter-style .box-image-touch::before { display: block; width: 180px; } .newsletter-style.block-info-3 .container-sub { z-index: 2; } .newsletter-style .box-image-touch { display: block; max-width: 55%; } .newsletter-style .cardTeam .cardInfo { padding: 12px 12px; } .newsletter-style .cardTeam .cardInfo h6 { font-size: 12px; line-height: 15px; } .newsletter-style .cardTeam .cardInfo .info-bottom p { font-size: 10px; line-height: 14px; } .newsletter-style .cardTeam .cardInfo .info-bottom p a { margin-left: 3px; } .newsletter-style .cardTeam .cardInfo .info-bottom p a svg { height: 10px; } .newsletter-style .box-author img { max-width: 46px; height: 46px; width: 46px; border-radius: 50%; margin-right: 10px; display: block; } .newsletter-style .box-author .author-info .author-name { font-size: 12px !important; line-height: 18px; } .newsletter-style .box-author .author-info .department { font-size: 10px !important; line-height: 15px; } .newsletter-style .card-testimonial-grid { padding: 21px; } .newsletter-style .card-testimonial-grid .font-md { font-size: 10px !important; line-height: 18px !important; } .newsletter-style .card-testimonial-grid .card-bottom-info { padding: 8px 15px !important; margin-top: 15px; } .newsletter-style .card-testimonial-grid .card-bottom-info .font-sm { font-size: 10px !important; line-height: 15px !important; } .newsletter-style .card-testimonial-grid .card-bottom-info .rate-post { font-size: 10px !important; line-height: 12px !important; } .newsletter-style .card-testimonial-grid .mb-25 { margin-bottom: 15px !important; } .newsletter-style .card-blog-grid .card-info { padding: 20px; } .newsletter-style .card-blog-grid .card-info h5 { font-size: 16px !important; line-height: 20px !important; } .newsletter-style .card-blog-grid .card-info .font-sm.color-grey-500 { font-size: 10px !important; line-height: 17px !important; margin-top: 10px !important; } .newsletter-style .card-blog-grid .card-info .btn-link, .newsletter-style .card-blog-grid .card-info .date-post { font-size: 10px !important; line-height: 10px !important; } .footer-newsletter .footer-1 { padding: 30px 0px 0px 0px; } .footer-newsletter .footer-1 .menu-footer li a { font-size: 14px; line-height: 24px; } .footer-newsletter .footer-bottom { padding: 23px 0px; } /*---------------portfolios---------*/ .portfolios-content h5 { margin: 0 0 10px 0; } .portfolios-content p { font-size: 12px; } .swiper-group-4 .swiper-button-prev-style-1, .swiper-group-3-customers .swiper-button-prev-style-1, .blog-posts-content .swiper-button-prev-style-1 { left: 0px; right: auto; top: 0px; border-radius: 50%; height: 48px; width: 48px; background-image: none; background-color: #ffffff; border: 1px solid #F2F3F4; } .swiper-group-4 .swiper-button-prev-style-1:hover, .swiper-group-3-customers .swiper-button-prev-style-1:hover, .blog-posts-content .swiper-button-prev-style-1:hover { background-color: #FEC201; background-image: none; } .swiper-group-4 .swiper-button-prev-style-1 svg, .swiper-group-3-customers .swiper-button-prev-style-1 svg, .blog-posts-content .swiper-button-prev-style-1 svg { height: 12px; color: #034460; } .swiper-group-4 .swiper-button-next-style-1, .swiper-group-3-customers .swiper-button-next-style-1, .blog-posts-content .swiper-button-next-style-1 { left: 58px; right: auto; top: 0px; border-radius: 50%; height: 48px; width: 48px; background-image: none; background-color: #ffffff; border: 1px solid #F2F3F4; } .swiper-group-4 .swiper-button-next-style-1:hover, .swiper-group-3-customers .swiper-button-next-style-1:hover, .blog-posts-content .swiper-button-next-style-1:hover { background-color: #FEC201; background-image: none; } .swiper-group-4 .swiper-button-next-style-1 svg, .swiper-group-3-customers .swiper-button-next-style-1 svg, .blog-posts-content .swiper-button-next-style-1 svg { height: 12px; color: #034460; } .swiper-group-4 .swiper-button-prev-style-1 { left: 0px; right: 65px; margin: auto; top: 0; } .swiper-group-4 .swiper-button-next-style-1 { left: 0px; right: -55px; margin: auto; top: 0; } .swiper-group-4 .swiper-button-next-style-1, .swiper-group-4 .swiper-button-prev-style-1 { display: flex; } /*-----------pricing----------*/ .card-plan { border-radius: 0px; padding: 37px 34px; background-color: #fff; border: 1px solid #CDE2E7; margin-bottom: 30px; overflow: hidden; position: relative; } .card-plan .desc-plan { margin-bottom: 17px; } .card-plan .title-plan { margin-bottom: 12px; } .card-plan.popular { background-color: #034460; } .card-plan.popular .color-brand-2 { color: #FEC201 !important; } .card-plan.popular .list-ticks li svg { color: #FEC201; } .card-plan.popular .color-grey-500, .card-plan.popular .list-ticks li { color: #E8E9ED; } .card-plan.card-plan-2:hover { border-color: #AFEAE4; box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); } .card-offer { border-bottom: 8px solid #FEC201; padding: 40px 40px 40px 40px; border-radius: 0px; margin-bottom: 30px; box-shadow: 0px 5px 30px rgba(19, 27, 34, 0.12); background-color: #ffffff; } .card-offer:hover { box-shadow: 0px 10px 42px rgba(1, 9, 20, 0.06); } .card-offer .card-image { height: 100px; margin-bottom: 24px; } .card-offer .card-image img { max-height: 100px; } .pricing-style-2 .card-plan { background-color: #E0F0F6; } .pricing-style-2 .card-plan.popular { background-color: #034460; } .for-month, .for-year { display: none; } .display-month, .display-year { display: block; } @media (max-width: 1399.98px) { .box-register { padding-right: 0px; } .box-background-offer .bg-under { left: -10px; right: -10px; } .box-image-touch::before { width: 277px; background-size: auto 100%; } .cardTeam .cardInfo { left: 10px; right: 10px; padding: 20px 10px; } .box-whychooseus-3 { padding-left: 15px; } .box-info-7 { padding-left: 10px; } .box-image-info-7 { padding: 0px 20px; } .banner-left { padding: 40px 23px 0px 23px; } .bg-testimonial-3 { padding: 120px 26px 90px 26px; } .box-form-request-quote-2 { padding: 0px; } .box-banner-homepage2 .bg-image-home2 { max-width: 41%; } .banner-trackyourparcel { left: 0px; right: 0px; } } @media (max-width: 1199.98px) { .header { padding: 10px 0 10px 0; } .header .header-right .btn.btn-brand-1 { padding: 8px 16px; } .header-style-2 .header-middle { padding: 5px 0px 15px 0px; margin-bottom: 10px; } .burger-icon { display: inline-block; } .header .burger-icon { display: block; } .header .main-header .header-left .header-right { width: 100%; text-align: right; padding-right: 40px; min-width: 135px; } .header .main-header .header-left .header-nav { width: 0%; } h3 { font-size: 22px; line-height: 28px; } .box-image-touch::before { display: none; } .box-testimonial-3-left { position: relative; top: auto; left: auto; right: auto; } .box-testimonial-3-right { position: relative; top: auto; left: auto; right: auto; } .box-form-contact-leading { padding: 40px 30px 40px 30px; } .quote-blog { left: -10px; } .quote-center { width: 77px; height: 65px; } .box-contactform-left { padding: 48px 30px; } .box-contactform-right { padding: 40px 30px 40px 10px; } } @media (max-width: 1024px) { .header .mobile-menu .main-menu li ul { opacity: 1; visibility: visible; transition-duration: 0.2s; position: static; top: 100%; left: auto; z-index: 999999; min-width: auto; max-width: 100%; border-radius: 0px; padding: 8px 0px 8px 0; border-top: none; box-shadow: none; float: none; background: none; padding: 0; margin: 0; width: 100%; } .header .main-header { min-height: auto; } .menu-outer .navbar-wrap { display: block !important; } .navbar .mobile-nav-toggler { display: block; width: 100%; } .header-bottom { margin-left: 20px; } .navbar { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1025px){ .header-main .navbar-toggleable-md .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; width: 100%; } } @media (max-width: 991.98px) { .box-container-sw .box-button-slider { left: 30px; } .footer .width-20, .footer .width-16 { width: 50%; } .footer .width-23 { width: 100%; } h1 { font-size: 50px; line-height: 60px; } h2 { font-size: 36px; line-height: 46px; } .footer .width-20 { margin-bottom: 20px; } .footer .width-16 { margin-bottom: 20px; } .lists-logo { flex-wrap: wrap; } .lists-logo li { width: 25%; margin-bottom: 20px; } .box-image-touch { display: none; } .box-bar .phone-icon { overflow: hidden; width: 20px; height: 20px; margin-right: 10px !important; } .box-topbar-newsletter.box-bar .phone-icon, .box-topbar-newsletter.box-bar .email-icon { width: auto; } .box-bar .email-icon { overflow: hidden; width: 20px; height: 20px; } .box-get-quote { flex-wrap: wrap; } .get-quote-left { margin-bottom: 30px; } .box-accordion { padding-left: 0px; margin-top: 30px; } .box-image-contact { padding-left: 0px; margin-top: 30px; } .box-form-contact-leading { padding: 40px 30px 40px 30px; margin-top: 0px; margin-bottom: 40px; } .box-form-contact-leading { background: #ffffff; } .bg-customers-say::after { display: none; } .bg-customers-say::before { max-width: 36%; } .banner-1 { padding: 90px 0px 130px 0px; height: 600px; } .box-images { padding: 20px 0px; } .box-info-pround { padding: 0px 0px 0px 0px; } .image-2 { bottom: 50px; right: -10px; height: 106px; width: 81px; } .list-how-works { padding-left: 0px; } .box-list-how-it-work { margin-bottom: 120px; } .box-list-how-it-work .list-how-works li { width: 100%; } .box-list-how-it-work .list-how-works li::before { content: ""; position: absolute; top: 100%; left: 50%; width: 3px; height: 60px; background: url(../imgs/page/homepage4/bg-dashed-2.png) no-repeat top left; } .banner-4 { height: auto; min-height: 680px; } .box-form-request-quote-2 { top: 0px; padding: 0px 10px; } .box-newsletter .box-map-2 { margin-left: 0px; } .box-info-6 { padding-left: 0px; } .box-request-quote-2 { padding: 60px 0px 40px 0px; } .bg-2.mt-200 { margin-top: 100px !important; } .box-info-testimonial-4 { left: 0px; } .box-image-why { padding: 0px 10px; } .banner-left { padding: 70px 33px 0px 33px; margin-bottom: 40px; } .box-banner-homepage3 .banner-under { left: 0px; right: 0px; } .box-banner-homepage3 .container { padding-top: 530px; } .bg-request-quote-3 { background-image: none; } .bg-request-quote-3 .box-form-request-quote-2 { top: -70px; padding: 0px; } .bg-request-quote-3 .list-how-works { padding-top: 0px; } .box-banner-homepage2 .bg-image-home2 { display: none; } .box-slider-homepage2 { padding: 31px 31px 0px 31px; } .box-slider-service-4 { padding: 0px; } .box-banner-homepage2 { padding-bottom: 0px; } .box-why-choose-us { padding-left: 0px; } .box-why-choose-us-2 { padding: 38px 28px 0px 28px; } .item-about-2.item-about-2-revert .col-lg-6:last-child { padding-left: 12px; margin-bottom: 30px; } .item-about-2 .col-lg-6 { padding-right: 12px; } .box-info-aabout-2 { padding: 30px 0px; } .bg-right-blog { max-width: 40%; } .box-contactform-right { padding: 40px; } .box-map-contact iframe { height: 450px; width: 100%; } .box-comingsoon-left { padding-left: 0px; } .box-comingsoon-right { padding-left: 0px; padding-right: 0px; } .box-login-left { margin: auto auto auto auto; } .box-login-right .quote-shape { bottom: -30px; left: -10px; height: 75px; width: 93px; } .box-login-right .box-info-bottom-img-3 { max-width: 292px; } .box-faqs-left { padding-right: 0px; } } @media (max-width: 767.98px) { .header .main-header { min-height: auto; } .logged-in.admin-bar .sticky-bar.stick { top: 0; } .mobile-bg-sec { background-color: #FFE799; } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img { max-width: 140px; } .width-16 { width: 16%; } .width-18 { width: 24%; } .width-50 { width: 40%; } .lists-logo li { width: 33.33%; } .accordion .accordion-button { font-size: 16px; line-height: 24px; } .footer .width-20, .footer .width-16, .footer .width-23 { width: 100%; } .box-info-bottom-img { left: 5px; right: 5px; padding: 20px 15px; } .box-button-play { right: 15px; } .box-newsletter-right { flex-wrap: wrap; } .box-newsletter { padding: 106px 25px 56px 25px; } .box-newsletter .box-map-2 { margin-bottom: 30px; } .list-info-footer { padding-left: 0px; } .box-testimonial-4-item { padding: 55px 5px; } .header-style-2 .header-middle { display: none; } .header { padding: 10px 0 10px 0; } .swiper-button-next-style-2, .swiper-button-prev-style-2 { display: none; } .quote-center { width: 73px; height: 62px; } .card-blog-grid.card-blog-grid-2 { flex-wrap: wrap; } .card-blog-grid.card-blog-grid-2 .card-image { width: 100%; max-width: 100%; min-width: 100%; } .card-blog-grid.card-blog-grid-2 .card-info { width: 100%; padding: 20px 15px; } .bg-right-blog { display: none; } .box-hero-blog { padding-top: 75px; padding-bottom: 95px; } .box-map-contact iframe { height: 400px; width: 100%; } .box-comingsoon-cover { padding-top: 55px; } .box-info-trackyourparcel { padding-left: 15px; padding-right: 15px; } } @media (max-width: 575.98px) { .header { padding: 10px 0; } .swiper-button-next, .swiper-button-prev { display: none; } .box-container-sw .swiper-button-next, .box-container-sw .swiper-button-prev { display: block; } h1 { font-size: 34px; line-height: 40px; } h4 { font-size: 20px; line-height: 30px; } .list-ticks li { width: 100%; } .bg-customers-say { padding: 73px 0px 0px 0px; } .box-testimonial-4-item::before { right: -2px; } .box-info-testimonial-4 { position: relative; margin: 10px 0px 0px 0px; max-width: 400px; } .box-images-info-3 { padding: 0px 0px 0px 0px; } .box-image-why-info-8 .box-button-play { left: 10px; right: 10px; width: auto; padding: 20px 18px 20px 18px; } .quote-blog { left: 10px; } .box-map-contact iframe { height: 350px; width: 100%; } .box-image-why { padding: 0px 0px; } .newsletter-style .box-image-touch { display: none; } .box-topbar-newsletter.box-bar .phone-icon, .box-topbar-newsletter.box-bar .email-icon { width: 20px; } .header.header-newsletter .burger-icon { display: block !important; } } @media (max-width: 499.98px) { h2 { font-size: 25px; line-height: 35px; } .box-form-request-quote-2 { padding: 0px; } .box-form-contact-leading { padding: 20px 20px 20px 20px; } .box-banner-ads .box-banner-left { width: 80%; padding: 20px; padding-right: 50px; } .box-map-contact iframe { height: 300px; width: 100%; } .box-count.box-count-square .deals-countdown .countdown-amount { width: 58px; height: 60px; font-size: 25px !important; line-height: 42px !important; } .accordion .accordion-body { padding: 15px 15px 10px 15px; } .accordion .accordion-button { padding: 15px 15px 15px 15px; } .btn.btn-tags { padding: 10px 17px; font-size: 12px; line-height: 15px; } } @media (max-width: 449.98px) { h5 { font-size: 18px; line-height: 24px; } .box-background-offer .bg-under { left: 0px; right: 0px; } .image-2 { right: 0px; } .image-2 img { height: 100px; } .box-info-bottom-img { position: relative; bottom: auto; } .box-info-bottom-img .image-play { margin-right: 15px; } .box-info-bottom-img { left: 0px; right: 0px; flex-wrap: wrap; } .list-how-works { padding-top: 20px; } .pagination li a { font-size: 14px; line-height: 32px; width: 32px; height: 32px; } .pagination li .page-prev, .pagination li .page-next { min-height: 32px; padding: 5px 0px; } .box-contactform-right { padding: 40px 15px; } .box-contactform-left { padding: 40px 15px; } .box-info-bottom-img-3 { left: 15px; width: auto; right: 15px; max-width: 100%; } .btn.btn-signin { padding-left: 20%; } .form-trackparcel form .form-group .btn-track { font-size: 14px; line-height: 14px; padding: 10px 10px; } .box-info-trackyourparcel { padding-left: 0px; padding-right: 0px; } .box-image-contact::before { height: 75px; width: 60px; bottom: -10px; right: -10px; background-size: contain; } } @media (max-width: 349.98px) { .mobile-header-wrapper-style { width: 310px; } .perfect-scroll { width: 100%; } .nav-tabs-mobile li a { padding: 10px 8px; } .join-thousands { max-width: 140px; } .item-tick.font-xl-bold { line-height: 14px; font-size: 12px; } .item-tick { padding: 8px 0px 8px 38px; } .header .main-header .header-left .header-logo { max-width: 110px; min-width: 110px; } .btn.btn-signin { padding-left: 15%; } } @media (min-width: 1400px) { .container.wide { max-width: 1544px; } } /*OTHER SCREEN*/ .page-content p { margin-bottom: 15px; }/*# sourceMappingURL=style.css.map */ /* RESPONSIVE **************************************/ @media (min-width: 1199px) { .contact-details ul li { padding: 1.5rem 0.5rem; } } @media (min-width: 1024px) and (max-width: 1199px){ .main-home-two .elementor-heading-title{ font-size: 40px!important; line-height: 50px!important; } .featured-category, .partner-content, .posts-content, .tab-exceed-heading .heading-content{ margin: 0 15px; } } @media (max-width: 1199px) { .bottom-thumb span { display: block; } .bottom-thumb img { margin-bottom: 10px; } .bottom-thumb a { display: block!important; } .posts-content .posts-loop-style1 .small-post .rel-blog-desc{ padding: 15px 25px 15px 0; } .posts-content .small-post h4.blog-des-title{ padding-bottom: 5px; } .elementor-widget-container .row{ margin: 0; } .elementor-widget-container .calculate-shipping-content .row, .elementor-widget-container .posts-content .row { margin-left: -15px; margin-right: -15px; } table td, table th{ padding: 7px; } .header.transparent-header .btn-primary{ max-height: 52px; } .transparent-header .navbar-nav > .menu-item > a{ padding-left: 15px; padding-right: 15px; } .header-style2 .header-bottom { display: none; } .transparent-header.header-style3 .navbar-nav > .menu-item > a{ padding: 17px 15px; } .ts-button-style-default{ padding: 10px 25px!important; } .light-header .navbar-nav > .menu-item > a{ padding: 17px 20px; } .light-header .btn-primary{ padding: 17px 30px; } .footer .social a{ margin-bottom: 0; } .transparent-header.header-style1 .navbar-nav > .menu-item > a { padding-left: 15px; padding-right: 15px; } .page figure.wp-caption.alignright { margin-top: 10px; } } @media (min-width: 1025px) and (max-width: 1199px){ .header-style3 .header-bottom{ display: none; } } @media (min-width: 1025px) and (max-width: 1150px){ .transparent-header .navbar-nav > .menu-item > a{ padding-left: 15px; padding-right: 15px; } .header.header-style3 .navbar-brand:after{ right: -20px; } .footer-widget-area .wp-block-search .wp-block-search__input, .footer-widget-area .search-form .search-field { max-width: 160px; } } @media (max-width: 1024px) { .content { padding-right: 10px; } .responsive-bg-sec .elementor-background-overlay { background-image: none!important; } .masonry-wrap { margin: 0; } .review-3:nth-child(odd) { margin-right: 0; margin-left: 0; } .blog-item-next-prev .btn-primary { padding: 10px 15px; } .blog-item-next-prev { margin-left: 0; margin-right: 0; } .mobile-menu .main-menu li > a svg { display: none; } .posts-loop-style1 .col-lg-6:first-child .blog-media img { max-height: inherit; } .posts-content .posts-loop-style1 .blog-box { margin-bottom: 30px; } .posts-content .posts-loop-style1 .blog-box.small-post:last-child { margin-bottom: 0; } .comment-form-cookies-consent label { width: 91%; } .comments-list .media { display: block; } .comments-list .pull-left img { margin-bottom: 20px; } .wp-block-search .wp-block-search__input { max-width: 395px; } .related-posts h4.blog-des-title { font-size: 20px; line-height: 26px; } .related-posts .rel-blog-desc { padding: 25px; } .widget_archive select { min-width: 160px; } .transparent-header.header-style1 .navbar-nav > .menu-item > a { padding: 30px 25px; } h4.blog-des-title { letter-spacing: 0; } .features-area-group-item { min-height: 350px!important; } .notfound p { padding-left: 20px; padding-right: 20px; } .transparent-header.light-header .btn btn-primary.align-right { display: none; } .posts-style2 { padding: 0 10px; } .ts-button-style-default { padding: 13px 25px!important; } .widget-title { margin-bottom: 20px; } .mobile-bg-sec { background-size: 0 auto!important; } .posts-content .posts-style2 .posts-loop { margin-bottom: 80px; } .transparent-header .navbar-nav > .menu-item > a { padding: 16px 20px; } .counter-content h5 { line-height: 1.3; } } @media (min-width: 992px) and (max-width: 1024px){ .transparent-header .navbar-nav > .menu-item > a { padding: 16px 15px; } .footer-widget-area .wp-block-search .wp-block-search__input, .footer-widget-area .search-form .search-field { max-width: 150px; } } @media (min-width: 1025px) { .navbar-toggleable-md .navbar-nav{ display: block; } .header-style2 .navbar-toggleable-md .navbar-nav{ text-align: right; } .header-style2 .navbar-toggleable-md .navbar-collapse{ display: block!important; } .navbar-toggleable-md .navbar-nav li { display: inline-block; } .mobile-menu { display: none; } .logged-in.admin-bar .fixed-top { top: 32px; } } @media (max-width: 1024px){ .main-header .main-menu .wsmegamenu { position: static; float: none; } } @media (min-width: 768px) and (max-width: 992px){ .abox-4 { width: 220px; height: 220px; } .posts-loop.posts-loop-style1{ max-width: 800px; margin: auto; } .sidebar .widget_nav_menu ul.sub-menu{ padding-left: 8px; } .widget-title{ line-height: 1.2; } .sidebar table td, .sidebar table th{ font-size: 14px; padding: 3px; } .team-name { margin: -30px 20px 0 20px; padding: 20px 20px; } .media-heading { padding-right: 100px; } .gallery-items-list .post-meta .p-md { display: block!important; } .gallery-items-list .post-meta .p-md .more-link { margin-left: 0; display: block; text-align: left; } } @media (max-width: 1024px) { .content-des-wrp { padding: 20px; } .newsletter-section .wp-block-tnp-minimal > p, .newsletter-section .wp-block-tnp-minimal > div { width: 100%; font-size: 1.3rem; text-align: center; padding-right: 0; } .newsletter-section .wp-block-tnp-minimal { display: block; padding: 0!important; } .newsletter-section .form-control, .newsletter-section .wp-block-tnp-minimal .tnp-email { width: 100%; margin: 0 10px 0 0; } .posts-content .posts-loop-style1 .small-post .rel-blog-desc{ padding: 20px 25px 20px 0; } .title-rating-author{ padding: 15px 25px; } .title-rating-author h5{ font-size: 22px; } .pricing-content a{ padding: 10px 28px; } .sticky .post-meta.sticky-posts { margin-right: 0; } .hidden-sec{ display: block; } .visible-sec{ display: none!important; } .header-main .navbar-toggleable-md .visible-sec{ display: none!important; } .normal-header .navbar-toggler-right { top: -3px; } .normal-header .fixed-top { position: relative !important; } .m30 { margin: 1rem 0; } .fixed-top { padding: 1rem; position: relative; } .mobile-menu { display: block; } .comments-list li .children { padding-left: 15px; } .layout-rs .blog-box { margin-right: 0; } .read-more-wrapper { right: 25px; } .blog-list-widget .justify-content-between { text-align: center; } .footer.footer-style1 .footer-widget-area .blog-list-widget .justify-content-between{ text-align: left; } .blog-list-widget .justify-content-between img { float: none; margin-bottom: 15px; margin-right: 0!important; } .related-posts .rel-blog-desc { padding: 25px; } .tagline-message h1{ font-size: 48px; } .widget-title { font-size: 19px; } .authorbox { padding: 25px; } .authorbox .align-items-center { align-items: initial!important; } .comment-respond { padding: 0; } .contact-box-content { padding: 15px; } .contact-box-content h5 { font-size: 24px; } .wpcf7 textarea.form-control { height: 200px; } } @media (max-width: 992px) { .blog-social { text-align: left!important; } .blog-social h5 span:after { left: auto; } .gallery-items-list .p-md.post-tag { display: block!important; } p.post-tag .date-meta { margin-left: 0; display: block; text-align: left; } } @media (max-width: 767px) { ul.simple-list { display: none; } .sticky .sticky-content { padding: 25px 3px; } .blog-desc .blog-meta { display: block!important; padding-bottom: 10px; margin-bottom: 20px; } .blog-des-top, .related-blog, .author-senoff, .blog-item-comment-form.wide-80, .blog-item-comment { padding: 20px; } .blog-desc .blog-meta:after { left: -20px; right: -20px; } .comment-reply-title { margin-bottom: 15px; } .comment-form { margin-top: 15px; } .related-blog .blog-post { margin-bottom: 30px; } .related-blog.wide-60 { padding-top: 0; padding-bottom: 40px; } .post-share-list { margin-top: 10px; text-align: left; } .content { padding-right: 0; } .advantages { text-align: center; } .gallery-items-list .p-md.post-tag { display: block!important; } p.post-tag .date-meta { margin-left: 0; display: block; text-align: left; } .stretch-content .container { padding: 0 15px; } .newsletter-section .wp-block-tnp-minimal > p, .newsletter-section .wp-block-tnp-minimal > div { width: 100%; font-size: 1.3rem; padding-right: 0; } .newsletter-section .wp-block-tnp-minimal { display: block; padding: 0!important; } .newsletter-section .form-control, .newsletter-section .wp-block-tnp-minimal .tnp-email { width: 100%; } .blog-box .blog-meta a { margin-bottom: 10px; } .sticky-content .sticky-post { font-size: 14px; } .gallery-carousel .owl-prev i, .gallery-carousel .owl-next i { font-size: 15px; width: 40px; height: 40px; line-height: 38px; padding: 3px 10px; } .all-items-link { display: none; } .social a{ height: 30px; width: 30px; line-height: 30px; } .team-main-content { max-width: 560px; margin: auto!important; } .team-archive-content { max-width: 500px; margin: auto; } .blog-social h5 span:after { left: auto; } .blog-social:hover h5 span:after { left: auto; } .cbp-l-filters-button { margin-bottom: 50px; } .title-rating-author { padding: 15px; } .title-rating-author h5 { font-size: 22px; } .team-meta-content { background: #F6FBFF; } .comment-respond .form-group.comment-des { margin-bottom: 25px; } .pagination > li { line-height: 36px; } .related-single-post { margin-bottom: 15px; } .related-posts .col-md-6:last-child .related-single-post { margin-bottom: 0; } table td, table th { padding: 7px; } .breadcrumb-content.text-right { text-align: right!important; } .breadcrumb-content.text-right .breadcrumb { text-align: left; } .read-more-wrapper { position: relative; right: auto; } .blog-media.formate-quote img { display: none; } .footer.footer-style1 .footer-widget-area ul.menu li { width: 100%; } select { float: left; max-width: 250px; width: 100%; } .aut-dat-box { display: none; } .navbar-brand img { max-width: 150px; } .navbar .mobile-nav-toggler .svg-inline--fa { margin-top: 25px; } .variations tr { width: 100%; } .image-wrap-thum { margin: 30px 0 0 0; } .image-wrap-thum .col-md-4 { padding-left: 5px; padding-right: 5px; } .footer-widget-area .widget-title { margin-bottom: 30px; } .featured-lists-content .featured-main-content { transform: rotate(0deg); } .posts-content .posts-style2 .posts-loop { margin-bottom: 80px; } .posts-content .posts-style2:last-child .posts-loop { margin-bottom: 30px; } .posts-content .blog-meta a { margin-right: 10px; } .authorbox { padding: 25px; } .comments-list img { margin-bottom: 20px; } .comment-respond .form-control { padding: 15px 30px 15px 15px; } .comment-respond .form-group.comment-des::before { top: 13px; } .footer.section { padding-top: 105px; } .footer-bottom-part { padding-bottom: 55px; } .heading-content.left .bg-title { left: 0; } .section { padding: 60px 0; } .footer-menu{ margin-top: 15px; } .layout-rs .blog-box { margin-right: 0; } .layout-ls .blog-box { margin-left: 0; } h4.blog-des-title { font-size: 24px; line-height: 30px; } .text-left-previous, .text-right-next { margin-bottom: 15px; } .related-posts .rel-blog-desc { padding: 25px; } .authorbox img { margin-bottom: 15px; } .comment-respond { padding: 0; } .submit-button-btn .btn-primary { padding: 18px 28px; } .submit-button-btn .btn-primary { padding-left: 50px; } .footer-menu li:first-child a { padding-left: 0; } .text-right { text-align: left!important; } .absolute-pager.text-right { text-align: right!important; } .menu-img-zoom.text-right { text-align: right!important; } .footer .social { margin-top: 15px; } .posts-content .rel-blog-desc { padding: 0 15px 15px 15px; } .cat-readmore-con.absolute-position { left: 15px; } .footer-widget-area ul li a{ padding-bottom: 0; } .footer-top-part { padding: 50px 30px; margin-bottom: 50px; } .sidebar { margin-top: 50px; } .formate-quote .wp-block-quote { padding: 120px 45px 45px 45px; } .blog-media.formate-quote i { top: 45px; } } @media (max-width: 600px) { .posts-content .blog-box.small-post .blog-meta { margin-bottom: 15px; } .posts-content .blog-box.small-post h4.blog-des-title { font-size: 20px; line-height: 22px; padding: 0; } .posts-content .blog-box.small-post .blog-read-more{ font-size: 16px; } .posts-content .posts-loop-style1 .small-post .rel-blog-desc{ padding: 15px 15px 15px 0; } #wrapper .tnp-widget-minimal input.tnp-email { padding:0 0 0 20px; } .contact-details ul li { width: 100% !important; float: none !important; display: block; border: 0 !important; } .tagline-message h3 { font-size: 16px; } .image-box .details { padding: 1rem 1.5rem; } .blog-box .meta-bottom { float: left; width: 100%; } .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container{ width: calc(100% - 15px); } } @media (max-width: 540px) { .gallery-carousel .owl-nav { top: 40%; margin-top: 0; } .posts-content .blog-box.small-post .blog-meta { display: none; } } @media (max-width: 480px) { .video-popup { width: 50px; height: 50px; line-height: 50px; } .header-bottom{ display: none; } .comment-respond .form-submit:before{ right: 35px; } .form-submit .btn-primary { padding: 22px 65px 22px 35px; } .blog-meta a { margin-right: 12px; } .breadcrumb { padding: 0 10px; } .comments-list .comment .media .pull-left { min-width: 170px; } .posts-content .blog-box.small-post .blog-read-more{ display: none; } } @media (max-width: 360px) { table td, table th{ padding: 5px; } .pagination > li > a, .pagination > li > span{ margin-right: 5px; } } @media (max-width: 330px) { .posts-content .blog-box.small-post h4.blog-des-title{ margin-bottom: 0; font-size: 15px; } .posts-content .posts-loop-style1 .small-post .rel-blog-desc{ padding-right: 10px; } .wp-block-embed-twitter .twitter-tweet.twitter-tweet-rendered{ width: 105%!important; } .twitter-tweet.twitter-tweet-rendered{ width: 105%!important; } .wp-block-embed.wp-block-embed-twitter iframe{ max-width: 95%!important; min-width: 200px!important; } .twitter-tweet.twitter-tweet-rendered iframe{ max-width: 95%!important; } }