/* Template: Alvino - Creative Agency WordPress Theme Author: iqonicthemes.in Version: 1.0 Design and Developed by: iqonicthemes.in NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required! */ /*================================================ [ Table of contents ] ================================================== :: General :: Clearing floats :: Back to Top :: Loader :: WordPress Core :: Buttons :: Section Title :: Header :: List Style :: Footer :: Breadcrumb :: Banner :: Blog :: OWL Carousel :: Portfolio :: Clients :: Service Block :: Awards Block :: Team Block :: 404 Page :: Frequently Asked Questions :: Testimonial :: Pricing Table :: Text Animation :: Revel Effect :: Portfolio Details :: Background images ====================================== [ End table content ] ======================================*/ /*--------------------------------------------------------------------- 1 General -----------------------------------------------------------------------*/ *::-moz-selection { background: #121212; color: #fff; text-shadow: none; } ::-moz-selection { background: #121212; color: #fff; text-shadow: none; } ::selection { background: #121212; color: #fff; text-shadow: none; } body { font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 1em; line-height: 2; color: #6b6b6b; overflow-x: hidden; } a, .button { transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; color: #6b6b6b; outline: none; } a:focus { text-decoration: none !important; } a, .button, input { outline: medium none !important; color: #121212; } h1, h2, h3, h4, h5, h6 { font-family: 'Fira Sans', sans-serif; color: #121212; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 1.5em; font-weight: 600; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 3.052em; } h2 { font-size: 2.441em; } h3 { font-size: 1.953em; } h4 { font-size: 1.563em; } h5 { font-size: 1.25em; } h6 { font-size: 1em; } .container { max-width: 1366px; } /* HTML Tags */ a:focus, a:hover { color: #121212; outline: none; } ins { background: #fff9c0; text-decoration: none; } img { max-width: 100%; height: auto; } pre { background: #eeeeee; padding: 15px; border: 1px solid #eeeeee; } hr { margin: 0; padding: 0px; border-bottom: 1px solid #e0e0e0; border-top: 0px; } blockquote { background: #eeeeee; padding: 15px 30px; border-left: 5px solid #121212; margin-bottom: 30px; } blockquote cite { font-family: 'Fira Sans', sans-serif; font-weight: 600; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote .blockquote-footer { font-style: italic; color: #6c757d; font-size: 14px; margin-top: 10px; } blockquote .blockquote-footer cite { color: #121212; } p { margin-bottom: 30px; } /* Lists (Nested) */ ol, ul { padding-left: 25px; margin-bottom: 1em; } ol li { list-style: decimal; } ol ol { padding-left: 25px; } ul li { list-style: inherit; } /* Definition Lists */ dl dd { margin-bottom: 15px; } dl dd:last-child { margin-bottom: 0px; } /* Table */ table { border: 1px solid #d8d8d8; width: 100%; margin-bottom: 20px; } table td, table th { border: 1px solid #d8d8d8; padding: 5px 8px; text-align: center; } /* Form */ label { color: #121212; margin-bottom: 0; } input, input[type=text], input[type=email], input[type=search], input[type=password], textarea { width: 100%; float: left; margin-bottom: 30px; padding: 0 15px; height: 48px; line-height: 48px; background: #eeeeee; border: 1px solid #eeeeee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #6b6b6b; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } select { border: 2px solid #121212; background: #ffffff; line-height: 48px; height: 48px; padding: 0 10px; width: 100%; color: #6b6b6b; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } textarea { padding: 0 15px; height: 150px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input:focus, input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus, select:focus { border-color: #121212; box-shadow: none; outline: none; } input::-webkit-input-placeholder { color: inherit; } input::-moz-placeholder { color: inherit; } input:-ms-input-placeholder { color: inherit; } textarea::-webkit-input-placeholder { color: inherit; } textarea::-moz-placeholder { color: inherit; } textarea:-ms-input-placeholder { color: inherit; } input[type=email]::-webkit-input-placeholder { color: inherit; } input[type=email]::-moz-placeholder { color: inherit; } input[type=email]:-ms-input-placeholder { color: inherit; } input[type=submit], .contact-form .cfield input[type=submit], .wp-block-search__button { color: #ffffff; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; background: #121212; line-height: normal; cursor: pointer; margin-bottom: 0; height: auto; padding: 15px 30px; border: none; position: relative; display: inline-block; width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } input[type=submit]:hover, .contact-form .cfield input[type=submit]:hover, .wp-block-search__button:hover { color: #ffffff; background: #121212; outline: none; } input[type=checkbox] { width: auto; margin-right: 10px; line-height: 2; height: 32px; } .comments-area blockquote { background: #ffffff; } .comments-area table td, .comments-area table th { border: 1px solid #121212; color: #121212; } .wp-block-button__link { padding: 10px 30px; font-size: 16px; } .error { color: #ff0000 !important; } div.wpcf7-response-output { display: none; } .wpcf7-form .cfield .wpcf7-not-valid { border: 1px solid #f00; } .site-content { display: inline-block; width: 100%; float: left; } .iq-font-fira { font-family: 'Fira Sans', sans-serif; } .main-bg { background: #121212; } .text-main { color: #ababab; } .overflow-hidden { overflow: hidden !important; } .wp-block-button { margin-bottom: 30px; } .wp-block-cover.has-background-dim { color: #ffffff; } b, strong { color: #121212; } .wp-block-search .wp-block-search__input { margin-bottom: 0; } .wp-block-search { flex-wrap: inherit;} /*--------------------------------------------------------------------- Clearing floats -----------------------------------------------------------------------*/ .overview-block-ptb { padding: 100px 0; } .content-area .site-main { padding: 100px 0; display: inline-block; width: 100%; float: left; } .site-main .sf-content>.vc_row.wpb_row.vc_row-fluid { padding: 100px 0; } .page-contact-us .content-area .site-main { padding-top: 0; } .home .content-area .site-main { padding: 0; } .home.blog .content-area .site-main { padding: 100px 0; } .no-padding, .no-padding .vc_column-inner { padding: 0px !important; } .no-margin, .no-margin .wpb_content_element { margin: 0px !important; } .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0 !important; } /*--------------------------------------------------------------------- Clearing floats -----------------------------------------------------------------------*/ .clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; } .clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; } /*--------------------------------------------------------------------- Back to Top -----------------------------------------------------------------------*/ #back-to-top .top { position: fixed; margin: 0px; color: #ffffff; background: #121212; border: 1px solid #121212; position: fixed; bottom: 30px; right: 25px; z-index: 999; font-size: 26px; width: 50px; height: 50px; text-align: center; line-height: 50px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } #back-to-top .top:hover { background: #ffffff; color: #121212; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } /*--------------------------------------------------------------------- Loader -----------------------------------------------------------------------*/ #loading { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #121212; z-index: 9999; } #loading img { width: 200px; } /*--------------------------------------------------------------------- WordPress Core -----------------------------------------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 15px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #eeeeee; max-width: 96%; padding: 5px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 10px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 0px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #eeeeee; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*---------------------------------------------------------------------- Buttons -----------------------------------------------------------------------*/ .button { font-family: 'Fira Sans', sans-serif; text-transform: uppercase; color: #ffffff; background: #121212; z-index: 1; padding: 10px 30px; border: none; position: relative; display: inline-block; vertical-align: middle; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; } .button:hover, .button:focus { text-decoration: none; background: #101010; color: #ffffff; } button:focus { outline: 0; } .button:after { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: -10; } .button:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .button.white { color: #121212; background: #ffffff; } .button.white:after { background: #121212; } /*--------------------------------------------------------------------- Section Title -----------------------------------------------------------------------*/ .title-box { margin-bottom: 60px; } .title-box .title { font-weight: 600; font-size: 54px; line-height: normal; } .title-box.white .title, .title-box.white { color: #ffffff; } .text-black { color: #121212; } .title-box.iq-f-60 .title { font-size: 60px; } /*--------------------------------------------------------------------- Header -----------------------------------------------------------------------*/ header { position: fixed; top: 0; left: 0; display: inline-block; width: 100%; padding: 0; margin: 0; background: #121212; z-index: 999; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header .navbar .menu-main-menu-container, header .navbar .menu-all-pages-container, header .navbar .menu-testing-menu-container, header .navbar .menu-short-container, header .navbar .menu-social-menu-container { display: inline-block; width: 100%; } header .navbar { padding: 0; } /*-------------------- LOGO --------------------*/ header .navbar .navbar-brand { padding: 15px 0; } header .navbar .navbar-brand img { height: 45px; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /*-------------------- MENU --------------------*/ header .navbar .navbar-nav { margin: 0; padding: 0; float: right; } header .navbar .navbar-nav li { float: left; display: inline-block; margin: 0 30px; position: relative; } header .navbar .navbar-nav li a { display: inline-block; text-transform: uppercase; font-family: 'Fira Sans', sans-serif; color: #ffffff; line-height: 80px; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header .navbar .navbar-nav li i { margin-left: 5px; color: #ffffff; display: none; } header .navbar .navbar-nav li a:hover { text-decoration: none; } header .navbar .navbar-nav .menu-item a::before { background: #ffffff; content: ""; position: absolute; height: 1px; width: 0; transition: all 0.3s ease-out 0s; bottom: 15px; left: 0; } header .navbar .navbar-nav .menu-item.current-menu-item a::before, header .navbar .navbar-nav .menu-item.current-menu-parent a::before, header .navbar .navbar-nav .menu-item:hover>a::before, header .navbar .navbar-nav .menu-item>a:hover::before { width: 100%; } /*-------------------- SUB MENU --------------------*/ header .navbar .navbar-nav li .sub-menu { display: none; margin: 0; padding: 0; z-index: 99; } header .navbar .navbar-nav li:hover .sub-menu { display: block; background: #ffffff; position: absolute; top: 80px; left: 0; padding-left: 0; width: 200px; -webkit-box-shadow: 0px 1px 30px 0px rgba(18, 18, 18, 0.10); -moz-box-shadow: 0px 1px 30px 0px rgba(18, 18, 18, 0.10); box-shadow: 0px 1px 30px 0px rgba(18, 18, 18, 0.10); } header .navbar .navbar-nav li:last-child:hover .sub-menu, header .navbar .navbar-nav li:nth-last-child(2):hover .sub-menu { left: auto; right: 0; } header .navbar .navbar-nav li:hover .sub-menu { top: 72px; } header .navbar .navbar-nav li .sub-menu li { margin: 0; padding: 0; width: 100%; } header .navbar .navbar-nav li .sub-menu li a { text-transform: capitalize; border-radius: 0; font-size: 14px; display: inline-block; width: 100%; line-height: 28px; padding: 10px 15px; color: #121212; background: #ffffff; } header .navbar ul li .sub-menu li.current-menu-item a { background: #212121; color: #ffffff; } header .navbar .navbar-nav li .sub-menu li a:before { display: none; } header .navbar .navbar-nav li .sub-menu li.current-menu-item>a { background: #212121; color: #ffffff; } header .navbar .navbar-nav li .sub-menu li>.sub-menu { display: none; } header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu { display: block; background: #ffffff; position: absolute; top: 0; left: 100%; padding-left: 0; display: inline-block; width: 200px; -webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); -moz-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); } header .navbar .navbar-nav li:last-child .sub-menu li:hover>.sub-menu, header .navbar .navbar-nav li:nth-last-child(2) .sub-menu li:hover>.sub-menu { left: auto; right: 100%; } header .navbar ul li .sub-menu li i { display: block; position: absolute; right: 15px; top: 10px; line-height: 28px; font-size: 12px; z-index: 9; color: #121212; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header .navbar ul li .sub-menu li i:before { content: "\f054"; } header .navbar .navbar-nav li:last-child .sub-menu i, header .navbar .navbar-nav li:nth-last-child(2) .sub-menu i { transform: rotate(180deg); } header .navbar .navbar-nav li .sub-menu li.current-menu-item i { color: #ffffff; } header .navbar ul li .sub-menu li:hover>i { color: #ffffff; } header .navbar .navbar-nav li .sub-menu li:hover>a { background: #121212; color: #ffffff; } @media screen and (max-width:4000px) and (min-width:1023px) { header .navbar .navbar-nav li:hover>.sub-menu { display: block !important; } header .navbar .navbar-nav li:hover a { color: #ffffff; text-decoration: none; } } header .request-btn a { background: #ffffff; padding: 10px 30px; } header .navbar .menu-top-menu-container, header .navbar .menu-main-menu-container, header .navbar .menu-all-pages-container, header .navbar .menu-testing-menu-container, header .navbar .menu-short-container, header .navbar .menu-social-menu-container { display: inline-block; width: 100%; } header.menu-sticky { position: fixed; top: 0; z-index: 999; -webkit-box-shadow: 0px 0px 30px 0px rgba(18, 18, 18, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(18, 18, 18, 0.1); box-shadow: 0px 0px 30px 0px rgba(18, 18, 18, 0.1); transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } header .number-info ul { padding: 0; margin-bottom: 0; } header .number-info ul li { list-style: none; display: inline-block; color: #ffffff; margin-right: 15px; } header .number-info ul li a i { margin-right: 10px; } header .sub-header { background: #ffffff; padding: 10px 0; } header .sub-header a { color: #121212; } header .sub-header a:hover { color: rgba(18, 18, 18, 0.6); } header .sub-header ul { margin: 0; padding: 0; } header .sub-header ul li { margin-right: 15px; } header .sub-header ul li:last-child { margin-right: 0; } header.menu-sticky .sub-header { display: none; } /*-------------------- SUB MENU --------------------*/ header.menu-sticky .navbar .navbar-brand img { height: 40px; } header.menu-sticky .navbar .navbar-nav li a { line-height: 72px; } /*-------------------- Social media in banner --------------------*/ .hd-info { display: inline-block; position: absolute; right: 30px; width: 50px; vertical-align: middle; text-align: center; z-index: 9; top: 45%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .hd-info .sc-icon { margin: 0; padding: 0; } .hd-info .sc-icon li { list-style: none; margin-bottom: 10px; } .hd-info .sc-icon li a { color: rgba(255, 255, 255, 0.8); font-family: 'Fira Sans', sans-serif; text-transform: uppercase; font-weight: 600; } .hd-info .sc-icon li a:hover { color: #ffffff; text-decoration: none; } /*-------------------- Admin MENU --------------------*/ .admin-bar header { top: 32px; } .admin-bar header.menu-sticky { top: 32px; } @media(max-width:480px) { .admin-bar header { top: 46px; transition: all 0s ease-in-out; transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; } .admin-bar header.menu-sticky { top: 0; } } @media only screen and (min-device-width:601px) and (max-device-width:768px) { .admin-bar header.menu-sticky .main-header { top: 46px; } } /*--------------------------------------------------------------------- List Style -----------------------------------------------------------------------*/ .iq-list { margin: 0; padding: 0; display: inline-block; width: 100%; } .iq-list li { color: #121212; line-height: 25px; margin-bottom: 30px; list-style: none; font-size: 24px; font-weight: 600; font-family: 'Fira Sans', sans-serif; } .iq-list li:last-child { margin-bottom: 0; } .iq-list li i { float: left; font-size: 24px; margin-top: 0px; margin-right: 15px; color: #121212; } /*style2*/ .iq-list2 { margin: 0; padding: 0; display: inline-block; width: 100%; } .iq-list2 li { color: #6b6b6b; line-height: 16px; margin-bottom: 30px; list-style: none; font-size: 16px; } .iq-list2 li:last-child { margin-bottom: 0; } .iq-list2 li i { float: left; font-size: 10px; line-height: 16px; margin-top: 0px; margin-right: 5px; color: #6b6b6b; } .list-title { margin-bottom: 30px; } .about-list li { list-style: none; } /*--------------------------------------------------------------------- Footer -----------------------------------------------------------------------*/ footer { display: inline-block; width: 100%; float: left; background: #eeeeee; color: #121212; } /*footer before */ footer .footer-topbox { background: #e4e4e4; padding: 60px 0; } footer .footer-topbox .footer_logo { text-align: center; } footer .subscribe_form .subtitle, footer .subscribe_form h4 { display: none; } footer .subscribe_form .form-field { position: relative; } footer .subscribe_form input[type=email] { height: 48px; line-height: 48px; margin-bottom: 0; min-height: 48px; font-size: 16px; } footer .subscribe_form button { position: absolute; width: auto; padding: 0 15px; right: 0; top: 0; background: #ababab; height: 48px; border: transparent; font-size: 16px; cursor: pointer; } footer .subscribe_form button i { margin-right: 5px; } footer .widget #recentcomments li a:hover { text-decoration: underline; } footer .widget #recentcomments li a:before { display: none; } footer .widget .rsswidget { padding-left: 0; font-size: 16px; font-weight: 600; } footer .widget .rss-date { font-weight: 600; font-size: 12px; text-transform: uppercase; display: inline-block; width: 100%; margin: 5px 0; } footer .widget .rsswidget:before { display: none; } footer .tagcloud ul li a:before { display: none; } footer table td, footer table th { border-color: #121212; } footer .widget ul li { border: none; padding-bottom: 0; } footer .widget ul li:before { display: none; } /*footer style1 */ footer .logo { height: 45px; } footer .footer-top { padding: 90px 0 60px; } footer .widget { background: transparent; border: none; padding: 0; } footer .footer-text { text-transform: capitalize; font-size: 96px; font-weight: 600; line-height: 120px; } footer .footer-title { margin-bottom: 15px; font-weight: 600; } footer ul li { list-style: none; } footer.footer1 .widget ul.iq-contact li a:before, footer.footer1 .widget ul.menu li a:before, footer.footer2 .widget ul.iq-contact li a:before, footer.footer2 .widget ul.menu li a:before, footer.footer3 .widget ul.iq-contact li a:before, footer.footer3 .widget ul.menu li a:before { display: none; } footer.footer1 .widget ul.menu li, footer.footer2 .widget ul.menu li, footer.footer3 .widget ul.menu li { display: inline-block; } footer.footer1 .widget ul.menu li a, footer.footer2 .widget ul.menu li a, footer.footer3 .widget ul.menu li a { padding: 0 15px 0 0; border-bottom: none; } footer .widget .menu-testing-menu-container ul.menu li { width: 100%; float: left; display: inline-block; vertical-align: middle; } footer .widget .menu-testing-menu-container ul.menu li a:before { top: 15px; display: inline-block; vertical-align: middle; } footer .widget .menu-testing-menu-container ul.menu li a { padding: 7px 0 7px 15px; position: relative; } footer .widget ul li a { color: #6b6b6b; } footer .footer-top ul.iq-contact { padding: 0; margin-bottom: 30px; } footer .footer-top ul.iq-contact li a { padding-left: 0; } footer .info-share { padding: 0; } footer .info-share li { display: inline-block; margin-right: 15px; } footer .info-share li a { font-weight: 600; display: block; background: #121212; border: 1px solid transparent; color: #ffffff; font-size: 18px; height: 55px; width: 55px; line-height: 55px; text-align: center; } footer .info-share li a:hover { background: #ffffff; color: #121212; border-color: #121212; } footer .copyright, footer .copyright a { color: #ffffff; } footer .social-icone li { margin-left: 15px; } footer #menu-footer-menu { float: left; width: 100%; } footer .copyright-footer { padding: 15px 0; background: #121212; color: #ffffff; text-align: center; border-top: 1px solid #2a2a2a; } footer ul.iq-contact li p { display: flex; line-height: 30px; } footer .iq-contact li { margin-bottom: 10px; } footer ul.iq-contact i { margin-right: 15px; font-size: 30px; vertical-align: middle; color: #121212; line-height: 30px; } footer.footer1 .copyright-footer { border-top: 1px solid #c0c0c0; text-align: center; } footer .widget .menu-testing-menu-container ul li a:before, footer .widget .menu-all-pages-container ul li a:before { position: absolute; content: "\f101"; color: #6b6b6b; top: 10px; font-size: 16px; left: 0; font-family: FontAwesome; line-height: normal; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } footer .widget.widget_nav_menu ul li .sub-menu, footer .widget ul.menu li .sub-menu { padding-left: 10px; } footer #recentcomments .recentcomments span a { font-weight: 600; } /*footer style2 */ footer.footer2 { background: #121212; color: #ffffff; } footer.footer2 .widget ul li a, footer.footer2 ul.iq-contact i { color: #ffffff; } footer.footer2 .footer-topbox { background: #0f0f0f; } footer.footer2 .footer-title { color: #ffffff; } footer.footer2 .footer-top ul.iq-contact { margin: 0; } footer.footer2 .info-share li a { background: transparent; border-color: #ffffff; } footer.footer2 .info-share li a:hover { background: #ffffff; } footer.footer2 .footer-topbox .subscribe_form input[type=email] { border-color: #ffffff; background: transparent; color: #798794; } footer.footer2 .copyright-footer { border-top: 1px solid #2a2a2a; text-align: center; } footer.footer2 .iq-contact li { float: left; width: auto; margin-right: 15px; } footer.footer2 .iq-contact li:last-child { margin-right: 0; } /*footer style3 */ footer.footer3 ul.iq-contact { float: left; width: 100%; } footer.footer3 ul.iq-contact i { display: inline-block; color: #ffffff; } footer.footer3 { background: #121212; color: #ffffff; } footer.footer3 .widget ul li a, footer.footer3 ul.iq-contact i { color: #ffffff; } footer.footer3 .footer-topbox { background: #0f0f0f; } footer.footer3 .footer-title { color: #ffffff; } footer.footer3 .footer-top ul.iq-contact { margin: 0; } footer.footer3 .info-share li a { background: transparent; border-color: #ffffff; } footer.footer3 .info-share li a:hover { background: #ffffff; } footer.footer3 .subscribe_form input[type=email], footer.footer2 .subscribe_form input[type=email], footer.footer1 .subscribe_form input[type=email] { padding: 0; border: none; border-bottom: 1px solid #ffffff; background: transparent; color: #798794; color: #ffffff; } footer.footer3 .copyright-footer { border-top: 1px solid #2a2a2a; text-align: center; } footer.footer3 .subscribe_form button, footer.footer1 .subscribe_form button, footer.footer2 .subscribe_form button { font-size: 0; background: transparent; } footer.footer3 .subscribe_form button i, footer.footer1 .subscribe_form button i, footer.footer2 .subscribe_form button i { display: block; font-size: 16px; color: #ffffff; } footer.footer3 .copyright { float: none; } footer.footer1 .subscribe_form button i { color: #121212; } footer.footer1 .subscribe_form input[type=email] { border-color: #121212; color: #121212; } /*footer instagram*/ footer .iscwp-gallery-grid.iscwp-image-fit .iscwp-col-3 .iscwp-img-wrp { height: auto; } footer .iscwp-columns { padding: 5px; } footer .iscwp-img-wrp .iscwp-meta { padding: 0; opacity: 0; display: none; background: rgba(0, 0, 0, 0.8); } footer .iscwp-inr-wrp:hover .iscwp-meta { opacity: 1; display: block; } footer .iscwp-meta-inner-wrap { display: block; text-shadow: none; } footer .iscwp-inr-wrp .iscwp-meta .iscwp-meta-inner-wrap .iscwp-likes-num, footer .iscwp-inr-wrp .iscwp-meta .iscwp-meta-inner-wrap .iscwp-meta-comment { padding: 45% 0; } footer .iscwp-inr-wrp:hover .iscwp-meta .faa-pulse.animated { color: #ffffff; } /*--------------------------------------------------------------------- Breadcrumb -----------------------------------------------------------------------*/ .iq-breadcrumb { padding: 150px 0 90px; display: inline-block; overflow: hidden; width: 100%; float: left; color: #ffffff; position: relative; background: #121212; } .iq-breadcrumb .title { font-size: 62px; color: #ffffff; } .iq-breadcrumb .banner-img { position: relative; bottom: 0; width: 100%; right: 0; } /*--------------------------------------------------------------------- Banner -----------------------------------------------------------------------*/ .banner { background: #121212; position: relative; color: #ffffff; padding: 180px 0 0; } .banner .bann-img { position: absolute; top: -150px; right: 0; width: 120%; } .banner .bann-img img { max-width: 180%; } .banner h1 { font-size: 60px; } .banner h6 { letter-spacing: 3px; font-weight: 400; } .banner h1, .banner h6 { color: #ffffff; position: relative; z-index: 3; } .banner::before { background: #ffffff; content: ""; position: absolute; bottom: 0; width: 100%; left: 0; height: 35%; } .main.reveal-effect { --aspect-ratio: 1.5/1.5; margin-top: 100px; } .content { padding: 25vh 0 30vh; } .content__item-img { background-attachment: fixed; background-size: cover; padding: 200px 0; } .banner .button { margin-top: 30px; } /*banner style2*/ .banner-2 { background: #121212; position: relative; color: #ffffff; padding: 260px 0 200px; z-index: 1; } .banner-2 img { position: absolute; bottom: -180px; width: auto; right: 0; left: 0; margin: 0 auto; text-align: center; z-index: -1; } .banner-2 h1 { font-size: 60px; margin-bottom: 30px; } .banner-2 span { margin-bottom: 0px; } .banner-2 h1 { color: #ffffff; } .banner-2 h6 { letter-spacing: 3px; font-weight: 400; color: #ffffff; } /*banner style3*/ .banner-3 { background: #ffffff; position: relative; color: #121212; padding: 150px 0 100px; z-index: 1; } .banner-3 h1 { font-size: 60px; line-height: 1.3; margin-bottom: 0; } .banner-3 span.desc { font-size: 16px; color: #6b6b6b; } .banner-3 .banner-details { margin-bottom: 60px; } .banner-video { position: relative; overflow: hidden; float: left; width: 100%; } .banner-video #myVideo { width: 100%; float: left; } .banner-3::before { background: #121212; content: ""; position: absolute; bottom: 0; width: 100%; left: 0; height: 50%; } .about-me::before { background: #121212; content: ""; position: absolute; bottom: 0; width: 100%; left: 0; height: 100px; } /*--------------------------------------------------------------------- Blog - SideBar -----------------------------------------------------------------------*/ .iq-post-sidebar { height: 100%; } .widget { margin-bottom: 45px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: inline-block; width: 100%; float: left; position: relative; } .widget:last-child { margin-bottom: 0; } .widget .widget-title { margin-bottom: 30px; padding-bottom: 15px; font-size: 24px; position: relative; z-index: 1; } .widget .widget-title:before { content: ""; position: absolute; bottom: -2px; left: 0; width: 45px; background: #121212; height: 4px; display: inline-block; } .blog-quote { background: #121212; padding: 30px 120px 30px 30px; color: #ffffff; position: relative; z-index: 1; } .blog-quote::before { content: "\f10e"; font-family: fontAwesome; font-size: 180px; position: absolute; z-index: -1; right: 75px; color: #1e1e1e; top: -12px; line-height: 180px; } .blog-quote p { font-size: 24px; font-family: 'Fira Sans', sans-serif; font-weight: 600; } .blog-quote p span { font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 16px; } .blog-button { margin-top: 15px; } .widget .author_desc .widget-title { display: inline-block; } .iq-widget-menu ul.iq-post li .post-blog li { border: none; } .iq-widget-menu ul.iq-post li .post-blog li:before { display: none; } embed, iframe, object { max-width: 100%; width: 100%; } .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment, .wp-block-latest-comments__comment { display: inline-block; width: 100%; } footer.wp-block-latest-comments__comment-meta { background: transparent; } .iq-blog-box .iq-blog-detail p { margin-bottom: 15px; } .post-password-form input { float: none; } .iq-map-intro .wpb_gmaps_widget .wpb_wrapper { padding: 0; } .blog-title h5 { font-size: 24px; } .iqonic-recentblog.v1 .blog-title h5 { font-size: 1.25em; } .share-box { padding: 15px 30px; border-top: 1px solid #eeeeee; } .share-box .total-comment li { margin-right: 30px; color: #6b6b6b; } .share-box .total-comment li a { color: #6b6b6b; } .share-box .total-comment li a:hover { color: #121212; text-decoration: none; } .share-box .social-icone { float: right; } .alvino-read-more { font-family: 'Fira Sans', sans-serif; color: #121212; font-weight: 600; text-transform: uppercase; } .alvino-read-more i { margin-left: 10px; font-weight: normal; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .alvino-read-more:hover i { margin-left: 15px; } /*SideBar - Search*/ .search-form { position: relative; } .search-form label { display: none; } .search-form input { margin-bottom: 0; padding-right: 40px; color: #6b6b6b; box-shadow: none; border-radius: 0; color: #121212; height: 48px; border: 2px solid #e4e4e4; background: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .search-form input:focus, .search-form input[type=text]:focus, .search-form input[type=email]:focus, .search-form input[type=search]:focus, .search-form input[type=password]:focus { border: 2px solid #121212; } .search-form .search-submit { width: auto; position: absolute; right: 0; top: 0; color: #ffffff; cursor: pointer; padding: 6px 25px; font-size: 18px; background: #121212; border: none; outline: none; box-shadow: none; } .search-form .search-submit .screen-reader-text { display: none; } /*widget-menu*/ .widget ul { padding: 0; margin: 0; } .widget ul li { margin-bottom: 10px; padding-bottom: 10px; list-style: none; border-bottom: 1px solid #eeeeee; position: relative; } .widget ul li:before { content: ""; background: #121212; height: 1px; width: 0%; position: absolute; left: 0; bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .widget ul li:hover:before { width: 100%; } .widget ul ul.children { padding-left: 25px; } .widget ul ul.children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .widget ul li a { color: #6b6b6b; position: relative; -ms-word-wrap: break-word; word-wrap: break-word; } .widget ul li a:hover { color: #121212; text-decoration: none; } footer.footer2 .widget ul li a:before, footer.footer3 .widget ul li a:before { color: #ffffff; } footer.footer1 .widget ul li a:before, footer.footer1 .widget #recentcomments li .comment-author-link a, footer.footer1 .widget .rsswidget { color: #121212; } /*SideBar - Recent Post*/ .iq-widget-menu ul.iq-post li .post-img img { width: 80px; height: 80px; margin-right: 15px; } .iq-widget-menu ul.iq-post li { margin-bottom: 15px; list-style: none; width: 100%; float: left; } .iq-widget-menu ul.iq-post li:last-child { margin-bottom: 0; } .iq-widget-menu ul.iq-post li a::before { display: none; padding-left: 0; } .iq-widget-menu ul.iq-post li a { padding-left: 0; color: #6b6b6b; } .post-img { display: flex; align-items: flex-start; } .post-blog { flex: 1; } .iq-widget-menu ul.iq-post li a.new-link { color: #121212; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; font-weight: 600; } /*SideBar - Recent Comments*/ .widget.widget_recent_comments #recentcomments li.recentcomments span a { color: #6b6b6b; font-weight: 600; } .widget.widget_recent_comments #recentcomments li.recentcomments span a:hover { color: #121212; } .widget.widget_recent_comments #recentcomments li.recentcomments a:before { display: none; } .widget.widget_recent_comments #recentcomments li.recentcomments a { color: #121212; padding-left: 0; } .widget.widget_recent_comments #recentcomments li.recentcomments a:hover { color: #6b6b6b; padding-left: 0; } /* SideBar Calendar */ .widget_calendar table caption { caption-side: inherit; padding: 0 0 10px; color: #121212; font-weight: 600; text-transform: uppercase; } .widget_calendar table#wp-calendar { width: 100%; text-align: center; margin-bottom: 0; margin-top: 0; background: #ffffff; } .widget_calendar .calendar_wrap td#today { background: #121212; color: #ffffff; } .widget_calendar .calendar_wrap td#today a { color: #ffffff; } .widget_calendar .calendar_wrap table th { background: #ffffff; color: #121212; } .widget_calendar .calendar_wrap table th, .widget_calendar .calendar_wrap table td { padding: 8px; text-align: center; } /* SideBar Categories List */ .widget_categories ul li, .widget_archive ul li, .widget_pages ul li a { font-weight: 400; color: #6b6b6b; } .widget_categories ul li a, .widget_pages ul li a { padding-left: 15px; } .widget_categories ul li a:before, .widget_pages ul li a:before { position: absolute; content: "\f101"; color: #6b6b6b; top: 3px; font-size: 16px; left: 0; font-family: FontAwesome; line-height: normal; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .widget_categories ul li:before, .widget_pages ul li:before { display: none; } .widget_categories ul li a:hover, .widget_pages ul li a:hover { padding-left: 25px; } .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li align-content:; { font-weight: 400; color: #6b6b6b; } .widget_categories ul ul.children, .widget_pages ul ul.children { padding-top: 10px; } .widget_categories ul ul.children li:last-child, .widget_pages ul ul.children li:last-child { border-bottom: none; padding: 0; margin: 0; } /* SideBar Archives Dropdown */ .widget select, .widget.widget_archive select, .widget_categories select { background: #fff; outline: none; } /* Meta - widget RSS*/ .widget.widget_rss ul li { margin-bottom: 20px; } .widget.widget_rss ul li:last-child { margin-bottom: 0; } .widget.widget_rss ul li a { padding-left: 0; font-size: 16px; color: #121212; font-weight: 600; } .widget.widget_rss ul li a:hover { color: #121212; } .widget.widget_rss ul li a:before { display: none; } .widget.widget_rss ul li .rss-date { font-weight: 600; font-size: 12px; text-transform: uppercase; display: inline-block; width: 100%; margin: 5px 0; } .widget.widget_rss ul li cite { font-weight: 600; margin-top: 5px; display: inline-block; width: 100%; } /*widget Nav Menu*/ .widget.widget_nav_menu ul li a:before { position: absolute; content: "\f101"; color: #6b6b6b; top: 3px; font-size: 16px; left: 0; font-family: FontAwesome; line-height: normal; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .widget.widget_nav_menu ul li, .widget ul.menu li { margin-bottom: 10px; } .widget.widget_nav_menu ul li .sub-menu, .widget ul.menu li .sub-menu { display: block !important; padding-left: 20px; padding-top: 10px; } .widget.widget_nav_menu ul li a, .widget ul.menu li a { padding: 0px 0px 0px 15px; display: inline-block; width: 100%; } .widget.widget_nav_menu ul li i, .widget ul.menu li i { display: none; } .widget.widget_nav_menu ul li a:before, .widget ul.menu li a:before { top: 10px; } .widget.widget_nav_menu ul .sub-menu li:last-child, .widget ul.menu .sub-menu li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .widget.widget_nav_menu ul .sub-menu li:last-child::before, .widget ul.menu .sub-menu li:last-child::before { display: none; } .widget_categories ul ul.children li:last-child { border-bottom: none; padding: 0; margin: 0; } .widget_nav_menu ul li a:hover { padding-left: 25px; } /* SideBar - widget Recent Entries*/ .widget_recent_entries ul li .post-date { font-weight: 600; color: #121212; } /*SideBar - Tags*/ .widget_tag_cloud ul { margin: 0; padding: 0; } .widget_tag_cloud ul li, footer .widget .tagcloud ul li { padding: 0; display: inline-block; margin: 0 0 10px; } .widget_tag_cloud ul li a, footer .widget .tagcloud ul li a { border: 1px solid #121212; background: #ffffff; display: inline-block; color: #121212; padding: 2px 15px; border-radius: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .widget_tag_cloud ul li a:hover, footer .widget .tagcloud ul li a:hover { text-decoration: none; border-color: #121212; background: #121212; color: #ffffff; padding: 2px 15px; } .widget_tag_cloud ul li a:before { display: none; } article.hentry .iq-blog-box .iq-blog-detail .blog-content .widget_tag_cloud ul li a:hover { color: #ffffff; } .author_desc p { margin-bottom: 0; } /*SideBar - Subscribe*/ .widget-area .subscribe_form { float: left; width: 100%; display: inline-block; } .subtitle { font-size: 16px; } .widget-area .subscribe_form input[type=email] { height: 48px; min-height: 48px; margin-bottom: 0; font-size: 16px; line-height: 48px; padding: 0 15px; } .widget-area .subscribe_form .form-field { position: relative; } .widget-area .subscribe_form button { position: absolute; right: 0; top: 0; width: auto; border: 0; font-size: 0; background: transparent; padding: 15px; cursor: pointer; } .widget-area .subscribe_form button i { font-size: 16px; } /* Blog Page Link */ .page-links { margin: 15px 0 10px; text-transform: uppercase; clear: both; } .iq-blog-detail .blog-content .page-links a, .page-links > span.page-number, .page-links a { border: none; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #121212; margin-left: 5px; padding: 0px; display: inline-block; color: #ffffff; } .iq-blog-detail .blog-content .page-links a:hover { text-decoration: none; border-color: transparent; background: #121212; color: #ffffff; } .iq-blog-detail .blog-content .page-links > span.page-number, .page-links > span.page-number { background: #121212; color: #ffffff; } article.hentry .iq-blog-detail .blog-content .page-links a:hover { color: #fff; } /* Gallery */ .gallery-size-thumbnail .gallery-item { margin-right: 2%; width: 18.4%; margin-bottom: 2%; display: inline-block; vertical-align: top; } .gallery-item .gallery-caption { font-size: 14px; line-height: 22px; } .gallery-size-thumbnail .gallery-item img { margin-bottom: 10px; } .gallery-columns-1 .gallery-item { width: 100%; margin-right: 0px; } .gallery-columns-2 .gallery-item { width: 48%; } .gallery-columns-3 .gallery-item { width: 31.3%; } .gallery-columns-4 .gallery-item { width: 23%; } .gallery-columns-5 .gallery-item { width: 18%; } .gallery-columns-6 .gallery-item { width: 14.6%; } .gallery-columns-7 .gallery-item { width: 12.2%; } .gallery-columns-8 .gallery-item { width: 10.5%; } .gallery-columns-9 .gallery-item { width: 9.1%; } .gallery.gallery-size-thumbnail { display: inline-block; width: 100%; } /* Audio */ article.hentry.format-audio .iq-blog-image { text-align: left; } article.hentry.format-audio .iq-blog-image p:nth-child(-n+2) { display: inline-block; margin-bottom: 0; padding-top: 30px; } article.hentry.format-audio .iq-blog-image p { margin-bottom: 0; padding-left: 30px; } article.hentry.format-video .iq-blog-image p { margin-bottom: 0; } /*pagination-nav*/ .page-numbers { display: -ms-flexbox; display: inline-block; padding-left: 0; list-style: none; padding: 0; margin: 0 auto; text-align: center; width: 100%; } .page-numbers li { display: inline-block; margin-bottom: 15px; } .page-numbers li .page-numbers { position: relative; display: block; padding: 0; line-height: 45px; height: 45px; width: 45px; text-align: center; margin-left: 5px; color: #ffffff; background-color: #6b6b6b; border: 1px solid #6b6b6b; } .page-numbers li .page-numbers.next, .page-numbers li .page-numbers.prev { height: auto; width: auto; padding: 0 30px; } .page-numbers li .page-numbers:hover { z-index: 2; color: #ffffff; text-decoration: none; background: #121212; border-color: #121212; } .page-numbers li .page-numbers:focus { z-index: 2; outline: 0; box-shadow: none; } .page-numbers li .page-numbers:not(:disabled):not(.disabled) { cursor: pointer } .page-numbers li .page-numbers.current { z-index: 1; color: #ffffff; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; background: #121212; border-color: #121212; } /* Comments Form */ .comment-respond .comment-notes, .comment-respond .logged-in-as { padding: 0; margin: 0 } .comment-respond .comment-form-comment { margin-top: 15px; margin-bottom: 30px; display: inline-block; width: 100% } .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 31%; display: inline-block; float: left; margin-right: 15px; margin-bottom: 30px } .comment-respond .comment-form-url { margin-right: 0 } .comment-respond .form-submit { display: inline-block; width: 100%; margin-bottom: 0; } .commentlist .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 32% } .comment-respond textarea, .comment-respond input { margin-bottom: 0; } /* Comments Box */ .comments-area, .comment-respond { margin-top: 30px; display: block; clear: both; } .comments-area .comments-title, .comment-respond .comment-reply-title { margin: 0; position: relative; padding-bottom: 0; } .comment-respond .comment-reply-title a { font-weight: 600; color: #121212; font-size: 80%; } .comment-respond .comment-reply-title a:hover { color: #121212; text-decoration: none; } .commentlist { margin: 15px 0 0; padding: 0; list-style: none; } .commentlist .comment { margin-top: 30px; margin-bottom: 0; vertical-align: top; padding: 0; list-style: none; } ol.commentlist .pingback, ol.commentlist .trackback { margin-left: 25px; } ol.commentlist .pingback a, ol.commentlist .trackback a { color: #121212; } ol.commentlist .pingback a:hover, ol.commentlist .trackback a:hover { color: #121212; } .commentlist li .comment-respond { margin-top: 30px; } .commentlist .iq-comments-media { padding: 15px; border-radius: 0; border: 1px solid #eeeeee; position: relative; background: #ffffff; } .commentlist ol.children { padding-left: 60px; } .commentlist .iq-comment-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .commentlist .iq-comments-photo { padding-right: 15px; } .commentlist .iq-comments-photo img { width: 80px; height: auto; } .commentlist .iq-comments-info { position: relative; display: inline-block; width: 100%; color: #6b6b6b; } .commentlist .iq-comments-info .title { margin: 0; color: #121212; float: left; } .commentlist .iq-comments-info .title a:hover { text-decoration: none; } .commentlist .iq-comment-metadata { font-size: 14px; color: #6b6b6b; margin: 5px 0; } .commentlist .comment-content p { margin-bottom: 0; } .commentlist .iq-comment-metadata a { color: #6b6b6b; } .commentlist .iq-comment-metadata a:hover { color: #121212; text-decoration: none; } .commentlist .iq-comment-metadata i { padding-right: 5px; font-weight: 400; } .commentlist .iq-comments-media .reply a { color: #fff; } .commentlist .iq-comments-media .reply a:hover { background: #121212; text-decoration: none; } .commentlist .iq-comments-info time { clear: both; display: block; } .no-comments, .comment-awaiting-moderation { font-style: italic; margin: 15px 0; } .comment-content { float: left; width: 100%; } .alvino-reply { float: left; width: 100%; display: inline-block; } .alvino-reply a { right: 15px; top: 15px; font-family: 'Fira Sans', sans-serif; margin-top: 0; text-transform: uppercase; color: #ffffff; background: #121212; z-index: 1; padding: 8px 16px; line-height: 1; border: none; position: absolute; display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; } .alvino-reply a:hover, .alvino-reply a:focus { text-decoration: none; background: #101010; color: #ffffff; } .alvino-reply a:focus { outline: 0; } .alvino-reply a:after { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: -10; } .alvino-reply a:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .commentlist .reply { font-size: 16px; font-family: 'Fira Sans', sans-serif; color: #121212; float: right; } article.hentry .iq-blog-box { margin-bottom: 45px; display: inline-block; width: 100%; position: relative; border: 1px solid #eeeeee; } .iqonic-recentblog.v1 .iq-blog-box { margin-bottom: 0; } article.hentry .iq-blog-box .iq-blog-detail { display: inline-block; width: 100%; padding: 30px; } .single-post article.hentry .iq-blog-box { margin-bottom: 0; } /*Blog Slider*/ .iq-blog-box .iq-blog-image { position: relative; text-align: center; display: inline-block; float: left; width: 100%; overflow: hidden; } .iq-blog-box .iq-blog-image img { transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .iq-blog-box:hover .iq-blog-image img { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .iq-blog-meta ul { padding: 2px 10px; margin-bottom: 0; display: inline-block; width: auto; background: #121212; clear: both; color: #fff; } .iq-blog-meta ul li { margin-right: 5px; float: left; display: inline-block; text-transform: uppercase; font-size: 14px; } .iq-blog-meta ul li:last-child { margin-right: 0; } .iq-blog-meta ul li a { color: #ffffff; } .blog-title a:hover, .iq-blog-meta ul li a:hover { text-decoration: none; } /*Blog Detail Page*/ .iq-blog-box .iq-blog-detail .blog-content { float: left; width: 100%; } .iq-blog-box .iq-blog-detail .share-box { float: left; width: 100%; margin: 30px 0 0; padding-top: 30px; border-top: 1px solid #b3b3b3; } .iq-blog-box .iq-blog-detail .total-comment i { color: #121212; margin-right: 5px; } .iq-blog-box .iq-blog-detail .total-comment a { color: #121212; font-size: 14px; } .iq-blog-box .iq-blog-detail .total-comment a:hover { color: #121212; } .iq-blog-box .iq-blog-detail .share-box .social-icone { float: right; } .iq-blog-box .iq-blog-detail .share-box .social-icone li a { font-weight: 600; font-size: 16px; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; } .share-box .social-icone { float: right; } /*Sticky Post*/ .sticky .iq-blog-box { background: #eeeeee; } /* Assistive text */ .assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; display: none; } .main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active, .site .screen-reader-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #121212; display: block; font-size: 12px; height: auto; padding: 12px; position: absolute; top: 5px; left: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } .tooltip-iq { display: inline; position: relative; z-index: 9; } /* Trigger text */ .tooltip-item { background: #121212; cursor: pointer; display: inline-block; font-weight: 600; padding: 0 10px; color: #ffffff; } /* Gap filler */ .tooltip-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip-iq:hover .tooltip-item::after { pointer-events: auto; } /* Tooltip */ .tooltip-content { position: absolute; z-index: 9; width: 360px; left: 50%; margin: 0 0 30px -185px; bottom: 100%; text-align: left; font-size: 0.765em; line-height: 1.4; box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); background: #121212; opacity: 0; cursor: default; pointer-events: none; } .tooltip-effect-1 .tooltip-content { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-2 .tooltip-content { -webkit-transform-origin: 50% calc(100% + 10px); transform-origin: 50% calc(100% + 10px); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-3 .tooltip-content { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-4 .tooltip-content { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(0.7, 0.3, 1); transform: scale3d(0.7, 0.3, 1); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-5 .tooltip-content { width: 180px; margin-left: -90px; -webkit-transform-origin: 50% calc(100% + 6em); transform-origin: 50% calc(100% + 6em); -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39); transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39); } .tooltip-iq:hover .tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); } .tooltip-iq.tooltip-effect-2:hover .tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } /* Arrow */ .tooltip-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #121212; border-width: 10px; margin-left: -10px; } /* Tooltip content*/ .tooltip-content img { position: relative; display: block; float: left; margin-right: 1em; } .tooltip-text { font-size: 0.68em; line-height: 1.35; display: block; padding: 15px; color: #fff; } .tooltip-effect-5 .tooltip-text { padding: 1.4em; } .tooltip-text a { font-weight: bold; } p.iq-tooltip { font-size: 2.441em; margin-bottom: 0; color: #121212; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; line-height: 1.5em; } /*--------------------------------------------------------------------- OWL Carousel -----------------------------------------------------------------------*/ .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; } .owl-carousel .owl-nav .owl-prev { outline: none; background: none; border: none; display: block; position: absolute; text-align: center; text-indent: inherit; top: -25px; left: -8%; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel .owl-nav .owl-next { outline: none; background: none; border: none; display: block; position: absolute; text-align: center; text-indent: inherit; top: -25px; right: -8%; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel .owl-nav i { border: 1px solid #ffffff; color: #ffffff; font-size: 24px; -webkit-border-radius: 90px; -moz-border-radius: 90px; width: 45px; height: 45px; line-height: 45px; padding-left: 0px; display: inline-block; color: #fff; background: #121212; font-weight: normal; text-align: center; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .owl-carousel .owl-nav i:hover { background: #ffffff; color: #121212; border-color: #ffffff; } /* Dots */ .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-dots { margin-top: 15px; position: relative; width: 100%; display: inline-block; text-indent: inherit; text-align: center; cursor: pointer; } .owl-carousel .owl-dots .owl-dot { box-shadow: none; outline: none; background: #121212; display: inline-block; padding: 0; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid #ffffff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; } .owl-carousel .owl-dots .owl-dot span { display: none; } .owl-carousel .owl-dots .owl-dot:hover { background: #ffffff; } .owl-carousel .owl-dots .owl-dot.active { background: #ffffff; } /*--------------------------------------------------------------------- Portfolio -----------------------------------------------------------------------*/ ul.iq-portfolio-list { padding: 0; margin: 0 -25px; } .iq-portfolio-list li { width: 33.33%; float: left; list-style: none; padding: 0 25px; } .iq-portfolio-list li .iq-portfolio-image { margin-bottom: 30px; overflow: hidden; } .iq-portfolio-list li .iq-portfolio-image img { transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .iq-portfolio-list li:hover .iq-portfolio-image img { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .iq-portfolio-list li .iq-portfolio-box p { margin-bottom: 0; } .loadmore { float: left; width: 100%; margin-top: 45px; } .loadmore .iq-message { display: none; font-size: 20px; color: #121212; line-height: 30px; } #portfolio.column-3 .iq-portfolio-list li { width: 33.33%; } #portfolio.column-2 .iq-portfolio-list li { width: 50%; } #portfolio.column-4 .iq-portfolio-list li { width: 25%; } @media(max-width:1199px) { #portfolio.columns-4 .iq-portfolio-list li, .iq-masonry.columns-4 .iq-masonry-item { width: 33.3% } #portfolio.columns-5 .iq-portfolio-list li, .iq-masonry.columns-5 .iq-masonry-item { width: 25%; } } @media(max-width:992px) { #portfolio.columns-4 .iq-portfolio-list li, .iq-masonry.columns-4 .iq-masonry-item { width: 50%; } #portfolio.column-3 .iq-portfolio-list li, #portfolio.columns-5 .iq-portfolio-list li, .iq-masonry.columns-3 .iq-masonry-item, .iq-masonry.columns-5 .iq-masonry-item { width: 50%; margin-bottom: 45px; } } @media(max-width:767px) { #portfolio.columns-4 .iq-portfolio-list li, #portfolio.columns-2 .iq-portfolio-list li, #portfolio.column-3 .iq-portfolio-list li, #portfolio.columns-5 .iq-portfolio-list li, .iq-masonry.columns-2 .iq-masonry-item, .iq-masonry.columns-3 .iq-masonry-item, .iq-masonry.columns-4 .iq-masonry-item, .iq-masonry.columns-5 .iq-masonry-item { width: 100% } .iq-portfolio-list li .iq-portfolio-image { margin-bottom: 15px; } } #portfolio .iq-portfolio-box { position: relative; } #portfolio .iq-portfolio-box a:hover, .iqonic-portfolio-slider .iq-portfolio-box a:hover { text-decoration: none; } .iq-portfolio-list.recent_portfolio li .iq-portfolio-image { margin-bottom: 0; } #portfolio .iq-portfolio-box .content_absolute, .iq-portfolio-box .content_absolute { position: absolute; top: 30px; left: 30px; } #portfolio.column-4 .iq-portfolio-list li .iq-portfolio-image { margin-bottom: 0; } /*Portfolio Slider*/ .iqonic-portfolio-slider .owl-carousel .owl-stage-outer { overflow: visible; } .iqonic-portfolio-slider .tab-pane.active { opacity: 1; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .iqonic-portfolio-slider .tab-pane { opacity: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .iqonic-portfolio-slider .owl-carousel.owl-drag .owl-item { opacity: 0.4; position: relative; padding: 0; pointer-events: none; } .iqonic-portfolio-slider .owl-carousel.owl-drag .owl-item.active { padding: 0px; margin: 0 0; opacity: 1; pointer-events: visible; } .iqonic-portfolio-slider .owl-carousel.owl-drag .owl-item img { width: auto; } .iqonic-portfolio-slider .owl-carousel .owl-nav .owl-next { right: -35%; } .iqonic-portfolio-slider .owl-carousel .owl-nav .owl-prev { left: -35%; } .iqonic-portfolio-slider .owl-carousel.owl-drag .owl-item::before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; width: 77.4%; position: absolute; right: 100px; left: 100px; top: 0; } .iqonic-portfolio-slider .owl-carousel.owl-drag .owl-item.active::before { display: none; } .iqonic-portfolio-slider .owl-carousel .owl-nav i { background: #121212; border-color: #121212; } .iqonic-portfolio-slider .owl-carousel .owl-nav i:hover { background: #ffffff; border-color: #ffffff; } .iqonic-portfolio-slider .portfolio-block { position: relative; } .iqonic-portfolio-slider .iq-portfolio-box { position: absolute; background: #ffffff; padding: 30px; bottom: 30px; left: 30px; } .iqonic-portfolio-slider .owl-carousel .owl-dots { counter-reset: slides-num; /* Initialize counter. */ position: relative; left: 50%; margin-top: 45px; width: 80px; text-align: center; } .iqonic-portfolio-slider .owl-carousel .owl-dots:after { content: " 0"counter(slides-num); /* get total number of items - more info on http://www.sitepoint.com/a-little-known-way-to-replace-some-scripts-with-css-counters/ */ display: inline-block; font-size: 24px; font-weight: 600; vertical-align: middle; padding-left: 40px; color: #121212; } .iqonic-portfolio-slider .owl-carousel .owl-dot { display: inline-block; counter-increment: slides-num; /* Increment counter */ margin-right: 5px; height: auto; width: auto; background: transparent; border: 0; padding: 0; margin: 0; } .iqonic-portfolio-slider .owl-carousel .owl-dot span { display: none; } .iqonic-portfolio-slider .owl-carousel .owl-dot.active:before { content: " 0"counter(slides-num) " / "; /* Use the same counter to get current item. */ display: inline-block; vertical-align: middle; font-size: 24px; position: absolute; color: #121212; font-weight: 600; left: 0; top: 0; } .single-portfolio .overview-block-ptb { padding-bottom: 0; } /*--------------------------------------------------------------------- Client -----------------------------------------------------------------------*/ .iqonic-client { padding: 0; border-bottom: 1px solid #1a1a1a; border-right: 1px solid #1a1a1a; float: left; width: 100%; margin-bottom: 0; } .iqonic-client.column-3 li { width: 33.33%; } .iqonic-client.column-4 li { width: 25%; } .iqonic-client.column-5 li { width: 20%; } .iqonic-client li { float: left; margin-bottom: 0; position: relative; border-left: 1px solid #1a1a1a; border-top: 1px solid #1a1a1a; padding: 60px 30px; list-style: none; text-align: center; display: inline-block; } .iqonic-client li p { color: rgba(255, 255, 255, 0.6); margin-bottom: 0; position: absolute; top: 20px; left: 20px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .iqonic-client li img { opacity: 0.6; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .iqonic-client li:hover p { color: #ffffff; } .iqonic-client li:hover img { opacity: 1; } .about-clients .iqonic-client li p { color: #b7b7b7; } .about-clients .iqonic-client li:hover p { color: #121212; } .about-clients .iqonic-client li, .about-clients .iqonic-client { border-color: #d1d1d1; } .client-slider .owl-carousel .owl-item img { width: auto; margin: 0 auto; } /*style 2*/ .iqonic-client.style2 { border-color: #d1d1d1; } .iqonic-client.style2 li { border-color: #d1d1d1; } .timeline-nav-button:before { font-size: 24px; } .timeline__content p { color: #ababab; } /*--------------------------------------------------------------------- Service Block -----------------------------------------------------------------------*/ .iqonic-future { background: #101010; padding: 30px; margin-bottom: 30px; color: #ababab; } .iqonic-future:hover { background: #0d0d0d; } .iqonic-future .img img { margin-bottom: 30px; } .iqonic-future:last-child { margin-bottom: 0; } .iq-service .iqonic-future { background: #121212; } .iq-service .iqonic-future:hover { background: #0d0d0d; } /*style 2*/ .iqonic-service .img { height: 165px; width: 165px; border: 1px solid #272727; text-align: center; line-height: 165px; margin: 0 auto 15px; } .iqonic-service:hover .img { background: #000000; border-color: #000000; } /*--------------------------------------------------------------------- Awards Block -----------------------------------------------------------------------*/ .iqonic-awards { padding-left: 0; margin-bottom: 0; } .iqonic-awards li { list-style: none; width: 25%; display: inline-block; padding: 30px; position: relative; margin-bottom: 30px; text-align: center; position: relative; } .iqonic-awards li:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #121212; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; } .iqonic-awards li:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .iqonic-awards li:hover .title { color: #ffffff; } .iqonic-awards li .hover_img { display: none; text-align: center; margin: 0 auto 15px; } .iqonic-awards li:hover .hover_img { display: block; } .iqonic-awards li:hover .default_img { display: none; } .iqonic-awards li img { margin-bottom: 15px; } .iqonic-awards li p { font-size: 16px; } .iqonic-awards li:hover p { color: #ffffff; } .iqonic-awards li .no-awards { display: none; position: absolute; right: 15px; top: 15px; font-size: 90px; line-height: 90px; font-weight: 600; color: rgba(255, 255, 255, 0.6); } .iqonic-awards li:hover .no-awards { display: block; } /*style 2*/ .iqonic-awards2 { padding-left: 0; margin-bottom: 0; border-bottom: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; float: left; width: 100%; } .iqonic-awards2 li { border-left: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; list-style: none; width: 16.66%; display: inline-block; padding: 45px 30px; position: relative; text-align: center; } .iqonic-awards2 li img { margin-bottom: 30px; } .iqonic-awards2 li p { font-size: 14px; margin-bottom: 0; } /*--------------------------------------------------------------------- Team Block -----------------------------------------------------------------------*/ .iq-team-list { padding: 0; margin: 0 -25px; } .iq-team-list li { padding: 0 25px; width: 33.33%; display: inline-block; float: left; } .iq-team { list-style: none; position: relative; color: #ffffff; overflow: hidden; } .iq-team .team-details { overflow: hidden; position: relative; } .iq-team .number { z-index: 1; position: absolute; font-size: 24px; color: #ffffff; font-family: 'Fira Sans', sans-serif; font-weight: 600; top: 30px; left: 30px; } .iq-team .share { z-index: 1; position: absolute; right: -65px; top: 30px; padding: 0; width: 30px; height: auto; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .iq-team:hover .share { z-index: 1; right: 30px; } .iq-team .share ul { padding: 0; } .iq-team .share ul li { list-style: none; display: block; padding: 5px 0; float: left; width: 100%; } .iq-team .share ul li a { color: #ffffff; font-family: 'Fira Sans', sans-serif; font-weight: 600; font-size: 16px; text-transform: uppercase; } .iq-team .iq-team-info { z-index: 1; position: absolute; bottom: 30px; float: left; left: 30px; width: 100%; color: #ffffff; } .iq-team .iq-team-info h5 { color: #ffffff; } .team-details::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; z-index: 1; } /*--------------------------------------------------------------------- 404 Page -----------------------------------------------------------------------*/ /* .error404 #page .site-content { background: #121212; color: #ffffff; } */ .error404 .d-block span, .error404 .d-block span a { color: #ffffff; font-size: 24px; } .error404 .d-block span a { text-decoration: underline; } .error-404 { text-align: center; } .error-404 .big-text { font-size: 240px; letter-spacing: 10px; font-family: 'Fira Sans', sans-serif; line-height: 240px; color: #121212; font-weight: 600; margin-bottom: 45px; } .error-404 h2 { font-weight: 600; margin: 0; } .error-404 p { display: inline-block; padding: 0 0 30px; } .error-404 .button { margin-top: 30px; } .error404 .hd-info { display: none; } /* .error404 .content-area .site-main { padding: 15% 0; } */ .error404 { height: 100vh; } /*--------------------------------------------------------------------- Frequently Asked Questions -----------------------------------------------------------------------*/ .iq-faq .iq-ad-block { margin-bottom: 30px; position: relative; } .iq-faq .iq-ad-block:last-child { margin-bottom: 0; } .iq-faq .iq-ad-block a.ad-title { font-size: 18px; padding: 15px; width: 100%; background: #eeeeee; display: inline-block !important; text-transform: uppercase; color: #121212; position: relative; font-family: 'Fira Sans', sans-serif; font-weight: 600; padding-right: 15px; } .iq-faq .iq-ad-block a.ad-title::after { content: "+"; font-size: 28px; float: right; line-height: 38px; top: 15px; position: absolute; right: 15px; } .iq-faq .iq-ad-block.ad-active a.ad-title::after { content: "-"; color: #121212; } .iq-faq .iq-ad-block a.ad-title:hover { color: #121212; text-decoration: none; } .iq-faq .iq-ad-block .ad-details { margin: 15px; } .iq-faq .iq-ad-block .ad-details p { margin-bottom: 0; } /*--------------------------------------------------------------------- Testimonial -----------------------------------------------------------------------*/ .iq-testimonial p { font-size: 30px; color: #ffffff; line-height: 1.5; } .testimonial-info .testimonial-name { color: #ffffff; text-transform: uppercase; font-size: 24px; font-weight: 600; line-height: 1.3; } .testimonial-info .testimonial-name span { display: inline-block; width: 100%; font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: capitalize; color: #dbdbdb; } /* Style 2*/ .testimonial_slider .owl-nav { position: absolute; top: auto; left: 36%; bottom: 20%; width: 100px; display: block; text-align: center; margin: 0 auto; } .testimonial_slider .owl-nav .carousel-control-prev.owl-prev { left: 0; } .testimonial_slider .owl-nav .carousel-control-next.owl-next { right: 0; } .carousel-control-next, .carousel-control-prev { position: inherit; display: inline-block; opacity: 1; height: 45px; width: 45px; line-height: 45px; text-align: center; } .testimonial_slider .owl-nav i { border: 1px solid #ffffff; color: #ffffff; font-size: 24px; -webkit-border-radius: 90px; -moz-border-radius: 90px; width: 45px; height: 45px; line-height: 45px; padding-left: 0px; display: inline-block; color: #fff; background: #121212; font-weight: normal; text-align: center; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .iq-testimonial2 .testimonial-img { float: left; margin-right: 60px; } .iq-testimonial2 .testimonial-info { padding: 185px 0 0; width: 40%; position: relative; z-index: 1; float: left; } .iq-testimonial2 .testimonial-info::before { content: "\f10e"; font-family: fontAwesome; font-size: 300px; position: absolute; z-index: -1; left: 0px; color: #1e1e1e; top: 50px; line-height: 300px; } .iq-testimonial2 .testimonial-info p { color: #ffffff; } .iq-testimonial2 .testimonial-info .testimonial-name span { font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: capitalize; color: #dbdbdb; } /*--------------------------------------------------------------------- Pricing Table -----------------------------------------------------------------------*/ .iq-pricing-table { border: 1px solid #cccccc; display: block; float: left; width: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .priceing-heading { float: left; width: 100%; border-bottom: 1px solid #cccccc; padding: 45px 30px; } .priceing-heading h4.title { float: left; width: auto; display: inline-block; vertical-align: middle; line-height: 40px; } .priceing-heading span.price { float: right; font-size: 40px; font-family: 'Fira Sans', sans-serif; color: #121212; font-weight: 600; line-height: 40px; display: inline-block; vertical-align: middle; text-transform: uppercase; } .priceing-heading span.price .duration { font-weight: 400; font-size: 16px; float: right; } .pricing-desc { padding: 30px; display: block; float: left; width: 100%; } .pricing-list { padding: 0px; margin-bottom: 30px; float: left; width: 100%; display: block; } .pricing-list li { list-style: none; color: #121212; position: relative; margin-bottom: 15px; } .pricing-list li::after { content: "\f3fd"; content: "\f3fd"; position: absolute; font-family: "Ionicons"; right: 0; font-size: 30px; line-height: initial; } .pricing-list li.disable::after { content: "\f404"; } .pricing-list li.disable { color: #6b6b6b } .iq-pricing-table .button { float: left; } .iq-pricing-table:hover { background: #121212; } .iq-pricing-table:hover .priceing-heading h4.title, .iq-pricing-table:hover .priceing-heading span.price, .iq-pricing-table:hover .pricing-list li { color: #ffffff; } .iq-pricing-table:hover .pricing-list li.disable { color: #ababab; } .iq-pricing-table:hover .button { color: #121212; background: #ffffff; } /*--------------------------------------------------------------------- Text Animation -----------------------------------------------------------------------*/ /* SPLITTING */ .splitting .word, .splitting .char { display: inline-block; } .splitting .char { position: relative; } .animated .char { display: inline-block; animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both; animation-delay: calc(10ms * var(--char-index)); } /* ANIMATIONS */ @keyframes texteffect { 0% { transform: translateY(50%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes texteffect { 0% { transform: translateY(50%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } /*--------------------------------------------------------------------- Revel Effect -----------------------------------------------------------------------*/ .reveal-effect { float: left; position: relative; width: 100%; } .reveal-effect > * { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); position: relative; } .reveal-effect > * { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .reveal-effect { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .reveal-effect { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .reveal-effect.animated { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .reveal-effect.animated * { -webkit-animation-name: show-img-1; animation-name: show-img-1; } .reveal-effect:after { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .reveal-effect:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .reveal-effect:after { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); transform: scale(0.05, 0); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .reveal-effect.fill:after { background-color: #161619; } .reveal-effect.animated:after { -webkit-animation-name: slide-bg-2; animation-name: slide-bg-2; } @-webkit-keyframes show-img-1 { 0%, 66.6% { visibility: hidden; } 100%, 66.7% { visibility: visible; } } @keyframes show-img-1 { 0%, 66.6% { visibility: hidden; } 100%, 66.7% { visibility: visible; } } @-webkit-keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); } 66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); } } @keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); } 66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); } } /*--------------------------------------------------------------------- Portfolio Details -----------------------------------------------------------------------*/ .portfolio-detail-box ul li.list-inline-item { margin-right: 60px; } .portfolio-detail-box ul li.list-inline-item::last-child { margin-right: 0; } .portfolio-detail-box ul li span.title { color: #121212; font-size: 24px; font-family: 'Fira Sans', sans-serif; font-weight: 600; display: block; line-height: 1.3em; text-transform: uppercase; } .portfolio-detail-box ul li.social-media ul li { margin-right: 15px; } .portfolio-detail-box ul li.social-media ul { padding: 0; } .portfolio-detail-box ul li.social-media ul li a { font-weight: 600; font-family: 'Fira Sans', sans-serif; color: #6b6b6b; text-transform: uppercase; } .portfolio-desc { position: relative; } .portfolio-desc p { font-size: 45px; line-height: 70px; font-family: 'Fira Sans', sans-serif; margin-bottom: 0; } .portfolio-desc::before { background: #121212; content: ""; position: absolute; left: -20%; width: 130%; height: 100%; top: 0; } .iq-about { padding: 45px; } /*--------------------------------------------------------------------- Background images -----------------------------------------------------------------------*/ .iq_background_list_wrapper { position: relative; width: 100%; overflow: hidden; display: flex; background: #000 } .iq_background_list_column { min-height: 80vh } .iq_background_list_wrapper .iq_background_list_column { position: relative; z-index: 2; border-right: 1px solid rgba(256, 256, 256, .5); opacity: 0.6; } .iq_background_list_wrapper .iq_background_list_column.hover { opacity: 1; } .iq_background_list_wrapper .iq_background_list_column.last { border-right: 0 } .iq_background_list_wrapper.one_columns .iq_background_list_column { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .iq_background_list_wrapper.two_columns .iq_background_list_column { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .iq_background_list_wrapper.three_columns .iq_background_list_column { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33% } .iq_background_list_wrapper.four_columns .iq_background_list_column { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .iq_background_list_wrapper .iq_background_list_column .iq_background_list_content { display: flex; height: 100%; flex-direction: column; justify-content: flex-start; padding: 45px 30px; color: #fff } .iq_background_list_wrapper .iq_background_list_column .iq_background_list_content h4 { color: #fff } .iq_background_list_wrapper .iq_background_img, .iq_background_list_wrapper .iq_background_list_overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; overflow: hidden } .iq_background_list_wrapper .iq_background_img { visibility: hidden; opacity: 0; transition: all 1s } .iq_background_list_wrapper .iq_background_img.hover { opacity: 1; visibility: visible; -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05) } .iq_background_list_wrapper .iq_background_img.hover::before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .iq_background_list_wrapper .iq_background_list_overlay { z-index: 1; background: rgba(0, 0, 0, .6) } .iq_background_list_wrapper .iq_background_img img { width: 100% !important; height: 100% !important; object-fit: cover } .iq_background_list_wrapper .iq_background_list_column:hover .iq_background_list_link, .iq_background_list_wrapper .iq_background_list_column.hover .iq_background_list_link { max-height: 100%; opacity: 1; overflow: visible } .iq_background_list_wrapper .iq_background_list_content .iq_background_list_link { overflow: hidden; opacity: 0; transition: transform .2s ease; max-height: 0; margin-top: 30px; } .iq_background_list_wrapper .iq_background_list_content .iq_background_list_title { transition: transform .3s ease; -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px) } .iq_background_list_wrapper .iq_background_list_content .button { position: absolute; bottom: 40px; } .page-id-215 .iq-breadcrumb, .page-id-291 .iq-breadcrumb { display: none; } .page-id-215 .content-area .site-main, .page-id-291 .content-area .site-main { padding: 0; } .page-home-3 .hd-info .sc-icon li a { color: #121212; } .total-comment li a i { padding-right: 5px; }