:root { --qutiiz-font: "DM Sans",sans-serif; --qutiiz-font-two: "Barlow Condensed",sans-serif; --qutiiz-reey-font: "reeyregular"; --qutiiz-gray: #726d7b; --qutiiz-gray-rgb: 114,109,123; --qutiiz-white: #fff; --qutiiz-white-rgb: 255,255,255; --qutiiz-primary: #6222cc; --qutiiz-primary-rgb: 98,34,204; --qutiiz-black: #04000b; --qutiiz-black-rgb: 4,0,11; --qutiiz-base: #fff; --qutiiz-base-rgb: 255,255,255; --qutiiz-extra: #f6f6f6; --qutiiz-extra-rgb: 246,246,246; --qutiiz-bdr-color: #e3e3e3; --qutiiz-bdr-color-rgb: 227,227,227; --qutiiz-bdr-radius: 8px; } body, button, input, select, optgroup, textarea { color: var(--qutiiz-gray,#726d7b); font-family: var(--qutiiz-font,"Rubik",sans-serif); font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 500; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch",courier,monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace; } abbr, acronym { border-bottom: 1px dotted var(--qutiiz-gray,#726d7b); cursor: help; } mark, ins { background: var(--qutiiz-bdr-color,#e3e3e3); text-decoration: none; } big { font-size: 125%; } b, strong { color: var(--qutiiz-black); } body { background: #fff; } hr { background-color: var(--qutiiz-bdr-color,#e3e3e3); border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 .5em 3em; padding-left: 1em; } ul { list-style: disc; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } table { margin: 0 0 1.5em; width: 100%; max-width: 100%; } tr { display: table-row; vertical-align: inherit; border-color: inherit; } 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: 8px; vertical-align: middle; border: 1px solid var(--qutiiz-bdr-color,#e3e3e3); border-top: 1px solid var(--qutiiz-bdr-color,#e3e3e3); font-size: 16px; } 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: 8px; vertical-align: middle; border: 1px solid var(--qutiiz-bdr-color,#e3e3e3); border-top: 1px solid var(--qutiiz-bdr-color,#e3e3e3); font-size: 16px; } a { color: var(--qutiiz-black); } a:hover, a:focus, a:active { color: var(--qutiiz-primary); } a:focus { outline: none; } a:hover, a:active { outline: none; } button, input[type=button], input[type=reset], input[type=submit] { border: 1px solid; border-color: var(--qutiiz-bdr-color,#e3e3e3) var(--qutiiz-bdr-color,#e3e3e3) var(--qutiiz-bdr-color,#e3e3e3); background: var(--qutiiz-bdr-color,#e3e3e3); color: rgba(0,0,0,.8); line-height: 1; padding: .6em 1em .4em; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { border-color: var(--qutiiz-bdr-color,#e3e3e3) var(--qutiiz-bdr-color,#e3e3e3) var(--qutiiz-bdr-color,#e3e3e3); } button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus { border-color: var(--qutiiz-bdr-color,#e3e3e3) var(--qutiiz-bdr-color,#e3e3e3) var(--qutiiz-bdr-color,#e3e3e3); } .wp-block-button:not(.wp-block-button.align-left) { margin-bottom: 20px; } .blog-details__content .wp-block-button a:hover { background-color: var(--qutiiz-primary,#6222cc); border-color: var(--qutiiz-primary,#6222cc); color: var(--qutiiz-base,#fff); } .blog-details__content .wp-block-button a { transition: all 500ms ease; } .blog-details__content .wp-block-button.is-style-squared a { border-radius: 0; } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { color: var(--qutiiz-gray,#726d7b); border: 1px solid var(--qutiiz-bdr-color,#e3e3e3); border-radius: 0; padding: 3px; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: var(--qutiiz-gray,#726d7b); } input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } select { border: 1px solid var(--qutiiz-bdr-color,#e3e3e3); } textarea { width: 100%; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%; } .sticky { display: block; } .post, .page { margin: 0 0 0; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area { position: relative; } .comments-area .comment-list { margin: 0; padding: 0; list-style: none; } .comments-area .comment-list ul.children { margin: 0; list-style: none; padding-left: 3em; } @media(max-width: 575px) { .comments-area .comment-list ul.children { padding-left: 1em; } } .comments-area .comment-box { position: relative; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid var(--qutiiz-bdr-color,#e3e3e3); } .comments-area .comment { position: relative; min-height: 90px; } .comments-area .comment-box .author-thumb { position: absolute; left: 0; top: 0; width: 90px; height: 90px; border-radius: 50%; margin-bottom: 20px; overflow: hidden; } .comments-area .comment-box .author-thumb img { width: 90px; height: 90px; display: block; border-radius: 50%; } .comments-area .comment-box .info { position: relative; margin-bottom: 25px; line-height: 24px; } .comments-area .comment-box .info .name { position: relative; display: block; font-size: 24px; line-height: 30px; font-weight: 800; color: var(--qutiiz-black,#04000b); text-transform: uppercase; } .comments-area .comment-box .info .date { position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 600; color: var(--qutiiz-primary,#6222cc); } .comments-area .comment-box .text { position: relative; display: block; color: var(--qutiiz-gray,#726d7b); font-weight: 300; line-height: 1.5em; letter-spacing: .1em; margin-bottom: 30px; } .comments-area .comment-box .reply-btn { position: relative; display: block; } .comments-area .comment-box .theme-btn .btn-title { padding: 6px 30px 4px; line-height: 30px; } .comments-area .comment-body .says { display: none; } .comments-area .comment-body { position: relative; padding-left: 120px; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid var(--qutiiz-bdr-color,#e3e3e3); } @media(max-width: 767px) { .comments-area .comment-body { padding-left: 0; } } .comments-area .pingback .comment-body, .comments-area .trackback .comment-body { padding-left: 0; } .comments-area .comment-body .avatar { position: absolute; top: 0; left: 0; border-radius: 50%; } @media(max-width: 767px) { .comments-area .comment-body .avatar { position: relative; margin-bottom: 30px; } } .comments-area .fn a, .comments-area .fn { position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 500; color: var(--qutiiz-black,#04000b); text-decoration: none; text-transform: uppercase; font-family: var(--qutiiz-font-two,"Barlow Condensed",sans-serif); } .comments-area .comment-body .comment-metadata { margin-bottom: 25px; } .comments-area .comment-body .comment-metadata a { position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-weight: 700; color: var(--qutiiz-primary,#6222cc); text-decoration: none; } .comments-area .comment-body .comment-metadata a:hover { color: var(--qutiiz-black,#04000b); } .comments-area .comment-body .comment-metadata .edit-link a::before { content: "."; margin-left: 8px; margin-right: 10px; } .comments-area .comment-content p { position: relative; display: block; color: var(--qutiiz-gray,#726d7b); font-weight: 300; line-height: 1.5em; margin-bottom: 1.5em; font-size: 16px; line-height: 2em; font-family: var(--qutiiz-font,"Rubik",sans-serif); letter-spacing: 0; font-weight: 400; } .comments-area .comment-content table a { color: var(--qutiiz-primary,#6222cc); text-decoration: none; } .comments-area .comment-content table a { color: var(--qutiiz-black,#04000b); } .comments-area .comment-content table a:hover { color: var(--qutiiz-primary,#6222cc); } .comments-area .comment-content p:last-of-type { margin-bottom: 0; } .comments-area .reply a { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; outline: none!important; background-color: var(--qutiiz-primary); color: var(--qutiiz-white); font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 2px 20px; transition: all .3s linear; overflow: hidden; z-index: 1; font-family: var(--qutiiz-font-two); letter-spacing: .1em; border-radius: var(--qutiiz-bdr-radius); margin-top: 30px; } .comments-area .reply a::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--qutiiz-black); transform: scale(0); -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; border-radius: var(--qutiiz-bdr-radius); opacity: 1; z-index: -1; } .comments-area .reply a:hover:after { opacity: 1; transform: scale(1); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } @media(min-width: 992px) { .comments-area .reply a { margin-top: 0; position: absolute; top: 0; right: 0; } } .comments-area .blog-pagination a, .comments-area .blog-pagination span { margin-bottom: 45px; } .comment-respond .blog-details__content-title { margin-bottom: 50px; } .reply-form .logged-in-as { display: flex; color: var(--qutiiz-primary,#6222cc); margin-left: -10px; margin-top: -40px; margin-bottom: 20px; } .reply-form .logged-in-as a { text-decoration: none; margin-left: 10px; margin-right: 10px; margin-bottom: 2px; } .comment-form__title small { font-size: 20px; } .comment-form__title small a { text-decoration: none; color: var(--qutiiz-primary,#6222cc); text-decoration: underline; } .comment-form__title small a:hover { color: var(--qutiiz-black,#04000b); opacity: .5; } .comment-list .comment-respond { margin-bottom: 30px; } .reply-form .form-submit { margin-bottom: 0; } .comment-list .reply-form .form-submit { margin-bottom: 30px; } .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } .sidebar .widget ul, .sidebar__single ul { margin-left: 0; padding-left: 0; list-style: none; } .sidebar .widget ul ul, .sidebar__single ul ul { padding-left: .5em; margin-top: 10px; } .sidebar .widget select, .sidebar__single select { width: 100%; height: 70px; background-color: var(--qutiiz-white,#fff); border: 1px solid var(--qutiiz-bdr-color,#e3e3e3); outline: none; color: var(--qutiiz-gray,#726d7b); font-size: 16px; font-weight: 400; padding-left: 30px; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-family: var(--qutiiz-font,"Rubik",sans-serif); background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: .65em auto; border-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget, .sidebar__single { position: relative; display: block; padding: 47px 45px 50px; background-color: #f6f4f9; border-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget ul li, .sidebar__single ul li { position: relative; } .sidebar .widget ul li::after, .sidebar__single ul li::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; position: absolute; top: 0; right: 0; } .sidebar .widget.widget_rss, .sidebar__single.widget_rss { padding-bottom: 40px; } .sidebar .widget.widget_rss ul, .sidebar__single.widget_rss ul { list-style: none; } .sidebar .widget.widget_rss ul li, .sidebar__single.widget_rss ul li { position: relative; } .sidebar .widget.widget_rss ul li ::after, .sidebar__single.widget_rss ul li ::after { content: ""; } .sidebar .widget.widget_rss ul li+li, .sidebar__single.widget_rss ul li+li { margin-top: 10px; } .sidebar .widget.widget_rss li .rsswidget, .sidebar__single.widget_rss li .rsswidget { color: var(--qutiiz-black,#04000b); line-height: 1.5em; font-weight: 500; font-size: 20px; text-transform: uppercase; display: block; font-family: var(--qutiiz-font-two,"Barlow Condensed",sans-serif); } .sidebar .widget p, .sidebar__single p, .sidebar__single p, .sidebar__single.widget_rss li .rssSummary { font-size: 16px; line-height: 32px; } .sidebar .widget.widget_rss li .rss-date, .sidebar__single.widget_rss li .rss-date { display: flex; align-items: center; color: var(--qutiiz-gray,#726d7b); font-size: 14px; font-weight: 500; margin-top: 12px; margin-bottom: 10px; line-height: 1; text-transform: capitalize; } .sidebar .widget.widget_rss li .rssSummary, .sidebar__single.widget_rss li .rssSummary { font-size: 16px; line-height: 2em; } .sidebar .widget.widget_rss li .rss-date::before, .sidebar__single.widget_rss li .rss-date::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 14px; color: var(--qutiiz-primary,#6222cc); margin-right: 10px; } .sidebar .widget.widget_rss cite, .sidebar__single.widget_rss cite { color: var(--qutiiz-black,#04000b); font-size: 14px; } .sidebar .widget .tagcloud, .sidebar .widget .wp-block-tag-cloud, .sidebar__single .tagcloud { margin-bottom: -10px; display: flex; flex-wrap: wrap; margin-left: -10px; } .sidebar .widget .tagcloud a, .sidebar .widget .wp-block-tag-cloud a, .sidebar__single .tagcloud a, .sidebar__single .wp-block-tag-cloud a { font-size: 12px!important; color: var(--qutiiz-gray,#726d7b); font-weight: 400; -webkit-transition: all .4s ease; transition: all .4s ease; background: var(--qutiiz-white,#fff); display: inline-block; padding: 4px 20px; margin-left: 10px; margin-bottom: 10px; letter-spacing: .1em; font-size: 12px; color: var(--qutiiz-black,#04000b); font-weight: 600; text-transform: uppercase; transition: all .4s ease; background: var(--qutiiz-base,#fff); letter-spacing: .1em; padding: 5px 20px; border-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget .tagcloud a:hover, .sidebar .widget .wp-block-tag-cloud a:hover, .sidebar__single .tagcloud a:hover, .sidebar__single .wp-block-tag-cloud a:hover { color: var(--qutiiz-white,#fff); background: var(--qutiiz-primary,#6222cc); } .sidebar .widget .wp-block-search input[type=search], .sidebar__single .wp-block-search input[type=search] { background-color: var(--qutiiz-white,#fff); height: 70px; font-weight: 400; padding-left: 25px; padding-right: 15px; padding-top: 0; padding-bottom: 0; border-radius: 0; } .sidebar .widget .wp-block-search .wp-block-search__button, .sidebar__single .wp-block-search .wp-block-search__button { padding: 15px 20px; text-transform: uppercase; color: var(--qutiiz-white,#fff); background-color: var(--qutiiz-black,#04000b); line-height: 1; fill: var(--qutiiz-white,#fff); border-radius: 0; margin-left: 0; transition: all 500ms ease; } .sidebar__single .wp-block-search .wp-block-search__inside-wrapper { padding-bottom: 0; } .sidebar .widget .wp-block-search .wp-block-search__button:hover, .sidebar__single .wp-block-search .wp-block-search__button:hover { background-color: var(--qutiiz-primary,#6222cc); color: var(--qutiiz-white,#fff); fill: var(--qutiiz-white,#fff); } .sidebar .widget:last-child, .sidebar__single.widget:last-child { margin-bottom: 0; } .wp-calendar-table { margin-bottom: 0; } .wp-calendar-table th, .wp-calendar-table td { text-align: center; } .wp-calendar-table caption { padding: 0; text-align: center; color: var(--qutiiz-black,#04000b); padding-top: 5px; padding-bottom: 5px; } .wp-calendar-nav { line-height: 1; display: flex; justify-content: space-between; align-items: center; } .wp-calendar-nav a { color: var(--qutiiz-black,#04000b); transition: all 500ms ease; } .wp-calendar-nav a:hover { color: var(--qutiiz-primary,#6222cc); } .sidebar .widget .calendar_wrap .wp-calendar-table thead th, .sidebar__single .calendar_wrap .wp-calendar-table thead th { text-align: center; color: var(--qutiiz-white,#fff); font-weight: 400; font-size: 18px; border: none; background-color: var(--qutiiz-black,#04000b); } .sidebar .widget .calendar_wrap .wp-calendar-table thead th:first-child, .sidebar__single .calendar_wrap .wp-calendar-table thead th:first-child { border-top-left-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget .calendar_wrap .wp-calendar-table thead th:last-child, .sidebar__single .calendar_wrap .wp-calendar-table thead th:last-child { border-top-right-radius: var(--qutiiz-bdr-radius,8px); } .wp-block-calendar .wp-calendar-table caption { padding-bottom: 0; line-height: 1; text-align: center; font-size: 18px; margin-top: 10px; } .wp-block-calendar .wp-calendar-nav { margin-bottom: 0; display: flex; justify-content: space-between; align-items: center; } .wp-block-calendar .wp-calendar-nav a { text-decoration: none; line-height: 1; color: var(--qutiiz-black,#04000b); text-transform: uppercase; font-weight: 400; transition: all 500ms ease; } tbody { background-color: var(--qutiiz-base,#fff); } .sidebar .widget ul, .sidebar__single ul { list-style: none; } .sidebar .widget .widget-title, .sidebar__single .widget-title { display: flex; align-items: center; } .sidebar .widget .widget-title .rss-widget-icon, .sidebar__single .widget-title .rss-widget-icon { position: relative; top: -2px; margin-right: 5px; } .sidebar .widget .widget-title a, .sidebar__single .widget-title a { color: inherit; transition: all 500ms ease; } .sidebar .widget .widget-title a:hover, .sidebar__single .widget-title a:hover { color: var(--qutiiz-primary,#6222cc); } .sidebar .widget.widget_categories>ul, .sidebar .widget.widget_nav_menu>ul, .sidebar .widget.widget_meta>ul, .sidebar .widget.widget_pages>ul, .sidebar .widget.widget_archive>ul, .sidebar__single.widget_categories>ul, .sidebar__single.widget_nav_menu>ul, .sidebar__single.widget_meta>ul, .sidebar__single.widget_pages>ul, .sidebar__single.widget_archive>ul { margin-top: -8px; padding-left: 0; } .sidebar .widget.widget_categories>ul ul, .sidebar .widget.widget_nav_menu>ul ul, .sidebar .widget.widget_meta>ul ul, .sidebar .widget.widget_pages>ul ul, .sidebar .widget.widget_archive>ul ul, .sidebar__single.widget_categories>ul ul, .sidebar__single.widget_nav_menu>ul ul, .sidebar__single.widget_meta>ul ul, .sidebar__single.widget_pages>ul ul, .sidebar__single.widget_archive>ul ul { margin-top: 10px; padding-left: .7em; } .sidebar .widget.widget_categories li, .sidebar .widget.widget_nav_menu li, .sidebar .widget.widget_meta li, .sidebar .widget.widget_pages li, .sidebar .widget.widget_archive li, .sidebar__single.widget_categories li, .sidebar__single.widget_nav_menu li, .sidebar__single.widget_meta li, .sidebar__single.widget_pages li, .sidebar__single.widget_archive li { font-size: 16px; } .sidebar .widget.widget_categories li+li, .sidebar .widget.widget_nav_menu li+li, .sidebar .widget.widget_meta li+li, .sidebar .widget.widget_pages li+li, .sidebar .widget.widget_archive li+li, .sidebar__single.widget_categories li+li, .sidebar__single.widget_nav_menu li+li, .sidebar__single.widget_meta li+li, .sidebar__single.widget_pages li+li, .sidebar__single.widget_archive li+li { margin-top: 10px; } .sidebar .widget.widget_recent_entries ul, .sidebar .widget.widget_recent_comments ul, .sidebar__single.widget_recent_entries ul, .sidebar__single.widget_recent_comments ul { padding: 0; } .sidebar .widget.widget_recent_entries ul li ::after, .sidebar .widget.widget_recent_comments ul li ::after, .sidebar__single.widget_recent_entries ul li ::after, .sidebar__single.widget_recent_comments ul li ::after { display: none; } .sidebar .widget.widget_recent_entries ul li, .sidebar .widget.widget_recent_comments ul li, .sidebar__single.widget_recent_entries ul li, .sidebar__single.widget_recent_comments ul li { padding-left: 65px; font-size: 16px; margin: 0; line-height: 26px; color: var(--qutiiz-gray,#726d7b); } .sidebar .widget.widget_recent_entries ul li+li, .sidebar .widget.widget_recent_comments ul li+li, .sidebar__single.widget_recent_entries ul li+li, .sidebar__single.widget_recent_comments ul li+li { margin-top: 23px; } .sidebar .widget.widget_recent_entries ul li a, .sidebar .widget.widget_recent_comments ul li a, .sidebar__single.widget_recent_entries ul li a, .sidebar__single.widget_recent_comments ul li a { color: inherit; transition: all 500ms ease; } .sidebar .widget.widget_recent_entries ul li a:hover, .sidebar .widget.widget_recent_comments ul li a:hover, .sidebar__single.widget_recent_entries ul li a:hover, .sidebar__single.widget_recent_comments ul li a:hover { color: var(--qutiiz-black,#04000b); } .sidebar .widget.widget_recent_entries ul li::before, .sidebar .widget.widget_recent_comments ul li::before, .sidebar__single.widget_recent_entries ul li::before, .sidebar__single.widget_recent_comments ul li::before { height: 45px; width: 45px; background-color: var(--qutiiz-base,#fff); border-radius: 50%; font-size: 15px; display: flex; align-items: center; justify-content: center; position: absolute; top: 4px; left: 0; transition: all .4s ease; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--qutiiz-black,#04000b); } .sidebar .widget.widget_recent_entries ul:hover::before, .sidebar .widget.widget_recent_comments ul:hover::before, .sidebar__single.widget_recent_entries ul:hover::before, .sidebar__single.widget_recent_comments ul:hover::before { background-color: var(--qutiiz-primary,#6222cc); color: var(--qutiiz-base,#fff); } .sidebar .widget.widget_recent_entries li, .sidebar__single.widget_recent_entries li { min-height: 45px; display: flex; align-items: center; } .sidebar .widget.widget_recent_entries ul li::before, .sidebar__single.widget_recent_entries ul li::before { content: ""; } .sidebar .widget.widget_rss ul, .sidebar__single.widget_rss ul { padding: 0; margin-top: -10px; } .sidebar .widget.recent-posts-widget-with-thumbnails ul, .sidebar__single.recent-posts-widget-with-thumbnails ul { margin: -20px!important; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li ::after, .sidebar__single.recent-posts-widget-with-thumbnails ul li ::after { display: none; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li, .sidebar__single.recent-posts-widget-with-thumbnails ul li { display: flex; flex-direction: column-reverse; position: relative; padding: 20px; padding-left: 105px; position: relative; margin-bottom: 0; transition: all 500ms ease; border-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget.recent-posts-widget-with-thumbnails ul li:hover, .sidebar__single.recent-posts-widget-with-thumbnails ul li:hover { background-color: #fff; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li img, .sidebar__single.recent-posts-widget-with-thumbnails ul li img { margin: 0; position: absolute; top: 21px; left: 20px; width: 70px; height: auto; mix-blend-mode: luminosity; background-color: var(--qutiiz-black,#04000b); border-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date::before, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date::before { content: ""; font-weight: 400; font-family: "Font Awesome 5 Free"; margin-right: 5px; color: var(--qutiiz-primary,#6222cc); } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title { color: var(--qutiiz-black,#04000b); transition: all 500ms ease; text-transform: uppercase; margin-top: 3px; display: block; font-family: var(--qutiiz-font-two); font-weight: 500; font-size: 20px; line-height: 26px; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title:hover, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title:hover { color: var(--qutiiz-primary,#6222cc); } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: var(--qutiiz-gray,#726d7b); line-height: 1em; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: var(--qutiiz-gray,#726d7b); } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number::before, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number::before { content: ""; font-weight: 400; font-family: "Font Awesome 5 Free"; margin-right: 5px; color: var(--qutiiz-primary,#3c72fc); font-size: 12px; } .news-one .blog-pagination { justify-content: center; margin-top: 30px; } .sidebar .widget .wp-block-categories, .sidebar__single .wp-block-categories { padding-left: 0; } .sidebar__single .wp-block-archives.wp-block-archives-list { margin-bottom: 0; } .sidebar .widget .sidebar__single .wp-block-tag-cloud { margin-bottom: -10px; } .sidebar .widget .sidebar__single .wp-block-latest-comments__comment-meta { font-size: 16px; line-height: 26px; font-weight: 500; color: var(--qutiiz-gray,#726d7b); } .sidebar .widget .sidebar__single .wp-block-categories { margin-top: -8px; margin-bottom: -8px; } .sidebar .widget .sidebar__single .wp-block-categories li+li { margin-top: 5px; } .sidebar .widget .sidebar__single ul li { font-size: 16px; } .sidebar .widget .sidebar__single.recent-posts-widget-with-thumbnails { padding-bottom: 45px; } .sidebar .widget .sidebar__single .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li { margin-bottom: 0; } .sidebar .widget .sidebar__single .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li+li { margin-top: 20px; } .widget_nav_menu ul.menu { margin-top: -10px; margin-bottom: -6px; } .widget_recent_entries>ul { margin-top: -7px; } .sidebar .widget #recentcomments, .sidebar__single #recentcomments { margin-top: -5px; } .sidebar .widget.widget_recent_comments ul li:hover::before, .sidebar__single.widget_recent_comments ul li:hover::before { background-color: var(--qutiiz-primary,#6222cc); color: var(--qutiiz-base,#fff); } .sidebar .widget input[type=email], .sidebar .widget input[type=search], .sidebar .widget input[type=password], .sidebar .widget input[type=text] { width: 100%; display: block; height: 68px; background-color: #fff; border: 1px solid var(--qutiiz-bdr-color,#e3e3e3); padding-left: 30px; padding-right: 30px; color: var(--qutiiz-gray,#726d7b); outline: none; font-size: 16px; } .sidebar .widget .textwidget>p:first-child { margin-top: -10px; } .sidebar .widget .wp-block-tag-cloud { margin-bottom: -10px; margin-left: -10px; } .sidebar .widget .wp-block-tag-cloud a { font-size: 12px!important; color: var(--qutiiz-gray,#726d7b); font-weight: 400; -webkit-transition: all .4s ease; transition: all .4s ease; background: var(--qutiiz-white,#fff); display: inline-block; padding: 4px 20px; margin-left: 10px; margin-bottom: 10px; color: var(--qutiiz-black,#04000b); font-size: 12px; color: var(--qutiiz-black,#04000b); font-weight: 600; text-transform: uppercase; transition: all .4s ease; background: var(--qutiiz-base,#fff); letter-spacing: .1em; padding: 5px 20px; border-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget .wp-block-tag-cloud a:hover { color: var(--qutiiz-base,#fff); background: var(--qutiiz-primary,#6222cc); } .sidebar .widget .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-color: var(--qutiiz-black,#04000b); border-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { border-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget .wp-calendar-table td { padding: 3px 0; font-size: 14px; } .sidebar .widget .wp-block-calendar thead th { background-color: var(--qutiiz-black,#04000b); color: #fff; border: none; font-weight: 400; } .sidebar .widget .wp-block-calendar thead th:first-child { border-top-left-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget .wp-block-calendar thead th:last-child { border-top-right-radius: var(--qutiiz-bdr-radius,8px); } .sidebar .widget .wp-calendar-table td { color: var(--qutiiz-black,#04000b); } .sidebar .widget .wp-block-archives { margin-top: -10px; margin-bottom: -10px; } .sidebar .widget .wp-block-archives li+li { margin-top: 10px; } .sidebar .widget .wp-block-archives li a::after { display: none; } .sidebar .widget .wp-block-categories-dropdown, .sidebar .widget .wp-block-archives-dropdown { margin-bottom: 0; } .sidebar .widget .wp-block-calendar .wp-calendar-table caption { padding-top: 3px; padding-bottom: 15px; color: var(--qutiiz-black,#04000b); font-weight: 400; } .sidebar .widget .wp-block-calendar .wp-calendar-nav a { text-transform: capitalize; font-weight: 400; } .sidebar .widget .wp-block-latest-comments__comment-meta { font-family: var(--qutiiz-font-two,"Barlow Condensed",sans-serif); text-transform: uppercase; color: var(--qutiiz-black,#04000b); font-size: 20px; font-weight: 500; line-height: 1.5em; } .sidebar .widget .wp-block-latest-comments__comment-meta a:hover { color: var(--qutiiz-primary,#6222cc); } .sidebar .widget .wp-block-latest-comments__comment-date { display: flex; align-items: center; font-size: 14px; font-weight: 400; font-family: var(--qutiiz-font,"Rubik",sans-serif); text-transform: capitalize; } .sidebar .widget .wp-block-latest-comments__comment-date::before { content: ""; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 400; color: var(--qutiiz-primary,#6222cc); } .sidebar .widget .has-avatar .wp-block-latest-comments__comment-date { margin-left: 5px; } .sidebar .widget .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .sidebar .widget .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .sidebar .widget .has-excerpts.wp-block-latest-comments { margin-bottom: -10px; } .sidebar .widget .wp-block-latest-posts__list li a::after { display: none; } .sidebar .widget .wp-block-latest-posts__list li ::after { display: none; } .sidebar .widget .wp-block-latest-posts__list.has-dates li { padding-left: 0; display: flex; flex-wrap: wrap; } .sidebar .widget .wp-block-latest-posts__list.has-dates li::before { display: none; } .sidebar .widget .wp-block-latest-posts__list.has-dates li a::after { display: none; } .sidebar .widget .wp-block-latest-posts__list { margin-bottom: -10px; } .sidebar .widget .wp-block-latest-posts__list li>a, .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { flex: 0 0 100%; } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { font-weight: 400; margin-bottom: 0; color: var(--qutiiz-gray,#726d7b); font-size: 16px; line-height: 32px; } .sidebar .widget .wp-block-latest-posts__list li+li { margin-top: 10px; } .sidebar .widget .wp-block-latest-posts__list li>a { font-family: var(--qutiiz-font-two,"Barlow Condensed",sans-serif); color: var(--qutiiz-black,#04000b)!important; text-transform: uppercase; font-weight: 500; font-size: 20px; } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author { margin-right: 5px; } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author::before { color: var(--qutiiz-primary,#6222cc); font-weight: 400; font-family: "Font Awesome 5 Free"; content: ""; margin-right: 5px; } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-date::before { content: ""; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 400; color: var(--qutiiz-primary,#6222cc); } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author, .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-date { font-weight: 400; font-size: 14px; color: var(--qutiiz-gray,#726d7b); } .sidebar .widget .wp-block-archives-list, .sidebar .widget .wp-block-categories-list, .sidebar .widget .wp-block-page-list { margin-top: -10px; margin-bottom: -10px; } .sidebar .widget .wp-block-archives-list li, .sidebar .widget .wp-block-categories-list li, .sidebar .widget .wp-block-page-list li { font-size: 16px; } .sidebar .widget .wp-block-archives-list li+li, .sidebar .widget .wp-block-categories-list li+li, .sidebar .widget .wp-block-page-list li+li { margin-top: 10px; } .sidebar .widget .wp-block-rss__item { margin-bottom: -10px; padding-left: 0; display: flex; flex-wrap: wrap; } .sidebar .widget .wp-block-rss__item::before { display: none; } .sidebar .widget .wp-block-rss__item a::after { display: none; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-title, .sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt { flex: 0 0 100%; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-title, .sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt { flex: 0 0 100%; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt { font-weight: 400; margin-bottom: 0; color: var(--qutiiz-gray,#726d7b); } .sidebar .widget .wp-block-rss__item li+li { margin-top: 15px; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-title { font-family: var(--qutiiz-font-two,"Barlow Condensed",sans-serif); color: var(--qutiiz-black,#04000b); text-transform: uppercase; font-weight: 500; font-size: 20px; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-title::after { display: none; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-author { margin-right: 5px; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-author::before { color: var(--qutiiz-primary,#6222cc); font-weight: 400; font-family: "Font Awesome 5 Free"; content: ""; margin-right: 5px; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-publish-date::before { content: ""; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 400; color: var(--qutiiz-primary,#6222cc); } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-author, .sidebar .widget .wp-block-rss__item .wp-block-rss__item-publish-date { font-weight: 400; font-size: 14px; text-transform: capitalize; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-author { margin-left: 10px; } .sidebar .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .sidebar .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 60px; } .sidebar .widget #loginform { margin-top: -10px; } .sidebar .widget #loginform input[type=text], .sidebar .widget #loginform input[type=password] { margin-bottom: 10px; } .sidebar .widget #loginform p { margin: 0; } .sidebar .widget #loginform input[type=checkbox] { border: 1px solid var(--qutiiz-bdr-color,#e3e3e3); width: 15px; height: 15px; margin-right: 5px; } .sidebar .widget #loginform .login-submit .button { padding: 25px 39px; color: #fff; font-size: 16px; background-color: var(--qutiiz-black,#04000b); text-transform: uppercase; font-family: var(--qutiiz-font-two,"Barlow Condensed",sans-serif); transition: all 500ms ease; position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; outline: none!important; background-color: var(--qutiiz-black,#04000b); border-color: var(--qutiiz-black,#04000b); color: var(--qutiiz-white); font-size: 16px; font-weight: 600; text-transform: uppercase; z-index: 1; font-family: var(--qutiiz-font-two); letter-spacing: .1em; border-radius: var(--qutiiz-bdr-radius); } .sidebar .widget #loginform .login-submit .button:hover { color: #fff; background-color: var(--qutiiz-primary,#6222cc); border-color: var(--qutiiz-black,#04000b); } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta { font-family: var(--qutiiz-font,"Rubik",sans-serif); font-size: 16px; color: var(--qutiiz-gray,#726d7b)!important; text-transform: capitalize; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a { color: inherit; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a:hover { color: var(--qutiiz-primary,#6222cc); } .sidebar .widget.widget_recent_entries li::after, .sidebar .widget.widget_recent_comments li::after, .sidebar .widget.widget_rss li::after { display: none; } .sidebar .widget .wp-block-rss li::after { display: none; } .sidebar .widget .wp-block-rss { margin-top: -10px; } .sidebar .widget .wp-block-loginout { margin-top: -10px; margin-bottom: -7px; } .sidebar .widget .wp-block-latest-posts__list { margin-top: -10px; } .sidebar .widget .wp-block-latest-posts__list li::after { display: none; } .sidebar .widget .has-dates.has-excerpts.wp-block-latest-comments { margin-top: -10px; } .sidebar .widget .wp-block-latest-comments .avatar, .sidebar .widget .wp-block-latest-comments__comment-avatar { position: relative; top: 4px; } .sidebar .widget .has-avatars.has-dates.has-excerpts.wp-block-latest-comments { margin-top: -8px; } .sidebar .widget .wp-block-social-links li::after, .sidebar .widget .wp-block-archives-list li::after { display: none; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) { margin-top: -6px; margin-bottom: -10px; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta { font-family: var(--qutiiz-font,"Rubik",sans-serif); font-size: 15px; line-height: 26px; color: var(--qutiiz-gray,#726d7b)!important; text-transform: capitalize; font-weight: 400!important; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a { color: inherit; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a:hover { color: var(--qutiiz-primary,#6222cc); } .sidebar .widget .rpwwt-widget li::after { display: none; } .sidebar .widget .wp-block-search:not(.wp-block-search__button-inside) .wp-block-search__inside-wrapper { border-radius: var(--qutiiz-bdr-radius,8px); overflow: hidden; border: 1px solid var(--qutiiz-bdr-color,#e3e3e3); } .sidebar .widget .wp-block-search:not(.wp-block-search__button-inside) .wp-block-search__inside-wrapper input[type=search] { border: none; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .custom-logo-link { display: inline-block; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: .8075em 0; } .wp-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2,1fr); } .gallery-columns-3 { grid-template-columns: repeat(3,1fr); } .gallery-columns-4 { grid-template-columns: repeat(4,1fr); } .gallery-columns-5 { grid-template-columns: repeat(5,1fr); } .gallery-columns-6 { grid-template-columns: repeat(6,1fr); } .gallery-columns-7 { grid-template-columns: repeat(7,1fr); } .gallery-columns-8 { grid-template-columns: repeat(8,1fr); } .gallery-columns-9 { grid-template-columns: repeat(9,1fr); } .gallery-caption { display: block; } .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px; word-wrap: normal!important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto!important; clip-path: none; color: var(--qutiiz-primary,#6222cc); display: block; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #primary[tabindex="-1"]:focus { outline: 0; } .alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotateme{from{-o-transform:rotate(0deg);}to{-o-transform:rotate(360deg);}} @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .rotate-me { animation-name: rotateme; animation-duration: 24s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 24s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 24s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 24s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 24s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } @keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } .float-bob { animation-name: float-bob; animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob; -webkit-animation-duration: 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob; -moz-animation-duration: 7s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 7s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 7s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } .zoom-fade { animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes zoom-fade { 0% { -webkit-transform: scale(.9); transform: scale(.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(.9); transform: scale(.9); } } @keyframes zoom-fade { 0% { -webkit-transform: scale(.9); transform: scale(.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(.9); transform: scale(.9); } } .zoominout { animation-name: zoomInOut; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: zoomInOut; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: zoomInOut; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -ms-animation-name: zoomInOut; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out; -o-animation-name: zoomInOut; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-in-out; } @keyframes zoomInOut { 0% { -webkit-transform: rotate(0deg) scale(.7); transform: rotate(0deg) scale(.7); opacity: 0; } 50% { -webkit-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(360deg) scale(.7); transform: rotate(360deg) scale(.7); opacity: 0; } } @-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0 0; } } @keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0 0; } } @-webkit-keyframes bgSlideReverse2 { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0 0; } } @keyframes bgSlideReverse2 { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0 0; } } @-webkit-keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } @keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } .banner-animate { animation-name: banner-animate; animation-duration: 70s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: banner-animate; -webkit-animation-duration: 70s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: banner-animate; -moz-animation-duration: 70s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: banner-animate; -ms-animation-duration: 70s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: banner-animate; -o-animation-duration: 70s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes ripple { 70% { box-shadow: 0 0 0 40px rgba(10,165,205,0); } 100% { box-shadow: 0 0 0 0 rgba(10,165,205,0); } } @keyframes ripple { 70% { box-shadow: 0 0 0 40px rgba(10,165,205,0); } 100% { box-shadow: 0 0 0 0 rgba(10,165,205,0); } } @-webkit-keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes animation2 { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-moz-keyframes animation2 { 0% { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); } } @-o-keyframes animation2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg);}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg);}} @keyframes animation2 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0 0; } } @keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0 0; } } @-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0 0; } } @keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0 0; } } @-webkit-keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @-webkit-keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); } } @keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); } } @-webkit-keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); } } @keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); } } @-webkit-keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } @keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } .footertree { -webkit-animation: footerTree 5s ease-in infinite; animation: footerTree 5s ease-in infinite; } @keyframes service_hexagon_2 { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-moz-keyframes service_hexagon_2 { 0% { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); } } @-o-keyframes service_hexagon_2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg);}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg);}} @keyframes service_hexagon_2 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0 0; } } @keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-moz-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-o-keyframes rotateScale{from{transform:rotate(0deg) scale(1);}to{transform:rotate(360deg);}} .rotatescale { -webkit-animation-name: rotateScale; -webkit-animation-duration: 20s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateScale; -moz-animation-duration: 20s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateScale; -ms-animation-duration: 20s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: rotateScale; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; } @-webkit-keyframes bubbleMover { 0% { transform: translateY(0) translateX(0) rotate(0); } 30% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: center center; } 50% { transform: translateY(50px) translateX(100px) rotate(45deg); transform-origin: right bottom; } 80% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: left top; } 100% { transform: translateY(0) translateX(0) rotate(0); transform-origin: center center; } } @keyframes bubbleMover { 0% { transform: translateY(0) translateX(0) rotate(0); } 30% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: center center; } 50% { transform: translateY(50px) translateX(100px) rotate(45deg); transform-origin: right bottom; } 80% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: left top; } 100% { transform: translateY(0) translateX(0) rotate(0); transform-origin: center center; } } @-webkit-keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0); } 50% { transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); } } @keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0); } 50% { transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); } } @-webkit-keyframes banner3Shake { 0% { transform: rotate3d(0,1,0,0deg); } 30% { transform: rotate3d(0,0,1,5deg); } 60% { transform: rotate3d(1,0,0,0deg); } 80% { transform: rotate3d(0,0,1,5deg); } 100% { transform: rotate3d(0,1,0,0deg); } } @keyframes banner3Shake { 0% { transform: rotate3d(0,1,0,0deg); } 30% { transform: rotate3d(0,0,1,5deg); } 60% { transform: rotate3d(1,0,0,0deg); } 80% { transform: rotate3d(0,0,1,5deg); } 100% { transform: rotate3d(0,1,0,0deg); } } @-webkit-keyframes squareMover { 0%, 100% { transform: translate(0,0) rotate(0); } 20%, 60% { transform: translate(20px,40px) rotate(180deg); } 30%, 80% { transform: translate(40px,60px) rotate(0deg); } } @keyframes squareMover { 0%, 100% { transform: translate(0,0) rotate(0); } 20%, 60% { transform: translate(20px,40px) rotate(180deg); } 30%, 80% { transform: translate(40px,60px) rotate(0deg); } } @-webkit-keyframes treeMove { 0%, 100% { transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(5deg) translateX(15px); } 50% { transform: rotate(10deg) translateX(30px); } } @keyframes treeMove { 0%, 100% { transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(5deg) translateX(15px); } 50% { transform: rotate(10deg) translateX(30px); } } .zoom-fade { animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes zoom-fade { 0% { transform: scale(.9); } 50% { transform: scale(1); } 100% { transform: scale(.9); } } @keyframes zoom-fade { 0% { transform: scale(.9); } 50% { transform: scale(1); } 100% { transform: scale(.9); } } @keyframes btnIconMove { 0% { transform: rotate(0deg) translate(0,0); } 50% { transform: rotate(20deg) translate(10px,0); } 100% { transform: rotate(0deg) translate(0,0); } } @keyframes ImgBounce { 0% { transform: translateY(0); } 25% { transform: translateY(5px); } 50% { transform: translateY(10px); } 75% { transform: translateY(5px); } 100% { transform: translateY(0); } } @keyframes squares { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @-moz-keyframes squares { 0% { -moz-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -moz-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -moz-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0;}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1;}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0;}} @keyframes squares { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); -moz-transform: scale(1.24); -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); -moz-transform: scale(2.1); -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } .row { --bs-gutter-x: 30px; } .gutter-y-30 { --bs-gutter-y: 30px; } body { font-family: var(--qutiiz-font); color: var(--qutiiz-gray); font-size: 18px; line-height: 34px; font-weight: 400; } body.locked { overflow: hidden; } a { color: var(--qutiiz-gray); } a, a:hover, a:focus, a:visited { text-decoration: none; } ::placeholder { color: inherit; opacity: 1; } h1, h2, h3, h4, h5, h6 { color: var(--qutiiz-black); margin: 0; font-family: var(--qutiiz-font-two); } dl, ol, ul { margin-top: 0; margin-bottom: 0; } .ml-0 { margin-left: 0; } .insur-icon-svg svg { width: 1em; height: 1em; fill: currentColor; color: currentColor; border-color: currentColor; z-index: 99; } .carousel--have-shadow .owl-stage-outer { overflow: visible; } .carousel--have-shadow .owl-item { opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .carousel--have-shadow .owl-item.active { opacity: 1; visibility: visible; } .carousel-dot-style-1 .owl-dots { display: flex; justify-content: center; align-items: center; } .carousel-dot-style-1 .owl-dots .owl-dot+.owl-dot { margin-left: 10px; } .carousel-dot-style-1 .owl-dots .owl-dot span { margin: 0; background-color: var(--qutiiz-black,#04000b); opacity: .3; width: 10px; height: 10px; display: block; border-radius: 50%; } .carousel-dot-style-1 .owl-dots .owl-dot:hover span, .carousel-dot-style-1 .owl-dots .owl-dot.active span { opacity: 1; background-color: var(--qutiiz-primary,#6222cc); } ::placeholder { color: inherit; opacity: 1; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; } .container { padding-left: 15px; padding-right: 15px; } @media(min-width: 1200px) { .container { max-width: 1200px; } } .list-unstyled { padding-left: 0; } ::placeholder { color: inherit; opacity: 1; } .section-separator { border-color: var(--thm-border); border-width: 1px; margin-top: 0; margin-bottom: 0; } #particles-js { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-position: 50% 50%; opacity: .4; z-index: -1; } .thm-btn { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; outline: none!important; background-color: var(--qutiiz-primary); color: var(--qutiiz-white); font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 17px 60px 17px; transition: all .3s linear; overflow: hidden; z-index: 1; line-height: 34px; font-family: var(--qutiiz-font-two); letter-spacing: .1em; border-radius: var(--qutiiz-bdr-radius); } .comment-form__btn.thm-btn { line-height: 34px; } .thm-btn:hover { color: var(--qutiiz-white); } .thm-btn:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--qutiiz-black); transform: scale(0); -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; border-radius: var(--qutiiz-bdr-radius); opacity: 1; z-index: -1; } .thm-btn:hover:after { opacity: 1; transform: scale(1); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } .section-title { margin-top: -12px; margin-bottom: 50px; } .section-title__tagline { position: relative; display: inline-block; color: var(--qutiiz-gray); font-size: 14px; line-height: 24px; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 3px; font-family: var(--qutiiz-font-two); } .section-title__tagline:before { position: absolute; bottom: 3px; left: 0; right: 0; content: ""; height: 1px; background-color: var(--qutiiz-primary); } .section-title__title { margin: 0; font-size: 50px; line-height: 60px; text-transform: uppercase; font-weight: 500; } .bootstrap-select .btn-light:not(:disabled):not(.disabled).active, .bootstrap-select .btn-light:not(:disabled):not(.disabled):active, .bootstrap-select .show>.btn-light.dropdown-toggle { box-shadow: none!important; outline: none!important; } .bootstrap-select>.dropdown-toggle { box-shadow: none!important; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline: none!important; } .bootstrap-select .dropdown-menu { border: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; z-index: 991; border-radius: 0; } .bootstrap-select .dropdown-menu>li+li>a { border-top: 1px solid rgba(255,255,255,.2); } .bootstrap-select .dropdown-menu>li.selected>a { background: var(--qutiiz-primary); color: #fff; } .bootstrap-select .dropdown-menu>li>a { font-size: 16px; font-weight: 500; padding: 4px 20px; color: #fff; background: var(--qutiiz-black); -webkit-transition: all .4s ease; transition: all .4s ease; } .bootstrap-select .dropdown-menu>li>a:hover { background: var(--qutiiz-primary); color: #fff; cursor: pointer; } .preloader { position: fixed; background-color: var(--qutiiz-black,#04000b); background-position: center center; background-repeat: no-repeat; top: 0; left: 0; right: 0; bottom: 0; z-index: 9991; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; } .preloader__image { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-repeat: no-repeat; background-position: center center; background-size: 60px auto; width: 100%; height: 100%; } .scroll-to-top { display: inline-block; width: 45px; height: 45px; background: var(--qutiiz-black,#04000b); position: fixed; bottom: 40px; right: 40px; z-index: 99; text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; display: none; border-radius: 50%; transition: all .4s ease; cursor: pointer; overflow: hidden; } .scroll-to-top .bar-inner { position: absolute; bottom: 0; left: 0; width: 100%; background-color: var(--qutiiz-primary,#6222cc); } .scroll-to-top i { color: #fff; font-size: 18px; line-height: 45px; position: relative; transform: translateY(0); transition: transform 500ms linear; } .scroll-to-top:hover i { color: #fff; transform: translateY(-2px); } .main-header { background: transparent; position: absolute; left: 0; top: 0; width: 100%; z-index: 999; transition: all 500ms ease; } .main-header:before { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; content: ""; background-color: rgba(var(--qutiiz-white-rgb),.05); z-index: -1; } .main-menu { position: relative; padding: 0 55px; z-index: 91; } .main-menu-wrapper { position: relative; display: block; } .main-menu-wrapper__left { display: block; float: left; } .main-menu--default .main-menu-wrapper__left { float: none; } .main-menu-wrapper__logo { position: relative; float: left; padding: 37px 0; margin-right: 205px; } .main-menu--default .main-menu-wrapper__logo { margin-right: 0; } .mobile-nav__wrapper .logo-box h1, .main-menu-wrapper__logo h1 { color: #fff; text-transform: uppercase; line-height: 1; font-weight: 400; font-size: 30px; padding: 0 0; } .mobile-nav__wrapper .logo-box h1 { padding: 0; } .main-menu-wrapper__main-menu { display: block; float: left; } .main-menu--default .main-menu-wrapper__main-menu { float: right; } .main-menu-wrapper__right { position: relative; display: flex; float: right; padding: 34.5px 0; align-items: center; } .main-menu-wrapper__call { position: relative; display: flex; align-items: center; } .main-menu-wrapper__call-icon { position: relative; display: flex; } .main-menu-wrapper__call-icon span { font-size: 30px; color: var(--qutiiz-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-wrapper__call-icon:hover span { color: #a09baa; } .main-menu-wrapper__call-number { margin-left: 20px; } .main-menu-wrapper__call-number h5 { font-size: 16px; line-height: 25px; letter-spacing: .1em; } .main-menu-wrapper__call-number h5 a { color: var(--qutiiz-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-wrapper__call-number a:hover { color: #a09baa; } .main-menu-wrapper__call-number p { font-size: 12px; margin: 0; line-height: 14px; color: var(--qutiiz-white); text-transform: uppercase; font-family: var(--qutiiz-font-two); letter-spacing: .1em; } .main-menu-wrapper__search-box { position: relative; display: flex; align-items: center; padding: 7.5px 0; margin-right: 80px; } .main-menu-wrapper__search-box:before { position: absolute; top: -5px; bottom: -3px; right: -30px; content: ""; background-color: rgba(var(--qutiiz-white-rgb),.2); width: 1px; } .main-menu__cart, .main-menu-wrapper__search { font-size: 24px; color: var(--qutiiz-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu__cart { margin-left: 15px; } .main-menu-wrapper__search:hover { color: #a09baa; } .stricky-header.main-menu { padding: 0 55px; background-color: var(--qutiiz-black); } .main-menu .main-menu__list, .main-menu .main-menu__list ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list ul { margin: 0; padding: 0; list-style-type: none; align-items: center; display: none; } @media(min-width: 1200px) { .main-menu .main-menu__list, .main-menu .main-menu__list ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list ul { display: flex; } } .main-menu .main-menu__list>li, .stricky-header .main-menu__list>li { padding-top: 37px; padding-bottom: 37px; position: relative; } .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 63px; } .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a { font-size: 16px; display: flex; align-items: center; color: var(--qutiiz-white); position: relative; transition: all 500ms ease; font-family: var(--qutiiz-font-two); text-transform: uppercase; letter-spacing: .1em; font-weight: 500; } .main-menu .main-menu__list>li>a::before, .stricky-header .main-menu__list>li>a::before { content: ""; height: 1px; border-radius: 0; background-color: var(--qutiiz-white); position: absolute; bottom: 7px; left: 0; right: 0; transition: transform 500ms ease; transform: scale(0,1); transform-origin: left center; z-index: 1; } .main-menu .main-menu__list>li.current>a, .main-menu .main-menu__list>li.current-menu-ancestor>a, .main-menu .main-menu__list>li.current_page_item>a, .main-menu .main-menu__list>li.current-menu-item>a, .main-menu .main-menu__list>li.current-menu-parent>a, .main-menu .main-menu__list>li:hover>a, .stricky-header .main-menu__list>li.current>a, .stricky-header .main-menu__list>li.current-menu-ancestor>a, .stricky-header .main-menu__list>li.current_page_item>a, .stricky-header .main-menu__list>li.current-menu-item>a, .stricky-header .main-menu__list>li.current-menu-parent>a, .stricky-header .main-menu__list>li:hover>a { color: var(--qutiiz-white); } .main-menu .main-menu__list>li.current>a::before, .main-menu .main-menu__list>li.current-menu-ancestor>a::before, .main-menu .main-menu__list>li.current_page_item>a::before, .main-menu .main-menu__list>li.current-menu-item>a::before, .main-menu .main-menu__list>li.current-menu-parent>a::before, .main-menu .main-menu__list>li:hover>a::before, .stricky-header .main-menu__list>li.current>a::before, .stricky-header .main-menu__list>li.current-menu-ancestor>a::before, .stricky-header .main-menu__list>li.current_page_item>a::before, .stricky-header .main-menu__list>li.current-menu-item>a::before, .stricky-header .main-menu__list>li.current-menu-parent>a::before, .stricky-header .main-menu__list>li:hover>a::before { transform: scale(1,1); transform-origin: right center; } .main-menu .main-menu__list>li.current>a::before, .main-menu .main-menu__list>li.current-menu-ancestor>a::before, .main-menu .main-menu__list>li.current_page_item>a::before, .main-menu .main-menu__list>li.current-menu-item>a::before, .main-menu .main-menu__list>li.current-menu-parent>a::before { background-color: var(--qutiiz-white); } .main-menu .main-menu__list>li:hover>a::before { background-color: var(--qutiiz-white); } .main-menu .main-menu__list li ul, .stricky-header .main-menu__list li ul { position: absolute; top: 100%; left: 0; min-width: 220px; background-color: #fff; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-bottom-left-radius: var(--qutiiz-bdr-radius); border-bottom-right-radius: var(--qutiiz-bdr-radius); opacity: 0; visibility: hidden; transition: 500ms ease; z-index: 99; box-shadow: 0 0 65px 0 rgba(0,0,0,.1); } .main-menu .main-menu__list li:hover>ul, .stricky-header .main-menu__list li:hover>ul { opacity: 1; visibility: visible; } .main-menu .main-menu__list li ul li, .stricky-header .main-menu__list li ul li { flex: 1 1 100%; width: 100%; position: relative; } .main-menu .main-menu__list li ul li+li, .stricky-header .main-menu__list li ul li+li { border-top: 1px solid RGBA(var(--qutiiz-black),.1); } .main-menu .main-menu__list li ul li a, .stricky-header .main-menu__list li ul li a { font-size: 16px; line-height: 30px; color: var(--qutiiz-black); font-family: var(--qutiiz-font-two); text-transform: uppercase; letter-spacing: .1em; font-weight: 500; display: flex; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; transition: 500ms; } .main-menu .main-menu__list li ul>li:last-child>a, .stricky-header .main-menu__list li ul>li:last-child>a { border-bottom-left-radius: var(--qutiiz-bdr-radius); border-bottom-right-radius: var(--qutiiz-bdr-radius); } .main-menu .main-menu__list li ul li:hover>a, .stricky-header .main-menu__list li ul li:hover>a { background-color: var(--qutiiz-primary); color: var(--qutiiz-white); } .main-menu .main-menu__list li ul li>ul, .stricky-header .main-menu__list li ul li>ul { top: 0; left: 100%; } .main-menu .main-menu__list li ul li>ul.right-align, .stricky-header .main-menu__list li ul li>ul.right-align { top: 0; left: auto; right: 100%; } .main-menu .main-menu__list li ul li>ul ul, .stricky-header .main-menu__list li ul li>ul ul { display: none; } .stricky-header { position: fixed; z-index: 991; top: 0; left: 0; background-color: #fff; width: 100%; visibility: hidden; transform: translateY(-120%); transition: transform 500ms ease,visibility 500ms ease; box-shadow: 0 10px 60px 0 rgba(0,0,0,.05); } @media(max-width: 1199px) { .stricky-header { display: none!important; } } .stricky-header.stricky-fixed { transform: translateY(0); visibility: visible; } .stricky-header .main-menu__inner { box-shadow: none; padding-right: 0; max-width: 1170px; width: 100%; margin: 0 auto; } .mobile-nav__buttons { display: flex; margin-left: auto; margin-right: 10px; } @media(min-width: 1200px) { .mobile-nav__buttons { display: none; } } .mobile-nav__buttons a { font-size: 20px; color: var(--qutiiz-black); cursor: pointer; } .mobile-nav__buttons a+a { margin-left: 10px; } .mobile-nav__buttons a:hover { color: var(--qutiiz-primary); } .main-menu .mobile-nav__toggler { font-size: 20px; color: var(--qutiiz-white); cursor: pointer; transition: 500ms; } .main-menu .mobile-nav__toggler:hover { color: #a09baa; } @media(min-width: 1200px) { .main-menu .mobile-nav__toggler { display: none; } } .mobile-nav__close { position: absolute; top: 20px; right: 15px; font-size: 18px; color: var(--qutiiz-base,#fff); cursor: pointer; width: 20px; height: 20px; } .mobile-nav__close::after, .mobile-nav__close::before { content: ""; width: 1px; height: 100%; position: absolute; top: 0%; left: 50%; transform: rotate(45deg); background-color: var(--qutiiz-base,#fff); } .mobile-nav__close::after { transform: rotate(-45deg); } .main-header-two:before { display: none; } @keyframes bubbleMover { 0% { -webkit-transform: translateY(0) translateX(0) rotate(0); transform: translateY(0) translateX(0) rotate(0); } 30% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: center center; transform-origin: center center; } 50% { -webkit-transform: translateY(50px) translateX(100px) rotate(45deg); transform: translateY(50px) translateX(100px) rotate(45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 80% { -webkit-transform: translateY(30px) translateX(50px) rotate(15deg); transform: translateY(30px) translateX(50px) rotate(15deg); -webkit-transform-origin: left top; transform-origin: left top; } 100% { -webkit-transform: translateY(0) translateX(0) rotate(0); transform: translateY(0) translateX(0) rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0); } 50% { transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); } } @keyframes banner3Shake { 0% { -webkit-transform: rotate3d(0,1,0,0deg); transform: rotate3d(0,1,0,0deg); } 30% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 60% { -webkit-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); } 80% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 100% { -webkit-transform: rotate3d(0,1,0,0deg); transform: rotate3d(0,1,0,0deg); } } @keyframes squareMover { 0%, 100% { -webkit-transform: translate(0,0) rotate(0); transform: translate(0,0) rotate(0); } 20%, 60% { -webkit-transform: translate(20px,40px) rotate(180deg); transform: translate(20px,40px) rotate(180deg); } 30%, 80% { -webkit-transform: translate(40px,60px) rotate(0deg); transform: translate(40px,60px) rotate(0deg); } } @keyframes treeMove { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } .zoom-fade { animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes zoom-fade { 0% { -webkit-transform: scale(.9); transform: scale(.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(.9); transform: scale(.9); } } @keyframes zoom-fade { 0% { -webkit-transform: scale(.9); transform: scale(.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(.9); transform: scale(.9); } } @-moz-keyframes service_hexagon_2 { 0% { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); } } @-o-keyframes service_hexagon_2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg);}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg);}} @keyframes service_hexagon_2 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } } .mobile-nav__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999; transform: translateX(-100%); -webkit-transform-origin: left center; transform-origin: left center; transition: transform 500ms ease 500ms,visibility 500ms ease 500ms; visibility: hidden; } .mobile-nav__wrapper .container { padding-left: 0; padding-right: 0; } .mobile-nav__wrapper.expanded { opacity: 1; transform: translateX(0%); visibility: visible; transition: transform 500ms ease 0ms,visibility 500ms ease 0ms; } .mobile-nav__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .5; cursor: pointer; } .mobile-nav__content { width: 300px; background-color: var(--qutiiz-black); z-index: 10; position: relative; height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: opacity 500ms ease 0ms,visibility 500ms ease 0ms,transform 500ms ease 0ms; } .mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; transform: translateX(0); transition: opacity 500ms ease 500ms,visibility 500ms ease 500ms,transform 500ms ease 500ms; } .mobile-nav__content .thm-btn { padding: 8px 0; width: 100%; text-align: center; } .mobile-nav__content .logo-box { margin-bottom: 40px; display: flex; } .mobile-nav__close { position: absolute; top: 20px; right: 15px; font-size: 18px; color: var(--thm-text-dark); cursor: pointer; } .mobile-nav__content .main-menu__list, .mobile-nav__content .main-menu__list ul { margin: 0; padding: 0; list-style-type: none; } .mobile-nav__content .main-menu__list ul { display: none; border-top: 1px solid rgba(255,255,255,.1); } .mobile-nav__content .main-menu__list li:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,.1); } .mobile-nav__content .main-menu__list li { padding-top: 5px; padding-bottom: 5px; } .mobile-nav__content .main-menu__list li ul { margin-left: .5em; margin-top: 5px; } .mobile-nav__content .main-menu__list li a { line-height: 30px; color: #fff; font-size: 14px; font-family: var(--qutiiz-font); font-weight: 500; align-items: center; transition: 500ms; text-transform: uppercase; font-size: 16px; letter-spacing: .1em; font-family: var(--qutiiz-font-two,"Barlow Condensed",sans-serif); overflow: auto; position: relative; } .mobile-nav__content .main-menu__list li a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; transform: scale(0,1); transform-origin: right center; transition: transform 500ms ease; } .mobile-nav__content .main-menu__list li a::after { content: ""; clear: both; display: table; } .mobile-nav__content .main-menu__list li a.expanded::before { transform: scale(1,1); transform-origin: left center; } .mobile-nav__content .main-menu__list li a button { width: 30px; height: 30px; background-color: var(--qutiiz-primary); border: none; outline: none; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(-90deg); transform-origin: center center; transition: transform 500ms ease; padding: 0; float: right; margin-top: 2px; } .mobile-nav__content .main-menu__list li a button.expanded { transform: rotate(0deg); background-color: #fff; color: var(--qutiiz-black); } .mobile-nav__content .main-menu__list li.cart-btn span { position: relative; top: auto; right: auto; transform: translate(0,0); } .mobile-nav__content .main-menu__list li.cart-btn i { font-size: 16px; } .mobile-nav__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .mobile-nav__top .main-menu__login a { color: var(--thm-text-dark); } .mobile-nav__container { border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); } .mobile-nav__social { display: flex; align-items: center; } .mobile-nav__social a { font-size: 16px; color: var(--qutiiz-white); transition: 500ms; } .mobile-nav__social a+a { margin-left: 30px; } .mobile-nav__social a:hover { color: #a09baa; } .mobile-nav__contact { margin-bottom: 0; margin-top: 20px; margin-bottom: 20px; } .mobile-nav__contact li { color: var(--thm-text-dark); font-size: 14px; font-weight: 500; position: relative; display: flex; align-items: center; } .mobile-nav__contact li+li { margin-top: 15px; } .mobile-nav__contact li a { color: #fff; transition: 500ms; } .mobile-nav__contact li a:hover { color: #a09baa; } .mobile-nav__contact li>i { width: 30px; height: 30px; border-radius: 50%; background-color: var(--qutiiz-primary); display: flex; justify-content: center; align-items: center; text-align: center; font-size: 11px; margin-right: 10px; color: #fff; } .mobile-nav__container .main-logo, .mobile-nav__container .topbar__buttons, .mobile-nav__container .main-menu__language, .mobile-nav__container .main-menu__login { display: none; } .search-popup { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; padding-left: 20px; padding-right: 20px; display: flex; justify-content: center; align-items: center; transform: translateY(-110%); transition: transform 500ms ease,opacity 500ms ease; } .search-popup.active { transform: translateY(0%); } .search-popup__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--qutiiz-black); opacity: .75; cursor: pointer; } .search-popup__content { width: 100%; max-width: 560px; } .search-popup__content form { display: flex; flex-wrap: wrap; position: relative; background-color: #fff; border-radius: var(--qutiiz-bdr-radius,8px); overflow: hidden; } .search-popup__content form input[type=search], .search-popup__content form input[type=text] { width: 100%; background-color: #fff; font-size: 16px; border: none; outline: none; height: 68px; padding-left: 30px; } .search-popup__content .thm-btn { padding: 0; width: 68px; height: 68px; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0; right: -1px; border-radius: 0; background-color: var(--qutiiz-primary); border: 0; } .search-popup__content .thm-btn:hover { background-color: var(--qutiiz-black); } .search-popup__content .thm-btn i { margin: 0; } .main-slider { position: relative; display: block; overflow: hidden; background-color: var(--qutiiz-black,#04000b); } .main-slider-border { position: absolute; top: 108px; left: 0; bottom: 0; width: 14.29%; border-right: 1px solid rgba(255,255,255,.05); z-index: 10; } .main-slider-border-two { left: 14.29%; } .main-slider-border-three { left: 28.59%; } .main-slider-border-four { left: 42.88%; } .main-slider-border-five { left: 57.17%; } .main-slider-border-six { left: 71.46%; } .main-slider-shape-1 { position: absolute; top: -182px; right: 125px; width: 495px; height: 350px; background-color: var(--qutiiz-primary); mix-blend-mode: screen; opacity: 0; transform: rotate(45deg) translateY(-200px); border-radius: 30px; z-index: 2; } .owl-item.active .main-slider-shape-1, .swiper-slide-active .main-slider-shape-1 { opacity: 1; transform: rotate(45deg) translateY(0); transition: all 1000ms ease; transition-delay: 1500ms; } .main-slider-shape-2 { position: absolute; top: -70px; right: -242px; width: 495px; height: 350px; background-color: var(--qutiiz-black); mix-blend-mode: soft-light; transform: rotate(45deg) translateY(-200px); border-radius: 30px; opacity: 0; z-index: 1; } .owl-item.active .main-slider-shape-2, .swiper-slide-active .main-slider-shape-2 { opacity: 1; transform: rotate(45deg) translateY(0); transition: all 1000ms ease; } .main-slider-shape-3 { position: absolute; top: 221px; right: -429px; width: 495px; height: 350px; background-color: var(--qutiiz-white); mix-blend-mode: soft-light; transform: rotate(45deg) translateY(-200px); border-radius: 30px; opacity: 0; z-index: 1; } .owl-item.active .main-slider-shape-3, .swiper-slide-active .main-slider-shape-3 { opacity: 1; transform: rotate(45deg) translateY(0); transition: all 1000ms ease; transition-delay: 2000ms; } .main-slider .owl-item, .main-slider .swiper-slide { position: relative; background-color: var(--qutiiz-black); } .main-slider .image-layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; transform: scale(1); opacity: .4; background-color: var(--qutiiz-black); background-blend-mode: luminosity; z-index: 1; } .main-slider .owl-item.active .image-layer, .main-slider .swiper-slide-active .image-layer { transform: scale(1.15); transition: transform 7000ms linear; } .main-slider .container { position: relative; padding-top: 293px; padding-bottom: 195px; z-index: 30; } .main-slider__content { position: relative; display: block; text-align: center; z-index: 30; } .main-slider p { font-size: 20px; color: var(--qutiiz-white); font-family: var(--qutiiz-font-two); text-transform: uppercase; letter-spacing: .1em; font-weight: 600; margin: 0; opacity: 0; transform: translateY(-100px); transition-delay: 2500ms; transition: transform 2000ms ease,opacity 2000ms ease,color 500ms ease,background 500ms ease; } .main-slider h2 { margin: 0; margin-bottom: 52px; margin-top: 30px; color: #fff; opacity: 0; visibility: hidden; transform: translateY(120px); transition-delay: 1000ms; transition: transform 2000ms ease,opacity 2000ms ease; font-size: 130px; line-height: 100px; text-transform: uppercase; font-weight: 400; z-index: 30; } .main-slider .thm-btn { opacity: 0; transform: translateY(-100px); transition-delay: 2500ms; transition: transform 2000ms ease,opacity 2000ms ease,color 500ms ease,background 500ms ease; } .main-slider .thm-btn::after { background-color: #fff; } .main-slider .thm-btn:hover { color: var(--qutiiz-black); } .main-slider .owl-item.active .thm-btn, .main-slider .swiper-slide-active .thm-btn, .main-slider .owl-item.active h2, .main-slider .swiper-slide-active h2, .main-slider .owl-item.active p, .main-slider .swiper-slide-active p { visibility: visible; opacity: 1; transform: translateY(0) translateX(0); } .main-slider__nav { position: absolute; bottom: 0; right: 0; z-index: 100; display: flex; align-items: center; } .main-slider__nav .main-slider-button-next, .main-slider__nav .swiper-button-next, .main-slider__nav .main-slider-button-prev, .main-slider__nav .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 160px; height: 80px; font-size: 12px; color: var(--qutiiz-black); background-color: var(--qutiiz-white); opacity: 1; margin: 0; text-align: center; transition: all 500ms ease; font-family: var(--qutiiz-font-two); font-weight: 600; letter-spacing: .2em; text-transform: uppercase; display: flex; justify-content: center; align-items: center; cursor: pointer; } .main-slider__nav .main-slider-button-prev, .main-slider__nav .swiper-button-prev { border-top-left-radius: 8px; } .main-slider__nav .main-slider-button-next:hover, .main-slider__nav .swiper-button-next:hover, .main-slider__nav .main-slider-button-prev:hover, .main-slider__nav .swiper-button-prev:hover { color: var(--qutiiz-white); background-color: var(--qutiiz-black); } .main-slider__nav .main-slider-button-next i, .main-slider__nav .swiper-button-next i, .main-slider__nav .main-slider-button-prev i, .main-slider__nav .swiper-button-prev i { font-size: 20px; } .main-slider__nav .main-slider-button-next i, .main-slider__nav .swiper-button-next i { margin-left: 10px; } .main-slider__nav .main-slider-button-prev i, .main-slider__nav .swiper-button-prev i { margin-right: 10px; } .main-slider__nav .main-slider-button-next::after, .main-slider__nav .swiper-button-next::after, .main-slider__nav .main-slider-button-prev::after, .main-slider__nav .swiper-button-prev::after { display: none; } .main-slider__nav .main-slider-button-prev, .main-slider__nav .swiper-button-prev { margin-bottom: 0; } .main-slider__nav .main-slider-button-prev .icon-left-arrow, .main-slider__nav .swiper-button-prev .icon-left-arrow { position: relative; transform: rotate(180deg); } .main-slider .owl-carousel .owl-dots, .main-slider-two .owl-carousel .owl-dots, #main-slider-pagination { position: absolute; z-index: 10; bottom: 59px; left: 50%; width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; -webkit-transform: translate(-50%,calc(-50% + 95px)); transform: translate(-50%,calc(0% + 0px)); text-align: center; } .main-slider .owl-carousel .owl-dots .owl-dot, .main-slider-two .owl-carousel .owl-dots .owl-dot, #main-slider-pagination .swiper-pagination-bullet { margin: 0; } .main-slider .owl-carousel .owl-dots .owl-dot, .main-slider-two .owl-carousel .owl-dots .owl-dot, #main-slider-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; border: 2px solid transparent; background-color: rgba(var(--qutiiz-white-rgb),.8); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-slider .owl-carousel .owl-dots .owl-dot+.owl-dot, .main-slider-two .owl-carousel .owl-dots .owl-dot+.owl-dot, #main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet { margin-left: 5px; } .main-slider .owl-carousel .owl-dots .owl-dot.active, .main-slider-two .owl-carousel .owl-dots .owl-dot.active, #main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 2px solid var(--qutiiz-white); background-color: rgba(var(--qutiiz-white-rgb),0); } .main-slider-two { background-color: var(--qutiiz-primary); position: relative; display: block; } .main-slider-two .owl-item, .main-slider-two .swiper-slide { position: relative; background-color: var(--qutiiz-primary); } .main-slider-two .image-layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: .03; z-index: -1; } .main-slider-two-img-1 { position: absolute; top: 0; right: 0; opacity: 0; transform: translateX(100%); } .main-slider-two .owl-item.active .main-slider-two-img-1, .main-slider-two .swiper-slide-active .main-slider-two-img-1 { opacity: 1; transform: translate(0); transition-delay: 2500ms; transition: transform 2000ms ease,opacity 2000ms ease,color 500ms ease,background 500ms ease; } .main-slider-two-shape-1 { position: absolute; top: -179px; right: 118px; height: 350px; width: 495px; background-color: var(--qutiiz-black); mix-blend-mode: soft-light; transform: rotate(45deg) translateY(-200px); border-radius: 30px; opacity: 0; } .owl-item.active .main-slider-two-shape-1, .swiper-slide-active .main-slider-two-shape-1 { opacity: 1; transform: rotate(45deg) translateY(0); transition: all 1000ms ease; transition-delay: 1000ms; } .main-slider-two-shape-2 { position: absolute; top: -70px; right: -250px; width: 495px; height: 350px; background-color: var(--qutiiz-primary); mix-blend-mode: screen; transform: rotate(45deg) translateY(-200px); opacity: 0; border-radius: 30px; z-index: 1; } .owl-item.active .main-slider-two-shape-2, .swiper-slide-active .main-slider-two-shape-2 { opacity: 1; transform: rotate(45deg) translateY(0); transition: all 1000ms ease; } .main-slider-two-shape-3 { position: absolute; top: 203px; right: -427px; width: 495px; opacity: 0; height: 350px; background-color: var(--qutiiz-white); mix-blend-mode: soft-light; transform: rotate(45deg) translateY(-200px); border-radius: 30px; z-index: 1; } .owl-item.active .main-slider-two-shape-3, .swiper-slide-active .main-slider-two-shape-3 { opacity: 1; transform: rotate(45deg) translateY(0); transition: all 1000ms ease; transition-delay: 1500ms; } .main-slider-two .container { position: relative; padding-top: 290px; padding-bottom: 235px; z-index: 30; } .main-slider-two__content { position: relative; display: block; } .main-slider-two__content p { font-size: 20px; font-weight: 500; color: var(--qutiiz-white); text-transform: uppercase; font-family: var(--qutiiz-font-two); letter-spacing: .1em; display: inline-block; position: relative; margin: 0; opacity: 0; visibility: hidden; transform: translateY(120px); transition-delay: 1000ms; transition: transform 2000ms ease,opacity 2000ms ease; } .main-slider-two__content p:before { position: absolute; bottom: 4px; left: 0; right: 0; content: ""; height: 1px; background-color: var(--qutiiz-white); } .main-slider-two__content h2 { font-size: 100px; line-height: 90px; text-transform: uppercase; opacity: 0; visibility: hidden; transform: translateY(-120px); transition-delay: 1000ms; transition: transform 2000ms ease,opacity 2000ms ease; margin-bottom: 55px; margin-top: 19px; font-weight: 500; color: var(--qutiiz-white); } .main-slider-two__content .thm-btn { background-color: var(--qutiiz-black); opacity: 0; visibility: hidden; transform: translateY(120px); transition-delay: 1000ms; transition: transform 2000ms ease,opacity 2000ms ease; } .main-slider-two__content .thm-btn:hover { color: var(--qutiiz-primary); } .main-slider-two__content .thm-btn:after { background-color: var(--qutiiz-white); } .main-slider-two .owl-item.active .main-slider-two__content h2, .main-slider-two .swiper-slide-active .main-slider-two__content h2, .main-slider-two .owl-item.active .main-slider-two__content p, .main-slider-two .swiper-slide-active .main-slider-two__content p, .main-slider-two .owl-item.active .main-slider-two__content .thm-btn, .main-slider-two .swiper-slide-active .main-slider-two__content .thm-btn { visibility: visible; opacity: 1; transform: translateY(0) translateX(0); } .main-slider-two-arrow { position: absolute; bottom: 85px; right: -70px; transform: translateX(100%); opacity: 0; } .main-slider-two .owl-item.active .main-slider-two-arrow, .main-slider-two .swiper-slide-active .main-slider-two-arrow { opacity: 1; transform: translate(0); transition: all 1000ms ease; transition-delay: 200ms; } .main-slider-two .owl-carousel .owl-dots, .main-slider-two #main-slider-pagination { bottom: 64px; text-align: left; } @-webkit-keyframes float-bob-x { 0% { transform: translateX(-30px); } 50% { transform: translateX(-10px); } 100% { transform: translateX(-30px); } } @keyframes float-bob-x { 0% { transform: translateX(-30px); } 50% { transform: translateX(-10px); } 100% { transform: translateX(-30px); } } .float-bob-x { -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .services-one { position: relative; display: block; background-color: var(--qutiiz-black); padding: 120px 0 0; z-index: 1; } .services-one-shape { position: absolute; top: 0; right: 0; z-index: -1; } .services-one-shape img { opacity: .15; } .services-one__top { position: relative; display: block; } .services-one__top-left { position: relative; display: block; } .services-one__top-left .section-title__tagline { color: #a09baa; } .services-one__top-left .section-title__title { color: var(--qutiiz-white); } .services-one__top-text { font-size: 16px; color: #a09baa; margin: 0; line-height: 32px; } .services-one__bottom { position: relative; display: block; padding: 0 0 66px; } .services-one__list { margin: 0; position: relative; display: flex; align-items: center; flex-wrap: wrap; counter-reset: count; } .services-one__single { position: relative; flex: 0 0 25%; max-width: 25%; width: 100%; padding-left: 64px; margin-bottom: 40px; } .services-one__single:before { position: absolute; top: 0; left: 0; bottom: 14px; width: 1px; content: ""; background-color: rgba(var(--qutiiz-white-rgb),.1); } .services-one__single:nth-child(1):before { display: none; } .services-one__single:nth-child(1) { padding-left: 0; } .services-one__icon { margin-bottom: 21px; } .services-one__icon span { font-size: 64px; color: var(--qutiiz-primary); position: relative; display: inline-block; transition: all 500ms linear; transition-delay: .1s; } .services-one__single:hover .services-one__icon span { transform: rotateY(360deg); color: var(--qutiiz-white); } .services-one__count { position: relative; height: 20px; width: 20px; line-height: 30px; } .services-one__count:before { position: absolute; height: 20px; width: 20px; font-size: 12px; line-height: 30px; font-weight: 500; counter-increment: count; content: "0" counter(count); transition: all 200ms linear; transition-delay: .1s; font-family: var(--qutiiz-font-two); color: #a09baa; } .services-one__title { font-size: 24px; font-weight: 500; text-transform: uppercase; line-height: 34px; margin-top: 3px; margin-bottom: 22px; } .services-one__title>a { color: var(--qutiiz-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__single:hover .services-one__title>a { color: var(--qutiiz-primary); } .services-one__arrow { color: var(--qutiiz-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__arrow:hover { color: var(--qutiiz-primary); } .services-one__find-solutions { position: relative; display: block; text-align: center; border-top: 1px solid rgba(var(--qutiiz-white-rgb),.1); padding: 48px 0 51px; } .services-one__find-solutions-text { font-size: 16px; color: #a09baa; margin: 0; font-family: var(--qutiiz-font-two); text-transform: uppercase; font-weight: 500; } .services-one__find-solutions-text a { color: var(--qutiiz-white); letter-spacing: .1em; position: relative; display: inline-block; padding-left: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__find-solutions-text a:hover { color: var(--qutiiz-primary); } .services-one__find-solutions-text a:before { position: absolute; bottom: 7px; left: 6px; right: 1px; content: ""; height: 1px; background-color: var(--qutiiz-primary); } .get-to-know { position: relative; display: block; padding: 140px 0 120px; } .get-to-know__left { position: relative; display: block; margin-right: 90px; margin-left: -375px; } .get-to-know__img { position: relative; display: block; background-color: var(--qutiiz-black); border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .get-to-know__img:before { position: absolute; top: -140px; left: -1000000px; right: 280px; content: ""; bottom: -120px; background-color: #f6f4f9; border-bottom-right-radius: var(--qutiiz-bdr-radius); } .get-to-know__img:after { position: absolute; bottom: -120px; right: 242px; content: ""; background-color: var(--qutiiz-primary); width: 18px; height: 100px; border-radius: var(--qutiiz-bdr-radius); } .get-to-know__img img { width: 100%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; mix-blend-mode: luminosity; } .get-to-know__video-link { position: absolute; bottom: 0; right: 280px; } .get-to-know__video-icon { height: 136px; width: 158px; background-color: var(--qutiiz-primary); font-size: 25px; color: var(--qutiiz-white); display: flex; align-items: center; justify-content: center; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .get-to-know__video-icon:hover { background-color: var(--qutiiz-black); } .get-to-know__video-icon .ripple, .get-to-know__video-icon .ripple:before, .get-to-know__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 158px; height: 136px; transform: translate(-50%,-50%); -ms-box-shadow: 0 0 0 0 rgba(var(--qutiiz-primary-rgb),.6); -o-box-shadow: 0 0 0 0 rgba(var(--qutiiz-primary-rgb),.6); box-shadow: 0 0 0 0 rgba(var(--qutiiz-primary-rgb),.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; border-top-left-radius: 8px; border-top-right-radius: 8px; } .get-to-know__video-icon .ripple:before { -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .get-to-know__video-icon .ripple:after { -webkit-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } .get-to-know__right { position: relative; display: block; } .get-to-know-big-text { font-size: 140px; text-transform: uppercase; color: #f6f4f9; letter-spacing: .4em; transform: rotate(90deg); position: absolute; top: 320px; right: -450px; font-family: var(--qutiiz-font-two); font-weight: 300; } .get-to-know__right .section-title { margin-bottom: 30px; } .get-to-know__text-1 { font-size: 24px; color: var(--qutiiz-primary); margin: 0; line-height: 36px; padding-bottom: 40px; } .get-to-know__text-2 { margin: 0; } .get-to-know__progress { position: relative; display: block; width: 100%; margin-top: 30px; } .get-to-know__progress-single { position: relative; display: block; } .get-to-know__progress-title { font-size: 20px; line-height: 30px; margin-bottom: 13px; text-transform: uppercase; font-weight: 500; } .get-to-know__progress .bar { position: relative; width: 100%; height: 7px; background-color: #f6f4f9; border-radius: 5px; margin-bottom: 25px; } .get-to-know__progress .bar-inner { position: relative; display: block; width: 0; height: 7px; border-radius: 5px; background: var(--qutiiz-primary); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .get-to-know__progress .count-text { position: absolute; right: -41px; bottom: 20px; color: var(--qutiiz-white); line-height: 22px; font-size: 12px; text-align: center; font-weight: 500; opacity: 0; background-color: var(--qutiiz-black); padding-left: 10px; padding-right: 10px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; font-family: var(--qutiiz-font-two); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .get-to-know__progress .count-text:before { position: absolute; bottom: -6px; left: 0; border: 3px solid var(--qutiiz-black); content: ""; border-right: 4px solid transparent; border-bottom: 3px solid transparent; } .get-to-know__progress .bar-inner.counted .count-text { opacity: 1; } .get-to-know__progress .bar.marb-0 { margin-bottom: 0; } .get-to-know__person { position: relative; display: flex; align-items: center; padding-top: 30px; } .get-to-know__person-img { position: relative; box-shadow: 0 10px 30px 0 rgba(0,0,0,.1); border: 5px solid #fff; border-radius: 50%; display: inline-block; background-color: var(--qutiiz-black); } .get-to-know__person-img img { border-radius: 50%!important; mix-blend-mode: luminosity; } .get-to-know__person-content { margin-left: 30px; position: relative; top: 10px; } .get-to-know__person-name { font-size: 26px; line-height: 36px; font-family: var(--qutiiz-reey-font); color: var(--qutiiz-primary); font-weight: 400; margin-bottom: 2px; } .get-to-know__person-founder { font-size: 14px; margin: 0; text-transform: uppercase; font-family: var(--qutiiz-font-two); letter-spacing: .1em; font-weight: 400; margin-left: 25px; } .brand-one { position: relative; display: block; padding: 98px 0 99px; border-bottom: 1px solid #e2e0e5; } .brand-one .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .brand-one .swiper-slide img { -webkit-transition: 500ms; transition: 500ms; opacity: .3; max-width: 100%; } .brand-one .swiper-slide img:hover { opacity: 1; } .project-one { position: relative; display: block; padding: 120px 0 90px; } .project-one .section-title { margin-bottom: 16px; } .project-filter { position: relative; display: block; text-align: center; margin-left: 0; margin-bottom: 49px; } .project-filter.style1 li { position: relative; display: inline-block; vertical-align: middle; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-filter.style1 li:nth-child(1) { padding-right: 13px; } .project-filter.style1 li .filter-text { position: relative; color: var(--qutiiz-gray); font-size: 16px; font-weight: 500; display: block; cursor: pointer; text-transform: uppercase; letter-spacing: .1em; transition: all .4s ease; z-index: 1; font-family: var(--qutiiz-font-two); } .project-filter.style1 li .filter-text:before { position: absolute; bottom: 7px; left: 0; right: 0; content: ""; background: var(--qutiiz-primary); height: 1px; -webkit-transition: all 500ms ease; transition: all 500ms ease; transform: scale(0); z-index: 1; } .project-filter.style1 li .filter-text:hover:before, .project-filter.style1 li.active .filter-text:before { transform: scale(1); } .project-filter.style1 li:hover .filter-text, .project-filter.style1 li.active .filter-text { color: var(--qutiiz-black); } .project-filter.style1 li .count { color: var(--qutiiz-gray); font-size: 12px; line-height: 26px; font-weight: 500; display: inline-block; padding: 0 0; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; top: -4px; } .project-filter.style1 li:hover .count, .project-filter.style1 li.active .count { color: var(--qutiiz-black); opacity: 1; } .project-filter.style1 li+li { margin-left: 8px; } .project-one__single { position: relative; display: block; margin-bottom: 30px; overflow: hidden; } .project-one__img { position: relative; display: block; background-color: var(--qutiiz-black); width: 100%; border-radius: var(--qutiiz-bdr-radius); overflow: hidden; } .project-one__img img { width: 100%; mix-blend-mode: luminosity; transition: transform 500ms ease,mix-blend-mode 500ms ease; border-radius: var(--qutiiz-bdr-radius); } .project-one__single:hover .project-one__img img { mix-blend-mode: normal; } .project-one__hover { position: absolute; bottom: 0; left: 0; right: 0; padding: 31px 60px 30px; padding-right: 40px; transform: scaleY(0); transform-origin: center; transform-style: preserve-3d; transition: all .5s cubic-bezier(.62,.21,.45,1.52); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; z-index: 1; } .project-one__single:hover .project-one__hover { transform: scaleY(1); } .project-one__hover:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(var(--qutiiz-black-rgb),.9); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; z-index: -1; } .project-one__tagline { position: relative; display: inline-block; font-size: 12px; color: var(--qutiiz-white); text-transform: uppercase; letter-spacing: .1em; margin: 0; line-height: 20px; font-weight: 500; font-family: var(--qutiiz-font-two); } .project-one__tagline:before { position: absolute; bottom: 0; left: 0; right: 0; content: ""; height: 1px; width: -webkit-fill-available; background-color: var(--qutiiz-primary); } .project-one__title { font-size: 24px; text-transform: uppercase; line-height: 24px; } .project-one__title a { color: var(--qutiiz-white); transition: all 500ms ease; } .project-one__title a:hover { color: var(--qutiiz-primary); } .project-one__hover-pl-40 { padding-left: 40px; } .counter-one { position: relative; display: block; background-color: var(--qutiiz-primary); padding: 120px 0 280px; overflow: hidden; z-index: 1; } .counter-one-shape-1 { position: absolute; top: -220px; right: 80px; width: 495px; height: 360px; background-color: var(--qutiiz-primary); mix-blend-mode: screen; border-radius: 30px; z-index: 1; transform: rotate(48deg); animation: rectMove2 9s linear 0ms infinite; } .counter-one-shape-2 { position: absolute; top: -90px; right: -284px; width: 495px; height: 350px; background-color: var(--qutiiz-black); mix-blend-mode: soft-light; border-radius: 30px; z-index: -1; transform: rotate(45deg); animation: rectMove 9s linear 0ms infinite; } .counter-one-shape-3 { position: absolute; bottom: 90px; left: -125px; width: 265px; height: 185px; background-color: var(--qutiiz-white); mix-blend-mode: soft-light; border-radius: 30px; z-index: -1; transform: rotate(45deg); animation: rectMove 9s linear 0ms infinite; } .counter-one__list { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-left: 0; } .counter-one__single { position: relative; flex: 0 0 25%; max-width: 25%; width: 100%; text-align: center; margin-bottom: 33px; } .counter-one__single:before { position: absolute; top: 0; bottom: 7px; left: 0; content: ""; width: 1px; background-color: rgba(var(--qutiiz-white-rgb),.1); } .counter-one__single:first-child:before { display: none; } .counter-one__icon { position: relative; height: 118px; width: 118px; background-color: #541daf; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 12px; z-index: 1; } .counter-one__icon:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border-radius: 50%; background-color: var(--qutiiz-black); transform: scale(0); transform-origin: center; transform-style: preserve-3d; transition: all .4s cubic-bezier(.62,.21,.45,1.52); z-index: -1; } .counter-one__single:hover .counter-one__icon:before { transform: scaleX(1); } .counter-one__icon span { color: var(--qutiiz-white); font-size: 64px; position: relative; display: inline-block; transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .counter-one__single:hover .counter-one__icon span { transform: scale(.9); } .counter-one__single h3 { font-size: 50px; font-family: var(--qutiiz-font-two)!important; line-height: 60px!important; color: var(--qutiiz-white); font-weight: 400; } .counter-one__text { margin: 0; line-height: 27px; color: #ceb0ff; text-transform: uppercase; font-family: var(--qutiiz-font-two); letter-spacing: .1em; font-weight: 500; } .counter-one__single .odometer-formatting-mark { display: none; } .why-choose-one { position: relative; display: block; margin-top: -200px; z-index: 1; } .why-choose-one__left { position: relative; display: block; } .why-choose-one__img { position: relative; display: block; background-color: var(--qutiiz-black); border-top-left-radius: 8px; border-bottom-left-radius: 8px; overflow: hidden; } .why-choose-one__img::before { position: absolute; top: 50%; left: 50%; display: block; content: ""; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; z-index: 10; } .why-choose-one__img:hover:before { -webkit-animation: circle .75s; animation: circle .75s; } .why-choose-one__img img { width: 100%; border-top-left-radius: 8px; border-bottom-left-radius: 8px; mix-blend-mode: luminosity; } .why-choose-one__right { position: relative; display: block; margin-left: 90px; padding-top: 120px; z-index: 1; } .why-choose-one__right:before { position: absolute; top: 0; left: -120px; right: -1000000px; content: ""; bottom: 0; background-color: var(--qutiiz-white); z-index: -1; } .why-choose-one__right .section-title { margin-bottom: 31px; } .why-choose-one__text { font-size: 16px; line-height: 32px; margin: 0; } .why-choose-one__bottom { position: relative; display: flex; align-items: center; margin-top: 32px; } .why-choose-one__bottom-img { position: relative; display: inline-block; background-color: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); } .why-choose-one__bottom-img img { mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .why-choose-one__points { position: relative; display: block; margin-left: 30px; } .why-choose-one__points li { position: relative; display: flex; align-items: center; line-height: 24px; } .why-choose-one__points li+li { margin-top: 12px; } .why-choose-one__points li .icon { display: flex; align-items: center; } .why-choose-one__points li .icon span { color: var(--qutiiz-primary); font-size: 15px; transition: all 500ms ease; transform: scale(1); } .why-choose-one__points li:hover .icon span { transform: scale(.85); } .why-choose-one__points li .text { margin-left: 10px; } .why-choose-one__points li .text p { color: var(--qutiiz-black); margin: 0; } .team-one { position: relative; display: block; padding: 120px 0 140px; } .team-one-container { position: relative; display: block; max-width: 1600px; width: 100%; margin: 0 auto; padding: 0 15px; } .team-one__carousel { position: relative; display: block; } .team-one__single { position: relative; display: block; margin-bottom: 30px; } .team-one__img { position: relative; display: block; overflow: hidden; border-top-right-radius: 8px; border-top-left-radius: 8px; background-color: var(--qutiiz-black); background-blend-mode: luminosity; } .team-one__img img { width: 100%; mix-blend-mode: luminosity; transform: scale(1); transition: all 500ms ease; } .team-one__single:hover .team-one__img img { transform: scale(1); } .team-one__content { position: relative; display: block; text-align: center; background-color: #fff; box-shadow: 0 10px 60px 0 rgba(0,0,0,.05); padding: 31px 0 32px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; transition: opacity 500ms ease,visibility 500ms ease,transform 500ms ease; } .team-one__single:hover .team-one__content { visibility: hidden; opacity: 0; } .team-one__name { font-size: 26px; font-weight: 500; text-transform: uppercase; line-height: 36px; } .team-one__name a, .team-one__hover-name a { color: var(--qutiiz-black); } .team-one__title { font-size: 16px; margin: 0; line-height: 26px; text-transform: uppercase; letter-spacing: .1em; font-family: var(--qutiiz-font-two); } .team-one__hover { background-color: #fff; box-shadow: 0 10px 60px 0 rgba(0,0,0,.05); text-align: center; padding: 31px 0 40px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; position: absolute; bottom: 0; left: 0; right: 0; transform: translateY(-66%); transition: opacity 500ms ease,visibility 500ms ease,transform 500ms ease; visibility: hidden; opacity: 0; } .team-one__single:hover .team-one__hover { visibility: visible; transform: translateY(0%); opacity: 1; } .team-one__hover-name { font-size: 26px; font-weight: 500; text-transform: uppercase; line-height: 36px; } .team-one__hover-title { font-size: 16px; margin: 0; line-height: 26px; text-transform: uppercase; letter-spacing: .1em; font-family: var(--qutiiz-font-two); } .team-one__social { position: relative; display: flex; -webkit-box-align: center; align-items: center; justify-content: center; margin-top: 9px; } .team-one__social a { position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; color: var(--qutiiz-black); background-color: #f6f4f9; border-radius: 50%; font-size: 15px; height: 45px; width: 45px; transform: rotate(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .team-one__social a:hover { color: var(--qutiiz-white); transform: rotate(360deg); } .team-one__social a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: var(--qutiiz-primary); border-radius: 50%; transform: scale(0); transform-origin: center; transform-style: preserve-3d; transition: all .4s cubic-bezier(.62,.21,.45,1.52); z-index: -1; } .team-one__social a:hover:before { transform: scaleX(1); } .team-one__social a+a { margin-left: 10px; } .team-one__carousel.owl-carousel .owl-stage-outer { overflow: visible; padding: 0 0 0; margin-right: 0; } .team-one__carousel .owl-stage-outer .owl-item { opacity: 0; transition: all 500ms linear; transition-delay: .1s; } .team-one__carousel .owl-stage-outer .owl-item.active { opacity: 1; transition: all 200ms linear; } .team-one__carousel.owl-carousel .owl-dots { position: absolute; bottom: -30px; left: 0; right: 0; text-align: center; margin: 0!important; } .team-one__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 2px solid transparent; background-color: rgba(var(--qutiiz-black-rgb),.2); margin: 0 2.5px; padding: 0; transition: all 100ms linear; transition-delay: .1s; } .team-one__carousel.owl-carousel .owl-dot.active { border: 2px solid var(--qutiiz-primary); background-color: rgba(var(--qutiiz-black-rgb),0); } .team-one__carousel.owl-carousel .owl-dot:focus { outline: none; } .team-one__carousel.owl-carousel .owl-dots .owl-dot span { display: none; } .testimonial-one { position: relative; display: block; background-color: #f6f4f9; padding: 120px 0 120px; } .testimonial-one__inner { position: relative; display: block; min-height: 355px; } .testimonial-one .container { position: relative; } .testimonial-one__left { position: relative; display: block; z-index: 10; } .testimonial-one__right { position: relative; display: block; } .testimonial-one__carousel { position: relative; display: block; } .testimonial-one__single { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); background-color: #fff; box-shadow: 0 10px 60px 0 rgba(0,0,0,.05); padding: 39px 50px 50px; transition: all 500ms ease; } .testimonial-one__single:hover { box-shadow: 0 10px 60px 0 rgba(0,0,0,.07); } .testimonial-one__text { margin: 0; } .testimonial-one__client-info { position: relative; display: flex; align-items: center; margin-top: 19px; } .testimonial-one__client-img { position: relative; display: inline-block; border-radius: 50%; background-color: var(--qutiiz-black); } .testimonial-one__client-img>img { border-radius: 50%!important; mix-blend-mode: luminosity; width: auto!important; } .testimonial-one__quote { position: absolute; height: 36px; width: 36px; background-color: var(--qutiiz-primary); background-image: url("/wp-content/themes/qutiiz/assets/images/shapes/testimonial-one-quote.png"); background-position: center; background-repeat: no-repeat; border-radius: 50%; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); right: -18px; transition: 500ms ease; } .testimonial-one__single:hover .testimonial-one__quote { background-color: var(--qutiiz-black,#04000b); } .testimonial-one__quote>img { width: auto!important; } .testimonial-one__client-details { margin-left: 40px; } .testimonial-one__client-name { font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 26px; } .testimonial-one__client-title { font-size: 14px; color: var(--qutiiz-primary); margin: 0; line-height: 14px; font-family: var(--qutiiz-font-two); text-transform: uppercase; letter-spacing: .1em; } .testimonial-one .custom-nav { position: absolute; left: 0; right: 0; bottom: 38px; max-width: 1170px; width: 100%; margin: 0 auto; text-align: left; z-index: 10; } .testimonial-one .custom-nav .owl-prev { height: 65px; width: 65px; background: var(--qutiiz-white); border-radius: 50%; color: var(--qutiiz-black); font-size: 20px; text-align: center; border: 0; transform: rotate(180deg); margin: 0; padding: 0; line-height: 20px; margin-right: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-one .custom-nav .owl-next { height: 65px; width: 65px; background: var(--qutiiz-white); border-radius: 50%; color: var(--qutiiz-black); font-size: 20px; text-align: center; border: 0; margin: 0; padding: 0; line-height: 20px; margin-left: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-one .custom-nav .owl-prev:hover, .testimonial-one .custom-nav .owl-next:hover { color: var(--qutiiz-white); background-color: var(--qutiiz-primary); } .testimonial-one__right { padding-left: 15px; padding-right: 15px; } @media(min-width: 1200px) { .testimonial-one__right { max-width: 1200px; position: absolute; top: 0; right: -250px; } } @media(min-width: 1440px) { .testimonial-one__right { right: -45px; } } .testimonial-one__right .owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-one__right .owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease,visibility 500ms ease; } .testimonial-one__right .owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .qutiiz-ready { position: relative; display: block; padding: 120px 0 220px; z-index: 2; } .qutiiz-ready-bg-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--qutiiz-black); z-index: 1; } .qutiiz-ready-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; mix-blend-mode: luminosity; opacity: .3; } .qutiiz-ready__inner { position: relative; display: block; text-align: center; z-index: 2; } .qutiiz-ready__icon { height: 120px; width: 120px; background-color: var(--qutiiz-primary); color: var(--qutiiz-white); font-size: 64px; display: flex; align-items: center; justify-content: center; border-radius: var(--qutiiz-bdr-radius); margin: 0 auto; } .qutiiz-ready__icon span { position: relative; display: inline-block; transition: all 500ms linear; transition-delay: .1s; } .qutiiz-ready__icon:hover span { transform: scale(.9); } .qutiiz-ready__title { font-size: 70px; color: var(--qutiiz-white); text-transform: uppercase; line-height: 85px; font-weight: 500; margin-top: 39px; } .qutiiz-ready__title span { position: relative; display: inline-block; z-index: -1; } .qutiiz-ready__title span:before { content: ""; position: absolute; top: -6px; left: -21px; bottom: -14px; right: -20px; background-image: url(/wp-content/themes/qutiiz/assets/images/shapes/qutiiz-ready-shape.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; z-index: -1; animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .financial-advice { position: relative; display: block; background-color: #f6f4f9; } .financial-advice-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: .03; z-index: 1; } .financial-advice__tab-box { position: relative; display: block; margin-top: -114px; z-index: 2; } .financial-advice__tab-box .tab-buttons { position: relative; display: block; overflow: hidden; border-top-left-radius: var(--qutiiz-bdr-radius); border-top-right-radius: var(--qutiiz-bdr-radius); } .financial-advice__tab-box .tab-buttons .tab-btn { position: relative; float: left; max-width: 390px; width: 100%; } .financial-advice__tab-box .tab-buttons .tab-btn+.tab-btn { margin-left: 0; } .financial-advice__tab-box .tab-buttons .tab-btn:nth-child(1) span { border-top-left-radius: 8px; } .financial-advice__tab-box .tab-buttons .tab-btn:nth-child(3) span { border-top-right-radius: 8px; } .financial-advice__tab-box .tab-buttons .tab-btn span { position: relative; display: inline-block; transition: all 200ms linear; transition-delay: .1s; font-size: 24px; color: var(--qutiiz-white); background-color: var(--qutiiz-primary); padding: 40px 0 40px; font-weight: 500; cursor: pointer; transition: all .3s ease; max-width: 390px; width: 100%; text-align: center; font-family: var(--qutiiz-font-two); text-transform: uppercase; z-index: 1; } .financial-advice__tab-box .tab-buttons .tab-btn.active-btn span { color: var(--qutiiz-primary); background-color: var(--qutiiz-white); } .financial-advice__tab-box .tab-buttons .tab-btn span:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 0%; content: ""; background-color: var(--qutiiz-white); transition: all .3s ease; z-index: -1; } .financial-advice__tab-box .tab-buttons .tab-btn.active-btn span:before { height: 100%; } .financial-advice__tab-box .tabs-content { position: relative; display: block; } .financial-advice__tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .financial-advice__tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .tabs-content__inner { position: relative; display: block; background-color: var(--qutiiz-white); padding: 80px 80px 80px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; margin-bottom: 60px; } .tabs-content__left { position: relative; display: block; margin-top: -9px; } .tabs-content__points { position: relative; display: block; margin: 0; padding: 0; list-style: none; } .tabs-content__points li { position: relative; display: block; padding-left: 80px; border-bottom: 1px solid #e2e0e5; margin-bottom: 48px; padding-bottom: 36px; } .tabs-content__points li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .tabs-content__points li .icon { height: 58px; width: 58px; background-color: #f6f4f9; border-radius: 50%; color: var(--qutiiz-primary); font-size: 20px; display: flex; align-items: center; justify-content: center; position: absolute; top: 9px; left: 0; transform: scale(1); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .tabs-content__points li:hover .icon { background-color: var(--qutiiz-primary); color: var(--qutiiz-white); transform: scale(.85); } .tabs-content__points li .text h4 { font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 30px; margin-bottom: 12px; } .tabs-content__points li .text p { margin: 0; } .tabs-content__right { position: relative; display: block; margin-left: 76px; } .tabs-content__right:before { position: absolute; top: -1px; bottom: 0; left: -60px; content: ""; width: 1px; background-color: #e2e0e5; } .tabs-content__experience-box { position: relative; display: flex; align-items: center; } .tabs-content__experience-content { position: relative; margin-top: -9px; } @media(min-width: 992px) { .tabs-content__experience-content { max-width: 120px; } } .tabs-content__experience-icon span { position: relative; display: inline-block; color: var(--qutiiz-primary); font-size: 64px; transition: all 500ms linear; transition-delay: .1s; } .tabs-content__experience-icon span:hover { transform: scale(.9); } .tabs-content__experience-title { font-size: 30px; color: var(--qutiiz-gray); font-weight: 300; text-transform: uppercase; line-height: 36px; margin-top: 13px; margin-bottom: 24px; } .tabs-content__experience-btn { font-size: 14px; color: var(--qutiiz-black); text-transform: uppercase; font-family: var(--qutiiz-font-two); letter-spacing: .1em; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .tabs-content__experience-btn:hover { color: var(--qutiiz-primary); } .tabs-content__experience-img { position: relative; display: block; background-color: var(--qutiiz-black); margin-left: 50px; border-radius: var(--qutiiz-bdr-radius); } .tabs-content__experience-box .tabs-content__experience-img img { width: auto; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .financial-advice__bottom { position: relative; display: block; text-align: center; border-top: 1px solid #e3e1e6; padding-top: 48px; padding-bottom: 51px; z-index: 3; } .financial-advice__bottom-text { font-size: 16px; color: var(--qutiiz-gray); margin: 0; font-family: var(--qutiiz-font-two); text-transform: uppercase; font-weight: 500; } .financial-advice__bottom-text a { color: var(--qutiiz-black); letter-spacing: .1em; position: relative; display: inline-block; padding-left: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .financial-advice__bottom-text a:hover { color: var(--qutiiz-primary); } .financial-advice__bottom-text a:before { position: absolute; bottom: 7px; left: 6px; right: 1px; content: ""; height: 1px; background-color: var(--qutiiz-primary); } .blog-one { position: relative; display: block; padding: 120px 0 90px; } .blog-one__blog-page { padding-bottom: 120px; } .blog-one .blog-sidebar__load-more { margin-top: 0; } .blog-one__single { position: relative; display: block; margin-bottom: 30px; } .blog-one__img { position: relative; display: block; background-color: var(--qutiiz-black); border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; } .blog-one__img>img { width: 100%; mix-blend-mode: luminosity; border-top-left-radius: 8px; border-top-right-radius: 8px; } .blog-one__img>a { top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--qutiiz-black-rgb),.3); position: absolute; display: flex; justify-content: center; align-items: center; font-size: 30px; color: var(--qutiiz-primary); border-top-left-radius: 8px; border-top-right-radius: 8px; transition: opacity 500ms ease,visibility 500ms ease,transform 500ms ease; visibility: hidden; opacity: 0; transform: translateY(-30%); } .blog-one__img>a>span { position: relative; } .blog-one__img>a>span::before { content: ""; width: 20px; height: 2px; background-color: var(--qutiiz-white); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 500ms ease; } .blog-one__img>a>span::after { content: ""; transition: all 500ms ease; width: 2px; height: 20px; background-color: var(--qutiiz-white); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .blog-one__img>a:hover>span::before, .blog-one__img>a:hover>span::after { background-color: var(--qutiiz-white); } .blog-one__single:hover .blog-one__img>a { visibility: visible; transform: translateY(0%); opacity: 1; } .blog-one__date { position: absolute; bottom: 0; right: 20px; background-color: var(--qutiiz-primary); padding: 12px 19px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .blog-one__date p { font-size: 14px; color: var(--qutiiz-white); margin: 0; line-height: 16px; text-align: center; font-family: var(--qutiiz-font-two); text-transform: uppercase; font-weight: 500; } .blog-one__content { position: relative; display: block; background-color: #fff; box-shadow: 5px 8.66px 60px 0 rgba(4,0,11,.07); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 32px 40px 40px; } .blog-one__meta { display: flex; -webkit-box-align: center; align-items: center; } .blog-one__meta li { position: relative; display: block; line-height: 26px; font-size: 14px; } .blog-one__meta li+li { margin-left: 10px; } .blog-one__meta li a { font-size: 14px; color: var(--qutiiz-gray); transition: all 500ms ease; } .blog-one__meta li a:hover { color: var(--qutiiz-primary); } .blog-one__meta li a i, .blog-one__meta li span i { color: var(--qutiiz-primary); } .blog-one__title { font-size: 26px; font-weight: 600; text-transform: uppercase; line-height: 36px; margin-bottom: 20px; } .blog-one__title>a { color: var(--qutiiz-black); transition: all 500ms ease; } .blog-one__single:hover .blog-one__title>a { color: var(--qutiiz-primary); } .blog-one__person { position: relative; display: flex; align-items: center; } .blog-one__person-img { border-radius: 50%!important; position: relative; display: block; } .blog-one__person-img>img { width: auto; border-radius: 50%!important; mix-blend-mode: luminosity; } .blog-one__person-content { margin-left: 10px; } .blog-one__person-content p { font-size: 14px; margin: 0; line-height: 24px; } .cta-one { position: relative; display: block; padding: 0 0 120px; overflow: hidden; } .cta-one-shape-1 { position: absolute; top: -333px; right: 50px; width: 495px; height: 360px; background-color: var(--qutiiz-primary); mix-blend-mode: screen; border-radius: 30px; z-index: 1; transform: rotate(45deg); animation: rectMove 9s linear 0ms infinite; } .cta-one-shape-2 { position: absolute; top: -175px; right: -350px; width: 495px; height: 360px; background-color: var(--qutiiz-black); mix-blend-mode: soft-light; border-radius: 30px; transform: rotate(45deg); animation: rectMove 9s linear 1000ms infinite; } .cta-one-shape-3 { position: absolute; top: 313px; left: -184px; width: 495px; height: 360px; background-color: var(--qutiiz-white); mix-blend-mode: soft-light; border-radius: 30px; z-index: 1; transform: rotate(45deg); animation: rectMove 9s linear 0ms infinite; } .cta-one__inner { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: var(--qutiiz-primary); border-radius: var(--qutiiz-bdr-radius); padding: 90px 80px 90px; overflow: hidden; } .cta-one__left { position: relative; display: block; } .cta-one__title { font-size: 40px; color: var(--qutiiz-white); text-transform: uppercase; line-height: 48px; } .cta-one__right { position: relative; display: block; } .cta-one__btn { color: var(--qutiiz-black); background-color: var(--qutiiz-white); } .cta-one__btn:hover { background-color: transparent; } .site-footer { position: relative; display: block; z-index: 1; } .site-footer__top { position: relative; display: block; background-color: #000; padding: 51px 0; } .site-footer__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; } .site-footer__top-left { position: relative; display: flex; align-items: center; } .site-footer__top-logo { position: relative; display: inline-block; } .site-footer__top-title-box { margin-left: 100px; } .site-footer__top-title { font-size: 24px; color: var(--qutiiz-white); text-transform: uppercase; line-height: 34px; } .site-footer__top-title a { position: relative; display: inline-block; color: var(--qutiiz-primary); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer__top-title a:hover { color: var(--qutiiz-white); } .site-footer__top-title a:before { position: absolute; bottom: 3px; left: 0; right: 0; content: ""; background-color: var(--qutiiz-primary); height: 1px; } .site-footer__top-right-social { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .site-footer__top-right-social a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; color: var(--qutiiz-white); font-size: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer__top-right-social a:hover { color: var(--qutiiz-primary); } .site-footer__top-right-social a+a { margin-left: 25px; } .site-footer__middle { position: relative; display: block; background-color: var(--qutiiz-black); padding-top: 80px; z-index: 1; } .site-footer-shape { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .1; z-index: -1; } .site-footer__middle-inner { position: relative; display: block; } .footer-widget__about { position: relative; display: block; } .footer-widget__title { font-size: 20px; color: var(--qutiiz-white); text-transform: uppercase; font-weight: 600; line-height: 30px; margin-bottom: 23px; } .footer-widget__about-text-box { position: relative; display: block; margin-right: -30px; } .footer-widget__about-text { font-size: 15px; font-weight: 500; margin: 0; line-height: 36px; } .footer-widget__about-contact { position: relative; display: block; border-top: 1px solid rgba(var(--qutiiz-white-rgb),.1); margin-top: 20px; padding-top: 18px; } .footer-widget__about-contact li { position: relative; display: flex; align-items: center; } .footer-widget__about-contact li .icon i { font-size: 15px; color: var(--qutiiz-white); } .footer-widget__about-contact li .text { margin-left: 10px; } .footer-widget__about-contact li .text a { font-size: 15px; color: #a09baa; font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget__about-contact li .text a:hover { color: var(--qutiiz-white); } .footer-widget__about-contact li .text p { font-size: 15px; color: #a09baa; font-weight: 500; margin: 0; } .footer-widget__links { position: relative; display: block; margin-left: 70px; margin-right: -6px; } .footer-widget__links-list { position: relative; display: block; } .footer-widget__links-list li+li { margin-top: 6px; } .footer-widget__links-list li a { position: relative; display: inline-block; font-size: 15px; color: #a09baa; font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget__links-list li a:hover { color: var(--qutiiz-white); } .footer-widget__links-list li a:before { position: absolute; bottom: 7px; left: 0; right: 0; content: ""; background-color: var(--qutiiz-white); height: 1px; transition: transform 500ms ease; transform: scale(0,1); transform-origin: left center; } .footer-widget__links-list li a:hover:before { transform: scale(1,1); transform-origin: right center; } .footer-widget__explore { position: relative; display: block; margin-left: 70px; margin-right: -5px; } .footer-widget__explore-list { position: relative; display: block; } .footer-widget__explore-list li+li { margin-top: 6px; } .footer-widget__explore-list li a { position: relative; display: inline-block; font-size: 15px; color: #a09baa; font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget__explore-list li a:hover { color: var(--qutiiz-white); } .footer-widget__explore-list li a:before { position: absolute; bottom: 7px; left: 0; right: 0; content: ""; background-color: var(--qutiiz-white); height: 1px; transition: transform 500ms ease; transform: scale(0,1); transform-origin: left center; } .footer-widget__explore-list li a:hover:before { transform: scale(1,1); transform-origin: right center; } .footer-widget__newsletter { position: relative; display: block; background-color: #000; margin-left: 50px; padding: 41px 50px 41px; margin-top: 8px; border-radius: var(--qutiiz-bdr-radius); border: 1px solid rgba(var(--qutiiz-white-rgb),.1); } .footer-widget__newsletter .footer-widget__title { margin-bottom: 0; } .footer-widget__newsletter-form { position: relative; display: block; } .footer-widget__newsletter-input-box { position: relative; display: block; } .footer-widget__newsletter-input-box:before { position: absolute; bottom: 8px; left: 0; right: 0; content: ""; height: 2px; background-color: rgba(var(--qutiiz-white-rgb),.2); border-radius: 0; } .footer-widget__newsletter-input-box input[type=email] { font-size: 15px; color: #a09baa; font-weight: 500; height: 70px; width: 100%; background: transparent; border: none; border-radius: 0; padding-right: 60px; outline: none; } .footer-widget__newsletter-btn { position: absolute; top: 50%; right: 0; height: 70px; width: 60px; display: flex; justify-content: flex-end; align-items: center; border-radius: 50%; background: transparent; border: 0; transform: translateY(-50%); transition: all 500ms ease; padding: 0; } .footer-widget__newsletter-btn i { font-size: 16px; color: var(--qutiiz-primary); } .footer-widget__newsletter-bottom { display: flex; align-items: center; margin-top: 5px; } .footer-widget__newsletter-bottom-icon { height: 19px; width: 19px; border: 1px solid rgba(var(--qutiiz-white-rgb),.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .footer-widget__newsletter-bottom-icon i { font-size: 8px; color: #95919f; } .footer-widget__newsletter-bottom-text { margin-left: 10px; } .footer-widget__newsletter-bottom-text p { font-size: 15px; color: #a09baa; margin: 0; font-weight: 500; } .site-footer__bottom { position: relative; display: block; } .site-footer__bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(var(--qutiiz-white-rgb),.1); padding: 30px 0; } .site-footer__bottom-inner.default { justify-content: center; background: var(--qutiiz-black); margin-top: 0; } .site-footer.default-footer { background: var(--qutiiz-black); } .site-footer__bottom-left { position: relative; display: block; } .site-footer__bottom-text { font-size: 15px; color: #a09baa; margin: 0; font-weight: 500; } .site-footer__bottom-text a { color: #a09baa; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer__bottom-text a:hover { color: var(--qutiiz-white); } .site-footer__bottom-right { position: relative; display: block; } .site-footer__bottom-menu { position: relative; display: flex; align-items: center; margin: 0; padding: 0; list-style: none; } .site-footer__bottom-menu li+li { margin-left: 24px; } .site-footer__bottom-menu li a { font-size: 15px; color: #a09baa; font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer__bottom-menu li a:hover { color: var(--qutiiz-white); } .services-two { position: relative; display: block; padding: 120px 0 90px; } .services-two__single { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); border: 1px solid transparent; background-color: #f6f4f9; padding: 38px 40px 24px; margin-bottom: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover { background-color: #fff; box-shadow: 0 10px 60px 0 rgba(0,0,0,.07); border: 1px solid #e2e0e5; } .services-two__icon { position: relative; display: inline-block; } .services-two__icon:before { position: absolute; bottom: 8px; right: -19px; border-radius: 50%; background-color: #6222cc; opacity: .1; width: 47px; height: 47px; content: ""; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__icon:before { transform: scale(1.5); } .services-two__icon span { font-size: 64px; color: var(--qutiiz-primary); position: relative; display: inline-block; } .services-two__title { font-size: 24px; font-weight: 500; text-transform: uppercase; line-height: 29px; margin-top: 16px; margin-bottom: 25px; } .services-two__title a { color: var(--qutiiz-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__title a:hover { color: var(--qutiiz-primary); } .services-two__text { font-size: 16px; margin: 0; line-height: 32px; padding-bottom: 9px; } .services-two__arrow { color: var(--qutiiz-gray); font-size: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__arrow:hover { color: var(--qutiiz-primary); } .get-to-know-two { position: relative; display: block; padding: 0 0 120px; } .get-to-know-two__left { position: relative; display: block; margin-right: 90px; } .get-to-know-two__img-box { position: relative; display: block; } .get-to-know-two__img-box:before { position: absolute; top: 0; left: -47px; height: 320px; width: 17px; content: ""; background-color: var(--qutiiz-primary); border-radius: var(--qutiiz-bdr-radius); } .get-to-know-two__img { position: relative; display: block; background-color: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); overflow: hidden; } .get-to-know-two__img:after { position: absolute; top: 0; left: -100%; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%); transform: skewX(-25deg); z-index: 1; } .get-to-know-two__img-box:hover .get-to-know-two__img:after { -webkit-animation: shine 1.5s; animation: shine 1.5s; } .get-to-know-two__img>img { width: 100%; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .get-to-know-two__small-img { border-radius: var(--qutiiz-bdr-radius); background-color: var(--qutiiz-black); position: absolute; bottom: 0; left: -100px; z-index: 1; } .get-to-know-two__small-img>img { border-radius: var(--qutiiz-bdr-radius); mix-blend-mode: luminosity; } .get-to-know-two__right { position: relative; display: block; } .get-to-know-two__right .section-title { margin-bottom: 30px; } .get-to-know-two__text { margin: 0; } .get-to-know-two__bottom { position: relative; display: flex; border-bottom: 1px solid #e2e0e5; margin-top: 35px; margin-bottom: 39px; padding-bottom: 39px; } .get-to-know-two__icon { position: relative; top: 9px; } .get-to-know-two__icon span { position: relative; display: inline-block; color: var(--qutiiz-primary); font-size: 64px; transition: all 500ms linear; transition-delay: .1s; } .get-to-know-two__bottom:hover .get-to-know-two__icon span { transform: rotateY(360deg); color: var(--qutiiz-black); } .get-to-know-two__content { margin-left: 30px; } .get-to-know-two__text-2 { margin: 0; } .get-to-know-two__points-box { position: relative; display: block; overflow: hidden; margin-bottom: 38px; } .get-to-know-two__points { position: relative; float: left; margin-right: 47px; } .get-to-know-two__points li { position: relative; display: flex; align-items: center; } .get-to-know-two__points li+li { margin-top: 6px; } .get-to-know-two__points li .icon { position: relative; top: 1px; } .get-to-know-two__points li .icon span { font-size: 15px; color: var(--qutiiz-primary); transition: all 500ms ease; transform: scale(1); } .get-to-know-two__points li:hover .icon span { transform: scale(.85); } .get-to-know-two__points li .text { margin-left: 10px; } .get-to-know-two__points li .text p { font-weight: 500; color: var(--qutiiz-black); margin: 0; } .get-to-know-two__points-two { margin-right: 0; } .qutiiz-ready-two { position: relative; display: block; padding: 99px 0 120px; } .qutiiz-ready-two-bg-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--qutiiz-black); z-index: 1; } .qutiiz-ready-two-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; mix-blend-mode: luminosity; opacity: .3; } .qutiiz-ready-two__inner { position: relative; display: block; text-align: center; z-index: 2; } .qutiiz-ready-two__title { font-size: 70px; color: var(--qutiiz-white); text-transform: uppercase; line-height: 85px; margin-bottom: 45px; } .qutiiz-ready-two__btn::after { background-color: #fff; } .qutiiz-ready-two__btn:hover { color: var(--qutiiz-black); } .why-choose-two { position: relative; display: block; background-color: #f6f4f9; } .why-choose-two__top { position: relative; display: block; } .why-choose-two__top-left { position: relative; display: block; margin-right: -33px; margin-left: -375px; } .why-choose-two__top-img { position: relative; display: block; } .why-choose-two__top-img img { width: 100%; } .why-choose-two__video-link { position: absolute; right: 193px; bottom: 180px; } .why-choose-two__video-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 147px; height: 147px; line-height: 97px; text-align: center; font-size: 25px; color: var(--qutiiz-white); background-color: var(--qutiiz-primary); border-radius: 50%; margin: 0 auto; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } .why-choose-two__video-icon:hover { background-color: var(--qutiiz-black); color: var(--qutiiz-white); } .why-choose-two__video-icon:before { position: absolute; top: -17px; left: -17px; right: -17px; bottom: -17px; content: ""; border-radius: 50%; z-index: 1; border: 1px solid var(--qutiiz-primary); opacity: .2; } .why-choose-two__video-link .ripple, .why-choose-two__video-icon .ripple:before, .why-choose-two__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 183px; height: 183px; transform: translate(-50%,-50%); -ms-box-shadow: 0 0 0 0 rgba(var(--qutiiz-primary-rgb),.6); -o-box-shadow: 0 0 0 0 rgba(var(--qutiiz-primary-rgb),.6); box-shadow: 0 0 0 0 rgba(var(--qutiiz-primary-rgb),.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; border-radius: 50%; } .why-choose-two__video-icon .ripple:before { -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .why-choose-two__video-icon .ripple:after { -webkit-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } .why-choose-two__right { position: relative; display: block; margin-left: 70px; padding-top: 120px; } .why-choose-two__right .section-title { margin-bottom: 30px; } .why-choose-two__text { margin: 0; padding-bottom: 29px; } .why-choose-two__points { position: relative; display: block; } .why-choose-two__points li { position: relative; display: flex; align-items: center; } .why-choose-two__points li+li { margin-top: 10px; } .why-choose-two__points li .icon { position: relative; top: 1px; } .why-choose-two__points li .icon span { font-size: 15px; color: var(--qutiiz-primary); transform: scale(1); transition: all 500ms ease; } .why-choose-two__points li:hover .icon span { transform: scale(.85); } .why-choose-two__points li .text { margin-left: 20px; } .why-choose-two__points li .text p { font-size: 20px; color: var(--qutiiz-black); margin: 0; } .why-choose-two__counter { position: relative; display: flex; align-items: center; border-top: 1px solid rgba(var(--qutiiz-black-rgb),.1); margin-top: 44px; padding-top: 31px; } .why-choose-two__counter-icon { position: relative; top: 11px; } .why-choose-two__counter-icon span { font-size: 64px; color: var(--qutiiz-primary); position: relative; display: inline-block; transition: all 500ms linear; transition-delay: .1s; } .why-choose-two__counter:hover .why-choose-two__counter-icon span { transform: scale(1.2); } .why-choose-two__counter-content { margin-left: 30px; } .why-choose-two__counter-content h3 { font-size: 50px; font-weight: 500; letter-spacing: .1em; font-family: var(--qutiiz-font-two)!important; line-height: 60px!important; } .why-choose-two__counter-content p { margin: 0; color: var(--qutiiz-primary); line-height: 23px; } .why-choose-two__bottom { position: relative; display: block; margin-top: 60px; padding-bottom: 90px; } .why-choose-two__single { position: relative; display: flex; align-items: center; background-color: #fff; box-shadow: 0 10px 60px 0 rgba(0,0,0,.05); border-radius: var(--qutiiz-bdr-radius); padding: 38px 40px 38px; margin-bottom: 30px; } .why-choose-two__icon { height: 64px; width: 64px; border-radius: 50%; background-color: var(--qutiiz-primary); font-size: 32px; color: var(--qutiiz-white); display: flex; align-items: center; justify-content: center; flex-shrink: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-two__icon .icon-suitcase { font-size: 28px; } .why-choose-two__single:hover .why-choose-two__icon { background-color: var(--qutiiz-black); } .why-choose-two__icon span { position: relative; display: inline-block; transition: all 500ms linear; transition-delay: .1s; } .why-choose-two__single:hover .why-choose-two__icon span { transform: rotate(360deg); } .why-choose-two__content { margin-left: 20px; } .why-choose-two__content-text { font-size: 20px; text-transform: uppercase; line-height: 30px; font-weight: 500; } .project-two { position: relative; display: block; padding: 120px 0 170px; } .project-two__container { position: relative; display: block; max-width: 1600px; width: 100%; margin: 0 auto; padding: 0 15px; } .project-two__carousel { position: relative; display: block; } .project-two__single { position: relative; display: block; } .project-two__img { position: relative; display: block; overflow: hidden; background-color: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); } .project-two__img img { width: 100%; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); transition: transform 500ms ease,mix-blend-mode 500ms ease; } .project-two__single:hover .project-two__img img { mix-blend-mode: normal; } .project-two__hover { position: absolute; bottom: 0; left: 0; right: 0; padding: 31px 58px 30px; padding-right: 40px; transform: scaleY(0); transform-origin: center; transform-style: preserve-3d; transition: all .5s cubic-bezier(.62,.21,.45,1.52); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; z-index: 1; } .project-two__single:hover .project-two__hover { transform: scaleY(1); } .project-two__hover:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(var(--qutiiz-black-rgb),.9); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; z-index: -1; } .project-two__tagline { position: relative; display: inline-block; font-size: 12px; color: var(--qutiiz-white); text-transform: uppercase; letter-spacing: .1em; margin: 0; line-height: 20px; font-weight: 500; font-family: var(--qutiiz-font-two); } .project-two__tagline:before { position: absolute; bottom: 0; left: 0; right: 0; content: ""; height: 1px; width: -webkit-fill-available; background-color: var(--qutiiz-primary); } .project-two__title { font-size: 24px; text-transform: uppercase; line-height: 24px; } .project-two__title a { color: var(--qutiiz-white); transition: all 500ms ease; } .project-two__title a:hover { color: var(--qutiiz-primary); } .project-two__carousel.owl-carousel .owl-dots { position: absolute; bottom: -60px; left: 0; right: 0; text-align: center; margin: 0!important; } .project-two__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 2px solid transparent; background-color: rgba(var(--qutiiz-black-rgb),.2); margin: 0 2.5px; padding: 0; transition: all 100ms linear; transition-delay: .1s; } .project-two__carousel.owl-carousel .owl-dot.active { border: 2px solid var(--qutiiz-primary); background-color: rgba(var(--qutiiz-black-rgb),0); } .project-two__carousel.owl-carousel .owl-dot:focus { outline: none; } .project-two__carousel.owl-carousel .owl-dots .owl-dot span { display: none; } .counter-two { position: relative; display: block; z-index: 2; } .counter-two__inner { position: relative; display: block; background-color: var(--qutiiz-primary); padding: 79px 0 73px; border-radius: var(--qutiiz-bdr-radius); overflow: hidden; z-index: 1; } .counter-two-shape1 { height: 304px; width: 304px; background-color: var(--qutiiz-white); position: absolute; bottom: -260px; left: -189px; mix-blend-mode: soft-light; border-radius: var(--qutiiz-bdr-radius); transform: rotate(45deg); animation: counterShapeMove 9s linear 0ms infinite; } @keyframes counterShapeMove { 0% { bottom: -260px; left: -189px; } 25% { bottom: -240px; left: -169px; } 50% { bottom: -260px; left: -189px; } 75% { bottom: -240px; left: -169px; } 100% { bottom: -260px; left: -189px; } } .counter-two-shape2 { position: absolute; top: -535px; right: -75px; width: 575px; height: 575px; background-color: var(--qutiiz-primary); border-radius: 20px; mix-blend-mode: screen; transform: rotate(45deg); animation: rectMove 9s linear 0ms infinite; } .counter-two-shape3 { position: absolute; top: -326px; right: -516px; width: 575px; height: 575px; background-color: #2805a7; border-radius: var(--qutiiz-bdr-radius); transform: rotate(45deg); animation: rectMove 9s linear 1s infinite; } .counter-two__left { position: relative; display: block; margin-top: 21px; margin-left: 80px; } .counter-two__title { font-size: 40px; color: var(--qutiiz-white); text-transform: uppercase; line-height: 40px; } .counter-two__right { position: relative; display: block; margin-right: 6px; } .counter-two__list { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .counter-two__single { position: relative; flex: 0 0 33.333333%; max-width: 33.333333%; width: 100%; text-align: center; } .counter-two__single:before { position: absolute; top: 21px; bottom: 27px; left: 0; content: ""; width: 1px; background-color: rgba(var(--qutiiz-white-rgb),.1); } .counter-two__single:first-child:before { display: none; } .counter-two__icon span { position: relative; display: inline-block; font-size: 64px; color: var(--qutiiz-white); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .counter-two__single:hover .counter-two__icon span { transform: scale(.9); } .counter-two__single h3 { font-size: 50px; font-family: var(--qutiiz-font-two)!important; line-height: 60px!important; color: var(--qutiiz-white); font-weight: 400; margin-top: 5px; margin-bottom: 2px; } .counter-two__text { margin: 0; line-height: 27px; color: #ceb0ff; text-transform: uppercase; font-family: var(--qutiiz-font-two); letter-spacing: .1em; font-weight: 500; } .counter-two__single .odometer-formatting-mark { display: none; } .blog-two { position: relative; display: block; padding: 240px 0 30px; margin-top: -120px; z-index: 1; } .blog-two:before { position: absolute; top: 0; left: 0; right: 0; content: ""; height: 637px; background-color: var(--qutiiz-black); z-index: -1; } .blog-two .section-title__tagline { color: #a09baa; } .blog-two .section-title__title { color: var(--qutiiz-white); } .we-care { position: relative; display: block; } .we-care__inner { position: relative; display: flex; align-items: center; border-top: 1px solid #e4e2e7; padding-top: 60px; padding-bottom: 60px; } .we-care__img { position: relative; border-radius: var(--qutiiz-bdr-radius); background-color: var(--qutiiz-black); z-index: 1; } .we-care__img:before { position: absolute; top: 0; bottom: 0; right: 0; content: ""; background-color: var(--qutiiz-primary); border-top-right-radius: 8px; border-bottom-right-radius: 8px; width: 10px; z-index: 1; } .we-care__img img { mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .we-care__content { margin-left: 50px; } .we-care__title { font-size: 30px; font-weight: 400; text-transform: uppercase; line-height: 36px; margin-bottom: 8px; } .we-care__text { font-size: 16px; margin: 0; } .google-map { position: relative; display: block; } .google-map__one { position: relative; display: block; border: none; height: 555px; width: 100%; } .contact-one { position: relative; display: block; padding: 120px 0 114px; } .contact-one__left { position: relative; display: block; } .contact-one__left .section-title { margin-bottom: 40px; } .contact-one__images { position: relative; display: block; overflow: hidden; } .contact-one__images li { position: relative; float: left; } .contact-one__images li+li { margin-left: 20px; } .contact-one__img-1 { position: relative; display: block; background-color: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); } .contact-one__img-1 img { border-radius: var(--qutiiz-bdr-radius); mix-blend-mode: luminosity; } .contact-one__text { margin: 0; padding-top: 40px; padding-bottom: 28px; } .contact-one__points { position: relative; display: block; } .contact-one__points li { position: relative; display: flex; align-items: center; } .contact-one__points li+li { margin-top: 6px; } .contact-one__points li .icon { position: relative; display: flex; top: 1px; } .contact-one__points li .icon span { font-size: 15px; color: var(--qutiiz-primary); transform: scale(1); transition: all 500ms ease; } .contact-one__points li:hover .icon span { transform: scale(.85); } .contact-one__points li .text { margin-left: 15px; } .contact-one__points li .text p { color: var(--qutiiz-black); margin: 0; } .contact-one__right { position: relative; display: block; margin-left: 70px; } .contact-one__right-form { position: relative; display: block; background-color: #f6f4f9; border-radius: var(--qutiiz-bdr-radius); padding: 60px; } .contact-one__right-form input[type=text], .contact-one__right-form input[type=email] { height: 68px; width: 100%; border: none; background: var(--qutiiz-white); padding-left: 30px; padding-right: 30px; margin-bottom: 10px; border-radius: var(--qutiiz-bdr-radius); outline: none; font-size: 14px; color: var(--qutiiz-gray); font-weight: 400; display: block; } .contact-one__right-form textarea { width: 100%; height: 175px; background: var(--qutiiz-white); border-radius: var(--qutiiz-bdr-radius); outline: none; font-size: 14px; color: var(--qutiiz-gray); font-weight: 400; display: block; border: none; padding: 18px 30px 30px; margin-bottom: 10px; } .contact-one__btn { border: none; outline: none; } .brand-two { border-bottom: 0; border-top: 1px solid #e2e0e5; } .page-header { position: relative; display: block; padding: 188px 0 80px; background-color: var(--qutiiz-black); z-index: 1; } @media(min-width: 1200px) { .page-header { padding: 283px 0 174px; } } .page-header-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: var(--qutiiz-black); background-blend-mode: luminosity; opacity: .4; z-index: -1; } .page-header-border { position: absolute; top: 108px; left: 0; bottom: 0; width: 14.29%; border-right: 1px solid rgba(255,255,255,.05); z-index: 10; } .page-header-border-two { left: 14.29%; } .page-header-border-three { left: 28.59%; } .page-header-border-four { left: 42.88%; } .page-header-border-five { left: 57.17%; } .page-header-border-six { left: 71.46%; } .page-header-shape-1 { position: absolute; top: -182px; right: 125px; width: 495px; height: 350px; background-color: var(--qutiiz-primary); mix-blend-mode: screen; transform: rotate(45deg); border-radius: 20px; animation: rectMove 9s linear 0ms infinite; } .page-header-shape-2 { position: absolute; top: -70px; right: -250px; width: 495px; height: 350px; background-color: var(--qutiiz-black); mix-blend-mode: soft-light; transform: rotate(45deg); border-radius: 20px; z-index: 1; animation: rectMove 9s linear 1s infinite; } .page-header-shape-3 { position: absolute; top: 221px; right: -394px; width: 495px; height: 350px; background-color: var(--qutiiz-white); mix-blend-mode: soft-light; transform: rotate(45deg); border-radius: 20px; z-index: 1; animation: rectMove 9s linear 2s infinite; } .page-header__inner { position: relative; display: block; text-align: center; z-index: 15; } .page-header__inner h2 { font-size: 60px; color: var(--qutiiz-white); line-height: 70px; text-transform: uppercase; margin-top: 1px; font-weight: 400; word-break: break-word; } .thm-breadcrumb { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .thm-breadcrumb { color: #fff; text-transform: uppercase; margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; } .thm-breadcrumb a, .thm-breadcrumb li { position: relative; display: flex; align-items: center; color: var(--qutiiz-white); font-size: 14px; text-transform: uppercase; letter-spacing: .1em; font-weight: 600; font-family: var(--qutiiz-font-two); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .thm-breadcrumb li:not(:first-of-type):before { position: relative; content: ""; background-color: var(--qutiiz-white); height: 2px; width: 5px; margin-left: 10px; margin-right: 10px; } .thm-breadcrumb a, .thm-breadcrumb li a { color: var(--qutiiz-white); font-size: 14px; letter-spacing: .1em; font-weight: 600; font-family: var(--qutiiz-font-two); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .thm-breadcrumb a:hover, .thm-breadcrumb li:hover a { color: var(--qutiiz-primary,#6222cc); } .blog-sidebar { position: relative; display: block; padding: 120px 0 120px; } .blog-sidebar__left { position: relative; display: block; } .blog-sidebar__content { position: relative; display: block; } .blog-sidebar__content-single { position: relative; display: block; } .blog-sidebar__content-single { margin-bottom: 33px; } .blog-sidebar__content-img { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); background-color: var(--qutiiz-black,#04000b); } .blog-sidebar__content-img { margin-bottom: 30px; } .blog-sidebar__content-img img { width: 100%; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .blog-sidebar__content-img .no-filter img, .blog-details__img.no-filter img { mix-blend-mode: normal; } .blog-sidebar__date-box { position: absolute; bottom: 0; right: 20px; background-color: var(--qutiiz-primary); padding: 12px 19px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .blog-sidebar__date-box p { font-size: 14px; color: var(--qutiiz-white); margin: 0; line-height: 16px; text-align: center; font-family: var(--qutiiz-font-two); text-transform: uppercase; font-weight: 500; } .blog-sidebar__content-box { position: relative; display: block; margin-top: -5px; } .blog-sidebar__meta { display: flex; -webkit-box-align: center; align-items: center; margin-top: -2px; position: relative; top: -2px; margin-left: -5px; margin-right: -5px; } .blog-sidebar__meta li { position: relative; display: block; line-height: 26px; padding-left: 5px; padding-right: 5px; } .blog-sidebar__meta li a { font-size: 14px; color: var(--qutiiz-gray); transition: all 500ms ease; } .blog-sidebar__meta li a:hover { color: var(--qutiiz-primary); } .blog-sidebar__meta li a i { color: var(--qutiiz-primary); } .blog-sidebar__meta li i { font-size: 14px; } .blog-sidebar__title { font-size: 34px; font-weight: 600; text-transform: uppercase; line-height: 40px; margin-top: 5px; margin-bottom: 13px; } .blog-sidebar__title a { color: var(--qutiiz-black); transition: all 500ms ease; word-break: break-word; } .blog-sidebar__title a:hover { color: var(--qutiiz-primary); } .blog-sidebar__text { font-size: 16px; margin: 0; line-height: 32px; } .blog-sidebar__read-more-btn { margin-top: 18px; line-height: 1; } .blog-sidebar__read-more-btn a { font-size: 20px; color: var(--qutiiz-black); transition: all 500ms ease; } .blog-sidebar__read-more-btn a:hover { color: var(--qutiiz-primary); } .blog-sidebar__bottom-box { position: relative; display: block; background-color: #f6f4f9; padding: 57px 60px 53px; margin-top: 15px; border-radius: var(--qutiiz-bdr-radius); } .blog-sidebar__bottom-box-icon { margin-bottom: 20px; } .blog-sidebar__bottom-box-text { margin: 0; } .blog-sidebar__delivering-services { position: relative; display: block; background-color: #f6f4f9; padding: 60px 60px 53px; margin-top: 30px; margin-bottom: 30px; border-radius: var(--qutiiz-bdr-radius); } .blog-sidebar__delivering-services-icon { margin-bottom: 11px; } .blog-sidebar__delivering-services-title { font-size: 34px; text-transform: uppercase; line-height: 40px; font-weight: 600; } .blog-sidebar__delivering-services-title a { color: var(--qutiiz-black); transition: all 500ms ease; } .blog-sidebar__delivering-services-title a:hover { color: var(--qutiiz-primary); } @media(max-width: 991px) { .sidebar { margin-top: 50px; } } .sidebar__single+.sidebar__single { margin-top: 30px; } .sidebar .widget h2, .sidebar__title { margin: 0; font-size: 24px; text-transform: uppercase; margin-bottom: 25px; font-weight: 500; margin-top: -2px; } .sidebar__search { position: relative; display: block; } .sidebar__search-form { position: relative; } input[type=search]::placeholder { color: var(--qutiiz-gray,#717178); } .sidebar__search-form input[type=search] { display: block; border: none; outline: none; background-color: var(--qutiiz-base,#fff); color: var(--qutiiz-gray,#717178); font-size: 18px; font-weight: 400; padding-left: 50px; height: 60px; width: 100%; padding-right: 80px; border-radius: var(--qutiiz-bdr-radius); } .sidebar__search-form ::-webkit-input-placeholder { color: var(--qutiiz-white); opacity: 1; } .sidebar__search-form ::-moz-placeholder { color: var(--qutiiz-white); opacity: 1; } .sidebar__search-form :-ms-input-placeholder { color: var(--qutiiz-white); opacity: 1; } .sidebar__search-form ::-ms-input-placeholder { color: var(--qutiiz-white); opacity: 1; } .sidebar__search-form ::placeholder { color: var(--qutiiz-white); opacity: 1; } .sidebar__search-form :-ms-input-placeholder { color: var(--qutiiz-white); } .sidebar__search-form ::-ms-input-placeholder { color: var(--qutiiz-white); } .sidebar__search-form button[type=submit] { background-color: transparent; color: var(--qutiiz-gray,#717178); font-size: 22px; position: absolute; top: 0; right: 0; bottom: 0; width: 72px; outline: none; border: none; display: flex; align-items: center; justify-content: center; padding: 0; } .sidebar__post { position: relative; display: block; padding: 45px 30px 30px; background-color: #f6f4f9; border-radius: var(--qutiiz-bdr-radius); } .sidebar__post .sidebar__title { margin-left: 20px; } .sidebar__post-list { margin: 0; } .sidebar__post-list li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 17px 20px 17px; transition: all 500ms ease; border-radius: var(--qutiiz-bdr-radius); } .sidebar__post-list li:hover { background-color: #fff; } .sidebar__post-list li+li { margin-top: 10px; } .sidebar__post-image { margin-right: 20px; background-color: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); } .sidebar__post-image>img { width: 70px; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .sidebar__post-content { position: relative; top: -6px; } .sidebar__post-content h3 { font-size: 16px; margin: 0; line-height: 26px; } .sidebar__post-content-meta { font-size: 14px; font-weight: 400; color: var(--qutiiz-gray)!important; font-family: var(--qutiiz-font); transition: all 500ms ease; } .sidebar__post-content-meta i { color: var(--qutiiz-primary); font-size: 12px; padding-right: 3px; } .sidebar__post-content h3 a { color: var(--qutiiz-black); transition: all 500ms ease; text-transform: uppercase; margin-top: 1px; display: block; font-size: 20px; font-weight: 500; } .sidebar__category { position: relative; display: block; background-color: #f6f4f9; padding: 45px 30px 38px; border-radius: var(--qutiiz-bdr-radius); } .sidebar__category .sidebar__title { padding-left: 20px; margin-bottom: 8px; } .sidebar__category-list { margin: 0; } .sidebar__category-list li+li { margin-top: 3px; } .sidebar__category-list li a { color: var(--qutiiz-gray); font-size: 18px; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; display: block; background: none; padding: 5px 20px; border-radius: var(--qutiiz-bdr-radius); } .sidebar__category-list li a:hover { background-color: #fff; color: var(--qutiiz-black); } .sidebar__category-list li.active a { background-color: #fff; color: var(--qutiiz-black); } .sidebar__category-list li a span { position: absolute; top: 50%; right: 20px; transform: translateY(-50%) scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; color: var(--qutiiz-primary); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 20px; } .sidebar__category-list li a:hover span { color: var(--qutiiz-primary); transform: translateY(-50%) scale(1); } .sidebar__category-list li.active a span { transform: translateY(-50%) scale(1); color: var(--qutiiz-primary); } .sidebar__tags { position: relative; display: block; background: #f6f4f9; padding: 45px 45px 50px; border-radius: var(--qutiiz-bdr-radius); } .sidebar__tags .sidebar__title { margin-left: 5px; margin-bottom: 24px; } .sidebar__tags-list { margin-top: -10px; } .sidebar__tags-list a { font-size: 12px; color: var(--qutiiz-black); -webkit-transition: all .4s ease; transition: all .4s ease; background: var(--qutiiz-white); display: inline-block; padding: 2px 20px; margin-left: 5px; text-transform: uppercase; font-weight: 600; letter-spacing: .1em; border-radius: var(--qutiiz-bdr-radius); font-family: var(--qutiiz-font-two); } .sidebar__tags-list a+a { margin-left: 5px; margin-top: 10px; } .sidebar__tags-list a:hover { color: var(--qutiiz-white); background: var(--qutiiz-primary); } .sidebar__comments { position: relative; display: block; background: #f6f4f9; border-radius: var(--qutiiz-bdr-radius); padding: 45px 50px 43px; } .sidebar__comments .sidebar__title { margin-bottom: 24px; } .sidebar__comments-list { position: relative; display: block; } .sidebar__comments-list li { position: relative; display: block; padding-left: 65px; } .sidebar__comments-list li+li { margin-top: 23px; } .sidebar__comments-icon { height: 45px; width: 45px; background-color: var(--qutiiz-white); border-radius: 50%; font-size: 15px; color: var(--qutiiz-black); display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar__comments-list li:hover .sidebar__comments-icon { background-color: var(--qutiiz-primary); color: var(--qutiiz-white); } .sidebar__comments-text-box p { font-size: 15px; margin: 0; line-height: 26px; } .sidebar__comments-text-box h5 { font-size: 16px; color: var(--qutiiz-black); line-height: 26px; font-family: var(--qutiiz-font); font-weight: 400; } .blog-sidebar .why-choose-two__video-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 1; } .blog-sidebar .why-choose-two__video-icon { width: 97px; height: 97px; line-height: 97px; text-align: center; font-size: 25px; color: var(--qutiiz-primary); background-color: var(--qutiiz-white); } .blog-sidebar .why-choose-two__video-icon:hover { background-color: var(--qutiiz-primary); color: var(--qutiiz-white); } .blog-sidebar .why-choose-two__video-icon:before { position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; content: ""; border-radius: 50%; z-index: 1; border: 1px solid var(--qutiiz-white); opacity: .1; } .blog-sidebar .why-choose-two__video-link .ripple, .blog-sidebar .why-choose-two__video-icon .ripple:before, .blog-sidebar .why-choose-two__video-icon .ripple:after { width: 126px; height: 126px; } .blog-details { position: relative; display: block; padding: 120px 0 120px; } .blog-details__left { position: relative; display: block; } .blog-details__img { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); margin-bottom: 30px; background-color: var(--qutiiz-black,#04000b); } .blog-details__img img { width: 100%; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .blog-details__date-box { position: absolute; bottom: 0; right: 20px; background-color: var(--qutiiz-primary); padding: 12px 19px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .blog-details__date-box p { font-size: 14px; color: var(--qutiiz-white); margin: 0; line-height: 16px; text-align: center; font-family: var(--qutiiz-font-two); text-transform: uppercase; font-weight: 500; } .blog-details__content { position: relative; display: block; margin-top: -5px; } .blog-details__content ul { margin: 0 0 .5em .5em; margin-left: 0; } .blog-details__meta { display: flex; -webkit-box-align: center; align-items: center; } .blog-details__meta li { position: relative; display: block; line-height: 28px; } .blog-details__meta li a { font-size: 14px; color: var(--qutiiz-gray); transition: all 500ms ease; } .blog-details__meta li a:hover { color: var(--qutiiz-primary); } .blog-details__meta li a i, .blog-details__meta li i, .blog-sidebar__meta li i { color: var(--qutiiz-primary); font-size: 14px; } .blog-details__meta li+li { margin-left: 10px; } .blog-details__title { font-size: 34px; text-transform: uppercase; line-height: 46px; margin-bottom: 10px; font-weight: 600; } .blog-details__text-1, .blog-details__text-2 { font-size: 16px; line-height: 32px; margin: 0; } .blog-details__text-2 { padding-top: 32px; padding-bottom: 32px; } .blog-details__bottom { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; padding: 30px 0 30px; margin-top: 51px; border-top: 1px solid #e2e0e5; } .blog-details__bottom p { margin: 0; } .blog-details__tags span { color: var(--qutiiz-black); font-size: 20px; margin-right: 15px; text-transform: uppercase; font-family: var(--qutiiz-font-two); font-weight: 500; } .blog-details__tags a { position: relative; color: var(--qutiiz-black); font-size: 12px; background-color: #f6f4f9; display: inline-block; padding: 2px 20px; text-transform: uppercase; margin-bottom: 10px; letter-spacing: .1em; font-weight: 600; border-radius: var(--qutiiz-bdr-radius); -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: var(--qutiiz-font-two); } .blog-details__tags a:hover { background-color: var(--qutiiz-primary); color: var(--qutiiz-white); } .blog-details__tags a+a { margin-left: 6px; } .blog-details__social-list { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .blog-details__social-list a { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--qutiiz-black); font-size: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .blog-details__social-list a:hover { color: var(--qutiiz-primary); } .blog-details__social-list a+a { margin-left: 30px; } .blgo-details__pagenation-box { position: relative; display: block; overflow: hidden; margin-bottom: 52px; } .blog-details__pagenation { position: relative; display: block; } .blog-details__pagenation li { position: relative; float: left; font-size: 26px; color: var(--qutiiz-black); background-color: #f6f4f9; line-height: 31px; font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; max-width: 370px; width: 100%; padding-left: 60px; padding-top: 53px; padding-bottom: 55px; font-family: var(--qutiiz-font-two); text-transform: uppercase; border-radius: var(--qutiiz-bdr-radius); } .blog-details__pagenation li+li { margin-left: 30px; } .blog-details__pagenation li:hover { background-color: var(--qutiiz-primary); color: var(--qutiiz-white); } .comment-one__title, .comment-form__title { margin: 0; color: var(--qutiiz-black); font-size: 30px; text-transform: uppercase; font-weight: 500; margin-bottom: 54px; } .comment-one__single { display: -webkit-box; display: flex; border-bottom: 1px solid #e2e0e5; padding-bottom: 60px; margin-bottom: 60px; } .comment-one__content { position: relative; margin-left: 45px; } .comment-one__content h3 { margin: 0; font-size: 22px; color: var(--qutiiz-black); margin-bottom: 27px; text-transform: uppercase; font-weight: 500; } .comment-one__content p { font-size: 16px; line-height: 32px; margin: 0; } .comment-one__btn { font-size: 12px; padding: 2px 20px; position: absolute; top: 0; right: 0; } .comment-one__image { position: relative; display: block; border-radius: 50%; background-color: var(--qutiiz-black); } .comment-one__image img { border-radius: 50%; mix-blend-mode: luminosity; } .comment-form .comment-form__title { margin-top: -8px; } .comment-one__form .row { --bs-gutter-x: 10px; } .comment-one__form p { margin-bottom: 0; } .comment-form__input-box { position: relative; display: block; } .comment-form__input-box input[type=text], .comment-form__input-box select, .comment-form__input-box input[type=email] { height: 68px; width: 100%; border: none; background-color: #f6f4f9; padding-left: 30px; padding-right: 30px; margin-bottom: 10px; border-radius: var(--qutiiz-bdr-radius); outline: none; font-size: 14px; color: var(--qutiiz-gray); display: block; } .comment-form__input-box select { appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: .65em auto; } .comment-form__input-box textarea { font-size: 14px; color: var(--qutiiz-gray); height: 175px; width: 100%; background-color: #f6f4f9; padding: 18px 30px 30px; border: none; border-radius: 0; outline: none; margin-bottom: 10px; border-radius: var(--qutiiz-bdr-radius); display: block; margin-bottom: 10px; } .comment-form__btn { border: none; } .projects-page { position: relative; display: block; padding: 106px 0 90px; } .projects-page .project-filter { margin-bottom: 24px; } .project-details { position: relative; display: block; padding: 120px 0 0; } .project-details__img { position: relative; display: block; background-color: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); } .project-details__img img { width: 100%; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .project-details__content { position: relative; display: block; margin-top: 58px; } .project-details__content-left { position: relative; display: block; margin-top: -9px; } .project-details__content-title { font-size: 34px; text-transform: uppercase; line-height: 40px; margin-bottom: 33px; font-weight: 500; } .project-details__content-text-1 { margin: 0; } .project-details__content-text-2 { margin: 0; padding-top: 35px; padding-bottom: 62px; } .project-details__points { position: relative; display: block; } .project-details__points li { position: relative; display: flex; } .project-details__points li+li { margin-top: 79px; } .project-details__points li .icon { position: relative; display: block; top: 4px; } .project-details__points li .icon span { font-size: 64px; color: var(--qutiiz-primary); position: relative; display: inline-block; transition: all 500ms linear; transition-delay: .1s; } .project-details__points li:hover .icon span { transform: rotateY(360deg); color: var(--qutiiz-black); } .project-details__points li .text { margin-left: 40px; } .project-details__points li .text h4 { font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 31px; } .project-details__points li .text p { margin: 0; } .project-details__content-right { position: relative; display: block; } .project-details__details-box { position: relative; display: block; background-color: #f6f4f9; padding: 52px 60px 58px; border-radius: var(--qutiiz-bdr-radius); } .project-details__details-info { position: relative; display: block; } .project-details__details-info-single+.project-details__details-info-single { margin-top: 22px; } .project-details__details-info-client { font-size: 20px; text-transform: uppercase; line-height: 28px; margin-bottom: 8px; font-weight: 500; } .project-details__details-info-name { font-size: 18px; margin: 0; line-height: 28px; text-transform: capitalize; } .project-details__details-info-name span.category::after { content: ", "; } .project-details__details-info-name span.category:last-child::after { content: " "; } .project-details__details-social-list { display: flex; -webkit-box-align: center; align-items: center; border-top: 1px solid var(--qutiiz-white); padding-top: 29px; margin-top: 22px; } .project-details__details-social-list a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; color: var(--qutiiz-black); font-size: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-details__details-social-list a+a { margin-left: 30px; } .project-details__details-social-list a:hover { color: var(--qutiiz-primary); } .project-details__pagination-box { position: relative; display: block; border-top: 1px solid #e2e0e5; border-bottom: 1px solid #e2e0e5; padding: 52px 0 45px; margin-top: 113px; } .project-details__pagination { position: relative; display: block; overflow: hidden; } .project-details__pagination li.next { float: left; position: relative; } .project-details__pagination li a { position: relative; display: block; color: var(--qutiiz-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-details__pagination-sub-title { font-size: 16px; margin: 0; line-height: 26px; text-align: left; font-family: var(--qutiiz-font-two); text-transform: uppercase; letter-spacing: .1em; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-details__pagination li:hover .project-details__pagination-sub-title { color: var(--qutiiz-black); } .project-details__pagination-title { font-size: 30px; font-weight: 400; font-family: var(--qutiiz-font-two); text-transform: uppercase; color: var(--qutiiz-black); display: block; margin-bottom: 16px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-details__pagination li:hover .project-details__pagination-title { color: var(--qutiiz-primary); } .project-details__pagination li.next i { position: relative; font-size: 20px; color: var(--qutiiz-black); display: inline-block; transform: rotate(180deg); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-details__pagination li:hover i { color: var(--qutiiz-primary); } .project-details__pagination li.previous { position: relative; float: right; } .project-details__pagination li.previous i { position: relative; font-size: 20px; color: var(--qutiiz-black); display: block; float: right; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-details__pagination li:hover i { color: var(--qutiiz-primary); } .similar-work { position: relative; display: block; padding: 120px 0 90px; } .service-details { position: relative; display: block; padding: 120px 0 120px; } .service-details__sidebar { position: relative; display: block; } .service-details__sidebar-service { position: relative; display: block; background-color: #f6f4f9; border-radius: var(--qutiiz-bdr-radius); padding: 29px 30px 33px; } .service-details__sidebar-service-list { margin: 0; } .service-details__sidebar-service-list li+li { margin-top: 7px; } .service-details__sidebar-service-list li a { color: var(--qutiiz-gray); font-size: 18px; font-weight: 400; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; display: block; background: none; padding: 10px 20px; border-radius: var(--qutiiz-bdr-radius); } .service-details__sidebar-service-list li.current a, .service-details__sidebar-service-list li.current-menu-ancestor a, .service-details__sidebar-service-list li.current_page_item a, .service-details__sidebar-service-list li.current-menu-item a, .service-details__sidebar-service-list li.current-menu-parent a, .service-details__sidebar-service-list li a:hover { background-color: #fff; color: var(--qutiiz-black); } .service-details__sidebar-service-list li a span { position: absolute; top: 50%; right: 20px; transform: translateY(-50%) scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; color: var(--qutiiz-primary); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 20px; } .service-details__sidebar-service-list li.current a span, .service-details__sidebar-service-list li.current-menu-ancestor a span, .service-details__sidebar-service-list li.current_page_item a span, .service-details__sidebar-service-list li.current-menu-item a span, .service-details__sidebar-service-list li.current-menu-parent a span, .service-details__sidebar-service-list li a:hover span { transform: translateY(-50%) scale(1); } .service-details__need-help { position: relative; display: block; padding: 60px 50px 49px; margin-top: 30px; text-align: center; z-index: 1; overflow: hidden; background-color: var(--qutiiz-primary); border-radius: var(--qutiiz-bdr-radius); } .service-details__need-help-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: var(--qutiiz-primary); mix-blend-mode: luminosity; opacity: .1; z-index: -1; } .service-details__need-help-icon { height: 85px; width: 85px; background-color: var(--qutiiz-white); color: var(--qutiiz-primary); font-size: 31px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 19px; transition: all 500ms ease; } .service-details__need-help-icon:hover { background-color: var(--qutiiz-black); color: var(--qutiiz-white); } .service-details__need-help-title { font-size: 34px; color: var(--qutiiz-white); line-height: 44px; text-transform: uppercase; } .service-details__need-help-contact { position: relative; display: block; margin-top: 36px; } .service-details__need-help-contact p { font-size: 16px; color: var(--qutiiz-white); margin: 0; line-height: 18px; text-transform: uppercase; font-family: var(--qutiiz-font-two); letter-spacing: .1em; } .service-details__need-help-contact a { font-size: 30px; color: var(--qutiiz-white); font-family: var(--qutiiz-font-two); font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .service-details__need-help-contact a:hover { color: var(--qutiiz-black); } .service-details__download { position: relative; display: block; margin-top: 30px; } .service-details__download-btn { position: relative; display: inline-block; background-color: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); padding: 17px 92px 17px; text-align: center; font-size: 16px; color: var(--qutiiz-white); font-family: var(--qutiiz-font-two); text-transform: uppercase; letter-spacing: .1em; font-weight: 600; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .service-details__download-btn:hover { background-color: var(--qutiiz-primary); color: var(--qutiiz-white); } .service-details__right { position: relative; display: block; } .service-details__img { position: relative; display: block; background-color: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); } .service-details__img img { width: 100%; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .service-details__content { position: relative; display: block; margin-top: 29px; } .service-details__title { font-size: 34px; font-weight: 500; line-height: 44px; text-transform: uppercase; margin-bottom: 32px; } .service-details__text-1 { margin: 0; } .service-details__text-2 { font-size: 20px; color: var(--qutiiz-primary); margin: 0; padding-top: 35px; padding-bottom: 36px; } .service-details__text-3 { margin: 0; } .service-details__bottom { position: relative; display: block; border-top: 1px solid #e4e2e7; border-bottom: 1px solid #e4e2e7; padding-top: 56px; margin-top: 54px; padding-bottom: 23px; margin-bottom: 60px; } .service-details__bottom-list { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .service-details__bottom-single { position: relative; flex: 0 0 33.333333%; max-width: 33.333333%; width: 100%; padding: 0 29px 0; margin-bottom: 30px; } .service-details__bottom-single:nth-child(1) { padding-left: 0; } .service-details__bottom-single:nth-child(3) { padding-right: 0; padding-left: 55px; } .service-details__bottom-icon span { position: relative; display: inline-block; font-size: 64px; color: var(--qutiiz-primary); transition: all 500ms linear; transition-delay: .1s; } .service-details__bottom-single:hover .service-details__bottom-icon span { transform: rotateY(360deg); } .service-details__bottom-title { font-size: 24px; font-weight: 500; text-transform: uppercase; line-height: 34px; margin-top: 12px; margin-bottom: 25px; } .service-details__bottom-text { margin: 0; } .service-details__benefits { position: relative; display: block; } .service-details__benefits-content { position: relative; display: block; margin-top: -9px; } .service-details__benefits-title { font-size: 26px; text-transform: uppercase; line-height: 36px; margin-bottom: 36px; font-weight: 500; } .service-details__benefits-text { margin: 0; } .service-details__benefits-list { position: relative; display: block; margin-top: 38px; } .service-details__benefits-list li { position: relative; display: flex; align-items: center; } .service-details__benefits-list li .icon { display: flex; align-items: center; } .service-details__benefits-list li .icon span { font-size: 15px; color: var(--qutiiz-primary); transform: scale(1); transition: all 500ms ease; } .service-details__benefits-list li:hover .icon span { transform: scale(.85); } .service-details__benefits-list li .text { margin-left: 13px; } .service-details__benefits-list li .text p { font-size: 18px; color: var(--qutiiz-black); margin: 0; } .service-details__benefits-img { position: relative; display: block; background-color: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); } .service-details__benefits-img img { width: 100%; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .service-details__faq { position: relative; display: block; margin-top: 55px; } .faq-one-accrodion .accrodion { position: relative; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease; background-color: #fff; box-shadow: 0 10px 30px 0 rgba(0,0,0,.05); border: 1px solid #e2e0e5; border-radius: var(--qutiiz-bdr-radius); } .faq-one-accrodion .accrodion:before { position: absolute; top: 0; left: 0; bottom: 0; width: 5px; content: ""; background-color: var(--qutiiz-primary); transform: scaleY(0); border-top-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .faq-one-accrodion .accrodion.active:before { transform: scaleY(1); } .faq-one-accrodion .accrodion-title { position: relative; display: block; cursor: pointer; padding: 20px 40px 20px; padding-right: 27px; transition: all 200ms linear; transition-delay: .1s; border-radius: var(--qutiiz-bdr-radius); } .faq-one-accrodion .accrodion-title h4 { margin: 0; font-size: 20px; line-height: 30px; color: var(--qutiiz-black); position: relative; text-transform: uppercase; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-weight: 500; } .faq-one-accrodion .accrodion+.accrodion { margin-top: 20px; } .faq-one-accrodion .accrodion.active .accrodion-title { background-color: var(--qutiiz-white); } .faq-one-accrodion .accrodion.active .accrodion-title h4 { color: var(--qutiiz-black); } .faq-one-accrodion .accrodion-title h4::before { content: ""; font-family: "icomoon"!important; font-size: 12px; color: var(--qutiiz-primary); position: absolute; top: 50%; right: 0; height: 35px; width: 35px; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .faq-one-accrodion .accrodion.active .accrodion-title h4::before { content: ""; color: var(--qutiiz-primary); height: 35px; width: 35px; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; } .faq-one-accrodion .accrodion-content { position: relative; padding: 0 40px 29px; margin-top: -7px; border-radius: var(--qutiiz-bdr-radius); } .faq-one-accrodion .accrodion.active .accrodion-content { background-color: var(--qutiiz-white); } .faq-one-accrodion .accrodion-content p { font-size: 16px; margin: 0; line-height: 32px; } .about-page { position: relative; display: block; padding: 120px 0 120px; } .about-page__left { position: relative; display: block; margin-right: 90px; } .about-page__img { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); background-color: var(--qutiiz-black); overflow: hidden; } .about-page__img::before { position: absolute; top: 50%; left: 50%; display: block; content: ""; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; z-index: 10; } .about-page__img:hover:before { -webkit-animation: circle .75s; animation: circle .75s; } .about-page__img img { width: 100%; mix-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); } .about-page__founded { position: absolute; top: 65px; left: -58px; background-color: #6222cc; box-shadow: 0 10px 30px 0 rgba(0,0,0,.1); width: 139px; height: 139px; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 2; } .about-page__founded:before { position: absolute; bottom: 2px; right: 25px; content: ""; background-image: url(/wp-content/themes/qutiiz/assets/images/shapes/about-page-founded-shape.png); background-repeat: no-repeat; height: 8px; width: 17px; transform: rotate(-30deg); } .about-page__founded h5 { font-size: 20px; color: var(--qutiiz-white); text-transform: uppercase; line-height: 26px; font-weight: 500; } .about-page__right { position: relative; display: block; } .about-page__right .section-title { margin-bottom: 32px; } .about-page__right-text-1 { font-size: 24px; color: var(--qutiiz-primary); margin: 0; margin-bottom: 37px; } .about-page__right-text-2 { margin: 0; } .about-page__points-box { position: relative; display: block; overflow: hidden; margin-top: 28px; } .about-page__points { position: relative; float: left; margin-right: 47px; } .about-page__points li { position: relative; display: flex; align-items: center; } .about-page__points li+li { margin-top: 6px; } .about-page__points li .icon { position: relative; top: 1px; } .about-page__points li .icon span { font-size: 15px; color: var(--qutiiz-primary); transform: scale(1); transition: all 500ms ease; } .about-page__points li:hover .icon span { transform: scale(.85); } .about-page__points li .text { margin-left: 10px; } .about-page__points li .text p { font-weight: 500; color: var(--qutiiz-black); margin: 0; } .about-page__points-two { margin-right: 0; } .about-page-counter-two { padding-bottom: 120px; } .testimonial-two { position: relative; display: block; background-color: #f6f4f9; overflow: hidden; padding: 120px 0 120px; z-index: 1; } .testimonial-two-map { position: absolute; top: 120px; left: 50%; height: 486px; width: 1005px; transform: translateX(-50%); background-repeat: no-repeat; background-position: center center; opacity: .05; z-index: -1; } .testimonial-two__carousel { position: relative; display: block; } .testimonial-two__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-two__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease,visibility 500ms ease; } .testimonial-two__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .brand-three { position: relative; display: block; padding: 98px 0 99px; background-color: var(--qutiiz-primary); } .brand-three .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .brand-three .swiper-slide img { -webkit-transition: 500ms; transition: 500ms; opacity: .3; max-width: 100%; } .brand-three .swiper-slide img:hover { opacity: 1; } .team-page { position: relative; display: block; padding: 120px 0 90px; } .faq-page { position: relative; display: block; background-color: #f6f4f9; padding: 120px 0 0; } .faq-page__single { position: relative; display: block; } .faq-page__single .faq-one-accrodion .accrodion { border: 1px solid transparent; } .faq-page__bottom { position: relative; display: block; text-align: center; border-top: 1px solid #e3e1e6; padding-top: 48px; padding-bottom: 51px; margin-top: 60px; } .faq-page__bottom-text { font-size: 16px; margin: 0; font-weight: 500; font-family: var(--qutiiz-font-two); text-transform: uppercase; } .faq-page__bottom-text a { position: relative; display: inline-block; color: var(--qutiiz-black); margin-left: 3px; transition: all 500ms ease; } .faq-page__bottom-text a:hover { color: var(--qutiiz-primary); } .faq-page__bottom-text a:before { position: absolute; bottom: 7px; left: 0; right: 0; content: ""; background-color: var(--qutiiz-primary); height: 1px; } .contact-page { position: relative; display: block; padding: 120px 0 120px; } .contact-page .container { max-width: 768px; width: 100%; } .contact-page__form .comment-form__btn { margin: 0 auto; display: block; } .error-page { position: relative; display: block; padding: 50px 0 120px; } .error-page__inner { position: relative; display: block; text-align: center; } .error-page__title { position: relative; display: inline-block; font-size: 350px; line-height: 350px; letter-spacing: .2em; font-weight: 200; margin-bottom: 16px; } .error-page__tagline { font-size: 40px; line-height: 49px; margin-bottom: 19px; text-transform: uppercase; font-weight: 500; } .error-page__text { margin: 0; line-height: 1.6em; } .error-page__form { position: relative; display: block; margin: 61px auto 20px; } .error-page__form-input { position: relative; display: block; max-width: 550px; width: 100%; margin: 0 auto; } .error-page__form input[type=search] { height: 68px; width: 100%; border: none; outline: none; background-color: #f6f4f9; font-size: 18px; color: var(--qutiiz-gray); font-weight: 400; padding-left: 50px; padding-right: 75px; border-radius: var(--qutiiz-bdr-radius); } .error-page__form button[type=submit] { background-color: transparent; color: var(--qutiiz-black); font-size: 22px; position: absolute; top: 0; right: 0; bottom: 0; width: 70px; outline: none; border: none; display: flex; align-items: center; padding: 0; } .service-page-service-one { padding-bottom: 114px; } .services-page-cta-one { padding-top: 120px; } .contact-info { position: relative; display: block; padding: 120px 0 0; } .contact-info__single { position: relative; display: block; background-color: #f6f4f9; border-radius: var(--qutiiz-bdr-radius); text-align: center; padding: 50px 70px 41px; margin-bottom: 30px; } .contact-info__icon { position: relative; display: flex; align-items: center; justify-content: center; height: 142px; width: 142px; background-color: var(--qutiiz-primary); border-radius: 50%; margin: 0 auto; z-index: 1; } .contact-info__icon:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: var(--qutiiz-black); border-radius: 50%; transform: scale(0); transform-origin: center; transform-style: preserve-3d; transition: all .4s cubic-bezier(.62,.21,.45,1.52); z-index: -1; } .contact-info__single:hover .contact-info__icon:before { transform: scaleX(1); } .contact-info__icon span { position: relative; display: inline-block; font-size: 64px; color: var(--qutiiz-white); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .contact-info__single:hover .contact-info__icon span { transform: scale(.9); } .contact-info__title { font-size: 30px; font-weight: 500; text-transform: uppercase; line-height: 40px; margin-top: 20px; margin-bottom: 20px; } .contact-info__text { margin: 0; line-height: 30px; } .contact-info__single h4 { font-size: 18px; font-weight: 400; font-family: var(--qutiiz-font); line-height: 30px; } .contact-info__mail { color: var(--qutiiz-gray); display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-info__mail:hover { color: var(--qutiiz-primary); } .contact-info__phone { color: var(--qutiiz-gray); display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-info__phone:hover { color: var(--qutiiz-primary); } .contact-info__single-last { padding-bottom: 71px; } .contact-page-two { padding-top: 90px; } @keyframes rectMove { 0% { transform: rotate(45deg) translateY(0); } 25% { transform: rotate(43deg) translateY(-20px); } 50% { transform: rotate(45deg) translateY(-40px); } 75% { transform: rotate(43deg) translateY(-20px); } 100% { transform: rotate(45deg) translateY(0); } } @keyframes rectMove2 { 0% { transform: rotate(48deg) translateY(0); } 25% { transform: rotate(46deg) translateY(-20px); } 50% { transform: rotate(48deg) translateY(-40px); } 75% { transform: rotate(46deg) translateY(-20px); } 100% { transform: rotate(48deg) translateY(0); } } .swiper-button-prev, .swiper-button-next { background-image: none!important; } .blog-sidebar__content-single.tag-sticky-2 .blog-sidebar__content-box:before, .blog-sidebar__content-single.sticky .blog-sidebar__content-box:before { position: absolute; right: 0; content: ""; width: 40px; height: 40px; background-color: var(--qutiiz-primary,#6222cc); z-index: 10; clip-path: polygon(50% 0%,100% 0,100% 100%,50% 50%,0 100%,0 0); top: 5px; } .wp-block-cover-image .wp-block-cover-image-text, .blog-details__content .wp-block-cover-image .wp-block-cover-text, .blog-details__content .wp-block-cover-image h2, .blog-details__content .wp-block-cover .wp-block-cover-image-text, .blog-details__content .wp-block-cover .wp-block-cover-text, .blog-details__content .wp-block-cover h2 { color: #fff; } .blog-details__content>.wp-block-cover { margin-bottom: 32px; } .blog-details__content { font-size: 16px; line-height: 2; } .blog-details__content .wp-block-quote.has-text-align-right { border-right: 2px solid var(--qutiiz-black,#1e1e22); border-left: 0; } .blog-details__content .wp-block-quote.has-text-align-right::before { right: auto; left: 30px; transform: rotateX(-180deg); } .blog-details__content .blocks-gallery-caption { margin-bottom: 20px; } .blog-details__content blockquote:not([class*=has-]), .comment-content blockquote, .blog-details__content .wp-block-quote { background-color: #f6f4f9; border-left: 2px solid var(--qutiiz-black,#1e1e22); padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; position: relative; overflow: hidden; margin-bottom: 20px; margin-left: 0; margin-right: 0; border-radius: var(--qutiiz-bdr-radius); } blockquote { margin: 0 1.5em; } .blog-details__content blockquote:not([class*=has-])::before, .comment-content blockquote::before, .blog-details__content .wp-block-quote::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; bottom: 0; transform: rotate(180deg); font-size: 100px; color: var(--qutiiz-primary,#6222cc); opacity: .4; right: 30px; line-height: .9em; bottom: -25px; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-style: italic; } .comment-content strong, .blog-details__content strong { color: var(--qutiiz-black,#1e1e22); } .blog-details__content a:hover { color: var(--qutiiz-primary,#6222cc); transition: all 500ms ease; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; color: #40464d; } .wp-block-pullquote { margin: 0 0 1em; padding: 3em 0; text-align: center; border-radius: var(--qutiiz-bdr-radius); } .post .blog-details__content p.has-large-font-size { font-size: 2.25em; } .post .blog-details__content p.has-small-font-size { font-size: .9125em; } .wp-block-group.has-background { padding: 30px; } .wp-block-columns { margin: 30px 0; } .post-password-form label { font-weight: 600; } label { display: inline-block; margin-bottom: .5rem; } .blog-details__content .post-password-form label { font-size: 18px; font-weight: 600; color: var(--qutiiz-black,#1e1e22); } .comments-area h1, .blog-details__content h1, .comment-content h2, .blog-details__content h2, .comment-content h3, .blog-details__content h3, .comment-content h4, .blog-details__content h4, .comment-content h5, .blog-details__content h5, .comment-content h6, .blog-details__content h6 { margin-bottom: 1rem; color: var(--qutiiz-black,#1e1e22); } .blog-details__content .post-password-form label { font-size: 18px; font-weight: 600; color: var(--qutiiz-black,#1e1e22); } .blog-details__content .post-password-form input[type=password] { width: 200px; height: 50px; background-color: #f1f1f5; color: var(--qutiiz-gray,#717178); padding-left: 30px; display: inline-block; vertical-align: middle; border-radius: var(--qutiiz-bdr-radius); } .blog-details__content .post-password-form input[type=submit] { width: 120px; height: 50px; background-color: var(--qutiiz-black,#1e1e22); color: var(--qutiiz-base,#fff); padding: 0; text-align: center; text-transform: uppercase; display: inline-block; vertical-align: middle; transition: all 500ms ease; border-radius: var(--qutiiz-bdr-radius); } .blog-details__content .post-password-form input[type=submit]:hover { background-color: var(--qutiiz-primary,#6222cc); color: var(--qutiiz-base,#fff); } .post .blog-details__content>p { line-height: 2em; font-size: 16px; } .wp-block-cover-text strong { color: inherit; } .blog-details__content ul, .comments-area ul, .comments-area ol, .blog-details__content ol { margin: 0 0 .5em .5em; margin-left: 0; } .wp-block-archives-list li { display: flex; align-items: center; justify-content: space-between; color: var(--qutiiz-gray,#717178); position: relative; line-height: 34px; font-size: 16px; text-transform: capitalize; color: var(--qutiiz-gray,#717178); transition: all .3s ease; z-index: 1; } .wp-block-archives-list li a { color: inherit; transition: all 500ms ease; } .wp-block-archives.wp-block-archives-list { margin: 0; padding: 0; list-style: none; margin-bottom: 30px; } .wp-block-categories-dropdown select, .wp-block-archives-dropdown select { width: 100%; height: 60px; background-color: #f1f1f5; border: 1px solid #f1f1f5; outline: none; color: var(--qutiiz-gray,#717178); font-size: 16px; font-weight: 500; padding-left: 30px; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-family: var(--qutiiz-font,"Kumbh Sans",sans-serif); background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: .65em auto; border-radius: var(--qutiiz-bdr-radius); } .wp-block-categories-dropdown, .wp-block-archives-dropdown { margin-bottom: 30px; } .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: 3.25em; } .wp-block-latest-comments__comment-meta { font-size: 18px; line-height: 1.889; font-weight: 600; color: var(--qutiiz-black,#1e1e22); } .wp-block-latest-comments__comment-date { font-weight: 500; color: var(--qutiiz-gray,#717178); } .wp-block-latest-comments__comment-date { display: block; font-size: .75em; } .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li { position: relative; padding-left: 68px; min-height: 44px; } .wp-block-latest-comments { padding-left: 0; margin-left: 0; } .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--qutiiz-base,#fff); width: 44px; height: 44px; color: var(--qutiiz-black,#04000b); margin-right: 20px; transition: all 500ms ease; position: absolute; top: 6px; left: 0; } .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li:hover::before { background-color: var(--qutiiz-primary,#6222cc); color: var(--qutiiz-base,#fff); } .wp-block-latest-posts__list.has-dates li { position: relative; padding-left: 64px; font-size: 16px; line-height: 1.889; font-weight: 600; transition: all 500ms ease; color: var(--qutiiz-gray,#717178); } .wp-block-latest-posts__list.has-dates { margin: 0; padding: 0; margin-bottom: 30px; } .wp-block-latest-posts__list.has-dates li::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--qutiiz-black,#1e1e22); width: 44px; height: 44px; color: var(--qutiiz-base,#fff); transition: all 500ms ease; position: absolute; top: 10px; left: 0; } .wp-block-latest-posts__list.is-grid.has-dates li::before { position: relative; top: auto; left: 0; margin-bottom: 10px; } .wp-block-latest-posts__list.is-grid.has-dates li { padding-left: 0; } .wp-block-search label { font-size: 18px; color: var(--qutiiz-black,#1e1e22); font-weight: 600; } .wp-block-search input[type=search] { display: block; border: none; outline: none; width: 100%; max-width: 300px; position: relative; line-height: 40px; padding: 19px 80px 19px 35px; background: #f1f1f5; color: var(--qutiiz-gray,#717178); display: block; font-size: 16px; font-weight: 500; font-family: var(--qutiiz-font,"Kumbh Sans",sans-serif); width: 100%; height: 80px; border: 1px solid #f1f1f5; border-radius: 7px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .wp-block-search .wp-block-search__button { display: inline-block; vertical-align: middle; border: none; outline: none; background-color: var(--qutiiz-black,#1e1e22); text-align: center; border-radius: 5px; color: var(--qutiiz-base,#fff); padding: 18px 50px; font-size: 18px; font-weight: 700; -webkit-transition: all .4s ease; transition: all .4s ease; text-transform: uppercase; letter-spacing: .01em; } .wp-block-tag-cloud a { font-size: 18px!important; color: var(--qutiiz-gray,#717178); display: inline-block; vertical-align: middle; margin-left: 5px; transition: all 500ms ease; } .wp-block-rss li { position: relative; padding-left: 68px; font-size: 16px; font-weight: 600; color: var(--qutiiz-black,#1e1e22); min-height: 44px; } .wp-block-rss li+li { margin-top: 20px; } .wp-block-rss { margin: 0; padding: 0; list-style: none; } .wp-block-rss li::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--qutiiz-black,#1e1e22); width: 44px; height: 44px; color: var(--qutiiz-base,#fff); transition: all 500ms ease; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .blog-details__content .page-links { color: var(--qutiiz-black,#1e1e22); display: flex; align-items: center; } .page-links { clear: both; margin: 0 0 1.5em; } .blog-details__content .page-links span, .blog-details__content .page-links a { display: flex; width: 40px; height: 40px; display: flex; color: var(--qutiiz-black,#1e1e22); align-items: center; justify-content: center; text-align: center; background-color: #f1f1f5; margin-left: 10px; font-size: 14px; font-weight: 500; line-height: 1; transition: all 500ms ease; border-radius: var(--qutiiz-bdr-radius); } .blog-details__content .page-links span { background-color: var(--qutiiz-primary,#651fd4); color: var(--qutiiz-base,#fff); } .blog-details__content .page-links a:hover { background-color: var(--qutiiz-primary,#6222cc); color: var(--qutiiz-base,#fff); } .news-sidebar__left .blog-pagination { margin-top: 30px; } .blog-pagination { display: flex; align-items: center; line-height: 1; } .blog-widget-pagination { justify-content: center; margin-top: 30px; } .blog-pagination a, .blog-pagination span { display: flex; align-items: center; justify-content: center; line-height: 1; border: 1px solid var(--qutiiz-bdr-color,#e3e3e3); width: 50px; height: 50px; font-size: 16px; transition: all 500ms ease; border-radius: var(--qutiiz-bdr-radius); } .blog-pagination a.current, .blog-pagination a:hover, .blog-pagination span.current, .blog-pagination span:hover { background-color: var(--qutiiz-primary,#6222cc); border-color: var(--qutiiz-primary,#6222cc); color: var(--qutiiz-base,#fff); } .blog-pagination span+span, .blog-pagination a+span, .blog-pagination span+a, .blog-pagination a+a { margin-left: 10px; } .blog-details__content a, .comment-content a, .blog-details__content blockquote:not([class*=has-]) cite { color: var(--qutiiz-black); } .wp-block-latest-comments a, .wp-block-latest-posts__list.has-dates li a, .wp-block-rss li a { color: var(--qutiiz-black); } a.wp-block-button__link { background-color: var(--qutiiz-black); color: #fff; } .blog-details__content a.wp-block-file__button, .wp-block-cover strong, .wp-block-cover__inner-container a { color: #fff; } .main-menu--three { padding: 0; } .main-header--three .main-menu-wrapper { position: relative; display: flex; align-items: center; justify-content: space-between; } .main-header--three .main-menu-wrapper__logo { width: 210px; height: 110px; display: flex; align-items: center; justify-content: center; padding-top: 0; padding-bottom: 0; margin-right: 0; float: none; } .main-header--three .main-menu-wrapper__logo a { position: relative; display: inline-block; } .main-header--three .main-menu-wrapper__left { float: none; margin-left: auto; margin-right: auto; } .main-header--three .main-menu-wrapper__right { position: relative; display: flex; float: right; align-items: center; padding: 0; } .main-header--three .main-menu-wrapper__main-menu { float: none; } .main-header--three .main-menu-wrapper__call { position: relative; z-index: 1; width: 265px; height: 110px; display: flex; align-items: center; justify-content: center; background: var(--qutiiz-primary); } .main-header--three .main-menu-wrapper__search-box:before { position: absolute; top: -13px; bottom: -12px; left: -30px; content: ""; background-color: rgba(var(--qutiiz-white-rgb),.2); width: 1px; } .main-header--three .main-menu-wrapper__search-box { margin-right: 30px; padding: 0; } .main-slider--three { position: relative; display: block; } .main-slider--three .image-layer { opacity: .5; } .main-slider--three__shape1 { position: absolute; top: -70px; left: 205px; width: 370px; height: 370px; background: var(--qutiiz-primary); border-radius: 50%; mix-blend-mode: screen; opacity: 0; transform: rotate(0deg) translateY(-200px); z-index: 3; } .swiper-slide-active .main-slider--three__shape1 { opacity: 1; transform: rotate(0deg) translateY(0); transition: all 1000ms ease; transition-delay: 1500ms; } .main-slider--three__shape2 { position: absolute; top: 115px; left: 25px; width: 510px; height: 510px; background: var(--qutiiz-black); border-radius: 50%; mix-blend-mode: soft-light; opacity: 0; transform: rotate(0deg) translateX(-200px); z-index: 2; } .swiper-slide-active .main-slider--three__shape2 { opacity: 1; transform: rotate(0deg) translateY(0); transition: all 1000ms ease; } .main-slider--three__shape3 { position: absolute; right: 150px; bottom: 180px; width: 185px; height: 185px; background: var(--qutiiz-white); border-radius: 50%; mix-blend-mode: soft-light; transform: rotate(0deg) translateX(200px); opacity: 0; z-index: 3; } .swiper-slide-active .main-slider--three__shape3 { opacity: 1; transform: rotate(0deg) translateX(0); transition: all 1000ms ease; transition-delay: 2000ms; } .main-slider--three .container { position: relative; padding-top: 329px; padding-bottom: 235px; z-index: 30; } .main-slider--three .main-slider__content { text-align: left; } .main-slider--three h2 { color: var(--qutiiz-white); font-size: 110px; line-height: .9em; font-weight: 500; margin-bottom: 34px; margin-top: 0; opacity: 0; transition: all 1000ms ease; transform: translateY(80px); z-index: 30; } .main-slider--three .swiper-slide-active h2 { opacity: 1; transform: translateX(0); transition-delay: 1000ms; } .main-slider--three p { color: rgba(var(--qutiiz-white-rgb),.7); font-size: 18px; line-height: 34px; font-weight: 400; text-transform: none; font-family: var(--qutiiz-font); opacity: 0; transition: all 1500ms ease; transform: translateY(80px); } .main-slider--three .swiper-slide-active p { opacity: 1; transform: translateX(0); transition-delay: 1200ms; } .main-slider--three__btn { position: relative; display: flex; align-items: center; margin-top: 39px; opacity: 0; transition: all 1500ms ease; transform: translateY(80px); } .main-slider--three .swiper-slide-active .main-slider--three__btn { opacity: 1; transform: translateX(0); transition-delay: 1600ms; } .main-slider--three__btn1 { position: relative; display: block; } .main-slider--three__btn2 { position: relative; display: flex; align-items: center; margin-left: 20px; } .main-slider--three__btn2 .video-box { position: relative; display: block; } .main-slider--three__btn2 .video-box a { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: var(--qutiiz-black); border-radius: 50%; transition: all 200ms linear; transition-delay: .1s; } .main-slider--three__btn2:hover .video-box a { background: var(--qutiiz-primary); } .main-slider--three__btn2 .video-box a i { position: relative; display: block; line-height: 0; } .main-slider--three__btn2 .video-box a i::before { color: var(--qutiiz-white); font-size: 15px; line-height: 15px; } .main-slider--three__btn2 .title-box { position: relative; display: block; } .main-slider--three__btn2 .title-box h5 { color: var(--qutiiz-white); font-size: 18px; line-height: 28px; font-weight: 400; font-family: var(--qutiiz-reey-font); margin-left: 12px; } .main-slider__nav--two { position: absolute; top: 49%; left: 50%; z-index: 100; transform: translateY(-50%) translateX(-50%); display: flex; align-items: flex-end; flex-direction: column; max-width: 1200px; width: 100%; padding: 0 15px; height: 0; line-height: 0; } .main-slider__nav--two .swiper-button-next, .main-slider__nav--two .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: rgba(var(--qutiiz-white-rgb),.2); border: 2px solid rgba(var(--qutiiz-white-rgb),.2); background: transparent; border-radius: 50%; margin: 0; text-align: center; transition: all 500ms ease; padding: 23px 0; } .main-slider__nav--two .swiper-button-prev { margin-bottom: 10px!important; } .main-slider__nav--two .swiper-button-next:hover, .main-slider__nav--two .swiper-button-prev:hover { border: 2px solid rgba(var(--qutiiz-white-rgb),1); background-color: transparent; } .main-slider__nav--two .swiper-button-next i, .main-slider__nav--two .swiper-button-prev i { font-size: 20px; } .main-slider__nav--two .swiper-button-next i { margin-left: 3px; } .main-slider__nav--two .swiper-button-prev i { margin-right: 3px; } .main-slider__nav--two .swiper-button-next::after, .main-slider__nav--two .swiper-button-prev::after { display: none; } .main-slider__nav--two .swiper-button-prev { margin-bottom: 0; } .main-slider__nav--two .swiper-button-prev .icon-left-arrow { position: relative; transform: rotate(180deg); } .features-one { position: relative; display: block; background: var(--qutiiz-black); padding: 80px 0 80px; z-index: 1; } .features-one .auto-container { position: relative; display: block; max-width: 1920px; padding: 0 15px; margin: 0 auto; } .features-one__single { position: relative; display: block; border-right: 1px solid rgba(var(--qutiiz-white-rgb),.1); } .features-one__single:last-child { border-right: none; } .features-one__single-inner { position: relative; display: block; } .features-one__icon { position: relative; display: block; } .features-one__icon span::before { position: relative; display: inline-block; color: var(--qutiiz-primary); font-size: 60px; line-height: 60px; transition-delay: .1s; transition: all 500ms ease; } .features-one__single:hover .features-one__icon span::before { transform: rotateY(180deg); transition-delay: .1s; } .features-one__title { font-size: 20px; line-height: 30px; font-weight: 500; text-transform: uppercase; margin-top: 8px; margin-bottom: 19px; } .features-one__title a { color: var(--qutiiz-white); transition: all 200ms linear; transition-delay: .1s; } .features-one__single:hover .features-one__title a { color: var(--qutiiz-primary); } .features-one__text { color: #a09baa; font-size: 16px; line-height: 30px; margin: 0; } .welcome-one { position: relative; display: block; padding: 120px 0 120px; } .welcome-one__img { position: relative; display: block; overflow: hidden; max-width: 550px; width: 100%; border-radius: var(--qutiiz-bdr-radius); } .welcome-one__img::before { position: absolute; left: 0; bottom: 0; border-left: 180px solid var(--qutiiz-primary); border-top: 180px solid transparent; border-right: 180px solid transparent; content: ""; z-index: 5; overflow: hidden; } .welcome-one__img-inner { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); background: var(--qutiiz-black); overflow: hidden; } .welcome-one__img-inner::before { position: absolute; top: 0; left: -100%; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right,rgba(var(--qutiiz-primary-rgb),.7) 0%,rgba(var(--qutiiz-primary-rgb),.3) 100%); transform: skewX(25deg); z-index: 2; } .welcome-one__img:hover .welcome-one__img-inner::before { -webkit-animation: shine 1.9s; animation: shine 1.9s; } .welcome-one__img-inner img { width: 100%; mix-blend-mode: luminosity; transition: all 500ms linear; transition-delay: .2s; } .welcome-one__img:hover .welcome-one__img-inner img { transform: scale(1.1) rotate(0deg); transition: all 500ms linear; transition-delay: .1s; } .welcome-one__content { position: relative; display: block; margin-left: 70px; } .welcome-one__content .section-title { margin-bottom: 29px; } .welcome-one__text { margin: 0; } .welcome-one__content-bottom-content { position: relative; display: block; margin-top: 33px; } .welcome-one__content-bottom-content-single { position: relative; display: block; padding-left: 20px; } .welcome-one__content-bottom-content-single::before { position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: var(--qutiiz-primary); border-radius: 50%; content: ""; } .welcome-one__content-bottom-content-single h3 { font-size: 20px; line-height: 25px; font-weight: 600; text-transform: uppercase; margin-bottom: 9px; } .welcome-one__content-bottom-content-single p { font-size: 16px; margin: 0; } .services-three { position: relative; display: block; background: #fff; padding: 120px 0 90px; overflow: hidden; z-index: 1; } .services-three__bg { position: absolute; top: 0; left: 0; right: 0; height: 512px; background: #f6f4f9; content: ""; z-index: -1; } .services-three__single { position: relative; display: block; margin-bottom: 30px; } .services-three__single-img { position: relative; display: block; } .services-three__single-img-inner { position: relative; display: block; background: var(--qutiiz-black); overflow: hidden; border-top-left-radius: var(--qutiiz-bdr-radius); border-top-right-radius: var(--qutiiz-bdr-radius); z-index: 1; } .services-three__single-img-inner:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(var(--qutiiz-black-rgb),.3); opacity: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-90deg) scale(.2); -ms-transform: perspective(400px) rotateX(-90deg) scale(.2); transform: perspective(400px) rotateX(-90deg) scale(.2); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; border-top-left-radius: var(--qutiiz-bdr-radius); border-top-right-radius: var(--qutiiz-bdr-radius); z-index: 1; } .services-three__single:hover .services-three__single-img-inner:before { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg) scale(1); -ms-transform: perspective(400px) rotateX(0deg) scale(1); transform: perspective(400px) rotateX(0deg) scale(1); } .services-three__icon { position: absolute; display: flex; align-items: center; justify-content: center; right: 30px; bottom: -57px; width: 115px; height: 115px; background: #fff; box-shadow: 0 10px 30px 0 rgba(0,0,0,.05); border-radius: 50%; z-index: 2; } .services-three__icon:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--qutiiz-primary); border-radius: 50%; transition: .5s; transform: scale(.5); opacity: 0; content: ""; z-index: -1; } .services-three__single:hover .services-three__icon:before { transform: scale(1); opacity: 1; } .services-three__icon span { position: relative; display: block; line-height: 0; } .services-three__icon span::before { color: var(--qutiiz-primary); font-size: 60px; line-height: 60px; transition: all 200ms linear; transition-delay: .1s; } .services-three__single:hover .services-three__icon span::before { color: #fff; } .services-three__single-img-inner img { width: 100%; mix-blend-mode: luminosity; } .services-three__single-content { position: relative; display: block; background: #fff; border: 1px solid #e2e0e5; border-top: none; border-bottom-left-radius: var(--qutiiz-bdr-radius); border-bottom-right-radius: var(--qutiiz-bdr-radius); padding: 34px 40px 35px; transition: all 200ms linear; transition-delay: .1s; } .services-three__single:hover .services-three__single-content { box-shadow: 0 10px 60px 0 rgba(0,0,0,.07); } .services-three__title { font-size: 24px; line-height: 30px; font-weight: 500; text-transform: uppercase; margin-bottom: 13px; } .services-three__title a { color: var(--qutiiz-black); transition: all 200ms linear; transition-delay: .1s; } .services-three__single:hover .services-three__title a { color: var(--qutiiz-primary); } .services-three__text { font-size: 16px; margin: 0; margin-bottom: 13px; } .services-three__arrow { color: var(--qutiiz-gray); transition: all 200ms linear; transition-delay: .1s; } .services-three__arrow:hover { color: var(--qutiiz-primary); } .services-three__arrow span { position: relative; display: block; line-height: 0; } .services-three__arrow span::before { font-size: 20px; line-height: 20px; } .watch-video-one { position: relative; display: block; margin-bottom: -60px; z-index: 2; } .watch-video-one__img { position: relative; display: block; background-repeat: no-repeat; background-size: cover; background-position: center; background-blend-mode: luminosity; border-radius: var(--qutiiz-bdr-radius); background: var(--qutiiz-black); overflow: hidden; z-index: 1; } .watch-video-one__img::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(var(--qutiiz-black-rgb),.3); content: ""; z-index: -1; } .watch-video-one__inner { position: relative; display: block; padding: 135px 0 115px; } .watch-video-one__video-link { position: relative; display: block; margin-bottom: 36px; } .watch-video-one__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100px; height: 100px; line-height: 100px; text-align: center; margin: 0 auto; font-size: 20px; color: var(--qutiiz-white); background-color: var(--qutiiz-primary); border-radius: 50%; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } .watch-video-one__video-icon:hover { background-color: var(--qutiiz-white); color: var(--qutiiz-primary); } .watch-video-one__video-icon:before { position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; content: ""; border-radius: 50%; border: 1px solid var(--qutiiz-white); opacity: .2; z-index: 1; } .watch-video-one__video-link .ripple, .watch-video-one__video-icon .ripple:before, .watch-video-one__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 130px; height: 130px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -ms-box-shadow: 0 0 0 0 rgba(var(--qutiiz-white-rgb),.6); -o-box-shadow: 0 0 0 0 rgba(var(--qutiiz-white-rgb),.6); -webkit-box-shadow: 0 0 0 0 rgba(var(--qutiiz-white-rgb),.6); box-shadow: 0 0 0 0 rgba(var(--qutiiz-white-rgb),.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; border-radius: 50%; } .watch-video-one__video-icon .ripple:before { -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .watch-video-one__video-icon .ripple:after { -webkit-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } .watch-video-one__title { color: var(--qutiiz-white); font-size: 50px; line-height: 50px; font-weight: 400; text-transform: uppercase; text-align: center; } .why-choose-three { position: relative; display: block; background: #f6f4f9; padding: 180px 0 120px; } .why-choose-three__left { position: relative; display: block; max-width: 505px; width: 100%; } .why-choose-three__left .section-title { margin-bottom: 31px; } .why-choose-three__text1 { color: var(--qutiiz-primary); font-size: 30px; line-height: 36px; font-weight: 400; text-transform: uppercase; margin-bottom: 28px; } .why-choose-three__text2 { margin: 0; } .why-choose-three__tab { position: relative; display: block; } .why-choose-three__tab .tab-buttons { position: relative; display: block; margin-bottom: 39px; } .why-choose-three__tab .tab-buttons .tab-btn { position: relative; display: inline-block; margin-right: 5px; } .why-choose-three__tab .tab-buttons .tab-btn:last-child { margin-right: 0; } .why-choose-three__tab .tab-buttons .tab-btn.thm-btn { font-size: 14px; font-weight: 500; padding: 9px 40px 8px; color: #fff; background: var(--qutiiz-black); cursor: pointer; } .why-choose-three__tab .tab-buttons .tab-btn.thm-btn::after, .why-choose-three__tab .tab-buttons .tab-btn.thm-btn.active-btn { background: var(--qutiiz-primary); } .why-choose-three__tab .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .why-choose-three__tab .tabs-content .tab.active-tab { display: block; margin-top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .why-choose-three__tab-inner { position: relative; display: block; } .why-choose-three__tab-inner-text { margin: 0; margin-bottom: 29px; } .why-choose-three__tab-inner-bottom { position: relative; display: block; border-top: 1px solid #dddbe0; padding-top: 40px; } .why-choose-three__tab-inner-bottom-img { position: relative; display: block; background: var(--qutiiz-black); border-radius: var(--qutiiz-bdr-radius); overflow: hidden; } .why-choose-three__tab-inner-bottom-img::before { position: absolute; top: 0; right: 0; bottom: 0; width: 10px; background: var(--qutiiz-primary); content: ""; z-index: 5; } .why-choose-three__tab-inner-bottom-img img { width: 100%; mix-blend-mode: luminosity; } .why-choose-three__tab-inner-bottom-text { position: relative; display: block; margin-top: 1px; } .why-choose-three__tab-inner-bottom-text ul { position: relative; display: block; } .why-choose-three__tab-inner-bottom-text ul li { position: relative; display: block; margin-bottom: 15px; } .why-choose-three__tab-inner-bottom-text ul li:last-child { margin-bottom: 0; } .why-choose-three__tab-inner-bottom-text ul li p { color: var(--qutiiz-black); font-size: 16px; line-height: 20px; font-weight: 500; margin: 0; } .why-choose-three__tab-inner-bottom-text ul li p span { position: relative; display: inline-block; color: var(--qutiiz-primary); font-size: 16px; line-height: 20px; padding-right: 10px; transition: all 200ms linear; transition-delay: .1s; } .why-choose-three__tab-inner-bottom-text ul li:hover p span { color: var(--qutiiz-black); } .project-one--three { position: relative; display: block; } .project-one--three .project-one__single { position: relative; display: block; overflow: hidden; border-radius: var(--qutiiz-bdr-radius); } .project-one--three .project-one__hover { padding: 26px 60px 37px; } .qutiiz-ready-two--three { position: relative; display: block; padding: 100px 0 240px; } .counter-two--three { position: relative; display: block; margin-top: -120px; z-index: 2; } .get-in-touch-one { position: relative; display: block; background: #f6f4f9; padding: 330px 0 120px; margin-top: -210px; z-index: 1; } .get-in-touch-one .shape1 { position: absolute; bottom: 0; right: 0; opacity: .04; z-index: -1; } .get-in-touch-one__bg { position: absolute; top: 330px; left: 0; bottom: 131px; right: 0; width: calc((100% - 70px) / 2); border-top-right-radius: var(--qutiiz-bdr-radius); border-bottom-right-radius: var(--qutiiz-bdr-radius); background: var(--qutiiz-black); background-blend-mode: luminosity; background-position: top left; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .get-in-touch-one__video-link { position: absolute; bottom: 0; right: 0; } .get-in-touch-one__video-icon { height: 140px; width: 165px; background-color: var(--qutiiz-primary); font-size: 25px; color: var(--qutiiz-white); display: flex; align-items: center; justify-content: center; border-top-left-radius: 8px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .get-in-touch-one__video-icon:hover { background-color: var(--qutiiz-black); } .get-in-touch-one__video-icon .ripple, .get-in-touch-one__video-icon .ripple:before, .get-in-touch-one__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 158px; height: 136px; transform: translate(-50%,-50%); -ms-box-shadow: 0 0 0 0 rgba(var(--qutiiz-primary-rgb),.6); -o-box-shadow: 0 0 0 0 rgba(var(--qutiiz-primary-rgb),.6); box-shadow: 0 0 0 0 rgba(var(--qutiiz-primary-rgb),.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; border-top-left-radius: 8px; } .get-in-touch-one__video-icon .ripple:before { -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .get-in-touch-one__video-icon .ripple:after { -webkit-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } .get-in-touch-one__content { position: relative; display: block; max-width: 500px; width: 100%; float: right; } .get-in-touch-one__content .section-title { margin-bottom: 29px; } .get-in-touch-one__text1 { margin: 0; } .get-in-touch-one__content-middle { position: relative; display: block; margin-top: 39px; } .get-in-touch-one__content-middle-single { position: relative; display: block; } .get-in-touch-one__icon { position: relative; display: block; margin-bottom: 3px; } .get-in-touch-one__icon span { position: relative; display: inline-block; line-height: 0; transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .get-in-touch-one__content-middle-single:hover .get-in-touch-one__icon span { transform: scale(.9); } .get-in-touch-one__icon span::before { color: var(--qutiiz-primary); font-size: 60px; line-height: 60px; } .get-in-touch-one__title { font-size: 20px; line-height: 30px; font-weight: 500; text-transform: uppercase; margin-bottom: 11px; } .get-in-touch-one__text2 { margin: 0; } .get-in-touch-one__progress { position: relative; display: block; margin-top: 30px; } .get-in-touch-one__progress-single { position: relative; display: block; } .get-in-touch-one__progress-title { font-size: 20px; line-height: 30px; margin-bottom: 13px; text-transform: uppercase; font-weight: 500; } .get-in-touch-one__progress .bar { position: relative; width: 100%; height: 7px; background-color: var(--qutiiz-white); border-radius: 5px; margin-bottom: 11px; } .get-in-touch-one__progress .bar-inner { position: relative; display: block; width: 0; height: 7px; border-radius: 5px; background: var(--qutiiz-primary); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .get-in-touch-one__progress .count-text { position: absolute; right: -41px; bottom: 20px; color: var(--qutiiz-white); line-height: 22px; font-size: 12px; text-align: center; font-weight: 500; opacity: 0; background-color: var(--qutiiz-black); padding-left: 10px; padding-right: 10px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; font-family: var(--qutiiz-font-two); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .get-in-touch-one__progress .count-text:before { position: absolute; bottom: -6px; left: 0; border: 3px solid var(--qutiiz-black); content: ""; border-right: 4px solid transparent; border-bottom: 3px solid transparent; } .get-in-touch-one__progress .bar-inner.counted .count-text { opacity: 1; } .how-we-works-one { position: relative; display: block; background: var(--qutiiz-white); padding: 120px 0 120px; counter-reset: count; z-index: 1; } .how-we-works-one__single { position: relative; display: block; margin-bottom: 30px; } .how-we-works-one__single .shape1 { position: absolute; top: 75px; right: -93px; } .how-we-works-one__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 190px; height: 190px; border-radius: 50%; background: var(--qutiiz-white); border: 1px solid #e4e2e7; margin: 0 auto; margin-bottom: 24px; z-index: 1; } .how-we-works-one__icon::before { position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; background: #f6f4f9; border-radius: 50%; transition: .5s; transform: scale(.5); opacity: 0; z-index: -1; content: ""; } .how-we-works-one__single:hover .how-we-works-one__icon::before { transform: scale(1); opacity: 1; } .how-we-works-one__icon span { position: relative; display: inline-block; line-height: 0; transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .how-we-works-one__single:hover .how-we-works-one__icon span { transform: scale(.9); } .how-we-works-one__icon span::before { color: var(--qutiiz-primary); font-size: 60px; line-height: 60px; } .how-we-works-one__icon .count-box { position: absolute; top: 0; right: -15px; width: 65px; height: 65px; line-height: 65px; text-align: center; font-size: 20px; background: var(--qutiiz-primary); color: #fff; border-radius: 50%; font-family: var(--qutiiz-font-two); font-weight: 500; z-index: 1; transition: all 200ms linear; transition-delay: .1s; } .how-we-works-one__icon .count-box::before { top: 0; right: -15px; width: 65px; height: 65px; line-height: 65px; text-align: center; font-size: 20px; border-radius: 50%; font-family: var(--qutiiz-font-two); font-weight: 500; counter-increment: count; content: "0" counter(count); } .how-we-works-one__title { font-size: 24px; line-height: 30px; font-weight: 500; text-transform: uppercase; margin-bottom: 13px; } .how-we-works-one__title a { color: var(--qutiiz-black); transition: all 200ms linear; transition-delay: .1s; } .how-we-works-one__single:hover .how-we-works-one__title a { color: var(--qutiiz-primary); } .how-we-works-one__text { margin: 0; } .how-we-works-one__btn { position: relative; display: block; margin-top: 19px; } .cta-one--two { position: relative; display: block; background: var(--qutiiz-primary); padding-bottom: 0; } .cta-one--two .cta-one-shape-1 { right: 124px; } .cta-one--two .cta-one-shape-2 { top: -210px; right: -185px; width: 365px; height: 365px; border-radius: 0; z-index: 2; } .cta-one--two .cta-one__inner { padding: 88px 0 92px; } .blog-three { position: relative; display: block; background: var(--qutiiz-white); padding: 120px 0 90px; z-index: 1; } .blog-three::before { position: absolute; top: 0; left: 51%; bottom: 0; right: -99999px; background: #f6f4f9; content: ""; z-index: -1; } .blog-three__content { position: relative; display: block; } .blog-three__content .section-title { margin-bottom: 29px; } .blog-three__text { margin: 0; } .blog-three__right { position: relative; display: block; width: 1180px; } .blog-three .custom-nav { position: absolute; left: 0; right: 0; bottom: 174px; max-width: 1170px; width: 100%; margin: 0 auto; text-align: left; z-index: 10; } .blog-three .custom-nav .owl-prev { height: 65px; width: 65px; background: #f6f4f9; border-radius: 50%; color: var(--qutiiz-black); font-size: 20px; text-align: center; border: 0; transform: rotate(180deg); margin: 0; padding: 0; line-height: 20px; margin-right: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-three .custom-nav .owl-next { height: 65px; width: 65px; background: #f6f4f9; border-radius: 50%; color: var(--qutiiz-black); font-size: 20px; text-align: center; border: 0; margin: 0; padding: 0; line-height: 20px; margin-left: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-three .custom-nav .owl-prev:hover, .blog-three .custom-nav .owl-next:hover { color: var(--qutiiz-white); background-color: var(--qutiiz-primary); } .blog-three__right .owl-carousel .owl-stage-outer { overflow: visible; } .blog-three__right .owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease,visibility 500ms ease; } .blog-three__right .owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .testimonial-page { position: relative; display: block; background: #fff; padding: 120px 0 90px; } .testimonial-page .testimonial-one__single { position: relative; margin-bottom: 30px; } .brand-one--testimonial { position: relative; display: block; background: var(--qutiiz-primary); border-bottom: none; } .team-details { position: relative; display: block; background: #fff; padding: 120px 0 0; z-index: 1; } .team-details__top { position: relative; display: block; padding: 0 0 92px; } .team-details__top-left { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); overflow: hidden; } .team-details__top-img { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); background: var(--qutiiz-black); overflow: hidden; z-index: 1; } .team-details__top-img::before { position: absolute; top: 0; left: -100%; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right,rgba(var(--qutiiz-primary-rgb),.7) 0%,rgba(var(--qutiiz-primary-rgb),.3) 100%); transform: skewX(25deg); z-index: 1; } .team-details__top-img:hover::before { -webkit-animation: shine 1.9s; animation: shine 1.9s; } .team-details__top-img img { width: 100%; mix-blend-mode: luminosity; transition: all 500ms linear; transition-delay: .2s; } .team-details__top-img img:hover { transform: scale(1.1) rotate(0deg); transition: all 500ms linear; transition-delay: .1s; } .team-details__top-right { position: relative; display: block; margin-left: 70px; } .team-details__top-content { position: relative; display: block; margin-top: -7px; } .team-details__top-title { color: var(--qutiiz-gray); font-size: 16px; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: .1em; font-family: var(--qutiiz-font-two); margin: 0; margin-bottom: 6px; } .team-details__top-name { font-size: 40px; line-height: 50px; font-weight: 500; text-transform: uppercase; } .team-details__social { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 31px; margin-bottom: 28px; } .team-details__social a { position: relative; height: 45px; width: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: #f6f4f9; color: var(--qutiiz-black); font-size: 15px; border-radius: 50%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-details__social a:hover { background-color: var(--qutiiz-primary); color: var(--qutiiz-white); } .team-details__social a+a { margin-left: 10px; } .team-details__top-text-1 { color: var(--qutiiz-primary); font-size: 30px; line-height: 46px; font-weight: 400; margin: 0; } .team-details__top-text-2 { font-size: 18px; line-height: 34px; font-weight: 400; padding-top: 36px; padding-bottom: 34px; margin: 0; } .team-details__top-text-3 { font-size: 18px; line-height: 34px; font-weight: 400; margin: 0; } .team-details__certificate { position: relative; display: block; padding: 0 0 120px; } .team-details__certificate-title { position: relative; display: block; margin-bottom: 32px; } .team-details__certificate-title h2 { font-size: 24px; line-height: 34px; font-weight: 500; text-transform: uppercase; } .team-details__certificate-list { position: relative; display: flex; align-items: center; justify-content: center; margin-left: -15px; margin-right: -15px; } .team-details__certificate-single { position: relative; display: block; padding: 0 15px 0; } .team-details__certificate-single-img { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); overflow: hidden; background: var(--qutiiz-black); } .team-details__certificate-single-img:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.6); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; opacity: 0; z-index: 5; } .team-details__certificate-single:hover .team-details__certificate-single-img:before { opacity: 1; } .team-details__certificate-single-img img { width: 100%; mix-blend-mode: luminosity; } .team-details-bottom { position: relative; display: block; background: #f6f4f9; padding: 120px 0 109px; } .team-details-bottom__left { position: relative; display: block; } .team-details-bottom__left .section-title { margin-bottom: 0; } .team-details-bottom__right { position: relative; display: block; } .team-details-bottom__progress { position: relative; display: block; } .team-details-bottom__progress-single { position: relative; display: block; } .team-details-bottom__progress-title { font-size: 20px; line-height: 30px; margin-bottom: 13px; text-transform: uppercase; font-weight: 500; } .team-details-bottom__progress .bar { position: relative; width: 100%; height: 7px; background-color: var(--qutiiz-white); border-radius: 5px; margin-bottom: 11px; } .team-details-bottom__progress .bar-inner { position: relative; display: block; width: 0; height: 7px; border-radius: 5px; background: var(--qutiiz-primary); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .team-details-bottom__progress .count-text { position: absolute; right: -41px; bottom: 20px; color: var(--qutiiz-white); line-height: 22px; font-size: 12px; text-align: center; font-weight: 500; opacity: 0; background-color: var(--qutiiz-black); padding-left: 10px; padding-right: 10px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; font-family: var(--qutiiz-font-two); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .team-details-bottom__progress .count-text:before { position: absolute; bottom: -6px; left: 0; border: 3px solid var(--qutiiz-black); content: ""; border-right: 4px solid transparent; border-bottom: 3px solid transparent; } .team-details-bottom__progress .bar-inner.counted .count-text { opacity: 1; } .why-choose-four { position: relative; display: block; padding: 0 0 90px; } .counter-one--why-choose { position: relative; display: block; } .counter-one--why-choose .counter-one__single:before { top: -120px; } .why-choose-one--why-choose { padding-bottom: 120px; } .brand-one--why-choose { position: relative; display: block; background: #f6f4f9; border-bottom: none; } .business-growth-one { position: relative; display: block; background: #fff; padding: 120px 0 90px; } .business-growth-one__top { position: relative; display: block; margin-bottom: 45px; } .business-growth-one__top-left { position: relative; display: block; } .business-growth-one__top .section-title { margin-bottom: 0; } .business-growth-one__top-right { position: relative; display: block; margin-top: 21px; } .business-growth-one__top-right p { font-size: 16px; line-height: 30px; margin: 0; } .business-growth-one__bottom { position: relative; display: block; } .business-growth-one__single { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); overflow: hidden; margin-bottom: 30px; } .business-growth-one__single-img { position: relative; display: block; overflow: hidden; border-top-left-radius: var(--qutiiz-bdr-radius); border-top-right-radius: var(--qutiiz-bdr-radius); background: var(--qutiiz-black); } .business-growth-one__single-img::before { position: absolute; left: 0; bottom: 0; right: 0; background: var(--qutiiz-primary); height: 10px; content: ""; z-index: 5; } .business-growth-one__single-img::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; background: rgba(var(--qutiiz-black-rgb),.7); border-top-left-radius: var(--qutiiz-bdr-radius); border-top-right-radius: var(--qutiiz-bdr-radius); opacity: 0; z-index: 1; content: ""; } .business-growth-one__single:hover .business-growth-one__single-img::after { opacity: 1; } .business-growth-one__single-img img { width: 100%; mix-blend-mode: luminosity; transition: transform .5s ease; } .business-growth-one__single-content { position: relative; display: block; background: #fff; border: 1px solid #e2e0e5; border-top: none; padding: 34px 50px 40px; border-bottom-left-radius: var(--qutiiz-bdr-radius); border-bottom-right-radius: var(--qutiiz-bdr-radius); } .business-growth-one__single-content h3 { font-size: 22px; line-height: 26px; font-weight: 600; text-transform: uppercase; margin-bottom: 17px; } .business-growth-one__single-content h3 a { color: var(--qutiiz-black); transition: all 200ms linear; transition-delay: .1s; } .business-growth-one__single:hover .business-growth-one__single-content h3 a { color: var(--qutiiz-primary); } .business-growth-one__single-content p { font-size: 16px; line-height: 30px; margin: 0; } .shop-page { position: relative; display: block; background: #fff; padding: 120px 0; } .shop-sidebar { position: relative; display: block; } .shop-sidebar__single { padding: 24px 30px 30px; border: 1px solid #e2e0e5; margin-bottom: 30px; border-radius: 8px; } .shop-sidebar__single.shop-search { border: none; padding: 0; } .shop-search form { border-radius: 8px; position: relative; background-color: var(--qutiiz-primary); } .shop-search form button[type=submit] { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); color: var(--thm-black); background-color: transparent; padding: 0; width: auto; height: auto; display: flex; align-items: center; border: none; outline: none; } .shop-search form button i::before { color: #fff; font-size: 15px; font-weight: 700; } .shop-search form input[type=search], .shop-search form input[type=text] { width: 100%; height: 80px; background-color: var(--qutiiz-primary); border-radius: 8px; padding-left: 30px; padding-right: 50px; font-size: 18px; color: var(--qutiiz-white); font-family: var(--qutiiz-font); border: none; outline: none; } .shop-search form ::placeholder { color: inherit; opacity: 1; } .shop-sidebar__title { margin: 0; color: var(--qutiiz-black); font-size: 20px; font-weight: 500; text-transform: uppercase; margin-bottom: 25px; } .product-sidebar__price-range .noUi-horizontal { height: 7px; background-color: #f6f4f9; border: none; box-shadow: none; } .product-sidebar__price-range .noUi-handle { border-radius: 50%; width: 14px; height: 14px; background-color: var(--qutiiz-primary); border: none; outline: none; box-shadow: none; } .product-sidebar__price-range .noUi-horizontal .noUi-handle { top: -4px; right: -8px; } .product-sidebar__price-range .noUi-handle::before, .product-sidebar__price-range .noUi-handle::after { display: none; } .product-sidebar__price-range .noUi-connect { background-color: var(--qutiiz-primary); } .product-sidebar__price-range .form-group { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; margin-top: 20px; } .product-sidebar__price-range .form-group p { font-size: 14px; margin: 0; } .product-sidebar__price-range .form-group .left>span { margin-left: 5px; margin-right: 5px; } .product-sidebar__price-range .form-group .left { display: flex; align-items: center; } .product-sidebar__price-range .form-group .right { position: relative; display: block; } .product-sidebar__price-range .form-group .right button { outline: none; border: none; } .product-sidebar__price-range .form-group .right button.thm-btn { font-size: 12px; padding: 3px 20px 4px; } .shop-category { position: relative; display: block; } .shop-category ul { position: relative; margin-top: -15px; margin-left: -15px; margin-right: -15px; } .shop-category ul li { position: relative; line-height: 24px; font-size: 16px; text-transform: capitalize; color: var(--qutiiz-gray); margin-bottom: 5px; } .shop-category ul li:last-child { margin-bottom: 0; } .shop-category ul li a { position: relative; display: block; line-height: 24px; font-size: 16px; text-transform: capitalize; color: var(--qutiiz-gray); font-weight: 400; border-radius: 8px; transition: all .3s ease; z-index: 1; background: #fff; padding: 9px 15px 8px; } .shop-category ul li a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: #f6f4f9; border-radius: 8px; z-index: -1; transform: scaleY(0); transform-origin: left; transform-style: preserve-3d; transition: all 200ms linear; transition-delay: .1s; } .shop-category ul li a:hover:before { transform: scaleY(1); } .shop-category ul li:hover a, .shop-category ul li.active a { color: var(--qutiiz-black); font-weight: 400; background: #f6f4f9; } .shop-category ul li a:after { position: absolute; right: 15px; top: 5px; font-family: "icomoon"!important; content: ""; opacity: 1; font-size: 10px; line-height: 30px; font-weight: 700; transition: all 200ms linear; transition-delay: .1s; z-index: 1; } .shop-category ul li a:hover:after, .shop-category ul li.active a:after { color: var(--qutiiz-primary); } .product-sorting { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; } .product-sorting p { margin: 0; color: var(--qutiiz-gray); font-size: 18px; } .product-sorting .select-box { width: 340px; border-radius: var(--qutiiz-bdr-radius); } .product-sorting .nice-select { position: relative; display: block; height: 80px; line-height: 80px; background: #f6f4f9; border: none; font-family: var(--qutiiz-font); border-radius: var(--qutiiz-bdr-radius); color: var(--qutiiz-gray); font-size: 16px; font-weight: 400; padding-left: 30px; padding-right: 0; } .product-sorting .nice-select:after { position: absolute; top: 34px; right: 30px; width: 8px; height: 8px; border-bottom: 2px solid var(--qutiiz-gray); border-right: 2px solid var(--qutiiz-gray); margin-top: 0; z-index: 10; } .product-card { position: relative; display: block; } .product-card__image { position: relative; overflow: hidden; border-radius: 8px; background-color: var(--qutiiz-black,#04000b); display: block; width: 100%; } .product-card__image>img { width: 100%; mix-blend-mode: luminosity; opacity: 1; } .product-card__buttons { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transform: translateY(-30%); transition: 500ms ease; } .product-card:hover .product-card__buttons { opacity: 1; visibility: visible; transform: translateY(0); } .product-card__buttons .thm-btn { font-size: 14px; padding: 8px 40px 9px; } .product-card__content { position: relative; display: block; text-align: center; padding: 11px 0 0; } .product-card__title { margin: 0; font-size: 20px; line-height: 30px; font-weight: 500; text-transform: uppercase; margin-bottom: 3px; } .product-card__title a { color: var(--qutiiz-black); transition: all 500ms ease; } .product-card__title a:hover { color: var(--qutiiz-primary); } .product-card__price { color: var(--qutiiz-gray); font-size: 18px; line-height: 30px; font-weight: 500; font-family: var(--qutiiz-font-two); margin: 0; } .product-card__stars { display: flex; justify-content: center; align-items: center; margin-top: 12px; } .product-card__stars i { font-size: 14px; color: var(--qutiiz-primary); } .product-card__stars i+i { margin-left: 5px; } .product-details { position: relative; display: block; padding: 120px 0 90px; } .product-details__img { position: relative; display: block; border-radius: var(--qutiiz-bdr-radius); overflow: hidden; } .product-details__img img { width: 100%; } .product-details__top { position: relative; display: block; margin-top: -13px; } .product-details__title { font-size: 40px; line-height: 50px; font-weight: 500; text-transform: uppercase; margin: 0; } .product-details__title span { position: relative; display: inline-block; color: var(--qutiiz-primary); font-size: 20px; line-height: 26px; font-weight: 600; margin-left: 10px; } .product-details__reveiw { border-bottom: 1px solid #e2e0e5; display: flex; align-items: center; margin-top: 20px; padding-bottom: 30px; margin-bottom: 31px; } .product-details__reveiw i { font-size: 18px; color: var(--qutiiz-primary); } .product-details__reveiw i+i { margin-left: 3px; } .product-details__reveiw span { position: relative; top: 2px; line-height: 1; font-size: 18px; color: var(--qutiiz-gray); margin-left: 18px; } .product-details__content { position: relative; display: block; } .product-details__content-text1 { font-size: 16px; line-height: 30px; margin: 0; margin-bottom: 31px; } .product-details__content-text2 { font-size: 16px; line-height: 30px; margin: 0; } .product-details__quantity { position: relative; display: flex; align-items: center; margin-top: 20px; } .product-details__quantity-title { margin: 0; color: var(--qutiiz-black); font-size: 20px; line-height: 30px; font-weight: 500; text-transform: uppercase; margin-right: 30px; font-family: var(--qutiiz-font-two,"Barlow Condensed",sans-serif); } .product-details__quantity .quantity-box { position: relative; width: 98px; border-radius: 8px; height: 60px; } .product-details__quantity .quantity-box input { width: 98px; border-radius: 8px; height: 60px; border: 1px solid #e2e0e5; -webkit-appearance: textfield; -moz-appearance: textfield; font-family: var(--qutiiz-font); padding-left: 30px; outline: none; } .product-details__quantity .quantity-box button { width: 29px; height: 29px; background-color: transparent; color: var(--qutiiz-gray); font-size: 8px; position: absolute; top: 1px; right: 1px; background-color: #fff; border: none; border-left: 1px solid #e2e0e5; border-top-right-radius: 8px; display: flex; align-items: center; justify-content: center; outline: none; } .product-details__quantity .quantity-box button.sub { bottom: 1px; top: auto; border-top: 1px solid #e2e0e5; border-top-right-radius: 0; border-bottom-right-radius: 8px; } .product-details__buttons { position: relative; display: flex; align-items: center; margin-bottom: 17px; margin-top: 30px; } .product-details__buttons-1 { position: relative; display: block; } .product-details__buttons-1 .thm-btn { background: var(--qutiiz-black); } .product-details__buttons-1 .thm-btn::after { background: var(--qutiiz-primary); } .product-details__buttons-2 { position: relative; display: block; margin-left: 10px; } .product-details__social { position: relative; display: flex; align-items: center; } .product-details__social .title { position: relative; display: block; } .product-details__social .title h3 { color: var(--qutiiz-black); font-size: 20px; line-height: 25px; font-weight: 500; text-transform: uppercase; } .product-details__social-link { position: relative; display: block; margin-left: 30px; margin-top: 5px; } .product-details__social-link li { position: relative; display: inline-block; margin-right: 24px; } .product-details__social-link li:last-child { margin-right: 0; } .product-details__social-link li a { position: relative; display: block; color: var(--qutiiz-gray); font-size: 20px; line-height: 20px; transition: all 200ms linear; transition-delay: .1s; } .product-details__social-link li a:hover { color: var(--qutiiz-primary); } .product-description { position: relative; display: block; background: #fff; padding: 0 0 50px; } .product-description .container { padding: 0; } .product-description__title { font-size: 40px; line-height: 45px; font-weight: 500; margin-bottom: 24px; text-transform: uppercase; } .product-description__text1 { font-size: 16px; line-height: 30px; margin: 0; } .product-description__list { position: relative; display: block; margin-top: 26px; margin-bottom: 31px; } .product-description__list ul { position: relative; display: block; margin-left: 0; } .product-description__list ul li { position: relative; display: block; margin-bottom: 3px; } .product-description__list ul li:last-child { margin-bottom: 0; } .product-description__list ul li p { color: var(--qutiiz-black); margin: 0; } .product-description__list ul li p span:before { position: relative; display: inline-block; color: var(--qutiiz-primary); font-size: 15px; line-height: 15px; margin-right: 4px; } .product-description__tex2 { font-size: 16px; line-height: 30px; margin: 0; } .review-one { position: relative; display: block; } .comments-area { position: relative; display: block; border-top: 1px solid #e2e0e5; padding-top: 52px; } .review-one__title { position: relative; display: block; margin-bottom: 54px; } .review-one__title h3 { font-size: 36px; line-height: 40px; font-weight: 500; text-transform: uppercase; margin: 0; } .comments-area .comment-box { position: relative; display: block; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e2e0e5; } .comments-area .comment { position: relative; display: flex; align-items: center; } .comments-area .comment-box .author-thumb { position: relative; display: block; width: 165px; height: 165px; border-radius: 50%; overflow: hidden; background: var(--qutiiz-black); } .comments-area .comment-box .author-thumb img { width: 100%; mix-blend-mode: luminosity; } .review-one__content { position: relative; display: block; padding-left: 45px; flex: 1; } .review-one__content-top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .review-one__content-top .info { position: relative; display: block; } .review-one__content-top .info h2 { font-size: 22px; line-height: 34px; font-weight: 500; text-transform: uppercase; } .review-one__content-top .info h2 span { color: var(--qutiiz-primary); font-size: 16px; } .review-one__content-top .reply-btn { position: relative; display: block; } .review-one__content-top .reply-btn i:before { color: var(--qutiiz-primary); font-size: 15px; } .review-one__content-bottom { position: relative; display: block; } .review-one__content-bottom p { font-size: 16px; line-height: 30px; margin: 0; } .review-form-one { position: relative; display: block; margin-top: -8px; padding: 0 0 120px; } .review-form-one .comment-form { position: relative; display: block; } .review-form-one__title { font-size: 36px; line-height: 40px; font-weight: 500; text-transform: uppercase; margin-bottom: 13px; } .review-form-one__text { margin: 0; margin-bottom: 19px; } .review-form-one__text i:before { color: var(--qutiiz-primary); font-size: 15px; } .review-form-one__text i:first-child { margin-left: 10px; } .cart-page { position: relative; display: block; background: var(--qutiiz-white); padding: 114px 0 120px; } .cart-page .table-responsive { position: relative; display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } @media(max-width: 1199px) { .cart-table { min-width: 1170px; } } .cart-table { margin-bottom: 60px; } .cart-table thead th { color: var(--qutiiz-black); font-size: 24px; line-height: 30px; font-weight: 500; text-transform: uppercase; padding: 0; border: none; font-family: var(--qutiiz-font-two); padding-bottom: 24px; } .cart-table thead th:last-child { text-align: right; } .cart-table tbody tr { vertical-align: middle; } .cart-table tbody tr:last-child { border-bottom: 1px solid #e2e0e5; } .cart-table tbody td { font-size: 18px; color: var(--qutiiz-gray); vertical-align: middle; border-top: 1px solid #e2e0e5; padding-top: 30px; padding-bottom: 30px; padding-left: 0; padding-right: 0; } .cart-table tbody td:last-child { text-align: right; } .cart-table .product-box { display: flex; align-items: center; } .cart-table .product-box .img-box { position: relative; display: block; width: 120px; height: 120px; border-radius: var(--qutiiz-bdr-radius); overflow: hidden; margin-right: 35px; } .cart-table h3 { color: var(--qutiiz-black); font-size: 22px; margin-left: 36px; font-weight: 500; text-transform: uppercase; margin: 0; } .cart-table h3 a { color: var(--qutiiz-black); transition: all 200ms linear; transition-delay: .1s; } .cart-table h3 a:hover { color: var(--qutiiz-primary); } .cart-table .quantity-box { position: relative; width: 98px; border-radius: 8px; height: 60px; } .cart-table .quantity-box input { width: 98px; border-radius: 8px; height: 60px; border: 1px solid #e2e0e5; -webkit-appearance: textfield; -moz-appearance: textfield; font-family: var(--qutiiz-font); padding-left: 30px; outline: none; } .cart-table .quantity-box button { width: 29px; height: 29px; background-color: transparent; color: var(--thm-black); font-size: 8px; position: absolute; top: 1px; right: 1px; background-color: #fff; border-top-right-radius: 8px; display: flex; align-items: center; justify-content: center; outline: none; border: none; border-left: 1px solid #e2e0e5; } .cart-table .quantity-box button.sub { bottom: 1px; top: auto; border-top: 1px solid #e2e0e5; border-top-right-radius: 0; border-bottom-right-radius: 8px; } .cart-table .cross-icon { position: relative; display: block; } .cart-table .cross-icon i:before { position: relative; display: inline-block; color: var(--qutiiz-black); font-size: 22px; } .cart-cupon__form { position: relative; display: block; margin-bottom: 30px; } .cart-cupon__input { width: 100%; max-width: 385px; border-radius: 8px; background-color: #f6f4f9; padding-left: 30px; padding-right: 30px; margin-right: 10px; font-family: var(--qutiiz-font); font-size: 14px; color: var(--qutiiz-gray); height: 68px; margin-bottom: 20px; border: none; outline: none; } .cart-cupon__form ::placeholder { color: var(--qutiiz-gray); opacity: 1; } .cart-cupon__form button { top: -1px; border: none; outline: none; } .cart-total { position: relative; display: block; margin-bottom: 21px; margin-top: -11px; } .cart-total li { display: flex; justify-content: flex-end; align-items: center; color: var(--qutiiz-gray); font-size: 18px; } .cart-total li+li { margin-top: 10px; } .cart-total li span:first-child { display: block; color: var(--qutiiz-black); font-size: 20px; margin-right: 70px; font-weight: 500; text-transform: uppercase; font-family: var(--qutiiz-font-two); width: 133px; text-align: right; } .cart-total li:nth-child(2) span:first-child { position: relative; right: 6px; } .cart-page__buttons { position: relative; display: flex; align-items: center; } .cart-page__buttons-1 { position: relative; display: block; } .cart-page__buttons-1 .thm-btn { background: var(--qutiiz-black); } .cart-page__buttons-1 .thm-btn::after { background: var(--qutiiz-primary); } .cart-page__buttons-2 { position: relative; display: block; margin-left: 10px; } .checkout-page { position: relative; display: block; padding: 110px 0 120px; } .checkout-page .billing_details { position: relative; display: block; } .billing_title { position: relative; display: block; margin-bottom: 41px; } .billing_title p { font-size: 16px; margin: 0; } .billing_title span { color: var(--qutiiz-primary); } .billing_title h2 { font-size: 40px; line-height: 50px; margin: 0; font-weight: 500; text-transform: uppercase; margin-top: 5px; } .billing_details_form .btn-light { border: none; } .billing_details_form .btn-light:hover { border: none; } .billing_input_box input[type=text], .billing_input_box input[type=email], .billing_input_box input[type=tel] { height: 68px; width: 100%; border: none; background-color: #f6f4f9; padding-left: 30px; padding-right: 30px; margin-bottom: 10px; border-radius: var(--qutiiz-bdr-radius); outline: none; font-size: 14px; color: var(--qutiiz-gray); display: block; } .billing_details .checked-box { position: relative; display: block; margin-top: 1px; } .billing_details .checked-box label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0; margin-bottom: 0; color: var(--qutiiz-gray); font-size: 16px; line-height: 26px; font-weight: 400; text-transform: none; cursor: pointer; font-family: var(--qutiiz-font); } .billing_details .checked-box input[type=checkbox] { display: none; } .billing_details .checked-box input[type=checkbox]+label span { position: absolute; top: 4px; left: 0; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; background-color: transparent; background: var(--qutiiz-primary); cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .billing_details .checked-box label span:before { position: absolute; top: 3px; left: 5px; display: block; border-bottom: 2px solid #fff; border-right: 2px solid #fff; content: ""; width: 6px; height: 11px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; opacity: 0; } .billing_details.checked-box input[type=checkbox]:checked+label span { border-color: #fff; } .billing_details .checked-box input[type=checkbox]:checked+label span:before { opacity: 1; } .ship_different_address_title { margin-top: 39px; } .ship_different_address_title h2 span::before { position: relative; display: inline-block; color: var(--qutiiz-primary); font-size: 20px; top: -11px; } .ship_different_address_form .ship_different_input textarea { font-size: 14px; color: var(--qutiiz-gray); height: 140px; width: 100%; background-color: #f6f4f9; padding: 18px 30px 30px; border: none; outline: none; margin-bottom: 0; border-radius: var(--qutiiz-bdr-radius); } .billing_details_form .select-box .nice-select { background-color: #f6f4f9; border-radius: 8px; color: var(--qutiiz-gray); font-size: 14px; font-weight: 400; height: 68px; line-height: 68px; padding-left: 30px; padding-right: 30px; width: 100%; margin-bottom: 10px; } .billing_details_form .select-box .nice-select:after { position: absolute; right: 30px; } .your_order { position: relative; display: block; padding-top: 36px; } .your_order h2 { color: var(--qutiiz-black); font-size: 40px; line-height: 50px; font-weight: 500; margin: 0; text-transform: uppercase; margin-bottom: 41px; } .order_table_box { position: relative; width: 100%; border-bottom: 1px solid #e2e0e5; padding-bottom: 24px; } .order_table_detail { position: relative; width: 100%; } .order_table_head { position: relative; width: 100%; border-bottom: 1px solid #e2e0e5; border-top: 1px solid #e2e0e5; } .order_table_head th { font-size: 20px; color: var(--qutiiz-black); font-weight: 500; margin: 0; padding: 19px 0 22px; text-transform: uppercase; font-family: var(--qutiiz-font-two); } .order_table_head th.right { float: right; } .order_table_detail tbody td { padding: 29px 0 2px; } .order_table_detail tbody td.pro__title { color: var(--qutiiz-gray); font-size: 16px; line-height: 18px; } .order_table_detail tbody td.pro__price { color: var(--qutiiz-gray); font-size: 16px; line-height: 18px; text-align: right; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .checkout__payment { background-color: #f6f4f9; border-radius: 8px; padding: 49px 50px 18px; margin-bottom: 10px; } .checkout__payment__item+.checkout__payment__item { margin-top: 39px; } .checkout__payment__title { display: flex; color: var(--qutiiz-black); font-size: 20px; font-weight: 600; text-transform: uppercase; margin: 0; align-items: center; margin-bottom: 27px; cursor: pointer; } .checkout__payment__title::before { content: ""; width: 23px; height: 23px; background-color: #fff; border: 2px solid #e2e0e5; border-radius: 50%; margin-right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; margin-right: 15px; position: relative; top: 0; transition: all 500ms ease; } .checkout__payment__title img { margin-left: 15px; } .checkout__payment__item--active .checkout__payment__title::before { background-color: var(--qutiiz-primary); border-color: var(--qutiiz-primary); content: ""; } .checkout__payment__content { font-size: 16px; line-height: 30px; color: var(--qutiiz-gray); } body.boxed-wrapper { background-color: #f6f4f9; } .boxed-wrapper .page-wrapper { max-width: 1530px; margin-left: auto; margin-right: auto; background-color: #fff; -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.08); box-shadow: 0 0 100px 0 rgba(0,0,0,.08); } .home-showcase { margin-top: 0; margin-bottom: 0; } .home-showcase__inner { padding: 40px 40px 35px; background-color: #fff; box-shadow: 0 10px 60px 0 rgba(0,0,0,.07); border-radius: 8px; } .home-showcase .row { --bs-gutter-x: 42px; --bs-gutter-y: 20px; } .home-showcase__image { position: relative; background-color: var(--qutiiz-base); overflow: hidden; border-radius: 10px; } .home-showcase__image>img { width: 100%; border-radius: 10px; -webkit-transition: 500ms ease; transition: 500ms ease; -webkit-transform: scale(1); transform: scale(1); } .home-showcase__image:hover>img { opacity: .75; } .home-showcase__image:hover .home-showcase__buttons { -webkit-transform: scale(1,1); transform: scale(1,1); opacity: 1; visibility: visible; } .home-showcase__buttons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: scale(1,0); transform: scale(1,0); opacity: 0; visibility: hidden; -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: 500ms ease; transition: 500ms ease; } .home-showcase__buttons__item.thm-btn { padding: 10px 20px; width: 150px; text-align: center; justify-content: center!important; color: #fff!important; } .home-showcase__buttons__item+.home-showcase__buttons__item { margin-top: 10px; } .home-showcase__title { margin: 0; color: var(--qutiiz-black); font-size: 18px; font-weight: 500; text-transform: uppercase; text-align: center; margin-top: 15px; } .mobile-nav__wrapper .home-showcase .row [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .mobile-nav__wrapper .home-showcase__inner { padding: 15px 0; background-color: rgba(0,0,0,0); } .mobile-nav__wrapper .home-showcase__title { color: var(--qutiiz-white,#fff); } .main-menu-wrapper .main-menu__list>.megamenu { position: static; } .main-menu-wrapper .main-menu__list>.megamenu>ul { top: 100%!important; left: 0!important; right: 0!important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .main-menu-wrapper .main-menu__list>.megamenu>ul>li { padding: 0!important; } .stricky-header .megamenu-left .container { margin: 0 auto; margin-left: 25px; } .blog-one__content { padding-right: 38px; } .star-rating { overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; width: 6.4em; font-family: star; font-weight: 400; } .star-rating::before { content: "SSSSS"; opacity: .25; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0; color: var(--qutiiz-primary); } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: star; content: "S"; color: #404040; text-indent: 0; opacity: .25; } p.stars a:hover~a::before { content: "S"; color: #404040; opacity: .25; } p.stars:hover a::before { content: "S"; color: var(--qutiiz-primary); opacity: 1; } p.stars.selected a.active::before { content: "S"; color: var(--qutiiz-primary); opacity: 1; } p.stars.selected a.active~a::before { content: "S"; color: #404040; opacity: .25; } p.stars.selected a:not(.active)::before { content: "S"; color: var(--qutiiz-primary); opacity: 1; } .star-rating span:before, .star-rating::before, p.stars a:hover:after, p.stars a:after { color: var(--qutiiz-primary)!important; letter-spacing: 5px; } .sidebar .widget_rating_filter .star-rating { display: block; color: var(--qutiiz-primary); font-size: 16px; } .woocommerce-ordering { float: right; } .woocommerce-pagination { overflow: hidden; width: 100%; } .woocommerce div.product div.images.woocommerce-product-gallery { position: relative; } @media screen and (min-width: 992px) { .product-content { margin-top: 60px; } } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { -webkit-transition: all cubic-bezier(.795,-.035,0,1) .5s; transition: all cubic-bezier(.795,-.035,0,1) .5s; margin: 0; padding: 0; } .woocommerce div.product div.summary { margin-bottom: 2em; } a.woocommerce-product-gallery__trigger { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; } a.woocommerce-product-gallery__trigger img { display: none!important; } .woocommerce-product-gallery__trigger::after { content: ""; font-family: "Flaticon"!important; font-size: 16px; color: var(--qutiiz-primary,#6222cc); } .woocommerce .woocommerce-product-rating .star-rating { margin-right: 10px; float: left; } .comment-form-rating { display: block; overflow: hidden; } label.rate-this-pro { float: left; margin-right: 10px; } .comment-form-rating p.stars { padding-top: 5px; margin-bottom: 10px; } .product__card { display: grid; grid-gap: 30px; grid-template-columns: repeat(2,1fr); } @media(max-width: 991px) { .product__card { grid-template-columns: repeat(1,1fr); } .single-product div.product .woocommerce-product-gallery { grid-column-start: 1; grid-column-end: 3; width: 100%; } } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { background-color: #222; clear: both; color: #fff!important; border-radius: 8px; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; margin-bottom: 30px; text-align: center; text-align: left; display: inline-flex; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a { color: var(--qutiiz-base,var(--qutiiz-primary)); margin-right: 5px; margin-left: 5px; } .woocommerce-cart .woocommerce { padding-top: 120px; padding-bottom: 105px; } .woocommerce-checkout .woocommerce, .woocommerce-cart .woocommerce { max-width: 1200px; padding-left: 15px; padding-right: 15px; width: 100%; margin-left: auto; margin-right: auto; } .shop_table .product-thumbnail img { max-width: 120px; border-radius: 8px; } .shop_table .product-subtotal .amount, .shop_table .amount { font-family: var(--qutiiz-font); font-size: 16px; color: #686a6f; font-weight: 400; } table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th:last-child { margin-left: 0; padding-left: 0; } .shop_table tbody tr { border: 1px solid #e9ebee; border-left: 0; border-right: 0; } .shop_table td { border: 0; } .woocommerce-order-details .shop_table td, .order_details.shop_table tfoot tr th { border: 1px solid #e9ebee; } .woocommerce-checkout-review-order-table thead tr { border-top: 1px solid #e9ebee; border-bottom: 1px solid #e9ebee; } .woocommerce-cart-form .shop_table tbody tr:last-child, .woocommerce-checkout-review-order-table tbody tr, .cart_totals .shop_table tbody tr, .cart_totals .shop_table tbody th, .woocommerce-checkout .shop_table tfoot th { border: 0; } .woocommerce-checkout .shop_table tfoot tr:last-child { border-bottom: 1px solid #e9ebee; } .woocommerce-checkout .shop_table td { padding: 10px; padding-left: 0; padding-right: 0; } .woocommerce-order-details .shop_table td { padding-left: 20px; padding-right: 20px; } .cart_totals .shop_table td, .cart_totals .shop_table th { padding-top: 0; padding-bottom: 0; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details .woocommerce-table__line-item.order_item a, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details .woocommerce-table__product-name.product-name, .woocommerce-checkout .shop_table .cart_item .product-name, .woocommerce-checkout .shop_table tfoot tr th, .woocommerce-checkout .shop_table .amount { font-family: var(--qutiiz-font); font-size: 16px; font-weight: 400; text-transform: capitalize; } @media screen and (min-width: 768px) { .col2-set .form-row-first { float: left; margin-right: 3.8%; } .col2-set .form-row-last { float: right; margin-right: 0; } .col2-set .form-row-first, .col2-set .form-row-last { width: 48.1%; } } .woocommerce-password-strength { text-align: right; } .woocommerce-password-strength.strong { color: #0f834d; } .woocommerce-password-strength.short { color: #e2401c; } .woocommerce-password-strength.bad { color: #e2401c; } .woocommerce-password-strength.good { color: #3d9cd2; } .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #0f834d; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c; } .required { color: #f00; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews { background-color: #222; clear: both; color: #fff!important; border-radius: 8px; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-family: var(--qutiiz-font); font-size: 16px; margin-bottom: 30px; text-align: center; text-align: left; display: inline-flex; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a { color: var(--qutiiz-primary); margin-right: 5px; margin-left: 5px; } ul.woocommerce-error { display: block; } a.woocommerce-privacy-policy-link { color: var(--qutiiz-primary); } .woocommerce-error { list-style-type: none; margin-left: 0; } .woocommerce-error { background-color: #e2401c; } .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; background-color: #3d9cd2; z-index: 9999; } .sidebar__single.shop-one__sidebar__item { background-color: #fff; } .sidebar .wc-block-product-search .wc-block-product-search__fields { display: inline-flex; } .sidebar .wc-block-product-search .wc-block-product-search__field { max-width: 170px; } .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: var(--qutiiz-primary); box-sizing: border-box; margin-top: -.25em; opacity: 1; top: -4px; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 .25em rgba(0,0,0,.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: var(--qutiiz-primary); } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0,0,0,.1); } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } .sidebar .widget_product_search .searchform { position: relative; margin: 0; } .sidebar .widget_product_search .searchform input[type=text], .sidebar .widget_product_search .searchform input[type=search] { position: relative; line-height: 40px; padding: 19px 80px 19px 35px; background: #f6f4ec; color: #222429; display: block; font-size: 14px; font-weight: 300; letter-spacing: 0; width: 100%; height: 60px; border: 1px solid #f6f4ec; border-radius: 7px; font-family: var(--qutiiz-font); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sidebar .widget_product_search .searchform input:focus { border-color: #222429; } .sidebar .widget_product_search .searchform button { position: absolute; right: 10px; top: 3px; border: none; outline: none; padding: 0; height: 60px; width: 60px; line-height: 60px; display: block; font-size: 18px; color: #222429; background: none; font-weight: normal; } .sidebar .widget_product_search .searchform input:focus+button, .sidebar .widget_product_search .searchform button:hover { color: #181b1f; } .sidebar .wc-block-product-search__button { border: 1px solid; border-color: var(--qutiiz-base); border-radius: 3px; background: var(--qutiiz-base); color: rgba(0,0,0,.8); line-height: 1; padding: .6em 1em .4em; } .woocommerce-MyAccount-navigation ul, .sidebar .widget_product_categories ul, .sidebar .woocommerce-widget-layered-nav ul { position: relative; margin-top: -9px; } .woocommerce-MyAccount-navigation ul li, .sidebar .widget_product_categories ul li, .sidebar .woocommerce-widget-layered-nav ul li { position: relative; line-height: 30px; font-size: 20px; letter-spacing: 1px; text-transform: capitalize; color: var(--thm-text); font-weight: 300; margin-bottom: 15px; font-size: 16px; font-family: var(--qutiiz-font); letter-spacing: 0; font-weight: 400; } .woocommerce-MyAccount-navigation ul li:last-child, .sidebar .widget_product_categories ul li:last-child, .sidebar .woocommerce-widget-layered-nav ul li:last-child { margin-bottom: 0; } .woocommerce-MyAccount-navigation ul li a, .sidebar .widget_product_categories ul li a, .sidebar .woocommerce-widget-layered-nav ul li a { position: relative; display: inline-block; line-height: 30px; font-size: 20px; letter-spacing: 1px; text-transform: capitalize; color: var(--thm-text); font-weight: 300; transition: all .3s ease; z-index: 1; font-size: 16px; font-family: var(--qutiiz-font); letter-spacing: 0; font-weight: 400; } .woocommerce-MyAccount-navigation ul li>a:hover, .sidebar .widget_product_categories ul li>a:hover, .sidebar .woocommerce-widget-layered-nav ul li>a:hover, .sidebar .widget_product_categories ul li.active>a, .sidebar .woocommerce-widget-layered-nav ul li.active>a { color: #222429; text-shadow: 0 0 1px #222429; } .woocommerce-MyAccount-navigation ul ul, .sidebar .widget_product_categories ul ul, .sidebar .woocommerce-widget-layered-nav ul ul { margin-top: 15px; } .woocommerce-MyAccount-navigation ul li::after, .sidebar .widget_product_categories ul li:after, .sidebar .woocommerce-widget-layered-nav ul li:after { position: absolute; right: 0; top: -1px; font-family: "Flaticon"; content: ""; opacity: 1; font-size: 10px; line-height: 30px; font-weight: 700; z-index: 1; } .sidebar .widget_price_filter .ui-slider-horizontal { height: 7px; } .sidebar .widget_price_filter .ui-slider .ui-slider-handle { width: 14px; height: 14px; border-radius: 50%; border: none; margin-top: 0; margin-left: -1.5px; } .sidebar .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -13px; } .sidebar .widget_price_filter .theme-btn { border-radius: 5px; } .sidebar .widget_price_filter .theme-btn .btn-title { padding: 7px 21px 3px; font-size: 16px; } .widget_price_filter .price_slider_amount { display: flex; flex-direction: row-reverse; text-align: left; } .widget_price_filter .clear { display: none; } .widget_price_filter .price_label { margin-right: auto; padding-top: 3px; } .sidebar .widget_price_filter .price_slider_amount { font-family: var(--qutiiz-font); font-size: 16px; font-weight: 400; color: var(--thm-text); } .sidebar .widget_rating_filter .star-rating { display: block; color: var(--qutiiz-base); font-size: 16px; } .sidebar .widget_rating_filter a { display: flex; justify-content: space-between; align-items: center; color: #222429; } .sidebar .widget_rating_filter ul { margin-top: -10px; } .sidebar .widget_recently_viewed_products li+li, .sidebar .widget_recent_reviews li+li, .sidebar .widget_products li+li { margin-top: 20px; } .sidebar .widget_recently_viewed_products li .size-woocommerce_thumbnail, .sidebar .widget_recent_reviews li .size-woocommerce_thumbnail, .sidebar .widget_products li .size-woocommerce_thumbnail { width: 60px; border-radius: 7px; float: left; margin-right: 30px; } .sidebar .widget_recently_viewed_products li .product-title, .sidebar .widget_recent_reviews li .product-title, .sidebar .widget_products li .product-title { display: block; color: var(--qutiiz-primary,#6222cc); font-size: 18px; line-height: 1.3em; font-weight: 700; margin: 0; letter-spacing: 0; } .sidebar .widget_recently_viewed_products li ins, .sidebar .widget_recent_reviews li ins, .sidebar .widget_products li ins { background-color: transparent; } .sidebar .widget_recently_viewed_products li .star-rating, .sidebar .widget_recent_reviews li .star-rating { font-size: 14px; } .woocommerce-active .content-area .woocommerce-result-count { float: left; margin: 0; color: var(--thm-text); font-size: 18px; font-family: var(--qutiiz-font); padding-top: 18px; } .woocommerce-active .content-area .woocommerce-ordering { float: none; } @media(min-width: 768px) { .woocommerce-active .content-area .woocommerce-ordering { float: right; } } .shop-page .row { --bs-gutter-y: 50px; } .variations_form.cart select, .woocommerce-active .content-area .woocommerce-ordering select { border: none; outline: none; display: block; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; height: 70px; background-color: #f6f4f9; color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--qutiiz-font); letter-spacing: 0; border: 1px solid #f6f4ec; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: .65em auto; border-radius: 7px; margin-bottom: 50px; } .product-cart-btn { margin-top: 5px; } .product-cart-btn .btn-title { padding: 7px 21px 3px; font-size: 16px; } ul.products li.product .button { display: inline-block; } .shop-one__image { text-align: center; width: 100%; } .product .added_to_cart, .shop-one__image .added_to_cart { border: none; position: relative; display: inline-block; text-align: center; text-transform: uppercase; letter-spacing: .1em; background: var(--qutiiz-primary,#334b35); color: #fff; border-radius: 8px; overflow: hidden; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; position: relative; padding: 13px 21px; font-size: 12px; margin-top: 10px; margin-bottom: -11px; font-weight: 700; line-height: 1; } .product .added_to_cart:hover { background-color: var(--qutiiz-base); color: #222429; } .products .product { text-align: center; } .products .product .price { display: block; font-family: var(--qutiiz-font); color: var(--thm-text); font-size: 16px; line-height: 1; margin: 0; margin-bottom: 10px; font-weight: 400; } .products .product .shop-one__price ins { background-color: transparent; } .products .product .star-rating { margin-left: auto; margin-right: auto; font-size: 16px; margin-bottom: 5px; } .products .product .woocommerce-loop-product__title { margin: 0; color: #222429; font-size: 24px; font-weight: 400; text-transform: uppercase; margin-top: 25px; margin-bottom: 5px; } ul.products li.product img { border-radius: 8px; margin-left: auto; margin-right: auto; width: 100%; } ul.products li.product { position: relative; } ul.products li.product .onsale { background-color: #222429; color: #fff; padding-top: 5px; letter-spacing: .05em; text-transform: uppercase; display: inline-flex; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 5px; justify-content: center; align-items: center; text-align: center; border-radius: 8px; font-size: 15px; line-height: 1; position: absolute; top: 20px; left: 20px; } .woocommerce-active .product__card { display: grid; grid-gap: 30px; grid-template-columns: repeat(2,1fr); } @media(max-width: 991px) { .woocommerce-active .product__card { grid-template-columns: repeat(1,1fr); } .single-product div.product .woocommerce-product-gallery { grid-column-start: 1; grid-column-end: 3; width: 100%; } } .woocommerce-active .product__card .onsale { background-color: #222429; color: #fff; padding-top: 5px; letter-spacing: .05em; text-transform: uppercase; display: inline-flex; padding-left: 20px; padding-right: 20px; padding-top: 13px; padding-bottom: 10px; justify-content: center; align-items: center; text-align: center; border-radius: 8px; font-size: 16px; line-height: 1; position: absolute; top: 20px; left: 20px; z-index: 10; } .woocommerce-product-gallery__wrapper { margin-top: 0; overflow: hidden; border-radius: 8px; } .woocommerce-product-gallery__wrapper a img { width: 100%; border-radius: 10px; } .woocommerce-active .product .woocommerce-tabs { grid-column-start: 1; grid-column-end: 3; } .woocommerce-active .product .related.products { grid-column-start: 1; grid-column-end: 3; margin-top: 20px; } .product__card .product_title { font-size: 45px; text-transform: uppercase; margin: 0; margin-top: -10px; } .product__card .entry-summary { margin-top: 0; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 20px; right: 20px; } .single-product .woocommerce-grouped-product-list-item__price, .product__card .price { margin: 0; font-family: var(--qutiiz-font); color: var(--qutiiz-base); font-size: 20px; line-height: 1; margin-bottom: 20px; font-weight: 400; } .single-product .woocommerce-product-rating { display: flex; align-items: center; font-size: 18px; } .single-product .woocommerce-review-link { font-family: var(--qutiiz-font); color: var(--thm-text); font-size: 18px; color: var(--thm-text); position: relative; line-height: 1; font-weight: 400; margin-left: 10px; } .woocommerce-variation-description p, .single-product .woocommerce-product-details__short-description p { font-family: var(--qutiiz-font); font-size: 16px; line-height: 2.125em; margin-bottom: 20px; font-weight: 400; } .product-quantity .quantity, .single-product .quantity { position: relative; width: 98px; border-radius: 8px; height: 60px; } .product-quantity .quantity input, .single-product .quantity input { width: 98px; border-radius: 8px; height: 60px; border: 1px solid #e9ebee; -webkit-appearance: textfield; -moz-appearance: textfield; font-family: var(--qutiiz-font); padding-left: 30px; } .product-quantity .quantity button, .single-product .quantity button { width: 29px; height: 29px; background-color: transparent; color: #222429; font-size: 8px; position: absolute; top: 1px; right: 1px; background-color: #fff; border: 0; border-left: 1px solid #e9ebee; border-top-right-radius: 8px; display: flex; align-items: center; justify-content: center; } .product-quantity .quantity button.sub, .single-product .quantity button.sub { bottom: 1px; top: auto; border-top: 1px solid #e9ebee; border-top-right-radius: 0; border-bottom-right-radius: 8px; } .single-product .woocommerce-variation-add-to-cart, .single-product .cart { display: flex; align-items: center; flex-wrap: wrap; } .single-product .cart h2 { margin: 0; color: #222429; text-transform: uppercase; font-size: 24px; margin-right: 20px; } .single-product .woocommerce-variation-add-to-cart .cart-button-wrap, .single-product .cart .cart-button-wrap { margin-top: 30px; flex: 0 0 100%; } .single-product .product_meta { display: flex; flex-direction: column; margin-top: 20px; } .single-product .posted_in, .single-product .sku_wrapper { text-transform: uppercase; color: #222429; font-size: 22px; display: flex; align-items: center; } .single-product .posted_in a, .single-product .sku_wrapper span { font-family: var(--qutiiz-font); font-weight: 400; color: var(--thm-text); font-size: 16px; margin-left: 5px; text-transform: capitalize; position: relative; top: -2px; } .single-product .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity h2 { display: none; } .single-product .woocommerce-grouped-product-list-item__label label { margin: 0; color: var(--qutiiz-primary,#6222cc); text-transform: capitalize; font-weight: 700; font-size: 20px; } .single-product .woocommerce-grouped-product-list-item__label label a { color: inherit; transition: all 500ms ease; } .single-product .woocommerce-grouped-product-list-item__label label a:hover { color: var(--qutiiz-base); } .single-product .woocommerce-grouped-product-list-item__price { font-size: 18px; } .variations_form.cart label, .woocommerce-tabs .woocommerce-product-attributes-item__label { color: var(--qutiiz-primary,#6222cc); text-transform: capitalize; margin: 0; font-size: 20px; font-weight: 700; } .woocommerce-tabs .woocommerce-product-attributes-item__value { position: relative; top: 3px; } .variations_form.cart select { width: 250px; margin-bottom: 0; float: right; height: 50px; } #review_form .comment-respond { margin-top: 30px; } .single-product .woocommerce-product-rating { margin-bottom: 20px; } .woocommerce-checkout .woocommerce, .woocommerce-cart .woocommerce { max-width: 1200px; padding-left: 15px; padding-right: 15px; width: 100%; margin-left: auto; margin-right: auto; } .woocommerce-checkout .woocommerce { padding-top: 120px; padding-bottom: 120px; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th.woocommerce-table__product-name.product-name, .cart_totals h2, .shop_table thead th { font-family: var(--qutiiz-font-two); font-size: 24px; color: var(--qutiiz-black); font-weight: 500; padding-left: 0; padding-right: 0; padding-top: 13px; padding-bottom: 10px; border: none; text-transform: uppercase; } .cart_totals h2 { font-size: 40px; } .shop_table .product-thumbnail img { max-width: 120px; border-radius: 8px; } .shop_table .product-remove a { font-size: 34px; font-family: var(--qutiiz-font); color: var(--qutiiz-primary,var(--qutiiz-primary)); } .shop_table td { padding-top: 30px; padding-bottom: 30px; padding-left: 0; padding-right: 20px; } .cart_totals th, .shop_table .product-name:not(th), .shop_table .product-name a { margin: 0; color: var(--qutiiz-black); font-size: 22px; font-weight: 500; font-family: var(--qutiiz-font-two,"Averia Sans Libre",cursive); text-transform: uppercase; } .shop_table .product-subtotal .amount, .shop_table .amount { font-family: var(--qutiiz-font); font-size: 18px; color: #686a6f; font-weight: 400; } .shop_table .coupon label { display: none; } .shop_table tr { position: relative; } .shop_table .coupon input[type=text] { border: none; width: 100%; max-width: 370px; border-radius: 8px; background-color: #f6f4f9; padding-left: 30px; padding-right: 30px; margin-right: 10px; font-family: var(--qutiiz-font); font-size: 14px; color: var(--qutiiz-gray); height: 70px; margin: 0; margin-right: 15px; } .shop_table button[name=update_cart] { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .cart_totals td, .cart_totals th { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .cart_totals td { font-family: var(--qutiiz-font); font-size: 16px; color: #686a6f; font-weight: 400; } .cart_totals .woocommerce-shipping-methods { margin: 0; padding: 0; list-style: none; } .cart_totals p { margin: 0; } .shipping-calculator-form { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; } .shipping-calculator-form p:last-of-type, .shipping-calculator-form p:nth-child(1), .shipping-calculator-form p:nth-child(4) { grid-column-start: 1; grid-column-end: 3; } .shipping-calculator-form ::placeholder { opacity: 1; color: var(--thm-text); } .shipping-calculator-form input[type=text], .shipping-calculator-form .select2-container--default .select2-selection--single { width: 100%; border: none; outline: none; display: block; width: 100%; height: 70px; background-color: #f6f4ec; color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--qutiiz-font); letter-spacing: 0; border: 1px solid #f6f4ec; border-radius: 7px; display: flex; align-items: center; } .shipping-calculator-form p>span { display: block; width: 100%; } .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 20px; right: 20px; } .cart-collaterals { display: flex; justify-content: flex-end; } .cart_totals { width: 100%; max-width: 400px; } .woocommerce-cart .woocommerce { padding-top: 120px; padding-bottom: 105px; } .woocommerce-cart .woocommerce-notices-wrapper { margin-bottom: 0; } .woocommerce-cart .wc-proceed-to-checkout { text-align: right; } .woocommerce-checkout .col2-set { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { padding: 0!important; width: 100%; max-width: 100%; } #order_review_heading, .woocommerce-column__title, .woocommerce-order-details__title, .woocommerce-Address-title h3, .woocommerce-EditAccountForm fieldset legend, .woocommerce-checkout #customer_details h3 { margin: 0; display: flex; align-items: center; margin: 0; color: var(--qutiiz-black); font-weight: 500; font-family: var(--qutiiz-font-two); line-height: 1; margin-bottom: 40px; font-size: 40px; text-transform: uppercase; } .woocommerce-order-received h2.woocommerce-column__title { padding-top: 60px; } .woocommerce-checkout #customer_details h3 label { margin: 0; cursor: pointer; } .woocommerce-checkout #customer_details h3 label input { display: none; visibility: hidden; } .woocommerce-checkout #customer_details h3 label span { display: flex; align-items: center; } .woocommerce-checkout #customer_details h3 label span::after { content: ""; width: 19px; height: 19px; background-color: #f6f4ec; border-radius: 50%; margin-left: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; } .woocommerce-checkout #customer_details h3 label input:checked+span::after { content: ""; background-color: var(--qutiiz-base); } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; } .qutiiz-edit-address h3, .qutiiz-edit-address .form-row { margin-bottom: 30px; } .qutiiz-edit-address h3 { text-transform: uppercase; } .woocommerce-EditAccountForm label, .woocommerce-checkout .woocommerce-additional-fields__field-wrapper label, .woocommerce-checkout .woocommerce-billing-fields__field-wrapper label, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper label, .qutiiz-edit-address label { font-family: var(--qutiiz-font); color: var(--qutiiz-black); font-size: 24px; margin: 0; display: block; width: 100%; margin-bottom: 10px; } .woocommerce form .form-row .required { text-decoration: none; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p { margin: 0; float: none; width: 100%; display: block; } .woocommerce-checkout #customer_details { position: relative; margin-top: 30px; } .lost_reset_password input[type=text], .woocommerce-form-login input[type=text], .woocommerce-form-register input[type=email], .woocommerce-form-register input[type=text], .woocommerce-form-login input[type=password], .qutiiz-edit-address input[type=text], .qutiiz-edit-address input[type=email], .qutiiz-edit-address input[type=password], .qutiiz-edit-address input[type=tel], .qutiiz-edit-address input[type=url], .qutiiz-edit-address input[type=file], .qutiiz-edit-address input[type=number], .qutiiz-edit-address textarea, .woocommerce-EditAccountForm input[type=text], .woocommerce-EditAccountForm input[type=email], .woocommerce-EditAccountForm input[type=password], .woocommerce-EditAccountForm input[type=tel], .woocommerce-EditAccountForm input[type=url], .woocommerce-EditAccountForm input[type=file], .woocommerce-EditAccountForm input[type=number], .woocommerce-EditAccountForm textarea, .woocommerce-checkout #customer_details input[type=text], .woocommerce-checkout #customer_details input[type=email], .woocommerce-checkout #customer_details input[type=password], .woocommerce-checkout #customer_details input[type=tel], .woocommerce-checkout #customer_details input[type=url], .woocommerce-checkout #customer_details input[type=file], .woocommerce-checkout #customer_details input[type=number], .woocommerce-checkout #customer_details textarea { position: relative; display: block; height: 70px; width: 100%; font-size: 16px; color: #686a6f; line-height: 40px; font-weight: 400; padding: 14px 30px; letter-spacing: .1em; background-color: #f6f4f9; border: none; border-radius: 7px; transition: all 300ms ease; font-family: var(--qutiiz-font); font-size: 14px; font-weight: 400; letter-spacing: 0; } .woocommerce-EditAccountForm textarea, .woocommerce-checkout #customer_details textarea { height: 220px; resize: none; } .woocommerce-EditAccountForm ::placeholder, .woocommerce-checkout #customer_details ::placeholder { opacity: 1; color: var(--thm-text); } .woocommerce-checkout #customer_details ::-webkit-input-placeholder { opacity: 1; color: var(--thm-text); } .woocommerce-checkout #customer_details ::-moz-input-placeholder { opacity: 1; color: var(--thm-text); } .woocommerce-checkout #customer_details ::-ms-input-placeholder { opacity: 1; color: var(--thm-text); } .woocommerce-checkout #customer_details label.error { color: #f00; font-size: 18px; text-transform: capitalize; text-align: left; display: block; letter-spacing: 1px; padding-top: 7px; line-height: 24px; } .woocommerce-checkout .woocommerce-input-wrapper { display: block; width: 100%; } .woocommerce-checkout #customer_details .select2-container--default .select2-selection--single, .qutiiz-edit-address .select2-selection--single { width: 100%; border: none; outline: none; display: block; width: 100%; height: 70px; background-color: #f6f4f9; color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--qutiiz-font); letter-spacing: 0; border: 1px solid #f6f4f9; border-radius: 7px; display: flex; align-items: center; } .woocommerce-checkout #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow, .qutiiz-edit-address .select2-selection--single .select2-selection__arrow { top: 20px; right: 20px; } .woocommerce-checkout #customer_details #shipping_address_1_field, .woocommerce-checkout #customer_details #shipping_postcode_field, .woocommerce-checkout #customer_details #billing_email_field, .woocommerce-checkout #customer_details #shipping_address_2_field, .woocommerce-checkout #customer_details #billing_address_2_field, .woocommerce-checkout #customer_details #billing_address_1_field { grid-column-start: 1; grid-column-end: 3; } .woocommerce-checkout .shipping_address { margin-bottom: 30px; } .woocommerce-checkout #order_review_heading { margin-top: 60px; } .woocommerce-checkout #order_review::after { content: ""; clear: both; display: table; } .woocommerce-checkout .woocommerce-checkout-payment, .woocommerce-checkout .shop_table { float: left; width: calc(50% - 15px); } @media(max-width: 991px) { .woocommerce-checkout .woocommerce-checkout-payment, .woocommerce-checkout .shop_table { float: none; width: calc(100% - 0px); } } .woocommerce-checkout .shop_table { margin-right: 15px; } @media(max-width: 991px) { .woocommerce-checkout .shop_table { margin-right: 0; } } .woocommerce-checkout .woocommerce-checkout-payment { margin-left: 15px; } @media(max-width: 991px) { .woocommerce-checkout .woocommerce-checkout-payment { margin-left: 0; margin-top: 30px; } } .return-to-shop { margin-top: 30px!important; text-align: left!important; } .woocommerce-checkout .shop_table ul { margin: 0; padding: 0; list-style: none; } .woocommerce-checkout .shop_table ul li { font-family: var(--qutiiz-font); font-size: 16px; color: #686a6f; font-weight: 400; } .woocommerce-checkout .shop_table tfoot td, .woocommerce-checkout .shop_table tfoot th { padding-left: 20px; padding-right: 20px; padding-top: 13px; padding-bottom: 10px; } .woocommerce-checkout .shop_table tfoot th { margin: 0; font-size: 24px; font-weight: 300; padding-top: 10px; padding-bottom: 10px; } .woocommerce-checkout .shop_table { margin-bottom: 0; } .woocommerce-checkout-payment .wc_payment_methods { background-color: #f6f4f9; padding: 30px; border-radius: 10px; margin: 0; list-style: none; padding: 50px; padding-bottom: 34px; } .woocommerce-checkout-payment .place-order { padding-top: 0; } .woocommerce-checkout-payment .wc_payment_methods li label { display: flex; align-items: center; margin: 0; font-size: 20px; color: var(--qutiiz-primary); font-weight: 700; display: flex; align-items: center; margin-bottom: 20px; cursor: pointer; font-family: var(--qutiiz-font); text-transform: capitalize; } .woocommerce-checkout-payment .wc_payment_methods li+li { margin-top: 10px; } .woocommerce-checkout-payment .wc_payment_methods li input { display: none; } .woocommerce-checkout-payment .wc_payment_methods li label { margin-bottom: 10px; } .woocommerce-checkout-payment .wc_payment_methods li label::before { content: ""; width: 19px; height: 19px; background-color: #fff; border: 2px solid #e9ebee; border-radius: 50%; margin-right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; margin-right: 15px; position: relative; transition: all 500ms ease; } .woocommerce-checkout-payment .wc_payment_methods li input:checked+label::before { background-color: var(--qutiiz-primary); border-color: var(--qutiiz-primary); color: var(--qutiiz-base); content: ""; } .woocommerce-checkout-payment .wc_payment_methods li img { mix-blend-mode: multiply; width: 170px; margin-right: 10px; margin-left: 10px; } .checkout_coupon p { margin-bottom: 0; } .checkout_coupon p, .woocommerce-checkout-payment .place-order p, .woocommerce-checkout-payment .wc_payment_methods li p { font-size: 16px; line-height: 30px; color: #686a6f; font-family: var(--qutiiz-font); font-weight: 400; } .lost_reset_password .woocommerce-Button { margin-top: 20px; } .checkout_coupon button[type=submit]:hover, .woocommerce-EditAccountForm button[type=submit]:hover, .woocommerce-checkout-payment #place_order:hover { color: #fff; } .checkout_coupon { margin-top: 0; margin-bottom: 50px; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; max-width: 520px; } .checkout_coupon p:nth-child(1) { grid-column-start: 1; grid-column-end: 3; } .checkout_coupon input[type=text] { border: none; width: 100%; max-width: 370px; border-radius: 8px; background-color: #f6f4f9; padding-left: 30px; padding-right: 30px; margin-right: 10px; font-family: var(--qutiiz-font); font-size: 14px; color: var(--qutiiz-gray); height: 70px; margin: 0; } .woocommerce-account .woocommerce { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; width: 100%; display: grid; grid-template-columns: 300px 1fr; grid-gap: 30px; padding-top: 120px; padding-bottom: 100px; } .woocommerce-account.woocommerce-lost-password .woocommerce { display: block; } .woocommerce-order-overview { margin: 0; padding: 0; list-style: none; margin-bottom: 10px; } legend { float: none; } .woocommerce-form-login label, .woocommerce-form-register label { display: block; } .woocommerce-MyAccount-content, .woocommerce-order p, .woocommerce-order address, .woocommerce-order-overview li { font-family: var(--qutiiz-font); font-weight: 400; font-size: 16px; } .woocommerce-MyAccount-content a { color: var(--qutiiz-primary); } .woocommerce b, .woocommerce strong { color: #222429; } .woocommerce-order-details { margin-bottom: 60px; margin-top: 60px; } .woocommerce-Addresses { display: grid; grid-gap: 30px; grid-template-columns: repeat(2,1fr); } .woocommerce-Addresses .col-2, .woocommerce-Addresses .col-1 { padding: 0; width: 100%; max-width: 100%; } .woocommerce-EditAccountForm .clear { display: none; } .woocommerce-EditAccountForm { margin-bottom: 20px; } .woocommerce-EditAccountForm fieldset, .woocommerce-EditAccountForm { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px; width: 100%; } .woocommerce-EditAccountForm p:nth-child(4), .woocommerce-EditAccountForm p:nth-child(6), .woocommerce-EditAccountForm fieldset { grid-column-start: 1; grid-column-end: 3; padding: 0; } .woocommerce-EditAccountForm p { margin: 0; } .woocommerce-EditAccountForm label { font-size: 20px; } .woocommerce-EditAccountForm p>span { display: block; width: 100%; } .woocommerce-EditAccountForm input+span { margin-top: 10px; } .woocommerce-EditAccountForm fieldset legend { margin-top: 20px; } .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; position: relative; display: block; padding: 35px 45px; background: #f6f4f9; border-radius: 7px; } @media(max-width: 991px) { .shop_table button[name=update_cart] { position: relative; margin-top: 20px; top: auto; right: auto; transform: translateY(0); } } @media(max-width: 767px) { table.shop_table_responsive .product-thumbnail { justify-content: center; } table.shop_table_responsive .product-thumbnail::before { display: none; } table.shop_table_responsive tr td.actions { flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } table.shop_table_responsive tr td.actions .coupon { text-align: left; } table.shop_table_responsive tr td.actions .coupon button[type=submit] { margin-top: 20px; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p, .woocommerce-EditAccountForm p { grid-column-start: 1; grid-column-end: 3; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; } } @media(max-width: 991px) { .woocommerce-checkout #order_review, .woocommerce-account .woocommerce, .woocommerce-checkout .col2-set { grid-template-columns: 1fr; } } .woocommerce-terms-and-conditions-wrapper { margin-bottom: 5px; } abbr[title] { border-bottom: none; } .single-product div.product { position: relative; } .single-product div.product .woocommerce-product-gallery { position: relative; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 30px; right: 30px; z-index: 99; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1em; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { margin: 0; padding: 0; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: left; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: .5; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 48.1%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 30.79667%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 20.15%; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { border-radius: 10px; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 16.96%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; } .stock:empty::before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } ul.products { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 30px; width: 100%; } @media(min-width: 768px) { ul.products { grid-template-columns: repeat(2,1fr); } } @media(min-width: 992px) { ul.products { grid-template-columns: repeat(3,1fr); } } ul.products li.product { list-style: none; position: relative; } ul.products li.product img { display: block; } ul.products li.product .button { display: block; } .shop-one__product-count { display: inline-block; margin-bottom: 20px; } .entry-summary .yith-wcwl-add-to-wishlist { margin-top: 0; margin-bottom: 20px; } .entry-summary .thm-btn.cart-btn { margin-right: 10px; margin-bottom: 20px; } .entry-summary .yith-wcwl-icon { display: none; } .entry-summary .single_add_to_wishlist { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; outline: none!important; background-color: var(--qutiiz-black); color: var(--qutiiz-white); font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 17px 60px 17px; transition: all .3s linear; overflow: hidden; z-index: 1; font-family: var(--qutiiz-font-two); letter-spacing: .1em; border-radius: var(--qutiiz-bdr-radius); } .entry-summary .single_add_to_wishlist:after { content: ""; background: var(--qutiiz-primary); } .entry-summary .single_add_to_wishlist:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--qutiiz-primary); transform: scale(0); -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; border-radius: var(--qutiiz-bdr-radius); opacity: 1; z-index: -1; } .entry-summary .single_add_to_wishlist:hover:after { opacity: 1; transform: scale(1); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } .checkout-button, .return-to-shop .button, .shop_table .button, .form-row.place-order .button, .woocommerce-form-coupon .button, .woocommerce-EditAccountForm .woocommerce-Button, .woocommerce-button, .qutiiz-edit-address button { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; outline: none!important; background-color: var(--qutiiz-primary); color: var(--qutiiz-white); font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 32px; padding: 17px 60px 17px; transition: all .3s linear; overflow: hidden; z-index: 1; font-family: var(--qutiiz-font-two); letter-spacing: .1em; border-radius: var(--qutiiz-bdr-radius); } .checkout-button:after, .return-to-shop .button:after, .shop_table .button:after, .form-row.place-order .button:after, .qutiiz-edit-address button::after, .woocommerce-EditAccountForm .woocommerce-Button::after, .woocommerce-button::after, .woocommerce-form-coupon .button:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--qutiiz-black); transform: scale(0); -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; border-radius: var(--qutiiz-bdr-radius); opacity: 1; z-index: -1; } .checkout-button:hover:after, .return-to-shop .button:hover:after, .shop_table .button:hover:after, .form-row.place-order .button:hover:after, .qutiiz-edit-address button:hover:after, .woocommerce-EditAccountForm .woocommerce-Button:hover::after, .woocommerce-button:hover::after, .woocommerce-form-coupon .button:hover:after { opacity: 1; transform: scale(1); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } ul.products li.product .button.shop-one__cart { display: inline-flex; } .widget_price_filter .price_slider_amount .button.thm-btn { padding: 3px 10px; font-size: 12px; } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=search]:focus, input[type=password]:focus, input[type=textarea]:focus, input[type=textarea]:focus-visible, .product-quantity .quantity input, #customer_details textarea { outline-style: none; } mark, ins { background: #fff9c0; text-decoration: none; } .entry-summary ins { background: transparent; } .product-details__content__social+.yith-wcwl-add-to-wishlist, .product-details__social+.yith-wcwl-add-to-wishlist { display: none!important; } .woocommerce-checkout .woocommerce-checkout-review-order-table td, .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td, .woocommerce-checkout .woocommerce-checkout-review-order-table th, .woocommerce-checkout .woocommerce-checkout-review-order-table .product-total { padding: 2px 0; } .woocommerce-checkout .woocommerce-checkout-review-order-table th:last-child, .woocommerce-checkout .woocommerce-checkout-review-order-table td:last-child { text-align: right; } .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th { padding: 0; } .woocommerce-checkout .woocommerce-checkout-review-order-table td { font-size: 16px; } .woocommerce-checkout .woocommerce-checkout-review-order-table thead th { padding-top: 20px; padding-bottom: 20px; } .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:first-child td { padding-top: 20px; } .woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td { padding-bottom: 20px; } .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { margin-top: 25px; margin-bottom: 20px; } .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a:hover { color: var(--qutiiz-primary,#6222cc); } #review_form .comment-notes { margin-bottom: 10px; } #review_form_wrapper .row { --bs-gutter-x: 10px; } .variations_form .variations { border: 1px solid #eceae0; } .variations_form td { border: none; padding-left: 15px; padding-right: 15px; } .variations_form tr:not(:last-child) td { border-bottom: 1px solid #eceae0; } .variations_form .reset_variations { font-size: 17px; color: var(--qutiiz-base,var(--qutiiz-primary)); font-weight: 700; top: 8px; position: relative; } .single-product .woocommerce-grouped-product-list-item__label label, .product-details__content__quantity__text { font-size: 18px; font-weight: 700; line-height: 1.5em; color: var(--qutiiz-primary,#6222cc); } .woocommerce-grouped-product-list-item__quantity .product-details__content__quantity { margin-top: 10px; margin-bottom: 10px; } .woocommerce-pagination ul { display: flex; align-items: center; line-height: 1; margin: 0; padding: 0; list-style: none; justify-content: center; } .woocommerce-pagination ul a, .woocommerce-pagination ul span { display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: var(--qutiiz-border-radius,10px); border: 1px solid var(--qutiiz-extra,#e4e4ea); width: 50px; height: 50px; padding-top: 3px; font-size: 16px; transition: all 500ms ease; } .woocommerce-pagination ul a.current, .woocommerce-pagination ul a:hover, .woocommerce-pagination ul span.current, .woocommerce-pagination ul span:hover { background-color: var(--qutiiz-primary,#fc653c); border-color: var(--qutiiz-primary,#fc653c); color: var(--qutiiz-base,#fff); } .woocommerce-pagination ul li+li, .woocommerce-pagination ul span+span, .woocommerce-pagination ul a+span, .woocommerce-pagination ul span+a, .woocommerce-pagination ul a+a { margin-left: 10px; } .woocommerce-pagination ul .prev { color: rgba(0,0,0,0); position: relative; } .woocommerce-pagination ul .prev:hover { color: rgba(0,0,0,0); } .woocommerce-pagination ul .prev:hover::before { color: var(--qutiiz-base,#fff); } .woocommerce-pagination ul .prev::before { content: ""; font-weight: 900; font-family: "Font Awesome 5 Free"; color: var(--qutiiz-gray,#726d7b); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .woocommerce-pagination ul .next { color: rgba(0,0,0,0); position: relative; } .woocommerce-pagination ul .next:hover { color: rgba(0,0,0,0); } .woocommerce-pagination ul .next:hover::before { color: var(--qutiiz-base,#fff); } .woocommerce-pagination ul .next::before { content: ""; font-weight: 900; font-family: "Font Awesome 5 Free"; color: var(--qutiiz-gray,#726d7b); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .woocommerce-cart-form thead th:first-child, .woocommerce-cart-form tbody td:first-child { padding-left: 0; } .woocommerce-cart-form thead th:last-child, .woocommerce-cart-form tbody td:last-child { padding-right: 0; text-align: right; } .woocommerce-cart-form tbody td.actions { text-align: left; padding-right: 0; } .woocommerce-cart-form__contents { margin-bottom: 0; } .cart_totals h2 { padding-top: 0; padding-bottom: 0; margin-top: 17px; margin-bottom: 20px; } .cart_totals th, .cart_totals td { padding: 0; } .cart_totals td { text-align: right; } .cart_totals .shop_table { margin-bottom: 20px; } .cart_totals .shipping-calculator-form { margin-bottom: 10px; margin-top: 10px; grid-template-columns: repeat(1,1fr); } .cart_totals .shipping-calculator-form p { grid-column-start: 1; grid-column-end: 3; } .cart_totals .order-total th, .cart_totals .order-total td { padding-top: 10px; } .woocommerce-shipping-totals .shipping-calculator-button { color: var(--qutiiz-primary,#6222cc); } .woocommerce-shipping-totals .shipping-calculator-button:hover { color: var(--qutiiz-base,#fff); } @media screen and (max-width: 992px) { .woocommerce-cart-form__contents { border: 0; } .woocommerce-cart-form__contents caption { font-size: 1.3em; } .woocommerce-cart-form__contents thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .woocommerce-cart-form__contents tr { border-bottom: 1px solid #eceae0; display: block; margin-bottom: .625em; } .woocommerce-cart-form__contents td { border-bottom: 1px solid #eceae0; display: block; font-size: .8em; display: flex; align-items: center; justify-content: space-between; margin: 0; color: var(--qutiiz-primary,#6222cc); font-size: 20px; font-weight: 700; } .woocommerce-cart-form__contents td::before { content: attr(data-title); font-weight: bold; font-size: 20px; } .woocommerce-cart-form__contents td:last-child { border-bottom: 0; } .shop_table button[name=update_cart] { position: relative; } .woocommerce-cart-form .actions { display: block; } .shop_table tbody tr+tr { border-top: 0; } .woocommerce-cart-form__contents .product-thumbnail { justify-content: center; } } .product-card__buttons { flex-direction: column; } .product .added_to_cart.wc-forward { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; outline: none!important; background-color: var(--qutiiz-primary); color: var(--qutiiz-white); font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 8px 45px 9px; transition: all .3s linear; overflow: hidden; z-index: 1; line-height: 34px; font-family: var(--qutiiz-font-two); letter-spacing: .1em; border-radius: var(--qutiiz-bdr-radius); } .product .thm-btn:focus { color: #fff; } .qutiiz-overlay { position: absolute; top: 0; z-index: 99999; width: 100%; height: 100%; left: 0; display: none; background: rgba(0,0,0,.1); } .cv-spinner { height: 100%; display: flex; justify-content: center; align-items: center; } .spinner { width: 40px; height: 40px; border: 4px #ddd solid; border-top: 4px solid; border-radius: 50%; animation: sp-anime .8s infinite linear; border-top-color: var(--qutiiz-base); } @keyframes sp-anime { 100% { transform: rotate(360deg); } } .is-hide { display: none; } .single-product .woocommerce-product-rating { display: flex; align-items: center; margin-top: 20px; } .product-details__quantity { width: 100%; margin-bottom: 30px; } .product-content p { font-size: 16px; line-height: 30px; } .product-review__item .comment-box .comment { position: relative; display: flex; align-items: center; } .product-review__item .comment-box .thumb img { border-radius: 50%; } .product-review__item .comment-box { position: relative; display: block; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e2e0e5; } .wc-proceed-to-checkout a:hover { color: var(--qutiiz-white); } .woocommerce-checkout .shop_table .cart_item .product-name { color: var(--qutiiz-gray); } .products .product .product-card__price ins { background-color: transparent; } .product-details__title span, .product-details__top .product-details__title ins span { margin-left: 0; } .product-details__title span.woocommerce-Price-currencySymbol { margin-left: 10px; } .product-details__content__text { border-top: 1px solid #e2e0e5; margin-top: 20px; padding-top: 20px; } .woocommerce-pagination { margin-top: 50px; } .shop-one__sidebar h2 { font-size: 20px; font-weight: bold; color: var(--qutiiz-black); margin: 0; margin-bottom: 25px; } .shop-one__sidebar .widget.widget_block h2 { font-size: 20px; font-weight: bold; color: var(--qutiiz-black); margin: 0; margin-bottom: 25px; font-weight: 500; } .shop-one__sidebar .widget { border-radius: 10px; border: 1px solid #eceae0; padding: 30px; } .shop-one__sidebar .wc-block-product-categories select, .shop-one__sidebar .wc-block-components-sort-select__select { border: none; outline: none; display: block; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; height: 70px; background-color: #f6f4ec; color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--qutiiz-font); letter-spacing: 0; border: 1px solid #f6f4ec; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: .65em auto; border-radius: 7px; } .shop-one__sidebar .wc-block-components-review-sort-select { text-align: left; font-size: 16px; margin-bottom: 20px; } .shop-one__sidebar .wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__info { display: block; } .shop-one__sidebar .wc-block-components-review-list-item__image { width: 100%; height: auto; border-radius: 10px; overflow: hidden; } .shop-one__sidebar .wc-block-components-review-list-item__product { flex: 0 0 100%; } .shop-one__sidebar .wc-block-components-review-list.wc-block-components-review-list { padding: 0; } .shop-one__sidebar .wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars { font-size: 16px; margin-top: 5px; margin-bottom: 5px; } .shop-one__sidebar .wc-block-components-review-list-item__rating>.wc-block-components-review-list-item__rating__stars span:before { color: #f1cf69; } .shop-one__sidebar .wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author, .shop-one__sidebar .wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date { font-size: 14px; padding: 0; } .shop-one__sidebar .wc-block-components-review-list-item__info { margin-bottom: 0; } .shop-one__sidebar .wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author { padding-right: 5px; } .shop-one__sidebar .wc-block-review-list-item__text { font-size: 16px; line-height: 30px; } .shop-one__sidebar .wc-block-featured-category { border-radius: 10px; overflow: hidden; margin-bottom: 0; } .shop-one__sidebar .editor-styles-wrapper .wc-block-components-review-list-item__item:not(:last-of-type), .shop-one__sidebar .wc-block-components-review-list-item__item:not(:last-of-type) { margin-bottom: 20px; } .shop-one__sidebar .editor-styles-wrapper .wc-block-components-review-list-item__item:last-of-type, .shop-one__sidebar .wc-block-components-review-list-item__item:last-of-type { margin-bottom: 0; } .shop-one__sidebar .woocommerce-widget-layered-nav-dropdown__submit, .shop-one__sidebar .woocommerce-mini-cart__buttons a, .shop-one__sidebar .woocommerce-product-search button[type=submit], .shop-one__sidebar .woocommerce-product-search input[type=submit], .shop-one__sidebar .wp-block-button__link { background-color: var(--qutiiz-primary,#6222cc); color: var(--qutiiz-base,#fff); font-size: 14px; font-weight: 700; text-transform: uppercase; border-radius: 10px; letter-spacing: .1em; transition: all 500ms ease; } .shop-one__sidebar .woocommerce-widget-layered-nav-dropdown__submit:hover, .shop-one__sidebar .woocommerce-mini-cart__buttons a:hover, .shop-one__sidebar .woocommerce-product-search button[type=submit]:hover, .shop-one__sidebar .woocommerce-product-search input[type=submit]:hover, .shop-one__sidebar .wp-block-button__link:hover { background-color: var(--qutiiz-black,#04000b); color: #fff; } .shop-one__sidebar .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link { font-size: 12px; line-height: 1.75em; padding: 9.5px 24px; } .shop-one__sidebar .wc-block-featured-product .wc-block-featured-product__title, .shop-one__sidebar .wc-block-featured-category .wc-block-featured-category__title { font-size: 24px; } .shop-one__sidebar .wc-block-featured-product { border-radius: 10px; overflow: hidden; background-color: var(--qutiiz-primary,#6222cc); margin-bottom: 0; } .shop-one__sidebar .wc-block-featured-product .wp-block-button__link { background-color: var(--qutiiz-base,#fff); color: var(--qutiiz-primary,#6222cc); font-size: 14px; font-weight: 700; text-transform: uppercase; border-radius: 10px; letter-spacing: .1em; } .shop-one__sidebar .wc-block-featured-product .wp-block-button__link:hover { background-color: var(--qutiiz-primary,#6222cc); color: #fff; } .shop-one__sidebar .wc-block-grid__product .wc-block-grid__product-image { overflow: hidden; border-radius: 10px; } .shop-one__sidebar .wc-block-grid__product .wc-block-grid__product-title { margin: 0; color: var(--qutiiz-primary); font-size: 18px; line-height: 30px; letter-spacing: -.02em; margin-bottom: 0; } .shop-one__sidebar .wc-block-grid__product { position: relative; } .shop-one__sidebar .wc-block-grid__product-onsale { position: absolute; top: 0; right: 30px; background-color: var(--qutiiz-primary); color: #fff; font-size: 12px; line-height: 1; font-weight: 500; padding: 7px 14px; text-transform: capitalize; z-index: 2; border: none; } .shop-one__sidebar .wc-block-grid__product .wc-block-grid__product-price { font-size: 16px; } .shop-one__sidebar .wc-block-grid__product .wc-block-grid__product-price ins { background-color: transparent; } .shop-one__sidebar .wc-block-product-categories-list--has-images { margin: 0; padding: 0; } .shop-one__sidebar .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item { margin-top: 10px; margin-bottom: 10px; font-size: 16px; } .shop-one__sidebar .wc-block-featured-product .wc-block-featured-product__description, .shop-one__sidebar .wc-block-featured-product .wc-block-featured-product__link, .shop-one__sidebar .wc-block-featured-product .wc-block-featured-product__price, .shop-one__sidebar .wc-block-featured-product .wc-block-featured-product__title, .shop-one__sidebar .wc-block-featured-product .wc-block-featured-product__variation, .shop-one__sidebar .wc-block-featured-category .wc-block-featured-category__description, .shop-one__sidebar .wc-block-featured-category .wc-block-featured-category__link, .shop-one__sidebar .wc-block-featured-category .wc-block-featured-category__price, .shop-one__sidebar .wc-block-featured-category .wc-block-featured-category__title { padding-left: 20px; padding-right: 20px; } .shop-one__sidebar .wc-block-grid__product { border: none; } .shop-one__sidebar .wc-block-grid__products { margin: 0; } .shop-one__sidebar .wc-block-grid__product-add-to-cart { margin-bottom: 0!important; } .shop-one__sidebar .wc-block-grid__products li+li { margin-top: 20px; } .shop-one__sidebar .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item { margin-left: 60px; } .shop-one__sidebar .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image { max-width: 40px; } .shop-one__sidebar .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item ul { margin-left: -20px; } .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list, .shop-one__sidebar .widget .wc-block-product-categories.is-list { margin-bottom: 0; } .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images), .shop-one__sidebar .widget .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) { margin: 0; padding: 0; list-style: none; margin-top: -10px; margin-bottom: -10px; } .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) ul, .shop-one__sidebar .widget .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) ul { margin-top: 0; margin-bottom: 0; padding-left: .5em; margin-top: 10px; } .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li, .shop-one__sidebar .widget .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li { font-size: 16px; position: relative; } .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li+li, .shop-one__sidebar .widget .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li+li { margin-top: 10px; } .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li::after, .shop-one__sidebar .widget .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li::after { font-family: "Flaticon"; content: ""; font-size: 10px; position: absolute; top: 0; right: 0; } .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li a, .shop-one__sidebar .widget .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li a { color: inherit; transition: all 500ms ease; } .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li a:hover, .shop-one__sidebar .widget .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li a:hover { text-shadow: 0 0 1px currentColor; color: var(--qutiiz-primary,#6222cc); } .shop-one__sidebar .wc-block-product-categories.is-dropdown { display: flex; flex-wrap: wrap; margin-bottom: 0; } .shop-one__sidebar .wc-block-product-categories__dropdown { width: calc(100% - 0px); } .shop-one__sidebar .wc-block-product-categories__button { width: 50px; height: 50px; margin-top: 10px; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 10px; background-color: var(--qutiiz-primary,#6222cc); } .shop-one__sidebar .wc-block-product-categories__button:hover { background-color: var(--qutiiz-base,#fff); color: var(--qutiiz-primary,#6222cc); } .shop-one__sidebar .wc-block-product-search__label { font-size: 16px; margin-top: -10px; display: block; } .shop-one__sidebar .wc-block-product-search .wc-block-product-search__fields { flex-wrap: wrap; display: flex; } .shop-one__sidebar .wc-block-product-search .wc-block-product-search__field { font-size: 14px; max-width: 148px; } .shop-one__sidebar .woocommerce-mini-cart { margin: 0; padding: 0; list-style: none; } .shop-one__sidebar .woocommerce-mini-cart li { position: relative; overflow: hidden; font-size: 16px; } .shop-one__sidebar .woocommerce-mini-cart li+li { margin-top: 20px; } .shop-one__sidebar .woocommerce-mini-cart li::after { content: ""; display: table; } .shop-one__sidebar .woocommerce-mini-cart .remove_from_cart_button { width: 20px; height: 20px; background-color: var(--qutiiz-primary,#6222cc); color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; position: absolute; top: 25px; left: 20px; z-index: 10; opacity: .5; } .shop-one__sidebar .woocommerce-mini-cart .remove_from_cart_button:hover { opacity: 1; } .shop-one__sidebar .woocommerce-mini-cart img { border-radius: 10px; } .shop-one__sidebar .woocommerce-mini-cart a:not(.remove_from_cart_button) { display: block; width: 100%; color: var(--qutiiz-primary,#334b35); font-size: 18px; line-height: 1.3em; font-weight: 700; margin: 0; letter-spacing: 0; } .shop-one__sidebar .woocommerce-mini-cart .quantity { display: block; font-size: 16px; } .shop-one__sidebar .woocommerce-mini-cart__total { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px; } .shop-one__sidebar .woocommerce-mini-cart__buttons { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 10px; } .shop-one__sidebar .woocommerce-mini-cart__buttons a { font-size: 12px; padding: 3px 12px; } .shop-one__sidebar .woocommerce-mini-cart__buttons a:last-child { background-color: var(--qutiiz-primary,#6222cc); color: #fff; } .shop-one__sidebar .woocommerce-mini-cart__buttons a:last-child:hover { background-color: var(--qutiiz-base,#fff); color: var(--qutiiz-primary,#6222cc); } .shop-one__sidebar .woocommerce-product-search button[type=submit], .shop-one__sidebar .woocommerce-product-search input[type=submit] { line-height: 34px; font-size: 12px; padding: 3px 12px; margin-top: 10px; } .shop-one__sidebar .woocommerce-product-search input[type=search] { width: 100%; height: 50px; border: 1px solid #eceae0; border-radius: 10px; padding-left: 20px; padding-right: 20px; } .shop-one__sidebar .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list { margin: 0; padding: 0; list-style: none; } .shop-one__sidebar .woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--multiple { width: 100%; border: none; outline: none; display: block; width: 100%; height: 70px; background-color: #f6f4ec; color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--qutiiz-font); letter-spacing: 0; border: 1px solid #f6f4ec; border-radius: 7px; display: flex; align-items: center; } .shop-one__sidebar .woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--multiple li:after { display: none; } .shop-one__sidebar .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit { line-height: 34px; font-size: 12px; padding: 3px 12px; margin-top: 10px; } .shop-one__sidebar .select2-container--default .select2-selection--single { width: 100%; border: none; outline: none; display: block; width: 100%; height: 70px; background-color: #f6f4ec; color: var(--thm-text); padding: 14px 20px; font-size: 14px; font-weight: 400; font-family: var(--qutiiz-font); letter-spacing: 0; border: 1px solid #f6f4ec; border-radius: 7px; display: flex; align-items: center; } .shop-one__sidebar .select2-container--default .select2-selection--single .select2-selection__arrow { top: 20px; right: 20px; } .shop-one__sidebar .product-categories { margin: 0; padding: 0; list-style: none; } .shop-one__sidebar .product-categories ul { margin: 0; padding: 0; padding-left: .5em; list-style: none; } .shop-one__sidebar .product_list_widget { margin: 0; padding: 0; list-style: none; } .shop-one__sidebar .product_list_widget li { min-height: 71px; position: relative; padding-left: 80px; } .shop-one__sidebar .product_list_widget li img { position: absolute; top: 0; left: 0; width: 60px; } .shop-one__sidebar .product_list_widget .reviewer, .shop-one__sidebar .product_list_widget .woocommerce-Price-amount { font-size: 16px; font-weight: 400; } .shop-one__sidebar .product_list_widget .product-title { display: block; color: var(--qutiiz-primary,#6222cc); font-size: 18px; line-height: 1.3em; font-weight: 700; margin: 0; letter-spacing: 0; } .shop-one__sidebar .widget_top_rated_products li+li { margin-top: 20px; } .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) ul, .shop-one__sidebar .sidebar__single .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) ul { margin-top: 30px; } .shop-one__sidebar .sidebar__single .wp-block-search .wp-block-search__button.has-icon { right: 20px; } .shop-one__sidebar .wc-block-components-price-slider { margin-bottom: 0; } .shop-one__sidebar .wc-block-components-price-slider__range-text { margin: 0 0 7px; } .shop-one__sidebar .widget_search { padding: 0; border: none; } .shop-one__sidebar .wc-block-components-price-slider__range-input-progress { --range-color: var(--qutiiz-primary); } .shop-one__sidebar input[type=rangei] { appearance: auto; top: -2px; accent-color: var(--qutiiz-primary); } .shop-one__sidebar__item ul li::after { font-family: "icomoon"!important; content: ""!important; opacity: 1; font-size: 10px; line-height: 30px; font-weight: 700; z-index: 999999; } .widget ul.product_list_widget li:after, .widget ul.wc-block-grid__products li:after, .widget ul.wc-block-components-review-list li::after { content: ""; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .get-to-know__left { max-width: 600px; margin: 0 auto; } .get-to-know__img img { border-radius: var(--qutiiz-bdr-radius); } .get-to-know__right { max-width: 600px; margin: 180px auto 0; } .get-to-know { padding: 140px 0 20px; } .counter-one-shape-1, .counter-one-shape-2, .counter-one-shape-3 { display: none; } .why-choose-one__right { margin-left: 0; padding-top: 120px; } .why-choose-one__right:before { left: -30px; } .why-choose-one__bottom { flex-direction: column; align-items: baseline; } .why-choose-one__points { margin-left: 0; margin-top: 20px; } .financial-advice__tab-box .tab-buttons .tab-btn { max-width: 310px; } .financial-advice__tab-box .tab-buttons .tab-btn span { max-width: 310px; } .tabs-content__left { max-width: 600px; margin: 0 auto; } .tabs-content__right { max-width: 600px; margin: 50px auto 0; } .tabs-content__right:before { display: none; } .blog-one__content { padding: 32px 35px 40px; } .cta-one__inner { padding: 90px 35px 90px; } .footer-widget__newsletter { margin-left: 0; margin-top: 41px; } .get-to-know-two__left { max-width: 600px; margin: 0 auto 60px; } .get-to-know-two__right { max-width: 600px; margin: 0 auto; } .why-choose-two__top-left { max-width: 600px; margin: 0 auto 0; } .why-choose-two__right { max-width: 600px; margin: 0 auto; } .why-choose-two__single { padding: 38px 10px 38px; } .counter-two__left { margin-left: 0; text-align: center; margin-bottom: 50px; } .contact-one__left { max-width: 600px; margin: 0 auto; } .contact-one__right { max-width: 600px; margin: 53px auto 0; } .testimonial-one { position: relative; display: block; background-color: #f6f4f9; padding: 120px 0 220px; } .testimonial-one__left { text-align: center; } .testimonial-one__left .section-title { margin-bottom: 50px; } .testimonial-one__right { position: relative; top: 0; right: 0; max-width: 950px; width: 100%; margin: 0 auto; left: 0; } .testimonial-one .custom-nav { position: absolute; left: 0; right: 0; bottom: -100px; max-width: 1170px; width: 100%; margin: 0 auto; text-align: center; z-index: 10; } .about-page__left { max-width: 600px; margin: 0 auto 60px; } .about-page__right { max-width: 600px; margin: 0 auto; } .about-page { padding: 120px 0 111px; } .service-details__bottom-single:nth-child(3) { padding-left: 54px; } .service-details__bottom-single { padding: 0 27px 0; } .service-details__benefits-img { margin-top: 43px; } .blog-details__pagenation li+li { margin-left: 0; margin-top: 30px; } .contact-info__single { padding: 50px 45px 41px; } .contact-info__single-last { padding-bottom: 71px; } .project-one__hover { padding: 31px 40px 30px; } .main-slider--three__shape1 { display: none; } .main-slider--three__shape2 { display: none; } .features-one { padding: 80px 0 40px; } .features-one__single { margin-bottom: 40px; } .welcome-one__content { margin-top: 60px; margin-left: 0; } .why-choose-three__left { max-width: none; } .why-choose-three__left .section-title__title br { display: none; } .why-choose-three__text1 br { display: none; } .why-choose-three__tab { margin-top: 40px; } .get-in-touch-one__bg { position: relative; display: block; top: 0; bottom: 0; width: calc((100% - 0px) / 1); min-height: 600px; } .get-in-touch-one__content { max-width: none; float: none; margin-top: 50px; } .get-in-touch-one__content .section-title__title br { display: none; } .get-in-touch-one__content-middle { max-width: 600px; width: 100%; } .blog-three { padding: 0 0 205px; } .blog-three::before { display: none; } .blog-three__content { text-align: center; margin-bottom: 40px; } .blog-three__content .section-title__title br { display: none; } .blog-three .custom-nav { bottom: 120px; text-align: center; } .testimonial-page .testimonial-one__single { padding: 39px 30px 50px; } .testimonial-page .testimonial-one__client-details { margin-left: 35px; } .team-details__top-left { max-width: 570px; width: 100%; } .team-details__top-right { margin-top: 50px; margin-left: 0; } .team-details-bottom__left .section-title__title br { display: none; } .business-growth-one__top-left .section-title__title { font-size: 45px; } .business-growth-one__single-content { padding: 34px 35px 40px; } .business-growth-one__single-content h3 { font-size: 20px; } .product-sidebar__price-range .form-group { flex-direction: column; } .shop-category ul li a { padding: 9px 10px 8px; } .shop-sidebar__single { padding: 24px 25px 30px; } .product-details__buttons-1 .thm-btn { padding: 17px 50px 17px; } .product-details__buttons-2 .thm-btn { padding: 17px 50px 17px; } .cart-page .table-responsive { margin-bottom: 30px; } .billing_title h2 { font-size: 38px; } .main-header--three .main-menu-wrapper__right { display: none; } .main-header--three .main-menu-wrapper__left { margin-right: 55px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .services-one__top-left .section-title { margin-bottom: 30px; } .services-one__top-text-box { margin-bottom: 30px; } .services-one__single { flex: 0 0 50%; max-width: 50%; padding: 0; text-align: center; } .services-one__count { margin: 0 auto; } .services-one__count:before { left: 0; right: 0; } .services-one__single:nth-child(3):before { display: none; } .get-to-know__left { max-width: 600px; margin: 0 auto; } .get-to-know__img img { border-radius: var(--qutiiz-bdr-radius); } .get-to-know__right { max-width: 600px; margin: 180px auto 0; } .get-to-know { padding: 140px 0 20px; } .counter-one-shape-1, .counter-one-shape-2, .counter-one-shape-3 { display: none; } .counter-one__single { flex: 0 0 50%; max-width: 50%; } .counter-one__single:nth-child(3):before { display: none; } .why-choose-one__img { border-radius: var(--qutiiz-bdr-radius); } .why-choose-one__img img { border-radius: var(--qutiiz-bdr-radius); } .why-choose-one__right { margin-left: 0; } .qutiiz-ready__title br { display: none; } .financial-advice__tab-box .tab-buttons .tab-btn { float: none; margin: 0 auto; } .financial-advice__tab-box .tab-buttons .tab-btn+.tab-btn { margin-left: auto; } .financial-advice__tab-box .tab-buttons .tab-btn:nth-child(1) span { border-top-left-radius: 0; } .financial-advice__tab-box .tab-buttons .tab-btn:nth-child(3) span { border-top-right-radius: 0; } .tabs-content__left { max-width: 600px; margin: 0 auto; } .tabs-content__right { max-width: 600px; margin: 50px auto 0; } .tabs-content__right:before { display: none; } .cta-one__inner { flex-direction: column; text-align: center; } .cta-one__title br { display: none; } .cta-one__left { margin-bottom: 25px; } .site-footer__top-inner { flex-direction: column; text-align: center; } .site-footer__top-left { flex-direction: column; } .site-footer__top-title-box { margin-left: 0; margin-top: 20px; margin-bottom: 23px; } .footer-widget__about-text-box { margin-right: 0; } .footer-widget__links { margin-left: 0; margin-right: 0; } .footer-widget__explore { margin-left: 0; margin-right: 0; margin-top: 33px; } .footer-widget__newsletter { margin-left: 0; margin-top: 41px; padding: 41px 20px 41px; } .get-to-know-two__left { max-width: 600px; margin: 0 auto 60px; } .get-to-know-two__right { max-width: 600px; margin: 0 auto; } .qutiiz-ready-two__title br { display: none; } .why-choose-two__top-left { max-width: 600px; margin: 0 auto 0; } .why-choose-two__right { max-width: 600px; margin: 0 auto; } .counter-two__left { margin-left: 0; text-align: center; margin-bottom: 50px; } .contact-one__left { max-width: 600px; margin: 0 auto; } .contact-one__right { max-width: 600px; margin: 53px auto 0; } .testimonial-one { position: relative; display: block; background-color: #f6f4f9; padding: 120px 0 220px; } .testimonial-one__left { text-align: center; } .testimonial-one__left .section-title { margin-bottom: 50px; } .testimonial-one__right { position: relative; top: 0; right: 0; max-width: 950px; width: 100%; margin: 0 auto; left: 0; } .testimonial-one .custom-nav { position: absolute; left: 0; right: 0; bottom: -100px; max-width: 1170px; width: 100%; margin: 0 auto; text-align: center; z-index: 10; } .about-page__left { max-width: 600px; margin: 0 auto 60px; } .about-page__right { max-width: 600px; margin: 0 auto; } .about-page { padding: 120px 0 111px; } .faq-page__single { margin-bottom: 20px; } .faq-page__single-last { margin-bottom: 0; } .service-details__sidebar { margin-bottom: 50px; } .service-details__bottom-single:nth-child(3) { padding-left: 38px; } .service-details__bottom-single { padding: 0 20px 0; } .service-details__benefits-img { margin-top: 43px; } .project-details__content-right { margin-top: 43px; } .blog-details__pagenation li+li { margin-left: 0; margin-top: 30px; } .project-one__hover { padding: 31px 40px 30px; } .get-to-know-big-text { display: none; } .main-slider--three__shape1 { display: none; } .main-slider--three__shape2 { display: none; } .main-slider--three__shape3 { display: none; } .main-slider.main-slider--three h2 { font-size: 95px; line-height: .9em; font-weight: 500; } .features-one { padding: 80px 0 40px; } .features-one__single { margin-bottom: 40px; border-right: none; } .welcome-one__content { margin-top: 60px; margin-left: 0; } .services-three__single { max-width: 500px; width: 100%; margin: 0 auto 30px; } .why-choose-three__left { max-width: none; } .why-choose-three__left .section-title__title br { display: none; } .why-choose-three__text1 br { display: none; } .why-choose-three__tab { margin-top: 40px; } .get-in-touch-one__bg { position: relative; display: block; top: 0; bottom: 0; width: calc((100% - 0px) / 1); min-height: 600px; } .get-in-touch-one__content { max-width: none; float: none; margin-top: 50px; } .get-in-touch-one__content .section-title__title br { display: none; } .get-in-touch-one__content-middle { max-width: 600px; width: 100%; } .how-we-works-one__single .shape1 { display: none; } .how-we-works-one__single { max-width: 500px; width: 100%; margin: 0 auto 40px; } .blog-three { padding: 0 0 205px; } .blog-three::before { display: none; } .blog-three__content { text-align: center; margin-bottom: 40px; } .blog-three__content .section-title__title br { display: none; } .blog-three .custom-nav { bottom: 120px; text-align: center; } .blog-three__right { width: auto; } .blog-three__right .blog-one__title { font-size: 24px; } .testimonial-page .testimonial-one__client-details { margin-left: 35px; } .team-details__top-left { max-width: 570px; width: 100%; } .team-details__top-right { margin-top: 50px; margin-left: 0; } .team-details-bottom__left { margin-bottom: 45px; } .counter-one--why-choose .counter-one__single:before { top: 0; } .business-growth-one__top { text-align: center; } .business-growth-one__single { max-width: 500px; width: 100%; margin: 0 auto 30px; } .product-details__img { max-width: 600px; width: 100%; margin-bottom: 40px; } .cart-page .table-responsive { margin-bottom: 30px; } .cart-total li:nth-child(2) span:first-child { right: 0; } .cart-total li { justify-content: flex-start; } .cart-total li span:first-child { text-align: left; } .checkout__payment { margin-top: 30px; } .main-header--three .main-menu-wrapper__right { display: none; } .main-header--three .main-menu-wrapper__left { margin-right: 55px; } } @media only screen and (max-width: 767px) { .section-title__title { font-size: 30px; line-height: 40px; } .services-one__top-left .section-title { margin-bottom: 30px; } .services-one__top-text-box { margin-bottom: 30px; } .services-one__single { flex: 0 0 100%; max-width: 100%; padding: 0; text-align: center; } .services-one__count { margin: 0 auto; } .services-one__count:before { left: 0; right: 0; } .services-one__single:before { display: none; } .get-to-know__left { margin-right: 0; margin-left: 0; } .get-to-know__img:before { display: none; } .get-to-know__img { border-radius: var(--qutiiz-bdr-radius); } .get-to-know__img img { border-radius: var(--qutiiz-bdr-radius); } .get-to-know__img:after { display: none; } .get-to-know__video-link { bottom: 0; left: 0; } .get-to-know__video-icon { border-bottom-left-radius: 8px; } .get-to-know__right { margin-top: 60px; } .get-to-know { padding: 140px 0 15px; } .counter-one-shape-1, .counter-one-shape-2, .counter-one-shape-3 { display: none; } .counter-one__single { flex: 0 0 100%; max-width: 100%; } .counter-one__single:before { display: none; } .why-choose-one__img { border-radius: var(--qutiiz-bdr-radius); } .why-choose-one__img img { border-radius: var(--qutiiz-bdr-radius); } .why-choose-one__right { margin-left: 0; } .why-choose-one__bottom { flex-direction: column; align-items: baseline; } .why-choose-one__points { margin-left: 0; margin-top: 20px; } .qutiiz-ready__title br { display: none; } .qutiiz-ready__title { font-size: 46px; line-height: 60px; } .financial-advice__tab-box .tab-buttons .tab-btn { float: none; margin: 0 auto; } .financial-advice__tab-box .tab-buttons .tab-btn+.tab-btn { margin-left: auto; } .financial-advice__tab-box .tab-buttons .tab-btn:nth-child(1) span { border-top-left-radius: 0; } .financial-advice__tab-box .tab-buttons .tab-btn:nth-child(3) span { border-top-right-radius: 0; } .tabs-content__inner { padding: 40px 20px 40px; } .tabs-content__right { margin-left: 0; margin-top: 50px; } .tabs-content__right:before { display: none; } .tabs-content__experience-box { flex-direction: column; align-items: baseline; } .tabs-content__experience-img { margin-left: 0; margin-top: 20px; } .tabs-content__experience-img img { width: 100%; } .blog-one__content { padding: 32px 35px 40px; } .cta-one__inner { flex-direction: column; text-align: center; padding: 90px 15px 90px; } .cta-one__title br { display: none; } .cta-one__left { margin-bottom: 25px; } .cta-one-shape-1 { display: none; } .site-footer__top-inner { flex-direction: column; text-align: center; } .site-footer__top-left { flex-direction: column; } .site-footer__top-title-box { margin-left: 0; margin-top: 20px; margin-bottom: 23px; } .footer-widget__about-text-box { margin-right: 0; } .footer-widget__links { margin-left: 0; margin-right: 0; margin-top: 33px; margin-bottom: 30px; } .footer-widget__explore { margin-left: 0; margin-right: 0; } .footer-widget__newsletter { margin-left: 0; margin-top: 41px; padding: 41px 20px 41px; } .site-footer__bottom-inner { flex-direction: column; } .get-to-know-two__left { margin-right: 0; margin-bottom: 60px; } .get-to-know-two__small-img { display: none; } .get-to-know-two__points-two { margin-top: 6px; } .qutiiz-ready-two__title br { display: none; } .qutiiz-ready-two__title { font-size: 46px; line-height: 56px; } .why-choose-two__top-left { margin-right: 0; margin-left: 0; } .why-choose-two__video-link { right: 81px; bottom: 20px; } .why-choose-two__right { margin-left: 0; padding-top: 60px; } .why-choose-two__single { padding: 38px 14px 38px; } .counter-two__left { margin-left: 0; text-align: center; margin-bottom: 50px; } .counter-two__single { flex: 0 0 100%; max-width: 100%; margin-bottom: 32px; } .counter-two__single:before { display: none; } .counter-two__single:last-child { margin-bottom: 0; } .we-care__inner { flex-direction: column; align-items: baseline; } .we-care__content { margin-left: 0; margin-top: 30px; } .contact-one__images li+li { margin-left: 0; margin-top: 20px; } .contact-one__right { margin-left: 0; margin-top: 53px; } .contact-one__right-form { padding: 25px; } .testimonial-one { position: relative; display: block; background-color: #f6f4f9; padding: 120px 0 220px; } .testimonial-one__left { text-align: center; } .testimonial-one__left .section-title { margin-bottom: 50px; } .testimonial-one__right { position: relative; top: 0; right: 0; max-width: 950px; width: 100%; margin: 0 auto; left: 0; } .testimonial-one .custom-nav { position: absolute; left: 0; right: 0; bottom: -100px; max-width: 1170px; width: 100%; margin: 0 auto; text-align: center; z-index: 10; } .about-page__left { margin-right: 0; margin-bottom: 60px; } .about-page__founded { left: 0; } .about-page__points-two { margin-top: 5px; } .about-page { padding: 120px 0 111px; } .testimonial-one__single { padding: 39px 30px 50px; } .faq-page__single { margin-bottom: 20px; } .faq-page__single-last { margin-bottom: 0; } .faq-one-accrodion .accrodion-title h4::before { right: -15px; } .error-page__title { font-size: 185px; line-height: 185px; } .error-page { padding: 84px 0 120px; } .service-details__sidebar-service { padding: 29px 20px 33px; } .service-details__need-help { padding: 60px 20px 49px; } .service-details__download-btn { padding: 17px 52px 17px; } .service-details__sidebar { margin-bottom: 50px; } .service-details__bottom-single { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; } .service-details__bottom-single:nth-child(3) { padding-left: 0; } .service-details__benefits-img { margin-top: 43px; } .project-details__content-right { margin-top: 43px; } .project-details__details-box { padding: 52px 30px 58px; } .project-details__pagination-title { font-size: 20px; } .page-header__inner h2 { font-size: 35px; line-height: 45px; } .blog-sidebar__bottom-box { padding: 57px 20px 53px; } .blog-sidebar__delivering-services { padding: 60px 20px 53px; } .sidebar__post { padding: 45px 20px 30px; } .sidebar__category { padding: 45px 20px 38px; } .sidebar__tags { padding: 45px 15px 50px; } .sidebar__comments { padding: 45px 20px 43px; } .blog-details__bottom { flex-direction: column; } .blog-details__social-list { margin-top: 25px; } .blog-details__pagenation li+li { margin-left: 0; margin-top: 30px; } .blog-details__pagenation li br { display: none; } .blog-details__pagenation li { font-size: 25px; padding-left: 30px; padding-right: 30px; text-align: center; } .comment-one__single { flex-direction: column; } .comment-one__content { margin-left: 0; margin-top: 30px; } .comment-one__btn { position: relative; top: 20px; } .contact-info__single { padding: 50px 45px 41px; } .contact-info__single-last { padding-bottom: 71px; } .project-one__hover { padding: 31px 40px 30px; } .project-two__hover { padding: 31px 40px 30px; } .get-to-know-big-text { display: none; } .main-slider--three__shape1 { display: none; } .main-slider--three__shape2 { display: none; } .main-slider--three__shape3 { display: none; } .main-slider--three .main-slider__content { text-align: center; } .main-slider--three h2 br { display: none; } .main-slider--three p br { display: none; } .main-slider--three__btn { flex-direction: column; } .main-slider--three__btn2 { margin-left: 0; margin-top: 20px; } .features-one { padding: 80px 0 40px; } .features-one__single { margin-bottom: 40px; border-right: none; } .welcome-one { padding: 120px 0 93px; } .welcome-one__content { margin-top: 60px; margin-left: 0; } .welcome-one__content-bottom-content-single { margin-bottom: 15px; } .services-three__single { max-width: 500px; width: 100%; margin: 0 auto 30px; } .why-choose-three__left { max-width: none; } .why-choose-three__left .section-title__title br { display: none; } .why-choose-three__text1 br { display: none; } .why-choose-three__tab { margin-top: 40px; } .why-choose-three__tab-inner-bottom-text { margin-top: 25px; } .why-choose-three__tab .tab-buttons { display: flex; align-items: center; justify-content: center; flex-direction: column; } .why-choose-three__tab .tab-buttons .tab-btn { margin-right: 0; margin-bottom: 5px; } .get-in-touch-one__bg { position: relative; display: block; top: 0; bottom: 0; width: calc((100% - 0px) / 1); min-height: 500px; } .get-in-touch-one__content { max-width: none; float: none; margin-top: 50px; } .get-in-touch-one__content .section-title__title br { display: none; } .get-in-touch-one__content-middle { max-width: 600px; width: 100%; } .get-in-touch-one__content-middle-single { margin-bottom: 30px; } .get-in-touch-one__progress { margin-top: 0; } .how-we-works-one__single .shape1 { display: none; } .how-we-works-one__single { max-width: 500px; width: 100%; margin: 0 auto 40px; } .how-we-works-one__btn .thm-btn { font-size: 15px; } .blog-three { padding: 0 0 205px; } .blog-three::before { display: none; } .blog-three__content { text-align: center; margin-bottom: 40px; } .blog-three__content .section-title__title br { display: none; } .blog-three .custom-nav { bottom: 120px; text-align: center; } .blog-three__right { width: auto; } .blog-three__right .blog-one__title { font-size: 21px; } .testimonial-page .testimonial-one__single { max-width: 500px; width: 100%; margin: 0 auto 30px; } .testimonial-page .testimonial-one__client-details { margin-left: 35px; } .team-details__top-left { max-width: 570px; width: 100%; } .team-details__top-right { margin-top: 50px; margin-left: 0; } .team-details__certificate-list { margin-left: 0; margin-right: 0; flex-direction: column; } .team-details__certificate-single { padding: 0 0 0; margin-bottom: 30px; } .team-details__certificate-single:last-child { margin-bottom: 0; } .team-details-bottom__left { margin-bottom: 40px; } .business-growth-one__top { text-align: center; } .business-growth-one__single { max-width: 500px; width: 100%; margin: 0 auto 30px; } .business-growth-one__single-content { padding: 34px 35px 40px; } .business-growth-one__single-content h3 { font-size: 20px; } .product-sorting { flex-direction: column; } .product-sorting .select-box { width: 290px; margin-top: 10px; } .product-card { max-width: 500px; width: 100%; margin: 0 auto 30px; } .product-details__img { max-width: 500px; width: 100%; margin-bottom: 40px; } .product-details__reveiw span { font-size: 16px; margin-left: 10px; } .product-details__buttons { flex-direction: column; } .product-details__buttons-1 { margin-bottom: 10px; } .product-details__social-link { margin-left: 0; } .product-details__social { flex-direction: column; } .product-details__social .title { margin-bottom: 5px; } .comments-area .comment { display: block; } .review-one__content { padding-left: 0; } .comments-area .comment-box .author-thumb { margin-bottom: 15px; } .review-one__content-top { display: block; } .cart-page .table-responsive { margin-bottom: 30px; } .cart-total li:nth-child(2) span:first-child { right: 0; } .cart-total li { justify-content: flex-start; } .cart-total li span:first-child { text-align: left; } .cart-total li span:first-child { margin-right: 50px; } .cart-page__buttons { display: block; } .cart-page__buttons-2 { margin-top: 10px; margin-left: 0; } .checkout__payment { margin-top: 30px; padding: 49px 35px 18px; } .main-header--three .main-menu-wrapper__right { display: none; } .main-header--three .main-menu-wrapper__left { margin-right: 0; } .main-header--three .main-menu-wrapper__logo { width: 100px; } } @media only screen and (min-width: 1200px) and (max-width: 1800px) { .counter-one-shape-1, .counter-one-shape-2, .counter-one-shape-3 { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1540px) { .testimonial-one__right { max-width: 1030px; right: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1440px) { .testimonial-one { position: relative; display: block; background-color: #f6f4f9; padding: 120px 0 220px; } .testimonial-one__left { width: 1170px; margin: 0 auto; text-align: center; } .testimonial-one__left .section-title { margin-bottom: 50px; } .testimonial-one__right { position: relative; top: 0; right: 0; max-width: 950px; width: 100%; margin: 0 auto; left: 0; } .testimonial-one .custom-nav { position: absolute; left: 0; right: 0; bottom: -100px; max-width: 1170px; width: 100%; margin: 0 auto; text-align: center; z-index: 10; } } @media only screen and (min-width: 1200px) and (max-width: 1645px) { .main-slider-two-img-1 { right: -191px; } .main-slider-two-img-1 img { width: 80%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-slider-two-img-1 { right: -328px; } .main-slider-two-img-1 img { width: 65%; } .main-slider-two-arrow { right: 400px; } .main-slider-two #main-slider-pagination { max-width: 960px; padding: 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-slider h2 { font-size: 111px; line-height: 88px; } .main-slider__nav { display: none; } .main-slider-shape-1 { display: none; } .main-slider-two #main-slider-pagination { max-width: 720px; padding: 0 15px; } .main-slider-two-img-1 { display: none; } .main-slider-two-arrow { display: none; } .main-slider-two-shape-1, .main-slider-two-shape-2, .main-slider-two-shape-3 { display: none; } } @media only screen and (max-width: 767px) { .main-slider-shape-1, .main-slider-shape-2, .main-slider-shape-3 { display: none; } .main-slider h2 br { display: none; } .main-slider h2 { font-size: 46px; line-height: 41px; } .main-slider__nav { display: none; } .main-slider .container { padding-top: 213px; } .main-slider-two #main-slider-pagination { max-width: 540px; padding: 0 15px; } .main-slider-two-img-1 { display: none; } .main-slider-two-arrow { display: none; } .main-slider-two-shape-1, .main-slider-two-shape-2, .main-slider-two-shape-3 { display: none; } .main-slider-two__content h2 br { display: none; } .main-slider-two__content h2 { font-size: 50px; line-height: 50px; } .main-slider-two .container { padding-top: 207px; padding-bottom: 235px; } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .main-menu-wrapper__logo { margin-right: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-menu .mobile-nav__toggler { display: inline-block; padding: 37px 0; } .main-menu-wrapper__logo { margin-right: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-menu .mobile-nav__toggler { display: inline-block; padding: 37px 0; } .main-menu-wrapper__logo { margin-right: 50px; } } @media(max-width: 767px) { .main-menu-wrapper__right { display: none; } .main-menu-wrapper__left { float: none; } .main-menu-wrapper__logo { margin-right: 0; } .main-menu-wrapper__main-menu { float: right; } .main-menu .mobile-nav__toggler { display: inline-block; padding: 37px 0; } .main-menu { padding: 0 15px; } .main-menu .container { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1450px) { .main-menu { padding: 0 40px; } .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1450px) { .main-header--three .main-menu { padding: 0 0; } } @media only screen and (min-width: 1200px) and (max-width: 1250px) { .main-header--three .main-menu-wrapper__search-box:before { display: none; } }