/* Theme Name: Noviia Agency Text Domain: noviia-agency */ /* =-=-=-=-=-=-=-=-=-= CSS TABLE CONTENT =-=-=-=-=-=-=-=-=-= # GENERAL # LINK STYLE # TRANSITION ELEMENTS # RESET BOX-SHADOW # TYPOGRAPHY # WORDPRESS CORE # GUTENBERG SUPPORT # GLOBAL STYLES # SITE LAYOUT # TABLE STYLE # CAROUSEL CONTROLS # BUTTON STYLE # FORM STYLE # PAGE HEADER # NAVIGATION -> DROPDOWN STYLE -> 2ND LAVEL MENU -> MEGA MENU STYLE -> MOBILE MENU STYLE # SIDE MENU # HEADER TOP BAR # TOP SEARCH # POPUP STYLE # TT SOCIAL ICON STYLE # MAGNIFIC POPUP # BLOG -> POST THUMBNAIL -> POST CONTENT -> POST FORMATE GALLERY -> POST FORMATE AUDIO -> PASSWORD REQUIRED POST -> POST FORMAT LINK -> POST FORMAT CHAT -> BLOG SIDEBAR -> RECENT COMMENT -> POST SHARE -> WIDGET ->> RECENT COMMENT WIDGET ->> POPULAR POST WIDGET ->> AUTHOR INFO WIDGET ->> NEWSLETTER WIDGET ->> WIDGET SEARCH FORM ->> CALENDER WIDGET ->> TAG CLOUD ->> BLOG PAGINATION ->> BLOG SINGLE PAGE ->> POST TAGS -> SINGLE POST NAVIGATION -> COMMENTS WRAPPER STYLE -> BLOG GRID LAYOUT -> BLOG-SEARCH-WRAPPER -> # PAGE STYLE # PORTFOLIO SINGLE PAGE # CONTACT FORM SECTION # FOOTER SECTION -> ONEPAGE FOOTER STYLE -> MULTIPAGE FOOTER STYLE # TO TOP # PRELOADER # 404 PAGE # VISUAL COMPOSER STYLES # WOOCOMMERCE -> PRODUCT SINGLE PAGE -> CART PAGE -> CHECKOUT PAGE -> WOOCOMMERCE SIDEBAR # ALL SHORTCODE STYLE -> SECTION TITLE -> ICON BLOCK STYLE -> TT LATEST POST -> NEWSLETTER SECTION -> TT SPONSORS -> TT AWARDS -> TT TESTIMONIAL -> TT TEAM STYLE -> TT WORKING PROCESS -> TT ZIGZAG WRAPPER -> TT PROMOTIONS -> TT ABOUT BLOCK -> TT WORK CAROUSEL -> TT PORTFOLIO MENU -> TT CODE BLOCK STYLE -> TT CONTACT POPUP -> TT PORTFOLIO GRID -> TT POST SHARE -> TT PORTFOLIO CAROUSEL -> TT ZIGZAG # OVERLAY BACKGROUND # SITE TRANSITION AND ANIMATION =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-= GENERAL =-=-=-=-=-=-= */ body { font-family: 'Merriweather', serif; font-size: 16px; line-height: 30px; font-weight: 400; color: #212121; overflow-x: hidden; background-color: #ffffff; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased !important; } #main-container { background-color: #ebeff0; } html, body { width: 100%; height: 100%; } @media(max-width: 575px){ body{ overflow-x: hidden; } } body.error404.dark-404, body.body-bg-dark { background-color: #282625; } body.error404.blue-404, body.body-bg-blue { background-color: #152230; } body.error404.blue-light-404, body.body-bg-blue-light { background-color: #093149; } body.error404.white-404, body.body-bg-white { background-color: #ffffff; } body.error404.off-white-404, body.body-bg-off-white { background-color: #ebeff0; } body.error404.theme-404, body.body-bg-theme { background-color: #f8d59e; } p:last-child { margin-bottom: 0; } .column-2 { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; } .column-3 { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; } .column-4 { -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; } @media (max-width: 767px) { .column-4, .column-3, .column-2 { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0; /* Chrome, Safari, Opera */ -moz-column-gap: 0; /* Firefox */ column-gap: 0; } } @media (min-width: 768px) and (max-width: 1167) { .column-3, .column-4 { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; } } .pt-100{ padding-top: 100px !important; } .no-gutters > .container > .row{ margin-left: 0; margin-right: 0; } .no-gutters .vc_column_container > .vc_column-inner, .no-gutters [class^="vc_col-"], .no-gutters [class*="vc_col-"] { padding-right: 0; padding-left: 0; } /* =-=-=-=-=-=-= LINK STYLE =-=-=-=-=-=-= */ a { color: #f26343; } a, a>* { text-decoration: none; } a:focus { color: #f26343; } a:hover { color: #e65e40; } a:focus, a:hover { text-decoration: none; } .graycell img { -webkit-filter: grayscale(100%); filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: grayscale(100%); -webkit-transition: .3s; transition: .3s; } .graycell img:hover { -webkit-filter: none; filter: none; } .letter-space-2 { letter-spacing: 2px; } .letter-space-3 { letter-spacing: 3px; } .letter-space-4 { letter-spacing: 4px; } .letter-space-5 { letter-spacing: 5px; } /* =-=-=-=-=-=-= TRANSITION ELEMENTS =-=-=-=-=-=-= */ .navbar a, .form-control { -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } a, .btn, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce .product .entry-summary a.single_add_to_cart_button { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* =-=-=-=-=-=-= RESET BOX-SHADOW =-=-=-=-=-=-= */ .btn, .form-control, .form-control:hover, .form-control:focus, .navbar-custom .dropdown-menu { box-shadow: none; } button:focus { outline: none !important; } .list-style-arrow, .list-style-check, .list-style-circle, .list-style-arrow ul, .list-style-check ul, .list-style-circle ul { list-style: none; padding: 0; margin: 0 0 25px 30px; } .list-style-arrow li, .list-style-check li, .list-style-circle li { padding-left: 40px; position: relative; margin-bottom: 10px; } .list-style-arrow li:before, .list-style-check li:before, .list-style-circle li:before { content: ""; left: 0; top: 0; position: absolute; font-family: "Font Awesome 5 Free"; -webkit-transition: all .3s; transition: all .3s; font-weight: 900; } .list-white li:before { color: #ffffff; } .list-style-arrow li:hover:before, .list-style-check li:hover:before, .list-style-circle li:hover:before { color: #021bdd; } .list-style-arrow li:before { content: "\f061"; } .list-style-check li:before { content: "\f00c"; } .list-style-circle li:before { content: "\f192"; } /* =-=-=-=-=-=-= TYPOGRAPHY =-=-=-=-=-=-= */ h1, h2, h3, h4, h5, h6 { color: #2f2f2f; font-weight: 700; margin: 0 0 15px; font-family: 'Fira Sans', sans-serif; } h1 { font-size: 48px; line-height: 58px; } h2 { font-size: 30px; line-height: 40px; } h3 { font-size: 26px; line-height: 36px; } h4 { font-size: 22px; line-height: 30px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /* =-=-=-=-=-=-= WORDPRESS CORE =-=-=-=-=-=-= */ .alignnone { margin: 25px 0; display: block; } .aligncenter, div.aligncenter { display: block; margin: 25px auto; } .alignright { display: block; float: right; margin: 5px 0 25px 20px; } .alignleft { display: block; float: left; margin: 5px 20px 25px 0; } a img.alignright { float: right; margin: 15px 0 25px 20px; } a img.alignnone { margin: 15px 20px 25px 0; } a img.alignleft { float: left; margin: 15px 20px 25px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } img.alignright{ margin: 5px 0 25px 20px !important; } img.alignnone { margin: 25px 0 25px !important; } img.alignleft { margin: 5px 20px 25px 0 !important; } img.aligncenter { margin: 25px auto !important; } body:not(.single-post) .post-content > p:last-child img.alignleft, body:not(.single-post) .post-content > p:last-child img.alignright, body:not(.single-post) .post-content > p:last-child img.aligncenter, body:not(.single-post) .post-content > p:last-child img.alignnone, body:not(.single-post) .post-content > p:last-child .alignleft, body:not(.single-post) .post-content > p:last-child .alignright, body:not(.single-post) .post-content > p:last-child .aligncenter, body:not(.single-post) .post-content > p:last-child .alignnone, body:not(.single-post) .post-content > figure.alignleft:last-child, body:not(.single-post) .post-content > figure.alignright:last-child, body:not(.single-post) .post-content > figure.aligncenter:last-child, body:not(.single-post) .post-content > figure.alignnone:last-child, body:not(.single-post) .post-content > blockquote:last-child{ margin-bottom: 0 !important; } /* =-=-=-=-=-=-=-=-=-=-=-= GUTENBERG SUPPORT =-=-=-=-=-=-=-=-=-=-=-= */ .alignfull, .alignwide{ margin-left: 0; margin-right: 0; width: auto; } .wp-block-image{ max-width: inherit; } @media only screen and ( min-width: 950px) { .single-post .entry-content .alignwide { margin-left: -100px; margin-right: -100px; width: auto; } .single-post .entry-content .alignfull { margin-left: calc( -100vw / 2 + 101.8% / 2); margin-right: calc( -100vw / 2 + 101.8% / 2); } .single-post.header-left-menu .entry-content .alignfull { margin-left: calc( -100vw / 2 + 100% / 2 - -58px); margin-right: calc( -100vw / 2 + 100% / 2 - -58px); } .single-post .creative .entry-content .alignfull { margin-left: calc( -100vw / 2 + 75% / 2); margin-right: calc( -100vw / 2 + 50% / 2); max-width: 100vw; } .single-post .entry-content .alignfull { margin-left: calc( -100vw / 2 + 100% / 2); margin-right: calc( -100vw / 2 + 100% / 2); max-width: 100vw; } .wp-block-gallery { margin: 0 -8px 15px -8px; } } @media screen and (min-width: 568px) and (max-width: 767px) { .wp-block-cover-image { min-height: 300px; } } @media (max-width: 567px) { .wp-block-cover-image { min-height: 220px; } } .wp-block-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; padding: 0 !important; margin: 15px 0; clear: both; } .wp-block-gallery.alignleft{ margin-right: 30px; } .wp-block-gallery.alignright { margin-left: 30px; } .has-single-sidebar.single-post .entry-content .alignwide { margin-left: -30px; margin-right: -30px; } .single-post .creative .entry-content .alignwide { margin-left: -100px; margin-right: -100px; } .has-single-sidebar.single-post .creative .entry-content .alignwide, .has-single-sidebar.single-post .entry-content .alignfull { margin-left: -30px; margin-right: -30px; } .wp-caption { background: #ffffff; border-bottom: 1px solid #f0f0f0; text-align: center; max-width: 100%; } .wp-caption figcaption { padding: 7px 0; font-size: 14px; color: #666666; } .wp-caption.alignnone { margin: 20px 0px 25px; } .wp-caption.alignleft { margin: 20px 20px 25px 0; } .wp-caption.alignright { margin: 20px 0 25px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .wp-block-embed figcaption{ margin-bottom: 0; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .wp-block-table.is-style-stripes{ border-color: #c9c9c9; } /* ---- NEW GUTENBERG CUSTOMIZE ---*/ .wp-block-cover, .wp-block-cover-image{ min-height: 450px; } .wp-block-column{ margin-bottom: 30px; } .wp-block-column .wp-block-quote{ margin-top: 0; } .wp-block-column:nth-child(2n+1), .blog .wp-block-column:not(:last-child) { margin-right: 15px; } .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) { margin-left: 15px; } .wp-block-image figcaption { line-height: 22px; } .single-post .wp-block-columns.alignfull, .single-post .wp-block-columns.alignwide{ padding: 0 15px } .has-single-sidebar.single-post .wp-block-columns.alignfull, .has-single-sidebar.single-post .wp-block-columns.alignwide{ padding: 0; } .blog .wp-block-columns ol, .blog .wp-block-columns ul, .blog .wp-block-columns dl { padding-left: 0; list-style-position: inside; } .blog .wp-block-columns blockquote { padding: 0 0 0 15px; } .blog .wp-block-columns blockquote cite:before{ top: 8px; width: 15px; } .blog .wp-block-columns blockquote cite { font-size: 13px; padding-left: 20px; line-height: 1.3; display: inline-block; } .blog .wp-block-media-text .has-large-font-size { font-size: 22px; margin-bottom: 8px; } .blog .wp-block-pullquote.is-style-solid-color blockquote { width: 100%; } .blog .wp-block-gallery.columns-4 figcaption, .blog .wp-block-gallery.columns-5 figcaption, .blog .wp-block-gallery.columns-6 figcaption, .blog .wp-block-gallery.columns-7 figcaption, .blog .wp-block-gallery.columns-8 figcaption, .blog .wp-block-gallery.columns-9 figcaption { display: none; } .wp-block-separator{ width: 100px; border-color: #ccc; margin: 30px auto; } .wp-block-separator.is-style-wide{ width: 100%; } .wp-block-separator.is-style-dots:before { padding-left: 0; font-weight: bold; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 10px; } .widget_recent_comments ul li a, .wp-block-latest-comments__comment-meta a{ color: #212121; } .widget_recent_comments ul li a:hover, .wp-block-latest-comments__comment-meta a:hover{ color: #021bdd; } .comment-author-link, .wp-block-latest-comments__comment-author{ font-weight: bold; } .wp-block-latest-comments__comment { display: block; position: relative; overflow: hidden; } .wp-block-latest-comments{ padding-left: 0; } .wp-block-latest-comments li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; } .posts-content .wp-block-latest-comments li article{ overflow: hidden; margin-bottom: 0; } .wp-block-categories, .wp-block-archives, .wp-block-latest-posts{ padding-left: 0; } .wp-block-latest-posts.is-grid li:last-child{ margin-bottom: 0; } .wp-block-categories li, .wp-block-archives li, .wp-block-latest-posts li{ list-style: none; padding-left: 20px; position: relative; } .wp-block-latest-posts li{ margin-bottom: 20px; } .wp-block-categories li a, .wp-block-archives li a, .wp-block-latest-posts li a{ color: #212121; } .wp-block-categories li a:hover, .wp-block-archives li a:hover, .wp-block-latest-posts li a:hover{ color: #021bdd; } .wp-block-categories li .children, .wp-block-archives li .children, .wp-block-latest-posts li .children{ padding-left: 0 } .wp-block-categories li:before, .wp-block-archives li:before, .wp-block-latest-posts li:before{ content: "\f105"; font-family: Font Awesome\ 5 Free; font-weight: 900; left: 0; position: absolute; color: rgba(0,0,0,.4); } .wp-block-archives-dropdown select{ padding: 10px; width: 100%; margin-bottom: 15px; border: 1px solid #c9c9c9; border-radius: 3px; } @media (min-width: 600px) { .blog .wp-block-latest-posts.columns-4 li, .blog .wp-block-latest-posts.columns-5 li, .blog .wp-block-latest-posts.columns-6 li, .blog .wp-block-latest-posts.columns-7 li, .blog .wp-block-latest-posts.columns-8 li, .blog .wp-block-latest-posts.columns-9 li { width: calc(33.3% - 16px); } } .has-huge-font-size, .has-large-font-size, .has-larger-font-size{ line-height: 1.5; } .wp-block-video video{ display: block; } p.wp-block-subhead, .entry-content .wp-block-cover, .entry-content .wp-block-cover-image, .entry-content .wp-block-gallery, .wp-block-image, .wp-block-text-columns, .entry-content .wp-block-button, blockquote.wp-block-quote, .entry-content .wp-block-quote.is-large, .wp-block-code, .wp-block-audio, .entry-content .wp-block-video, .wp-block-preformatted, .wp-block-verse, .wp-block-table, .wp-block-categories, .entry-content .wp-block-latest-posts, .wp-block-embed, .wp-block-pullquote, .wp-block-media-text { margin: 25px 0 30px; } .entry-content ul.wp-block-gallery { margin: 25px 0 25px; } .entry-content .wp-block-button.alignleft, blockquote.wp-block-quote.alignleft, .entry-content .wp-block-quote.is-large.alignleft, .entry-content .wp-block-cover.alignleft, .wp-block-pullquote.alignleft, .wp-block-image.alignleft, .entry-content .wp-block-cover-image.alignleft{ margin: 0 20px 30px 0; } .entry-content .wp-block-gallery.alignleft{ margin: 0 20px 25px 0; } .entry-content .wp-block-button.alignright, blockquote.wp-block-quote.alignright, .entry-content .wp-block-quote.is-large.alignright, .entry-content .wp-block-cover.alignright, .wp-block-pullquote.alignright, .wp-block-image.alignright, .entry-content .wp-block-cover-image.alignright{ margin: 0 0 30px 20px; } .entry-content .wp-block-gallery.alignright{ margin: 0 0 25px 20px; } .post-content > p.wp-block-subhead:last-child, .entry-content .post-content > .wp-block-cover:last-child, .entry-content .post-content > .wp-block-cover-image:last-child, .post-content > .wp-block-image:last-child, .post-content > .wp-block-image:last-child .alignleft, .post-content > .wp-block-image:last-child .alignright, .post-content > .wp-block-image:last-child .aligncenter, .post-content > .wp-block-image:last-child .alignnone, .post-content > .wp-block-text-columns:last-child, .entry-content .post-content > .wp-block-button:last-child, .post-content > blockquote.wp-block-quote:last-child, .entry-content .post-content > .wp-block-quote.is-large:last-child, .post-content > .wp-block-code:last-child, .post-content > .wp-block-audio:last-child, .entry-content .post-content > .wp-block-video:last-child, .post-content > .wp-block-preformatted:last-child, .post-content > .wp-block-verse:last-child, .post-content > .wp-block-table:last-child, .post-content > .wp-block-categories:last-child, .entry-content .post-content > .wp-block-latest-posts:last-child, .post-content > .wp-block-embed:last-child, .post-content > .wp-block-pullquote:last-child, .post-content > .wp-block-media-text:last-child, .entry-content .post-content > ul.wp-block-gallery:last-child, .entry-content .post-content > .wp-block-gallery.alignleft:last-child, .entry-content .post-content > .wp-block-cover.alignleft:last-child, .entry-content .post-content > .wp-block-gallery.alignright:last-child, .entry-content .post-content > .wp-block-cover.alignright:last-child { margin-bottom: 0; overflow: hidden; } /* =-=-=-=-=-=-= GLOBAL STYLES =-=-=-=-=-=-= */ .opacity-1{ opacity: .1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .opacity-2{ opacity: .2 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .opacity-3{ opacity: .3 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; } .opacity-4{ opacity: .4 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .opacity-5{ opacity: .5 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .opacity-6{ opacity: .6 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .opacity-7{ opacity: .7 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .opacity-8{ opacity: .8 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .opacity-9{ opacity: .9 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } @media (min-width: 1200px) and (max-width: 1399px) { .container { max-width: 1170px; } } @media (min-width: 1400px) { .container { max-width: 1200px; } } figure { margin: 0 0 24px; } .list-inline { list-style: none; margin: 0; } .list-inline li { display: inline-block; } body.fullwidth-layout { background-image: none !important; } .fa { font-family: "Font Awesome 5 Free"; } .transparent, .transparent .vc_tta-panels { background: transparent !important; border-color: transparent !important; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .vc_parallax .vc_parallax-inner { background-size: contain !important; background-repeat: no-repeat; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-size: inherit; } .header-left-menu .site-wrapper, .no-header .site-wrapper, .header-transparent .site-wrapper{ padding: 0 !important; } @media only screen and (min-width:1200px) { .header-left-menu .site-wrapper { margin-left: 100px; } } /*=-=-=-=-=-=-=-= SITE LAYOUT =-=-=-=-=-=-=-=*/ @media only screen and (min-width:1200px) { .box-layout .site-wrapper { max-width: 1200px; margin: 0 auto; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05); overflow: hidden; } .box-framed-layout .site-wrapper { max-width: 1200px; margin: 0 auto; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05); overflow: hidden; padding: 25px 0; } .box-layout .header-wrapper, .box-framed-layout .header-wrapper { max-width: 1200px; } .box-framed-layout .header-top-wrapper { margin-top: 25px; } } @media only screen and (min-width:1300px) { .box-framed-layout .site-wrapper, .box-layout .site-wrapper { max-width: 1220px; } .box-framed-layout .header-wrapper, .box-layout .header-wrapper { max-width: 1220px; margin: 0 auto; } } @media only screen and (min-width:1400px) { .box-framed-layout .site-wrapper, .box-layout .site-wrapper { max-width: 1400px; } .box-framed-layout .header-wrapper, .box-layout .header-wrapper { max-width: 1400px; margin: 0 auto; } } @media only screen and (min-width:1200px) { body.box-framed-layout:before, body.box-framed-layout:after { background: inherit; content: ""; display: block; height: 25px; left: 0; position: fixed; width: 100%; z-index: 999; } body.box-framed-layout:after { bottom: 0; } } @media(min-width: 768px) { body.border-layout:before, body.border-layout:after { background: inherit; content: ""; display: block; height: 20px; left: 0; position: fixed; width: 100%; z-index: 99999; } body.border-layout:after { bottom: 0; } .border-layout .site-wrapper { margin: 0 20px; overflow: hidden; } .border-layout .header-top-wrapper { margin-top: 20px; } .border-layout .header-wrapper.navbar-fixed-top { width: inherit; left: 20px; right: 20px; } } .section-wrapper { position: relative; } .section-padding { padding: 120px 0; } @media (min-width: 768px) and (max-width: 991px) { .vc_row.mobile-padding, .mobile-padding { padding: 80px 0 !important; } } @media (min-width: 576px) and (max-width: 767px) { .vc_row.mobile-padding, .mobile-padding { padding: 60px 0 !important; } } @media (max-width: 575px) { .vc_row.mobile-padding, .mobile-padding { padding: 50px 0 !important; } } @media (max-width: 767px) { .white-overlay, .dark-overlay { position: relative; } .white-overlay:before, .dark-overlay:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block !important; height: 100%; } .white-overlay:before { background-color: rgba(255, 255, 255, .4); } .dark-overlay:before { background-color: rgba(0, 0, 0, .5); } } .vc_row.section-wrapper { margin-left: 0; margin-right: 0; } .vc_row.vc_row-o-full-height { min-height: 100vh !important; } .ie9 .vc_row-o-full-height .container { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); } .page-left-sidebar .entry-content .container, .page-right-sidebar .entry-content .container, .page-no-sidebar .entry-content .container, .blog-wrapper .posts-content .container { width: 100%; } .mb-50 { margin-bottom: 50px; } .no-padding { padding: 0; } .tt-overlay { background-color: rgba(0, 0, 0, 0.6); position: absolute !important; left: 0; top: 0; right: 0; bottom: 0; } .overflow-hidden { overflow: hidden; } .gutenberg-page-template, .page-wrapper, .content-wrapper { padding: 100px 0; } .header-section-show.bottom-to-top-overlay .page-wrapper, .header-section-show.bottom-to-top-overlay .content-wrapper{ padding: 0 0 100px; } .page .page-wrapper .page-content { padding: 25px 30px; background-color: #ffffff; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 4px; } .blog-wrapper.blog-sticky { padding-top: 50px; } .colored { color: #021bdd; } .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6 { color: #ffffff; } .dark-text { color: #212121; } .theme-text { color: #021bdd; } dl dd { margin-bottom: 10px; } pre { border: 1px solid #c9c9c9; padding: 15px; } iframe { width: 100%; } .post-content > ul:last-child, .post-content > ol:last-child{ margin-bottom: 0; } /* Alert */ .alert { padding: 8px 15px; border-radius: 0; } .alert-info { color: #31708f; background-color: #f5f5f5; border-color: transparent; border-radius: 3px; } blockquote { position: relative; margin: 0 0 21px; padding: 15px 10px 15px 20px; border-left: 4px solid #b7b7b7; font-size: 16px; font-style: italic; } blockquote[style*="text-align:right"] { border-left: 0; border-right: 4px solid #b7b7b7; padding-right: 30px !important; } .blog .posts-content .entry-content blockquote[style*="text-align:right"] { padding-right: 30px !important; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 0 0 21px; padding: 15px 10px 15px 20px; font-size: 20px; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p, .wp-block-pullquote p, .wp-block-pullquote.is-style-solid-color blockquote p{ font-size: 20px; line-height: 1.8; } .wp-block-pullquote p br{ display: none; } .blog .entry-content blockquote{ padding-right: 0 !important; } .has-no-sidebar .entry-content .wp-block-pullquote blockquote { margin-left: 0 } blockquote cite { font-size: 13px; position: relative; padding-left: 28px; } blockquote cite br{ display: none; } blockquote cite:before { content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 1px; background-color: #212121; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer{ font-size: 16px; } .wp-block-pullquote { border-top: 4px solid #b7b7b7; border-bottom: 4px solid #b7b7b7; padding: 40px 0 40px 0 !important; border-left: 0; } .wp-block-pullquote.is-style-solid-color{ padding-left: 15px !important; padding-right: 15px !important; } .wp-block-pullquote blockquote { padding: 0 50px; margin: 0; border: 0; } .wp-block-pullquote cite, .wp-block-pullquote footer { font-style: normal; } .blog-template .wp-block-pullquote blockquote, .blog .wp-block-pullquote blockquote { max-width: 100%; } .blog .wp-block-pullquote blockquote { padding: 0; } .blog .wp-block-embed-twitter { margin: 0 auto; } .blog iframe{ margin: 0 auto; width: 100% !important; } .wp-block-pullquote blockquote>p, .wp-block-pullquote>p { margin: 5px !important; } .blog-quote blockquote { background-color: #0290dd; min-height: 320px; color: #ffffff; padding: 30px 30px 150px 30px; border-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-style: normal; font-size: 20px; line-height: 32px; margin: 0; } .single .blog-quote blockquote { padding: 30px; } .blog-quote blockquote i { font-size: 30px; margin-bottom: 10px; } .blog-quote blockquote p { margin-bottom: 5px; } .blog-quote blockquote a { color: #ffffff; padding-bottom: 10px; position: relative; } ul.check-list { padding-left: 30px; } ul.check-list li { list-style: none; position: relative; } ul.check-list li:before { position: absolute; top: 0; left: -30px; content: "\f00c"; font-family: fontawesome; margin-right: 15px; } /* =-=-=-=-=-=-= TABLE STYLE =-=-=-=-=-=-= */ table { border: 1px solid #c9c9c9; width: 100%; max-width: 100%; margin-bottom: 15px; } table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th { padding: 5px; vertical-align: middle; border: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; } table a { color: #212121; text-decoration: underline; } .footer-sidebar table{ border: 1px solid #6b6b6b; } .footer-sidebar table>tbody>tr>td, .footer-sidebar table>tbody>tr>th, .footer-sidebar table>tfoot>tr>td, .footer-sidebar table>tfoot>tr>th, .footer-sidebar table>thead>tr>td, .footer-sidebar table>thead>tr>th { border: 1px solid #6b6b6b; border-top: 1px solid #6b6b6b; } .post-content > table:last-child{ margin-bottom: 0; } /* =-=-=-=-=-=-= CAROUSEL CONTROLS =-=-=-=-=-=-= */ .owl-controls { margin: -20px 0 0; } .owl-theme .owl-dots .owl-dot span { margin: 0 5px; border-radius: 0; background-color: rgba(0, 0, 0, .15); border: 1px solid rgba(0, 0, 0, .15); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .owl-theme.squire-dot .owl-dots .owl-dot span { -webkit-transform: rotate(0); transform: rotate(0); } .owl-theme.circle-dot .owl-dots .owl-dot span { border-radius: 50%; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #021bdd; border: 1px solid #021bdd; } /* =-=-=-=-=-=-= BUTTON STYLE =-=-=-=-=-=-= */ .btn, .vc_general.vc_btn3, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce .product .entry-summary a.single_add_to_cart_button { font-family: 'Fira Sans', sans-serif; position: relative; padding: 14px 28px; border-radius: 0; font-size: 14px; font-weight: 500; text-transform: uppercase; z-index: 1; overflow: hidden; } .btn:before, .btn:after, .vc_general.vc_btn3:before, .vc_general.vc_btn3:after, .woocommerce a.button:before, .woocommerce a.button:after, .woocommerce button.button.alt:before, .woocommerce button.button.alt:after, .woocommerce input.button:before, .woocommerce input.button:after, .woocommerce input.button.alt:before, .woocommerce input.button.alt:after, .woocommerce #respond input#submit:before, .woocommerce #respond input#submit:after, .woocommerce .product .entry-summary a.single_add_to_cart_button:before, .woocommerce .product .entry-summary a.single_add_to_cart_button:after { content: ""; width: 150%; height: 200%; background-color: rgba(255, 255, 255, .25); position: absolute; -webkit-transform: rotate(32deg); transform: rotate(32deg); left: -100%; top: 66px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: -1; -webkit-filter: blur(2px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: blur(2px); } .btn:before, .vc_general.vc_btn3:before, .woocommerce a.button:before, .woocommerce button.button.alt:before, .woocommerce input.button:before, .woocommerce input.button.alt:before, .woocommerce #respond input#submit:before, .woocommerce .product .entry-summary a.single_add_to_cart_button:before{ -webkit-transition-delay: .2s; transition-delay: .2s; } .btn:hover:before, .btn:hover:after, .vc_general.vc_btn3:hover:before, .vc_general.vc_btn3:hover:after, .woocommerce a.button:hover:before, .woocommerce a.button:hover:after, .woocommerce button.button.alt:hover:before, .woocommerce button.button.alt:hover:after, .woocommerce input.button:hover:before, .woocommerce input.button:hover:after, .woocommerce input.button.alt:hover:before, .woocommerce input.button.alt:hover:after, .woocommerce #respond input#submit:hover:before, .woocommerce #respond input#submit:hover:after, .woocommerce .product .entry-summary a.single_add_to_cart_button:hover:before, .woocommerce .product .entry-summary a.single_add_to_cart_button:hover:after { left: 100%; top: -92px; } .btn-xs { padding: 8px 16px; font-size: 11px; } .btn-sm { padding: 12px 24px; font-size: 12px; } .btn-group-lg>.btn, .btn-lg { padding: 16px 32px; font-size: 16px; } .btn-xl { padding: 18px 36px; font-weight: 600; font-size: 18px; } .btn-primary, .loadmore-btn, .show>.btn-primary.dropdown-toggle, .open>.dropdown-toggle.btn-primary, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce .product .entry-summary a.single_add_to_cart_button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .widget.woocommerce #respond input#submit, .widget.woocommerce a.button, .widget.woocommerce button.button, .widget.woocommerce input.button { font-family: 'Fira Sans', sans-serif; color: #ffffff; font-size: 15px; font-weight: 500; text-transform: uppercase; background-color: #021bdd; border: 0; } .loadmore-btn:focus, .loadmore-btn:hover, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:active, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce button.button.alt:active, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button:active, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button.alt:active, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit:active, .woocommerce .product .entry-summary a.single_add_to_cart_button:hover, .woocommerce .product .entry-summary a.single_add_to_cart_button:focus, .woocommerce .product .entry-summary a.single_add_to_cart_button:active, .widget.woocommerce #respond input#submit:hover, .widget.woocommerce a.button:hover, .widget.woocommerce button.button:hover, .widget.woocommerce input.button:hover { background-color: #0218be; color: #ffffff; box-shadow: none; } .btn-outline { color: #ffffff; background-color: transparent; border-color: #ffffff; } .btn-outline.active, .btn-outline.focus, .btn-outline:active, .btn-outline:focus, .btn-outline:hover, .open>.dropdown-toggle.btn-outline { color: #ffffff; background-color: #021bdd; border-color: transparent; } .btn-default { color: #021bdd; background-color: #ffffff; border-color: transparent; } .btn-creative { position: relative; background: none; color: #ffffff; font-size: 16px; font-weight: 500; margin: 0 10px; line-height: 30px; display: inline-block; z-index: 1; } .btn-creative:hover{ color: #ffff; } .btn-creative:after, .btn-creative:before { content: ""; left: -10px; right: -10px; width: calc(100% + 20px); height: 10px; bottom: 4px; background-color: #021bdd; position: absolute; z-index: -1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn-creative:after{ -webkit-transform: scaleX(0); transform: scaleX(0); background-color: #f26343; } .btn-creative:hover:after{ -webkit-transform: scaleX(1); transform: scaleX(1); } .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { color: #021bdd; background-color: #dfdfdf; border-color: transparent; } /* =-=-=-=-=-=-= FORM STYLE =-=-=-=-=-=-= */ .form-group { margin-bottom: 30px; } .form-control { height: 45px; background-color: transparent; border: 1px solid #c9c9c9; border-radius: 3px; } .form-control:focus { border-color: #021bdd; background-color: #fafafa; } /* =-=-=-=-=-=-= PAGE HEADER =-=-=-=-=-=-= */ .page-header-section { position: relative; background-size: cover; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 450px; text-align: center; background-position: center; } .page-header-section .tt-overlay { position: relative; background-color: rgba(0, 0, 0, 0.5); } .page-header-section .tt-overlay.bottom-to-top-overlay { background: -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgb(255, 255, 255) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0%, rgb(255, 255, 255) 100%); } .page-header-section .tt-overlay.bottom-to-top-overlay:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 200px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); z-index: 1; } .blog .page-header-section .tt-overlay.bottom-to-top-overlay, .search .page-header-section .tt-overlay.bottom-to-top-overlay, .archive:not(.post-type-archive) .page-header-section .tt-overlay.bottom-to-top-overlay{ background: -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgb(255, 255, 255) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgb(233, 237, 240) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0%, rgb(233, 237, 240) 100%) } .blog .page-header-section .tt-overlay.bottom-to-top-overlay:after, .search .page-header-section .tt-overlay.bottom-to-top-overlay:after, .archive:not(.post-type-archive) .page-header-section .tt-overlay.bottom-to-top-overlay:after { background: -webkit-linear-gradient(top, rgba(233, 237, 240, 0) 0%, rgb(233, 237, 240) 100%); background: linear-gradient(to bottom, rgba(233, 237, 240, 0) 0%, rgb(233, 237, 240) 100%); } /* PAGE HEADER OVERLAY ================================ */ body.body-bg-dark .page-header-section .tt-overlay.bottom-to-top-overlay, body.body-bg-dark .page-header-section .tt-overlay.bottom-to-top-overlay:after { background: -webkit-linear-gradient(top, rgba(40, 38, 37, 0) 0%, rgba(40, 38, 37, 1) 100%); background: linear-gradient(to bottom, rgba(40, 38, 37, 0) 0%, rgba(40, 38, 37, 1) 100%); } body.body-bg-blue .page-header-section .tt-overlay.bottom-to-top-overlay, body.body-bg-blue .page-header-section .tt-overlay.bottom-to-top-overlay:after { background: -webkit-linear-gradient(top, rgba(21, 34, 48, 0) 0%, rgb(21, 34, 48) 100%); background: linear-gradient(to bottom, rgba(21, 34, 48, 0) 0%, rgb(21, 34, 48) 100%); } body.body-bg-blue-light .page-header-section .tt-overlay.bottom-to-top-overlay, body.body-bg-blue-light .page-header-section .tt-overlay.bottom-to-top-overlay:after { background: -webkit-linear-gradient(top, rgba(9, 49, 73, 0) 0%, rgb(9, 49, 73) 100%); background: linear-gradient(to bottom, rgba(9, 49, 73, 0) 0%, rgb(9, 49, 73) 100%); } body.body-bg-white .page-header-section .tt-overlay.bottom-to-top-overlay, body.body-bg-white .page-header-section .tt-overlay.bottom-to-top-overlay:after { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); } body.body-bg-off-white .page-header-section .tt-overlay.bottom-to-top-overlay, body.body-bg-off-white .page-header-section .tt-overlay.bottom-to-top-overlay:after { background: -webkit-linear-gradient(top, rgba(235, 239, 240, 0) 0%, rgb(235, 239, 240) 100%); background: linear-gradient(to bottom, rgba(235, 239, 240, 0) 0%, rgb(235, 239, 240) 100%); } body.body-bg-theme .page-header-section .tt-overlay.bottom-to-top-overlay, body.body-bg-theme .page-header-section .tt-overlay.bottom-to-top-overlay:after { background: -webkit-linear-gradient(top, rgba(248, 213, 158, 0) 0%, rgb(248, 213, 158) 100%); background: linear-gradient(to bottom, rgba(248, 213, 158, 0) 0%, rgb(248, 213, 158) 100%); } .page-header-section h2 { display: inline-block; font-size: 60px; line-height: 70px; color: #ffffff; margin: 0; font-weight: 900; } body.bottom-to-top-overlay .page-header-section h2{ color: #152230; } @media(max-width: 991px) { .page-header-section h2 { font-size: 36px; line-height: 40px; } } @media(max-width: 575px) { .page-header-section { padding: 20px 0 !important; height: 220px !important; } .page-header-section h2 { font-size: 26px; line-height: 30px; } } .page-header-section .page-header { margin: 0; padding: 0; border-bottom: 0; position: relative; z-index: 101; } .single-post .page-header-section .page-header { text-align: center; } .header-default .page-header-section, .no-header .page-header-section { padding: 100px 0; } .header-transparent .page-header-section { padding: 130px 0 100px; } .page-header .breadcrumb { background-color: transparent; padding: 0; margin: 10px 0 0; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .single-post.header-transparent .page-header .breadcrumb { -ms-flex-pack: left; -webkit-box-pack: left; justify-content: left; } .single-post .page-header .breadcrumb { float: none; } .page-header .breadcrumb li a, .page-header .breadcrumb li.active { color: #e2e2e2; } .page-header .breadcrumb li a:hover{ text-decoration: underline; } .page-header .breadcrumb>li+li:before { color: #e2e2e2; } body.bottom-to-top-overlay .page-header .breadcrumb li a, body.bottom-to-top-overlay .page-header .breadcrumb li.active, body.bottom-to-top-overlay .page-header .breadcrumb>li+li:before { color: #152230; } body.body-bg-dark.bottom-to-top-overlay .page-header .breadcrumb li a, body.body-bg-blue.bottom-to-top-overlay .page-header .breadcrumb li a, body.body-bg-blue-light.bottom-to-top-overlay .page-header .breadcrumb li a, body.body-bg-dark.bottom-to-top-overlay .page-header-section h2, body.body-bg-blue.bottom-to-top-overlay .page-header-section h2, body.body-bg-blue-light.bottom-to-top-overlay .page-header-section h2, body.body-bg-dark.bottom-to-top-overlay .page-header-section .page-header .breadcrumb li.active, body.body-bg-blue.bottom-to-top-overlay .page-header-section .page-header .breadcrumb li.active, body.body-bg-blue-light.bottom-to-top-overlay .page-header-section .page-header .breadcrumb li.active, body.body-bg-dark.bottom-to-top-overlay .page-header-section .page-header .breadcrumb>li+li:before, body.body-bg-blue.bottom-to-top-overlay .page-header-section .page-header .breadcrumb>li+li:before, body.body-bg-blue-light.bottom-to-top-overlay .page-header-section .page-header .breadcrumb>li+li:before { color: #ffffff; } @media (max-width: 767px) { .page-header-section { text-align: center; } .page-header-section h2 { display: block; margin-bottom: 0; } .page-header .breadcrumb { margin: 15px 0 0; } } /* =-=-=-=-=-=-= NAVIGATION =-=-=-=-=-=-= */ .main-menu-wrapper { margin-top: 8px; } .main-menu, .header-default .navbar > .container { position: relative; } .navbar .justify-content-start { margin-left: 20px; } .header-center-logo .navbar .justify-content-start { margin-left: 0; } .standard-menu .navbar .container{ position: relative; } .navbar { background-color: #152230; } @media(min-width:992px) { /*menu label*/ .navbar-nav li.new>a { position: relative; } .navbar-nav li.new>a:before { content: "New"; position: absolute; left: 0; top: -3px; font-size: 10px; background-color: red; display: inline-block; line-height: 12px; padding: 0 2px; color: #ffffff; border-radius: 3px; text-transform: uppercase; } .navbar-nav .dropdown-menu li.new>a:before { left: auto; right: 25px; top: 14px; } /*end menu label*/ .navbar-nav li.has-mega-menu { position: static; } .standard-menu .navbar-nav ul { padding: 10px 20px 10px; box-shadow: 0 0 15px rgba(0,0,0,.1); } .navbar-nav ul { position: static; display: block; border: 0; margin: 0; min-width: 230px; border-radius: 0; } .header-left-menu .navbar-nav .megamenu-wrapper ul{ min-width: 210px; } .navbar { padding: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .header-transparent .navbar { background-color: transparent; } .navbar-nav>li>.dropdown-menu { margin-top: 23px; } .sticky .navbar-nav>li>.dropdown-menu { margin-top: 13px; } .navbar-right .dropdown-menu { right: auto; left: 15px; } .sticky .navbar-right .dropdown-menu { left: 13px; } .wpb_wrapper .navbar-collapse { display: block !important } } .single-post .header-wrapper .navbar, .header-default .header-wrapper .navbar { -o-box-shadow: 0px 2px 4px -3px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 4px -3px rgba(0, 0, 0, 0.25); } .header-default.header-transparent .header-wrapper .navbar { box-shadow: none; } .navbar-brand { margin: 0; padding: 0; height: auto; } .header-left-menu .navbar-brand { min-width: 100px; text-align: center; } @media(min-width: 1200px){ .header-left-menu .navbar-brand { margin: 10px auto 0; } } .navbar-brand img { height: inherit; } .header-left-menu .navbar-brand img{ margin: 0 auto; } .navbar-brand span { display: inline-block; padding: 0; font-size: 25px; height: 80px; line-height: 80px; } .standard-menu .navbar-brand img{ max-height: 80px; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; } @media(min-width: 992px) { .header-center-logo .navbar>.container .navbar-brand, .header-center-logo .navbar>.container-fluid .navbar-brand { margin: 0 20px; } } @media (max-width: 575px){ .header-left-menu .navbar-brand { min-width: 80px; } .navbar-brand img { max-height: 60px; } } .navbar .nav>li { padding: 0 15px; -webkit-transition: padding .4s ease-in-out; transition: padding .4s ease-in-out; } .navbar .nav>li:first-child{ padding-left: 0; } .navbar .nav>li:last-child{ padding-right: 0; } .navbar .nav>li>a { line-height: 50px; -webkit-transform: translateZ(0); transform: translateZ(0); } .navbar .nav li a i { margin-right: 8px; } .navbar .nav li a.menu-heading { cursor: default; font-size: 15px !important; text-transform: uppercase; padding-left: 0 !important; } .navbar .nav li a.menu-heading:hover { color: inherit; background-color: transparent; } .navbar .nav li.has-mega-menu a.menu-heading::before{ top: auto; bottom: 7px; width: 20px; } .navbar .nav li.has-mega-menu a.menu-heading:hover { padding-left: 0; } .navbar .nav li.has-mega-menu a.menu-heading:hover:before { width: 20px; } .navbar { margin-bottom: 0; border-color: transparent; z-index: 10000; border: 0; border-radius: 0; padding: 0; } .header-wrapper.navbar-fixed-top { position: static; width: 100%; z-index: 100; } .header-wrapper.navbar-fixed-top.sticky { position: fixed; } .header-transparent .header-wrapper.navbar-fixed-top { position: absolute; top: 0; } .header-wrapper.navbar-fixed-top.sticky { position: fixed; top: 0; z-index: 999; background-color: #152230; } .header-transparent .header-wrapper.sticky { background-color: #152230; } .single-post.header-transparent .header-wrapper, .header-section-hide.header-transparent:not(.page-template-template-home) .header-wrapper { position: static; background-color: #152230; } .single-post.header-transparent .header-wrapper:before{ display: none; } .single-post.header-transparent .header-wrapper.sticky, .header-section-hide.header-transparent:not(.page-template-template-home) .header-wrapper.sticky { position: fixed; } @media(max-width: 575px) { .header-transparent .header-wrapper.sticky, .header-transparent .header-wrapper.navbar-fixed-top { position: static; background-color: #152230; } .header-default .header-wrapper.navbar-fixed-top, .header-default .header-wrapper.sticky { position: static; } } @media only screen and (min-width:1200px) { .box-framed-layout .header-wrapper.navbar-fixed-top.sticky { top: 25px; } } @media only screen and (min-width:768px) { .border-layout .header-wrapper.navbar-fixed-top.sticky { top: 20px; } } @media only screen and (min-width:1300px) { .box-framed-layout .site-wrapper .header-wrapper.navbar-fixed-top.sticky, .box-framed-layout .site-wrapper .navbar.navbar-fixed-top.sticky, .box-layout .site-wrapper .header-wrapper.navbar-fixed-top.sticky, .box-layout .site-wrapper .navbar.navbar-fixed-top.sticky { max-width: 1220px; margin: 0 auto; } } @media only screen and (min-width:1400px) { .box-framed-layout .site-wrapper .header-wrapper.navbar-fixed-top.sticky, .box-framed-layout .site-wrapper .navbar .navbar-fixed-top.sticky, .box-layout .site-wrapper .header-wrapper.navbar-fixed-top.sticky, .box-layout .site-wrapper .navbar .navbar-fixed-top.sticky { max-width: 1400px; margin: 0 auto; } } @media(min-width: 768px) { .border-layout .header-wrapper.navbar-fixed-top.sticky, .border-layout .navbar .navbar-fixed-top.sticky { left: 20px; right: 20px; width: inherit; } } .admin-bar.header-transparent .header-wrapper, .admin-bar .header-wrapper, .admin-bar .sticky.header-wrapper { top: 32px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; } @media only screen and (min-width:1200px) { .box-framed-layout.admin-bar.header-transparent .header-wrapper, .box-framed-layout.admin-bar .header-wrapper, .box-framed-layout.admin-bar .header-wrapper.sticky { top: 57px; } } @media only screen and (min-width:768px) { .border-layout.admin-bar.header-transparent .header-wrapper, .border-layout.admin-bar .header-wrapper, .border-layout.admin-bar .header-wrapper.sticky { top: 52px; } } @media(max-width: 782px) { .admin-bar.header-transparent .header-wrapper, .admin-bar .header-wrapper.sticky { top: 45px; } } @media(max-width: 600px) { .admin-bar .header-wrapper.sticky { top: 0; } } .navbar .navbar-nav>li>a { color: #4c4c4c; font-size: 15px; line-height: 24px; font-weight: 400; text-transform: uppercase; } @media (min-width: 992px){ .navbar .navbar-nav>li>a { min-height: 80px; line-height: 80px; } } .side .navbar-nav li a, .standard-menu .navbar .navbar-nav li a{ font-family: Fira Sans, sans-serif; color: #fff; display: block; position: relative; } @media (min-width: 992px){ .standard-menu .navbar .navbar-nav > li > a:before{ content: ""; width: 0; left: 0; right: 0; bottom: 0; height: 3px; margin: 0 auto; background: transparent; position: absolute; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .navbar .navbar-nav li.current-menu-ancestor>a:before, .navbar .navbar-nav li.current-menu-parent>a:before, .navbar .navbar-nav li.current-menu-item>a:before, .standard-menu .navbar .navbar-nav > li.active > a:before, .standard-menu .navbar .navbar-nav > li:hover > a:before{ background-color: #ffffff; visibility: visible; opacity: 1; width: 30px; } } .navbar .navbar-nav .menu-dropdown li a{ padding: 5px 0; } .navbar .side .navbar-nav li a{ color: #ffffff; } .side .navbar-nav li.current-menu-ancestor>a, .side .navbar-nav li.current-menu-parent>a, .side .navbar-nav li.current-menu-item>a { font-weight: bold; } .header-transparent .navbar .navbar-nav > li > a{ color: #ffffff; } .standard-menu .navbar .side .navbar-nav li a:hover, .header-transparent .navbar .navbar-nav > li > a:hover, .header-transparent .navbar .navbar-nav>.active>a, .header-transparent .navbar .navbar-nav>.active>a:focus, .header-transparent .navbar .navbar-nav>.active>a:hover, .navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover { background-color: transparent; } /*DROPDOWN STYLE*/ .navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover { color: #021bdd; background-color: transparent; } .navbar-nav>li:hover>.dropdown-wrapper>ul { display: block; } .navbar .navbar-nav>li .dropdown-menu { border-radius: 0; padding: 10px 0; border: 0; position: static; box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, 0.07); } .dropdown-menu>li>a { padding: 7px 20px; font-size: 15px; font-weight: 400; line-height: 24px; color: #2f2f2f; display: block; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #ffffff; background-color: transparent; } .navbar .navbar-nav li.current-menu-ancestor>a, .navbar .navbar-nav li.current-menu-parent>a, .navbar .navbar-nav li.current-menu-item>a { color: #ffffff; } .standard-menu .navbar .navbar-nav li ul li.current-menu-ancestor>a, .standard-menu .navbar .navbar-nav li ul li.current-menu-parent>a, .standard-menu .navbar .navbar-nav li ul li.current-menu-item>a { padding-left: 15px; } .navbar .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a, .navbar .navbar-nav li.current-menu-parent.has-mega-menu-child>a { color: #ffffff; } .navbar .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a:hover, .navbar .navbar-nav li.current-menu-parent.has-mega-menu-child>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #ffff; } .navbar-nav li .dropdown-wrapper { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; left: 0; top: 100%; width: 100%; -webkit-transition: all .2s; transition: all .2s; z-index: 100; } .navbar-nav>li>a>span { font-size: 11px; margin-left: 5px; position: relative; top: -1px; } .navbar-nav li .dropdown-wrapper span { position: absolute; top: 12px; right: 15px; font-size: 12px; } /*2ND LAVEL MENU*/ .standard-menu .navbar-nav li ul li a{ position: relative; } .standard-menu .navbar-nav li ul li a:before{ content: ""; width: 0; height: 1px; background-color: #ffffff; display: inline-block; margin-right: 5px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .standard-menu .navbar-nav li ul li.current-menu-item a:before, .standard-menu .navbar-nav li ul li.current-menu-ancestor>a:before, .standard-menu .navbar-nav li ul li.current-menu-parent>a:before, .standard-menu .navbar-nav li ul li a:hover:before{ width: 10px; } .navbar-nav li>.dropdown-wrapper li>.dropdown-wrapper { left: calc(100% + 20px); margin-left: 10px; top: -10px; padding: 0 0 0 5px; -webkit-transition: all .2s; transition: all .2s; } .navbar-nav li>.dropdown-wrapper li.dropdown-inverse .dropdown-wrapper { left: auto; right: calc(100% + 60px); min-width: 195px; margin-right: 10px; margin-left: 0; padding: 0 5px 0 0; -webkit-transition: all .2s; transition: all .2s; } .navbar-nav li>.dropdown-wrapper li.dropdown-inverse:hover .dropdown-wrapper { margin-right: -5px; } .navbar-nav li>.dropdown-wrapper li.dropdown-inverse-left .dropdown-wrapper { right: auto; left: calc(100% + 20px); margin-left: 10px; margin-left: 10px; margin-right: 0; padding: 0 0 0 5px; } .navbar-nav li>.dropdown-wrapper li.dropdown-inverse-left:hover .dropdown-wrapper { margin-left: -5px; margin-right: 0; } .navbar-nav>li .dropdown-wrapper li:hover>.dropdown-wrapper { margin-left: -5px; } .navbar-nav>li:hover>.dropdown-wrapper, .navbar-nav>li .dropdown-wrapper li:hover>.dropdown-wrapper { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* =-=-=-=-=-=-= MEGA MENU STYLE =-=-=-=-=-=-= */ .navbar-nav li .megamenu-wrapper { position: absolute; top: 58px; left: auto; right: 0; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding: 22px 15px 0; -webkit-transition: all .2s; transition: all .2s; } .navbar-nav li:hover>.megamenu-wrapper, .navbar-nav li:hover>.megamenu-wrapper .dropdown-wrapper { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .navbar-nav li.has-mega-menu>.megamenu-wrapper .dropdown-wrapper { position: static; padding: 0; } .navbar-nav li.has-mega-menu>.megamenu-wrapper .dropdown-wrapper ul { display: block; width: 100%; margin: 0; padding: 0; border: 0; box-shadow: none; } .navbar-nav li.has-mega-menu>.megamenu-wrapper .dropdown-wrapper ul li { border: 0; } .navbar-nav li.has-mega-menu .megamenu-wrapper ul li a { padding: 5px 0; } .navbar-nav li.has-mega-menu .megamenu-wrapper ul li a.menu-heading{ position: relative; text-transform: uppercase; position: relative; cursor: default; } .navbar-nav li.has-mega-menu .megamenu-wrapper ul li a.menu-heading:hover{ opacity: 1; } .standard-menu .navbar-nav li ul li a:hover{ padding-left: 15px; } .navbar-nav li.has-mega-menu li.has-mega-menu-child .dropdown-wrapper ul li:last-child a { border-bottom: 0; } .megamenu-wrapper .dropdown-megamenu { width: 100%; padding: 20px !important; } .megamenu-wrapper .menu-col-1>li { width: 100%; } .megamenu-wrapper .menu-col-2>li { width: 50%; float: left; } .megamenu-wrapper .menu-col-3>li { width: 33.33%; float: left; } .megamenu-wrapper .menu-col-4>li { overflow: hidden; width: 25%; float: left; } .menu-wrapper .megamenu-wrapper .dropdown-megamenu { padding: 0 !important; } .navbar .sticky .dropdown-wrapper { top: 40px; padding-top: 23px; } .navbar .sticky .megamenu-wrapper { top: 35px; padding-top: 28px; } .navbar .sticky .navbar-nav li:hover>.megamenu-wrapper { top: 25px; } @media (min-width: 992px) and (max-width: 1199px) { .navbar-nav li .megamenu-wrapper{ padding-top: 20px; } } /* =-=-=-=-=-=-= MOBILE MENU STYLE =-=-=-=-=-=-= */ @media(max-width: 991px) { .mobile-menu { margin-top: 20px; margin-bottom: 50px; } .navbar .nav>li { padding: 0; } .navbar .navbar-nav li a { color: #ffffff; display: block; padding: 8px 0; font-size: 16px; } .navbar .navbar-nav .open .dropdown-menu>li>a:focus, .navbar .navbar-nav .open .dropdown-menu>li>a:hover, .navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover { background-color: transparent; color: #021bdd; } .navbar .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a, .navbar .navbar-nav li.current-menu-parent.has-mega-menu-child>a { color: #ffffff; } .navbar-nav li { list-style: none; position: relative; } .navbar-nav li ul { padding-left: 15px; } .navbar-nav li .dropdown-wrapper, .navbar-nav li .sub-dropdown-wrapper { position: static; padding: 0; margin: 0; } .navbar-nav>li:hover>.dropdown-wrapper>ul { display: none; } .navbar-nav>li.open>.dropdown-wrapper>ul { display: block; } /*dropdown trigger*/ .navbar-nav>li.dropdown a span { float: right; margin-top: -5px; padding: 10px; font-size: 20px; } .navbar-nav>li.dropdown a span.fa-angle-down { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar-nav>li.dropdown.menu-collapsed a span.fa-angle-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .navbar-nav>li .dropdown-wrapper li.menu-collapsed>a>span.fa-angle-right { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .navbar-nav li .dropdown-wrapper span { right: 0; top: 5px; } .navbar-nav>li .dropdown-wrapper li.menu-collapsed>.dropdown-wrapper, .navbar-nav>li.dropdown.menu-collapsed>.dropdown-wrapper { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .navbar-nav>li .dropdown-wrapper li.menu-collapsed>.dropdown-wrapper>ul, .navbar-nav>li.dropdown.menu-collapsed>.dropdown-wrapper>ul { display: block; } /*mobile menu dropdown trigger*/ .dropdown-menu-trigger { margin-right: 0; position: absolute; right: 0; top: 4px; color: #fff; border: 0; text-align: center; background-color: transparent; cursor: pointer; } .isSafari .navbar .side .navbar-nav > li > a, .ios-browser .navbar .side .navbar-nav > li > a { padding-right: 10px; } .dropdown-menu-trigger i { background-color: rgba(150, 150, 150, 0.34); font-size: 12px; width: 28px; height: 28px; line-height: 28px; border-radius: 50%; font-size: 16px; display: inline-block; } .dropdown-menu-trigger i:last-child { display: none; } .dropdown-menu-trigger.menu-collapsed i:first-child { display: none; } .dropdown-menu-trigger.menu-collapsed i:last-child { display: block; background-color: #021bdd; color: #ffffff; } .has-mega-menu .has-mega-menu-child .collapse { display: block; padding-left: 15px; } .has-mega-menu .has-mega-menu-child .dropdown-menu-trigger { display: none; } } .navbar-toggle { border-radius: 0; margin-top: 10px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .navbar .navbar-toggle .icon-bar { background-color: #ffffff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover { background-color: #EF4836; border-color: #EF4836; } @media(min-width: 992px){ body.is-menu-open{ overflow: hidden; } } .full-screen-menu{ background-color: transparent; position: fixed; z-index: 105; left: 0; } .full-screen-menu .navbar{ background-color: transparent; } .header-wrapper.full-screen-menu.menu-trigger-left{ max-width: 100px; height: 100%; background-color: #152330; } .header-wrapper.full-screen-menu.menu-trigger-left .menu-border{ position: absolute; top: 0; right: 0; height: 100%; width: 1px; background-color: #fff; opacity: .2; } .menu-trigger{ color: #fff; width: 100%; margin-top: 40px; } .menu-trigger:hover{ cursor: pointer; } .menu-trigger .menu-text { padding-bottom: 30px; text-align: center; } .menu-trigger .menu-text span{ display: block; line-height: 1.5; font-family: 'Fira Sans', sans-serif; font-size: 13px; font-weight: 500; } .menu-trigger .menu-action{ height: 40px; width: 28px; position: absolute; bottom: -45px; } .ie .menu-trigger .menu-action { width: 100%; bottom: -45px; left: 0px; right: 0px; text-align: center; margin: 0 auto; } .menu-trigger .menu-action span{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: 1px; margin-left: -0.5px; background-color: #FFF; -webkit-transition: all 0.5s cubic-bezier(0.000, 0.785, 0.000, 1.000); transition: all 0.5s cubic-bezier(0.000, 0.785, 0.000, 1.000); } .menu-trigger:hover .menu-action span:nth-child(1){ -webkit-transform: translate(-50%, -30%) rotate(90deg) scaleY(0.7); transform: translate(-50%, -30%) rotate(90deg) scaleY(0.7); } .menu-trigger:hover .menu-action span:nth-child(2){ -webkit-transform: translate(-50%, -70%) rotate(90deg) scaleY(0.7); transform: translate(-50%, -70%) rotate(90deg) scaleY(0.7); } .is-menu-open .menu-trigger .menu-action span:nth-child(1){ -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .is-menu-open .menu-trigger .menu-action span:nth-child(2){ -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } @media(max-width: 991px){ .full-screen-menu .menu-trigger{ display: none !important; } } /*menu wrapper*/ .menu-wrapper{ position: fixed; top: 30px; left: 0px; right: 30px; height: 100vh; z-index: 85; display: block; font-weight: 700; -webkit-transform: translate(0px, 150%); transform: translate(0px, 150%); background-color: #021bdd; overflow: hidden; overflow-y: auto; -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); z-index: 103; } .is-menu-open .menu-wrapper { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } .is-menu-open #pp-nav { z-index: 0; } .is-menu-open .navbar-brand { z-index: 100; } .menu-wrapper .navbar-nav{ padding: 100px 0 100px 200px; } .menu-wrapper .navbar-nav > li{ overflow: hidden; font-family: 'Fira Sans', sans-serif; font-weight: 900; max-width: 570px; position: relative; } .menu-wrapper.overflow-visible .navbar-nav > li{ overflow: visible; } .menu-wrapper .navbar-nav > li a{ background-color: #021bdd; color: #07189e; font-size: 70px; line-height: 1; display: inline-block; padding: 20px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 650ms cubic-bezier(0.645, 0.05, 0.355, 1) 0s; transition: all 650ms cubic-bezier(0.645, 0.05, 0.355, 1) 0s; } .menu-wrapper .navbar-nav > li > a{ padding-right: 40px; } @media(min-width: 992px){ .is-menu-open .navbar-nav > li > a span{ display: none; } } .is-menu-open .navbar-nav li a span{ top: 17px; } .menu-dropdown{ position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; padding: 8px 0; margin: 2px 0 0; font-size: 15px; color: #ffffff; text-align: left; list-style: none; background-color: #1b2c3e; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); } .menu-wrapper .navbar-nav li .dropdown-wrapper, .menu-wrapper .navbar-nav li .megamenu-wrapper{ left: 100%; } .menu-wrapper .navbar-nav li:hover .dropdown-wrapper, .menu-wrapper .navbar-nav li:hover .megamenu-wrapper{ /*top: 15px;*/ top: calc(100% - 90px); } .header-left-menu .menu-wrapper .navbar-nav li:hover .dropdown-wrapper{ top: 30px; } .menu-wrapper .navbar-nav>li .dropdown-wrapper li>.dropdown-wrapper, .menu-wrapper .navbar-nav>li .dropdown-wrapper li:hover>.dropdown-wrapper { top: -8px; } .menu-wrapper .navbar-nav li .dropdown-wrapper .menu-dropdown, .menu-wrapper .navbar-nav li .megamenu-wrapper .menu-dropdown{ background-color: transparent; } .menu-wrapper .navbar-nav li .dropdown-wrapper .menu-dropdown li a, .menu-wrapper .navbar-nav li .megamenu-wrapper .menu-dropdown li a { font-size: 24px; line-height: 35px; font-weight: 500; color: #fff; display: block; padding: 5px 20px; opacity: .8; } .menu-wrapper .navbar-nav li .megamenu-wrapper .menu-dropdown li a{ font-size: 18px; line-height: 26px; } .menu-wrapper .navbar-nav li .megamenu-wrapper .menu-dropdown li a.menu-heading{ opacity: 1 !important; } .menu-wrapper .navbar-nav li .dropdown-wrapper .menu-dropdown li a:hover, .menu-wrapper .navbar-nav li .megamenu-wrapper .menu-dropdown li a:hover{ opacity: 1; } .menu-wrapper .navbar-nav > li a:hover, .menu-wrapper .navbar-nav li.current-menu-ancestor>a, .menu-wrapper .navbar-nav li.current-menu-parent>a, .menu-wrapper .navbar-nav li.current-menu-item>a { color: #ffffff; } .menu-wrapper .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a, .menu-wrapper .navbar-nav li.current-menu-parent.has-mega-menu-child>a { color: #ffffff; } .menu-wrapper .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a:hover, .menu-wrapper .navbar-nav li.current-menu-parent.has-mega-menu-child>a:hover, .menu-wrapper .menu-dropdown>li>a:focus, .menu-wrapper .menu-dropdown>li>a:hover { color: #ffffff; } .menu-wrapper .navbar-nav li ul li.current-menu-item>a, .menu-wrapper .navbar-nav li ul li.current-menu-parent>a, .menu-wrapper .navbar-nav li ul li.current-menu-ancestor>a{ opacity: 1 !important; } .menu-wrapper .navbar-nav > li:nth-child(1) a{ -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .menu-wrapper .navbar-nav > li:nth-child(2) a{ -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .menu-wrapper .navbar-nav > li:nth-child(3) a{ -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .menu-wrapper .navbar-nav > li:nth-child(4) a{ -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .menu-wrapper .navbar-nav > li:nth-child(5) a{ -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .menu-wrapper .navbar-nav > li:nth-child(6) a{ -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .menu-wrapper .navbar-nav > li:nth-child(7) a{ -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .menu-wrapper .navbar-nav > li:nth-child(8) a{ -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .menu-wrapper.menu-visible .navbar-nav > li a{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(0px); transform: translateY(0px); } .menu-wrapper.menu-visible .navbar-nav > li.dropdown > a { position: relative; display: block; overflow: hidden; } @media(min-width: 992px){ .menu-wrapper.menu-visible .navbar-nav > li.dropdown > a::before, .menu-wrapper.menu-visible .navbar-nav > li.dropdown > a::after{ bottom: 40px; position: absolute; color: #ffffff; -webkit-transition: letter-spacing .5s ease-in-out; transition: letter-spacing .5s ease-in-out; line-height: 1; opacity: .8; font-size: 18px; } .menu-wrapper.menu-visible .navbar-nav > li.dropdown > a::after { content: "----------------------------------------------------------------------------------------------------"; font-size: 18px; letter-spacing: -8px; margin-left: 15px; overflow: hidden; white-space: nowrap; } .menu-wrapper.menu-visible .navbar-nav > li.dropdown:hover > a::after{ /*width: 100%;*/ letter-spacing: -3px; } .menu-wrapper.menu-visible .navbar-nav > li.dropdown > a::before{ content: "\f141"; font-family: "Font Awesome 5 Free"; font-weight: 900; letter-spacing: 1px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; left: auto; right: 0; } .menu-wrapper.menu-visible .navbar-nav > li.dropdown:hover > a::before{ right: -25px; } } /*reset transition relay*/ .menu-wrapper.overflow-visible .navbar-nav > li a{ -webkit-transition-delay: unset; transition-delay: unset; } /*mega menu fix for fullscreen menu*/ .menu-wrapper .navbar-nav li .megamenu-wrapper { -webkit-box-flex: 0; -ms-flex: none; flex: none; min-width: 850px; } @media(min-width: 1450px) and (max-width: 1650px){ .menu-wrapper .navbar-nav li .megamenu-wrapper { min-width: 680px; } } @media(min-width: 1200px) and (max-width: 1449px){ .menu-wrapper .navbar-nav li .megamenu-wrapper { min-width: 600px; } .menu-wrapper .megamenu-wrapper .menu-col-3>li, .menu-wrapper .megamenu-wrapper .menu-col-4>li{ width: 50%; margin-bottom: 30px; } .menu-wrapper .megamenu-wrapper .menu-col-3>li:nth-child(3), .menu-wrapper .megamenu-wrapper .menu-col-4>li:nth-child(3){ clear: left; } } @media(min-width: 991px) and (max-width: 1199px){ .menu-wrapper .navbar-nav li .megamenu-wrapper { min-width: inherit; } .menu-wrapper .megamenu-wrapper .menu-col-3>li, .menu-wrapper .megamenu-wrapper .menu-col-4>li{ width: 100%; } } @media(max-width: 1400px){ .menu-wrapper .navbar-nav{ padding: 100px 0 100px 150px; } } /*resposive style for menu wrapper*/ @media(max-width: 1199px){ .menu-wrapper{ top: 80px; right: 0; height: calc(100vh - 80px); } body.blog.bottom-to-top-overlay .page-header-section h2{ font-size: 65px; line-height: 75px; } .header-wrapper.full-screen-menu.menu-trigger-left { max-width: inherit; height: inherit; } .full-screen-menu{ position: relative; top: 0 !important; } .menu-trigger{ width: inherit; margin-top: 0; } .menu-trigger .menu-text { padding-bottom: 0; margin-right: 80px; text-align: center; } .menu-trigger .menu-text span { display: inline-block; } .menu-trigger .menu-action { bottom: auto; right: 27px; top: 21px; } .menu-trigger .menu-action span:nth-child(1) { -webkit-transform: translate(-50%, -30%) rotate(90deg) scaleY(0.7); transform: translate(-50%, -30%) rotate(90deg) scaleY(0.7); } .menu-trigger .menu-action span:nth-child(2) { -webkit-transform: translate(-50%, -70%) rotate(90deg) scaleY(0.7); transform: translate(-50%, -70%) rotate(90deg) scaleY(0.7); } .menu-wrapper .navbar-nav { padding: 100px 0 100px 80px; } } @media(max-width: 991px){ .menu-wrapper .navbar-nav { padding: 100px; } .menu-wrapper .navbar-nav > li{ max-width: inherit; } .menu-wrapper .navbar-nav > li a{ font-size: 50px; padding: 15px 0; display: block; } .menu-wrapper .navbar-nav > li.dropdown:before{ display: none; } .menu-wrapper .navbar-nav li .dropdown-wrapper .menu-dropdown, .menu-wrapper .navbar-nav li .megamenu-wrapper .menu-dropdown{ visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border: 0; padding-left: 10px; } .navbar-nav>li .dropdown-wrapper li.menu-collapsed>.dropdown-wrapper>ul, .navbar-nav>li .megamenu-wrapper li.menu-collapsed>.dropdown-wrapper>ul, .navbar-nav>li.dropdown.menu-collapsed>.dropdown-wrapper>ul, .navbar-nav>li.dropdown.menu-collapsed>.megamenu-wrapper>ul, .navbar-nav li.menu-collapsed>.megamenu-wrapper, .navbar-nav li.menu-collapsed>.megamenu-wrapper .dropdown-wrapper { position: static; float: none; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .menu-wrapper .navbar-nav>li .dropdown-wrapper li:hover>.dropdown-wrapper { margin-left: 10px; margin-right: 0; } .menu-wrapper .navbar-nav li>.dropdown-wrapper li.dropdown-inverse .dropdown-wrapper{ margin-right: 0; padding: 0; margin-left: 0; } .menu-wrapper .navbar-nav li .dropdown-wrapper .menu-dropdown li a{ padding: 12px 0; } .menu-wrapper .navbar-nav>li.dropdown.menu-collapsed a span{ -webkit-transform: rotate(90deg); transform: rotate(90deg); } .menu-wrapper .navbar-nav li .dropdown-wrapper .menu-dropdown li.menu-collapsed > a span{ -webkit-transform: rotate(0); transform: rotate(0); } .is-menu-open .menu-wrapper .navbar-nav li .dropdown-wrapper span { top: 8px; right: -10px; } } @media(max-width: 575px){ .menu-trigger .menu-action { top: 12px; } .menu-wrapper { top: 60px; } .menu-wrapper .navbar-nav { padding: 60px 60px 80px; } .navbar-nav li ul { padding-left: 7px; } .menu-wrapper .navbar-nav > li a{ font-size: 30px; } .is-menu-open .navbar-nav li a span { top: 1px; } } @media (max-width: 768px){ body.blog.bottom-to-top-overlay .page-header-section h2{ font-size: 45px; line-height: 55px; } } /*================ SIDE MENU ================*/ .side-menu { margin-left: 10px; } @media(max-width: 991px){ .full-screen-menu .side-menu{ margin-right: 25px; } } @media(max-width: 575px){ .full-screen-menu .side-menu{ margin-right: 3px; } } .side-menu>a { color: #ffffff; } .side-menu>a:hover, .side-menu>a:focus { color: #021bdd; } .side-menu>a i { font-size: 20px; } @media(max-width: 575px) { .side-menu>a i { margin-left: 8px; font-size: 25px; } } body.on-side { overflow: hidden; } .side { position: fixed; overflow-y: auto; top: 0; right: -300px; width: 300px; padding: 0 20px 25px; height: 100%; display: block; background-color: #263444; z-index: 1020; -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .body-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1010; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 300ms; transition: all 300ms; cursor: pointer; } .body-overlay.active { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .admin-bar .side { padding-top: 50px; } .side.on { right: 0; } .side .tt-sidebar-wrapper .widget { margin-bottom: 50px; } .side .tt-sidebar-wrapper .widget input::-webkit-input-placeholder { color: #ffffff; } .side .tt-sidebar-wrapper .widget input::-moz-placeholder { color: #ffffff; } .side .tt-sidebar-wrapper .widget input:-ms-input-placeholder { color: #ffffff; } .side .widget-title, .side .widget-title a, .side .tt-sidebar-wrapper .widget-title { border-color: rgba(255, 255, 255, 0.10); color: #ffffff; font-size: 20px; padding-bottom: 0; margin-bottom: 10px; } .side .tt-popular-post .media-body h4 a, .side .tt-latest-post .media-body h4 a, .side .tt-recent-comments .media-body h4 a { color: #ffffff; } .side .close-side { color: #adadad; text-align: center; font-size: 14px; z-index: 10; position: absolute; right: 10px; width: 30px; top: 47px; height: 30px; box-shadow: inset 0 0 15px rgba(255, 255, 255, .2); display: none; } .side .close-side i{ -webkit-transition: .3s; transition: .3s; } .side .close-side:hover i { -webkit-transform: scale(1.2); transform: scale(1.2); color: #ffffff; } @media(max-width: 767px) { .side .close-side { position: relative; top: 0; left: 0; display: block; } } .side .widget { position: relative; z-index: 1; margin-bottom: 25px; } .side .widget .title { color: #555; margin-bottom: 15px; font-weight: bold; } .side .widget ul.link { padding: 0; margin: 0; list-style: none; } .side .widget p { color: #ffffff; } .side .widget ul.link li a { color: #ffffff; letter-spacing: 1px; padding: 5px 0; display: block; } .side .widget ul.link li a:focus, .side .widget ul.link li a:hover { color: #777; text-decoration: none; } .side .mobile-menu.navbar-collapse { border: none; } .side button.dropdown-menu-trigger { color: #aaa; width: 40px; } /*sidebar title*/ .toogle-menu-sidebar.tt-sidebar-wrapper .widget-title { padding: 0 20px 8px 20px; margin: 0 -20px 20px -20px; } .side .tt-sidebar-wrapper a { color: #ffffff; } .side a, .side .entry-meta a, .side .entry-meta li { color: rgba(255, 255, 255, .8) } .side a:hover, .side .tt-latest-post .media-body a:hover, .side .entry-meta a:hover { color: rgba(255, 255, 255, .7) } .side .entry-meta a { font-size: 12px !important; } .side .tt-latest-post .entry-meta li+li:before { background-color: #ededed !important; } .side .tt-sidebar-wrapper a:hover { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .side .tt-sidebar-wrapper ul li i { color: #ff9000; } .side .tt-sidebar-wrapper caption, .side .tt-sidebar-wrapper td, .side .tt-sidebar-wrapper th, .side .tt-sidebar-wrapper li, .side .tt-sidebar-wrapper .widget select { color: #ffffff; } .side .tt-sidebar-wrapper .widget select option { color: #212121; } .side .wp-caption { background-color: transparent; border-color: #484747; } /* =-=-=-=-=-=-= HEADER TOP BAR =-=-=-=-=-=-= */ .header-top-wrapper { background-color: #f9f9f9; border-bottom: 1px solid #f2f2f2; font-size: 13px; line-height: 40px; position: relative; z-index: 9999; } .header-transparent .header-top-wrapper { background-color: transparent; border-bottom: 1px solid rgba(253, 253, 253, 0.09); } .header-wrapper.sticky .header-top-wrapper { display: none; } .news-ticker-wrapper { display: none; } .news-ticker-wrapper span { float: left; margin-right: 10px; font-weight: 700; } .news-ticker-wrapper ul li a { color: #525252; } .news-ticker { margin: 0; padding: 0; list-style: none; line-height: 40px; } .news-ticker li { font-size: 13px; } .contact-info ul { float: right; margin: 0; padding: 0; } @media(max-width: 767px) { .contact-info ul { float: none; } } .contact-info ul li { color: #525252; display: inline-block; line-height: 18px; padding-right: 20px; } .contact-info ul li i { margin-right: 5px; } .contact-info ul li:last-child { padding-right: 0; } .contact-info ul li a { color: #525252; } .contact-info ul li a:hover { color: #021bdd; } .contact-info ul li:last-child { border-right: 0; } .navbar .nav-attr { line-height: 1; } @media(max-width: 575px) { .navbar .nav-attr { margin-right: 15px; } } /*Language switcher*/ .language-switcher #lang_sel { height: 18px; } .language-switcher>div { z-index: 100000; } .language-switcher ul li { text-align: center; width: 60px !important; } .language-switcher ul li a.lang_sel_sel { background: none !important; border: 0 !important; margin-left: 10px; } .language-switcher ul li a.lang_sel_sel:after { content: "\f107"; font-family: fontawesome; } .language-switcher #lang_sel ul ul { width: 60px; } /*header cart icon*/ .woo-action-button { position: relative; right: 20px; top: 22px; float: right; } .woo-action-button:before { border-left: 1px solid #ddd; content: ""; position: absolute; left: 5px; top: 0; height: 22px; } .tt-cart-count { margin-left: 20px; margin-right: 10px; } .tt-cart-count .cart-contents { color: #ffffff; position: relative; display: block; } .tt-cart-count .cart-contents .cart-count { background-color: #021bdd; border-radius: 50%; color: #ffffff; display: inline-block; left: 11px; line-height: 14px; margin-left: 2px; position: absolute; text-align: center; top: -14px; height: 14px; min-width: 16px; font-size: 9px; font-weight: bold; } .header-transparent .tt-cart-count .cart-contents .cart-count { background-color: #ffffff; color: #2f2f2f; } .tt-cart-count .cart-contents .cart-count:after { content: ""; position: absolute; right: 4px; top: 13px; border-top: 5px solid #021bdd; border-right: 7px solid transparent; } .header-transparent .tt-cart-count .cart-contents .cart-count:after { border-top: 5px solid #fff; } /*=================== TOP SEARCH ===================*/ .top-search { position: relative; z-index: 999; background-color: #f9f9f9; } .top-search .input-group button { z-index: 99; line-height: 50px; font-size: 15px; color: #2f2f2f; right: 0; } .top-search form { display: none; } .top-search input.form-control { height: 50px; background-color: transparent; border: none; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; padding: 0; } .top-search .input-group-addon { background-color: transparent; border: none; padding-left: 0; padding-right: 0; } .top-search .input-group-addon.close-search { cursor: pointer; } .header-search { margin: 2px 10px 0 15px; } .header-search a { color: #ffffff; font-size: 15px; } .header-search a:hover{ color: #021bdd; } .header-search a i.search-close { display: none; } .header-search a.is-visible i.search-open { display: none; } .header-search a.is-visible i.search-close { display: inline-block; } /*header transparent styles*/ .header-transparent .news-ticker-wrapper, .header-transparent .news-ticker-wrapper a, .header-transparent .contact-info ul li, .header-transparent .contact-info ul li a, .header-transparent .tt-cart-count .cart-contents, .header-transparent .header-search a, .header-transparent .side-menu>a { color: #ffffff; } .tt-cart-count .cart-contents:hover, .news-ticker-wrapper a:hover, .header-transparent .contact-info ul li a:hover, .header-transparent .header-search a:hover, .header-transparent .side-menu>a:hover { color: #021bdd; } .header-transparent .header-wrapper { position: relative; } .header-transparent .header-wrapper:before { content: ""; background: rgba(0, 0, 0, 0.46); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.46)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); top: 0; position: absolute; width: 100%; height: 100px; z-index: 9; } .header-section-show.header-transparent .header-wrapper:before { height: 340px; } .header-transparent .header-wrapper.sticky:before { display: none; } /* =-=-=-=-=-=-= POPUP STYLE =-=-=-=-=-=-= */ .tt-popup-wrapper { position: relative; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tt-popup-wrapper img { width: 100%; } .tt-popup-wrapper.translate-boxshadow:hover, .tt-popup-wrapper.translate:hover { margin-top: -10px; box-shadow: 0 10px 35px rgba(0, 0, 0, .5); } .tt-popup-wrapper.translate-boxshadow:hover { -webkit-box-box-shadow: 0 4px 32px 0 rgba(53, 53, 53, .3); box-shadow: 0 4px 32px 0 rgba(53, 53, 53, .3); } .tt-popup-wrapper .popup-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } /* hover icon */ .tt-popup-icon { font-size: 45px; cursor: pointer; border-radius: 50%; text-align: center; position: absolute; text-decoration: none; z-index: 1; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #212121; -webkit-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; width: 120px; height: 120px; line-height: 120px; font-size: 21px; } .tt-popup-icon:hover { background: rgba(255, 255, 255, 1); color: #000000; } .tt-popup-icon:focus { color: #fff; } .tt-popup-icon:hover i { color: #000000; } .tt-popup-icon:hover:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-popup-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; box-sizing: content-box; top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; transform: scale(.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .tt-popup-icon:before { speak: none; font-size: 48px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .tt-popup-wrapper .link-text { font-size: 12px; } .tt-popup-wrapper .link-text i { color: #ff143b; margin-right: 20px; } .tt-popup-wrapper .link-text span { color: #212121; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; } .tt-popup-wrapper .link-text a:hover span { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } @media (max-width: 767px) { .tt-popup-wrapper { margin-bottom: 30px; } } /* =-=-=-=-=-=-= TT SOCIAL ICON STYLE =-=-=-=-=-=-= */ .tt-social-icon.default-icon { margin-bottom: 7px; } .tt-social-icon.default-icon .list-inline>li { padding-right: 8px; padding-left: 8px; } .tt-social-icon ul { display: inline-block; } .tt-social-icon li a { display: block; font-size: 18px; text-align: center; color: rgba(0, 0, 0, .4); } /*default icon*/ .tt-social-icon.default-icon li a { line-height: 33px; width: 35px; height: 35px; border: 1px solid rgba(0, 0, 0, .4); } .tt-social-icon.default-icon li a:hover { background-color: #021bdd; color: #ffffff; border: 1px solid transparent; } .tt-social-icon.default-icon li a:hover i { color: #fff !important; } /*circle icon and squire icon*/ .tt-social-icon.squire-icon li a i, .tt-social-icon.circle-icon li a i { border-radius: 50%; width: 40px; height: 40px; line-height: 40px; margin: 0 2px; color: #ffffff; position: relative; z-index: 1; } .tt-social-icon.squire-icon li a i:after, .tt-social-icon.circle-icon li a i:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: transparent; border-radius: 50%; -webkit-transition: .3s; transition: .3s; } .tt-social-icon.squire-icon li a i:hover:after, .tt-social-icon.circle-icon li a i:hover:after { background-color: rgba(0, 0, 0, .2); z-index: -1 } .tt-social-icon.squire-icon li a i, .tt-social-icon.squire-icon li a i:after { border-radius: 3px; } /*only icon style*/ .tt-social-icon.only-icon li a i { width: auto; height: auto; padding: 5px 8px; color: rgba(0, 0, 0, .5) } /* =-=-=-=-=-=-= MAGNIFIC POPUP =-=-=-=-=-=-= */ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #ffffff; right: 0; width: 30px; height: 30px; line-height: 30px; border: 1px solid #ffffff; } .mfp-bg { z-index: 10420; } .mfp-wrap { z-index: 10430; } .mfp-fade.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } .mfp-bottom-bar { display: none; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .mfp-arrow-right:after, .mfp-arrow-left:after { font-family: 'FontAwesome'; border: none !important; color: #ffffff; font-size: 65px; -webkit-transition: .5s; transition: .5s; } .mfp-arrow-right:after { content: "\f105" !important; } .mfp-arrow-left:after { content: "\f104" !important; } .mfp-arrow-right:before, .mfp-arrow-left:before { border: none !important; } .mfp-arrow { height: 60px; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { margin-top: 15px; top: -1px !important; } img.mfp-img { padding: 40px 0px 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-zoom-out .mfp-with-anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.3); transform: scale(1.3) } .mfp-zoom-out.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1) } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .mfp-zoom-out.mfp-removing .mfp-with-anim { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } /* =-=-=-=-=-=-= BLOG =-=-=-=-=-=-= */ .bottom-to-top-overlay .blog-wrapper.pt-100{ padding-top: 0 !important; } .bottom-to-top-overlay.single-post .blog-wrapper.pt-100{ padding-top: 60px !important; } .bottom-to-top-overlay.header-section-hide .blog-wrapper.pt-100, .bottom-to-top-overlay.single-post.has-single-sidebar .blog-wrapper.pt-100{ padding-top: 100px !important; } .blog-wrapper .posts-content > article { margin-bottom: 30px; background-color: #ffffff; overflow: hidden; border-radius: 4px; } .search .blog-wrapper .posts-content > article { border: 1px solid #e5e5e5; background: #fff !important; } .blog-wrapper .posts-content article.format-audio, .blog-wrapper .posts-content article.format-link, .blog-wrapper .posts-content article.format-quote, .blog-wrapper .posts-content article.has-post-thumbnail { background-color: transparent; } .blog-wrapper.blog-template .posts-content article.is-sticky-post, .blog .blog-wrapper .posts-content article.is-sticky-post { background-color: #ffffff; border-radius: 4px; overflow: hidden; } .blog-wrapper.blog-template .posts-content article.is-sticky-post{ margin-bottom: 30px; } .blog-wrapper .posts-content article.is-sticky-post .extra-readmore { display: none; } .single.has-single-sidebar .blog-wrapper article.has-video header, .single.has-single-sidebar .blog-wrapper article.has-post-thumbnail header{ margin: -30px -30px 0; } .blog-wrapper article.format-audio header { display: block; } .single-post.blog-no-sidebar .blog-wrapper .posts-content > article { margin-bottom: 0; } .single-post .blog-wrapper .posts-content > article { overflow: visible; margin-bottom: 0; border-radius: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; } .single-post.has-single-sidebar .blog-wrapper .posts-content > article{ border: 1px solid #e5e5e5; padding: 30px 30px 10px; margin-bottom: 30px; border-radius: 3px; } .blog-wrapper .entry-title { font-weight: 800; -ms-word-wrap: break-word; word-wrap: break-word; font-size: 25px; line-height: 36px; margin-bottom: 0; } .single-post .blog-wrapper .entry-title { font-size: 35px; line-height: 46px; } .blog-wrapper .title-hidden .entry-title { display:none; } .blog-wrapper .is-sticky-post .entry-title { font-size: 60px; line-height: 1.2; font-weight: 900; } .blog-template .is-sticky-post .entry-title{ font-size: 40px; } @media (max-width: 991px) { .blog-wrapper .is-sticky-post .entry-title { font-size: 35px; } } .blog-wrapper article.sticky .entry-header { position: relative; } .blog-wrapper article .entry-content .watermark { position: absolute; bottom: 30px; right: 30px; color: rgba(0,0,0,.55); font-size: 25px; pointer-events: none; line-height: 1; } .blog-wrapper article .entry-content .watermark.image-icon { font-size: 30px; } article.is-sticky-post .post-thumbnail { height: 100%; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; min-height: 320px; -webkit-transform: translateX(1px); transform: translateX(1px); } article.is-sticky-post .post-thumbnail { border-radius: 0; } .blog-wrapper .entry-content { padding: 30px; line-height: 32px; position: relative; } .blog-wrapper .post-content{ margin-top: 20px; } .single-post .blog-wrapper .post-content{ margin-top: 30px; } .blog-wrapper .no-readmore.post-content .watermark{ display: none; } .blog-wrapper.no-blog-excerpt .post-content{ margin: 0; } .blog-wrapper.blog-template .entry-content, .blog .blog-wrapper .entry-content, .archive .blog-wrapper .entry-content{ overflow: hidden; } .single .blog-wrapper .entry-content { padding: 30px 0; } .single.has-single-sidebar .blog-wrapper .entry-content{ padding: 0; } .widget .entry-meta { margin-bottom: 25px; } .blog-wrapper .entry-meta { margin-bottom: 5px; margin-top: -5px; } .blog-wrapper .entry-meta.sticky-author { margin-bottom: 0; margin-top: 10px; } .blog-wrapper .entry-meta.sticky-author li{ float: left; } .widget .entry-meta ul, .blog-wrapper .entry-meta ul { margin: 0; } .blog-wrapper .entry-header .entry-meta ul { position: relative; line-height: 22px; } .blog-wrapper .entry-header .entry-meta ul::before{ content:""; position: absolute; left: -30px; width: 5px; height: 100%; display: block; background-color: #f26343; } .single .blog-wrapper .entry-header .entry-meta ul::before{ display: none; } .widget .entry-meta ul li, .blog-wrapper .entry-meta ul li { font-family: 'Fira Sans', sans-serif; margin-right: 20px; padding: 0; color: #828282; font-size: 14px; font-weight: 500; line-height: 22px; } .blog-wrapper .entry-meta ul li { position: relative; line-height: 1.5; margin-right: 30px; } .blog-wrapper .entry-meta #vc_load-inline-editor { margin-left: 30px; } .widget .entry-meta ul li { margin-right: 5px; } .widget .entry-meta ul li:last-child, .blog-wrapper .entry-meta ul li:last-child { margin-right: 0; } .widget .entry-meta ul li a, .blog-wrapper .entry-meta ul li a { color: #828282; } .widget .entry-meta ul li a:hover, .blog-wrapper .entry-meta ul li a:hover { color: #021bdd; } .widget .entry-meta ul li i, .blog-wrapper .entry-meta ul li i { color: #b2b2b2; margin-right: 5px; } .blog-wrapper .entry-meta .pull-left li:last-child { margin-right: 0; } .blog-wrapper .entry-meta ul li .author img { border-radius: 50%; margin-right: 10px; } .blog-wrapper .has-audio .entry-content, .blog-wrapper .has-video .entry-content, .blog-wrapper .has-link .entry-content, .blog-wrapper .has-quote .entry-content, .blog-wrapper .has-post-thumbnail .entry-content { margin-left: 20px; margin-right: 20px; margin-top: -130px; position: relative; border-radius: 4px; z-index: 12; } @media(max-width: 767px){ .blog-wrapper .has-audio .entry-content, .blog-wrapper .has-video .entry-content, .blog-wrapper .has-link .entry-content, .blog-wrapper .has-quote .entry-content, .blog-wrapper .has-post-thumbnail .entry-content { margin-top: -50px; } } .blog-wrapper.blog-template .entry-content, .blog .blog-wrapper .entry-content{ background: #ffffff; } .blog-template .posts-content article, .blog .posts-content article{ margin-bottom: 30px; border-radius: 4px; overflow: hidden; } .search .blog-wrapper .format-audio .entry-content, .search .blog-wrapper .format-link .entry-content, .search .blog-wrapper .format-quote .entry-content, .search .blog-wrapper .has-post-thumbnail .entry-content { margin-left: 0; margin-right: 0; margin-top: 0; } .blog-wrapper .has-post-thumbnail .entry-content.blog-search { margin-left: 0; margin-right: 0; margin-top: 0; } .archive .blog-wrapper .entry-content { background-color: #ffffff; } .archive .blog-wrapper article{ margin-bottom: 30px; } .blog-wrapper .has-no-sidebar .entry-content { padding: 50px 100px 0; } .single .blog-wrapper .entry-content, .blog-wrapper .is-sticky-post .entry-content { margin: 0; border-radius: 0; } .zilla-likes { padding: 0; margin: 0; background: none; position: relative; } .zilla-likes:before { margin-right: 5px; content: "\f004"; font-family: "Font Awesome 5 Free"; z-index: 1; font-weight: 900; } .zilla-likes:hover, .zilla-likes.active { padding: 0 !important; margin: 0 !important; background: none; } .zilla-likes:hover:before, .zilla-likes.active:before { content: "\f004"; font-family: "Font Awesome 5 Free"; z-index: 2; font-weight: 900; } /* =-=-=-=-=-=-= POST THUMBNAIL =-=-=-=-=-=-= */ .search .blog-wrapper, .archive .blog-wrapper, .blog .blog-wrapper, .blog .footer-onepage-wrapper, .search .footer-onepage-wrapper, .archive .footer-onepage-wrapper { background-color: #e9edf0; } .single .blog-wrapper { background-color: #ffffff; } .single-post.blog-no-sidebar .blog-wrapper { background-color: #ffffff; } .blog-wrapper .post-thumbnail { position: relative; display: inline-block; border-radius: 4px; overflow: hidden; } .ie .blog-wrapper .post-thumbnail img{ width: 100%; } .blog-wrapper .post-thumbnail .entry-header { position: absolute; top: 50%; left: 85px; right: 85px; max-width: 640px; width: 100%; transform: translateY(-50%); text-align: left; z-index: 1; } .blog-wrapper .post-thumbnail .creative-overlay { background: #023341; background: -moz-linear-gradient(left, rgba(2,51,65,.95) 0%, rgba(2,51,65,.7) 39%, rgba(2,51,65,.2) 69%, rgba(2,51,65,0) 100%); background: -webkit-linear-gradient(left, rgba(2,51,65,.95) 0%,rgba(2,51,65,.7) 39%,rgba(2,51,65,.2) 69%,rgba(2,51,65,0) 100%); background: linear-gradient(to right, rgba(2,51,65,.95) 0%,rgba(2,51,65,.7) 39%,rgba(2,51,65,.2) 69%,rgba(2,51,65,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023341', endColorstr='#e5e5e5',GradientType=1 ); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .blog-wrapper .post-thumbnail .entry-header .entry-meta ul li a{ color: #ffffff; font-size: 16px; } .blog-wrapper .post-thumbnail .entry-header .entry-meta ul li a:hover{ text-decoration: underline; } .blog-wrapper .post-thumbnail .entry-header .entry-title{ font-size: 60px; font-weight: 900; line-height: 1.3; color: #ffffff; } .single.has-single-sidebar .blog-wrapper .post-thumbnail{ border-radius: 4px 4px 0 0; margin-bottom: 15px; } .has-single-sidebar .blog-wrapper .post-thumbnail{ } .has-single-sidebar .blog-wrapper .is-sticky-post .post-thumbnail{ margin-bottom: 0; } .blog-wrapper .format-audio .post-thumbnail { display: block; height: 320px; } .blog-wrapper .format-audio.is-sticky-post .post-thumbnail { height: 100%; } .single .blog-wrapper .format-audio .post-thumbnail { height: inherit; } .post-thumbnail.blog-video { display: block; border-radius: 0; } .blog-wrapper article.sticky .entry-header { position: relative; } .blog-wrapper .post-thumbnail .thumb-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .single-format-video .blog-wrapper .post-thumbnail { display: block; } .blog-wrapper .post-thumbnail.blog-quote { display: block; } .blog-wrapper .post-thumbnail .thumb-overlay { background-color: rgba(27, 27, 27, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: all 400ms; transition: all 400ms; } .blog-wrapper .post-thumbnail:hover .thumb-overlay { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .blog-wrapper .post-thumbnail .thumb-overlay.video-overlay { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background-color: rgba(239, 72, 54, 0); } .blog-wrapper .post-thumbnail:hover .thumb-overlay { background-color: rgba(27, 27, 27, 0.5); } .blog-wrapper .thumb-overlay a { color: #ffffff; font-size: 18px; border: 2px solid #ffffff; width: 50px; height: 50px; line-height: 46px; text-align: center; position: absolute; top: 36%; left: 0; right: 0; margin: -25px auto 0; border-radius: 50%; z-index: 99; -webkit-transition: all 400ms; transition: all 400ms; } .archive .blog-wrapper .thumb-overlay a{ top: 43%; } .blog-wrapper .is-sticky-post .thumb-overlay a { top: 50%; } .blog-wrapper .thumb-overlay a i { color: #ffffff; font-size: 18px; } .blog-wrapper .thumb-overlay a:hover { background-color: #2F2F2F; border-color: #2F2F2F; } .blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a i, .blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a { height: 55px; width: 90px; background-color: rgba(255, 0, 90, .9); border-radius: 30px; border: 3px solid transparent; } .blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .1); border-radius: 30px; z-index: -1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .blog-wrapper .post-thumbnail .thumb-overlay.video-overlay:hover a:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a:hover:after { background-color: rgba(0, 0, 0, .25); } .blog-wrapper .post-thumbnail .thumb-overlay.video-overlay:hover a { border-color: #ffffff; } .blog-wrapper .post-thumbnail .thumb-overlay.video-overlay a i { font-size: 20px; line-height: 49px; } @media (max-width: 767px) { .blog-wrapper .post-thumbnail { display: block; } .blog-wrapper .post-thumbnail img { width: 100%; } } /* =-=-=-=-=-=-= POST CONTENT =-=-=-=-=-=-= */ .entry-footer .readmore, .entry-content .more-link { display: table; position: relative; text-transform: capitalize; font-size: 15px; font-weight: 600; color: #212121; margin-top: 30px; z-index: 1; line-height: 1; max-width: 120px; font-family: 'Fira Sans', sans-serif; -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.23, 1); transition: all 0.6s cubic-bezier(0, 0, 0.23, 1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(to right, #021bdd 50%, #212121 50%); background-image: -webkit-linear-gradient(left, #021bdd 50%, #212121 50%); background-image: linear-gradient(to right, #021bdd 50%, #212121 50%); background-size: 200% 100%; background-position: 100%; } .ie .entry-content .more-link, .ie .entry-footer .readmore { background-image: none; } .entry-content .more-link:hover { color: #000000; background-position: 0%; } .entry-content .more-link.read-more { margin-top: 15px; } .entry-content .post-content p:last-child { margin-bottom: 0; } .is-sticky-post .post-content { margin-bottom: 20px; } .press-release-wrapper.featured .readmore.tt-mouseover:before, .press-release-wrapper.default .readmore.tt-mouseover:before, .entry-content .more-link.tt-mouseover:before { width: 95px; } .press-release-wrapper.featured .readmore.tt-mouseout:before, .press-release-wrapper.default .readmore.tt-mouseout:before, .entry-content .more-link.tt-mouseout:before { width: 0; right: 0; left: auto; } .press-release-wrapper.menu-style .entry-footer .readmore:before { display: none; } .entry-content ul ul, .entry-content ol ol { padding-left: 40px; } .entry-content img { max-width: 100%; height: auto; } article.sticky .sticky-cat a { font-family: 'Fira Sans', sans-serif; font-size: 14px; text-transform: uppercase; color: #212121; font-weight: bold; } /* =-=-=-=-=-=-= POST FORMATE GALLERY =-=-=-=-=-=-= */ .format-gallery .featured-wrapper { margin-bottom: 25px; } .post-thumbnail { position: relative; } .gallery { margin-bottom: 1.5em; border: 1px solid #eee; } .tt-sidebar-wrapper .gallery { border: 0; } .gallery-caption { display: block; background-color: #f5f5f5; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; border: 1px solid #eee; padding: 0; margin: 10px; font-size: 14px; line-height: 25px; } .gallery-item .gallery-caption { padding: 3px 7px; } .gallery-item img { width: 100%; height: auto; } .gallery-columns-2 .gallery-item { max-width: 43.5%; } .single .gallery-columns-2 .gallery-item { max-width: 47.1%; } .gallery-columns-3 .gallery-item { max-width: 31%; margin: 5px; } .single .gallery-columns-3 .gallery-item { max-width: 30.4%; margin: 10px; } .gallery-columns-4 .gallery-item { max-width: 23%; margin: 5px; } .single .gallery-columns-4 .gallery-item { max-width: 22%; margin: 10px; } .gallery-columns-5 .gallery-item { max-width: 18.5%; margin: 5px; } .gallery-columns-6 .gallery-item { max-width: 15.2%; margin: 5px; } .gallery-columns-7 .gallery-item { max-width: 12.8%; margin: 5px; } .gallery-columns-8 .gallery-item { max-width: 11%; margin: 5px; } .gallery-columns-9 .gallery-item { max-width: 9.6%; margin: 5px; } .gallery-columns-7 figcaption { font-size: 12px; line-height: 20px; } .gallery-columns-8 figcaption { font-size: 12px; line-height: 20px; } .gallery-columns-9 figcaption { font-size: 12px; line-height: 20px; } .format-gallery .gallery { border: 0; margin: 0 -5px; } .single .format-gallery .gallery{ margin-bottom: 30px; } .tt-sidebar-wrapper .gallery { margin: -5px; } .tt-sidebar-wrapper .gallery .gallery-item { padding: 3px; margin: 0; border: 0; } .tt-sidebar-wrapper .gallery.gallery-columns-2 .gallery-item { max-width: 50%; } .tt-sidebar-wrapper .gallery.gallery-columns-3 .gallery-item { max-width: 33.3333%; } .tt-sidebar-wrapper .gallery.gallery-columns-4 .gallery-item { max-width: 25%; } @media(min-width: 600px) and (max-width: 1199px){ .gallery-columns-3 .gallery-item { max-width: 30%; } } @media(max-width: 599px){ .gallery-columns-3 .gallery-item { max-width: 29%; } } @media(max-width: 767px){ .gallery-columns-4 .gallery-item { max-width: 22%; } } /* =-=-=-=-=-=-= POST FORMATE AUDIO =-=-=-=-=-=-= */ .blog-audio audio { width: 100%; } /* =-=-=-=-=-=-= PASSWORD REQUIRED POST =-=-=-=-=-=-= */ .post-password-required .btn { padding: 0 35px; line-height: 45px; } .post-password-required .btn:focus { outline: none; } .post-password-form p, .post-password-form { position: relative; } .post-password-form label { font-size: 0; width: 100%; margin-bottom: 0; } .post-password-form input[type="password"] { height: 45px; width: 100%; font-size: 16px; padding: 0 15px; border: 1px solid #c9c9c9; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .post-password-form input[type="password"]:focus { border: 1px solid #021bdd; outline: none; } .post-password-form input[type="submit"] { height: 45px; border: none; font-size: 14px; padding: 0 35px; background-color: #021bdd; position: absolute; top: 0; right: 0; color: #ffffff; cursor: pointer; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; text-transform: uppercase; } .post-password-form input[type="submit"]:hover { background-color: #021bdd; } /* =-=-=-=-=-=-= POST FORMAT LINK =-=-=-=-=-=-= */ .blog-wrapper .post-thumbnail.blog-link { background-color: #0EA6AD; min-height: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 30px 140px 30px; color: #ffffff; } .single .blog-wrapper .post-thumbnail.blog-link { padding: 30px; } .blog-wrapper .post-thumbnail.blog-link h2 { font-size: 22px; line-height: 1; } .blog-wrapper .post-thumbnail.blog-link i { font-size: 30px; margin-bottom: 15px; } .blog-wrapper .post-thumbnail.blog-link h2 a { color: #ffffff; position: relative; padding-bottom: 10px; } /* =-=-=-=-=-=-= POST FORMAT CHAT =-=-=-=-=-=-= */ article.format-chat { margin-bottom: 50px; } .format-chat .entry-title { margin: 0; } .entry-content p { margin-bottom: 10px; } .page .entry-content p { margin-bottom: 20px; } .page .entry-content>p:last-child, .entry-content>p:last-child { margin-bottom: 0; } .woocommerce-shipping-calculator p { margin-bottom: 0; } .woocommerce-shipping-calculator p a { text-decoration: underline; color: #021bdd; } .format-chat .entry-content p:nth-child(odd), .format-chat .entry-content p:nth-child(even) { padding: 10px 25px; margin-top: 30px; position: relative; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.05); } .format-chat .entry-content p:nth-child(odd) { margin-right: 30px; background: #F5F5F5; border-radius: 15px 0 15px 15px; } .format-chat .entry-content p:nth-child(even) { margin-left: 30px; background: #D5F1F9; border-radius: 0 15px 15px 15px; } .format-chat .entry-content p:nth-child(odd):before, .format-chat .entry-content p:nth-child(even):before { content: ""; position: absolute; top: 0; width: 0; height: 0; border-top: 0; border-bottom: 15px solid transparent; } .format-chat .entry-content p:nth-child(odd):before { right: -15px; border-left: 15px solid #f5f5f5; -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.05)); filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.05)); } .format-chat .entry-content p:nth-child(even):before { left: -15px; border-right: 15px solid #d5f1f9; -webkit-filter: drop-shadow(-1px 4px 1px rgba(0, 0, 0, 0.05)); filter: drop-shadow(-1px 4px 1px rgba(0, 0, 0, 0.05)); } @media (max-width: 767px) { .blog-wrapper .has-no-sidebar .entry-content { padding-left: 0; padding-right: 0; } .entry-content blockquote { margin-left: 0; font-size: 18px; } } /* =-=-=-=-=-=-= BLOG SIDEBAR =-=-=-=-=-=-= */ .tt-sidebar-wrapper .widget { margin-bottom: 30px; border-radius: 3px; } .tt-sidebar-wrapper.right-sidebar .widget, .tt-sidebar-wrapper.left-sidebar .widget { background: #fff; padding: 30px; border-radius: 3px; border: 1px solid #e5e5e5; } .tt-sidebar-wrapper .widget:last-child { margin-bottom: 0; } .tt-sidebar-wrapper .wp-caption{ border: 0; } .tt-sidebar-wrapper .wp-caption p{ margin-bottom: 7px; } .widget img { max-width: 100%; } .widget>ul, .widget .menu { padding-left: 0; margin-bottom: 0; } .widget ul li { list-style: none; } .widget>ul ul, .widget .menu ul { padding-left: 15px; } .footer-sidebar .widget ul ul{ padding-left: 12px; } .widget_meta ul li, .widget_archive ul li, .widget_categories ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_recent_comments ul li, .widget_recent_entries, #menu-issue-category ul li { margin-bottom: 10px; } .widget_rss ul li { border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; margin-bottom: 20px; } .widget_rss ul li a { text-decoration: underline; } .widget ul li:last-child { margin-bottom: 0; } .widget_archive ul li a, .widget_categories ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_rss ul li a { color: #2f2f2f; } .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_rss ul li a:hover { color: #021bdd; } .footer-sidebar .widget_archive ul li a, .footer-sidebar .widget_categories ul li a, .footer-sidebar .widget_pages ul li a, .footer-sidebar .widget_nav_menu ul li a, .footer-sidebar .widget_rss ul li a { color: #ffffff; } .footer-sidebar .widget_meta ul li a:hover, .footer-sidebar .widget_archive ul li a:hover, .footer-sidebar .widget_categories ul li a:hover, .footer-sidebar .widget_pages ul li a:hover, .footer-sidebar .widget_nav_menu ul li a:hover{ color: #ffffff; opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .footer-sidebar .widget_rss ul li a:hover{ text-decoration: none; } .footer-sidebar .widget_recent_comments ul li a:hover{ text-decoration: underline; } a.rsswidget:hover{ color: inherit; } .widget.widget_rss .rssSummary { margin: 10px 0 8px; } .widget.widget_rss cite { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .footer-sidebar .widget_rss ul li { border-bottom: 1px solid #4b4b4b; padding-bottom: 15px; margin-bottom: 20px; } .widget_rss ul li:last-child { border-bottom: none; } .widget_archive ul li, .widget_categories ul li { color: #afafaf; } .widget_archive ul li a, .widget_categories ul li a { margin-right: 10px; } .widget_meta ul li a, .widget_recent_comments ul li a, .widget_recent_entries ul li a { color: #2f2f2f; } .footer-sidebar .widget_meta ul li a, .footer-sidebar .widget_recent_comments ul li a, .footer-sidebar .widget_recent_entries ul li a { color: #ffffff; } .widget select { background: transparent; width: 100%; max-width: 100%; height: 45px; padding: 5px 10px; border: 1px solid #c9c9c9; border-radius: 3px; } .footer-sidebar .widget select { color: #ffffff; border-color: #6b6b6b; } .footer-sidebar .widget select option { color: #152230; } .widget select:focus { outline: none; } .widget-title { position: relative; padding-bottom: 10px; margin-bottom: 20px; font-size: 20px; margin-top: -12px; line-height: 1.2; } .tt-sidebar-wrapper.left-sidebar .widget-title:before, .tt-sidebar-wrapper.right-sidebar .widget-title:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: rgba(0,0,0,.15); } .page-wrapper .widget-title { border-bottom-color: #d7d7d7; } @media(max-width: 991px) { .tt-sidebar-wrapper.left-sidebar, .tt-sidebar-wrapper.right-sidebar { margin-top: 100px; } } @media (min-width: 768px) { .page-template-issue-left-sidebar .tt-sidebar-wrapper.right-sidebar { padding-right: 20px; padding-left: 0; } } .woocommerce .tt-sidebar-wrapper.left-sidebar .widget-title, .woocommerce .tt-sidebar-wrapper.right-sidebar .widget-title { margin-left: 0; padding-left: 0; margin-right: 0; } .footer-sidebar .wp-caption{ background: #253444; border: 0; } .footer-sidebar .wp-caption p{ margin-bottom: 7px; } /* =-=-=-=-=-=-= POST SHARE =-=-=-=-=-=-= */ .post-share ul { display: inline-block; margin-bottom: 0; line-height: 15px; } .post-share a { display: block; } .post-share a i { color: #696969; font-size: 18px; margin-right: 5px; } .post-share ul li:last-child i { margin-right: 0; } .post-share a.facebook:hover i { color: #3B5998; } .post-share a.twitter:hover i { color: #42C8F4; } .post-share a.google-plus:hover i { color: #E74C3C; } .post-share a.linkedin:hover i { color: #007AB9; } .post-share a.pinterest:hover i { color: #ff0000; } .post-share a.zing:hover i { color: #b0d400; } .left-side-share-button .post-share>i { display: none; } .left-side-share-button .post-share { padding-left: 50px; padding-top: 35px; } .left-side-share-button .post-share>p { font-weight: bold; font-size: 15px; } .left-side-share-button .post-share li { float: none; display: block; margin-bottom: 20px; } .left-side-share-button .post-share li a { color: #2c3a42; line-height: 1.3; font-size: 14px; white-space: nowrap; } .left-side-share-button .post-share a i { color: #021bdd; margin-right: 8px; } .left-side-share-button .post-share ul li:last-child i { margin-right: 8px; } /* =-=-=-=-=-=-= RECENT COMMENT WIDGET =-=-=-=-=-=-= */ .tt-recent-comments .comment-content { padding: 0; min-height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tt-recent-comments .media { margin: 0 0 20px; } .tt-recent-comments .media .media-left { margin-right: 10px; height: 60px; overflow: hidden; border-radius: 3px; } .tt-recent-comments .media:last-child { margin: 0; } .tt-recent-comments .comment-content ul { padding: 0; } .tt-recent-comments .comment-content li:last-child { margin-right: 0; } .tt-recent-comments .comment-content .comment-title { font-weight: 400; font-size: 14px; margin-bottom: 0; line-height: 20px; } .tt-recent-comments .comment-content .comment-title a { color: #2f2f2f; } .tt-recent-comments .comment-content .comment-title a:hover { color: #021bdd; } .tt-recent-comments .comment-content .entry-meta { margin-bottom: 0; } .tt-recent-comments .author-avatar img { max-width: inherit; position: relative; top: 52%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } /* =-=-=-=-=-=-= POPULAR POST WIDGET =-=-=-=-=-=-= */ .nav-tabs { border-color: #eeeeee; } .nav-tabs>li>a { background-color: #f2f2f2; border-radius: 0; border-color: #eeeeee; margin: 0 -1px -1px; padding: 10px 30px; font-size: 16px; color: #2f2f2f; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: #ffffff; color: #021bdd; border-color: #eeeeee #eeeeee transparent; } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { border-color: #eeeeee; color: #021bdd; } .tab-content { margin-top: 20px; } .tt-popular-post h4 { font-weight: 400; font-size: 13px; margin-bottom: 0; } .tt-popular-post h4 span { color: #afafaf; font-weight: 400; } .tt-popular-post h4 a { color: #2f2f2f; } .tt-popular-post h4 a:hover { color: #021bdd; } .tt-popular-post .media { margin: 0 0 5px; } .tt-popular-post .media:last-child { margin: 0; } .tt-popular-post .media img { max-width: inherit; } /* =-=-=-=-=-=-= AUTHOR INFO WIDGET =-=-=-=-=-=-= */ .author-info-wrapper { background-color: #f4f4f4; padding: 30px; text-align: center; } .side .author-info-wrapper { background-color: transparent; } .author-info-wrapper .author-avatar { margin-bottom: 20px; } .author-info-wrapper .author-avatar img { border-radius: 50%; height: auto; } .author-info-wrapper h4 { font-size: 16px; text-transform: uppercase; } .author-info-wrapper .author-social-links li a { border-color: #e0e0e0; color: #c7c7c7; } .author-social-links { margin-top: 25px; } /* =-=-=-=-=-=-= NEWSLETTER WIDGET =-=-=-=-=-=-= */ .widget_mc4wp_form_widget { padding: 30px 20px 25px; background-color: #262d38; color: #ffffff; text-align: center; border-radius: 3px; } .footer-sidebar .widget_mc4wp_form_widget { background: none; padding: 0; text-align: left; padding: 0 0 0 30px; } .footer-sidebar .widget_mc4wp_form_widget .widget-title { line-height: inherit; } @media (max-width: 767px) { .footer-sidebar .widget_mc4wp_form_widget { padding: 15px; } } .widget_mc4wp_form_widget .widget-title { color: #ffffff; border: 0; font-size: 18px; font-weight: 500; line-height: 1; padding-left: 0 !important; } .widget_mc4wp_form_widget .mc4wp-form { margin-bottom: 0; } .widget_mc4wp_form_widget .form-group { margin-bottom: 15px; } .widget_mc4wp_form_widget .form-control { height: 55px; color: #ffffff; border: 0; text-align: center; margin-bottom: 10px; } .widget_mc4wp_form_widget input[type="email"] { background-color: rgba(255, 255, 255, .1); } .footer-sidebar .widget_mc4wp_form_widget input[type="email"] { background-color: transparent; border: 1px solid rgba(255, 255, 255, .54); } .widget_mc4wp_form_widget input[type="email"]:focus { background-color: rgba(255, 255, 255, .2); } .widget_mc4wp_form_widget input[type="text"] { background-color: rgba(255, 255, 255, .15); } .widget_mc4wp_form_widget input[type="submit"] { background-color: #021bdd; cursor: pointer; position: relative; } .footer-sidebar .widget_mc4wp_form_widget input[type="submit"] { background-color: rgba(255, 255, 255, 0.8); color: #000; } .footer-sidebar .widget_mc4wp_form_widget input[type="submit"]:hover { background-color: rgba(255, 255, 255, 0.5); } .widget_mc4wp_form_widget input[type="submit"]:hover { opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .widget_mc4wp_form_widget .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .widget_mc4wp_form_widget .form-control:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.5); } .widget_mc4wp_form_widget .form-control::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.5); } .widget_mc4wp_form_widget .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } /* =-=-=-=-=-=-= WIDGET SEARCH FORM =-=-=-=-=-=-= */ .search-form { position: relative; } .search-form input.form-control { background-color: rgba(255,255,255,.8) } .footer-sidebar .search-form input.form-control { background-color: transparent; color: #fff; border-color: #6b6b6b; } .widget .search-form label{ margin-bottom: 0; } .widget .search-form .search-field, .posts-content .search-form .search-field { height: 45px; padding: 0 10px; -webkit-transition: all .3s; transition: all .3s; border: 1px solid #ddd; } .posts-content .search-form label, .posts-content .search-form .search-field{ width: 100%; } .widget .search-form .search-field:focus, .posts-content .search-form .search-field:focus { border: 1px solid #021bdd; outline: none; } .widget .search-form .search-submit, .posts-content .search-form .search-submit { height: 45px; position: absolute; top: 0; right: 0; padding: 0 17px; border: none; background-color: #021bdd; color: #fff; font-size: 14px; text-transform: uppercase; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .widget .search-form .search-submit:hover, .posts-content .search-form .search-submit:hover { background-color: #021baa; } .search-form button { position: absolute; right: 8px; top: 0; background: transparent; border: 0; color: #aaa; font-size: 16px; line-height: 43px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .footer-sidebar .search-form button{ color: #e6e6e6; } .footer-sidebar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff } .footer-sidebar input::-moz-placeholder { /* Firefox 19+ */ color: #fff } .footer-sidebar input:-ms-input-placeholder { /* IE 10+ */ color: #fff } .footer-sidebar input:-moz-placeholder { /* Firefox 18- */ color: #fff } /* =-=-=-=-=-=-= CALENDER WIDGET =-=-=-=-=-=-= */ .widget_calendar table{ margin-bottom: 0; } .widget_calendar table, .widget_calendar table>thead>tr>th { text-align: center; } .widget_calendar table caption { text-align: center; padding-bottom: 0; } .footer-sidebar .widget_calendar table caption { color: #ffffff; } .widget_calendar table a:hover { color: #021bdd; } .footer-sidebar .widget_calendar table a:hover{ color: #ffffff; text-decoration: underline; } /* =-=-=-=-=-=-= TAG CLOUD =-=-=-=-=-=-= */ .tagcloud a { color: #2f2f2f; border: 1px solid #eeeeee; font-size: 14px !important; padding: 5px 15px; line-height: 20px; display: inline-block; margin: 0 2px 5px 0; } .tagcloud a:hover { background-color: #021bdd; color: #ffffff !important; border-color: #021bdd; } .footer-sidebar .tagcloud a{ border-color: #6b6b6b; } /* =-=-=-=-=-=-= BLOG PAGINATION =-=-=-=-=-=-= */ .woocommerce nav.woocommerce-pagination ul { border: 0; } .woocommerce nav.woocommerce-pagination ul li { border-right: 0; } .page-numbers, .pagination { margin-bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-pagination { clear: both; display: block; padding-top: 35px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .pagination>li>a, .pagination>li>span { color: #4A4A4A; background-color: rgba(0,0,0,.15); padding: 10px 20px; line-height: 20px; margin: 3px; border: 0; border-radius: 4px; } @media(max-width: 575px){ .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .pagination>li>a, .pagination>li>span { padding: 8px 15px; } } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li>span.current { color: #ffffff; background-color: #021bdd; } .blog-navigation .previous-page i { margin-right: 5px; } .blog-navigation .next-page i { margin-left: 5px; } /* =-=-=-=-=-=-= BLOG SINGLE PAGE =-=-=-=-=-=-= */ .content-wrapper .entry-footer { padding: 0; overflow: hidden; clear: both; margin-top: 30px; background-color: #f7f7f7; padding: 15px 20px; border-radius: 3px; } .single-post.has-single-sidebar .content-wrapper .entry-footer { border-top: 1px solid #e5e5e5; margin-left: -30px; margin-right: -30px; padding: 10px 30px 0 30px; background-color: transparent; border-radius: 0; } .content-wrapper .has-no-sidebar .entry-footer .post-tags { padding: 0; color: #969696; } /* =-=-=-=-=-=-= POST TAGS =-=-=-=-=-=-= */ .post-tags{ font-size: 13px; } .tags-links { display: block; } .tags-links>i, .post-share>i { margin-right: 5px; color: #696969; font-size: 12px; } .post-share>i { position: relative; font-size: 15px; top: -3px; } .single-post .post-share { margin-top: 5px; } .single-post .post-share>i { font-size: 14px; margin-right: 10px; } .tags-links a { color: #696969; margin-left: 4px; } .tags-links a:hover { color: #021bdd; } /* =-=-=-=-=-=-= SINGLE POST NAVIGATION =-=-=-=-=-=-= */ .single-post-navigation a { font-size: 14px; color: #212121; } .single-post-navigation .previous-post-link a i { margin-right: 5px; } .single-post-navigation .next-post-link { text-align: right; } .single-post-navigation .next-post-link a i { margin-left: 5px; } .single-post-navigation a:hover { color: #021bdd; } .single-post-navigation { padding: 30px; margin-bottom: 30px; border: 1px solid #e5e5e5; border-radius: 3px; } .single-post-navigation .entry-title { line-height: 28px !important; margin: 0; } .single-post-navigation .entry-title a { font-size: 18px; } .blog-wrapper .entry-header .entry-meta ul::before{ background-color: #021bdd; } @media(max-width: 767px) { .single-post-navigation .next-post-link { text-align: left; border-top: 1px solid #ececec; margin-top: 20px; padding-top: 20px; } } /* =-=-=-=-=-=-=-=-= COMMENTS WRAPPER STYLE =-=-=-=-=-=-=-=-= */ .comments-wrapper { margin-top: 20px; padding: 30px; border: 1px solid #e5e5e5; border-radius: 3px; } .page .comments-wrapper { margin-top: 30px; padding: 25px 30px; } .comments-title { margin-bottom: 30px; } .blog-wrapper .post-author { padding: 30px; display: table; margin-bottom: 30px; border: 1px solid #e5e5e5; border-radius: 3px; } .post-author .media-left { padding-right: 20px; } .blog-wrapper .post-author img { border-radius: 50%; width: 100px; height: 100px; border: 2px solid #fff; } .blog-wrapper .post-author .media { display: table-row; } .blog-wrapper .post-author .media-left, .blog-wrapper .post-author .media-body { display: table-cell; } .blog-wrapper .post-author .media-left { vertical-align: middle; } .blog-wrapper .post-author .media-body { vertical-align: top; } .blog-wrapper .post-author .social-link { margin-top: 15px; } .blog-wrapper .post-author .social-link a { color: #565656; font-size: 17px; margin-right: 13px; } .author-info h3, .comments-title h3 { margin-bottom: 5px; margin-top: -5px; font-size: 22px; } ul.comment-list { padding: 0; } ul.comment-list .alert { margin-bottom: 15px; } ul.comment-list>li { list-style: none; } ul.comment-list>li.trackback, ul.comment-list>li.pingback { margin-bottom: 15px; font-weight: 700; background-color: #f7f7f7; padding: 15px 20px; border-radius: 10px; } ul.comment-list>li.trackback a, ul.comment-list>li.pingback a { color: #212121; font-weight: 400; } ul.comment-list>li.trackback a:hover, ul.comment-list>li.pingback a:hover { color: #021bdd; } ul.comment-list>li>.comment { margin-bottom: 40px; } ul.comment-list .comment-respond { margin-left: 60px; margin-bottom: 40px; position: relative; } .comment-respond .form-control { background-color: #ffffff; } .comment-respond { margin-top: 0; } .comments-wrapper ul.children>li { list-style: none; } .comments-wrapper ul.children>li>.comment { margin-bottom: 30px; } .comments-wrapper .comment-form-cookies-consent input { margin-right: 10px; } .comments-wrapper .form-submit input[type="submit"] { border: none; background-color: #021bdd; outline: none; color: #fff; height: 50px; padding: 0 30px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .comments-wrapper .form-submit input[type="submit"]:hover { background-color: #021baa; } @media (max-width: 767px) { .blog-wrapper .post-author, .single-post-navigation{ padding: 20px 15px; } .left-side-share-button .post-share { padding-left: 0; padding-top: 0; margin-bottom: 50px; } .comments-wrapper{ padding: 20px 15px; } } /* woocommerce shortcode */ .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { width: calc(33.33333% - 30px); } .isSafari .woocommerce-page.columns-3 ul.products li.product, .isSafari .woocommerce.columns-3 ul.products li.product { width: calc(33% - 30px); } .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product { width: calc(25% - 30px); } .isSafari .woocommerce-page.columns-4 ul.products li.product, .isSafari .woocommerce.columns-4 ul.products li.product { width: calc(23% - 30px); } .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product { width: calc(50% - 30px); } .isSafari .woocommerce-page.columns-2 ul.products li.product, .isSafari .woocommerce.columns-2 ul.products li.product { width: calc(48% - 30px); } @media (min-width: 576px) and (max-width: 991px) { .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { width: calc(50% - 30px); } .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product { width: calc(50% - 30px); } .isSafari .woocommerce-page.columns-3 ul.products li.product, .isSafari .woocommerce.columns-3 ul.products li.product { width: calc(48% - 30px); } .isSafari .woocommerce-page.columns-4 ul.products li.product, .isSafari .woocommerce.columns-4 ul.products li.product { width: calc(48% - 30px); } } @media (max-width: 575px) { .isSafari .woocommerce-page.columns-3 ul.products li.product, .isSafari .woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { width: calc(100% - 30px); } .isSafari .woocommerce-page.columns-4 ul.products li.product, .isSafari .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product { width: calc(100% - 30px); } .isSafari .woocommerce-page.columns-2 ul.products li.product, .isSafari .woocommerce.columns-2 ul.products li.product, .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product { width: calc(100% - 30px); } .section-wrapper .products ul, .section-wrapper ul.products { margin-left: 0 !important; } } @media (max-width: 600px) { .blog-wrapper .post-author .media-left, .blog-wrapper .post-author .media-body { display: block; width: 100%; text-align: center; } .blog-wrapper .post-author .media-left { padding: 0; margin-bottom: 20px; } } /*Author comment*/ .single-post.blog-no-sidebar ul.comment-list>li.bypostauthor>.comment, .single-post.blog-no-sidebar .comments-wrapper ul.children>li.bypostauthor>.comment { border-left-color: #021bdd; } .comments-wrapper ul.children { margin-left: 60px; padding: 0; } .comment-author { position: relative; } .comment-author img { float: left; margin-right: 10px; border-radius: 50%; border: 3px solid #fff; } .media-heading span.author-name { margin-right: 10px; line-height: 20px; display: block; } .media-heading h4 { margin-left: 60px; font-size: 16px; font-weight: 600; margin-bottom: 18px; position: relative; top: 7px; } .media-heading time { font-size: 12px; color: #444444; text-transform: uppercase; font-weight: 400; } .edit-link { font-size: 12px; } #cancel-comment-reply-link, .comment-author .comment-reply-login { font-size: 13px; padding: 7px 10px; line-height: 17px; display: block; position: absolute; top: 0; right: 0; color: #7d7d7d; background-color: #DDDDDD; border-radius: 3px; } #cancel-comment-reply-link:hover, .comment-author .comment-reply-login:hover { background-color: #021bdd; color: #ffffff; } .comment-reply-link { position: relative; color: #7d7d7d; font-weight: 400; font-size: 13px; display: inline-block; } .comment-reply-link:before { content: "\f3e5"; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 10px; margin-right: 3px; position: relative; top: -2px; } .comment-reply-link:hover { color: #021bdd; } .comments-wrapper .media-body { margin-left: 60px; overflow: hidden; } .comment-content { position: relative; line-height: 30px; background-color: #f7f7f7; padding: 15px 20px; border-radius: 10px; } .comment-content p:last-child { margin: 0; } .comment-content ul { padding-left: 20px; } .comment-replay { margin-left: 50px; } .form-control:focus { outline: none; box-shadow: none; } .comment-respond .comment-form { margin-bottom: 0; } .form-allowed-tags { margin-bottom: 15px; line-height: 20px; } .comments-wrapper .comment-form-comment { margin-bottom: 10px; } .comments-wrapper .form-submit { margin: 20px 0 5px; } .comments-wrapper .form-submit .btn { text-transform: uppercase; font-weight: 700; } .comments-wrapper .comment-form .form-control { border-radius: 3px; } @media(min-width: 768px) { .comments-wrapper .comment-form .comment-form-author, .comments-wrapper .comment-form .comment-form-email, .comments-wrapper .comment-form .comment-form-url { width: calc(33.333% - 17px); display: inline-block; margin: 10px 10px 10px; } .comments-wrapper .comment-form .comment-form-author { margin-left: 0; } .comments-wrapper .comment-form .comment-form-url { margin-right: 0; } } .comment-form-comment textarea.form-control { height: 120px; } .comment-respond .comment-form label { cursor: pointer; font-size: 14px; line-height: 16px; display: inline; } @media(max-width: 767px) { .comments-wrapper .media-body { margin-left: 0; } .comments-wrapper ul.children { margin-left: 20px; } } @media(max-width: 340px) { .comments-wrapper ul.children { margin-left: 10px; } } .logged-in-as a { color: #212121; font-weight: 400; } .logged-in-as a:hover { color: #021bdd; } /* =-= COMMENT NAVIGATION =-= */ .navigation.comment-navigation { padding: 25px 0; } .navigation .comment-navigation { padding: 0; } .comment-navigation li { list-style: none; display: inline-block; } .comment-navigation li i { font-size: 11px; } .comment-navigation li.next { float: right; } .comment-navigation li.next i { margin-left: 5px; } .comment-navigation li a { color: #7d7d7d; background-color: #DDDDDD; padding: 7px 10px; line-height: 20px; border-radius: 4px; font-size: 13px; } .comment-navigation li a:hover { background-color: #021bdd; color: #ffffff; } /* =-=-=-=-=-=-= BLOG GRID LAYOUT =-=-=-=-=-=-= */ .blog-grid .entry-title { font-size: 22px; line-height: 32px; } .latest-post-carousel { position: relative; margin-bottom: 80px; } .latest-post-carousel .entry-content { position: absolute; bottom: 30px; left: 40px; z-index: 11; } .carousel-post-thumbnail { position: relative; } .carousel-post-thumbnail:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 210px; z-index: 10; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3b000000', GradientType=0); } @media (min-width: 1200px) { .carousel-post-thumbnail { min-height: 532px; } } .latest-post-carousel .entry-meta { margin: 0; padding: 0; } .latest-post-carousel .entry-meta ul { padding: 0; margin-left: 2px; } .latest-post-carousel .entry-title a { color: #ffffff; } .latest-post-carousel .entry-title a:hover { color: #021bdd; } .latest-post-carousel .owl-dots .owl-dot span { border-color: #B3B3B3; } .masonry-wrap .pagination { margin-bottom: 0; } /*Blog post category*/ .post-category-wrapper h2 { font-size: 22px; display: inline-block; margin-bottom: 15px; } .post-category-wrapper .media { position: relative; top: -8px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; } .post-category-wrapper .media-left { padding-right: 20px; } .post-category-wrapper .media-left img { min-width: 98px; } .post-category-wrapper .entry-meta span { font-size: 11px; } .post-category-wrapper .entry-title { font-size: 13px; margin: 0; font-weight: 400; } .post-category-wrapper .entry-title a { color: #606060; } .post-category-wrapper .entry-meta ul { margin: 0; } .post-category-wrapper .entry-meta ul li { margin-right: 20px; padding: 0; font-size: 12px; color: #969696; } .post-category-wrapper .entry-meta ul li a { color: #969696; } .post-category-wrapper .entry-meta ul li a:hover { color: #021bdd; } .post-category-wrapper .entry-meta ul li:last-child { margin-right: 0; } .blog-wrapper .sticky-author .vcard { float: left; } .blog-wrapper .sticky-author .vcard img { margin-right: 15px; } .blog-wrapper .sticky-author .author-name { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; min-height: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ie .blog-wrapper .sticky-author .author-name{ height: 50px; } .blog-wrapper .sticky-author .author-name a { color: #212121; font-size: 18px; } .blog-wrapper .sticky-author .author-name .designation { font-family: 'Fira Sans', sans-serif; font-size: 15px; color: #000; opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; font-weight: normal; display: block; line-height: 1; margin-top: 5px; } .post-category-wrapper .entry-title a:hover { color: #021bdd; } .all-category-links a { color: #525252; font-size: 13px; } .all-category-links a:hover { color: #021bdd; } .all-category-links a i { margin-right: 10px; } /* === BLOG-SEARCH-WRAPPER === */ .blog-search-wrapper { background-color: #4e4e4e; color: #ffffff; overflow: hidden; padding: 30px 0; } .blog-search-wrapper h2 { font-size: 30px; font-weight: 700; width: 100%; } .blog-search-form { width: 570px; margin: auto; max-width: 85%; } .blog-search-form .form-control { border-radius: 0; background: rgba(0, 0, 0, .1); border: none; padding: 0 50px 0 20px; height: 60px; line-height: 60px; color: #ffffff; } .blog-search-form button { font-size: 16px !important; color: #fff !important; line-height: 60px; top: 0 !important; padding: 0 11px; -webkit-transition: all .3s; transition: all .3s; } .blog-search-form button:hover { -webkit-transform: scale(1.4); transform: scale(1.4); } .blog-search-wrapper .post-cat { border-top: 1px solid rgba(130, 130, 130, 0.17); margin-top: 40px; padding: 20px 40px 0; } .blog-search-wrapper .post-cat h4 { font-size: 15px; text-transform: uppercase; font-weight: 900; margin-bottom: 10px; } .blog-search-wrapper .post-cat a { display: inline-block; margin: 0 10px; position: relative; } .blog-search-wrapper .post-cat a:hover { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .blog-search-wrapper .post-cat a:before, .blog-search-wrapper .post-cat a:after { content: ""; position: absolute; bottom: 4px; width: 0; height: 2px; background-color: #ffffff; -webkit-transition: all .3s; transition: all .3s; } .blog-search-wrapper .post-cat a:before { right: 50%; } .blog-search-wrapper .post-cat a:after { left: 50%; } .blog-search-wrapper .post-cat a:hover:before { right: 50%; left: auto; width: 50%; bottom: -2px; } .blog-search-wrapper .post-cat a:hover:after { left: 50%; right: auto; width: 50%; bottom: -2px; } .blog-search-wrapper .post-cat a, .blog-search-wrapper .post-cat h4, .blog-search-wrapper h2 { color: #ffffff; } .blog-search-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, .8); } .blog-search-form input::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, .8); } .blog-search-form input:-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, .8); } .blog-search-form input:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, .8); } @media (max-width: 767px) { .blog-search-wrapper .post-cat { padding-left: 20px; padding-right: 20px; } } .no-results { background: #ffffff; padding: 30px; } /* =-=-=-=-=-=-= PAGE STYLE =-=-=-=-=-=-= */ .page-pagination a { color: #4A4A4A; background-color: rgba(0,0,0,.15); padding: 0 8px; border-radius: 3px; min-width: 27px; display: inline-block; text-align: center; } .page-pagination a:hover { background-color: #021bdd; color: #ffffff; } .page-pagination>span { color: #ffffff; background-color: #021bdd; padding: 0px 8px; border-radius: 3px; min-width: 27px; display: inline-block; text-align: center; } .page-pagination .page-links-title { color: inherit; background-color: transparent; padding-left: 0; } /* =-=-=-=-=-=-=-=-=-=-=-= PORTFOLIO SINGLE PAGE =-=-=-=-=-=-=-=-=-=-=-= */ .single-portfolio-page header { position: relative; margin-bottom: -1px; } .single-portfolio-page .portfolio-thumbnail { width: 100%; height: 950px; background-color: #515151; background-repeat: no-repeat; background-size: cover; background-position: center; } @media (min-width: 768px){ .tt-menu-sticky .single-portfolio-page .portfolio-thumbnail{ height: calc(100vh - 80px); } .admin-bar .single-portfolio-page .portfolio-thumbnail{ height: calc(100vh - 32px); } .tt-menu-sticky.admin-bar .single-portfolio-page .portfolio-thumbnail{ height: calc(100vh - 112px); } } .portfolio-single-slider{ position: relative; } .single-portfolio-page .slider-indicator { width: 100%; height: 45px; position: relative; } .single-portfolio-page .slider-indicator a { width: 50%; background: #ffffff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .single-portfolio-page .slider-indicator a:hover{ opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .single-portfolio-page .portfolio-info { position: absolute; bottom: -110px; left: 0; max-width: 670px; z-index: 5; } .single-portfolio-page .portfolio-info .portfolio-info-bg { background-color: #ffffff; padding: 60px 60px 80px; } .single-portfolio-page .portfolio-info .info-header h3 { font-size: 55px; line-height: 1.3; font-weight: 900; margin-bottom: 0; } .single-portfolio-page .portfolio-info .info-header p { position: relative; padding-left: 95px; margin-top: 20px; } .single-portfolio-page .portfolio-info .info-header p:before { position: absolute; content: ""; top: 10px; left: 0; width: 80px; height: 5px; background-color: #f15f46; } .single-portfolio-page .portfolio-info .info-header ul { margin-left: 45px; } .single-portfolio-page .portfolio-info .info-header ul li { margin-left: 50px; } .single-portfolio-page .portfolio-info .used-tool p, .single-portfolio-page .portfolio-info .portfolio-site p, .single-portfolio-page .portfolio-info .info-header ul li strong { font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: bold; display: block; margin: 0; line-height: 1.3; margin-top: 30px; } .single-portfolio-page .portfolio-info .portfolio-site, .single-portfolio-page .portfolio-info .used-tool { margin-left: 95px; } .single-portfolio-page .portfolio-info .used-tool p { margin-bottom: 12px; } .single-portfolio-page .portfolio-info .used-tool ul { border: 1px solid #ddd; border-radius: 4px; display: inline-block; } .single-portfolio-page .portfolio-info .used-tool ul li { border-right: 1px solid #ddd; padding: 5px 10px 8px 7px; text-align: center; vertical-align: middle; } .single-portfolio-page .portfolio-info .used-tool ul li:first-child { padding-left: 10px; } .single-portfolio-page .portfolio-info .used-tool ul li:last-child { border-right: none; } .single-portfolio-page .portfolio-info .used-tool ul li img { max-width: 25px; display: inline-block; } @media (max-width: 767px) { .single-portfolio-page .portfolio-info .portfolio-info-bg { padding: 30px 50px 30px; } .single-portfolio-page .portfolio-info .info-header p { padding-left: 0; } .single-portfolio-page .portfolio-info .info-header ul li, .single-portfolio-page .portfolio-info .portfolio-site, .single-portfolio-page .portfolio-info .used-tool, .single-portfolio-page .portfolio-info .info-header ul { margin-left: 0; } .single-portfolio-page .portfolio-info .info-header p:before { display: none; } .single-portfolio-page .portfolio-thumbnail { height: 450px; } .single-portfolio-page .portfolio-info .info-header h3 { font-size: 35px; word-wrap: break-word; } } /* NEXT PORTFOLIO WRAPPER STYLE ============================================ */ .next-portfolio-wrapper { color: #ffffff; background-color: #0063e9; padding: 120px 0; } .next-portfolio-wrapper .next-portfolio-inner>span { font-size: 18px; margin-bottom: 25px; font-weight: bold; text-transform: uppercase; font-family: 'Fira Sans', sans-serif; } .next-portfolio-wrapper .next-portfolio-inner h2 { margin-top: 36px; margin-bottom: 30px; } .next-portfolio-wrapper .next-portfolio-inner a { color: #ffffff; font-weight: 900; font-size: 55px; text-transform: capitalize; padding-bottom: 7px; position: relative; } .next-portfolio-wrapper .next-portfolio-info { padding-left: 105px; position: relative; } .next-portfolio-wrapper .next-portfolio-info .line { position: absolute; top: 12px; left: 0; width: 85px; height: 5px; background-color: #ffffff; } @media(max-width: 767px) { .single-portfolio-page .portfolio-info { position: relative; top: -45px; left: 5%; right: 5%; width: 90%; } } @media(max-width: 991px) { .single-portfolio-page .portfolio-info .used-tool ul { text-align: center; } .single-portfolio-page .portfolio-info .used-tool ul li { border: none; } .single-portfolio-page .portfolio-info .info-header ul li { display: block; } } /*portfolio*/ .portfolio-wrapper, .fullscreen-portfolio, .fullscreen-portfolio .portfolio-item{ position: relative; overflow: hidden; height: 100vh; width: 100vw; } .portfolio-wrapper .portfolio-transition{ position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 200; } .portfolio-wrapper .portfolio-in-transition { visibility: hidden; background-color: #f04c4b } .portfolio-wrapper .portfolio-out-transition { visibility: hidden; background-color: #252525 } .portfolio-wrapper .transition-start { visibility: visible; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: folioIn 1s cubic-bezier(.77,0,.175,1) forwards; animation: folioIn 1s cubic-bezier(.77,0,.175,1) forwards } .portfolio-wrapper .transition-end { visibility: visible; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: folioOut .6s cubic-bezier(.77,0,.175,1) forwards; animation: folioOut .6s cubic-bezier(.77,0,.175,1) forwards } @-webkit-keyframes folioIn { 0% { -webkit-transform: scaleX(0); transform: scaleX(0) } 100% { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes folioIn { 0% { -webkit-transform: scaleX(0); transform: scaleX(0) } 100% { -webkit-transform: scaleX(1); transform: scaleX(1) } } @-webkit-keyframes folioOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 100% { -webkit-transform: scaleX(0); transform: scaleX(0) } } @keyframes folioOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 100% { -webkit-transform: scaleX(0); transform: scaleX(0) } } /* =-=-=-=-=-=-= CONTACT FORM SECTION =-=-=-=-=-=-= */ /*Contact from exta field*/ .main-contact-form { padding: 60px 68px 0; background-color: #f26343; color: #fff; font-family: 'Fira Sans', sans-serif; } .wpcf7-ttradio { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } div.wpcf7 .wpcf7-ttradio label { -ms-flex-preferred-size: calc(25% - 15px); flex-basis: calc(25% - 15px); margin-left: 15px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 10px; } .main-contact-form hr { margin-left: -70px; margin-right: -70px; margin-top: 50px; margin-bottom: 50px; border-top: 1px solid rgba(255, 255, 255, .3); } input.hideradio { visibility: hidden; position: absolute; } .wpcf7-ttradio label { margin-right: 20px; } .wpcf7-ttradio label:last-child { margin-right: 0; } .wpcf7-ttradio label>input+span { cursor: pointer; } .wpcf7-ttradio span { display: block; } .wpcf7-ttradio span.ttradio-title { font-size: 36px; font-weight: 700; padding: 20px 10px !important; background-color: rgba(255, 255, 255, .25) !important; border-radius: 5px; color: #ffffff !important; margin-bottom: 10px; -webkit-transition: all .3s; transition: all .3s; } .wpcf7-ttradio label>input:checked+span { background-color: #fff !important; color: #f26343 !important; } .wpcf7-ttradio span.ttradio-title:hover { background-color: #ffffff !important; color: #f26343 !important; } .wpcf7 p { font-size: 16px; line-height: 18px; font-weight: 600; } div.wpcf7 label { display: block; margin: 0; } div.wpcf7 .wpcf7-ttradio label { text-align: center; display: inline-block; } .ttradio-subtitle { font-size: 14px; line-height: 18px; font-weight: 700; } .wpcf7 textarea { min-height: 150px; } .wpcf7-form-control, .wpcf7 textarea { background-color: rgba(0, 0, 0, 0.08); border: 0; border-radius: 4px; margin-top: 15px; padding: 10px 15px; width: 100%; color: #fff; -webkit-transition: all .3s; transition: all .3s; } .wpcf7-form-control:focus, .wpcf7 textarea:focus { background-color: rgba(0, 0, 0, 0.15); } .wpcf7-form-control { height: 55px; } .wpcf7-form-control.wpcf7-submit { background-color: #ffffff; color: #212121; height: 50px; font-size: 16px; font-weight: 500; border-radius: 30px; padding: 10px 30px; cursor: pointer; width: inherit; margin-bottom: 50px; -webkit-transition: all .2s; transition: all .2s; } .wpcf7-form-control.wpcf7-submit:hover { box-shadow: 5px 2px 17px rgba(0, 0, 0, .5); -webkit-transform: translateY(-2px); transform: translateY(-2px); } .wpcf7 span.wpcf7-not-valid-tip { position: relative; top: 5px; text-align: left; font-size: 11px; background-color: #ECECEC; display: inline-block; padding: 0 10px; border-radius: 5px; z-index: 1; } .wpcf7 span.wpcf7-not-valid-tip:before { position: absolute; top: -5px; left: 0; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ECECEC; z-index: -1; } .wpcf7 div.wpcf7-validation-errors { border: 0; font-weight: 600; color: #212121; margin-top: 10px; background: rgba(255, 255, 255, .5); padding: 10px; border-radius: 4px; } .wpcf7-mail-sent-ng { border-radius: 4px; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-size: inherit; margin-left: 0; } @media(max-width: 1399px) { .main-contact-form { padding: 40px; min-height: 920px; } } @media(max-width: 991px) { .main-contact-form { height: inherit; overflow-y: inherit; margin-right: 0; } } @media(max-width: 767px) { .main-contact-form { padding: 30px 30px 0; } div.wpcf7 .wpcf7-ttradio label { -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); } .main-contact-form hr { margin-left: -40px; margin-right: -40px; margin-top: 20px; margin-bottom: 20px; } } /* =-=-=-=-=-=-= FOOTER SECTION =-=-=-=-=-=-= */ .footer-widget-wrapper { padding: 120px 0 80px; } .footer-multi-wrapper .footer-widget-wrapper { background-color: #152230; } .body-bg-blue .footer-multi-wrapper .footer-widget-wrapper { background-color: #1d3044; } .footer-logo-wrapper { background-color: #152230; padding: 100px 0; } .footer-about-text { color: #ffffff; margin: 0 auto 30px; } .footer-about-text a { color: #ffffff; font-weight: bold; } .footer-about-text a:hover { color: #ffffff; text-decoration: underline; } @media(min-width: 992px) { .footer-about-text { width: 60%; } } .social-links .list-inline>li { padding-right: 8px; padding-left: 8px; } .social-links li a { display: block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .social-links li a i { font-size: 18px; line-height: 1; text-align: center; color: #ffffff; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; opacity: .4; padding: 0 5px; } .social-links li a:hover i { opacity: .8; } .footer-copyright-wrap { padding: 20px 0; background-color: #1f3247; } .body-bg-blue .footer-copyright-wrap { background-color: #172232; } .footer-onepage-wrapper .footer-copyright-wrap { background: none; } .footer-copyright-wrap .privacy-policy-link { margin-left: 6px; } .footer-copyright-wrap .social-links-wrap { margin-top: 26px; } .footer-section .copyright { display: block; padding: 10px 0; font-size: 15px; color: #ffffff; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; line-height: 60px; } @media (max-width: 575px) { .footer-section .copyright { line-height: 1.4; } } .footer-onepage-wrapper.footer-section .copyright a, .footer-onepage-wrapper.footer-section .copyright { color: #212121; } .footer-section .copyright a { color: #ffffff; font-weight: bold; } .footer-section .copyright a:hover { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; text-decoration: underline; } .has-copyright-color .footer-copyright-wrap .social-links a, .has-copyright-color.footer-section .copyright a, .has-copyright-color.footer-section .copyright { color: inherit !important; } @media (max-width: 575.98px) { .footer-onepage-wrapper .footer-copyright-wrap { text-align: center; } } /* ======== ONEPAGE FOOTER STYLE ======== */ .footer-onepage-wrapper .onepage-footer-inner { border-radius: 10px; background: #f7872c; background-image: -webkit-linear-gradient( -143deg, #f7872c 0%, #f15f46 100%); background-image: -ms-linear-gradient( -143deg, #f7872c 0%, #f15f46 100%); box-shadow: 0px 24px 62px 0px rgba(241, 96, 69, 0.4); padding: 80px 200px 70px; color: rgba(255, 255, 255, .8); } .footer-onepage-wrapper .onepage-footer-inner h2 { color: #ffffff; position: relative; display: block; z-index: 1; } .footer-onepage-wrapper .onepage-footer-inner .footer-logo { display: inline-block; position: absolute; top: -108px; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; width: 216px; height: 216px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; } .footer-onepage-wrapper .onepage-footer-inner .footer-logo a { display: inline-block; } .footer-onepage-wrapper .onepage-footer-inner .footer-logo img { max-width: 100%; display: inline-block; pointer-events: all; } .footer-onepage-wrapper .onepage-footer-inner .footer-text { font-size: 17px; line-height: 1.7; } .footer-onepage-wrapper .copyright-year { position: relative; margin-left: 130px; margin-top: 25px; } .footer-onepage-wrapper .copyright-year:before { content: ""; right: 120%; width: 120px; height: 1px; background: #000; position: absolute; top: 14px; } .footer-onepage-wrapper .footer-copyright-wrap, .footer-onepage-wrapper .footer-copyright-wrap a { font-family: 'Fira Sans', sans-serif; } .footer-onepage-wrapper .copyright, .footer-onepage-wrapper .copyright a, .footer-onepage-wrapper .footer-copyright-wrap, .footer-onepage-wrapper .footer-copyright-wrap .social-links a { font-size: 11px; text-transform: uppercase; color: #212121; font-weight: 500; letter-spacing: 2px; } .footer-onepage-wrapper .footer-copyright-wrap .social-links span { margin-right: 50px; } .footer-onepage-wrapper .footer-copyright-wrap .social-links span:hover{ text-decoration: underline; } .footer-onepage-wrapper .footer-copyright-wrap .social-links i { display: none; } @media (max-width: 991px) { .footer-onepage-wrapper .footer-copyright-wrap .social-links i { display: block; background: none; color: inherit; width: 20px; } .footer-onepage-wrapper .footer-copyright-wrap .social-links span { display: none; } .footer-onepage-wrapper .copyright-year:before { content: none; } .footer-onepage-wrapper .copyright-year { margin-left: 30px; margin-top: 18px; } } @media(max-width: 575px) { .footer-onepage-wrapper .copyright-year { display: none; } } @media (max-width: 767px) { .footer-onepage-wrapper .onepage-footer-inner { padding: 80px 30px 30px; } } /* ============= MULTIPAGE FOOTER STYLE ============= */ @media(max-width: 991px) { .footer-multi-wrapper .footer-copyright-wrap { text-align: center; } .footer-multi-wrapper .footer-copyright-wrap .social-links-wrap { text-align: center !important; margin-top: 10px; } } .footer-multi-wrapper .social-links-wrap ul { margin: 0; } .footer-multi-wrapper .social-links .list-inline>li { padding-right: 4px; padding-left: 4px; } .footer-multi-wrapper .social-links-wrap li a { border: 0; color: #ffffff; } .footer-multi-wrapper .social-links-wrap li a:hover { background-color: transparent; border-color: transparent; color: #021bdd; } .footer-sidebar { color: #ffffff; } .footer-sidebar .textwidget { font-size: 15px; } .footer-sidebar, .footer-sidebar a, .footer-sidebar .widget_nav_menu ul li a, .footer-sidebar .tt-latest-post .media-body h4 span, .footer-sidebar .tt-recent-comments .comment-content .comment-title a, .footer-sidebar .tt-latest-post .media-body h4 a { color: #ffffff; } .footer-sidebar .tt-latest-post .media-body h4 a { -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.23, 1); transition: all 0.6s cubic-bezier(0, 0, 0.23, 1); color: #ffffff; line-height: 1.3; } .footer-sidebar .tt-latest-post .media-body h4 a:hover { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; color: #ffffff; } .footer-sidebar .widget-title { color: #ffffff; font-size: 22px; border: 0; margin: 0 0 30px; text-transform: capitalize; } .tt-sidebar-wrapper ul, .footer-sidebar ul { padding: 0; } .tt-sidebar-wrapper ul li i, .footer-sidebar ul li i { margin-right: 15px; color: #ffffff; } .footer-sidebar .dashed-border { display: block; margin: 20px 0; border-bottom: 1px dashed #d7d7d7; } .footer-sidebar .widget_nav_menu ul li a { text-transform: capitalize; position: relative; } .footer-sidebar .widget_meta ul li a:before, .footer-sidebar .widget_archive ul li a:before, .footer-sidebar .widget_categories ul li a:before, .footer-sidebar .widget_pages ul li a:before, .footer-sidebar .widget_nav_menu ul li a:before { content: "\f101"; font-family: "Font Awesome 5 Free"; margin-right: 10px; color: #ffffff; font-weight: 900; font-size: 12px; } .footer-sidebar ul.children li a:before, .footer-sidebar ul.sub-menu li a:before{ content: "\f105"; } .tt-latest-post .media-left { margin-right: 10px; } .tt-latest-post .media-body { min-height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tt-latest-post .media { margin-bottom: 15px; } .tt-latest-post .media-left img { width: 80px; border-radius: 3px; height: 80px; } .tt-latest-post .media-body h4 { font-weight: bold; margin: 0 0 5px; font-size: 16px; line-height: 1; } .tt-latest-post .media-body h4 a { color: #606060; } .tt-latest-post .media-body h4 a:hover { color: #021bdd; } .tt-latest-post .entry-meta { margin: -5px 0 0; } .footer-sidebar .tt-latest-post .entry-meta li, .footer-sidebar .tt-latest-post .entry-meta li a { color: rgba(255, 255, 255, .7); font-family: Merriweather, sans-serif; font-size: 13px; } .footer-sidebar .tt-latest-post .entry-meta li a:hover { color: #ffffff; } @media(max-width: 767px) { .footer-copyright .copyright, .social-links-wrap { text-align: center; } } /* =-=-=-=-=-=-= TO TOP =-=-=-=-=-=-= */ #toTop { position: fixed; bottom: 30px; right: 30px; cursor: pointer; display: none; z-index: 9999; width: 35px; height: 35px; color: #000; text-align: center; font-size: 19px; line-height: 33px; border-radius: 50%; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; mix-blend-mode: difference; } @media(max-width: 1400px){ #toTop { bottom: 20px; right: 20px; } } #toTop:before, #toTop:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(255, 255, 255, .4); border-radius: 50%; -webkit-animation: toTopAnimation 2s linear infinite; animation: toTopAnimation 2s linear infinite; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; box-shadow: 0 0 10px rgba(0, 0, 0, .3); } #toTop:after { -webkit-animation-delay: 1s; animation-delay: 1s; } #toTop:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #toTop:hover i { -webkit-animation: iToTop .4s ease-in-out forwards; animation: iToTop .4s ease-in-out forwards; } .is-contact-popup #toTop { bottom: 100px; right: 34px; } @-webkit-keyframes iToTop { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 80% { -webkit-transform: translateY(7px); transform: translateY(7px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes iToTop { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 80% { -webkit-transform: translateY(7px); transform: translateY(7px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes toTopAnimation { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); } } @keyframes toTopAnimation { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); } } /* =-=-=-=-=-=-= PRELOADER =-=-=-=-=-=-= */ #preloader { background-color: #19232D; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999999; } /* #preloader #status{ width: 40px; height: 40px; position: absolute; margin: auto auto; left: 0; top: 0; right: 0; bottom: 0; } #preloader #status span{ width: 100%; height: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: rgba(0, 0, 0, 0.66); opacity: 0.4; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } #preloader #status span:last-child { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } }*/ /* tt-load animation */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media(min-width: 768px){ .tt-load-animation-wrapper, .tt-load-animation { height: 100%; width: 100%; position: fixed; left: -99%; top: 0; } .tt-load-animation.tt-animated{ -webkit-animation: ttLoaderAnimation 1s .2s ease-in-out forwards; animation: ttLoaderAnimation 1s .2s ease-in-out forwards; background-color: #021bdd; z-index: 99998; } .tt-load-animation-wrapper.tt-animated{ right: 0; left: auto; background-color: rgba(255, 255, 255, 0.9); z-index: 99997; -webkit-animation: ttHide 1s .2s linear forwards; animation: ttHide 1s .2s linear forwards; } /* ttLoaderAnimation Animation */ @-webkit-keyframes ttLoaderAnimation{ 0%{ left: -100%; } 100%{ left: 100%; } } @keyframes ttLoaderAnimation{ 0%{ left: -100%; } 100%{ left: 100%; } } /* ttHide Animation */ @-webkit-keyframes ttHide{ 0%, 49%{ visibility: visible; } 50%, 100%{ visibility: hidden; } } @keyframes ttHide{ 0%, 49%{ visibility: visible; } 50%, 100%{ visibility: hidden; } } } .tt-footer.white-color .footer-onepage-wrapper .copyright-year:before { background-color: #ffffff !important; } .tt-footer.white-color .footer-sidebar, .tt-footer.white-color .footer-section .copyright, .tt-footer.white-color p, .tt-footer.white-color span, .tt-footer.white-color li, .tt-footer.white-color a, .tt-footer.white-color a:before, .tt-footer.white-color h2, .tt-footer.white-color h3, .tt-footer.white-color h4, .tt-footer.white-color h5, .tt-footer.white-color h6, .tt-footer.white-color { color: #ffffff !important; } .tt-footer.orange-color .footer-onepage-wrapper .copyright-year:before { background-color: #f7872c !important; } .tt-footer.orange-color .footer-sidebar, .tt-footer.orange-color .footer-section .copyright, .tt-footer.orange-color p, .tt-footer.orange-color span, .tt-footer.orange-color li, .tt-footer.orange-color i, .tt-footer.orange-color a, .tt-footer.orange-color a:before, .tt-footer.orange-color h2, .tt-footer.orange-color h3, .tt-footer.orange-color h4, .tt-footer.orange-color h5, .tt-footer.orange-color h6, .tt-footer.orange-color { color: #f7872c !important; } .tt-footer.blue-color .footer-onepage-wrapper .copyright-year:before { background-color: #0000FF !important; } .tt-footer.blue-color .footer-sidebar, .tt-footer.blue-color .footer-section .copyright, .tt-footer.blue-color p, .tt-footer.blue-color span, .tt-footer.blue-color li, .tt-footer.blue-color i, .tt-footer.blue-color a, .tt-footer.blue-color a:before, .tt-footer.blue-color h2, .tt-footer.blue-color h3, .tt-footer.blue-color h4, .tt-footer.blue-color h5, .tt-footer.blue-color h6, .tt-footer.blue-color { color: #0000FF !important; } .tt-footer.gray-color .footer-onepage-wrapper .copyright-year:before { background-color: #7a7a7a !important; } .tt-footer.gray-color .footer-sidebar, .tt-footer.gray-color .footer-section .copyright, .tt-footer.gray-color p, .tt-footer.gray-color span, .tt-footer.gray-color li, .tt-footer.gray-color i, .tt-footer.gray-color a, .tt-footer.gray-color a:before, .tt-footer.gray-color h2, .tt-footer.gray-color h3, .tt-footer.gray-color h4, .tt-footer.gray-color h5, .tt-footer.gray-color h6, .tt-footer.gray-color { color: #7a7a7a !important; } @keyframes bubble { 0%, 100% { -webkit-transform: scale(0); transform: scale(0) } 50% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes bubble { 0%, 100% { -webkit-transform: scale(0); transform: scale(0) } 50% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes trendyFadeInUp { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: none; transform: none } } @keyframes trendyFadeInUp { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: none; transform: none } } .trendyFadeInUp { -webkit-animation-name: trendyFadeInUp; animation-name: trendyFadeInUp } @-webkit-keyframes trendyFadeIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } } @keyframes trendyFadeIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } } .trendyFadeIn { -webkit-animation-name: trendyFadeIn; animation-name: trendyFadeIn } .trendyAnimation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } /* =-=-=-=-=-=-= 404 PAGE =-=-=-=-=-=-= */ .error-page-wrapper { height: calc(100vh - 80px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff; } body.error404.white-404 .error-page-wrapper, body.error404.white-404 .error-page-wrapper h3, body.error404.off-white-404 .error-page-wrapper, body.error404.off-white-404 .error-page-wrapper h3, body.error404.theme-404 .error-page-wrapper, body.error404.theme-404 .error-page-wrapper h3{ color: #212121; } body.error404.white-404 .error-page-wrapper img.img-1, body.error404.off-white-404 .error-page-wrapper img.img-1, body.error404.theme-404 .error-page-wrapper img.img-1{ mix-blend-mode: exclusion; } .error-page-wrapper img { max-width: 450px; width: 100%; height: auto; pointer-events: none; margin-bottom: 30px; } .error-page-wrapper h3{ color: #ffffff; font-size: 40px; margin-bottom: 20px; } body.error404{ background-color: #152230; } .error-page-wrapper .btn-primary { background-image: -webkit-linear-gradient( -143deg, rgb(247,135,44) 0%, rgb(241,95,70) 100%); background-image: -ms-linear-gradient( -143deg, rgb(247,135,44) 0%, rgb(241,95,70) 100%); box-shadow: 0px 24px 62px 0px rgba(241, 95, 70, 0.4); font-size: 16px; font-family: 'Fira Sans', sans-serif; border-radius: 30px; height: 50px; padding: 0 40px; line-height: 50px; text-transform: capitalize; margin-top: 40px; } @media (max-width: 767px) { .not-found-icon { margin-bottom: 30px; } .not-found-icon i { font-size: 150px; } .error-message { text-align: center; } } @media (min-width: 768px){ body.error404{ overflow: hidden; } } /* =-=-=-=-=-=-= VISUAL COMPOSER STYLES =-=-=-=-=-=-= */ .vc_tta-tabs-position-top.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a, .vc_tta-tabs-position-bottom.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a { border-color: #e1e1e1 !important; } .vc_tta-tabs-position-top .vc_tta-tabs-list, .vc_tta-tabs-position-bottom .vc_tta-tabs-list { width: 100%; border-bottom: 1px solid #e1e1e1; } .vc_tta-tabs-position-top .vc_tta-tabs-list>li, .vc_tta-tabs-position-top .vc_tta-tabs-list>li { display: table-cell !important; width: 1%; margin: 0 !important; padding-right: 0 !important; } .vc_tta-style-ultra-classic.vc_tta-tabs-position-top .vc_tta-tabs-list>li, .vc_tta-style-ultra-classic.vc_tta-tabs-position-top .vc_tta-tabs-list>li { vertical-align: middle; } .vc_tta-tabs-position-top .vc_tta-tabs-list>li:last-child, .vc_tta-tabs-position-bottom .vc_tta-tabs-list>li:last-child { padding-right: 0 !important; } .vc_tta-tabs-position-top .vc_tta-tab>a, .vc_tta-tabs-position-bottom .vc_tta-tab>a { padding: 6px 20px !important; font-weight: 700; color: #2f2f2f !important; bottom: -1px; text-align: center; } .vc_tta-tabs-position-top .vc_tta-tab>a:hover, .vc_tta-tabs-position-top .vc_tta-tab>a:focus, .vc_tta-tabs-position-top .vc_tta-tab.vc_active>a, .vc_tta-tabs-position-bottom .vc_tta-tab>a:hover, .vc_tta-tabs-position-bottom .vc_tta-tab>a:focus, .vc_tta-tabs-position-bottom .vc_tta-tab.vc_active>a { background-color: #021bdd !important; color: #fff !important; } .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:hover, .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a { border-color: #021bdd !important; } .wpb-js-composer .vc_tta-color-pink .vc_tta-tab>a { border: none !important; background-color: #d90d00 !important; color: #ffffff !important; } .wpb-js-composer .vc_tta-color-pink .vc_tta-tab>a:hover, .wpb-js-composer .vc_tta-color-pink .vc_tta-tab.vc_active>a { border: none !important; background-color: #a90a00 !important; } .wpb-js-composer .vc_tta-style-flat .vc_tta-tab { border-right: 1px solid rgba(255, 255, 255, .2) !important; } .wpb-js-composer .vc_tta-style-flat .vc_tta-tab:last-child { border-right: none !important; } .wpb-js-composer .vc_tta-style-flat .vc_tta-tabs-list { border-bottom: none !important; } .wpb-js-composer .vc_tta-style-flat .vc_tta-tab>a { padding-top: 12px !important; padding-bottom: 12px !important; font-size: 14px; font-weight: 500; } .transparent .vc_tta-panel-body { padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 767px) { .transparent .vc_tta-panel-body { padding-left: 30px !important; padding-right: 30px !important; } } /*Tab ultra classic style*/ .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tabs-container, .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tabs-list { overflow: visible !important; border: 0 !important; } .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab { position: relative; padding-right: 0 !important; border-style: solid; border-color: #eaeaea transparent #eaeaea #eaeaea; border-width: 1px; } .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab:last-child { border-right-color: #eaeaea; } .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab>a { border: 0 !important; -webkit-transition: inherit !important; transition: inherit !important; } .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab.vc_active, .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab:hover { border-color: #021bdd; background-color: #021bdd; } .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab:hover a, .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab.vc_active>a { background-color: #021bdd; color: #ffffff; } .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab.vc_active:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid; border-top-color: #021bdd; } .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab>a { padding: 10px 20px !important; bottom: 0; margin-right: -1px; font-weight: 400 !important; } @media(max-width: 991px) { .vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab>a { padding: 10px !important; } } .vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel-body { padding: 45px 0 0; } @media(max-width: 767px) { .vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel-title>a { border: 1px solid #eaeaea; } .vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a, .vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel .vc_tta-panel-title>a:hover { background-color: #021bdd; color: #ffffff; } } /* =-=-=-=-=-=-= PROGRESS BAR =-=-=-=-=-=-= */ .vc_progress_bar .vc_single_bar { height: 6px; margin-bottom: 50px !important; background-color: transparent !important; border-radius: 0 !important; -o-box-shadow: inset 0 0 1px #949494 !important; box-shadow: inset 0 0 1px #949494 !important; } .vc_progress_bar .vc_single_bar .vc_label { text-shadow: none !important; top: -30px; padding: 0 !important; font-weight: 400; font-size: 100%; } .vc_progress_bar .vc_single_bar .vc_label .vc_label_units { float: right; } .vc_progress_bar .vc_single_bar .vc_bar { border-radius: 0 !important; } .vc_tta-tabs-position-left .vc_tta-tabs-list, .vc_tta-tabs-position-right .vc_tta-tabs-list { width: 100%; } .vc_tta-tabs-position-left .vc_tta-tabs-list li a, .vc_tta-tabs-position-right .vc_tta-tabs-list li a { font-size: 15px; font-weight: 600; padding: 7px 20px !important; } .vc_tta-tabs-position-left .vc_tta-tabs-list .vc_tta-tab>a:hover, .vc_tta-tabs-position-right .vc_tta-tabs-list .vc_tta-tab>a:hover, .vc_tta-tabs-position-left .vc_tta-tabs-list .vc_tta-tab.vc_active>a, .vc_tta-tabs-position-right .vc_tta-tabs-list .vc_tta-tab.vc_active>a { background-color: #021bdd !important; color: #ffffff !important; } .vc_tta-tabs-position-left .vc_tta-panel-body h2, .vc_tta-tabs-position-right .vc_tta-panel-body h2 { line-height: 48px; } .vc_column_container>.vc_column-inner { position: relative; } .container-fullwidth { padding-left: 15px; padding-right: 15px; } /*container fullwidth left padding*/ .padding-left-0 .container-fullwidth{ padding-left: 0; } .padding-left-15 .container-fullwidth{ padding-left: 15px; } .padding-left-30 .container-fullwidth{ padding-left: 30px; } .padding-left-50 .container-fullwidth{ padding-left: 50px; } .padding-left-100 .container-fullwidth{ padding-left: 100px; } .padding-left-150 .container-fullwidth{ padding-left: 150px; } .padding-left-200 .container-fullwidth{ padding-left: 200px; } .padding-left-250 .container-fullwidth{ padding-left: 250px; } .padding-left-300 .container-fullwidth{ padding-left: 300px; } /*container fullwidth right padding*/ .padding-right-0 .container-fullwidth{ padding-right: 0; } .padding-right-15 .container-fullwidth{ padding-right: 15px; } .padding-right-30 .container-fullwidth{ padding-right: 30px; } .padding-right-50 .container-fullwidth{ padding-right: 50px; } .padding-right-100 .container-fullwidth{ padding-right: 100px; } .padding-right-150 .container-fullwidth{ padding-right: 150px; } .padding-right-200 .container-fullwidth{ padding-right: 200px; } .padding-right-250 .container-fullwidth{ padding-right: 250px; } .padding-right-300 .container-fullwidth{ padding-right: 300px; } .vc_row-o-full-height .container-fullwidth { width: 100%; } @media(max-width: 1199px){ /*container fullwidth left padding*/ .padding-left-30 .container-fullwidth, .padding-left-50 .container-fullwidth, .padding-left-100 .container-fullwidth, .padding-left-150 .container-fullwidth, .padding-left-200 .container-fullwidth, .padding-left-250 .container-fullwidth, .padding-left-300 .container-fullwidth{ padding-left: 15px; } /*container fullwidth right padding*/ .padding-right-30 .container-fullwidth, .padding-right-50 .container-fullwidth, .padding-right-100 .container-fullwidth, .padding-right-150 .container-fullwidth, .padding-right-200 .container-fullwidth, .padding-right-250 .container-fullwidth, .padding-right-300 .container-fullwidth{ padding-right: 15px; } } .wpb_wrapper .widget { margin-bottom: 30px; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 30px; } .wpb_revslider_element.wpb_content_element { margin-bottom: 0 !important; } .vc_btn3.vc_btn3-size-md { padding: 14px 28px !important; border: 0; } .vc_btn3.vc_btn3-style-custom { background-image: none; background-image: none; background-image: none; -webkit-filter: none; filter: none; background-repeat: none; background-size: 100%; background-position: center; position: relative; z-index: 1; } .vc_btn3.vc_btn3-style-custom:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .15); z-index: -1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .3s; transition: all .3s; } .vc_btn3.vc_btn3-style-custom:hover:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .vc_general.vc_btn3 { border: none !important; font-family: 'Fira Sans', sans-serif; } .vc_btn3.vc_btn3-style-custom.vc_btn3-size-lg.vc_btn3-icon-left, .vc_btn3.vc_btn3-style-custom.vc_btn3-size-lg.vc_btn3-icon-right { height: 75px; padding: 25px 15px !important; font-weight: 500; font-size: 17px !important; border-bottom: 5px solid rgba(0, 0, 0, .3) !important; } .vc_btn3.vc_btn3-size-md.vc_btn3-style-custom { padding: 13px 30px !important; } .vc_btn3.vc_btn3-shape-rounded.vc_btn3-style-custom { border-radius: 3px; } .vc_btn3.vc_btn3-size-md:hover { border: 0; } .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) { padding-left: 48px !important; } /* Custom Button Style */ .vc_btn3-color-theme_primary_color { background-color: #021bdd !important; color: #fff !important; } .vc_btn3-color-theme_primary_color:hover { background-color: #da0c01 !important; } .vc_btn3-color-theme_orange_color { background-color: #ffa500 !important; color: #fff !important; } .vc_btn3-color-theme_orange_color:hover { background-color: #f5a002 !important; } /*Accordion style*/ .vc_tta-accordion .vc_tta-panel-title { font-weight: 400; font-size: 15px; position: relative; } .vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { padding: 18px 20px; } .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title>a { color: #021bdd !important; } .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title>a i.vc_tta-controls-icon-chevron:before { border-color: #021bdd !important; } .vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title:after { content: ""; height: 2px; width: 20px; background-color: #ffffff; display: inline-block; position: absolute; bottom: -8px; left: 20px; z-index: 100; } .vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a, .vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { background-color: #021bdd; color: #ffffff !important; border-color: #021bdd; } .vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { padding-top: 25px; padding-bottom: 30px; } .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { border-width: 0 !important; } .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel-body { border-width: 1px !important; } .vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before { border-color: #ffffff !important; } .vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { border-color: #eaeaea; } .vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-body, .vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: #021bdd; } .vc_tta .vc_tta-controls-icon { height: 10px !important; width: 10px !important; } .vc_general.vc_cta3.vc_cta3-actions-bottom .vc_cta3-content { margin-bottom: 40px !important; } .vc_tta.vc_tta-shape-round .vc_tta-tabs-list { border-bottom: 0 !important; } /*Toggle style*/ .vc_toggle { border: 1px solid #f0f0f0; margin: 0 0 -1px !important; } .vc_toggle_title { padding: 10px 10px 10px 50px !important; } .vc_toggle_title>h4 { font-weight: 400; } .vc_toggle .vc_toggle_icon { margin-left: 15px !important; } .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a { border-color: #eaeaea !important; } /*=-=-=-=-=-=-=-=-= WOOCOMMERCE =-=-=-=-=-=-=-=-=-=-*/ .woocommerce .woocommerce-breadcrumb { margin-bottom: 10px; } /*shop home*/ .maacuni-shop{ padding: 100px 0; } .bottom-to-top-overlay .maacuni-shop{ padding-top: 0; } .shop-category-wrapper ul { list-style: none; padding: 0; } .shop-category-wrapper, .shop-category-wrapper .child-category { background-color: #ffffff; padding: 20px 0px 20px 25px; box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.08); } .shop-category-wrapper h2 { font-size: 16px; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #e5e5e5; margin: 0 0 15px -25px; padding: 0 0 15px 25px; } .shop-category-wrapper h2 i { margin-right: 10px; color: #021bdd; } .shop-category-wrapper ul li a { display: block; padding: 5px 20px 5px 0; font-size: 16px; color: #333333; } .shop-category-wrapper ul li a:hover { color: #021bdd; } .shop-category-wrapper>ul>li.has-child-category { position: relative; } .shop-category-wrapper>ul>li.has-child-category>a:after { content: "\f105"; font-family: fontawesome; position: absolute; top: 5px; right: 15px; } .shop-category-wrapper>ul>li.has-child-category .child-category { position: absolute; left: 100%; width: 100%; top: -20px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: all 400ms; transition: all 400ms; z-index: 1; } .shop-category-wrapper>ul>li.has-child-category .child-category.dropdown-inverse { left: auto; right: 25px; z-index: 100; width: 240px; } .shop-category-wrapper>ul>li.has-child-category:hover .child-category { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } /*Shop banner*/ .shop-banner-wrapper { background-repeat: no-repeat; background-position: bottom right; min-height: 250px; box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.08); margin-bottom: 30px; } .banner-content .intro-title { color: #ffffff; text-transform: uppercase; font-size: 14px; margin-top: 10px; display: block; } .banner-content { padding: 40px; position: relative; } .banner-content h2 { color: #ffffff; font-size: 35px; font-weight: 700; margin-bottom: 35px; } .banner-content .btn { color: #666666; padding: 7px 20px; height: inherit; font-weight: 700; font-size: 14px; } .banner-content .offer { position: absolute; bottom: 20px; left: 55%; width: 70px; height: 70px; background-color: #ffffff; display: inline-block; line-height: 70px; text-align: center; border-radius: 50%; font-size: 25px; font-weight: 700; color: #f53600; box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.3); } @media(max-width: 767px) { .banner-content .offer { left: auto; right: 15px; } } .page-template-template-shop { background-color: #f4f4f4; } .woocommerce div.product .product_title { text-transform: uppercase; font-size: 22px; font-weight: 700; line-height: 36px; } .woocommerce .page-title h2 { text-transform: initial; font-size: 30px; } .woocommerce ul.products li.product h2.woocommerce-loop-product__title { overflow: hidden; padding: 0 15px; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; color: #333333; -webkit-transition: all .3s; transition: all .3s; text-transform: capitalize; font-size: 20px; } .woocommerce ul.products li.product h2.woocommerce-loop-product__title:hover { color: #021bdd; } .woocommerce-Price-amount.amount { font-size: 18px; font-weight: 400; } .woocommerce-checkout .woocommerce, .maacuni-shop.maacuni-cart { padding: 0; } /* product popup */ .product-content.quick-view-layout { position: relative; } .product-content.quick-view-layout select { height: 40px; width: 100%; } .product-content.quick-view-layout .value a { display: block; margin-top: 5px; } .quick-view-popup .woocommerce-product-gallery__wrapper { margin: 0; z-index: 99; position: relative; border-right: 1px solid #ddd; } .quick-view-popup .mfp-close { color: #212121; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 99; -webkit-transition: .3s; transition: .3s; } .quick-view-popup img { max-width: 100%; } .quick-view-popup .mfp-close:hover { color: #021bdd; } .quick-view-popup .product-name { margin-bottom: 5px; } .quick-view-popup .product-information { padding-right: 30px; } .quick-view-popup .woocommerce-product-details__short-description { margin-bottom: 20px; overflow-y: auto; max-height: 170px; } .woocommerce .mfp-container { overflow-y: auto; } .quick-view-popup button.button.alt { height: 42px; padding: 0 30px; background-color: #021bdd; color: #ffffff; border: none; } .quick-view-popup .product_meta, .woocommerce .product_meta { margin-top: 20px; } .quick-view-popup .product_meta span.label, .woocommerce .product_meta span.label { min-width: 90px; margin-right: 10px; display: inline-block; color: #565656; text-transform: uppercase; font-size: 15px; font-weight: bold; } .quick-view-popup .product_meta span, .woocommerce .product_meta span { color: #999999; font-weight: normal; } #yith-wcwl-popup-message { background: transparent; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0; padding-left: 90px; } #yith-wcwl-popup-message:before { content: ""; position: absolute; top: -10000px; left: -10000px; right: -10000px; bottom: -10000px; background: rgba(0, 0, 0, .5); z-index: -1; } #yith-wcwl-message { background-color: #ffffff; padding: 10px 30px; color: #212121; position: relative; z-index: 99999; } @media (max-width: 991px) { .product-content.quick-view-layout:after { content: none; } } @media (max-width: 575px) { .quick-view-popup .product-information { padding: 20px 40px; } .mfp-auto-cursor .mfp-content { padding: 15px; } } /*.product column*/ .woocommerce div.product .product_title { margin-bottom: 5px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-left: 30px; margin-right: 0 } .woocommerce-cart ul.products li.product, .woocommerce-cart-page ul.products li.product { margin-left: 15px; } .woocommerce .products ul, .woocommerce ul.products { margin-left: -30px; } .woocommerce-cart .products ul, .woocommerce ul.products { margin-left: -30px; } .maacuni-shop ul.products li.column-two.product { width: 48%; } .maacuni-shop ul.products li.column-three.product { width: calc(33.333333% - 30px); } .woocommerce ul.products li.column-four.product, .woocommerce-page ul.products li.column-four.product { width: calc(25% - 30px); } .woocommerce-cart .maacuni-shop ul.products li, .woocommerce-cart .maacuni-shop ul.products li.column-two.product, .woocommerce-cart .maacuni-shop ul.products li.column-four.product, .woocommerce-cart .maacuni-shop ul.products li.column-three.product { width: calc(50% - 15px); width: -webkit-calc(50% - 15px); } .single-product .maacuni-shop ul.products li.column-four.product, .single-product .maacuni-shop ul.products li.column-three.product { width: calc(25% - 30px); width: -webkit-calc(25% - 30px); } .woocommerce table.shop_table td { padding: 12px 12px; } .woocommerce table.shop_table { margin: 0 -1px 50px 0; } @media (min-width: 768px) and (max-width: 991px) { .woocommerce-cart .maacuni-shop ul.products li, .woocommerce-cart .maacuni-shop ul.products li.column-two.product, .woocommerce-cart .maacuni-shop ul.products li.column-four.product, .woocommerce-cart .maacuni-shop ul.products li.column-three.product { width: calc(100% - 15px); width: -webkit-calc(100% - 15px); } .single-product .maacuni-shop ul.products li.column-four.product, .single-product .maacuni-shop ul.products li.column-three.product { width: calc(50% - 30px); } } @media (min-width: 576px) and (max-width: 991px) { .single-product .maacuni-shop ul.products li.column-four.product, .single-product .maacuni-shop ul.products li.column-three.product { width: calc(50% - 30px); } } @media (min-width: 768px) { .woocommerce-cart .woo-buttons { width: 130px; } } @media(max-width: 768px) { .maacuni-shop ul.products li.column-four.product, .maacuni-shop ul.products li.column-three.product { width: calc(50% - 30px); } } @media(max-width: 575px) { .maacuni-shop ul.products li.product { width: 100% !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-left: 15px; } .woocommerce.single-product ul.products { margin-left: -15px; } .woocommerce .products ul, .woocommerce ul.products { margin-left: -15px !important; } } .widget .star-rating { font-size: 13px; } .widget span.reviewer { font-size: 14px; } /*product style*/ .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { margin: 0 0 40px; } .woocommerce .woocommerce-ordering select { padding: 0 10px; outline: 0; } .product-content-wrapper { position: relative; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; overflow: inherit; margin-bottom: 35px; } .woocommerce ul.products li.product .star-rating { margin: 0 auto; } .woocommerce .star-rating span { color: #021bdd; } .woocommerce .woocommerce-review-link { color: #2f2f2f; font-style: italic; } .woocommerce .woocommerce-review-link:hover { color: #021bdd; } .woocommerce ul.products li.product h3 { font-size: 18px; font-weight: 700; text-transform: uppercase; color: #2f2f2f; padding: 0 15px 5px; } .woocommerce ul.products li.product .price { color: #999999; font-size: 16px; } .woocommerce ul li.product a.added_to_cart, .woocommerce ul li.product a.button { background-color: transparent; color: #999999; margin: 0 !important; padding: 0; font-size: 17px; } .woocommerce ul li.product a.button.added, .woocommerce ul li.product a.added_to_cart { display: inline-block; } .woocommerce ul li.product a.button:hover, .woocommerce ul li.product a.added_to_cart:hover { color: #021bdd; } .woocommerce ul li.product:hover a.button { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .woocommerce a.button:focus, .woocommerce a.button:active { color: #ffffff; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { top: 0; right: -20px; } /*floating button*/ .woo-buttons { position: absolute; bottom: 0; left: 50%; text-align: center; min-width: 100px; background-color: #fff; border-radius: 3px; margin: 0 auto; padding: 20px 30px; box-shadow: 0px 0px 63.7px 1.3px rgba(0, 0, 0, 0.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .product-content-wrapper:hover .woo-buttons { bottom: 20px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .woocommerce ul.products li.product .button.product_type_variable i:before { content: "\f217"; color: #021bdd; } .woo-buttons .tt-quick-view { cursor: pointer; color: #999999; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 20px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: inline-block; } .woo-buttons .tt-quick-view:hover { color: #021bdd; } .woocommerce ul li.product a.button.added { display: none; } .woocommerce ul li.product a.added_to_cart { font-size: 0; line-height: 1; position: relative; } .woocommerce ul li.product a.added_to_cart:after { content: "\f217"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; color: #021bdd; } .woo-buttons>div { line-height: 1; margin: 0 10px; } .wishlist-btn { position: relative; } .woocommerce .wishlist_table td.product-add-to-cart a { display: block !important; margin: 0; margin-bottom: 5px; text-align: center; padding: 10px !important; } .yith-wcwl-share ul, .yith-wcwl-share li { padding: 0 !important; } .woocommerce ul li.product a.compare { position: absolute; top: 2px; right: 40px; padding: 10px; z-index: 2; font-size: 0; } .woocommerce ul li.product a.compare:hover { color: #0218be; } .yith-wcwl-add-to-wishlist { margin-top: 0; } .yith-wcwl-add-to-wishlist .ajax-loading { position: absolute; top: 4px; left: 4px; margin-left: 0; z-index: 2; } .wishlist-btn .add_to_wishlist { position: relative; z-index: 1; } .yith-wcwl-add-to-wishlist a { color: #ffffff; position: relative; z-index: 1; } .woocommerce ul li.product .yith-wcwl-add-to-wishlist a { font-size: 0; } .yith-wcwl-add-to-wishlist i { color: #ff4a4a; font-size: 18px; } .yith-wcwl-add-to-wishlist span.feedback { display: none; } .yith-wcwl-add-to-wishlist .add_to_wishlist:before { color: #999999; content: "\f004"; font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight: 900; -webkit-transition: all .3s; transition: all .3s; } .entry-summary .yith-wcwl-add-to-wishlist i, .entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist:before { font-size: 20px; position: relative; top: 3px; margin-right: 8px; } a.compare:before { color: #ffffff; content: "\f24d"; font-family: fontawesome; font-size: 18px; } .yith-wcwl-add-to-wishlist .add_to_wishlist:hover:before { color: #ff4a4a; } /*Product quick view*/ body.quick-view-open { overflow: hidden; } .quick-view-popup { margin: 0 auto; position: relative; background: white; max-width: 1000px; width: 100%; } .quick-view-popup .product-images>div { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .quick-view-popup .quantity .qty { width: 80px; padding-right: 5px !important; margin-bottom: 15px; height: 42px; text-align: center; } .product-content-wrapper .product-thumbnail { position: relative; z-index: 1; } .product-thumbnail .fa-spinner { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; color: #ffffff; } .product-content-wrapper .product-thumbnail img { width: 100%; } .product-content-wrapper .product-thumbnail:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; pointer-events: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .product-content-wrapper:hover .product-thumbnail:before { background-color: rgba(255, 255, 255, .7); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .product-content-wrapper .product-thumbnail.loading:before { background-color: rgba(0, 0, 0, .4); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transition: all .3s; transition: all .3s; } .woocommerce .blockUI.blockOverlay { background-color: transparent !important; } .entry-summary .cart a.button { padding: 10px 20px; } /*woocomerce shop select style*/ form.woocommerce-ordering { position: relative; float: left; min-width: 200px; margin: 50px 33%; } form.woocommerce-ordering:after { content: "\f107"; font: normal normal normal 17px/1 FontAwesome; color: #aaa; right: 11px; top: 6px; height: 48px; padding: 15px 0px 0px 8px; border-left: 1px solid #aaa; position: absolute; pointer-events: none; background-color: #ffffff; display: block; } form.woocommerce-ordering option { padding: 5px; } /* IE11 hide native button*/ form.woocommerce-ordering select::-ms-expand { display: none; } form.woocommerce-ordering select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: block; width: 100%; max-width: 320px; height: 50px; float: right; margin: 5px 0px; padding: 0px 24px; font-size: 16px; line-height: 1.75; color: #333; background-color: #ffffff; background-image: none; border: 1px solid #aaa; -ms-word-break: normal; word-break: normal; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { color: #212121; } .woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover { color: #021bdd; } /* =-=-=-=-=-=-=-=-=-= PRODUCT SINGLE PAGE =-=-=-=-=-=-=-=-=-=*/ .woocommerce-error, .woocommerce-info, .woocommerce-message { border: 0; padding: 8px 15px 8px 50px !important; line-height: 38px; background-color: #f3f3f3; } .woocommerce-checkout .woocommerce-info { padding: 8px 15px 8px 50px !important; line-height: 38px; background-color: #e3e3e3; margin: -30px -30px 30px -30px; } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { top: 9px; color: inherit; } .woocommerce-error:before { color: red !important; } .woocommerce div.product div.images img { display: inline-block; width: inherit; margin: 0 auto; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { margin: 10px 10px 0 0; } .woocommerce div.product div.images .woocommerce-product-gallery__image:last-child { margin-right: 0 !important; } @media (max-width: 564px) { .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 22.5%; } .woocommerce div.product div.images img { width: 100%; height: auto; } } @media (min-width: 565px) { .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 23.5%; } .woocommerce div.product div.images img { width: 100%; height: auto; } } @media (min-width: 768px) { .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 22.8%; } } @media (min-width: 992px) { .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 23.34%; } } @media (min-width: 1200px) { .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 23.54%; } } /*yith magnifier*/ .woocommerce div.product div.images div.thumbnails { padding-top: 0; } .thumbnails.slider { height: inherit; } .yith_magnifier_gallery li { padding: 0 1px !important; } .single-product.woocommerce .maacuni-shop .thumbnails #slider-prev, .single-product.woocommerce .maacuni-shop .thumbnails #slider-next { margin-top: -15px; } div.pp_woocommerce .pp_close { font-size: 0 !important; } div.pp_woocommerce .pp_close:before { font-size: 25px; right: -15px; } /*shop item sale icon*/ .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { display: block; font-size: 14px; line-height: 24px; color: #fff; background-color: #021bdd; position: absolute; left: 10px; right: auto; margin: 0; padding: 0; min-height: inherit; top: 10px; font-weight: 400; border-radius: 2px; } .woocommerce div.product form.cart .variations label { color: #999999; font-size: 14px; } .woocommerce-product-details__short-description { margin-bottom: 40px; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #999999; font-weight: 700; font-size: 20px; } .woocommerce ul.products li.product .price del { display: inline-block; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin: 0; } .woocommerce .product .entry-summary a.single_add_to_cart_button { display: inline-block; padding: 0 25px; } .woocommerce .product .entry-summary .yith-wcwl-add-to-wishlist, .woocommerce .product .entry-summary .product_meta { padding: 20px 0 0; border-top: 1px solid #e7e7e7; margin-top: 20px; } .entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist:before, .entry-summary .yith-wcwl-add-to-wishlist a, .woocommerce .entry-summary a.compare, .woocommerce .entry-summary a.compare:before { color: #545454; padding: 0; background-color: transparent; font-weight: 400; -webkit-transition: all 400ms; transition: all 400ms; } .entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist:hover:before, .entry-summary .yith-wcwl-add-to-wishlist a:hover, .woocommerce .entry-summary a.compare:hover, .woocommerce .entry-summary a.compare:hover:before { color: #021bdd; background-color: transparent; } .woocommerce .entry-summary a.compare:before { margin-right: 10px; } .product_meta>span { display: block; font-weight: 600; } .product_meta span a { color: #999999; font-weight: 400; } .product_meta span a:hover { color: #021bdd; } .woocommerce .quantity .btn-quantity:hover { color: #021bdd; cursor: pointer; } .woocommerce .quantity input.qty { border-radius: 0; padding-right: 0; padding-left: 0; } .woocommerce.single-product .quantity input.qty { padding-right: 5px; height: 45px; width: 80px; } .woocommerce .quantity input:focus { outline: 0; } .woocommerce .product .entry-summary a.single_add_to_cart_button, .woocommerce div.product form.cart .button { padding: 0 20px; height: 45px; line-height: 45px; } .woocommerce button.button.alt.disabled, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce .product .entry-summary a.single_add_to_cart_button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .widget.woocommerce #respond input#submit, .widget.woocommerce a.button, .widget.woocommerce button.button, .widget.woocommerce input.button, .widget.woocommerce #respond input#submit:hover, .widget.woocommerce a.button:hover, .widget.woocommerce button.button:hover, .widget.woocommerce input.button:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active>a, .woocommerce .cart .button, .woocommerce .cart input.button { background-color: #021bdd; } .woocommerce div.product form.cart .variations select { height: 42px; } .woocommerce div.product form.cart .variations td.label, .woocommerce div.product form.cart .variations td.value { vertical-align: baseline; padding-top: 0; } /*Group product*/ .woocommerce div.product form.cart .group_table { border: 0; } .woocommerce div.product form.cart .group_table td:first-child { text-align: left; } .woocommerce div.product form.cart .group_table tr td { vertical-align: middle; display: inline; } .woocommerce div.product form.cart .group_table td:first-child { display: inline-block; margin-right: 15px; } .woocommerce div.product form.cart .group_table tr td.label { font-size: 100%; text-align: left; } .woocommerce div.product form.cart .group_table tr { margin-bottom: 10px; display: block; } .woocommerce div.product form.cart .group_table a { color: #696969; font-weight: 700; } /*Tabs*/ .woocommerce div.product .woocommerce-tabs { margin-bottom: 80px; padding: 30px; border: 1px solid #eaeaea; box-shadow: 0 0 7px #eaeaea; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; height: 44px; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid #ddd; bottom: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; padding: 0; border: 0; margin: 0; float: left; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li>a { padding: 8px 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active>a { background-color: #021bdd; color: #ffffff; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs .panel { padding: 30px 0 0; margin: 0 0 20px; } .woocommerce div.product div.images { margin-bottom: 80px; } .woocommerce table.shop_attributes { border-top: 0; } .woocommerce table.shop_attributes td { padding: 0 10px; border: 0; } .woocommerce table.shop_attributes th { border: 0; width: 1%; } @media (max-width: 767px) { .woocommerce div.product div.images { margin-bottom: 30px; } .woocommerce div.product .woocommerce-tabs { margin-bottom: 40px; } } /*Review*/ .woocommerce #reviews #comments h2 { margin: 0; } .woocommerce #reviews #comments ol.commentlist { padding: 0; margin-top: 30px; } .woocommerce #review_form_wrapper { padding: 20px 0 0; background-color: #ffffff; box-shadow: none; margin: 30px 0 0; border-top: 1px solid #efefef; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 70px; } @media(max-width: 767px) { .woocommerce #review_form_wrapper { padding: 20px; } } .woocommerce .comment-form { margin-top: 20px; } .woocommerce #review_form #respond textarea, .woocommerce #reviews input, .woocommerce #reviews textarea { padding: 8px 15px; border: 1px solid; width: 100%; } .woocommerce #review_form #respond .form-submit input { width: inherit; } .woocommerce #review_form #respond textarea:focus { outline: none; } .woocommerce #review_form #respond textarea:hover, .woocommerce #reviews input:hover, .woocommerce #reviews textarea:hover, .woocommerce #review_form #respond textarea:focus, .woocommerce #reviews input:focus, .woocommerce #reviews textarea:focus { border-color: #021bdd; } .woocommerce #review_form #respond .form-submit { margin-top: 50px; } .woocommerce #review_form #respond .form-submit input { padding: 15px 40px; color: #ffffff; } .woocommerce p.stars a { color: #021bdd; } .up-sells.products>h2, .related.products>h2 { margin-bottom: 30px; } .woocommerce-Tabs-panel { border: none; border-radius: 0; box-shadow: none; } /* =-=-=-=-=-=-=-=-=-= CART PAGE =-=-=-=-=-=-=-=-=-=*/ .woocommerce .cart .button, .woocommerce .cart input.button { padding: 0 20px !important; color: #ffffff !important; height: 45px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } .woocommerce button.button.alt.disabled:hover, .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 { background-color: #c00000; } .woocommerce .coupon .input-text { width: 110px !important; height: 45px; margin-right: 10px !important; } .woocommerce table.shop_table>tbody>tr>td.actions:first-child { border-right: 1px solid #ddd!important; } .woocommerce a.remove { text-align: center; margin: 0 auto; color: #b1b1b1 !important; } .woocommerce a.remove:hover { background-color: transparent; color: red !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { padding: 20px; background-color: #ffffff; } .woocommerce .maacuni-cart .cart-collaterals .cart_totals tr td { text-align: right; } .woocommerce .maacuni-cart .cart-collaterals .cart_totals tr th, .woocommerce .maacuni-cart .cart-collaterals .cart_totals tr td { border-top: 0; border-right: 0; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding-bottom: 0; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { margin-bottom: 0; background-color: #021bdd; } #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover { margin-bottom: 0; background-color: #021bdd; } /* =-=-=-=-=-=-=-=-=-= CHECKOUT PAGE =-=-=-=-=-=-=-=-=-=*/ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { padding: 13px 20px; color: #ffffff; border-radius: 0; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #ffffff; } .woocommerce .woocommerce-message a.button { padding: 10px 20px; color: #ffffff; } .woocommerce .select2-choice, .woocommerce .input-text { height: 42px; padding: 0 20px; font-size: 14px; line-height: 40px; font-weight: 400; color: #2f2f2f; border: 1px solid #e5e5e5; border-radius: 2px; } .woocommerce form .form-row textarea { padding: 10px 20px; } .woocommerce input[type=text]:focus, .woocommerce input[type=password]:focus, .woocommerce input[type=email]:focus, .woocommerce input[type=url]:focus, .woocommerce input[type=date]:focus, .woocommerce input[type=tel]:focus, .woocommerce input[type=number]:focus, .woocommerce textarea:focus.maacuni-textarea, .woocommerce input[type=text]:focus:not([readonly]), .woocommerce input[type=password]:focus:not([readonly]), .woocommerce input[type=email]:focus:not([readonly]), .woocommerce input[type=url]:focus:not([readonly]), .woocommerce input[type=time]:focus:not([readonly]), .woocommerce input[type=date]:focus:not([readonly]), .woocommerce input[type=datetime-local]:focus:not([readonly]), .woocommerce input[type=tel]:focus:not([readonly]), .woocommerce input[type=number]:focus:not([readonly]), .woocommerce textarea:focus, .woocommerce textarea.maacuni-textarea:focus:not([readonly]) { box-shadow: none; } .select2-drop-active { border-color: #e5e5e5; } .woocommerce .select2-choice:focus, .woocommerce .input-text:focus { border-color: #021bdd; } .dropdown-content { padding: 0; } .dropdown-content li { list-style: none; } .dropdown-content li>a, .dropdown-content li>span { display: block; padding: 12px 15px; color: #999999; font-size: 13px; } .select-wrapper span.select-dropdown { color: #999999; font-size: 13px; height: 40px; line-height: 40px; padding: 0 20px; border: 1px solid #e5e5e5; } .select-wrapper span.select-dropdown:after { content: "\f0d7"; font-family: fontawesome; font-size: 14px; right: 10px; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #efefef none repeat scroll 0 0; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #e5e5e5; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border-color: transparent transparent #e5e5e5; } .woocommerce table.shop_table { border: 0; } .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top: 0; } .woocommerce table.shop_table thead>tr>th, .woocommerce table.shop_table tbody>tr>td, .woocommerce table.shop_table tfoot>tr>th { border-right: 0; } .woocommerce table.shop_table thead>tr>th.product-thumbnail { width: 80px; } .woocommerce table.shop_table thead>tr>th.product-remove { width: 30px; } .woocommerce table.shop_table thead>tr>th.product-name { width: 35%; } .woocommerce table.shop_table>tbody>tr td.product-thumbnail { padding: 5px !important; } .woocommerce table.shop_table>tbody>tr td.product-thumbnail img { width: 100%; } .woocommerce table.shop_table thead>tr>th:last-child, .woocommerce table.shop_table tbody>tr>td:last-child { border-right: 1px solid #ddd; } .woocommerce table.shop_table>tbody>tr:first-child>th, .woocommerce table.shop_table>tbody>tr:first-child>td { border-top: 1px solid #ddd !important; } .woocommerce .maacuni-cart table.shop_table>tbody>tr:first-child>th, .woocommerce .maacuni-cart table.shop_table>tbody>tr:first-child>td { border-top: 0 !important; } .woocommerce table.shop_table.order_details>tbody>tr:first-child>th, .woocommerce table.shop_table.order_details>tbody>tr:first-child>td { border-top: 0 !important; } .woocommerce table.shop_table>tbody>tr>th:first-child, .woocommerce table.shop_table>tbody>tr>td:first-child { border-right: 0 !important; } .woocommerce .order_details { padding-left: 0; } .woocommerce ul.order_details li{ margin-bottom: 10px; } #order_review_heading { margin-top: 50px; background: #565656; } .woocommerce form .form-row .input-checkbox { position: static; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { margin-left: 10px; } .woocommerce form .form-row { display: block; } .woocommerce form .form-row label { margin-bottom: 3px; } .woocommerce-additional-fields h3 { margin-left: 5px; margin-top: 40px; margin-bottom: 10px; } .checkout.woocommerce-checkout h3 { background: #021bdd; padding: 7px 32px; color: #fff; margin-left: -30px; margin-right: -30px; font-size: 20px; line-height: 27px; text-transform: uppercase; font-weight: 500; } @media (max-width: 767px) { .woocommerce table.shop_table thead>tr>th, .woocommerce table.shop_table tbody>tr>td, .woocommerce table.shop_table tfoot>tr>th { border-right: 1px solid #ddd; } .woocommerce .maacuni-cart table.shop_table>tbody>tr>td.product-remove { border-right: 1px solid #ddd !important; } .woocommerce .maacuni-cart table.shop_table>tbody>tr:first-child>td.product-remove { border-top: 1px solid #ddd !important; } .woocommerce form .form-row { width: 100%; } } /*Order page*/ .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { padding: 12px 20px; margin-top: 30px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } /* =-=-=-=-=-=-=-=-=-= WOOCOMMERCE SIDEBAR =-=-=-=-=-=-=-=-=-=*/ .woocommerce .widget_price_filter .ui-slider-horizontal { height: 3px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #cacaca; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { top: -5px; background-color: #021bdd; width: 12px; height: 12px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #26547c; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 60px; margin-right: 10px; float: left; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding-bottom: 15px; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child { padding-bottom: 0; } .woocommerce ul.product_list_widget li.mini_cart_item { padding-bottom: 15px; } /* My account */ .woocommerce .woocommerce-MyAccount-navigation { background-color: #f5f5f5; padding: 30px; } .woocommerce .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; } .woocommerce .woocommerce-MyAccount-navigation ul li { list-style: none; } .woocommerce .woocommerce-MyAccount-navigation ul li a { color: #999999; text-transform: uppercase; display: block; line-height: 36px; } .woocommerce .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #021bdd; } .woocommerce .woocommerce-MyAccount-content { padding: 30px; background-color: #ffffff; min-height: 276px; } .woocommerce-address-fields__field-wrapper { display: inline-block; width: 100%; margin-bottom: 40px; } .edit-account fieldset { margin: 30px 0; } .edit-account fieldset legend { padding-bottom: 10px; } .woocommerce .select2-container .select2-selection--single { height: 42px; border-color: #e5e5e5; border-radius: 0; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } /*=================================================================== ALL SHORTCODE STYLE =====================================================================*/ /* =-=-=-=-=-=-=-=-=-=-=-= SECTION TITLE =-=-=-=-=-=-=-=-=-=-=-= */ .sction-title-wrapper { margin-bottom: 40px; } .section-intro { font-size: 25px; font-weight: 300; letter-spacing: 0; color: #212121; margin-bottom: 0; font-family: 'Fira Sans', sans-serif; position: relative; display: block; margin-bottom: 15px; } .section-sub span.line, .section-intro span.line { height: 1px; width: 40px; background-color: #212121; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .section-sub span.line { height: 5px; width: 90px; left: 0; top: 12px; } .section-intro span.line.before-subtitle { left: 0; } .section-intro span.line.after-subtitle { right: 0; } .section-title { font-size: 50px; line-height: 1.25; text-transform: capitalize; margin-bottom: 18px; font-weight: bold; word-wrap: break-word; } .section-title i { transform: scale(.7); -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); } .section-title span { color: #021bdd; } .section-sub { position: relative; font-size: 16px; line-height: 28px; } .section-sub.description-padding { padding-left: 105px; } .text-right .section-sub, .text-left .section-sub { width: 100%; } .text-left .section-sub p { margin-bottom: 0; } @media screen and (min-width: 992px) { .section-sub { width: 70%; margin: 0 auto; } } @media (max-width: 767px) { .section-title { font-size: 230% !important; line-height: 1.2 !important; } } @media (max-width: 991px) { .section-sub.description-padding { padding-left: 45px; } .section-sub span.line { width: 35px; } } /* =-=-=-=-=-=-=-=-=-=-=-= ICON BLOCK STYLE =-=-=-=-=-=-=-=-=-=-=-= */ .icon-block { margin-bottom: 30px; } .icon-block:hover .service-box-shadow { box-shadow: 8.5px 14.722px 49px 0px rgba(0, 6, 12, 0.12); } .service-box-shadow { -webkit-transition: all .3s; transition: all .3s; } .service-read-more a { color: #999999; font-size: 12px; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; font-weight: 600; } /*Icon Default Style*/ .icon-block.icon-default .tt-icon { margin-bottom: 15px; } .icon-block .tt-icon i { -webkit-transition: all 400ms; transition: all 400ms; display: inline-block; } .icon-block i.gradient, .icon-block i.gradient-custom { -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent; } .ie .icon-block i{ -webkit-background-clip: inherit !important; background-clip: inherit !important; -webkit-text-fill-color: inherit; background: none !important; } .icon-block.icon-default:hover .tt-icon i { color: #021bdd; } .icon-block:hover .tt-icon.icon-hover-default i { border: 1px solid transparent; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .icon-block:hover .tt-icon.icon-hover-default i { background-color: #021bdd !important; color: #ffffff; } .icon-block:hover .tt-icon.icon-hover-white i { background-color: #ffffff; color: #021bdd !important; } .icon-block:hover .tt-icon.icon-hover-black i { background-color: #202020; color: #ffffff; } /* Icon Position ------------------------------------------- */ /*icon position left*/ .icon-block.icon-position-left .tt-icon { float: left; margin-right: 20px; } .icon-block.icon-position-left .tt-content { overflow: hidden; } @media (max-width: 991px) { .icon-block.icon-position-left .tt-icon { float: none; } } /*icon position center*/ .icon-block.icon-position-center .tt-icon { float: none; text-align: center; margin-bottom: 15px; } .icon-block.icon-position-center .tt-icon img { margin: 0 auto; } .icon-block.icon-position-center .tt-content { text-align: center; } /*icon position top left*/ .icon-block.icon-position-top-left .tt-icon { float: none; text-align: left; } /*icon postition right*/ .icon-block.icon-position-right .tt-icon { float: right; text-align: right; margin-left: 20px; } .icon-block.icon-position-right .tt-content { text-align: right; overflow: hidden; } @media screen and (max-width: 767px) { .icon-block.icon-position-right .tt-icon { float: left; text-align: left; margin-right: 20px; margin-left: 0; } .icon-block.icon-position-right .tt-content { text-align: left; } } .icon-block i { font-size: 28px; } .icon-block h3 { font-size: 20px; font-weight: bold; position: relative; } .icon-block .tt-icon a, .icon-block h3 a { color: #202020; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } .icon-block .tt-icon a:hover, .icon-block h3 a:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .icon-block h3 a:hover { color: #021bdd; } .tt-icon.flat-icon i { line-height: 1; display: inline-block; } .icon-block.icon-default .tt-icon i { font-size: 40px; } .icon-block .tt-icon a.theme-color, .icon-block h3.theme-color, .icon-block h3 a.theme-color { color: #021bdd; } /* Icon Shape ------------------------------------------- */ .icon-block.icon-square .tt-icon i, .icon-block.icon-round .tt-icon i, .icon-block.icon-circle .tt-icon i { display: inline-block; width: 70px; height: 70px; text-align: center; } /*Square Icon*/ .icon-block.icon-square .tt-icon i { line-height: 70px; } /*Round Icon*/ .icon-block.icon-round .tt-icon i { line-height: 70px; border-radius: 4px; } /*Circle Icon*/ .icon-block.icon-circle .tt-icon i { line-height: 68px; border-radius: 50%; } .icon-block.icon-square .tt-icon i, .icon-block.icon-round .tt-icon i, .icon-block.icon-circle .tt-icon i { border: 1px solid #e2e2e2; } /*Theme Color Icon Style*/ .icon-block.icon-square .tt-icon i.theme-color, .icon-block.icon-round .tt-icon i.theme-color, .icon-block.icon-circle .tt-icon i.theme-color { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .icon-block.icon-square:hover .tt-icon.icon-hover-default i.theme-color, .icon-block.icon-round:hover .tt-icon.icon-hover-default i.theme-color, .icon-block.icon-circle:hover .tt-icon.icon-hover-default i.theme-color { border: 1px solid #021bdd; } .icon-block.icon-square:hover .tt-icon.icon-hover-white i, .icon-block.icon-round:hover .tt-icon.icon-hover-white i, .icon-block.icon-circle:hover .tt-icon.icon-hover-white i { border: 1px solid #ffffff; } .icon-block.icon-square:hover .tt-icon.icon-hover-black i, .icon-block.icon-round:hover .tt-icon.icon-hover-black i, .icon-block.icon-circle:hover .tt-icon.icon-hover-black i { border: 1px solid #202020; } .outline-border .icon-block { height: 100%; border-radius: 4px; } .outline-border .icon-block .img-overlay { border-radius: 4px; } .outline-border .icon-block .icon-block-inner { border: 1px solid rgba(0, 0, 0, .2); height: 100%; border-radius: 4px; padding: 70px 30px 40px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .outline-border .icon-block .icon-block-inner:hover { background-color: var(--icon-block-hover, #ffffff); border: 1px solid var(--icon-block-hover, #ffffff); } .icon-block h3, .icon-block h3 a, .icon-block span, .icon-block p { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .outline-border .icon-block:hover h3, .outline-border .icon-block:hover a, .outline-border .icon-block:hover p { color: var(--icon-content-hover, #212121) !important; } .outline-border .icon-block .service-read-more { position: absolute; bottom: -22px; left: 0; right: 0; } .outline-border .icon-block .service-read-more a { position: relative; display: inline-block; height: 50px; line-height: 50px; padding: 0 40px; color: #ffffff !important; font-size: 16px; font-weight: normal; text-transform: capitalize; background: rgb(247, 135, 44); background-image: -webkit-linear-gradient( -118deg, rgb(247, 135, 44) 0%, rgb(241, 95, 70) 100%); background-image: -ms-linear-gradient( -118deg, rgb(247, 135, 44) 0%, rgb(241, 95, 70) 100%); box-shadow: 0px 24px 62px 0px rgba(241, 95, 70, 0.4); z-index: 1; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); } .outline-border .icon-block:hover .service-read-more a { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .outline-border .icon-block .service-read-more a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .1); z-index: -1; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; width: 0; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .outline-border .icon-block .service-read-more a:hover:before { width: 100%; } @media only screen and (max-width: 767px) { .icon-block { margin-bottom: 30px !important; } .icon-block-grid{ margin-bottom: 30px; } } @media only screen and (max-width: 575px) { .icon-block { margin-bottom: 40px !important; text-align: center; } .icon-block.icon-position-left .tt-icon{ margin-right: 0 !important; } } /* =-=-=-=-=-=-= TT LATEST POST =-=-=-=-=-=-= */ .press-release-wrapper { overflow: hidden; } .press-release-wrapper .blog-wrap { overflow: hidden; position: relative; } .press-release-wrapper.default [class*='col'] { margin-bottom: 30px; } .press-release-wrapper.default .entry-content { margin-bottom: 40px; color: #999999; } .press-release-wrapper.default .blog-content.has-border { padding: 30px 30px 25px; } .press-release-wrapper.default .entry-footer { position: absolute; bottom: 25px; } .press-release-wrapper.list-style .blog-wrap, .press-release-wrapper.menu-style .blog-wrap { margin-bottom: -1px; -webkit-transition: .3s; transition: .3s; border-bottom: 1px solid #e9edf0; } .press-release-wrapper.list-style .entry-header, .press-release-wrapper.menu-style .entry-header { margin: 0; } .press-release-wrapper.list-style .blog-wrap { padding-bottom: 20px; margin-bottom: 20px; min-height: 104px; } .press-release-wrapper.list-style .entry-header .entry-title { font-weight: normal; font-size: 19px; line-height: 27px; } .press-release-wrapper.list-style .entry-header .entry-title:hover a { text-decoration: underline; color: #212121; } .press-release-wrapper.list-style .blog-content { padding: 0; } .press-release-wrapper.list-style .entry-meta a, .press-release-wrapper.list-style .entry-meta .the-time { font-size: 12px; font-weight: 500; color: #999999; } .press-release-wrapper.list-style [class*='col-']:last-child .blog-wrap { border: none; margin-bottom: 0; } .press-release-wrapper.menu-style .entry-footer .readmore:hover { color: #021bdd; } /* blog featured item ============================ */ .press-release-wrapper.featured .blog-wrap { margin-bottom: 70px; } .press-release-wrapper.featured .post-thumbnail { width: 40%; float: left; } .press-release-wrapper.featured .blog-content { overflow: hidden; padding: 0 0 0 50px; } .press-release-wrapper.featured .entry-header .entry-title { font-size: 24px; line-height: 30px; font-weight: 500; } .press-release-wrapper.featured .entry-meta .the-time { background: #ff045d; color:#fff; padding: 5px 10px; } @media (max-width: 575px) { .press-release-wrapper.featured .post-thumbnail { width: 100%; float: none; } .press-release-wrapper.featured .blog-content { padding: 20px 0 0; } } .press-release-wrapper.menu-style .blog-wrap:hover { background-color: #e9edf0; } .press-release-wrapper.menu-style .blog-content { padding: 25px 30px; } .press-release-wrapper .entry-meta a, .press-release-wrapper .entry-meta .the-time { font-size: 12px; font-weight: 700; color: #999999; text-transform: uppercase; } .press-release-wrapper a.menu-style-link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 999; } .press-release-wrapper .entry-meta a { text-transform: uppercase; } .press-release-wrapper .entry-meta a:hover { color: #565656; } .press-release-wrapper .entry-meta ul { margin-bottom: 0; } .press-release-wrapper .entry-meta ul li { margin-right: 18px; position: relative; } .press-release-wrapper .entry-meta ul li:after { content: "/"; line-height: 15px; color: #bdbdbd; position: absolute; right: -15px; top: 8px; font-size: 12px; } .press-release-wrapper .entry-meta ul li:last-child:after { content: ""; } .press-release-wrapper .entry-header { margin-bottom: 15px; } .press-release-wrapper .entry-content { margin-bottom: 30px; color: #999999; } .press-release-wrapper .post-thumbnail img { width: 100%; } .press-release-wrapper .lodemore { margin-top: 80px; } .press-release-wrapper .lodemore a { font-weight: 600; } .press-release-wrapper .blog-content { background-color: transparent; } .press-release-wrapper.default .blog-content { padding-left: 0; padding-right: 0; } .blog-content { background-color: #ffffff; padding: 20px 18px; } .entry-header .entry-title a { color: #2f2f2f; -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.23, 1); transition: all 0.6s cubic-bezier(0, 0, 0.23, 1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(to right, #021bdd 50%, #2f2f2f 50%); background-image: -webkit-linear-gradient(left, #021bdd 50%, #2f2f2f 50%); background-image: linear-gradient(to right, #021bdd 50%, #2f2f2f 50%); background-size: 200% 100%; background-position: 100%; } .entry-header .entry-title a:hover { color: #021bdd; background-position: 0%; } .isSafari .entry-header .entry-title a, .isSafari .entry-content .more-link, .isSafari .entry-footer .readmore, .ie .entry-header .entry-title a, .ie .entry-content .more-link, .ie .entry-footer .readmore { background-image: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .isSafari .entry-content .more-link:hover, .isSafari .entry-footer .readmore:hover, .isSafari .entry-header .entry-title a:hover{ color: #021bdd; -webkit-text-fill-color: #021bdd; } .ios-browser .tp-parallax-wrap, .isSafari .tp-parallax-wrap{ transform-style: initial !important; } .entry-header iframe, .entry-content iframe { width: 100%; } .format-audio .entry-header iframe { height: calc(100% + 16px) } .single .format-audio .entry-header iframe { height: inherit; min-height: 400px; } .entry-content iframe { height: 400px; } @media (max-width: 991px) { .blog-wrap { margin-bottom: 30px; } } @media (max-width: 575px) { .entry-content iframe { height: 250px; } } /* =-=-=-=-=-=-= NEWSLETTER SECTION =-=-=-=-=-=-= */ .subscribe-form .form-group { text-align: center; position: relative; } .subscribe-form input[type="email"] { max-width: 500px; display: inline-block; border-radius: 0; margin-right: -5px; background-color: #ffffff; border: 0; } .subscribe-form input[type="submit"] { width: 120px; display: inline-block; background: #021bdd; border: none; color: #ffffff; border-radius: 0; cursor: pointer; } .subscribe-form input[type="submit"]:hover { opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } /* style two */ .subscribe-form.style_two input[type="submit"] { display: none; } .subscribe-form.style_two input[type="email"]:focus { border-bottom-color: #021bdd; } .subscribe-form.with-icon input[type="email"], .subscribe-form.style_two input[type="email"] { border: none; border-bottom: 2px solid rgba(255, 255, 255, .5); background: transparent; text-align: center; color: #ffffff; } .subscribe-form.with-icon input[type="email"] { border-color: #ffffff; text-align: left; padding-left: 32px; } .subscribe-form.with-icon input[type="submit"] { position: absolute; right: 0; top: 0; background: transparent; padding: 0px 5px 4px 15px; height: inherit; width: inherit; } .subscribe-form.with-icon .form-group { display: inline; } .subscribe-form.with-icon .form-group:before { content: "\f0e0"; left: 0; font-family: "Font Awesome 5 Free"; position: absolute; color: #fff; top: -3px; } .subscribe-form input::-webkit-input-placeholder { color: rgba(255, 255, 255, .55) } .subscribe-form input::-moz-placeholder { color: rgba(255, 255, 255, .55) } .subscribe-form input:-ms-input-placeholder { color: rgba(255, 255, 255, .55) } .subscribe-form.with-icon input::-webkit-input-placeholder { color: rgba(255, 255, 255, .8) } .subscribe-form.with-icon input::-moz-placeholder { color: rgba(255, 255, 255, .8) } .subscribe-form.with-icon input:-ms-input-placeholder { color: rgba(255, 255, 255, .8) } .mc4wp-alert.mc4wp-error { background: rgba(0, 0, 0, .2); padding: 10px; text-align: center; } .mc4wp-response { text-align: center; } .mc4wp-alert.mc4wp-error p { margin: 0; color: #efefef; } @media (max-width: 767px) { .subscribe-form input[type="email"] { margin-right: 0; } .subscribe-form input[type="submit"] { position: absolute; top: 0; right: 0; width: auto; } } .subscribe-form.default { color: #fff; } .subscribe-form p { margin-top: 20px; } /*Newsletter popup*/ .tt-newsletter-popup .mc4wp-form { margin: 30px 0 0; } .tt-newsletter-popup .mc4wp-response { margin-top: 20px; } .tt-newsletter-popup .mc4wp-response p { margin: 0; } .tt-newsletter-popup .close { color: #ffffff; text-shadow: none; position: relative; z-index: 100; } .tt-newsletter-popup .close span { margin-right: 4px; } .tt-newsletter-popup .close:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-newsletter-popup input::-webkit-input-placeholder { color: #606060 } .tt-newsletter-popup input::-moz-placeholder { color: #606060 } .tt-newsletter-popup input:-ms-input-placeholder { color: #606060 } .tt-newsletter-popup .mc4wp-form .form-control { color: #606060; } /* =-=-=-=-=-=-=-=-=-=-=-= TT SPONSORS =-=-=-=-=-=-=-=-=-=-=-= */ .tt-sponsors-wrapper h3 { font-size: 12px; font-weight: bold; letter-spacing: 2px; } .tt-sponsors-wrapper h3 i { color: #f0022a; margin-right: 10px; -webkit-transform: scale(1.2); transform: scale(1.2); } .tt-sponsors-wrapper a { display: inline-block; } .tt-sponsors-wrapper img { opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: grayscale(1); -webkit-filter: grayscale(1); margin: 10px 25px; } .tt-sponsors-wrapper a:hover img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: grayscale(0); -webkit-filter: grayscale(0); } .tt-sponsors-wrapper.opacity-10 a:hover img { opacity: .1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .tt-sponsors-wrapper.opacity-20 a:hover img { opacity: .2 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .tt-sponsors-wrapper.opacity-30 a:hover img { opacity: .3 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; } .tt-sponsors-wrapper.opacity-40 a:hover img { opacity: .4 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .tt-sponsors-wrapper.opacity-50 a:hover img { opacity: .5 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .tt-sponsors-wrapper.opacity-60 a:hover img { opacity: .6 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .tt-sponsors-wrapper.opacity-70 a:hover img { opacity: .7 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .tt-sponsors-wrapper.opacity-80 a:hover img { opacity: .8 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .tt-sponsors-wrapper.opacity-90 a:hover img { opacity: .9 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .tt-sponsors-wrapper.opacity-100 a:hover img { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @media(max-width: 575px){ .tt-sponsors-wrapper{ text-align: center !important; } .tt-sponsors-wrapper > a > img, .tt-sponsors-wrapper > img{ margin-bottom: 30px; } .tt-sponsors-wrapper > a:last-child > img, .tt-sponsors-wrapper > img:last-child{ margin-bottom: 0; } } /* =-=-=-=-=-=-=-=-=-=-=-= TT AWARDS =-=-=-=-=-=-=-=-=-=-=-= */ .tt-awards { font-family: 'Fira Sans', sans-serif; margin-bottom: 30px; } .tt-awards .awards-left { width: 100px; float: left; margin-right: 20px; } .tt-awards .awards-right a { color: inherit; } .tt-awards .awards-left span { width: 100%; height: 1px; background-color: #212121; display: block; margin-top: 5px; } .tt-awards .awards-left p { color: #ff045d; font-size: 20px; font-weight: bold; text-align: right; margin-top: 12px; letter-spacing: 2px; } .tt-awards .awards-right { overflow: hidden; } .tt-awards .awards-right p.title { font-size: 12px; text-transform: uppercase; font-weight: 500; letter-spacing: 1.1px; line-height: 1; margin: 0 0 5px; } .tt-awards .awards-right p.awards-name { font-size: 22px; font-weight: bold; margin-bottom: 10px; } .tt-awards .awards-right img { max-width: 180px; } /* =-=-=-=-=-=-=-=-=-=-=-= TT TESTIMONIAL =-=-=-=-=-=-=-=-=-=-=-= */ .testimonial-wrapper { max-width: 750px; margin: auto; font-size: 20px; line-height: 2; } .testimonial-wrapper h3, .testimonial-wrapper h4, .testimonial-wrapper h5, .testimonial-wrapper h6 { font-weight: normal; } .single-portfolio-page .wpb_image_grid .wpb_image_grid_ul { border: 25px solid #6c7984; background-color: #6c7984; } .single-portfolio-page .wpb_image_grid .wpb_image_grid_ul li:nth-child(2), .single-portfolio-page .wpb_image_grid .wpb_image_grid_ul li:nth-child(3), .single-portfolio-page .wpb_image_grid .wpb_image_grid_ul li:nth-child(4), .single-portfolio-page .wpb_image_grid .wpb_image_grid_ul li:nth-child(5) { margin-top: 23px; } .testimonial-wrapper.nav-hidden .owl-nav { display: none; } .testimonial-wrapper .item .quote-icon { width: 50px; height: 50px; font-size: 16px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #2a43df; color: #ffffff; line-height: 50px; box-shadow: 0px 18px 38px 0px rgba(1, 27, 224, 0.6); margin: 15px 0 40px; } .testimonial-wrapper .item .client-info { font-family: 'Fira Sans', sans-serif; margin-bottom: 10px; } .testimonial-wrapper .item .client-info a { color: inherit; } .testimonial-wrapper .item .client-info a:hover { text-decoration: underline; } .testimonial-wrapper .item .client-info p { font-weight: bold; font-size: 20px; } .testimonial-wrapper .owl-nav { margin-top: 20px; } .testimonial-wrapper .owl-nav button i { font-size: 14px; padding: 10px; } .testimonial-wrapper .owl-nav button.owl-prev { margin-right: 100px; } .testimonial-wrapper .owl-nav button.owl-next { margin-left: 100px; } .testimonial-wrapper .owl-nav button { transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; } .testimonial-wrapper .owl-nav button:hover { transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); } .testimonial-wrapper .testimonial-counter { position: relative; top: -38px; display: inline-block; } @media (max-width: 991px) { .single-portfolio-page .wpb_image_grid .wpb_image_grid_ul { border-width: 15px; } } /* =-=-=-=-=-=-=-=-=-=-=-= TT TEAM STYLE =-=-=-=-=-=-=-=-=-=-=-= */ .team-wrapper { color: #ffffff; } .team-wrapper a { color: inherit; } .team-wrapper a:hover { color: inherit; text-shadow: 2px 2px 5px rgba(0, 0, 0, .5) } .team-wrapper .team-item { position: relative; margin-bottom: 30px; } .team-wrapper .team-item .team-thumb { overflow: hidden; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .team-wrapper .team-item .team-thumb img { -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; width: 100%; height: auto; } .team-wrapper .team-item .team-thumb img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .team-wrapper .team-item .team-info { border-radius: 4px; background-color: rgb(247, 135, 44); background-image: -webkit-linear-gradient( -143deg, rgb(247, 135, 44) 0%, rgb(241, 95, 70) 100%); background-image: -ms-linear-gradient( -143deg, rgb(247, 135, 44) 0%, rgb(241, 95, 70) 100%); box-shadow: 0px 24px 62px 0px rgba(241, 96, 69, 0.4); position: absolute; left: 0; width: 100%; bottom: 0; transition: all .3s cubic-bezier(1, 0, 0, 1); -webkit-transition: all .3s cubic-bezier(1, 0, 0, 1); -moz-transition: all .3s cubic-bezier(1, 0, 0, 1); -ms-transition: all .3s cubic-bezier(1, 0, 0, 1); -o-transition: all .3s cubic-bezier(1, 0, 0, 1); transform: translate(20px, 20px) scale(.0); -webkit-transform: translate(20px, 20px) scale(.0); -moz-transform: translate(20px, 20px) scale(.0); -ms-transform: translate(20px, 20px) scale(.0); -o-transform: translate(20px, 20px) scale(.0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .team-wrapper .team-item:hover .team-info { transform: translate(20px, 20px) scale(1); -webkit-transform: translate(20px, 20px) scale(1); -moz-transform: translate(20px, 20px) scale(1); -ms-transform: translate(20px, 20px) scale(1); -o-transform: translate(20px, 20px) scale(1); visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .team-wrapper .team-item .team-info h3 { margin-bottom: 4px; font-size: 25px; line-height: 30px; font-weight: 500; color: inherit; } .team-wrapper .team-item .team-info header { padding: 20px 30px 20px; border-bottom: 1px solid rgba(255, 255, 255, .3); } .team-wrapper .team-item .team-info .social-link { padding: 10px 30px 2px; } .isSafari .team-wrapper .team-item .team-info .social-link { padding: 10px 30px; } .team-wrapper .team-item .team-info .social-link ul { margin: 0 -5px; } .team-wrapper .team-item .team-info .social-link ul li a { display: block; font-size: 14px; margin-right: 10px; padding: 0 5px } /* =-=-=-=-=-=-=-=-=-=-=-= TT WORKING PROCESS =-=-=-=-=-=-=-=-=-=-=-= */ .tt-working-process { border: 1px solid #e1af61; border-bottom: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; } .tt-working-process .working-process-inner { border-width: 0 0 1px 1px; border-style: solid; border-color: #e1af61; margin: 0 0 -1px -1px; padding: 70px 30px 50px; cursor: default; height: 100%; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } .tt-working-process .working-process-inner:hover { background-color: rgba(255, 255, 255, .08); } .tt-working-process .working-process-inner .number { font-size: 60px; line-height: 1; color: #212121; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; font-weight: 500; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .tt-working-process .working-process-inner:hover .number { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .tt-working-process .working-process-inner h3 { font-size: 25px; } .tt-working-process .working-process-inner .content { color: #212121; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } /* =-=-=-=-=-=-=-=-=-=-=-= TT ZIGZAG WRAPPER =-=-=-=-=-=-=-=-=-=-=-= */ .tt-zigzag-wrapper { height: 5px; background-position-x: center !important; background-repeat: repeat-x !important; } /* =-=-=-=-=-=-=-=-=-=-=-= TT PROMOTIONS =-=-=-=-=-=-=-=-=-=-=-= */ .tt-promotions .promo-text-item { margin-top: 160px; z-index: 1; position: relative; } .tt-promotions .promo-text-item .promo-inner { position: relative; color: #ffffff; -webkit-transform-origin: 0 0; transform-origin: 0 0; margin-right: 2px; } .tt-promotions .promo-text-item .promo-inner .promo-content { position: relative; padding: 110px 60px; background: rgb(255, 0, 60); background-image: -webkit-linear-gradient( -129deg, rgb(255, 0, 60) 0%, rgb(178, 3, 3) 100%); background-image: -ms-linear-gradient( -129deg, rgb(255, 0, 60) 0%, rgb(178, 3, 3) 100%); box-shadow: 0px 24px 62px 0px rgba(224, 0, 26, 0.4); z-index: 1; } .tt-promotions .promo-text-item .promo-inner .promo-content:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(247, 173, 44); background-image: -webkit-linear-gradient( -143deg, rgb(247, 173, 44) 0%, rgb(241, 95, 70) 100%); background-image: -ms-linear-gradient( -143deg, rgb(247, 173, 44) 0%, rgb(241, 95, 70) 100%); box-shadow: 0px 24px 62px 0px rgba(241, 95, 70, 0.4); z-index: -1; -webkit-transition: .3s ease; transition: .3s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .tt-promotions .promo-text-item .promo-inner.active .promo-content:before, .tt-promotions .promo-text-item .promo-inner:hover .promo-content:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .tt-promotions .promo-text-item .promo-inner h3, .tt-promotions .promo-text-item .promo-inner a { color: inherit; } .tt-promotions .promo-text-item .promo-inner p { max-height: 0; overflow: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: .3s ease; transition: .3s ease; } .tt-promotions .promo-text-item .promo-inner:hover p { max-height: 300px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-promotions .promo-text-item .promo-inner:hover { -webkit-animation: ttDrop .3s ease forwards; animation: ttDrop .3s ease forwards; } @-webkit-keyframes ttDrop { 0% {} 60% { -webkit-transform: scaleY(1.05) translateY(5px); transform: scaleY(1.05) translateY(5px) } 100% { -webkit-transform: scaleY(1) translateY(0); transform: scaleY(1) translateY(0) } } @keyframes ttDrop { 0% {} 60% { -webkit-transform: scaleY(1.05) translateY(5px); transform: scaleY(1.05) translateY(5px) } 100% { -webkit-transform: scaleY(1) translateY(0); transform: scaleY(1) translateY(0) } } .tt-promotions .promo-text-item .promo-inner span { font-size: 20px; font-family: 'Fira Sans', sans-serif; display: block; margin-bottom: 10px; position: relative; padding-left: 45px; } .tt-promotions .promo-text-item .promo-inner span:before { content: ""; left: 0; top: 50%; height: 1px; width: 40px; background-color: #fff; position: absolute; } .tt-promotions .promo-text-item .promo-inner h3 { font-size: 40px; line-height: 1.2; font-weight: 900; word-wrap: break-word; } .tt-promotions .video-popup { margin-left: -120px; position: relative; padding-top: 70%; overflow: hidden; } .tt-promotions .video-popup video { width: auto; position: absolute; top: 0; height: 100%; } @media(max-width: 991px){ .tt-promotions .video-popup{ padding-top: 56%; } .tt-promotions .video-popup video { width: 100%; height: auto; } } .tt-promotions .video-popup .video-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .8); visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tt-promotions .video-popup.pause .video-overlay { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-promotions .video-popup a.video-link { color: #ffffff; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); width: 120px; height: 120px; background-color: #f26343; border-radius: 50%; z-index: 1; text-align: center; line-height: 120px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border: 1px solid transparent; box-sizing: content-box; } .tt-promotions .video-popup a.video-link:hover { border: 10px solid rgba(255, 255, 255, .8); } .tt-promotions .video-popup.pause a.video-link { transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @media (min-width: 1600px){ .tt-promotions .promo-text-item .promo-inner h3 { font-size: 50px; } } @media screen and (min-width: 992px) and (max-width: 1600px) { .tt-promotions .promo-text-item .promo-inner .promo-content { padding: 60px 30px; } .tt-promotions .promo-text-item .promo-inner h3 { font-size: 40px; } } @media (max-width: 1170px) { .tt-promotions .promo-text-item .promo-inner h3 { font-size: 30px; } } @media (max-width: 991px) { .tt-promotions .promo-text-item { margin-top: 0 !important; } .tt-promotions .promo-text-item .promo-inner { position: relative !important; } .tt-promotions .video-popup { margin-left: 0; } } @media (min-width: 991px) and (max-width: 1500px) { .tt-promotions .promo-text-item { margin-top: 160px !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .tt-promotions .promo-text-item .promo-inner:hover { position: absolute !important; } } @media (min-width: 992px) { .tt-promotions .promo-text-item .promo-inner.active p { max-height: 300px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-promotions .promo-text-item .promo-inner.active { -webkit-animation: ttDrop .3s ease forwards; animation: ttDrop .3s ease forwards; } } /* =-=-=-=-=-=-=-=-=-=-=-= TT ABOUT BLOCK =-=-=-=-=-=-=-=-=-=-=-= */ .tt-about-block-item { position: relative; padding: 45px 0; } .tt-about-block-item h3, .tt-about-block-item h3 a { color: #212121; position: relative; } .tt-about-block-item h3 a { padding-bottom: 7px; display: inline-block; } .tt-about-block-item .about-content { position: relative; z-index: 10; } .tt-about-block-item .about-content h5 { position: relative; padding-left: 0; line-height: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; display: inline-block; } .tt-about-block-item:hover .about-content h5 { padding-left: 95px; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-about-block-item .about-content h5 a{ color: inherit; } .tt-about-block-item .about-content h5 small { font-size: 18px; font-weight: 500; color: #454545; width: 100%; white-space: nowrap; overflow: hidden; display: block; border-right: 2px solid #000; } .tt-about-block-item:hover .about-content h5 small { -webkit-animation: ttType 1s steps(40, end) forwards; animation: ttType 1s steps(40, end) forwards; } .tt-about-block-item .about-content h5 span { height: 1px; width: 0; display: block; background-color: #212121; position: absolute; left: 0; top: 50%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tt-about-block-item:hover .about-content h5 span { width: 75px; } .tt-about-block-item .about-image { position: absolute; right: 0; top: 0; height: 100%; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; max-width: 560px; width: 100%; } .tt-about-block-item .about-image .img-overlay { position: absolute; left: 0; bottom: 0; right: 0; top: 0; height: 100%; width: 0; background: #fff; /* Old browsers */ background: -webkit-linear-gradient(left, #fff 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, #fff 0%, rgba(0, 0, 0, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(0,0,0,0)', GradientType=1); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tt-about-block-item:hover .about-image .img-overlay { width: 100%; } .tt-about-block-item .about-image img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-150%, -50%); transform: translate(-150%, -50%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tt-about-block-item:hover .about-image img { -webkit-animation: ttImageSlide .6s ease-in-out forwards; animation: ttImageSlide .6s ease-in-out forwards; } @-webkit-keyframes ttImageSlide { 0% { -webkit-transform: translate(-150%, -50%); transform: translate(-150%, -50%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } 100% { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } @keyframes ttImageSlide { 0% { -webkit-transform: translate(-150%, -50%); transform: translate(-150%, -50%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } 100% { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } .tt-about-block-wrapper.has-color .tt-about-block-item h3, .tt-about-block-wrapper.has-color .tt-about-block-item h3 a, .tt-about-block-wrapper.has-color .side-title, .tt-about-block-wrapper.has-color .about-content, .tt-about-block-wrapper.has-color .about-content h5, .tt-about-block-wrapper.has-color .about-content h5 small { color: inherit; } @media (min-width: 991px) { .tt-about-block-wrapper .side-title { display: inline-block; left: -170px; position: relative; top: 220px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .tt-about-block-wrapper .no-height { height: 0; } } @media (min-width: 1600px) { .tt-about-block-item .about-image:after { content: ''; position: absolute; bottom: 0; left: auto; right: 0; top: 0; height: 100%; width: 0%; background-color: var(--about-img-color, rgba(0, 0, 0, .95)); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .tt-about-block-item:hover .about-image:after { -webkit-animation: imageHover .5s ease-in-out forwards; animation: imageHover .5s ease-in-out forwards; } } @-webkit-keyframes imageHover { 0% { width: 0; right: auto; left: 0 } 50% { width: 100% } 100% { width: 0; left: auto; right: 0 } } @keyframes imageHover { 0% { width: 0; right: auto; left: 0 } 50% { width: 100% } 100% { width: 0; left: auto; right: 0 } } @keyframes ttType { 0% { width: 0 } 99.9% { border-right: 2px solid rgba(0, 0, 0, .3) } 100% { border-right: none } } @-webkit-keyframes ttType { 0% { width: 0; } 99.9% { border-right: 2px solid rgba(0, 0, 0, .3) } 100% { border-right: none } } /* =-=-=-=-=-=-=-=-=-=-=-= TT WORK CAROUSEL =-=-=-=-=-=-=-=-=-=-=-= */ .work-wrapper { position: relative; } .work-wrapper .work-description-wrap { min-height: 1px; position: relative; width: 50%; float: left; padding-left: 80px; overflow: hidden; -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); } .work-wrapper .work-description { z-index: 3; position: relative; padding: 0 100px; font-family: 'Fira Sans', sans-serif; font-size: 25px; line-height: 2; -ms-flex-preferred-size: 750px; flex-basis: 750px; -webkit-transition: all 400ms cubic-bezier(0.550, 0.085, 0.000, 0.990); transition: all 400ms cubic-bezier(0.550, 0.085, 0.000, 0.990); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .work-wrapper .work-description p{ margin-bottom: 45px; } .ie .work-wrapper .work-description p{ width: 100%; } .work-wrapper .owl-carousel { list-style: none; margin: 0; padding: 0 } .work-wrapper .owl-carousel .owl-item img { width: inherit; } .work-wrapper .tt-work-full i { position: absolute; right: 80px; top: 50%; margin-top: -50px; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 30px; color: #fff; border-radius: 50%; background-color: #000000; z-index: 10; cursor: pointer; -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); } .work-wrapper.work-fluid .tt-work-full i { margin-top: -25px; right: 185px; width: 50px; height: 50px; line-height: 50px; background-color: #ee0000; } .work-wrapper.work-fluid .tt-work-full i:before { content: "\f00d"; font-family: "Font Awesome 5 Free"; } .work-wrapper.work-fluid .work-description-wrap { width: 0; padding-left: 0; } .work-wrapper.work-fluid .work-description { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-800px); transform: translateX(-800px); } .work-carousel .owl-nav .owl-prev, .work-carousel .owl-nav .owl-next { position: absolute; left: 80px; top: 50%; margin-top: -50px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: all 600ms; transition: all 600ms; } .work-carousel .owl-nav .owl-next { left: auto; right: 80px; } .work-wrapper.work-fluid .work-carousel .owl-nav .owl-prev, .work-wrapper.work-fluid .work-carousel .owl-nav .owl-next { opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; visibility: visible; } .work-wrapper.work-fluid .work-carousel .owl-nav button:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .work-carousel .owl-nav .owl-prev i, .work-carousel .owl-nav .owl-next i { width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 30px; color: #fff; border-radius: 50%; background-color: #000000; z-index: 200; position: relative; cursor: pointer; } .carousel-portfolio-wrapper { position: relative; overflow: hidden } .carousel-portfolio-wrapper .carousel-portfolio-overlay { position: absolute; bottom: -200px; right: -200px; width: 200px; height: 200px; background-color: rgba(2, 27, 221, 0.8); z-index: 1; border-radius: 100%; -webkit-transition: all 800ms cubic-bezier(.39, .575, .56499, 1); transition: all 800ms cubic-bezier(.39, .575, .56499, 1); -webkit-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0) } .carousel-portfolio-wrapper:hover .carousel-portfolio-overlay { right: 0; bottom: 0; -webkit-transform: scale(10) translateZ(0); transform: scale(10) translateZ(0) } .ie9 .carousel-portfolio-wrapper:hover .carousel-portfolio-overlay { width: 100%; height: 100%; border-radius: 0 } .carousel-portfolio-intro h2, .carousel-portfolio-intro p { position: absolute; top: 60%; width: 100%; text-align: center; z-index: 10; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate(0%, 100px); transform: translate(0%, 100px); } .carousel-portfolio-wrapper:hover .carousel-portfolio-intro h2, .carousel-portfolio-wrapper:hover .carousel-portfolio-intro p { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%) } .carousel-portfolio-wrapper:hover .carousel-portfolio-intro h2 { -webkit-transition: 500ms cubic-bezier(.87, -.41, .19, 1.44); transition: 500ms cubic-bezier(.87, -.41, .19, 1.44) } .carousel-portfolio-wrapper:hover .carousel-portfolio-intro p { -webkit-transition: 600ms cubic-bezier(.87, -.41, .19, 1.44); transition: 600ms cubic-bezier(.87, -.41, .19, 1.44) } .carousel-portfolio-intro h2 { margin-bottom: 0; } .carousel-portfolio-intro p { margin-top: 35px; margin-bottom: 0; } .carousel-portfolio-intro a, .carousel-portfolio-intro a:hover, .carousel-portfolio-intro a:focus { text-align: center; color: #fff } @media (max-width: 1400px){ .work-wrapper .work-description-wrap{ width: 40%; } } @media (min-width: 1170px) { .work-wrapper .work-description { -ms-flex-preferred-size: 700px; flex-basis: 700px; } } @media (max-width: 1169px) { .work-wrapper .work-description-wrap { width: 0; padding: 0; display: none; } .work-wrapper .owl-carousel .owl-item img { width: 100%; height: auto; } .work-carousel .owl-nav .owl-prev, .work-carousel .owl-nav .owl-next { visibility: visible; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transform: scale(.5); transform: scale(.5); } .work-carousel .owl-nav .owl-prev:hover, .work-carousel .owl-nav .owl-next:hover { opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .work-wrapper .tt-work-full i, .work-wrapper.work-fluid .tt-work-full i { display: none; } .work-carousel .owl-nav .owl-prev { left: 0; } .work-carousel .owl-nav .owl-next { right: 0 } } @media (min-width: 1170px) and (max-width: 1690px) { .work-wrapper .work-description { padding: 0 40px 0 0; width: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } /* =-=-=-=-=-=-=-=-=-=-=-= TT PORTFOLIO MENU =-=-=-=-=-=-=-=-=-=-=-= */ .tt-portfolio.portfolio-menu { background-color: var(--tt-portfolio-bg, #0439ba); overflow: hidden; padding-bottom: 170px; min-height: 800px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ul.fullscreen-menu { margin-left: 50px; padding-left: 100px; position: relative; } ul.fullscreen-menu li { margin: 0; padding: 0; list-style: none; } ul.fullscreen-menu li a { display: block; color: #030368; text-decoration: none; font-size: 90px; line-height: 90px; font-weight: 900; font-style: italic; text-transform: uppercase; font-family: 'Fira Sans', sans-serif; -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } ul.fullscreen-menu li.active a, ul.fullscreen-menu li a:hover { color: #fff !important; font-size: 110px; } ul.fullscreen-menu li .thumb { position: fixed; top: 100px; right: 100px; z-index: 99; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: all 400ms; transition: all 400ms; -webkit-transform: rotate(-8deg); transform: rotate(-8deg); -webkit-transform-origin: center center; transform-origin: center center; pointer-events: none; border-radius: 10px; } ul.fullscreen-menu li.active .thumb, ul.fullscreen-menu li:hover .thumb { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .glitch { position: relative; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .glitch:before, .glitch:after { content: attr(data-text); position: absolute; top: 0; left: 0; right: 0; background-color: var(--tt-portfolio-bg, #0439ba); opacity: 0; } .fullscreen-menu li.active .glitch:before, .fullscreen-menu li.active .glitch:after, .glitch:hover:before, .glitch:hover:after { opacity: 1; -webkit-transition: .4s ease-in-out .3s; transition: .4s ease-in-out .3s; } .fullscreen-menu li.active .glitch:before, .glitch:hover:before { left: 3px; text-shadow: 3px 0 #67FF2C; -webkit-animation: glitch-effect 3s infinite linear alternate-reverse; animation: glitch-effect 3s infinite linear alternate-reverse; } .fullscreen-menu li.active .glitch:after, .glitch:hover:after { left: -3px; text-shadow: -3px 0 #FF2C5E; -webkit-animation: glitch-effect 2s infinite linear alternate-reverse; animation: glitch-effect 2s infinite linear alternate-reverse; } @-webkit-keyframes glitch-effect { 0% { -webkit-clip-path: inset(6% 0 27% 0); clip-path: inset(6% 0 27% 0); } 2% { -webkit-clip-path: inset(13% 0 49% 0); clip-path: inset(13% 0 49% 0); } 4% { -webkit-clip-path: inset(27% 0 75% 0); clip-path: inset(27% 0 75% 0); } 6% { -webkit-clip-path: inset(32% 0 26% 0); clip-path: inset(32% 0 26% 0); } 8% { -webkit-clip-path: inset(44% 0 87% 0); clip-path: inset(44% 0 87% 0); } 10% { -webkit-clip-path: inset(52% 0 100% 0); clip-path: inset(52% 0 100% 0); } 12% { -webkit-clip-path: inset(12% 0 96% 0); clip-path: inset(12% 0 96% 0); } 14% { -webkit-clip-path: inset(93% 0 4% 0); clip-path: inset(93% 0 4% 0); } 16% { -webkit-clip-path: inset(9% 0 62% 0); clip-path: inset(9% 0 62% 0); } 18% { -webkit-clip-path: inset(6% 0 26% 0); clip-path: inset(6% 0 26% 0); } 20% { -webkit-clip-path: inset(86% 0 25% 0); clip-path: inset(86% 0 25% 0); } 22% { -webkit-clip-path: inset(15% 0 29% 0); clip-path: inset(15% 0 29% 0); } 24% { -webkit-clip-path: inset(55% 0 49% 0); clip-path: inset(55% 0 49% 0); } 26% { -webkit-clip-path: inset(8% 0 85% 0); clip-path: inset(8% 0 85% 0); } 28% { -webkit-clip-path: inset(59% 0 30% 0); clip-path: inset(59% 0 30% 0); } 30% { -webkit-clip-path: inset(18% 0 59% 0); clip-path: inset(18% 0 59% 0); } 32% { -webkit-clip-path: inset(14% 0 38% 0); clip-path: inset(14% 0 38% 0); } 34% { -webkit-clip-path: inset(6% 0 32% 0); clip-path: inset(6% 0 32% 0); } 36% { -webkit-clip-path: inset(84% 0 99% 0); clip-path: inset(84% 0 99% 0); } 38% { -webkit-clip-path: inset(37% 0 57% 0); clip-path: inset(37% 0 57% 0); } 40% { -webkit-clip-path: inset(33% 0 81% 0); clip-path: inset(33% 0 81% 0); } 42% { -webkit-clip-path: inset(65% 0 78% 0); clip-path: inset(65% 0 78% 0); } 44% { -webkit-clip-path: inset(19% 0 17% 0); clip-path: inset(19% 0 17% 0); } 46% { -webkit-clip-path: inset(50% 0 12% 0); clip-path: inset(50% 0 12% 0); } 48% { -webkit-clip-path: inset(51% 0 91% 0); clip-path: inset(51% 0 91% 0); } 50% { -webkit-clip-path: inset(57% 0 51% 0); clip-path: inset(57% 0 51% 0); } 52% { -webkit-clip-path: inset(84% 0 95% 0); clip-path: inset(84% 0 95% 0); } 54% { -webkit-clip-path: inset(25% 0 7% 0); clip-path: inset(25% 0 7% 0); } 56% { -webkit-clip-path: inset(2% 0 75% 0); clip-path: inset(2% 0 75% 0); } 58% { -webkit-clip-path: inset(63% 0 36% 0); clip-path: inset(63% 0 36% 0); } 60% { -webkit-clip-path: inset(81% 0 33% 0); clip-path: inset(81% 0 33% 0); } 62% { -webkit-clip-path: inset(1% 0 55% 0); clip-path: inset(1% 0 55% 0); } 64% { -webkit-clip-path: inset(42% 0 35% 0); clip-path: inset(42% 0 35% 0); } 66% { -webkit-clip-path: inset(58% 0 65% 0); clip-path: inset(58% 0 65% 0); } 68% { -webkit-clip-path: inset(38% 0 41% 0); clip-path: inset(38% 0 41% 0); } 70% { -webkit-clip-path: inset(57% 0 88% 0); clip-path: inset(57% 0 88% 0); } 72% { -webkit-clip-path: inset(65% 0 23% 0); clip-path: inset(65% 0 23% 0); } 74% { -webkit-clip-path: inset(21% 0 33% 0); clip-path: inset(21% 0 33% 0); } 76% { -webkit-clip-path: inset(93% 0 33% 0); clip-path: inset(93% 0 33% 0); } 78% { -webkit-clip-path: inset(21% 0 37% 0); clip-path: inset(21% 0 37% 0); } 80% { -webkit-clip-path: inset(71% 0 79% 0); clip-path: inset(71% 0 79% 0); } 82% { -webkit-clip-path: inset(91% 0 78% 0); clip-path: inset(91% 0 78% 0); } 84% { -webkit-clip-path: inset(25% 0 39% 0); clip-path: inset(25% 0 39% 0); } 86% { -webkit-clip-path: inset(32% 0 58% 0); clip-path: inset(32% 0 58% 0); } 88% { -webkit-clip-path: inset(22% 0 76% 0); clip-path: inset(22% 0 76% 0); } 90% { -webkit-clip-path: inset(64% 0 20% 0); clip-path: inset(64% 0 20% 0); } 92% { -webkit-clip-path: inset(62% 0 98% 0); clip-path: inset(62% 0 98% 0); } 94% { -webkit-clip-path: inset(74% 0 24% 0); clip-path: inset(74% 0 24% 0); } 96% { -webkit-clip-path: inset(1% 0 43% 0); clip-path: inset(1% 0 43% 0); } 98% { -webkit-clip-path: inset(64% 0 89% 0); clip-path: inset(64% 0 89% 0); } 100% { -webkit-clip-path: inset(67% 0 59% 0); clip-path: inset(67% 0 59% 0); } } @keyframes glitch-effect { 0% { -webkit-clip-path: inset(6% 0 27% 0); clip-path: inset(6% 0 27% 0); } 2% { -webkit-clip-path: inset(13% 0 49% 0); clip-path: inset(13% 0 49% 0); } 4% { -webkit-clip-path: inset(27% 0 75% 0); clip-path: inset(27% 0 75% 0); } 6% { -webkit-clip-path: inset(32% 0 26% 0); clip-path: inset(32% 0 26% 0); } 8% { -webkit-clip-path: inset(44% 0 87% 0); clip-path: inset(44% 0 87% 0); } 10% { -webkit-clip-path: inset(52% 0 100% 0); clip-path: inset(52% 0 100% 0); } 12% { -webkit-clip-path: inset(12% 0 96% 0); clip-path: inset(12% 0 96% 0); } 14% { -webkit-clip-path: inset(93% 0 4% 0); clip-path: inset(93% 0 4% 0); } 16% { -webkit-clip-path: inset(9% 0 62% 0); clip-path: inset(9% 0 62% 0); } 18% { -webkit-clip-path: inset(6% 0 26% 0); clip-path: inset(6% 0 26% 0); } 20% { -webkit-clip-path: inset(86% 0 25% 0); clip-path: inset(86% 0 25% 0); } 22% { -webkit-clip-path: inset(15% 0 29% 0); clip-path: inset(15% 0 29% 0); } 24% { -webkit-clip-path: inset(55% 0 49% 0); clip-path: inset(55% 0 49% 0); } 26% { -webkit-clip-path: inset(8% 0 85% 0); clip-path: inset(8% 0 85% 0); } 28% { -webkit-clip-path: inset(59% 0 30% 0); clip-path: inset(59% 0 30% 0); } 30% { -webkit-clip-path: inset(18% 0 59% 0); clip-path: inset(18% 0 59% 0); } 32% { -webkit-clip-path: inset(14% 0 38% 0); clip-path: inset(14% 0 38% 0); } 34% { -webkit-clip-path: inset(6% 0 32% 0); clip-path: inset(6% 0 32% 0); } 36% { -webkit-clip-path: inset(84% 0 99% 0); clip-path: inset(84% 0 99% 0); } 38% { -webkit-clip-path: inset(37% 0 57% 0); clip-path: inset(37% 0 57% 0); } 40% { -webkit-clip-path: inset(33% 0 81% 0); clip-path: inset(33% 0 81% 0); } 42% { -webkit-clip-path: inset(65% 0 78% 0); clip-path: inset(65% 0 78% 0); } 44% { -webkit-clip-path: inset(19% 0 17% 0); clip-path: inset(19% 0 17% 0); } 46% { -webkit-clip-path: inset(50% 0 12% 0); clip-path: inset(50% 0 12% 0); } 48% { -webkit-clip-path: inset(51% 0 91% 0); clip-path: inset(51% 0 91% 0); } 50% { -webkit-clip-path: inset(57% 0 51% 0); clip-path: inset(57% 0 51% 0); } 52% { -webkit-clip-path: inset(84% 0 95% 0); clip-path: inset(84% 0 95% 0); } 54% { -webkit-clip-path: inset(25% 0 7% 0); clip-path: inset(25% 0 7% 0); } 56% { -webkit-clip-path: inset(2% 0 75% 0); clip-path: inset(2% 0 75% 0); } 58% { -webkit-clip-path: inset(63% 0 36% 0); clip-path: inset(63% 0 36% 0); } 60% { -webkit-clip-path: inset(81% 0 33% 0); clip-path: inset(81% 0 33% 0); } 62% { -webkit-clip-path: inset(1% 0 55% 0); clip-path: inset(1% 0 55% 0); } 64% { -webkit-clip-path: inset(42% 0 35% 0); clip-path: inset(42% 0 35% 0); } 66% { -webkit-clip-path: inset(58% 0 65% 0); clip-path: inset(58% 0 65% 0); } 68% { -webkit-clip-path: inset(38% 0 41% 0); clip-path: inset(38% 0 41% 0); } 70% { -webkit-clip-path: inset(57% 0 88% 0); clip-path: inset(57% 0 88% 0); } 72% { -webkit-clip-path: inset(65% 0 23% 0); clip-path: inset(65% 0 23% 0); } 74% { -webkit-clip-path: inset(21% 0 33% 0); clip-path: inset(21% 0 33% 0); } 76% { -webkit-clip-path: inset(93% 0 33% 0); clip-path: inset(93% 0 33% 0); } 78% { -webkit-clip-path: inset(21% 0 37% 0); clip-path: inset(21% 0 37% 0); } 80% { -webkit-clip-path: inset(71% 0 79% 0); clip-path: inset(71% 0 79% 0); } 82% { -webkit-clip-path: inset(91% 0 78% 0); clip-path: inset(91% 0 78% 0); } 84% { -webkit-clip-path: inset(25% 0 39% 0); clip-path: inset(25% 0 39% 0); } 86% { -webkit-clip-path: inset(32% 0 58% 0); clip-path: inset(32% 0 58% 0); } 88% { -webkit-clip-path: inset(22% 0 76% 0); clip-path: inset(22% 0 76% 0); } 90% { -webkit-clip-path: inset(64% 0 20% 0); clip-path: inset(64% 0 20% 0); } 92% { -webkit-clip-path: inset(62% 0 98% 0); clip-path: inset(62% 0 98% 0); } 94% { -webkit-clip-path: inset(74% 0 24% 0); clip-path: inset(74% 0 24% 0); } 96% { -webkit-clip-path: inset(1% 0 43% 0); clip-path: inset(1% 0 43% 0); } 98% { -webkit-clip-path: inset(64% 0 89% 0); clip-path: inset(64% 0 89% 0); } 100% { -webkit-clip-path: inset(67% 0 59% 0); clip-path: inset(67% 0 59% 0); } } @media (max-width: 1400px) { ul.fullscreen-menu{ padding-left: 30px; } ul.fullscreen-menu li .thumb { -webkit-transform: rotate(-8deg) scale(.6); transform: rotate(-8deg) scale(.6); } ul.fullscreen-menu li .thumb { right: 0 !important; } ul.fullscreen-menu li a { font-size: 80px; line-height: 80px; } ul.fullscreen-menu li.active a, ul.fullscreen-menu li a:hover { font-size: 95px; } .tt-portfolio.portfolio-menu{ padding-bottom: 130px; } } @media (max-width: 1200px) { ul.fullscreen-menu li a { font-size: 70px; line-height: 70px; } ul.fullscreen-menu li.active a, ul.fullscreen-menu li a:hover { font-size: 85px; } ul.fullscreen-menu { margin-left: 0; } .tt-portfolio.portfolio-menu { padding-top: 40px; } } @media (max-width: 991px) { ul.fullscreen-menu li .thumb { display: none; } ul.fullscreen-menu li a { font-size: 60px; line-height: 60px; } ul.fullscreen-menu li.active a, ul.fullscreen-menu li a:hover { font-size: 75px; } } @media (max-width: 767px) { ul.fullscreen-menu li{ margin-bottom: 10px; } ul.fullscreen-menu li:last-child{ margin-bottom: 0; } ul.fullscreen-menu li a { font-size: 40px; line-height: 40px; } ul.fullscreen-menu li.active a, ul.fullscreen-menu li a:hover { font-size: 50px; } ul.fullscreen-menu{ padding-left: 30px; } .tt-portfolio.portfolio-menu{ padding-bottom: 70px; } } /* =-=-=-=-=-=-=-=-=-=-=-= TT CODE BLOCK STYLE =-=-=-=-=-=-=-=-=-=-=-= */ .tt-code-block { font-size: 20px; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; position: relative; padding-bottom: 100px; overflow: hidden; } .tt-code-block.different-bg-color pre, .tt-code-block.different-bg-color h5, .tt-code-block.different-bg-color h3 { mix-blend-mode: difference; } .tt-code-block h5 { position: absolute; top: 50px; right: 100px; color: #fff; font-size: 18px; font-weight: normal; } @media(max-width: 1199px){ .tt-code-block h5{ right: auto; left: 90px; } } .tt-code-block .hljs { background: transparent; } .tt-code-block pre { border: none; padding: 0; color: #ffffff; } .tt-code-block br { display: none; } .tt-code-block .hljs-comment { color: #00aeff; margin-bottom: 10px; display: inline-block; } .previous-work pre { color: #00aeff; font-size: 18px; } .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-title, .hljs-section, .hljs-doctag, .hljs-type, .hljs-name, .hljs-strong { font-weight: normal; } .line-number { position: absolute; top: 0; left: 0; color: #fff; opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; height: 100%; overflow: hidden; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; padding: 20px 10px 20px 2px; background: rgba(0, 0, 0, .3); text-align: right; } .line-number span { display: block; margin-bottom: 5px; } /* previous-work */ .tt-code-block .previous-work { padding-left: 87px; max-width: 1170px; width: 100%; } .tt-code-block .previous-work, .tt-code-block .previous-work h3 { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; color: #ffffff; } .tt-code-block .previous-work h3 { display: inline-block; margin-bottom: 0; } .tt-code-block .previous-work h3 a { color: #fff; font-size: 25px; position: relative; display: inline-block; padding-bottom: 1px; } .tt-code-block .previous-work .prev-portfolio-item:hover a { color: #f26343; } .tt-code-block .previous-work .prev-portfolio-item:hover a:before { width: 100%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; bottom: -2px; } .tt-code-block .previous-work .prev-portfolio-item { position: relative; display: inline-block; margin-right: 30px; margin-bottom: 15px; } .tt-code-block .previous-work .prev-portfolio-item img { max-width: 480px; position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: all 0.4s; transition: all 0.4s; pointer-events: none; bottom: 100%; } .tt-code-block .previous-work .prev-portfolio-item:hover { z-index: 800; } .tt-code-block .previous-work .prev-portfolio-item:hover img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; z-index: 800; } .tt-code-block .previous-work .prev-portfolio-item:last-child h3 span { display: none; } .code-block-overlay { background-color: rgba(255, 255, 255, .1); z-index: 799; position: fixed; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; mix-blend-mode: difference; } .code-block-overlay.active { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all .2s; transition: all .2s; } /* =-=-=-=-=-=-=-=-=-=-=-= TT CONTACT POPUP =-=-=-=-=-=-=-=-=-=-=-= */ .tt-contact-popup a.contact-us { position: fixed; font-size: 24px; line-height: 63px; text-align: center; bottom: 21px; right: 21px; width: 60px; height: 60px; border-radius: 50%; color: #a74103; background-color: rgb(255, 96, 0); box-shadow: 0px 13px 43px 0px rgba(255, 96, 0, 0.51); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; z-index: 99999; } .tt-contact-popup a.contact-us:hover{ color: #ffffff; box-shadow: 0px 13px 43px 0px rgba(255, 96, 0, .7); } .tt-contact-popup a.times{ border-radius: 0 0 3px 3px; background-color: rgb(242, 99, 67); color: #ffffff; } .tt-contact-popup a.times i:before{ content: "\f00d"; } .tt-contact-popup .contact-form { max-width: 440px; width: calc(100% - 60px); height: 70%; max-height: 600px; background: #ddd; position: fixed; bottom: 52px; right: 21px; background-color: #f26343; border-radius: 3px 3px 0 3px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; z-index: 99999; } .tt-contact-popup .contact-form .wpcf7{ padding: 30px; } .tt-contact-popup .contact-form.show { -webkit-transform: scale(1); transform: scale(1); bottom: 81px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .tt-contact-popup .contact-form .main-contact-form { position: relative; padding: 0; background-color: #f26343; color: #fff; font-family: 'Fira Sans', sans-serif; } .tt-contact-popup .ajax-loader { position: absolute; bottom: 12px; right: 100px; } .tt-contact-popup .contact-form .wpcf7-ttradio{ margin-bottom: 0; } .tt-contact-popup div.wpcf7 .wpcf7-ttradio label{ -ms-flex-preferred-size: 15%; flex-basis: 15%; } .tt-contact-popup .main-contact-form .wpcf7-ttradio:nth-child(1){ margin-bottom: 15px; } .tt-contact-popup .main-contact-form br, .tt-contact-popup .main-contact-form hr{ display: none; } .tt-contact-popup .wpcf7-ttradio span.ttradio-title { font-size: 20px; padding: 10px 10px !important; border-radius: 2px; } .tt-contact-popup .ttradio-subtitle { font-size: 13px; line-height: 14px; font-weight: normal; } .tt-contact-popup .wpcf7-form-control { margin-top: 5px; height: 40px; border-radius: 2px; } .tt-contact-popup .wpcf7 p, .tt-contact-popup div.wpcf7 label { font-size: 15px; font-weight: 400; color: #ffffff; font-family: 'Fira Sans', sans-serif; } .tt-contact-popup div.wpcf7 label{ margin-bottom: 20px; } .tt-contact-popup .wpcf7-form-control.wpcf7-submit { margin-bottom: 20px; margin-top: 20px !important; display: block; font-size: 15px; line-height: 40px; padding: 0 35px; border-radius: 2px; width: 100%; border: none !important; } /* WHITE THEME ===========================*/ .tt-contact-popup.white .contact-form{ box-shadow: 0 0 15px rgba(0, 0, 0, .15); } .tt-contact-popup.white .contact-form, .tt-contact-popup.white .main-contact-form{ background-color: #ffffff; } .tt-contact-popup.white .wpcf7-ttradio span.ttradio-title{ background-color: #f26343 !important; } .tt-contact-popup.white .wpcf7-form-control.wpcf7-submit, .tt-contact-popup.white .wpcf7-ttradio label > input:checked + span{ background-color: #e93810 !important; color: #ffffff !important; } .tt-contact-popup.white .wpcf7-ttradio span.ttradio-title:hover{ color: #ffffff !important; } .tt-contact-popup.white .wpcf7 p, .tt-contact-popup.white div.wpcf7 label{ color: #212121; } .wpcf7-form-control.wpcf7-submit:hover { box-shadow: 5px 2px 17px rgba(242,99,67, .5); } .tt-contact-popup.white .contact-form:before{ background: -webkit-linear-gradient(#ffffff, transparent); background: linear-gradient(#ffffff, transparent); } .tt-contact-popup.white .contact-form:after{ background: -webkit-linear-gradient(transparent, #ffffff); background: linear-gradient(transparent, #ffffff); } .tt-contact-popup.white a.times, .tt-contact-popup.white a.contact-us { background-color: #fff; color: #e93810; box-shadow: 0 5px 5px rgba(0,0,0,.15); } .tt-contact-popup.white .wpcf7-form-control { border: 1px solid #9c9c9c; color: #212121; } /* BLUE THEME ===========================*/ .tt-contact-popup.blue .contact-form, .tt-contact-popup.blue .main-contact-form{ background-color: #093a57; } .tt-contact-popup.blue .wpcf7-ttradio span.ttradio-title{ background-color: #0f6492 !important; } .tt-contact-popup.blue .wpcf7-form-control.wpcf7-submit, .tt-contact-popup.blue .wpcf7-ttradio label > input:checked + span{ background-color: #2698d7 !important; color: #ffffff !important; } .tt-contact-popup.blue .wpcf7-ttradio span.ttradio-title:hover{ color: #ffffff !important; } .tt-contact-popup.blue .wpcf7 p, .tt-contact-popup.blue div.wpcf7 label{ color: #ffffff; } .wpcf7-form-control.wpcf7-submit:hover { box-shadow: 5px 2px 17px rgba(28,108,188, .5); } .tt-contact-popup.blue .contact-form:before{ background: -webkit-linear-gradient(#093a57, transparent); background: linear-gradient(#093a57, transparent); } .tt-contact-popup.blue .contact-form:after{ background: -webkit-linear-gradient(transparent, #093a57); background: linear-gradient(transparent, #093a57); } .tt-contact-popup.blue a.times, .tt-contact-popup.blue a.contact-us { background-color: #093a57; color: #ffffff; box-shadow: 0 5px 5px rgba(255,255,255,.15); } .tt-contact-popup.blue .contact-form{ box-shadow: 0 0 15px rgba(255, 255, 255, .15); } .tt-contact-popup.blue .wpcf7-form-control { background: rgba(255, 255, 255, 0.15); } /* =-=-=-=-=-=-=-=-=-=-=-= TT PORTFOLIO GRID =-=-=-=-=-=-=-=-=-=-=-= */ .tt-portfolio-grid .tt-filter-wrap { text-align: center; padding: 20px 0 50px; } .tt-portfolio-grid .tt-filter-wrap ul { list-style: none; padding: 0; margin: 0; display: inline-block; } .tt-portfolio-grid .tt-filter-wrap ul li { font-family: 'Fira Sans', sans-serif; background: transparent; display: inline-block; margin: 5px 20px; cursor: pointer; position: relative; } .tt-portfolio-grid .tt-filter-wrap ul li:after{ content: ""; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 1px; background-color: var(--tt-filter-color, #212121); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 0; } .tt-portfolio-grid .tt-filter-wrap ul li.active:after{ visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; bottom: -1px; width: 100%; } .tt-portfolio-grid .portfolio-inner { position: relative; height: 100%; } .tt-portfolio-grid .no-gutters .portfolio-inner { margin-bottom: 0; } @media(max-width: 767px){ .ios-browser .tt-portfolio-grid .no-gutters .portfolio-inner { cursor: pointer; } } .tt-portfolio-grid .portfolio-inner:hover .portfolio-thumb img { -webkit-transform: scale(1.2); transform: scale(1.2); } .tt-portfolio-grid .portfolio-inner .portfolio-thumb { overflow: hidden; position: relative; height: 100%; } .tt-portfolio-grid .portfolio-inner .portfolio-thumb img { -webkit-transition: all 2s cubic-bezier(.08, .43, .24, 1); transition: all 2s cubic-bezier(.08, .43, .24, 1); width: 100%; height: auto; } @media (min-width: 992px){ .tt-portfolio-grid.different-size .portfolio-inner .portfolio-thumb img{ width: auto; } } @media screen and (min-width: 992px) and (max-width: 1600px){ .tt-portfolio-grid.default-size .portfolio-inner .portfolio-thumb img{ object-fit: cover; } } .tt-portfolio-grid .large-thumb .portfolio-thumb img { width: auto !important; -webkit-transform: scale(1.01); transform: scale(1.01); } .tt-portfolio-grid.default-layout .portfolio-thumb img { -webkit-transform: scale(1.2); transform: scale(1.2); } .tt-portfolio-grid .portfolio-inner .portfolio-thumb .portfolio-image { background-size: cover; background-position: center center; width: 100%; height: 100%; -webkit-transition: all 2s cubic-bezier(.08, .43, .24, 1); transition: all 2s cubic-bezier(.08, .43, .24, 1); } .tt-portfolio-grid .portfolio-inner .portfolio-thumb:hover .portfolio-image{ -webkit-animation: ttImageMove 2s linear; animation: ttImageMove 2s linear; } @keyframes ttImageMove { 0%, 100%{ background-position: center center; } 33%{ background-position: center top; } 67%{ background-position: center bottom; } } @-webkit-keyframes ttImageMove { 0%, 100%{ background-position: center center; } 33%{ background-position: center top; } 67%{ background-position: center bottom; } } .tt-portfolio-grid .portfolio-inner:hover .portfolio-thumb .portfolio-image, .tt-portfolio-grid.default-layout .large-thumb .portfolio-inner:hover .portfolio-thumb img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: center center; transform-origin: center center; } .tt-portfolio-grid.default-layout .large-thumb .portfolio-inner:hover .portfolio-thumb img, .tt-portfolio-grid.default-layout .portfolio-inner:hover .portfolio-thumb img { -webkit-transform: scale(1.3); transform: scale(1.3); } .tt-portfolio-grid .portfolio-inner .portfolio-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, .8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 1s cubic-bezier(.07, .72, .24, 1); transition: all 1s cubic-bezier(.07, .72, .24, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tt-portfolio-grid .portfolio-inner:hover .portfolio-overlay { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-portfolio-grid.default-layout .portfolio-inner .portfolio-inner-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: scale(.85); transform: scale(.85); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .5s cubic-bezier(.08, .43, .24, 1); transition: all .5s cubic-bezier(.08, .43, .24, 1); } .tt-portfolio-grid.default-layout .portfolio-inner:hover .portfolio-inner-content { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-portfolio-grid .portfolio-inner h2 { font-size: 20px; font-weight: 900; line-height: 1.2; margin-bottom: 3px; } .tt-portfolio-grid .portfolio-inner h2 a { color: #212121; } .tt-portfolio-grid .portfolio-inner .portfolio-links a { display: inline-block; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .4s cubic-bezier(.91, -0.41, 0, 1.31); transition: all .4s cubic-bezier(.91, -0.41, 0, 1.31); } .tt-portfolio-grid .portfolio-inner .portfolio-links a i { color: #212121; margin: 0 5px; display: block; width: 40px; height: 40px; line-height: 34px; border: 3px solid #212121; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; } .tt-portfolio-grid .portfolio-inner .portfolio-links a i:hover { background: #212121; color: #ffffff !important; } .tt-portfolio-grid .portfolio-inner .portfolio-links a.portfolio-link { -webkit-transition-duration: .6s; transition-duration: .6s; } .tt-portfolio-grid .portfolio-inner:hover .portfolio-links a { -webkit-transform: translateY(0); transform: translateY(0); } .tt-portfolio-grid .portfolio-links { margin-top: 15px; } .tt-portfolio-grid.title-bottom .portfolio-links { margin-top: 0; } .tt-portfolio-grid .portfolio-item { margin-bottom: 30px; } .tt-portfolio-grid .is-spacing .portfolio-item { margin-bottom: 30px; } .tt-portfolio-grid .portfolio-item.item-1 .portfolio-thumb{ height: 460px; } .tt-portfolio-grid .portfolio-item.item-2 .portfolio-thumb{ height: 300px; } .tt-portfolio-grid .portfolio-item.item-3 .portfolio-thumb{ height: 400px; } .tt-portfolio-grid .portfolio-item.item-4 .portfolio-thumb{ height: 470px; } .tt-portfolio-grid.default-size.title-bottom .portfolio-item .portfolio-inner-content { padding: 0 20px 20px; } .tt-portfolio-grid.default-size.title-bottom .portfolio-loadmore.is-spacing .portfolio-item .portfolio-inner-content { padding: 0 0 20px; } .tt-portfolio-grid .no-gutters .portfolio-item { margin-bottom: 0; } .tt-portfolio-grid .portfolio-cat a { font-family: Fira Sans, sans-serif; display: inline-block; color: #212121; font-size: 15px; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .tt-portfolio-grid.has-custom-color .portfolio-inner h2, .tt-portfolio-grid.has-custom-color .portfolio-inner h2 a, .has-custom-color .portfolio-cat a { color: inherit; } .tt-portfolio-grid .portfolio-cat a:after { content: "/"; padding: 0 7px; } .tt-portfolio-grid .portfolio-cat a:last-child:after { content: none; padding: 0; } .tt-portfolio-grid .portfolio-inner-content p { margin-bottom: 8px; margin-top: 10px; } /* title bottom style */ .tt-portfolio-grid.title-bottom .portfolio-inner-content { text-align: left; margin-top: 20px; padding-right: 30px; } /* left to right style */ .tt-portfolio-grid.left-right .portfolio-inner { overflow: hidden; } .tt-portfolio-grid.left-right .portfolio-inner-content { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; text-align: left; padding: 30px; width: calc(100% - 50px); background: #fff; left: -100%; -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1); transition: all .4s cubic-bezier(.77, 0, .175, 1); } .tt-portfolio-grid.left-right .portfolio-inner:hover .portfolio-inner-content { left: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-portfolio-grid.left-right .portfolio-inner h2, .tt-portfolio-grid.left-right .portfolio-inner p, .tt-portfolio-grid.left-right .portfolio-inner .portfolio-cat { -webkit-transform: translateX(-30px); transform: translateX(-30px); visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .tt-portfolio-grid.left-right .portfolio-inner:hover h2, .tt-portfolio-grid.left-right .portfolio-inner:hover p, .tt-portfolio-grid.left-right .portfolio-inner:hover .portfolio-cat { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all .3s .1s cubic-bezier(.77, 0, .175, 1); transition: all .3s .1s cubic-bezier(.77, 0, .175, 1); } .tt-portfolio-grid.left-right .portfolio-inner:hover p { -webkit-transition-delay: .2s; transition-delay: .2s; } .tt-portfolio-grid.left-right .portfolio-inner:hover .portfolio-cat { -webkit-transition-delay: .3s; transition-delay: .3s; } .tt-portfolio-grid .loadmore-btn-wrap { padding: 50px 0; } @media (min-width: 1170px) { .tt-portfolio-grid .col-lg-5 { width: 20%; } } @media screen and (min-width: 992px) and (max-width: 1169px) { .tt-portfolio-grid .col-lg-5 { width: 25%; } } @media (min-width: 768px) and (max-width: 991px) { .tt-portfolio-grid.different-size .portfolio-inner { height: 225px; } .tt-portfolio-grid .large-thumb .portfolio-thumb img { height: 100%; max-height: inherit; } } /* portfolio-taxonomy-inner */ .portfolio-taxonomy-inner .entry-content{ padding: 15px; background: #fff; } .portfolio-taxonomy-inner .entry-content h2{ margin: 0; font-size: 24px; line-height: 30px; } .portfolio-taxonomy-inner .entry-content h2 a{ color: #212121; } .portfolio-taxonomy-inner .entry-content h2 a:hover{ color: #e93810; } .portfolio-taxonomy-inner .entry-content .portfolio-cat a{ color: #999999; } /* =-=-=-=-=-=-=-=-=-=-=-= TT POST SHARE =-=-=-=-=-=-=-=-=-=-=-= */ .post-share-wrapper .post-share { display: inline-block; font-size: 24px; } .post-share-wrapper .post-share a i { font-size: inherit; } .post-share-wrapper.has-color .post-share a, .post-share-wrapper.has-color .post-share i { color: inherit; } .post-share-wrapper.circle .post-share, .post-share-wrapper.star .post-share, .post-share-wrapper.diamond .post-share { font-size: 20px; } .post-share-wrapper.diamond .post-share li, .post-share-wrapper.star .post-share li, .post-share-wrapper.circle .post-share i, .post-share-wrapper.star .post-share i, .post-share-wrapper.diamond .post-share i { width: 45px; height: 45px; line-height: 45px; } .post-share-wrapper.circle .post-share i { border-radius: 50%; } .post-share-wrapper.star .post-share li, .post-share-wrapper.diamond .post-share li { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 10px; } .post-share-wrapper.diamond .post-share li { overflow: hidden; } .post-share-wrapper.star .post-share i, .post-share-wrapper.diamond .post-share i { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: 0; } .post-share-wrapper.diamond .post-share li, .post-share-wrapper.star .post-share li, .post-share-wrapper.circle .post-share i, .post-share-wrapper.star .post-share i, .post-share-wrapper.diamond .post-share i { background-color: var(--icon-bg-color, #0000ab); } .post-share-wrapper.circle .post-share a:hover i, .post-share-wrapper.star .post-share a:hover i, .post-share-wrapper.diamond .post-share a:hover i { color: inherit !important; text-shadow: 0 0 5px rgba(0, 0, 0, .7); } .post-share-wrapper.star .post-share .tt-animate a { overflow: inherit; } /* =-=-=-=-=-=-=-=-=-=-=-= TT PORTFOLIO CAROUSEL =-=-=-=-=-=-=-=-=-=-=-= */ .tt-portfolio-slider.swiper-container { width: 100%; height: 100vh; margin-left: auto; margin-right: auto; color: #212121; position: relative; } .ie .tt-portfolio-slider.swiper-container{ display: none; } .admin-bar .tt-portfolio-slider.swiper-container { height: calc(100vh - 32px); } .tt-menu-sticky .tt-portfolio-slider.swiper-container { height: calc(100vh - 80px); } .tt-menu-sticky.header-left-menu .tt-portfolio-slider.swiper-container { height: 100vh; } .admin-bar.tt-menu-sticky .tt-portfolio-slider.swiper-container { height: calc(100vh - 112px); } .admin-bar.tt-menu-sticky.header-left-menu .tt-portfolio-slider.swiper-container { height: calc(100vh - 32px); } .tt-portfolio-slider .swiper-slide:before, .tt-portfolio-slider .swiper-slide:after { content: ""; position: absolute; z-index: 99; width: 0; height: 0; pointer-events: none; mix-blend-mode: multiply; -webkit-transition: 1s ease-in-out .4s; transition: 1s ease-in-out .4s; border: 1px solid var(--slider-border-color, #f5cb89); } .tt-portfolio-slider .swiper-slide:before { left: 40px; top: 40px; border-right: none; border-bottom: none; } .tt-portfolio-slider .swiper-slide:after { right: 40px; bottom: 40px; border-left: none; border-top: none; } .tt-portfolio-slider .swiper-slide.swiper-slide-active:before { width: calc(100% - 80px); height: calc(100% - 80px); } .tt-portfolio-slider .swiper-slide.swiper-slide-active:after { width: calc(100% - 80px); height: calc(100% - 80px); } .tt-portfolio-slider .swiper-slide { text-align: center; font-size: 18px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } .tt-portfolio-slider .swiper-pagination-bullet { background-color: #f7872c; -webkit-transition: .3s; transition: .3s; opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .tt-portfolio-slider .swiper-pagination-bullet-active { background-color: #f7872c; width: 20px; border-radius: 30px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-portfolio-slider .swiper-slide { text-align: center; } .tt-portfolio-slider .swiper-slide .content-inner a{ text-transform: uppercase; -webkit-transition-delay: .6s; transition-delay: .6s; } .tt-portfolio-slider .swiper-slide .content-inner a span { display: inline-block; font-family: Fira Sans, sans-serif; font-size: 16px; color: #fff; border-radius: 30px; background-image: -webkit-linear-gradient( -118deg, rgb(247, 135, 44) 0%, rgb(241, 95, 70) 100%); background-image: -webkit-linear-gradient( 208deg, rgb(247, 135, 44) 0%, rgb(241, 95, 70) 100%); background-image: linear-gradient( -118deg, rgb(247, 135, 44) 0%, rgb(241, 95, 70) 100%); box-shadow: 0px 24px 62px 0px rgba(241, 95, 70, 0.4); height: 50px; line-height: 50px; padding: 0 30px; border: none; -webkit-transition: .4s; transition: .4s; text-transform: capitalize; } .tt-portfolio-slider .swiper-slide .content-inner a span:hover { box-shadow: 0px 24px 62px 0px rgba(0, 0, 0, .2) !important; } .tt-portfolio-slider .swiper-slide .content-inner { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; text-align: left; width: 100%; } .tt-portfolio-slider .swiper-slide .slider-content { margin-left: 140px; width: calc(100% - 140px); -webkit-transition: 1s; transition: 1s; } @media (min-width: 768px) { .tt-portfolio-slider .swiper-slide:nth-child(even) .slider-content { margin-left: 0; margin-right: 80px; width: calc(100% - 80px); } } @media (min-width: 1024px){ .tt-portfolio-slider .swiper-slide:nth-child(even) .slider-content { padding-left: 40px; } } .tt-portfolio-slider .swiper-slide .slider-content .swiper-nav { width: 94px; position: absolute; top: 0; left: -10px; padding: 0; margin: 0; margin-left: -400px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .8s cubic-bezier(.68, -0.55, .27, 1.55); transition: all .8s cubic-bezier(.68, -0.55, .27, 1.55); } .tt-portfolio-slider .swiper-slide .slider-content .swiper-nav .swiper-button-prev, .tt-portfolio-slider .swiper-slide .slider-content .swiper-nav .swiper-button-next { background: none; width: 32px; height: 32px; background: #f5b041; padding: 0; margin: 0; border-radius: 50%; line-height: 32px; text-align: center; color: #ffffff; font-size: 14px; -webkit-transition: all .3s; transition: all .3s; opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-content .swiper-nav { margin-left: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-portfolio-slider .swiper-slide .slider-content .swiper-nav .swiper-button-prev:hover, .tt-portfolio-slider .swiper-slide .slider-content .swiper-nav .swiper-button-next:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tt-portfolio-slider .swiper-slide .slider-content .swiper-nav .swiper-button-prev.swiper-button-disabled, .tt-portfolio-slider .swiper-slide .slider-content .swiper-nav .swiper-button-next.swiper-button-disabled { color: #fff; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .tt-portfolio-slider .swiper-slide .slider-content header { overflow: hidden; position: relative; padding-top: 40px; } .tt-portfolio-slider .swiper-slide .content-inner h2 { font-size: 55px; font-weight: 900; margin-top: 8px; } .tt-portfolio-slider .swiper-slide .content-inner .slider-content p { position: relative; padding-left: 110px; padding-right: 120px; margin-top: 25px; margin-bottom: 55px; } .tt-portfolio-slider .swiper-slide .content-inner .slider-content p:before { content: ""; position: absolute; top: 11px; left: 0; width: 90px; height: 5px; background-color: var(--slider-content-border, #f15f46); } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content { position: absolute; bottom: 80px; width: calc(100% - 90px); } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content { font-size: 14px; margin-left: 90px; } .tt-portfolio-slider .swiper-slide:nth-child(2n) .content-inner .bottom-content { margin-left: 0; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li { padding-right: 40px; overflow: hidden; display: inline-block; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li p { padding-right: 20px; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li:last-child { padding-right: 0; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li strong { display: block; } .tt-portfolio-slider .swiper-slide .slider-img { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: right; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 992px) and (max-width: 1400px){ .tt-portfolio-slider .right-content, .tt-portfolio-slider .left-content{ -ms-flex: 0 0 50% ! important; flex: 0 0 50% ! important; max-width: 50% ! important; } } .tt-portfolio-slider .swiper-slide .slider-thumb { position: relative; width: 100%; } .tt-portfolio-slider .swiper-slide .slider-img img { border-radius: 4px; } .tt-portfolio-slider .swiper-slide .slider-img img.large-image { max-width: 100%; width: auto; height: auto; -webkit-transform: translateX(100px); transform: translateX(100px); box-shadow: -3.776px -4.663px 114px 0px rgba(0, 0, 0, 0.24); } .tt-portfolio-slider .swiper-slide .slider-img .small-img-wrapper { -webkit-transform: translateX(380px); transform: translateX(380px); position: absolute; bottom: -30px; left: 120px; max-width: 50%; z-index: 99; } .tt-portfolio-slider .swiper-slide .slider-img .small-img-wrapper img { box-shadow: 0px -42px 114px 0px rgba(0, 0, 0, 0.24); width: 100%; height: auto; } .tt-portfolio-slider .swiper-slide .slider-img .slider-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .tt-portfolio-slider .swiper-slide .slider-img img.img-one{ -webkit-transition-delay: .4s; transition-delay: .4s; } .tt-portfolio-slider .swiper-slide .slider-img .small-img-wrapper{ -webkit-transition-delay: .7s; transition-delay: .7s; } @media (min-width: 768px) { .tt-portfolio-slider .swiper-slide:nth-child(even) .slider-img .slider-bg { -webkit-transform: scaleX(-1); transform: scaleX(-1); } } .tt-portfolio-slider .swiper-slide .slider-img .slider-bg span { display: block; position: absolute; width: 38px; height: 38px; background-position: center center; background-repeat: no-repeat; -webkit-transition: top 1s cubic-bezier(.65, .55, .07, 1), left .5s cubic-bezier(.65, .55, .07, 1), opacity 1s, -webkit-transform 0s; transition: top 1s cubic-bezier(.65, .55, .07, 1), left .5s cubic-bezier(.65, .55, .07, 1), opacity 1s, -webkit-transform 0s; transition: top 1s cubic-bezier(.65, .55, .07, 1), left .5s cubic-bezier(.65, .55, .07, 1), opacity 1s, transform 0s; transition: top 1s cubic-bezier(.65, .55, .07, 1), left .5s cubic-bezier(.65, .55, .07, 1), opacity 1s, transform 0s, -webkit-transform 0s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; left: 50%; top: 50%; } .tt-portfolio-slider .swiper-slide .slider-img .slider-bg.blink-effect span{ -webkit-animation: ttBlur 5s linear infinite; animation: ttBlur 5s linear infinite; } .isSafari .tt-portfolio-slider .swiper-slide .slider-img .slider-bg.blink-effect span{ animation: none; -webkit-animation: none; } @-webkit-keyframes ttBlur{ 0%, 48%, 52%, 100%{ filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); background-size: inherit; } 50%{ filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(6px); filter: blur(6px); background-size: 90%; } } @keyframes ttBlur{ 0%, 48%, 52%, 100%{ filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); background-size: inherit; } 50%{ filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(6px); filter: blur(6px); background-size: 90%; } } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transition-delay: .6s; transition-delay: .6s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(1) { background-image: url("images/zigzak.png"); top: 60%; left: 32px; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; -webkit-animation-duration: 4.3s; animation-duration: 4.3s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(2) { background-image: url("images/circle.png"); top: 63%; left: 92px; -webkit-transform: rotate(271deg); transform: rotate(271deg); -webkit-animation-duration: 5.8s; animation-duration: 5.8s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(3) { background-image: url("images/x.png"); top: 22%; left: 82px; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(4) { background-image: url("images/zigzak.png"); top: 30%; left: 100px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: 1.1s; transition-delay: 1.1s; -webkit-animation-duration: 7.5s; animation-duration: 7.5s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(5) { background-image: url("images/line.png"); top: 9%; left: 183px; -webkit-transform: rotate(160deg); transform: rotate(160deg); -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(6) { background-image: url("images/triangle.png"); top: 22%; left: 172px; -webkit-transition-delay: .5s; transition-delay: .5s; -webkit-animation-duration: 6.8s; animation-duration: 6.8s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(7) { background-image: url("images/circle.png"); top: 34%; left: 238px; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-animation-duration: 9.9s; animation-duration: 9.9s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(8) { background-image: url("images/line.png"); top: 27%; left: 880px; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-animation-duration: 3.7s; animation-duration: 3.7s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(9) { background-image: url("images/line.png"); top: 15%; left: 957px; -webkit-transform: rotate(250deg); transform: rotate(250deg); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-animation-duration: 4.3s; animation-duration: 4.3s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(10) { background-image: url("images/circle.png"); top: 13%; left: 680px; -webkit-transform: rotate(200deg); transform: rotate(200deg); -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-animation-duration: 10.6s; animation-duration: 10.6s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(11) { background-image: url("images/x.png"); top: 14%; left: 739px; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-transition-delay: 2.6s; transition-delay: 2.6s; -webkit-animation-duration: 5.6s; animation-duration: 5.6s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(12) { background-image: url("images/zigzak.png"); top: 15%; left: 800px; -webkit-transform: rotate(126deg); transform: rotate(126deg); -webkit-animation-duration: 4.8s; animation-duration: 4.8s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(13) { background-image: url("images/line.png"); top: 20%; left: 250px; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-animation-duration: 8.9s; animation-duration: 8.9s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(14) { background-image: url("images/zigzak.png"); top: 11.5%; left: 544px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-animation-duration: 5.5s; animation-duration: 5.5s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(15) { background-image: url("images/x.png"); top: 8%; left: 450px; -webkit-transform: rotate(14deg); transform: rotate(14deg); -webkit-transition-delay: .7s; transition-delay: .7s; -webkit-animation-duration: 10.8s; animation-duration: 10.8s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(16) { background-image: url("images/triangle.png"); top: 10.5%; left: 849px; -webkit-transform: rotate(100deg); transform: rotate(100deg); -webkit-animation-duration: 11.7s; animation-duration: 11.7s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(17) { background-image: url("images/zigzak.png"); top: 11%; left: 1000px; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-animation-duration: 5.5s; animation-duration: 5.5s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(18) { background-image: url("images/x.png"); top: 30%; left: 302px; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-animation-duration: 15.3s; animation-duration: 15.3s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(19) { background-image: url("images/circle.png"); top: 14%; left: 1068px; -webkit-transform: rotate(140deg); transform: rotate(140deg); -webkit-animation-duration: 18.4s; animation-duration: 18.4s; } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .slider-bg span:nth-child(20) { background-image: url("images/circle.png"); top: 10%; left: 950px; -webkit-animation-duration: 5.7s; animation-duration: 5.7s; } @media (min-width: 768px) { .tt-portfolio-slider .swiper-slide:nth-child(even) .left-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .tt-portfolio-slider .swiper-slide:nth-child(even) .right-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .tt-portfolio-slider .swiper-slide:nth-child(even) .slider-img { text-align: left; } .tt-portfolio-slider .swiper-slide:nth-child(even) .slider-img .small-img-wrapper { left: auto; right: 120px; } } /* SLIDER TRANSITION EFFECT =============================== */ /*transition all*/ .tt-portfolio-slider .swiper-slide .slider-img img.img-one, .tt-portfolio-slider .swiper-slide .slider-img .small-img-wrapper, .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li p, .tt-portfolio-slider .swiper-slide .content-inner h2, .tt-portfolio-slider .swiper-slide .content-inner .slider-content p, .tt-portfolio-slider .swiper-slide .content-inner a { -webkit-transition: all 1s cubic-bezier(.68, -0.55, .27, 1.55); transition: all 1s cubic-bezier(.68, -0.55, .27, 1.55); display: inline-block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } /*transition left to right*/ .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li p, .tt-portfolio-slider .swiper-slide .content-inner h2, .tt-portfolio-slider .swiper-slide .content-inner .slider-content p { -webkit-transform: translateX(-100px); transform: translateX(-100px); } .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img img.large-image, .tt-portfolio-slider .swiper-slide.swiper-slide-active .slider-img .small-img-wrapper, .tt-portfolio-slider .swiper-slide.swiper-slide-active .content-inner .bottom-content li p, .tt-portfolio-slider .swiper-slide.swiper-slide-active .content-inner h2, .tt-portfolio-slider .swiper-slide.swiper-slide-active .content-inner .slider-content p { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*transition bottom to top*/ .tt-portfolio-slider .swiper-slide .content-inner a { -webkit-transform: translateY(50px); transform: translateY(50px); } .tt-portfolio-slider .swiper-slide.swiper-slide-active .content-inner a { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(0); transform: translateY(0); } /*transition right to left*/ .tt-portfolio-slider .swiper-slide .content-inner h2 { -webkit-transition-delay: .2s; transition-delay: .2s; } .tt-portfolio-slider .swiper-slide .content-inner .slider-content p { -webkit-transition-delay: .4s; transition-delay: .4s; } .tt-portfolio-slider .swiper-slide .content-inner a { -webkit-transition-delay: .6s; transition-delay: .6s; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li:nth-child(1) p { -webkit-transition-delay: .7s; transition-delay: .7s; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li:nth-child(2) p { -webkit-transition-delay: .8s; transition-delay: .8s; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li:nth-child(3) p { -webkit-transition-delay: .9s; transition-delay: .9s; } /*slider media query*/ @media (min-width: 1400px) { .tt-portfolio-slider .swiper-slide .slider-content { margin-top: -80px; } } @media screen and (min-width: 1024px) and (max-width: 1400px) { .tt-portfolio-slider .swiper-slide .slider-content { margin-top: -80px; } } @media (max-width: 1399px) { .tt-portfolio-slider .swiper-slide .slider-content{ margin-left: 95px; } .tt-portfolio-slider .swiper-slide .content-inner h2 { font-size: 40px; } .tt-portfolio-slider .swiper-slide .content-inner .slider-content p { padding-right: 20px; } .tt-portfolio-slider .swiper-slide .slider-img .small-img-wrapper { bottom: -30px; left: 0; } .tt-portfolio-slider .swiper-slide:nth-child(even) .slider-img .small-img-wrapper { left: auto; right: -10px; bottom: -30px; } .tt-portfolio-slider .swiper-slide .slider-img .small-img-wrapper{ left: -10px; } .tt-portfolio-slider .swiper-slide .content-inner .slider-content p:before { width: 60px; } .tt-portfolio-slider .swiper-slide .content-inner .slider-content p { padding-left: 75px; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content { position: relative; margin-top: 50px; bottom: auto; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li { padding-right: 10px; } .tt-portfolio-slider .swiper-slide .slider-content header { margin-top: 50px; } .tt-portfolio-slider .swiper-slide::after, .tt-portfolio-slider .swiper-slide::before{ display: none; } } @media (min-width: 992px) and (max-width: 1399px) { .tt-portfolio-slider .swiper-slide:nth-child(even) .content-inner .bottom-content { margin-left: 0; padding-left: 40px; } } @media (max-width: 991px){ .tt-portfolio-slider .swiper-slide .content-inner .slider-content p:before { width: 40px; } .tt-portfolio-slider .swiper-slide .content-inner .slider-content p{ padding-left: 50px; } } @media (max-width: 767px) { .tt-portfolio-slider .swiper-slide .right-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tt-portfolio-slider .swiper-slide .slider-thumb { display: none; } .tt-portfolio-slider .swiper-slide .slider-content { margin-left: 80px; width: calc(100% - 80px); position: relative; z-index: 10; } .tt-portfolio-slider .swiper-slide .content-inner .bottom-content li { padding-right: 0px; } .tt-portfolio-slider .swiper-slide .content-inner .slider-content p, .tt-portfolio-slider .swiper-slide .content-inner h2 { padding-right: 60px; } .admin-bar.tt-menu-sticky .tt-portfolio-slider.swiper-container { height: auto; padding-bottom: 50px; } .tt-portfolio-slider .swiper-slide:nth-child(2n) .content-inner .bottom-content { margin-left: 80px; } } /* =-=-=-=-=-=-= FACT SECTION =-=-=-=-=-=-= */ .fact-wrap{ text-align: center; } @media only screen and (max-width : 767px) { .counter-wrapper { margin-bottom: 50px; } } .counter-wrapper i::before{ display: inline-block; font-size: 36px; line-height: 58px; margin: 0 auto; margin-bottom: 10px; } .counter-wrapper h2 { font-size: 80px; line-height: 90px; } .counter-wrapper h3 { font-size: 20px; line-height: 25px; } /* =-=-=-=-=-=-=-=-=-=-=-= TT ZIGZAG =-=-=-=-=-=-=-=-=-=-=-= */ .zigzag-separator-wrapper { position: relative; z-index: 10; width: 100%; min-height: 100px; background-repeat: repeat-x; } /*====================================================================== // ALL SHORTCODE STYLE END // ========================================================================*/ /*================== OVERLAY BACKGROUND ===============*/ .violet-overlay { background-color: rgba(174, 0, 255, .7); } .default-overlay { background: rgba(255, 102, 0, 1); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 102, 0, 1)), color-stop(100%, rgba(255, 0, 0, 1))); background: -webkit-linear-gradient(left, rgba(255, 102, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); background: linear-gradient(to right, rgba(255, 102, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .blue-overlay { background: rgb(156, 0, 255); background: -webkit-linear-gradient(left, rgba(156, 0, 255, 1) 0%, rgba(3, 255, 205, 1) 100%); background: linear-gradient(to right, rgba(156, 0, 255, 1) 0%, rgba(3, 255, 205, 1) 100%); opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .blue-onecolor-overlay { background-color: rgba(51, 44, 68, .85) } .pink-overlay { background: rgb(243, 10, 103); background: -webkit-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%); background: -webkit-linear-gradient(315deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%); background: linear-gradient(135deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%); opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .header-overlay-color { background: rgba(253, 161, 133, 1); background: -webkit-linear-gradient(left, rgba(253, 161, 133, 1) 0%, rgba(238, 69, 137, 0.6) 100%); background: linear-gradient(to right, rgba(253, 161, 133, 1) 0%, rgba(238, 69, 137, 0.6) 100%); } .orange-overlay { position: absolute; background: rgb(255, 167, 14); background: -webkit-linear-gradient(-45deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%); background: -webkit-linear-gradient(315deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%); background: linear-gradient(135deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%); opacity: .95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; } .purple-overlay { background: rgb(239, 71, 111); background: -webkit-linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%); background: linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%); opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .red-overlay { background: rgb(243, 10, 103); background: -webkit-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%); background: -webkit-linear-gradient(315deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%); background: linear-gradient(135deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%); opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /*gradient bg --------------------------*/ .blue-gradient-bg { background: rgba(98, 0, 255, 1); background: -webkit-linear-gradient(-45deg, rgba(98, 0, 255, 1) 0%, rgba(255, 0, 170, 1) 100%); background: -webkit-linear-gradient(315deg, rgba(98, 0, 255, 1) 0%, rgba(255, 0, 170, 1) 100%); background: linear-gradient(135deg, rgba(98, 0, 255, 1) 0%, rgba(255, 0, 170, 1) 100%); } .pink-gradient-bg { background: rgb(238, 69, 137); background: -webkit-linear-gradient(-45deg, rgba(238, 69, 137, 1) 0%, rgba(225, 48, 48, 1) 100%); background: -webkit-linear-gradient(315deg, rgba(238, 69, 137, 1) 0%, rgba(225, 48, 48, 1) 100%); background: linear-gradient(135deg, rgba(238, 69, 137, 1) 0%, rgba(225, 48, 48, 1) 100%); } .orange-gradient-bg { background: rgb(255, 167, 14); background: -webkit-linear-gradient(-45deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%); background: -webkit-linear-gradient(315deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%); background: linear-gradient(135deg, rgba(255, 167, 14, 1) 0%, rgba(239, 11, 0, 1) 100%); } .purple-gradient-bg { background: rgb(239, 71, 111); background: -webkit-linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%); background: linear-gradient(45deg, rgba(239, 71, 111, 1) 0%, rgba(205, 71, 239, 1) 100%); } .red-gradient-bg { background: rgb(243, 10, 103); background: -webkit-linear-gradient(-45deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%); background: -webkit-linear-gradient(315deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%); background: linear-gradient(135deg, rgba(243, 10, 103, 1) 1%, rgba(225, 48, 48, 1) 99%); } /* ============== SITE TRANSITIOIN AND ANIMATION ============== */ /* hover underline left to right --------------------------------------------*/ /* Orange Color */ .tt-portfolio-grid .portfolio-inner h2.orange-color a, .tt-code-block .previous-work h3 a { background: -webkit-linear-gradient(transparent calc(100% - 2px), #f26343 2px); background: linear-gradient(transparent calc(100% - 2px), #f26343 2px); background-repeat: no-repeat; background-size: 0% 100%; -webkit-transition: all .6s; transition: all .6s; } /* Black Color */ .tt-portfolio-grid .portfolio-inner h2.black-color a { background: -webkit-linear-gradient(transparent calc(100% - 2px), #000000 2px); background: linear-gradient(transparent calc(100% - 2px), #000000 2px); background-repeat: no-repeat; background-size: 0% 100%; -webkit-transition: all .6s; transition: all .6s; } /* 3px border for white color */ .next-portfolio-wrapper .next-portfolio-inner a { background: -webkit-linear-gradient(transparent calc(100% - 3px), #ffffff 3px); background: linear-gradient(transparent calc(100% - 3px), #ffffff 3px); background-repeat: no-repeat; background-size: 0% 100%; -webkit-transition: all .6s; transition: all .6s; } /* 2px border for white color */ .tt-portfolio-grid .portfolio-inner h2.white-color a, .footer-sidebar .tt-latest-post .media-body h4 a { background: -webkit-linear-gradient(transparent calc(100% - 2px), #ffffff 2px); background: linear-gradient(transparent calc(100% - 2px), #ffffff 2px); background-repeat: no-repeat; background-size: 0% 100%; -webkit-transition: all .4s; transition: all .4s; } .tt-portfolio-grid .portfolio-inner h2.black-color a:hover, .tt-portfolio-grid .portfolio-inner h2.theme-default a:hover, .tt-portfolio-grid .portfolio-inner h2.orange-color a:hover, .tt-portfolio-grid .portfolio-inner h2 a:hover, .tt-code-block .previous-work h3 a:hover, .footer-sidebar .tt-latest-post .media-body h4 a:hover, .next-portfolio-wrapper .next-portfolio-inner a:hover { background-size: 100% 100%; } .ie .tt-portfolio-grid .portfolio-inner h2.black-color a:hover, .ie .tt-portfolio-grid .portfolio-inner h2.theme-default a:hover, .ie .tt-portfolio-grid .portfolio-inner h2.orange-color a:hover, .ie .tt-portfolio-grid .portfolio-inner h2 a:hover, .ie .tt-code-block .previous-work h3 a:hover, .ie .footer-sidebar .tt-latest-post .media-body h4 a:hover, .ie .next-portfolio-wrapper .next-portfolio-inner a:hover { background-size: 0; } /*hover effect left to right --------------------------------------------*/ .tt-about-block-item h3 a:after, .blog-quote blockquote a:after, .blog-wrapper .post-thumbnail.blog-link h2 a:after { content: ''; position: absolute; bottom: 5px; left: auto; right: 0; height: 2px; width: 0%; background-color: #212121; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .tt-about-block-item h3 a:hover:after, .blog-quote blockquote a:hover:after, .blog-wrapper .post-thumbnail.blog-link h2 a:hover:after { left: 0; right: auto; width: 100%; } .blog-wrapper .post-thumbnail.blog-link h2 a:after, .blog-quote blockquote a:after { background-color: #ffffff; } .tt-about-block-item h3 a:after { background-color: var(--about-title-hover, #212121); } /*swing effect -------------------------------------*/ .icon-block.icon-hover-swing:hover .tt-icon img, .icon-block.icon-hover-swing:hover .tt-icon i { -webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes swing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes swing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /*Jello Effect -----------------------------*/ .icon-block.icon-hover-jello:hover .tt-icon img, .icon-block.icon-hover-jello:hover .tt-icon i { -webkit-animation-name: jello; animation-name: jello; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } /*spaceboots animation effect ========================================*/ .icon-block.icon-hover-spaceboots:hover .tt-icon img, .icon-block.icon-hover-spaceboots:hover .tt-icon i { -webkit-animation-name: spaceboots; animation-name: spaceboots; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(4px, 3px) rotate(0deg); } 10% { -webkit-transform: translate(-3px, -4px) rotate(-1deg); } 20% { -webkit-transform: translate(-6px, 2px) rotate(1deg); } 30% { -webkit-transform: translate(2px, 4px) rotate(0deg); } 40% { -webkit-transform: translate(3px, -3px) rotate(1deg); } 50% { -webkit-transform: translate(-3px, 4px) rotate(-1deg); } 60% { -webkit-transform: translate(-5px, 3px) rotate(0deg); } 70% { -webkit-transform: translate(4px, 3px) rotate(-1deg); } 80% { -webkit-transform: translate(-3px, -3px) rotate(1deg); } 90% { -webkit-transform: translate(4px, 4px) rotate(0deg); } 100% { -webkit-transform: translate(3px, -4px) rotate(-1deg); } } @keyframes spaceboots { 0% { -webkit-transform: translate(4px, 3px) rotate(0deg); } 10% { -webkit-transform: translate(-3px, -4px) rotate(-1deg); } 20% { -webkit-transform: translate(-6px, 2px) rotate(1deg); } 30% { -webkit-transform: translate(2px, 4px) rotate(0deg); } 40% { -webkit-transform: translate(3px, -3px) rotate(1deg); } 50% { -webkit-transform: translate(-3px, 4px) rotate(-1deg); } 60% { -webkit-transform: translate(-5px, 3px) rotate(0deg); } 70% { -webkit-transform: translate(4px, 3px) rotate(-1deg); } 80% { -webkit-transform: translate(-3px, -3px) rotate(1deg); } 90% { -webkit-transform: translate(4px, 4px) rotate(0deg); } 100% { -webkit-transform: translate(3px, -4px) rotate(-1deg); } } /* ALL IMAGES ANIMATION ==============================================*/ .tt-animation.tt-animated { position: relative; } .isSafari .tt-animation.tt-animated, .ios-browser .tt-animation.tt-animated, .ie .tt-animation.tt-animated{ overflow: hidden } .tt-animation.tt-animated .img-overlay { position: absolute; top: 0; left: 0; background-color: #021bdd; height: 0; width: 20px; -webkit-animation: overlayone .3s ease-in-out forwards, overlaytwo 1s ease-in-out .3s forwards; animation: overlayone .3s ease-in-out forwards, overlaytwo 1s ease-in-out .3s forwards; z-index: 99; } .isSafari .tt-animation.tt-animated .img-overlay, .ios-browser .tt-animation.tt-animated .img-overlay, .ie .tt-animation.tt-animated .img-overlay { top: -100%; left: -90%; height: 100%; width: 100%; -webkit-animation: ie_overlayone .3s ease-in-out forwards, ie_overlaytwo 1.3s ease-in-out .3s forwards; animation: ie_overlayone .3s ease-in-out forwards, ie_overlaytwo 1.3s ease-in-out .3s forwards; } .video-popup.tt-animation.tt-animated .img-overlay { z-index: 0; } .tt-animation .portfolio-info-bg, .tt-animation.wpb_text_column .wpb_wrapper, .tt-animation img, .tt-animation .tt-animation-inner { visibility: hidden; margin: 0; } .tt-animation.tt-animated .portfolio-info-bg, .tt-animation.wpb_text_column.tt-animated .wpb_wrapper, .tt-animation.tt-animated img, .tt-animation.tt-animated .tt-animation-inner { -webkit-animation: imgvisibility .4s .8s linear forwards; animation: imgvisibility .4s .8s linear forwards; } .isSafari .tt-animation.tt-animated .portfolio-info-bg, .isSafari .tt-animation.wpb_text_column.tt-animated .wpb_wrapper, .isSafari .tt-animation.tt-animated img, .isSafari .tt-animation.tt-animated .tt-animation-inner, .ios-browser .tt-animation.tt-animated .portfolio-info-bg, .ios-browser .tt-animation.wpb_text_column.tt-animated .wpb_wrapper, .ios-browser .tt-animation.tt-animated img, .ios-browser .tt-animation.tt-animated .tt-animation-inner, .ie .tt-animation.tt-animated .portfolio-info-bg, .ie .tt-animation.wpb_text_column.tt-animated .wpb_wrapper, .ie .tt-animation.tt-animated img, .ie .tt-animation.tt-animated .tt-animation-inner { -webkit-animation: imgvisibility .8s .8s linear forwards; animation: imgvisibility .8s .8s linear forwards; } .portfolio-inner .tt-animation-inner { height: 100%; } /* imgvisibility */ @-webkit-keyframes imgvisibility { 0% { visibility: hidden; opacity: 0; } 50%, 100% { visibility: visible; opacity: 1; } } @keyframes imgvisibility { 0% { visibility: hidden; opacity: 0; } 50%, 100% { visibility: visible; opacity: 1; } } /* overlayone */ @-webkit-keyframes overlayone { from { height: 0%; } to { height: 100%; } } @keyframes overlayone { from { height: 0%; } to { height: 100%; } } /* overlaytwo */ @-webkit-keyframes overlaytwo { 0% { width: 20px; } 50% { width: 100%; } 100% { width: 0; right: 0; left: auto; } } @keyframes overlaytwo { 0% { width: 20px; } 50% { width: 100%; } 100% { width: 0; right: 0; left: auto; } } /* overlayone */ @keyframes ie_overlayone { from { top: -100%; left: -90%; } to { top: 0; left: -90%; } } @-webkit-keyframes ie_overlayone { from { top: -100%; left: -90%; } to { top: 0; left: -90%; } } /* overlaytwo */ @keyframes ie_overlaytwo { 0% { left: -90%; top: 0; } 100%{ left: 100%; top: 0; } } @-webkit-keyframes ie_overlaytwo { 0% { left: -90%; top: 0; } 100%{ left: 100%; top: 0; } } .tt-animation.tt-animated.bg-primary .img-overlay { background-color: #007bff; } .tt-animation.tt-animated.bg-secondary .img-overlay { background-color: #6c757d; } .tt-animation.tt-animated.bg-success .img-overlay { background-color: #28a745; } .tt-animation.tt-animated.bg-danger .img-overlay { background-color: #dc3545; } .tt-animation.tt-animated.bg-warning .img-overlay { background-color: #ffc107; } .tt-animation.tt-animated.bg-info .img-overlay { background-color: #17a2b8; } .tt-animation.tt-animated.bg-light .img-overlay { background-color: #f8f9fa; } .tt-animation.tt-animated.bg-black .img-overlay { background-color: #000000; } .tt-animation.tt-animated.bg-dark .img-overlay { background-color: #343a40; } .tt-animation.tt-animated.bg-white .img-overlay { background-color: #ffffff; } .tt-animation.tt-animated.bg-red .img-overlay { background-color: #ff0000; } .tt-animation.tt-animated.bg-yellow .img-overlay { background-color: #ffff00; } .tt-animation.tt-animated.bg-pink .img-overlay { background-color: #ffc0cb; } .tt-animation.tt-animated.bg-brown .img-overlay { background-color: #A52A2A; } .tt-animation.tt-animated.bg-cyan .img-overlay { background-color: #00FFFF; } .tt-animation.tt-animated.bg-gold .img-overlay { background-color: #FFD700; } .tt-animation.tt-animated.bg-green .img-overlay { background-color: #008000; } .tt-animation.tt-animated.bg-magenta .img-overlay { background-color: #FF00FF; } .tt-animation.tt-animated.bg-navy .img-overlay { background-color: #000080; } .tt-animation.tt-animated.bg-blue .img-overlay { background-color: #0000FF; } .tt-animation.tt-animated.bg-purple .img-overlay { background-color: #800080; } .tt-animation.tt-animated.bg-orange .img-overlay { background-color: #FFA500; } .tt-animation.tt-animated.bg-lime .img-overlay { background-color: #00FF00; } .tt-animation.tt-animated.bg-teal .img-overlay { background-color: #008080; } .tt-animation.bg-primary, .tt-animation.bg-secondary, .tt-animation.bg-success, .tt-animation.bg-danger, .tt-animation.bg-warning, .tt-animation.bg-info, .tt-animation.bg-light, .tt-animation.bg-black, .tt-animation.bg-dark, .tt-animation.bg-white { background-color: inherit !important; } .team-item.tt-animation .img-overlay { border-radius: 4px; } /* SOCIAL ICON HOVER ANIMATION ==============================================*/ .tt-animate a { overflow: hidden; } .tt-animate i { text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .tt-animate i:before { speak-as: none; display: block; -webkit-font-smoothing: subpixel-antialiased !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*Left To Right*/ .tt-animate.ltr a:hover i:before { -webkit-animation: LeftToRight 0.3s forwards; animation: LeftToRight 0.3s forwards; } /*Right To Left*/ .tt-animate.rtl a:hover i:before { -webkit-animation: RightToLeft 0.3s forwards; animation: RightToLeft 0.3s forwards; } /*Bottom To Top*/ .tt-animate.btt a:hover i:before { -webkit-animation: BottomToTop 0.3s forwards; animation: BottomToTop 0.3s forwards; } /*Top To Bottom*/ .tt-animate.ttb a:hover i:before { -webkit-animation: TopToBottom 0.3s forwards; animation: TopToBottom 0.3s forwards; } /* Left to Right key frame*/ @-webkit-keyframes LeftToRight { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate(-100%); } 51% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } @keyframes LeftToRight { 49% { -webkit-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } /* Right to Left key frame*/ @-webkit-keyframes RightToLeft { 49% { -webkit-transform: translate(-100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate(100%); } 51% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } @keyframes RightToLeft { 49% { -webkit-transform: translate(-100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate(100%); } 51% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } /* Bottom to Top key frame*/ @-webkit-keyframes BottomToTop { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(100%); } 51% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } @keyframes BottomToTop { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } /* Top to Bottom key frame*/ @-webkit-keyframes TopToBottom { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(-100%); } 51% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } @keyframes TopToBottom { 49% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }