/*

Template: Sofbox - Responsive Software Landing Page
Author: iqonicthemes.in
Version: 2.0
Design and Developed by: iqonicthemes.in

*/

/*================================================
[  Table of contents  ]
================================================

:: General
:: Clearing floats
:: Back to Top
:: Loader
:: WordPress Core
:: Background Overlay Color
:: Buttons
:: Section Title
:: Header
:: Banner
:: How it Works
:: Who is Sofbox ?
:: Software Features
:: Great screenshots
:: Special Features
:: More Useful Infomation
:: Sofbox Specialities
:: Counter
:: Loved By Our Customers
:: Affordable Price
:: Meet the Team
:: Compare Services
:: Frequently Asked Questions
:: Latest Blog Post
:: Our clients
:: Subscribe Our Newsletter
:: Get in Touch
:: Footer Info
:: 404 Error
:: jarallax
:: OWL Carousel
:: Breadcrumb Inner Page
:: Blog - SideBar
:: Latest Blog Post
:: Blog Page Comments
:: woocommerce
:: Product
:: woocommerce Pagination
:: Tab products
:: Cart
:: Related products

======================================
[ End table content ]
======================================*/

/*---------------------------------------------------------------------
                               General
-----------------------------------------------------------------------*/

*::-moz-selection { background: #4ac4f3; color: #fff; text-shadow: none; }
::-moz-selection { background: #4ac4f3; color: #fff; text-shadow: none; }
::selection { background: #4ac4f3; color: #fff; text-shadow: none; }
body { font-family: 'Work Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 2; color: #666666; 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: #333333; }
a:focus { text-decoration: none !important; }
a, .button, input { outline: medium none !important; color: #4ac4f3; }
h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', sans-serif; font-weight: 800; color: #333333; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 40px; font-style: normal; line-height: 48px; }
h2 { font-size: 36px; font-style: normal; line-height: 44px; }
h3 { font-size: 32px; font-style: normal; line-height: 40px; }
h4 { font-size: 28px; font-style: normal; line-height: 36px; }
h5 { font-size: 24px; font-style: normal; line-height: 32px; }
h6 { font-size: 20px; font-style: normal; line-height: 28px; }
.lead { font-size: 16px; line-height: 24px; margin: 0; }
.container { max-width: 1170px; }

/* HTML Tags */
a { color: #4ac4f3; outline: none; }
a:focus, a:hover { color: #333333; outline: none; }
ins { background: #fff9c0; text-decoration: none; }
img { max-width: 100%; height: auto; }
pre { background: #f5f7fb; padding: 15px; border: 1px solid #e1e1e1; }
hr { margin: 0; padding: 0px; border-bottom: 1px solid #e0e0e0; border-top: 0px; }
blockquote { background: none; padding: 15px 30px; border-left: 5px solid #4ac4f3; }
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: #4ac4f3; }

/* 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 #eaeaea; width: 100%; margin-bottom: 20px; }
table td, table th { border: 1px solid #eaeaea; padding: 5px 8px; }

/* Form */
label { color: #333333; margin-bottom: 0; }
input, input[type=text], input[type=email], input[type=search], input[type=password], textarea { width: 100%; float: left; padding: 0 15px; height: 45px; line-height: 45px; background: #f5f7fb; border: 1px solid #e1e1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #666666; 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: 1px solid #ededed; background: #f5f7fb; line-height: 45px; height: 45px; padding: 0 10px; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
textarea { padding: 0 15px; height: 150px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus { border-color: #4ac4f3; 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] { color: #fff; cursor: pointer; margin-bottom: 0; height: auto; line-height: 26px; padding: 10px 30px; font-weight: 500; font-size: 15px; line-height: 28px; border: none; position: relative; background: #4ac4f3; font-family: 'Nunito', sans-serif; display: inline-block; width: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 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 { color: #ffffff; background: #333333; outline: none; }
.wpcf7-form-control-wrap { display: inline-block; width: 100%; float: left; }
.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; }
.site-content, .site-footer ,.site-style1 { display: inline-block; width: 100%; float: left; }
.no-padding { padding: 0px !important; }
.home .content-area .site-main { padding: 0; }
.home.blog .content-area .site-main { padding: 100px 0; }
.footer_single .contact-info .site-info { margin-top: 0; }
.footer_single .contact-info { padding-top: 0; }
.no-padding.wpb_single_image.wpb_content_element,.no-margin { margin: 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 { z-index: 999; position: fixed; margin: 0px; color: #fff; background: #333333; position: fixed; bottom: 25px; right: 25px; z-index: 999; font-size: 26px; width: 45px; height: 45px; text-align: center; line-height: 45px; border-radius: 4px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#back-to-top .top:hover { background: #4ac4f3; color: #fff; -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 { background-color: #eee; height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
#loading-center { width: 100%; height: 100%; position: relative; }
.loader { width: 3em; height: 3em; margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }
@-webkit-keyframes rotate {
  0% { -webkit-transform: rotateX(-37.5deg) rotateY(45deg); transform: rotateX(-37.5deg) rotateY(45deg); }
  50% { -webkit-transform: rotateX(-37.5deg) rotateY(405deg); transform: rotateX(-37.5deg) rotateY(405deg); }
  100% { -webkit-transform: rotateX(-37.5deg) rotateY(405deg); transform: rotateX(-37.5deg) rotateY(405deg); }
}
@keyframes rotate {
  0% { -webkit-transform: rotateX(-37.5deg) rotateY(45deg); transform: rotateX(-37.5deg) rotateY(45deg); }
  50% { -webkit-transform: rotateX(-37.5deg) rotateY(405deg); transform: rotateX(-37.5deg) rotateY(405deg); }
  100% { -webkit-transform: rotateX(-37.5deg) rotateY(405deg); transform: rotateX(-37.5deg) rotateY(405deg); }
}
.cube, .cube * { position: absolute; width: 71px; height: 71px; left: 0; right: 0; top: 0; bottom: 0; }
.sides { -webkit-animation: rotate 3s ease infinite; animation: rotate 3s ease infinite; -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-37.5deg) rotateY(45deg); transform: rotateX(-37.5deg) rotateY(45deg); }
.cube .sides * { box-sizing: border-box; background-color: rgba(74, 196, 243, 0.8); border: 5px solid white; }
.cube .sides .top { -webkit-animation: top-animation 3s ease infinite; animation: top-animation 3s ease infinite; -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-transform: rotateX(90deg) translateZ(90px); transform: rotateX(90deg) translateZ(90px); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
@-webkit-keyframes top-animation {
  0% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(90px); transform: rotateX(90deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(35px); transform: rotateX(90deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(35px); transform: rotateX(90deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(90px); transform: rotateX(90deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(90px); transform: rotateX(90deg) translateZ(90px); }
}
@keyframes top-animation {
  0% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(90px); transform: rotateX(90deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(35px); transform: rotateX(90deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(35px); transform: rotateX(90deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(90px); transform: rotateX(90deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateX(90deg) translateZ(90px); transform: rotateX(90deg) translateZ(90px); }
}
.cube .sides .bottom { -webkit-animation: bottom-animation 3s ease infinite; animation: bottom-animation 3s ease infinite; -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-transform: rotateX(-90deg) translateZ(90px); transform: rotateX(-90deg) translateZ(90px); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
@-webkit-keyframes bottom-animation {
  0% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(90px); transform: rotateX(-90deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(35px); transform: rotateX(-90deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(35px); transform: rotateX(-90deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(90px); transform: rotateX(-90deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(90px); transform: rotateX(-90deg) translateZ(90px); }
}
@keyframes bottom-animation {
  0% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(90px); transform: rotateX(-90deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(35px); transform: rotateX(-90deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(35px); transform: rotateX(-90deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(90px); transform: rotateX(-90deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateX(-90deg) translateZ(90px); transform: rotateX(-90deg) translateZ(90px); }
}
.cube .sides .front { -webkit-animation: front-animation 3s ease infinite; animation: front-animation 3s ease infinite; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-transform: rotateY(0deg) translateZ(90px); transform: rotateY(0deg) translateZ(90px); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
@-webkit-keyframes front-animation {
  0% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(90px); transform: rotateY(0deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(35px); transform: rotateY(0deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(35px); transform: rotateY(0deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(90px); transform: rotateY(0deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(90px); transform: rotateY(0deg) translateZ(90px); }
}
@keyframes front-animation {
  0% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(90px); transform: rotateY(0deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(35px); transform: rotateY(0deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(35px); transform: rotateY(0deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(90px); transform: rotateY(0deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateY(0deg) translateZ(90px); transform: rotateY(0deg) translateZ(90px); }
}
.cube .sides .back { -webkit-animation: back-animation 3s ease infinite; animation: back-animation 3s ease infinite; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-transform: rotateY(-180deg) translateZ(90px); transform: rotateY(-180deg) translateZ(90px); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
@-webkit-keyframes back-animation {
  0% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(90px); transform: rotateY(-180deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(35px); transform: rotateY(-180deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(35px); transform: rotateY(-180deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(90px); transform: rotateY(-180deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(90px); transform: rotateY(-180deg) translateZ(90px); }
}
@keyframes back-animation {
  0% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(90px); transform: rotateY(-180deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(35px); transform: rotateY(-180deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(35px); transform: rotateY(-180deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(90px); transform: rotateY(-180deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateY(-180deg) translateZ(90px); transform: rotateY(-180deg) translateZ(90px); }
}
.cube .sides .left { -webkit-animation: left-animation 3s ease infinite; animation: left-animation 3s ease infinite; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-transform: rotateY(-90deg) translateZ(90px); transform: rotateY(-90deg) translateZ(90px); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
@-webkit-keyframes left-animation {
  0% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(90px); transform: rotateY(-90deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(35px); transform: rotateY(-90deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(35px); transform: rotateY(-90deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(90px); transform: rotateY(-90deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(90px); transform: rotateY(-90deg) translateZ(90px); }
}
@keyframes left-animation {
  0% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(90px); transform: rotateY(-90deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(35px); transform: rotateY(-90deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(35px); transform: rotateY(-90deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(90px); transform: rotateY(-90deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateY(-90deg) translateZ(90px); transform: rotateY(-90deg) translateZ(90px); }
}
.cube .sides .right { -webkit-animation: right-animation 3s ease infinite; animation: right-animation 3s ease infinite; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-transform: rotateY(90deg) translateZ(90px); transform: rotateY(90deg) translateZ(90px); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
@-webkit-keyframes right-animation {
  0% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(90px); transform: rotateY(90deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(35px); transform: rotateY(90deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(35px); transform: rotateY(90deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(90px); transform: rotateY(90deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(90px); transform: rotateY(90deg) translateZ(90px); }
}
@keyframes right-animation {
  0% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(90px); transform: rotateY(90deg) translateZ(90px); }
  20% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(35px); transform: rotateY(90deg) translateZ(35px); }
  70% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(35px); transform: rotateY(90deg) translateZ(35px); }
  90% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(90px); transform: rotateY(90deg) translateZ(90px); }
  100% { opacity: 1; -webkit-transform: rotateY(90deg) translateZ(90px); transform: rotateY(90deg) translateZ(90px); }
}

/*---------------------------------------------------------------------
                            WordPress Core
-----------------------------------------------------------------------*/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px 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 #f5f7fb; 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 20px 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: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-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; }

/*---------------------------------------------------------------------
                           Background Overlay Color
-----------------------------------------------------------------------*/
.iq-background-overlay { background-repeat: repeat; display: block; height: 100%; left: 0; position: absolute !important; top: 0; width: 100%; z-index: 0; }

/*----------------------------------------------------------------------
                        Buttons
-----------------------------------------------------------------------*/
.button { color: #fff; cursor: pointer; padding: 10px 30px; font-weight: 500; font-size: 15px; line-height: 28px; border: none; position: relative; background: #4ac4f3; font-family: 'Nunito', sans-serif; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; }
.button:hover, .button:focus { color: #ffffff; background: #333333; text-decoration: none; }

/* Buttons white */
.button.bt-white { color: #333; background: #fff; }
.button.bt-white:hover, .button.bt-white:focus { color: #ffffff; background: #4ac4f3; }

/* Buttons white 2 */
.button.button-white, .woocommerce header a.button { color: #333; background: #ffffff; }
.button.button-white:hover, .button.button-white:focus, .woocommerce header a.button:hover, .woocommerce header a.button:focus { color: #ffffff; background: #333; }

/*---------------------------------------------------------------------
                           Section Title
-----------------------------------------------------------------------*/
.heading-title { margin-bottom: 60px; text-align: center; }
.heading-title .title { position: relative; padding-bottom: 15px; margin-bottom: 15px; font-weight: 800; font-size: 42px; line-height: 50px; }
.heading-title .title:before { content: ""; position: absolute; bottom: -2px; border-radius: 4px; left: 50%; margin-left: -40px; width: 80px; height: 4px; background: #4ac4f3; }
.heading-title p { padding: 0 80px; display: block; margin-bottom: 0; font-size: 18px; line-height: 2; }

/* Section title white */
.heading-title.border_white .title:before { background: #fff; }

/* Section title Left */
.heading-title.text-left { margin: 0; }
.heading-title.text-left .title:before { margin-left: 0; left: 0; }
.heading-title.text-left p { padding: 0; margin-bottom: 15px; }

/* Section title Right */
.heading-title.text-right { margin: 0; text-align: right; }
.heading-title.text-right .title:before { margin-left: 0; right: 0; left: inherit; }
.heading-title.text-right p { padding: 0; margin-bottom: 15px; }
.iq-fadebounce { -webkit-animation-name: fadebounce; -moz-animation-name: fadebounce; -ms-animation-name: fadebounce; -o-animation-name: fadebounce; animation-name: fadebounce; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-moz-keyframes fadebounce {
  0% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1 }
  50% { -moz-transform: translateY(20px); transform: translateY(20px); opacity: 1 }
  100% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@-webkit-keyframes fadebounce {
  0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
  50% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 1 }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@-o-keyframes fadebounce {
  0% { -o-transform: translateY(0); transform: translateY(0); opacity: 1 }
  50% { -o-transform: translateY(20px); transform: translateY(20px); opacity: 1 }
  100% { -o-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@-ms-keyframes fadebounce {
  0% { -ms-transform: translateY(0); transform: translateY(0); opacity: 1 }
  50% { -ms-transform: translateY(20px); transform: translateY(20px); opacity: 1 }
  100% { -ms-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@keyframes fadebounce {
  0% { transform: translateY(0); opacity: 1 }
  50% { transform: translateY(20px); opacity: 1 }
  100% { transform: translateY(0); opacity: 1 }
}

/* Section title Style 2 */
.heading-title-2 { margin-bottom: 80px; text-align: center; }
.heading-title-2 .title { position: relative; padding-bottom: 0; margin-bottom: 25px; }
.heading-title-2 i { font-size: 60px; color: #4ac4f3; }

/* Heading Title 2 Left */
.heading-title-2.text-left { text-align: left; margin-bottom: 10px; }
.heading-title-2.text-left .title { position: relative; padding-bottom: 20px; margin-bottom: 25px; padding-top: 10px; }
.heading-title-2.text-left i { font-size: 50px; color: #4ac4f3; }

/*---------------------------------------------------------------------
                            Header
-----------------------------------------------------------------------*/
header#main-header { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; padding: 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; }
header#main-header .container-fluid { padding: 0 100px; }
header#main-header .navbar { padding: 0; }
header#main-header .navbar .menu-main-menu-container { width: 100%; }
header#main-header .navbar .navbar-brand { padding: 15px 0; }
header#main-header .navbar .navbar-brand img { height: 60px; 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#main-header .navbar .menu { float: right; margin: 0; padding: 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; }
header#main-header .navbar .menu>li { margin: 0 30px 0 0; position: relative; list-style: none; float: left; }
header#main-header .navbar .menu>li:last-child { margin-right: 0; }
header#main-header .navbar .menu .menu-item a { color: #ffffff; padding: 0; line-height: 100px; font-family: 'Nunito', sans-serif; font-size: 16px; position: relative; }
header#main-header .navbar .menu .menu-item i.toggledrop { padding-left: 5px; color: #ffffff; }
header#main-header .navbar .menu .menu-item a:hover, header#main-header .navbar .menu .menu-item.current-menu-item a, header#main-header .navbar .menu .menu-item.current-menu-item a:focus, header#main-header .navbar .menu .menu-item.current-menu-item a:hover { color: #fff; background: none; box-shadow: none; text-decoration: none; }
header#main-header .navbar .menu .menu-item a::before { background: #fff; bottom: -8px; content: ""; height: 2px; left: 0; position: absolute; width: 0; transition: all 0.3s ease-out 0s; }
header#main-header .navbar .menu .menu-item.current-menu-item a::before, header#main-header .navbar .menu .menu-item.current-menu-parent a::before, header#main-header .navbar .menu .menu-item:hover>a::before, header#main-header .navbar .menu .menu-item>a:hover::before { width: 100%; }
header#main-header .navbar .menu .menu-item.current-menu-item .sub-menu li a { color: #333; }
header#main-header .navbar .menu .menu-item.current-menu-item .sub-menu li a:hover { color: #4ac4f3; }
header#main-header .button, .woocommerce header#main-header a.button { margin-top: 0; margin-left: 20px; float: right; }
.admin-bar header#main-header { top: 32px; }
@media(max-width:767px) {
  .admin-bar header#main-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; -o-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; }
  .admin-bar header#main-header.menu-sticky { top: 0; }
}

/*--------------------------------------------------------------
                        Navigation
--------------------------------------------------------------*/
header#main-header .navbar .menu-testing-menu-container, header#main-header .navbar .menu-main-menu-container, header#main-header .navbar .menu-short-container, header#main-header .navbar .menu-all-pages-container, header#main-header .navbar .menu-footer-1-container, header#main-header .navbar .menu-footer-2-container { width: 100%; }
header#main-header .navbar .menu { margin: 0; padding: 0; }
header#main-header .navbar .menu li { margin: 0 30px 0 0; position: relative; }
header#main-header .navbar .menu li a { color: #ffffff; padding: 0; line-height: normal; font-size: 16px; font-family: 'Nunito', sans-serif; }
header#main-header .navbar .menu li a:hover, header#main-header .navbar .menu li a:focus, header#main-header .navbar .menu li a.active, header#main-header .navbar .menu li a.active:focus, header#main-header .navbar .menu li a.active:hover, header#main-header .navbar .menu li.current-menu-item a, header#main-header .navbar .menu li.current-menu-item a:focus, header#main-header .navbar .menu li.current-menu-item a:hover { color: #fff; background: none; box-shadow: none; }
@media screen and (max-width:3000px) and (min-width:1023px) {
  header#main-header .navbar .menu li:hover>.sub-menu { display: block !important; }
}
header#main-header .navbar .menu li .sub-menu { display: none; position: absolute; top: 100px; left: 0; width: 200px; padding: 0; background: #fff; margin: 0; text-align: left; -webkit-box-shadow: 0px 5px 20px 0px rgba(51, 51, 51, 0.2); -moz-box-shadow: 0px 5px 20px 0px rgba(51, 51, 51, 0.2); box-shadow: 0px 5px 20px 0px rgba(51, 51, 51, 0.2); }
header#main-header .navbar .menu li .sub-menu li { background: #fff; border-bottom: 1px solid #eee; color: #23292c; font-size: 14px; margin: 0; display: inline-block; width: 100%; }
header#main-header .navbar .menu li .sub-menu li:last-child { border: none; }
header#main-header .navbar .menu li .sub-menu li a { color: #23292c; font-size: 14px; padding: 15px; line-height: 20px; display: inline-block; width: 100%; 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; -o-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; }
header#main-header .navbar .menu li .sub-menu li i.toggledrop { float: right; padding-top: 0; position: absolute; right: 15px; top: 19px; color: #23292c; }
header#main-header .navbar .menu li .sub-menu li a:hover { background: #fff; color: #4ac4f3; }
header#main-header .navbar .menu li .sub-menu li:hover i.toggledrop { color: #4ac4f3; }
header#main-header .navbar .menu li .sub-menu li.menu-item.current-menu-item>a { background: #fff; color: #4ac4f3; }
header#main-header .navbar .menu li .sub-menu li.current-menu-parent>a { color: #4ac4f3; }
header#main-header .navbar .menu li .sub-menu li a:before { display: none; }
header#main-header .navbar .menu li .sub-menu li.menu-item-has-children .sub-menu { display: none; position: absolute; top: 0; left: 100%; width: 200px; padding: 0; margin: 0; }
header#main-header .navbar .menu li .sub-menu li.menu-item-has-children:hover>.sub-menu { display: block; }
header#main-header .navbar .menu li .sub-menu li.current-menu-parent a { color: #4ac4f3; }
header#main-header .navbar .menu li .sub-menu li.current-menu-parent ul li a { color: #23292c; }
.menu-item-description { display: none; }
.js .menu-toggle, .js .dropdown-toggle { display: none; }
.menu_second { display: none; }
.menu_second.show, .page .menu_second.show { display: block; width: 100%; }
.menu_first { display: none; }
.menu_first.show { display: block; width: 100%; }
.header_top { background: #333333; padding: 10px 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; }
.header_top ul.head_top { margin: 0; padding: 0; }
.header_top ul.head_top li { list-style: none; float: left; margin-right: 15px; line-height: 45px; }
.header_top ul.head_top li a { color: #ffffff; }
.header_top ul.head_top li a i { margin-right: 5px; }
.header_top ul.head_top li a:hover { color: #4ac4f3; text-decoration: none; }
.top-header-text { display: inline-block; }
.header_top .info-share li a { color: #ffffff; border-color: #ffffff; }
header#main-header.menu-sticky .header_top { padding: 5px 0; }

/* Header sticky */
header#main-header.menu-sticky { padding: 0; -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); background: rgba(74, 196, 243, 1); }
header#main-header.menu-sticky .navbar .navbar-brand img { height: 50px; }
header#main-header.menu-sticky .navbar .menu .menu-item a { line-height: 76px; }
header#main-header.menu-sticky .navbar .menu li .sub-menu { top: 76px; }
header#main-header.menu-sticky .navbar .menu li .sub-menu li a { line-height: 20px; }
.menu-sticky .header_top { display: none; }

/* Header White */
header#main-header.white { background: #fff; }
header#main-header.white .navbar .menu .menu-item a, header#main-header.white .navbar .menu .menu-item i.toggledrop { color: #333333; }
header#main-header.white .navbar .menu .menu-item a:hover, header#main-header.white .navbar .menu .menu-item a:focus, header#main-header.white .navbar .menu .menu-item.current-menu-item a, header#main-header.white .navbar .menu .menu-item.current-menu-item a:focus, header#main-header.white .navbar .menu .menu-item.current-menu-item a:hover { color: #4ac4f3; }
header#main-header.white .navbar .menu li.current-menu-item i.toggledrop, header#main-header.white .navbar .menu li:hover i.toggledrop { color: #4ac4f3; 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#main-header.white .navbar .menu li.menu-item-has-children:hover>a { color: #4ac4f3; }
.woocommerce header#main-header.white .button, .woocommerce header#main-header.white .woocommerce a.button { background: #4ac4f3; color: #fff; }
header#main-header.white .navbar .navbar-nav .menu-item a::before, header#main-header.white .navbar .menu .menu-item a::before { background: #4ac4f3; }
header#main-header.white .navbar .menu .menu-item.current-menu-item>a, header#main-header.white .navbar .menu .menu-item.current-menu-parent>a, header#main-header.white .navbar .menu .menu-item.current-menu-item>i, header#main-header.white .navbar .menu .menu-item.current-menu-parent>i { color: #4ac4f3; }
header#main-header.white .navbar .menu li .sub-menu li a { color: #333333; }
header#main-header.white .shop_list li a { color: #333333; }
header#main-header.white .shop_list li #mini-cart-count, header#main-header.white .shop_list li .wishlist_count span { color: #ffffff; background: #4ac4f3; }

/* Header White Transparent*/
header#main-header.white-transparent { background: rgba(255, 255, 255, 0.9); }
header#main-header.white-transparent .navbar .menu .menu-item a, header#main-header.white-transparent .navbar .menu .menu-item i.toggledrop { color: #333333; }
header#main-header.white-transparent .navbar .menu .menu-item a:hover, header#main-header.white-transparent .navbar .menu .menu-item a:focus, header#main-header.white-transparent .navbar .menu .menu-item.current-menu-item a, header#main-header.white-transparent .navbar .menu .menu-item.current-menu-item a:focus, header#main-header.white-transparent .navbar .menu .menu-item.current-menu-item a:hover { color: #4ac4f3; }
header#main-header.white-transparent .navbar .menu li.current-menu-item i.toggledrop, header#main-header.white-transparent .navbar .menu li:hover i.toggledrop { color: #4ac4f3; 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#main-header.white-transparent .navbar .menu li.menu-item-has-children:hover>a { color: #4ac4f3; }
.woocommerce header#main-header.white-transparent .button, .woocommerce header#main-header.white-transparent .woocommerce a.button { background: #4ac4f3; color: #fff; }
header#main-header.white-transparent .navbar .navbar-nav .menu-item a::before, header#main-header.white-transparent .navbar .menu .menu-item a::before { background: #4ac4f3; }
header#main-header.white-transparent .navbar .menu .menu-item.current-menu-item>a, header#main-header.white-transparent .navbar .menu .menu-item.current-menu-parent>a, header#main-header.white-transparent .navbar .menu .menu-item.current-menu-item>i, header#main-header.white-transparent .navbar .menu .menu-item.current-menu-parent>i { color: #4ac4f3; }
header#main-header.white-transparent .navbar .menu li .sub-menu li a { color: #333333; }
header#main-header.white-transparent .shop_list li a { color: #333333; }
header#main-header.white-transparent .shop_list li #mini-cart-count, header#main-header.white-transparent .shop_list li .wishlist_count span { color: #ffffff; background: #4ac4f3; }

/* Header black */
header#main-header.black ,header#main-header.black .header_top{background: #0e0f16; }
header#main-header.black .navbar .menu .menu-item a, header#main-header.black .navbar .menu .menu-item i.toggledrop { color: #fff; }
header#main-header.black .navbar .menu .menu-item a:hover, header#main-header.black .navbar .menu .menu-item a:focus, header#main-header.black .navbar .menu .menu-item.current-menu-item a, header#main-header.black .navbar .menu .menu-item.current-menu-item a:focus, header#main-header.black .navbar .menu .menu-item.current-menu-item a:hover { color: #4ac4f3; }
header#main-header.black .navbar .menu li.current-menu-item i.toggledrop, header#main-header.black .navbar .menu li:hover i.toggledrop { color: #4ac4f3; 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#main-header.black .navbar .menu li.menu-item-has-children:hover>a { color: #4ac4f3; }
.woocommerce header#main-header.black .button { background: #4ac4f3; color: #fff; }
header#main-header.black .navbar .navbar-nav .menu-item a::before, header#main-header.black .navbar .menu .menu-item a::before { background: #4ac4f3; }
header#main-header.black .navbar .menu li .sub-menu li a { color: #333; }
header#main-header.black .navbar .menu .menu-item.current-menu-item>a, header#main-header.black .navbar .menu .menu-item.current-menu-parent>a, header#main-header.black .navbar .menu .menu-item.current-menu-item>i, header#main-header.black .navbar .menu .menu-item.current-menu-parent>i { color: #4ac4f3; }
header#main-header.black .navbar .menu li .sub-menu li a { color: #333333; }
header#main-header.black  .shop_list li #mini-cart-count, header#main-header.black  .shop_list li .wishlist_count span { color: #ffffff; background: #4ac4f3; }

/*---------------------------------------------------------------------
                            Shop Menu
-----------------------------------------------------------------------*/
.shop_list { margin: 0; padding: 0; width: 150px; text-align: right; }
.shop_list li { list-style: none; display: inline-block; margin-left: 15px; position: relative; }
.shop_list li:first-child { margin-left: 0; }
.shop_list li a { color: #ffffff; font-size: 20px; }
.shop_list li #mini-cart-count, .shop_list li .wishlist_count span { position: absolute; top: 3px; right: -8px; background: #666666; border-radius: 900px; height: 17px; width: 17px; display: inline-block; line-height: 17px; text-align: center; font-size: 12px; }

/*---------------------------------------------------------------------
                            Banner
-----------------------------------------------------------------------*/
.banner .iq-background-overlay { z-index: 9; }
.iq-banner { position: relative; overflow: hidden; padding-top: 100px; }
.iq-banner .container-fluid { padding: 0 90px; }
.iq-banner:after { content: ""; bottom: -2px; left: 0; width: 100%; height: 78px; background: url('../../images/banner/02.png') no-repeat 0 0; background-size: cover; display: inline-block; position: absolute; z-index: 9; }
.iq-banner .banner-text { z-index: 99; position: relative; margin-top: 13%; }
.iq-banner .banner-text h1 { font-size: 58px; line-height: normal; font-weight: 300; }
.iq-banner .banner-text h1 b { font-weight: 800; }
.iq-banner .banner-text p { margin-top: 15px; }
.iq-banner .banner-img img { max-width: 110%; z-index: 99; }
.iq-banner .button { margin-top: 40px; }
.iq-banner .iq-video { background: #fff; display: inline-block; width: 60px; height: 60px; text-align: center; font-size: 29px; color: #4ac4f3; float: left; border-radius: 100%; line-height: 2.1; z-index: 9; position: relative; }
.iq-banner .iq-video i { margin-left: 5px; }
.iq-banner .waves-box { position: relative; padding-right: 45px; display: inline-block; float: left; margin-top: 30px; }
.iq-banner .iq-waves { position: absolute; width: 14rem; height: 14rem; left: -90px; top: -90px; z-index: 2; float: right; }
.iq-banner .iq-waves .waves { position: absolute; width: 384px; width: 15rem; height: 384px; height: 15rem; background: rgba(255, 255, 255, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 320px; background-clip: padding-box; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; }
.iq-banner .iq-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.iq-banner .iq-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.iq-banner .iq-waves .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }
@-webkit-keyframes waves {
  0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
@keyframes waves {
  0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
.iq-banner .banner-objects { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; z-index: 9; }
.iq-banner .banner-objects .banner-objects-01 { position: absolute; left: -8%; bottom: -20%; opacity: 0.1; }
.iq-banner .banner-objects .banner-objects-02 { position: absolute; bottom: 50%; margin-bottom: -125px; left: -13%; border: 15px solid rgba(255, 255, 255, 0.1); border-radius: 900px; height: 250px; width: 250px; }
.iq-banner .banner-objects .banner-objects-03 { position: absolute; top: 0%; right: -15%; border: 30px solid rgba(255, 255, 255, 0.1); border-radius: 900px; height: 400px; width: 400px; }

/* Banner Wave One */
.iq-banner.wave-one:after { content: ""; bottom: -2px; left: 0; width: 100%; height: 330px; background: url('../images/banner/14.png') no-repeat 0 0; background-size: cover; display: inline-block; position: absolute; }
.iq-banner.wave-one .banner-text { margin-top: 7%; padding-bottom: 13%; }

/* Banner 2 */
.iq-banner-02 { position: relative; color: #fff; padding-top: 100px; overflow: hidden; }
.iq-banner-02:after { content: ""; bottom: -25px; left: 0; width: 100%; height: 176px; background: url('../../images/banner/04.png') no-repeat 0 0; z-index: 9; background-size: 100%; display: inline-block; position: absolute; }
.iq-banner-02 .banner-text { z-index: 99; position: relative; margin-top: 13%; }
.iq-banner-02 .banner-text h1 { font-size: 64px; line-height: normal; color: #fff; font-weight: 800; margin-bottom: 15px; }
.iq-banner-02 .banner-text p { margin: 0 150px; }
.iq-banner-02 .banner-text .button { margin: 30px 0 50px; }
.iq-banner-02 .banner-img { position: relative; z-index: 9; }
.iq-banner-02 .banner-objects { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; overflow: hidden; z-index: 9; }
.iq-banner-02 .banner-objects .banner-objects-01 { position: absolute; right: -0%; bottom: 20%; opacity: 0.2; }
.iq-banner-02 .banner-objects .banner-objects-02 { position: absolute; bottom: 50%; margin-bottom: -280px; left: -20%; border: 30px solid rgba(255, 255, 255, 0.2); border-radius: 900px; height: 400px; width: 400px; }
.iq-banner-02 .banner-objects .banner-objects-03 { position: absolute; top: 50%; right: 25%; border: 20px solid rgba(255, 255, 255, 0.2); border-radius: 900px; height: 300px; width: 300px; }
.iq-banner-02 .banner-objects .banner-objects-04 { position: absolute; top: 20%; left: 10%; opacity: 0.2; }

/* Banner 3 */
.iq-banner-03 { position: relative; overflow: hidden; padding-top: 100px; overflow: hidden; color: #fff; }
.iq-banner-03:after { content: ""; bottom: 0; left: 0; width: 100%; height: 230px; z-index: 9; background: url('../../images/banner/06.png') no-repeat 0 0; background-size: cover; display: inline-block; position: absolute; }
.iq-banner-03 .banner-text { z-index: 99; position: relative; margin-top: 13%; margin-bottom: 5%; }
.iq-banner-03 .banner-text h1 { font-size: 55px; line-height: normal; color: #fff; font-weight: 300; }
.iq-banner-03 .banner-text h1 b { font-weight: 800; }
.iq-banner-03 .banner-text p { margin: 15px 0 30px; }
.iq-banner-03 .banner-img { width: 110%; }
.iq-banner-03 .iq-banner-video { position: relative; }
.iq-banner-03 .iq-video { background: #fff; display: inline-block; width: 60px; height: 60px; text-align: center; font-size: 29px; color: #4ac4f3; float: left; border-radius: 100%; line-height: 2.1; z-index: 9; position: relative; }
.iq-banner-03 .iq-video i { margin-left: 5px; }
.iq-banner-03 .waves-box { position: absolute; top: 28%; left: 39%; }
.iq-banner-03 .iq-waves { position: absolute; width: 14rem; height: 14rem; left: -90px; top: -90px; z-index: 2; float: right; }
.iq-banner-03 .iq-waves .waves { position: absolute; width: 384px; width: 15rem; height: 384px; height: 15rem; background: rgba(255, 255, 255, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 320px; background-clip: padding-box; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; }
.iq-banner-03 .iq-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.iq-banner-03 .iq-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.iq-banner-03 .iq-waves .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.iq-banner-03 .banner-objects { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; z-index: 9; }
.iq-banner-03 .banner-objects .banner-objects-01 { position: absolute; left: 14%; opacity: 0.4; }
.iq-banner-03 .banner-objects .banner-objects-02 { position: absolute; margin-bottom: -125px; left: -5%; border: 15px solid rgba(255, 255, 255, 0.1); border-radius: 900px; height: 250px; width: 250px; }
.iq-banner-03 .banner-objects .banner-objects-03 { position: absolute; top: 19%; right: 36%; border: 20px solid rgba(255, 255, 255, 0.1); border-radius: 900px; height: 250px; width: 250px; }
.iq-banner-03 .banner-objects .banner-objects-04 { position: absolute; top: 25%; right: -3%; opacity: 0.4; }

/* Banner 4 */
.banner-04 .iq-banner-02 .banner-text { margin-top: 5%; margin-bottom: 5%; }
.banner-04 .iq-background-overlay { z-index: 9; }
.banner-04 .iq-banner-02:after { display: none; }
.iq-banner-04 { padding: 10% 0 5%; }
.iq-banner-04 h2 { font-size: 50px; margin-bottom: 15px; line-height: normal; }
.iq-banner-04 .col-lg-6 img { max-width: 128%; }

/* ---- particles.js container ---- */
#particles-js { width: 100%; height: 100%; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; z-index: 9; }

/* ---- Video Background ---- */
.masthead-video { width: 100%; position: absolute; top: 0; left: 0; }

/*---------------------------------------------------------------------
                            How it Works
-----------------------------------------------------------------------*/
.iq-works-box { border: 1px solid #f7f7f7; background: #fff; padding: 30px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08); position: relative; 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; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.iq-works-box .icon-bg { background: rgba(31, 76, 255, 0.1); height: 100px; width: 100px; border-radius: 100px; text-align: center; }
.iq-works-box .icon-bg i { font-size: 50px; line-height: 100px; color: #4ac4f3; }
.iq-works-box .step { background: #ffffff; border-radius: 100px; border: 1px solid #f7f7f7; color: #4ac4f3; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; top: 30px; }
.iq-works-box:hover { border: solid transparent 1px; box-shadow: 0 0 40px rgba(74, 195, 243, 0.6); -webkit-box-shadow: 0 0 40px rgba(74, 195, 243, 0.6); -moz-box-shadow: 0 0 40px rgba(74, 195, 243, 0.6); }
.iq-works-box h6 { font-weight: 800; margin: 30px 0 10px; font-size: 22px; }
.iq-works-box p { margin-bottom: 0; }

/* IQ Works Box No Shadow */
.iq-fancy-no-shadow { background: #ffffff; padding: 30px; }
.iq-fancy-no-shadow h6 { font-weight: 800; margin: 30px 0 10px; font-size: 22px; }
.iq-fancy-no-shadow p { margin-bottom: 0; }
.iq-fancy-no-shadow .iq-icon { text-align: center; background: none; height: 100px; width: 100px; display: inline-block; border-radius: 100px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); 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-fancy-no-shadow .iq-icon i { font-size: 50px; line-height: 100px; color: #4ac4f3; }
.iq-fancy-no-shadow:hover { border: none; box-shadow: none; }
.iq-fancy-no-shadow:hover .iq-icon { box-shadow: 0 0 40px rgba(74, 195, 243, 0.6); -webkit-box-shadow: 0 0 40px rgba(74, 195, 243, 0.6); -moz-box-shadow: 0 0 40px rgba(74, 195, 243, 0.6); }

/* IQ Works Box No Shadow */

/* .iq-works-box.round-icon { padding: 10px 20px 0; border: none; box-shadow: none; }
.iq-works-box.round-icon .icon-bg { background: none; height: 100px; width: 100px; display: inline-block; border-radius: 100px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); 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-works-box.round-icon .icon-bg i { font-size: 50px; line-height: 100px; color: #4ac4f3; }
.iq-works-box.round-icon .step { font-size: 20px; background: #ffffff; border-radius: 100px; border: 1px solid #f7f7f7; color: #4ac4f3; width: 38px; height: 38px; line-height: 38px; text-align: center; position: absolute; top: 40px; }
.iq-works-box.round-icon:hover { border: none; box-shadow: none; }
.iq-works-box.round-icon:hover .icon-bg { box-shadow: 0 0 40px rgba(74, 195, 243, 0.6); -webkit-box-shadow: 0 0 40px rgba(74, 195, 243, 0.6); -moz-box-shadow: 0 0 40px rgba(74, 195, 243, 0.6); } */

/*---------------------------------------------------------------------
                            Who is Sofbox ?
-----------------------------------------------------------------------*/
.how-works { position: relative; }
.how-works .iq-works-img img { max-width: 120%; }
.how-works h6 { margin: 15px 0; font-weight: 600; }
.iq-objects-style-1 { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; z-index: -1; }
.iq-objects-style-1 .iq-objects-01 { position: absolute; bottom: 10%; left: 0; }
.iq-objects-style-1 .iq-objects-02 { position: absolute; top: 10%; right: 35%; }
.iq-objects-style-1 .iq-objects-03 { position: absolute; top: 30%; right: 0; }
.iq-objects-style-1 .iq-objects-04 { position: absolute; top: 0%; right: -13%; border: 56px solid #4ac4f3; border-radius: 900px; height: 600px; width: 600px; }

/*---------------------------------------------------------------------
                            Software Features
-----------------------------------------------------------------------*/
.software { overflow: inherit !important; }
.software h2 { margin-bottom: 25px; }
.software .wpb_content_element { font-size: 15px; }
.iq-software-demo { position: absolute; top: 50px; height: 100%; width: 50%; left: 0; }
.software .iq-objects-software img { position: absolute; right: 0; top: -100%; display: inline-block; max-width: 137%; z-index: -1; }
.iq-objects-style-2 { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; z-index: -1; }
.iq-objects-style-2 .iq-objects-01 { position: absolute; top: 0; left: 0; }
.iq-objects-style-2 .iq-objects-02 { position: absolute; bottom: 5%; left: 15%; }
.iq-objects-style-2 .iq-objects-03 { position: absolute; top: -1%; left: 9%; border: 40px solid #4ac4f3; border-radius: 900px; height: 600px; width: 600px; }
.iq-list { margin: 15px 0 0; padding: 0; display: inline-block; width: 100%; }
.iq-list li { margin-bottom: 15px; list-style: none; color: #333333; font-weight: 600; }
.iq-list li:last-child { margin-bottom: 0; }
.iq-list li i { float: left; font-size: 30px; margin-right: 15px; line-height: 46px; color: #4ac4f3; }
.iq-list li span { display: table-cell; }

/*---------------------------------------------------------------------
                         Great screenshots
-----------------------------------------------------------------------*/
.iq-screenshots { overflow: hidden; position: relative; }
@keyframes heartbeat {
  0% { transform: scale(0); }
  25% { transform: scale(1.2); }
  50% { transform: scale(1); }
  75% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.screenshots-slider { display: inline-block; width: 100%; min-height: 591px; }
.slider-container { position: absolute; left: 50%; top: 50%; width: 780px; height: 591px; margin: -300px 0 0 -390px; }
.slider-container .slider-content { position: relative; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.slider-container .slider-content .slider-single { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; transition: z-index 0ms 250ms; }
.slider-container .slider-content .slider-single .slider-single-image { position: relative; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2); transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0); opacity: 0; }
.slider-container .slider-content .slider-single.preactivede .slider-single-image { transform: translateX(-50%) scale(0); }
.slider-container .slider-content .slider-single.preactive { z-index: 1; }
.slider-container .slider-content .slider-single.preactive .slider-single-image { opacity: .3; transform: translateX(-25%) scale(0.8); }
.slider-container .slider-content .slider-single.proactive { z-index: 1; }
.slider-container .slider-content .slider-single.proactive .slider-single-image { opacity: .3; transform: translateX(25%) scale(0.8); }
.slider-container .slider-content .slider-single.proactivede .slider-single-image { transform: translateX(50%) scale(0); }
.slider-container .slider-content .slider-single.active { z-index: 2; }
.slider-container .slider-content .slider-single.active .slider-single-image { opacity: 1; transform: translateX(0%) scale(1); }
.slider-container .slider-left { position: absolute; z-index: 3; display: block; right: 115%; top: 50%; color: #ffffff; transform: translateY(-50%); padding: 20px 15px; font-size: 60px; }
.slider-container .slider-right { position: absolute; z-index: 3; display: block; left: 115%; top: 50%; color: #ffffff; transform: translateY(-50%); padding: 20px 15px; font-size: 60px; }
.dark-showcase .slider-container .slider-content .slider-single .slider-single-image{box-shadow: none;}

/* Screenshots Slider NO Shadow  */
.no-shadow .slider-container .slider-content .slider-single .slider-single-image { box-shadow: none; }
.no-shadow .slider-container .slider-content .slider-single.preactive .slider-single-image { opacity: 0; }
.no-shadow .slider-container .slider-content .slider-single.proactive .slider-single-image { opacity: 0; }

/*---------------------------------------------------------------------
                             Special Features
-----------------------------------------------------------------------*/
.iq-amazing-tab .nav.nav-tabs { border-bottom: 1px solid #e9e9e9; overflow: hidden; text-align: center; display: inline-block; width: 100%; float: left; }
.iq-amazing-tab .nav.nav-tabs li { margin-bottom: 0; display: inline-block; float: none; width: 25%; position: relative; }
.iq-amazing-tab .nav-tabs>li a.active, .iq-amazing-tab .nav-tabs>li a.active:hover, .iq-amazing-tab .nav-tabs>li a.active:focus, .iq-amazing-tab .nav-tabs>li a.active1, .iq-amazing-tab .nav-tabs>li a.active1:hover, .iq-amazing-tab .nav-tabs>li a.active1:focus { background-color: #f5f7fb !important; }
.iq-amazing-tab .nav.nav-tabs li a { width: 100%; display: inline-block; position: relative; padding: 15px 15px; margin-right: 0; text-align: center; color: #666666; border: none; position: relative; }
.iq-amazing-tab .nav-tabs li a i { font-size: 50px; margin-right: 15px; vertical-align: middle; text-align: right; }
.iq-amazing-tab .nav.nav-tabs li a span { font-size: 18px; font-family: 'Nunito', sans-serif; font-weight: 800; line-height: 40px; vertical-align: sub; text-align: left; }
.iq-amazing-tab .nav.nav-tabs li a:hover { color: #4ac4f3; background: none; border: none; }
.iq-amazing-tab .nav.nav-tabs li a:hover i { color: #4ac4f3; }
.iq-amazing-tab .nav.nav-tabs li a.active, .iq-amazing-tab .nav.nav-tabs li a.active:hover, .iq-amazing-tab .nav.nav-tabs li a.active:focus { color: #333333; background: none; border: none; }
.iq-amazing-tab .nav.nav-tabs li a.active i, .iq-amazing-tab .nav.nav-tabs li a.active:hover i, .iq-amazing-tab .nav.nav-tabs li a.active:focus i, .iq-amazing-tab .nav.nav-tabs li a.active1 i, .iq-amazing-tab .nav.nav-tabs li a.active1:hover i, .iq-amazing-tab .nav.nav-tabs li a.active1:focus i { color: #4ac4f3; }
.iq-amazing-tab .nav.nav-tabs li a:before, .iq-amazing-tab .nav.nav-tabs li a:hover:before, .iq-amazing-tab .nav.nav-tabs li a:focus:before { position: absolute; left: -100%; bottom: -1px; height: 3px; width: 100%; content: ""; opacity: 0; background: #4ac4f3; -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-amazing-tab .nav.nav-tabs li a.active:before, .iq-amazing-tab .nav.nav-tabs li a.active:hover:before, .iq-amazing-tab .nav.nav-tabs li a.active:focus:before, .iq-amazing-tab .nav.nav-tabs li a:hover, .iq-amazing-tab .nav.nav-tabs li a.active1:before, .iq-amazing-tab .nav.nav-tabs li a.active1:hover:before { opacity: 1; left: 0%; }
.iq-amazing-tab .tab-content { margin-top: 45px; display: inline-block; width: 100%; float: left; }

/*---------------------------------------------------------------------
                         More Useful Infomation
-----------------------------------------------------------------------*/
.info-box { border: 1px solid #eee; height: 140px; width: 140px; border-radius: 70px; text-align: center; display: inline-block; }
.info-box .info-icon i { font-size: 56px; }
.info-box .info-icon { border-radius: 50px; box-shadow: 0px 0px 30px 5px #eee; height: 100px; width: 100px; text-align: center; margin: 20px; line-height: 94px; }

/*---------------------------------------------------------------------
                       Sofbox Specialities
-----------------------------------------------------------------------*/
.iq-fancy-box { padding: 30px; overflow: hidden; position: relative; background: #fff; border: 1px solid #f2f2f2; margin-bottom: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }
.iq-fancy-box .iq-icon { font-size: 46px; border-radius: 90px; display: inline-block; height: 86px; width: 86px; margin-bottom: 15px; line-height: 86px; text-align: center; color: #4ac4f3; background: #f4f4f4; -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-fancy-box:hover .iq-icon { color: #f4f4f4; background: #4ac4f3; }
.iq-fancy-box .fancy-content h6 { z-index: 9; position: relative; font-weight: 800; padding-top: 15px; padding-bottom: 5px; }
.iq-fancy-box .fancy-content p { margin-bottom: 0; }

/*---------------------------------------------------------------------
                          Counter
-----------------------------------------------------------------------*/
.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; }
.counter { position: relative; min-height: 60px; display: flex; align-items: flex-start; }
.counter i { font-size: 60px; line-height: 65px; display: inline-block; float: left; margin-right: 15px; }
.counter-date { flex: 1; }
.counter span { display: inline-block; width: 100%; font-size: 40px; margin: 0; margin-bottom: 5px; line-height: 40px; font-weight: 800; }
.counter label { font-size: 18px; font-weight: 400; display: inline-block; width: 100%; position: relative; margin: 0; text-transform: uppercase; float: left; }
.counter-info { border-top: 1px solid rgba(255, 255, 255, 0.2); display: inline-block; width: 100%; position: relative; padding-top: 45px; margin-top: 60px; }
.counter-info-img { position: relative; display: inline-block; width: 100%; height: 100%; min-height: 200px; }
.counter-info-img img { margin-top: -30px; }
.counter-info .iq-video { background: #fff; display: inline-block; width: 80px; height: 80px; text-align: center; font-size: 32px; color: #4ac4f3; float: left; border-radius: 100%; line-height: 2.6; z-index: 9; position: relative; }
.counter-info .iq-video i { margin-left: 7px; }
.counter-info .waves-box { position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: -30px; }
.counter-info .iq-waves { position: absolute; width: 14rem; height: 14rem; left: -80px; top: -80px; z-index: 2; float: right; }
.counter-info .iq-waves .waves { position: absolute; width: 384px; width: 15rem; height: 384px; height: 15rem; background: rgba(255, 255, 255, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 320px; background-clip: padding-box; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; }
.counter-info .iq-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.counter-info .iq-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.counter-info .iq-waves .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }

/*---------------------------------------------------------------------
                          Loved By Our Customers
-----------------------------------------------------------------------*/
.iq-loved-customers .owl-carousel .owl-item .item { padding: 0 0 5px; }
.iq-client { position: relative; margin-top: 40px; padding: 30px; text-align: center; border: 1px solid #f2f2f2; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.iq-client:before { position: absolute; content: ""; bottom: -5px; left: 5%; width: 90%; background: #4ac4f3; height: 5px; display: inline-block; z-index: -1; }
.iq-client .client-img { width: 80px; height: 80px; display: inline-block; border-radius: 90px; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.client-info { margin-top: 30px; }
.client-info h6 { font-weight: 800; }
.client-info .sub-title { font-weight: 600; }
.client-name { margin-bottom: 5px; }
.client-name:before { content: "\f10d"; font-family: FontAwesome; position: absolute; top: 15px; left: 15px; font-size: 44px; color: #f0f0f0; line-height: normal; }
.client-name:after { content: "\f10e"; font-family: FontAwesome; position: absolute; bottom: 15px; right: 15px; font-size: 44px; color: #f0f0f0; line-height: normal; z-index: -1; }

/*---------------------------------------------------------------------
                        Affordable Price
-----------------------------------------------------------------------*/
.iq-pricing { position: relative; display: inline-block; width: 100%; border: 1px solid #ededed; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.iq-pricing .price-title { padding: 30px; position: relative; background-size: 100% !important; }
.iq-pricing .price-title:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: rgba(74, 196, 243, 0.8); }
.iq-pricing .price-title:after { position: absolute; content: ""; left: 0; bottom: 0; background: url('../../images/drive/09.png') no-repeat center bottom; background-size: 100%; height: 100%; width: 100%; }
.iq-pricing.pricing-02 .price-title:after { position: absolute; content: ""; left: 0; bottom: 0; background: url('../images/drive/11.png') no-repeat center bottom; background-size: 100%; height: 100%; width: 100%; }
.iq-pricing.pricing-03 .price-title:after { position: absolute; content: ""; left: 0; bottom: 0; background: url('../images/drive/12.png') no-repeat center bottom; background-size: 100%; height: 100%; width: 100%; }
.iq-pricing .price-title h2 { font-family: 'Work Sans', sans-serif; line-height: 58px; font-size: 50px; position: relative; color: #fff; font-weight: 800; }
.iq-pricing .price-title h2 small { font-size: 16px; color: #fff; vertical-align: super; padding: 0 5px; }
.iq-pricing .price-title h2 small:first-child { font-size: 24px; }
.iq-pricing .price-title span { letter-spacing: 6px; position: relative; color: #fff; }
.iq-pricing ul { margin: 15px 0 0; padding: 0; }
.iq-pricing ul li { line-height: 45px; list-style: none; }
.iq-pricing .price-footer { padding: 30px 0; z-index: 9; position: relative; }

/* pricing 1 */
.iq-pricing-01 { padding: 30px 20px; text-align: center; z-index: 1; position: relative; border-radius: 10px; margin-top: 0; border: 1px solid #f2f2f2; 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-pricing-01:hover, .iq-pricing-01.active { margin-top: -5px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); border: 1px solid #4ac4f3; }
.iq-pricing-01 .pricing-header h6 { font-weight: 400; letter-spacing: 2px; text-transform: uppercase; }
.iq-pricing-01 .pricing-header h2 { margin: 15px 0; }
.iq-pricing-01 ul { margin: 0; padding: 0; }
.iq-pricing-01 ul li { list-style: none; margin: 15px 0; }
.iq-pricing-01 ul li i { margin-right: 5px; }
.iq-pricing-01 .button { margin-top: 15px; }

/*---------------------------------------------------------------------
                                Feature
-----------------------------------------------------------------------*/
.iq-feature img { width: 180px; height: 180px; border-radius: 100%; }
.iq-feature .step-img { position: relative; display: inline-block; margin-bottom: 30px; }
.iq-feature .step-number { background: #5bc9f4; color: #ffffff; width: 50px; height: 50px; border-radius: 100%; font-size: 18px; position: absolute; text-align: center; line-height: 43px; right: 0; top: 0; border: 4px solid #ffffff; }
.iq-feature.stap-left:before { position: absolute; left: 79%; top: 20%; background: url('../../images/arrow/dashed-arrow1.png') no-repeat 0 0; content: ""; width: 174px; height: 29px; }
.iq-feature.stap-right:before { position: absolute; left: 79%; top: 25%; background: url('../../images/arrow/dashed-arrow2.png') no-repeat 0 0; content: ""; width: 174px; height: 29px; }
.iq-feature h5 { margin-bottom: 10px; }

/*---------------------------------------------------------------------
                          Meet the Team
-----------------------------------------------------------------------*/
.iq-team { position: relative; overflow: hidden; background: #f5f7fb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.iq-team .team-description { padding: 15px; text-align: center; }
.iq-team .team-description h6 { font-weight: 800; }
.iq-team .team-description p { font-family: 'Nunito', sans-serif; font-weight: 600; margin-bottom: 0; }
.iq-team .team-social { background: none; z-index: 9; position: absolute; left: -65px; top: 10px; width: 40px; -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 .team-social { left: 15px; }
.iq-team .team-social ul { margin: 0; padding: 0; }
.iq-team .team-social ul li { margin: 5px 0; }
.iq-team .team-social ul li a { color: #fff; width: 45px; height: 45px; line-height: 45px; background: #333; color: #fff; border-radius: 90px; text-align: center; display: inline-block; }
.iq-team .team-social ul li a:hover { background: #4ac4f3; }
.iq-team .team-images { position: relative; }
.iq-team .team-images img { width: 100%; }
.iq-team .team-images:before { content: ""; bottom: 0; opacity: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 9; background: rgba(74, 196, 243, 0); background: -moz-linear-gradient(top, rgba(74, 196, 243, 0) 0%, rgba(74, 196, 243, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(74, 196, 243, 0)), color-stop(100%, rgba(74, 196, 243, 1))); background: -webkit-linear-gradient(top, rgba(74, 196, 243, 0) 0%, rgba(74, 196, 243, 1) 100%); background: -o-linear-gradient(top, rgba(74, 196, 243, 0) 0%, rgba(74, 196, 243, 1) 100%); background: -ms-linear-gradient(top, rgba(74, 196, 243, 0) 0%, rgba(74, 196, 243, 1) 100%); background: linear-gradient(to bottom, rgba(74, 196, 243, 0) 0%, rgba(74, 196, 243, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ac4f3', endColorstr='#4ac4f3', GradientType=0); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.iq-team:hover .team-images:before { opacity: 1; }

/*---------------------------------------------------------------------
                          Compare Services
-----------------------------------------------------------------------*/
.iq-services-box { margin-bottom: 60px; }
.iq-services-box .iq-icon i { font-size: 60px; float: left; margin-right: 15px; }
.iq-services-box .services-content { display: table-cell; }
.iq-services-box .services-content h6 { padding-bottom: 5px; font-weight: 800; }
.iq-progress-bar-text { font-size: 16px; text-transform: uppercase; color: #4ac4f3; position: absolute; right: 0; top: 0; margin-top: 0; margin-bottom: 0; }
.iq-progress-bar-text span { float: right; background: #fff; border-radius: 4px; text-align: center; width: 40px; height: 30px; line-height: 30px; font-weight: 600; position: relative; bottom: 50px; right: 0; }
.iq-progress-bar-text span:before { content: ""; position: absolute; left: 50%; margin-left: -7px; bottom: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ffffff transparent transparent transparent; }
.iq-progress-bar { background: #fff none repeat scroll 0 0; box-shadow: 0 0 0; height: 8px; margin: 0; position: relative; width: 100%; margin: 50px 0 0; }
.iq-progress-bar>span { background: #333 none repeat scroll 0 0; display: block; height: 100%; width: 0; }
.sf-service-vs { font-weight: normal; }

/*---------------------------------------------------------------------
                        Frequently Asked Questions
-----------------------------------------------------------------------*/
.iq-asked { position: relative; }
.iq-accordion { z-index: 9; position: relative; }
.iq-accordion .ad-title { position: relative; font-weight: 800; padding: 15px 45px 15px 15px; line-height: normal; cursor: pointer; background-color: #f5f7fb; display: block; text-align: left; color: #2c3e50; text-decoration: none; border-radius: 4px; }
.iq-accordion .ad-title:before { -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); cursor: pointer; content: "\f3d0"; font-family: "Ionicons"; position: absolute; top: 0; right: 0; display: block; padding: 5px 15px; color: #fff; font-size: 22px; line-height: 44px; height: 100%; font-weight: normal; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background: #4ac4f3; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.iq-accordion .ad-active .ad-title:before { content: "\f3d8"; font-family: "Ionicons"; }
.iq-accordion .ad-details { display: none; overflow: hidden; text-align: left; padding: 15px 15px; color: #666666; background: #fff; border: 1px solid #eeeeee; border-top: none; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06); }
.iq-accordion .iq-ad-block { margin-bottom: 30px; }
.iq-accordion .iq-ad-block:last-child { margin-bottom: 0; }
.iq-objects-style-3 { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; }
.iq-objects-style-3 .iq-objects-01 { position: absolute; bottom: 10%; left: 0; }
.iq-objects-style-3 .iq-objects-02 { position: absolute; top: 35%; left: 35%; }
.iq-objects-style-3 .iq-objects-03 { position: absolute; top: 28%; left: 13%; border: 25px solid #4ac4f3; border-radius: 900px; height: 350px; width: 350px; }

/*---------------------------------------------------------------------
                        Frequently Style-2
-----------------------------------------------------------------------*/
.iq-asked { position: relative; }
.iq-accordion-two { z-index: 9; position: relative; }
.iq-accordion-two .ad-title { font-size: 18px; line-height: 28px; position: relative; font-weight: 800; padding-left: 25px; line-height: normal; cursor: pointer; background: transparent; display: block; text-align: left; color: #000000; text-decoration: none; border-radius: 4px; }
.iq-accordion-two .ad-details { display: none; overflow: hidden; text-align: left; padding-left: 25px; color: #666666; background: #fff; border-top: none; }
.iq-accordion-two .iq-ad-block { margin-bottom: 30px; }
.iq-accordion-two .iq-ad-block:last-child { margin-bottom: 0; }
.iq-objects-style-3 { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; }
.iq-objects-style-3 .iq-objects-01 { position: absolute; bottom: 10%; left: 0; }
.iq-objects-style-3 .iq-objects-02 { position: absolute; top: 35%; left: 35%; }
.iq-objects-style-3 .iq-objects-03 { position: absolute; top: 28%; left: 13%; border: 25px solid #4ac4f3; border-radius: 900px; height: 350px; width: 350px; }
.iq-accordion-two a.ad-title::before {
    content:  "\f142";
    font-family: "Ionicons";
    position: absolute;
    left: 0;
}
.iq-accordion-two .iq-ad-block.ad-active a.ad-title::before {
    content: "\f120";
}

/*---------------------------------------------------------------------
                       FAQ
-----------------------------------------------------------------------*/
/* .iq-accordion-two a.ad-title { font-size: 18px; color: #000000; font-weight: 700; font-family: 'Montserrat', sans-serif; padding-left: 10px; }
.iq-accordion-two a.ad-title::before { content: "\f059"; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; }
.iq-accordion-two  .iq-ad-block { margin-bottom: 20px; }
.iq-accordion-two  .iq-ad-block.ad-active a.ad-title::before { content: "\f058"; }
.iq-accordion-two  .ad-details { padding-left: 10px; } */


/*---------------------------------------------------------------------
                            Testimonial
-----------------------------------------------------------------------*/
.feedback .feedback-details { margin-top: 30px; }
.feedback .iq-avtar { width: 60px; margin-right: 15px; display: inline-block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; }
.feedback .iq-avtar img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.feedback .iq-info { position: relative; background: rgba(255, 255, 255, 1.0); padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 8px 30px -20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 8px 30px -20px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 30px -20px rgba(0, 0, 0, 0.5); }
.feedback .iq-info:before { content: ""; position: absolute; z-index: 9; bottom: -15px; left: 05%; height: 0; width: 0; border-top: 15px solid rgba(255, 255, 255, 1.0); border-left: 15px solid transparent; }
.feedback .feedback-details h6 { line-height: 20px; margin-top: 10px; }
.feedback .feedback-details span { font-weight: 600; font-size: 14px; }
.feedback .avtar-name { display: table-cell; vertical-align: center; }
.feedback p { margin-bottom: 0px; }

/*---------------------------------------------------------------------
                          Our clients
-----------------------------------------------------------------------*/
.iq-our-clients { border-top: 1px solid #ededed; }
.iq-our-clients .owl-carousel .owl-nav { margin-top: -20px; }

/*---------------------------------------------------------------------
                           Subscribe Our Newsletter
-----------------------------------------------------------------------*/
.sofbox-subscription .newsletter-email { width: 72.8%; display: inline-block; float: left; }
.sofbox-subscription .email-subscribe { padding-left: 30px; display: inline-block; float: left; }
.epic_results .errors .error { color: #f00; text-align: left; }
.epic_results .wpdberror { display: none; }
.sofbox-subscription input[type=submit] { background: #fff; color: #333; }
.sofbox-subscription input[type=submit]:hover { background: #333; color: #fff; }

/*---------------------------------------------------------------------
                             Get in Touch
-----------------------------------------------------------------------*/
.footer-info { position: relative; }
.footer-info iframe { border: 0px; width: 100%; height: 500px; position: absolute; top: 0; left: 0; z-index: 1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.iq-get-in { position: relative; z-index: 9; background: #fff; padding: 30px 30px; display: inline-block; width: 100%; margin: 30px 0 0; -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.iq-get-in h4 { margin-bottom: 15px; font-weight: 800; }
.wpcf7-form p:nth-child(n+6) { margin-bottom: 0; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .wpcf7-not-valid-tip { display: none !important; }
.contact-form .cfield { position: relative; width: 100%; float: left; display: inline-block; }
.contact-form .cfield input[type=submit] { margin-top: 15px; }
.contact-form .cfield input { position: relative; width: 100%; margin-bottom: 15px; border-radius: 4px; padding-left: 15px; height: 45px; line-height: 45px; clear: both; border: 1px solid #e1e1e1; }
.contact-form .cfield input:focus, .contact-form .cfield.textarea textarea:focus { border: 1px solid #4ac4f3; box-shadow: none; outline: none; }
.contact-form .cfield.textarea textarea { width: 100%; float: left; color: #b6b6b6; border: 1px solid #e1e1e1; border-radius: 4px; padding: 15px 0 0 20px; resize: none; }
.contact-form .cfield .wpcf7-not-valid { border: 1px solid #f00; }
.contact-form .ajax-loader { margin: 32px 0 0 5px; }

/*---------------------------------------------------------------------
                           Footer Info
-----------------------------------------------------------------------*/
.iq-footer-box .iq-icon i { font-size: 26px; float: left; margin-right: 15px; height: 60px; width: 60px; background: #f4f4f4; text-align: center; line-height: 60px; color: #4ac4f3; border-radius: 90px; }
.iq-footer-box .footer-content { display: table-cell;line-height: 35px; }
.iq-footer-box .footer-content h4 { font-weight: 800; }
.iq-footer-box .footer-content p { margin-bottom: 0; }
.site-info { border-top: 1px solid #efefef; padding: 15px 0; text-align: center; margin-top: 30px; }
.contact-info { position: relative; padding-top: 60px; }
.info-share { margin: 0 0; padding: 0; text-align: left; }
.info-share li { display: inline-block; list-style: none; padding: 0; margin: 0px 5px; }
.info-share li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #666; background: transparent; border: 1px solid #666; text-align: center; border-radius: 50%; }
.info-share li a:hover { background: #4ac4f3; border-color: #4ac4f3; color: #fff; }
footer .widget { padding: 0; border: none; }
footer .widget .footer-title { margin-bottom: 15px; }
.footer_style2 .iq-footer-box { margin-bottom: 15px; display: inline-block; width: 100%; }
.footer_style2 .iq-footer-box:last-child { margin-bottom: 0; }
.blog footer a { color: #4ac4f3; }
.blog footer a:hover { color: #333333; }

/*---------------------------------------------------------------------
                         Fancy Box Style
-----------------------------------------------------------------------*/
.iq-fancy-box-1 { padding: 30px; margin-bottom: 30px; overflow: hidden; position: relative; position: relative; border: 2px solid #f5f7fb; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.iq-fancy-box-1:hover { color: #ffffff !important; background-color: transparent; text-shadow: ntwo; border: 2px solid #4ac4f3; }
.iq-fancy-box-1:hover:before { top: 0%; bottom: auto; height: 100%; }
.iq-fancy-box-1:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #000 !important; background: #4ac4f3; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.iq-fancy-box-1 .iq-icon { margin-bottom: 30px; }
.iq-fancy-box-1 .iq-icon i { color: #333; font-size: 62px; }
.iq-fancy-box-1:hover .iq-icon i, .iq-fancy-box-1:hover h5 { color: #ffffff; }
.iq-fancy-box-1 h5 { margin-bottom: 15px; }

/*---------------------------------------------------------------------
                            404 Error
-----------------------------------------------------------------------*/
.error-404 { text-align: center; }
.error-404 .big-text { font-size: 240px; font-family: 'Nunito', sans-serif; line-height: 240px; color: #333333; font-weight: 800; }
.error-404 h4 { color: #666666; font-weight: 600; margin: 15px 0; }
.error-404 h6 { color: #333333; display: inline-block; font-weight: 600; padding: 15px; }
.error-404 .button { margin-top: 30px; }
.error-404 .search-form { display: inline-block; margin-top: 30px; width: 285px; }

/*---------------------------------------------------------------------
                           jarallax
-----------------------------------------------------------------------*/
.jarallax { position: relative; z-index: 0; }
.jarallax>.jarallax-img { position: absolute; object-fit: cover;    /* support for plugin https://github.com/bfred-it/object-fit-images */ font-family: 'object-fit:cover; '; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

/*---------------------------------------------------------------------
                               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; 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; 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 { font-size: 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 45px; height: 45px; line-height: 45px; padding-left: 0px; display: inline-block; color: #fff; background: #e7e7e7; 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: #4ac4f3; color: #fff; }

/* 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: #333333; display: inline-block; border-radius: 90px; padding: 0; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid #333333; 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: #4ac4f3; border: 1px solid #4ac4f3; }
.owl-carousel .owl-dots .owl-dot.active { background: #4ac4f3; border: 1px solid #4ac4f3; }

/*---------------------------------------------------------------------
                          Breadcrumb Inner Page
-----------------------------------------------------------------------*/
.iq-breadcrumb { margin: 0px; position: relative; display: inline-block; width: 100%; padding: 100px 0 0; background-attachment: fixed !important; background-size: 100% !important; background-repeat: no-repeat !important; }
.iq-breadcrumb:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; background: rgba(74, 196, 243, 0.9); }
.iq-breadcrumb .iq-breadcrumb-title { color: #fff; margin: 120px 0 90px; }
.iq-breadcrumb .iq-breadcrumb-title .page-title, .iq-breadcrumb .iq-breadcrumb-title .title { color: #fff; position: relative; padding-bottom: 15px; margin-bottom: 15px; font-weight: 800; font-size: 42px; line-height: 50px; }
.iq-breadcrumb .iq-breadcrumb-title .page-title:before, .iq-breadcrumb .iq-breadcrumb-title .title:before { content: ""; position: absolute; bottom: -2px; border-radius: 4px; left: 50%; margin-left: -40px; width: 80px; height: 4px; background: #fff; }
.iq-breadcrumb .heading-title p { padding: 0; opacity: 1; }
.iq-breadcrumb .breadcrumb { background: rgba(255, 255, 255, 1); padding: 15px 30px; border-radius: 90px; display: inline-block; position: relative; bottom: -35px; margin-bottom: 0; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
.iq-breadcrumb .breadcrumb li a { color: #2c3e50; }
.iq-breadcrumb .breadcrumb li a i { padding-right: 5px; }
.iq-breadcrumb .breadcrumb li a:hover { color: #4ac4f3; text-decoration: none; }
.iq-breadcrumb .breadcrumb li { color: #2c3e50; font-size: 16px; font-weight: 400; float: left; list-style: none; }
.iq-breadcrumb .breadcrumb li.active { color: #4ac4f3; }
.iq-breadcrumb .breadcrumb>li+li:before { color: #2c3e50; }
.iq-breadcrumb-title h1.title-white { color: #ffffff; }

/*---------------------------------------------------------------------
                            Blog - SideBar
-----------------------------------------------------------------------*/
.iq-post-sidebar { height: 100%; }
.widget { margin-bottom: 30px; padding: 30px; border: 1px solid #ededed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; width: 100%; float: left; }
.widget:last-child { margin-bottom: 0; }
.widget .widget-title { padding-bottom: 0; margin-bottom: 15px; padding-bottom: 15px; font-size: 24px; position: relative; font-weight: 800; line-height: normal; }
.widget .widget-title:before { content: ""; position: absolute; bottom: 0; border-radius: 4px; left: 0; margin-left: 0; width: 40px; height: 2px; background: #4ac4f3; }

/*SideBar - Search*/
.search-form { position: relative; }
.search-form label { display: none; }
.search-form input { padding-right: 40px; box-shadow: none; border-radius: 4px; color: #2c3e50; border: 2px solid #f2f2f2; background: #f5f7fb; 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 .search-submit { position: absolute; right: 0; top: 0; color: #4ac4f3; cursor: pointer; padding: 8px 15px; font-size: 18px; background: none; 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; list-style: none; }
.widget ul li:last-child { margin-bottom: 0; }
.widget ul ul.children { padding-left: 25px; }
.widget ul li a { color: #666666; position: relative; padding-left: 15px; -ms-word-wrap: break-word; word-wrap: break-word; }
.widget ul li a:hover { color: #4ac4f3; text-decoration: none; }
.widget ul li a:before { position: absolute; content: "\f111"; color: #4ac4f3; top: 6px; font-size: 8px; 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 ul li a:hover:before { color: #4ac4f3; }

/*SideBar - Recent Comments*/
.widget.widget_recent_comments #recentcomments li.recentcomments span a { color: #666; font-weight: 600; }
.widget.widget_recent_comments #recentcomments li.recentcomments a:before { display: none; }
.widget.widget_recent_comments #recentcomments li.recentcomments a { color: #4ac4f3; padding-left: 0; }
.widget.widget_recent_comments #recentcomments li.recentcomments a:hover { color: #4ac4f3; text-decoration: underline !important; padding-left: 0; }

/* SideBar Calendar */
.widget_calendar table caption { caption-side: inherit; padding: 0 0 10px; color: #333333; font-weight: 500; 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: #4ac4f3; color: #ffffff; }
.widget_calendar .calendar_wrap td#today a { color: #ffffff; }
.widget_calendar .calendar_wrap table th { background: #ffffff; color: #333333; }
.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 { font-weight: 600; color: #4ac4f3; }
.widget_categories ul li a, .widget_archive ul li a { font-weight: 400; color: #666666; }

/* 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: #4ac4f3; font-weight: 600; }
.widget.widget_rss ul li a:hover { color: #333333; }
.widget.widget_rss ul li a:before { display: none; }
.widget.widget_rss ul li .rss-date { font-weight: 800; 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 { margin-bottom: 0; }
.widget.widget_nav_menu ul li .sub-menu { display: block !important; padding-left: 20px; }
.widget.widget_nav_menu ul li .sub-menu li a { font-size: 14px; }
.widget.widget_nav_menu ul li a { padding: 10px 0 10px 15px; display: inline-block; width: 100%; border-bottom: 1px solid #ededed; }
.widget.widget_nav_menu ul li i { display: none; }
.widget.widget_nav_menu ul li a:before { top: 20px; }

/* SideBar - widget Recent Entries*/
.widget_recent_entries ul li .post-date { font-weight: 600; color: #333333; }

/*SideBar - Tags*/
.widget_tag_cloud ul li { padding: 0; display: inline-block; margin: 8px 0 0; }
.widget_tag_cloud ul li a { background: transparent; display: inline-block; color: #666666; padding: 2px 15px; border: 1px solid #666666; border-radius: 2px; 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 { border-color: #4ac4f3; background: #4ac4f3; color: #fff; padding: 2px 15px; }
.widget_tag_cloud ul li a:before { display: none; }

/* 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: #000; display: block; font-size: 12px; height: auto; padding: 12px; position: absolute; top: 5px; left: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }

/*---------------------------------------------------------------------
                                Latest Blog Post
-----------------------------------------------------------------------*/

/* Blog One Columns */
article .sofbox-recentblog.v1 .owl-carousel .owl-item .iq-page-blog { padding: 0; }

/* Blog Two Columns */
article .sofbox-recentblog.v2 .owl-carousel .iq-blog-box .iq-blog-detail { padding: 0; }

/* Blog Three Columns */
article .sofbox-recentblog.v3 .owl-carousel .iq-page-blog { padding: 0; }

/* Blog Four Columns */
.sofbox-recentblog.v4 .iq-blog-image img { width: 100%; }
article .sofbox-recentblog.v4 .owl-carousel .iq-blog-box .iq-blog-detail { padding: 0; }

/* Blog Post Title */
article.hentry .blog-title .entry-title { font-weight: 800; margin-bottom: 5px; color: #333333; -ms-word-wrap: break-word; word-wrap: break-word; }
article.hentry .blog-single-style .iq-blog-detail .entry-title { font-weight: 600; margin-bottom: 5px; }
article.hentry .blog-single-style .iq-blog-image img { margin-bottom: 30px; }
.single.single-post article.hentry .iq-page-blog .iq-blog-image img { margin-bottom: 30px; }
article.hentry .blog-title .entry-title a { color: #333333; text-decoration: none; }
article.hentry .entry-title a:hover { color: #4ac4f3; text-decoration: none; }
article.hentry .iq-blog-box h1, article.hentry .iq-blog-box h2, article.hentry .iq-blog-box h3, article.hentry .iq-blog-box h4, article.hentry .iq-blog-box h5, article.hentry .iq-blog-box h6 { margin-bottom: 15px; }
article.hentry .iq-blog-box h1 { font-size: 36px; line-height: 44px; }
article.hentry .iq-blog-box h2 { font-size: 30px; line-height: 40px; }
article.hentry .iq-blog-box h3 { font-size: 26px; line-height: 34px; }
article.hentry .iq-blog-box h4 { font-size: 24px; line-height: 32px; }
article.hentry .iq-blog-box h5 { font-size: 20px; line-height: 28px; }
article.hentry .iq-blog-box h6 { font-size: 18px; line-height: 26px; }

/* Blog article Results Pages */
article.hentry.sticky .iq-page-blog { background: #f5f7fb; padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.single.single-post article.hentry .iq-page-blog { margin-bottom: 0; }
article.hentry .iq-page-blog { margin-bottom: 30px; border: 1px solid #ededed; padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; width: 100%; }
article.hentry .iq-blog-box { background: none; border-radius: 0; }
article.hentry .iq-blog-box .iq-blog-detail { padding: 0; }
.iq-blog-image img, .post-entry-image img, .blog-entry-image img { margin-bottom: 15px; }

/* Blog  Pages */
.blog-content, .blog-content p { -ms-word-wrap: break-word; word-wrap: break-word; }
article.hentry .sofbox-recentblog .iq-blog-box { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
article.hentry .sofbox-recentblog .iq-blog-box .iq-blog-detail { padding: 0 15px 15px; }
article.hentry .sofbox-recentblog .iq-blog-box .iq-blog-detail .blog-title h5 { font-weight: 800; margin-bottom: 5px; }
article.hentry .sofbox-recentblog .iq-blog-box .iq-blog-detail .blog-title h5 a:hover { text-decoration: none; color: #4ac4f3; }
.iq-blog-box .iq-blog-image { position: relative; text-align: center; }
.iq-blog-detail a.button { color: #fff; margin-top: 0; padding: 5px 15px; }
.iq-blog-detail .iq_button { display: inline-block; width: 100%; }
.iq-blog-detail .blog-content a { color: #4ac4f3; }
.iq-blog-detail .blog-content a:hover { color: #333333; }
.iq-blog-detail .blog-content { margin-bottom: 15px; }
.iq-blog-meta { margin: 0 0 15px; border-bottom: 1px solid #ececec; padding-bottom: 15px; }
.iq-blog-meta ul.list-inline { margin: 0; }
.iq-blog-meta ul.list-inline li { margin: 0 15px 0 0; padding: 0; font-size: 14px; font-weight: 600; }
.iq-blog-meta ul.list-inline li i { color: #4ac4f3; margin-right: 5px; }
.iq-blog-meta ul.list-inline li a { color: #666666; }
.iq-blog-meta ul.list-inline li a i { margin-right: 5px; color: #4ac4f3; }
.iq-blog-meta ul.list-inline li a:hover { color: #4ac4f3; text-decoration: none; }
.iq-blog-meta ul.list-inline li:last-child { margin: 0; }
.iq-page-blog .iq-blog-box .iq-blog-detail .blockquote { margin-top: 0; }
.blog-content .wp-audio-shortcode { margin-bottom: 15px; }
.post-password-form input { float: none; }
embed, iframe, object { max-width: 100%; width: 100%; }

/* 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; border-radius: 4px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #eeeeee; margin-left: 5px; padding: 0px; display: inline-block; color: #333333; }
.iq-blog-detail .blog-content .page-links a:hover { text-decoration: none; border-color: transparent; background: #4ac4f3; color: #ffffff; }
.iq-blog-detail .blog-content .page-links > span.page-number, .page-links > span.page-number { background: #4ac4f3; color: #ffffff; }

/* 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%; }

/*pagination-nav*/
.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; padding: 0; margin: 0; }
.page-numbers { position: relative; display: block; padding: 5px 15px; margin-left: 5px; color: #666666; background-color: #fff; border: 1px solid #ededed; border-radius: 4px; }
.page-numbers:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #4ac4f3; border-color: #4ac4f3 }
.page-numbers:focus { z-index: 2; outline: 0; box-shadow: none; }
.page-numbers:not(:disabled):not(.disabled) { cursor: pointer }
.pagination li .page-numbers.current { z-index: 1; color: #fff; background-color: #4ac4f3; border-color: #4ac4f3 }

/*---------------------------------------------------------------------
                             Blog Page Comments
-----------------------------------------------------------------------*/

/* Comments Box */
.comments-area, .comment-respond { margin-top: 30px; }
.comments-area .comments-title, .comment-respond .comment-reply-title { font-weight: 800; font-size: 26px; line-height: normal; margin: 0 0 15px; position: relative; padding-bottom: 15px; }
.comments-area .comments-title:before, .comment-respond .comment-reply-title:before { content: ""; position: absolute; bottom: -2px; border-radius: 4px; left: 0; width: 80px; height: 4px; background: #4ac4f3; }
.comment-respond .comment-reply-title  a { font-weight: 600; color: #666; font-size: 80%; }
.comment-respond .comment-reply-title  a:hover { color: #4ac4f3; text-decoration: none; }
.commentlist { margin: 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 { margin-left: 25px; }
ol.commentlist .pingback a { color: #666666; }
ol.commentlist .pingback a:hover { color: #4ac4f3; }
.commentlist li .comment-respond { margin-top: 30px; }
.commentlist .iq-comments-media { padding: 30px; border-radius: 4px; border: 1px solid #eee; background: #f5f7fb; position: relative; }
.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: 50px; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.commentlist .iq-comments-info { position: relative; display: inline-block; width: 100%; }
.commentlist .iq-comments-info .title { margin: 0; line-height: 20px; font-size: 18px; font-weight: 800; color: #4ac4f3; }
.commentlist .iq-comments-info .title a:hover { text-decoration: none; }
.commentlist .iq-comment-metadata { margin-top: 0; margin-bottom: 0; font-size: 13px; }
.commentlist .comment-content p { margin-bottom: 0; }
.commentlist .iq-comment-metadata a { color: #666666; font-weight: 600; }
.commentlist .iq-comment-metadata a:hover { color: #4ac4f3; text-decoration: none; }
.commentlist .iq-comment-metadata i { color: #4ac4f3; padding-right: 5px; font-weight: 400; }
.commentlist .iq-comments-media .reply a { position: absolute; margin: 0; padding: 0px 15px; font-size: 12px; right: 30px; top: 30px; font-weight: 500; color: #fff; background: #4ac4f3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 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; }
.commentlist .iq-comments-media .reply a { color: #fff; }
.commentlist .iq-comments-media .reply a:hover { background: #333333; text-decoration: none; }
.no-comments, .comment-awaiting-moderation { font-style: italic; margin: 15px 0; }

/* 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.9%; 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: 31.7%; }

/* Banner Overlay Text */
.overlay-text .iq-banner .banner-text h1, .overlay-text .iq-banner .banner-text, .overlay-text .counter label, .overlay-text .counter span, .overlay-text .counter, .overlay-text .counter-info, .overlay-text .iq-services-box, .overlay-text .iq-services-box .services-content h6, .overlay-text .sf-service-vs { color: #fff; }
.wpcf7 .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng { display: inline-block !important; }

/*---------------------------------------------------------------------
                               woocommerce
-----------------------------------------------------------------------*/
.woocommerce .loader::before, .woocommerce-products-header { display: none; }
.woocommerce .woocommerce-ordering { margin: 0 0 30px; }
.woocommerce .woocommerce-result-count { margin: 7px 0 15px; }
.woocommerce-message, .woocommerce-info { border-top-color: #4ac4f3; line-height: 2.8em; background: #f5f7fb; }
.woocommerce-message::before, .woocommerce-info::before { color: #4ac4f3; }
.woocommerce .woocommerce-message .button { background: #4ac4f3; color: #ffffff; font-weight: 500; }
.woocommerce .woocommerce-message .button:hover { background: #333333; color: #ffffff; }

/* inject:scss */
.woocommerce .products ul, .woocommerce ul.products { margin: 0; }
.woocommerce .products.columns-4 li.product { margin-right: 30px; margin-bottom: 45px; width: 23.022%; }
.woocommerce .products li.product.last, .woocommerce-page .products li.last { margin-right: 0; }

/*---------------------------------------------------------------------
                               Product
-----------------------------------------------------------------------*/
.iq-product-block { text-align: center; position: relative; }
.woocommerce ul.products li.product a img { margin: 0; }
.woocommerce ul.products li.product .woocommerce-loop-category__title { margin: 0; text-align: center; }
.iq-product-image img { width: 100%; }

/* onsale */
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale { color: #fff; background: #4ac4f3; text-transform: uppercase; padding: 5px 10px; text-align: center; display: block; position: absolute; top: 10px; left: 10px; right: auto; margin: 0; min-height: auto; line-height: 18px; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/* woocommerce Product */
.iq-product-img-wrap { position: relative; overflow: hidden; margin-bottom: 15px; }
.iq-product-block .woocommerce-loop-product__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.woocommerce ul.products li.product .iq-product-block .hover_image { position: absolute; top: 0; left: 0; opacity: 0; 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; }
.woocommerce ul.products li.product:hover .hover_image { opacity: 1; }

/* woocommerce Product button */
.woocommerce ul.products li.product .iq-product-block .button, .woocommerce a.added_to_cart { margin: 0; position: absolute; bottom: -50px; left: 0; width: 100%; display: inline-block; padding: 10px 15px; font-weight: 500; font-size: 15px; line-height: 28px; background: #333333; font-family: 'Nunito', sans-serif; z-index: 9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; color: #ffffff; 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; }
.woocommerce ul.products li.product .iq-product-block .button:hover, .woocommerce a.added_to_cart:hover { background: #4ac4f3; color: #ffffff; }
.woocommerce ul.products li.product:hover .iq-product-block .button, .woocommerce ul.products li.product:hover  .iq-product-block a.added_to_cart { bottom: 0; }
.yith-wcwl-add-to-wishlist { position: absolute; top: 8px; right: 15px; margin: 0; z-index: 9; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a { font-size: 0; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:before { content: "\f004 "; font-family: FontAwesome; color: #333333; font-size: 16px; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button.hide { display: block !important; }
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button.hide a:before, .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:hover:before { color: #4ac4f3; text-decoration: none; }
.yith-wcwl-add-to-wishlist .ajax-loading, .yith-wcwl-wishlistexistsbrowse.show, .yith-wcwl-wishlistaddedbrowse.show, #yith-wcwl-popup-message, .yith-wcwl-wishlistexistsbrowse.show { display: none !important; }

/* woocommerce Product detail */
.woocommerce ul li.product .iq-product-block .product-caption h3 { margin: 0; padding: 0; color: #666666; line-height: 1.5; }
.woocommerce ul li.product .iq-product-block .product-caption h3 a:hover { color: #4ac4f3; text-decoration: none; }
.woocommerce ul.products li.product .iq-product-block .product-caption .price { margin: 0; padding: 0; color: #333333; font-size: 16px; }
.woocommerce ul.products li.product .iq-product-block .product-caption .price ins { font-weight: 400; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: #333333; font-weight: 400; margin: 15px 0; }
.woocommerce .quantity .qty { padding-right: 0; text-align: left; }
.product_meta .sku_wrapper, .product_meta .posted_in { display: block; }
.woocommerce ul.products li.product .product-caption .star-rating { font-size: 12px; margin: 0; display: inline-block; }
.woocommerce ul.products li.product .product-caption .star-rating span, .woocommerce .star-rating span { color: #ff8d39; padding-top: 1em; }

/*---------------------------------------------------------------------
                           woocommerce Pagination
-----------------------------------------------------------------------*/
.woocommerce nav.woocommerce-pagination ul { margin: 0; border: none; }
.woocommerce nav.woocommerce-pagination ul li { border: none; margin-right: 5px; }
.woocommerce nav.woocommerce-pagination ul li:last-child { margin-right: 0; }
.woocommerce nav.woocommerce-pagination ul li .page-numbers { position: relative; display: block; padding: 5px 15px; margin: 0; color: #666666; background-color: #fff; border: 1px solid #ededed; border-radius: 4px; font-size: 16px; line-height: 2; }
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; background-color: #4ac4f3; border-color: #4ac4f3; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 400; }

/*---------------------------------------------------------------------
                           Tab products
-----------------------------------------------------------------------*/
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #e9e9e9; }
.woocommerce div.product .woocommerce-tabs ul.tabs { text-align: center; padding: 0; margin: 0 0; border: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0 30px; margin: 0; background: none; border-color: #e9e9e9; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none !important; }
.woocommerce-tabs { margin-bottom: 80px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #4ac4f3; color: #ffffff; border-color: #4ac4f3; }
.woocommerce-Tabs-panel h2 { margin-bottom: 15px; }
.woocommerce .comment-respond .comment-reply-title:before { display: none; }
.woocommerce-Tabs-panel .comment-respond .comment-form-author, .woocommerce-Tabs-panel .comment-respond .comment-form-email, .woocommerce-Tabs-panel .comment-respond .comment-form-url { width: 48%; }
.woocommerce-Tabs-panel .comment-respond .comment-form-email { float: right; }
.woocommerce .woocommerce-Tabs-panel #review_form .comment-respond .form-submit { margin: 0; }
.woocommerce div.product .woocommerce-tabs .panel { margin: 0; padding: 30px 30px 15px; border: 1px solid #e9e9e9; border-top: none; }

/*---------------------------------------------------------------------
                           Cart
-----------------------------------------------------------------------*/
.woocommerce-cart-form { margin-bottom: 80px; }
.woocommerce-additional-fields h3 { margin-top: 30px; }
.cross-sells h2, .cart_totals h2 { margin-bottom: 30px; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; padding-left: 10px; }
.woocommerce .cart_totals .wc-proceed-to-checkout .button { width: 100%; padding: 15px 30px; }
.woocommerce-billing-fields h3, #order_review_heading, .woocommerce-order-details__title { margin-bottom: 15px; }
.woocommerce table.shop_table { border: none; }
.woocommerce-billing-fields__field-wrapper label, .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper { display: inline-block; width: 100%; }
.woocommerce form .form-row .select2-container { border: 1px solid #ededed; background: #f5f7fb; line-height: 45px; height: 45px; padding: 0 10px; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.select2-search--dropdown { display: inline-block; padding: 10px; width: 100%; }
.select2-container--default .select2-selection--single { background-color: transparent; border: none; border-radius: 0; outline: none; }
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background: #f5f7fb; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #4ac4f3; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #666666; line-height: inherit; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }
.select2-dropdown { border: 1px solid #ededed; }
.order-total { color: #4ac4f3; }
.woocommerce-input-wrapper { display: inline-block; width: 100%; }
.woocommerce form .form-row textarea { padding: 15px; height: 6em; }
.woocommerce-checkout #payment ul.payment_methods li input { width: inherit; float: left; height: auto; margin: 10px 5px 0 0; }
.woocommerce ul.order_details { margin: 15px 0; padding: 15px; border: 1px solid #ededed; background: #f5f7fb; }

/*---------------------------------------------------------------------
                           Related products
-----------------------------------------------------------------------*/
.related.products h2, .upsells.products h2 { margin-bottom: 30px; text-align: center; }
.woocommerce .related.products .products.columns-4 li.product { margin-bottom: 0; }

/* woocommerce Button */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt.disabled { color: #fff; cursor: pointer; padding: 8px 30px; font-weight: 500; font-size: 15px; line-height: 28px; border: none; position: relative; background: #4ac4f3; font-family: 'Nunito', sans-serif; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce .cart_totals .wc-proceed-to-checkout .button:hover, .woocommerce button.button.alt:hover { color: #ffffff; background: #333333; text-decoration: none; }
.woocommerce #respond input#submit { margin-top: 30px; float: right; padding: 10px 30px; }

/*---------------------------------------------------------------------
                           My Account
-----------------------------------------------------------------------*/
.woocommerce form.login { border-color: #e0e0e0; }
input[type=checkbox] { height: 34px; width: 13px; width: auto; margin-right: 5px; }
.woocommerce-form__label-for-checkbox { margin-top: 5px; margin-left: 30px; }
.woocommerce form .form-row { padding: 0; margin: 0 0 15px; }
.woocommerce-MyAccount-navigation ul { margin: 0 15px 0 0; padding: 0; border: 1px solid #e0e0e0; }
.woocommerce-MyAccount-navigation li { list-style: none; display: inline-block; width: 100%; border-bottom: 1px solid #e0e0e0; }
.woocommerce-MyAccount-navigation li a { padding: 10px 15px; color: #333333; display: inline-block; width: 100%; }
.woocommerce-MyAccount-navigation li a:hover, .woocommerce-MyAccount-navigation li.is-active  a { color: #ffffff; text-decoration: none; background: #4ac4f3; }
.woocommerce-MyAccount-navigation li a:before { float: right; font-family: FontAwesome; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { content: "\f0e4"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { content: "\f291"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { content: "\f1c6"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { content: "\f015"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { content: "\f09d"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { content: "\f007"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { content: "\f08b"; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before { content: "\f021"; }

/*---------------------------------------------------------------------
                           Saas Dark Version
-----------------------------------------------------------------------*/
body.black-overly, body.black-overly h1, body.black-overly  h2, body.black-overly h3, body.black-overly h4, body.black-overly h5, body.black-overly h6 ,body.black-overly article.hentry .blog-title .entry-title ,body.black-overly article.hentry .blog-title .entry-title a{ color: #ffffff; }
body.black-overly .site-main .sf-content>.vc_row.wpb_row.vc_row-fluid { padding: 100px 0; }
body.black-overly  header#main-header { position: absolute; }
body.black-overly  header#main-header.menu-sticky { position: fixed; }
body.black-overly .iq-blog-meta ul.list-inline li a, body.black-overly .widget ul li a,body.black-overly .widget.widget_recent_comments #recentcomments li.recentcomments span a,body.black-overly .widget_calendar table caption,body.black-overly .iq-accordion .ad-details,body.black-overly .woocommerce-MyAccount-navigation li a{color: #ffffff;}
body.black-overly .iq-list li{color: #dadada;}
body.black-overly  .iq-pricing ul li{color: #666666;}
body.black-overly article.hentry .sofbox-recentblog .iq-blog-box{background: transparent; border: 1px solid #ededed;}
body.black-overly  .widget_calendar table#wp-calendar,body.black-overly .commentlist .iq-comments-media,body.black-overly .iq-fancy-box,body.black-overly .owl-carousel .owl-nav i,body.black-overly .iq-fancy-box,body.black-overly .owl-carousel .owl-nav i,body.black-overly .iq-works-box,body.black-overly .iq-accordion .ad-details{background: transparent;}
body.black-overly .iq-team .team-description{background: #333333;}
body.black-overly .widget.widget_recent_comments #recentcomments li.recentcomments span a:hover ,body.black-overly .iq-blog-meta ul.list-inline li a:hover,body.black-overly article.hentry .blog-title .entry-title a:hover,body.black-overly .widget ul li a:hover{color:#4ac4f3;}
body.black-overly .social-media li:hover{background:#4ac4f3; }
body.black-overly  #pricing p{color: #222222;}
body.black-overly .iq-accordion .ad-title {background: transparent; color: #ffffff;border: 1px solid #ffffff;}
body.black-overly.author{margin-top: 0; text-align: left;}
body.black-overly.woocommerce ul.products li.product a,body.black-overly.woocommerce ul.products li.product .iq-product-block .product-caption .price,body.black-overly.woocommerce div.product p.price ins, .woocommerce div.product span.price ins,body.black-overly.woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:before,body.black-overly.woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a,body.black-overly.woocommerce ul li.product .iq-product-block .product-caption h3,body.black-overly .woocommerce ul.products li.product a,body.black-overly .woocommerce ul.products li.product .iq-product-block .product-caption .price,body.black-overly .woocommerce form .form-row label{color: #ffffff;text-decoration: none;}
body.black-overly span.select2-dropdown ,body.black-overly .woocommerce-privacy-policy-text p{color: #666666;}
body.black-overly.woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:hover:before{color:#4ac4f3; text-decoration: none;}
body.black-overly.woocommerce div.product p.price, .woocommerce div.product span.price,body.black-overly.woocommerce label{color: #f4f4f4;}
body.black-overly.woocommerce ul li.product .iq-product-block .product-caption h3{margin-top: 15px;}
body.black-overly.woocommerce table.shop_attributes td,body.black-overly.woocommerce table.shop_attributes th{border-bottom: 1px dotted rgba(255, 255, 255, 1);}
body.black-overly.woocommerce table.shop_attributes{border-top: 1px dotted rgba(255, 255, 255, 1);}
body.black-overly.woocommerce table.shop_attributes td p{padding:8px;}
body.black-overly footer.footer-style3 label,body.black-overly footer.footer-style2 label{color: #ffffff;}
body.black-overly footer.footer-style3 .contact-info .widget-area ,body.black-overly footer.site-footer .contact-info .widget-area{border-top:none;}










/*----------------------------------------------------------------------
 Form
-----------------------------------------------------------------------*/
body.black-overly input, body.black-overly input.form-control { background: transparent; color: #ffffff; border: 2px solid #666666; font-size: 14px; height: 45px; padding-left: 15px; margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; }
body.black-overly input[type="checkbox"], body.black-overly input.form-control[type="checkbox"] { margin-top: 0.5rem; background: #fff; height: auto; border: 1px solid #4ac4f3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: 0; width: auto;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ffffff; }
::-moz-placeholder { /* Firefox 19+ */
color: #ffffff; }
:-ms-input-placeholder { /* IE 10+ */
color: #ffffff; }
:-moz-placeholder { /* Firefox 18- */
color: #ffffff; }
body.black-overly textarea.form-control, body.black-overly textarea { background: none; height: 230px; padding: 15px 30px; margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #666666; }
body.black-overly input:hover, body.black-overly input.form-control:hover, body.black-overly input:focus, body.black-overly input.form-control:focus, body.black-overly textarea.form-control:hover, body.black-overly  textarea.form-control:focus, body.black-overly textarea:hover, body.black-overly textarea:focus { border: 2px solid #4ac4f3; background: none; outline: 0; box-shadow: none; color: #ffffff; }

/*----------------------------------------------------------------------
 Buttons
-----------------------------------------------------------------------*/
 body.black-overly input[type="submit"], body.black-overly .contact-form .cfield input[type='submit'] { font-family: 'Montserrat', sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; cursor: pointer; padding: 8px 30px; font-weight: 600; font-size: 16px; position: relative; display: inline-block; border: 1px solid #ffffff; transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; text-transform: capitalize; background-size: 200% auto; }
body.black-overly .contact-form .cfield input[type='submit']:hover, body.black-overly .button:hover, body.black-overly .button:focus, body.black-overly input[type="submit"]:hover, body.black-overly input[type="submit"]:focus { color: #ffffff; background-position: right center; }
body.black-overly .clicklink { font-size: 18px; color: #fda96c; text-decoration: underline; }

/*---------------------------------------------------------------------
Heading Title
-----------------------------------------------------------------------*/
.title-box { margin-bottom: 100px; text-align: center;  }
.title-design { color: #666666; margin-bottom: 30px; font-weight: 800; text-transform: uppercase; position: relative; display: inline-block; padding-left: 20px; padding-right: 60px; }
.title-design:after { position: absolute; width: 6px; height: 6px; line-height: 6px; content: ""; background: #4ac4f3; left: 0; top: 8px; }
.title-design:before { position: absolute; width: 50px; height: 4px; line-height: 6px; content: ""; background: #4ac4f3; right: 0; top: 10px; }
.title-box.text-left { margin-bottom: 30px; }
.title-box.text-left .title { margin-bottom: 15px; }

/*---------------------------------------------------------------------
                            How It Work
-----------------------------------------------------------------------*/
.iq-work { position: relative; padding-top: 70px; }
.iq-work-detail { background: #16171d; padding: 60px 30px 60px; position: relative; overflow: hidden; border-bottom: 4px solid transparent; z-index: 1; }
.iq-work-id { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; font-size: 140px; font-family: 'Montserrat', sans-serif; font-weight: bold; position: absolute; text-align: center; top: 120px; margin: 0 auto; left: 0; right: 0; line-height: 140px; color: #4ac4f3 ;}
.iq-work-detail i.flaticon { color: #ffffff; display: block; margin-bottom: 30px;}
.iq-work-detail p { position: relative; }
.flaticon::before { font-size: 60px; margin: 0; line-height: 60px; }
.readmore { position: absolute; right: 16px; font-size: 40px; line-height: 40px; bottom: 10px; color: #ffffff; opacity: 0; z-index: 1; -webkit-transform: translate3d(20px, 20px, 0); transform: translate3d(20px, 20px, 0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.iq-work-detail::before { position: absolute; right: -30px; bottom: -35px; width: 100px; height: 100px; background: #191a20; border-radius: 100%; content: ''; opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.iq-work .iq-work-detail::before { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.iq-work:hover .iq-work-detail { border-color: #4ac4f3; }
.iq-work:hover i.flaticon { color: #4ac4f3; }
.iq-work:hover .iq-work-detail::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.iq-work:hover .readmore { opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.iq-work:hover .iq-work-id { top: -30px; }

/*---------------------------------------------------------------------
                            About Us
-----------------------------------------------------------------------*/
.right-image img{ position: relative;  max-width: none !important; }
.saas-left-image img{ position: relative; left: -90%; max-width: none !important;  }
.iq-about-us { overflow: hidden; }
.counter span.timer, .counter { font-size: 50px; line-height: 50px; font-weight: 700; width: auto; margin-bottom: 0; display: inline-block; }
.features { margin-bottom: 30px; float: left; display: block; width: 50%; }
.features .feature-icon { float: left; }
.features .feature-info { float: left; }
.features .feature-icon i.flaticon {display: block; color: #4ac4f3; margin-right: 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.features:hover .feature-icon i.flaticon { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.iq-services { margin-bottom: 50px; }
.iq-services:hover h5, .iq-services:hover .flaticon { color: #ffffff; }
.iq-services:hover .iq-icon img { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.hvr-wobble-horizontal { }
@keyframes bounce {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}
@-webkit-keyframes bounce {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}
@keyframes wobble-vertical {
  16.65% { transform: translateY(8px); }
  33.3% { transform: translateY(-6px); }
  49.95% { transform: translateY(4px); }
  66.6% { transform: translateY(-2px); }
  83.25% { transform: translateY(1px); }
  100% { transform: translateY(0); }
}
@-webkit-keyframes wobble-horizontal {
  16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); }
  33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
  49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes wobble-horizontal {
  16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); }
  33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
  49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

/*---------------------------------------------------------------------
                        Team
-----------------------------------------------------------------------*/
body.black-overly .iq-team-info { background: none; }
.team { float: left; width: 100%; margin-bottom: 0px; }
.team .left, .team .right { float: left; width: 50%; }
.team-right { margin-top: 120px; }
.team-img { width: 270px; height: 330px; }
.team .right { padding: 70px 30px; }
.team-img img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
.team .social-media { padding-left: 0; }
.social-media li { display: inline-block; height: 34px; width: 34px; margin-right: 15px; border: 1px solid #e0e0e0; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.social-media li a { color: #e0e0e0; }
.social-media li:hover { background: #333333;color: #ffffff; }
.social-media li:hover a { color: #ffffff; }
.team:hover .team-img img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
body.black-overly .iq-team-info div:nth-child(2n) .team { margin-top: 120px; }
body.black-overly .iq-team-info div { float: left; }

/*---------------------------------------------------------------------
                         Testimonial
-----------------------------------------------------------------------*/
.testimonial-box { text-align: center; position: relative; }
.testimonial-box .description { font-size: 16px; font-style: italic; font-weight: 500; line-height: 34px; color: #ffffff; padding: 0 10%; }
.testimonial-box .author { margin-top: 45px; clear: both; width: 100%; text-align: center;  }
.testimonial-box .author .left { display: inline-block; height: 78px; width: 78px; vertical-align: middle; margin-right: 15px; }
.testimonial-box .author .right { display: inline-block; width: auto; vertical-align: middle; text-align: left; }
.testimonial-box .author .right h4 { font-weight: normal; }
.testimonial-box img { border-radius: 100%; height: 78px; width: 78px; margin: 0 auto; }

/*---------------------------------------------------------------------
                         Pricing Table
-----------------------------------------------------------------------*/
.pricing-tab { text-align: center; color: #ffffff; }
.iq-pricing  .nav { width: 86px; margin: 0 15px; border: 1px solid #ffffff; border-radius: 5px; display: inline-block; text-align: center; vertical-align: middle; }
.iq-pricing  .nav li { width: 50%; float: left; height: 25px; }
.iq-pricing  .nav li a { display: block; height: 25px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: #4ac4f3 }
.iq-pricing .tab-content { margin-top: 30px; }
.iq-pricing-table { text-align: center; border: 5px solid #16171d; padding: 60px 30px; background: none; float: left; width: 100%; -webkit-animation: rotate 0.5s; -moz-animation: rotate 0.5s; animation: rotate 0.5s; -webkit-animation: rotate-inverse 0.5s; -moz-animation: rotate-inverse 0.5s; animation: rotate-inverse 0.5s; }
.iq-pricing-table h2 { font-size: 60px; margin-bottom: 30px; }
.iq-pricing-table h2 span { font-size: 16px; font-weight: normal; }
.iq-pricing-table ul li { list-style: none; color: #ffffff; margin-bottom: 10px; }
.iq-pricing-table ul li i { margin-right: 15px; }
.iq-pricing-table .button { border: 1px solid #ffffff; background: #16171d; }
.iq-pricing-table .button:hover, .iq-pricing-table:hover .button { background:#4ac4f3; border: 1px solid transparent; }
.iq-pricing-table:hover { background: #16171d; 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; }
@-webkit-keyframes rotate {
  0% { -webkit-transform: perspective(2000px) rotateY(0); }
  70% { -webkit-transform: perspective(2000px) rotateY(200deg); }
  100% { -webkit-transform: perspective(2000px) rotateY(180deg); }
}
@-moz-keyframes rotate {
  0% { -moz-transform: perspective(2000px) rotateY(0); }
  70% { -moz-transform: perspective(2000px) rotateY(200deg); }
  100% { -moz-transform: perspective(2000px) rotateY(180deg); }
}
@keyframes rotate {
  0% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); }
  70% { -webkit-transform: perspective(2000px) rotateY(200deg); -moz-transform: perspective(2000px) rotateY(200deg); -ms-transform: perspective(2000px) rotateY(200deg); -o-transform: perspective(2000px) rotateY(200deg); transform: perspective(2000px) rotateY(200deg); }
  100% { -webkit-transform: perspective(2000px) rotateY(180deg); -moz-transform: perspective(2000px) rotateY(180deg); -ms-transform: perspective(2000px) rotateY(180deg); -o-transform: perspective(2000px) rotateY(180deg); transform: perspective(2000px) rotateY(180deg); }
}
@-webkit-keyframes rotate-inverse {
  0% { -webkit-transform: perspective(2000px) rotateY(-180deg); }
  70% { -webkit-transform: perspective(2000px) rotateY(20deg); }
  100% { -webkit-transform: perspective(2000px) rotateY(0); }
}
@-moz-keyframes rotate-inverse {
  0% { -moz-transform: perspective(2000px) rotateY(-180deg); }
  70% { -moz-transform: perspective(2000px) rotateY(20deg); }
  100% { -moz-transform: perspective(2000px) rotateY(0); }
}
@keyframes rotate-inverse {
  0% { -webkit-transform: perspective(2000px) rotateY(-180deg); -moz-transform: perspective(2000px) rotateY(-180deg); -ms-transform: perspective(2000px) rotateY(-180deg); -o-transform: perspective(2000px) rotateY(-180deg); transform: perspective(2000px) rotateY(-180deg); }
  70% { -webkit-transform: perspective(2000px) rotateY(20deg); -moz-transform: perspective(2000px) rotateY(20deg); -ms-transform: perspective(2000px) rotateY(20deg); -o-transform: perspective(2000px) rotateY(20deg); transform: perspective(2000px) rotateY(20deg); }
  100% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); }
}

/*---------------------------------------------------------------------
                         Blog
-----------------------------------------------------------------------*/
.iq-all-blogs .container { padding-top: 150px; }
.effect-chico.blog { overflow: hidden; float: left; width: 100%; position: relative; }
.iq-blogs .blog { margin-bottom: 30px; }
.iq-blogs .oel-carousel .blog { margin-bottom: 0px; }
.blog.effect-chico img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12);opacity: 0.5; }
.blog.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); }
.blog.effect-chico .blog-info { padding: 30px; position: absolute; top: 0; left: 0; float: left; width: 100%; }
.blog.effect-chico .blog-info::before, .blog.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.blog.effect-chico h2 { padding: 18% 0 20px 0; font-size: 24px; -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; color: #ffffff; }
.blog.effect-chico:hover h2 { padding: 7% 0 20px 0; -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; margin-bottom: 0; line-height: 34px; }
.blog.effect-chico p { text-align: left; max-width: 500px; line-height: 24px; font-size: 14px; color: #ffffff; }
.blog.effect-chico:hover .blog-info::before, .blog.effect-chico:hover p { opacity: 1; }
.effect-chico.blog .blog-comment { padding: 10px 30px; 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; background: #16171d; position: absolute; width: 100%; bottom: 0px; z-index: 2 }
.effect-chico.blog .blog-comment ul li:last-child{padding:0 5px;}
.effect-chico:hover .blog-comment { background: #4ac4f3; 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; }
.effect-chico:hover .blog-comment ul li a { color: #ffffff; }
.iq-widget { padding: 45px 30px; margin-bottom: 45px; border: 1px solid #666666; }
.iq-widget .media { border-bottom: 1px solid #666666; margin-bottom: 30px; }
.iq-widget .media img { margin-bottom: 15px; }
.iq-sidebar-widget li a { font-size: 18px; color: #ffffff; }
.iq-sidebar-widget li a span { border: 1px solid #666666; float: right; border-radius: 5px; padding: 0 9px; }
.social-links li { display: inline-block; margin-right: 10px; }
.social-links li a, .blog-box ul li a { color: #ffffff; }
.social-links li a:hover, .blog-box ul li a:hover, .iq-sidebar-widget li a:hover { color: #4ac4f3; }
.iq-widget-search { position: relative; }
.iq-widget-search input.form-control { width: 100%; margin-bottom: 0; }
.iq-widget-search a { position: absolute; right: 2px; top: 2px; background: #16171d; color: #ffffff; padding: 7px 15px; }
.left-side-blog { padding-right: 35px; }
.right-side-blog { padding-left: 35px; }
.blog-img img { width: 100%; }
.blog-box { float: left; width: 100%; margin-bottom: 30px; }
.blog-box img { height: 50px; width: 50px; }
.blog-box ul li a { line-height: 50px; }
.iq-blockquote { background: #16171d; position: relative; float: left; width: 100%; padding: 60px; margin-bottom: 30px; }
.iq-blockquote:before { content: "\f10e"; font-family: "Font Awesome 5 Free"; font-size: 70px; color: #1b1c21; font-weight: 800; position: absolute; left: 30px; z-index: 1; transform: rotatey(180deg); top: 50%; }
.blockquote { text-align: center; }
.blockquote h5 { position: relative; z-index: 2; font-size: 24px; line-height: 40px; }
.iq-post { border-bottom: 1px solid #666666; float: left; width: 100%; }
.comments-box { border: 1px solid #666666; padding: 30px 15px; }
.comments-box img { height: 83px; width: 83px; }
.iq-commentbox input, .iq-commentbox textarea { width: 100%; background: none; padding: 15px; }
.blog a { text-decoration: none; color: #ffffff; }
.blog-comment ul li { float: right; }
.blog-comment ul li:first-child { float: left; }

/*---------------------------------------------------------------------
                        Client
-----------------------------------------------------------------------*/
body.black-overly .iq-client-info { padding: 30px; }
body.black-overly .iq-client-info:hover { background: #1c1d24; 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; }
.owl-carousel .owl-item .item .iq-client-info .hover-img { display: none; }
.owl-carousel .owl-item .item .iq-client-info:hover .hover-img { display: block; }
.owl-carousel .owl-item .item .iq-client-info:hover .default-img { display: none; }
.owl-carousel .owl-item .item .iq-client-info .img img { width: auto; margin: 0 auto; }
.iq-clients .owl-carousel .owl-item img { width: auto; margin: 0 auto; }
body.black-overly .error span { color: #ffffff; }
.iq-font-50 { font-size: 50px; }
.iq-font-200 { font-size: 200px; line-height: 200px; }

/*---------------------------------------------------------------------
                        Maintenance
-----------------------------------------------------------------------*/
.maintenance-box { margin: 80px auto; }
.maintenance-box p { padding: 0 25%; }
.maintenance-box img { margin-bottom: 50px; -webkit-animation: spinAround 5s linear infinite; -moz-animation: spinAround 5s linear infinite; animation: spinAround 5s linear infinite; }
.error { margin: 120px auto; }
.maintenance-one { margin-right: 50px; margin-top: 50px; }
.maintenance-two { margin-top: 100px; }
.maintenance-three { margin-top: -50px; margin-left: 30px; }
@-webkit-keyframes spinAround {
  from { -webkit-transform: rotate(0deg) }
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinAround {
  from { -moz-transform: rotate(0deg) }
  to { -moz-transform: rotate(360deg); }
}
@keyframes spinAround {
  from { transform: rotate(0deg) }
  to { transform: rotate(360deg); }
}

/*---------------------------------------------------------------------
       Coming Soon
---------------------------------------------------------------------*/
.coming-height { min-height: 800px; vertical-align: middle; }
.iq-coming { text-align: center; }
.iq-coming .big-text { font-size: 80px; text-transform: uppercase; color: #ffffff; font-weight: 900; line-height: 100px; font-family: 'Josefin Sans', sans-serif; }
.iq-coming img { width: 140px; }
.iq-coming form label { margin-right: 30px; }
.small-text { font-family: 'Muli', sans-serif; }
.iq-coming form .form-control { display: inline-block; margin-bottom: 0; background: none; height: 45px; padding: 0 15px 0 15px; outline: none !important; box-shadow: inherit; width: 280px; border-radius: 5px; }
.iq-coming form::-webkit-input-placeholder { / Chrome / color: #ffffff; }
.iq-coming form:-ms-input-placeholder { / IE 10+ / color: #ffffff; }
.iq-coming form::-moz-placeholder { / Firefox 19+ / color: #ffffff; opacity: 1; }
.iq-coming form:-moz-placeholder { / Firefox 4 - 18 /  color: #ffffff; opacity: 1; }
.iq-coming form .button { box-shadow: inherit; border: none; box-shadow: inherit; border: none; padding: 0 20px; border-radius: 0; height: 45px; font-size: 30px; }
.iq-coming .countdown-timer { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; max-width: 300px; margin: 50px auto; border-bottom-left-radius: 15px; }
.iq-coming .countdown-timer h5 { font-size: 14px; letter-spacing: 0.5px; text-align: center; padding-top: 10px; text-shadow: none; }
.iq-coming .countdown-timer .timer { padding: 10px; text-align: center; padding-top: 15px; }
.iq-coming .countdown-timer .timer .timer-wrapper { display: inline-block; width: 200px; height: 50px; }
.iq-coming .countdown-timer .timer .timer-wrapper .time { font-size: 80px; font-weight: bold; color: #33333; margin: 0 50px; float: left; }
.iq-coming .countdown-timer .timer .timer-wrapper .text { font-size: 20px; }
.iq-coming #countdown { list-style: none; margin: 20px 0 30px 0; padding: 0; text-align: center; display: inline-block; }
.iq-coming #countdown li { display: inline-block; margin: 0 20px; position: relative; }
.iq-coming #countdown li span { font-size: 120px; font-weight: 800; line-height: 120px; color: #ffffff; position: relative; }
.iq-coming #countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin: 16px 0px; color: #ffffff; }
.iq-coming #countdown li h6 { color: #ffffff; font-size: 20px; padding-right: 30px; }
.iq-coming .particles-bg { position: relative; overflow: hidden; }
.iq-coming .particles-bg #canvas { position: absolute; display: block; color: rgba(255, 255, 255.0.9); }
.iq-coming #countdown li p { font-size: 20px; font-weight: 600; line-height: 24px; color: #ffffff; text-transform: uppercase; background: #0e0f16; position: absolute; width: 100%; padding: 5px 0; top: 40%; }

/*---------------------------------------------------------------------
                                  Breadcrumb
---------------------------------------------------------------------*/
body.black-overly .iq-breadcrumb.style2::before { background: transparent !important; }
.iq-breadcrumb.style2 .container-fluid { padding: 0 100px; }
.iq-breadcrumb.style2 { padding-top: 150px; padding-bottom: 80px; }
body.black-overly .iq-breadcrumb.style2{ border-bottom: 1px solid #666666;}
.iq-breadcrumb.style2 nav { display: inline-block; }
.iq-breadcrumb.style2 .breadcrumb { bottom: 0; z-index: 86; text-align: left; position: relative; color: #ffffff; margin-bottom: 0; display: inline-block; width: 100%; background: none; padding: 0 60px 0 20px; vertical-align: middle; line-height: 22px; }
.iq-breadcrumb.style2 .breadcrumb li { display: inline-block; text-transform: capitalize; }
.iq-breadcrumb.style2 .breadcrumb{box-shadow: none;}
.iq-breadcrumb.style2 .breadcrumb li a i { font-size: 18px; margin-right: 6px; }
.iq-breadcrumb.style2 .breadcrumb li, .iq-breadcrumb.style2 .breadcrumb li.active { color: #ffffff !important; }
.iq-breadcrumb.style2 .breadcrumb li a, .iq-breadcrumb.style2 .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; margin-bottom: 0; }
.iq-breadcrumb.style2 .breadcrumb li a:hover { color: #4ac4f3 !important; }



/*---------------------------------------------------------------------
                                  Back To Top
---------------------------------------------------------------------*/
body.black-overly  #back-to-top .top { border-radius: 90px; }
body.black-overly  #back-to-top .top:hover { background: #4ac4f3; }

/*---------------------------------------------------------------------
                                  Footer
---------------------------------------------------------------------*/
body.black-overly footer .widget .footer-title { margin-bottom: 30px; }
body.black-overly footer .widget ul li a:before { display: none; }
body.black-overly footer .widget ul li a { padding-left: 0; color: #e0e0e0 !important; }
body.black-overly footer .widget ul li a:hover { color: #4ac4f3 !important; }
body.black-overly footer .widget ul li { float: left; width: 50%; }
body.black-overly footer a { color: #e0e0e0 !important; }
body.black-overly footer a:hover { color: #4ac4f3 !important; }
body.black-overly footer .info-share li a { border: none !important; width: auto; }
body.black-overly footer .iq-footer-box .footer-content  .info-share li i { font-size: 16px; width: auto; }
body.black-overly footer .col-lg-3.col-md-6.col-sm-6.align-self-center { align-self: inherit !important; }
body.black-overly footer .iq-footer-box i { color: #e0e0e0 !important; background: none; border-radius: 0; float: left; display: table-cell; width: 35px; line-height: 45px; font-size: 32px; height: 35px;}
body.black-overly footer .iq-footer-box .footer-content .info-share li a:hover { background: none !important; color: #4ac4f3 !important; }
body.black-overly footer .iq-footer-box .footer-content .info-share li a:hover i { color: #4ac4f3 !important; }
body.black-overly footer input { width: 100%; height: 50px;}
body.black-overly footer input[type="submit"] { width: auto; border: none;  background:#4ac4f3}
body.black-overly footer input[type="submit"]:hover{background: #333333;}
body.black-overly footer .iq-footer-box .footer-content .info-share li { margin-right: 15px; }
body.black-overly footer .site-info { border-color: #666666; float: left; width: 100%; position: relative; clear: both; }
body.black-overly footer .site-info  a { color: #4ac4f3 !important; }
body.black-overly footer .footer-bottom{ border-top: 1px solid rgba(183, 183, 183, 0.1); padding: 15px 0; }
body.black-overly footer .contact-info { padding-top: 0; }
body.black-overly footer .contact-info .widget-area { padding-top: 60px; padding-bottom: 25px; }
body.black-overly footer .contact-info .container .row { clear: both; }
body.black-overly footer #footer-menu {list-style: none; text-align: right; margin-bottom: 0;}
body.black-overly footer #footer-menu li a{text-decoration: none;}
body.black-overly footer .contact-info .widget-area{ border-top: 1px solid rgba(183, 183, 183, 0.1);}
body.black-overly footer #footer-menu li{display: inline-block; margin-right: 10px;}
body.black-overly footer.site-style1 label{color: #ffffff; margin-bottom: 30px;}
body.black-overly footer #footer-menu li:last-child{margin-right: 0px;}


/*---------------------------------------------------------------------
            Contact Us
---------------------------------------------------------------------*/
.heading-left.title::before, .heading-left.title::after { top: 14px; }
.iq-map iframe { border: 0px; width: 100%; height: 350px; }
.iq-get-in { background: #16171d; padding: 45px 30px; position: relative; margin-top: -25%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contact-form input, .contact-form textarea { width: 100%; }
.iq-contact #formmessage { display: none; }
.iq-contact .contact-info { position: relative; padding: 0 30px; }
.iq-contact i { font-size: 20px; }
.iq-contact .left { width: 70px; height: 70px; float: left; margin-right: 10px; text-align: center; transition: all 0.5s ease-in-out; -webkit-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; }
.iq-contact .left i { color: #ffffff; font-size: 50px; display: block; line-height: 60px; transition: all 0.5s ease-in-out; -webkit-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; }
.iq-contact .contact-box .right { display: table-cell; margin-top: 10px; vertical-align: top; }
.iq-contact .contact-box .right p { margin-top: 0px; }
body.black-overly .iq-our-touch { overflow: visible; }
.iq-get-in .contact-info { padding: 0 30px; }
.iq-get-in .contact-info .widget { border: none; padding: 0; }
.iq-get-in .contact-info .widget .footer-title { display: none; }
.iq-get-in .contact-info .footer-content a { color: #e0e0e0; }
.iq-get-in .contact-info .footer-content a:hover { color: #4ac4f3; }
.iq-get-in .contact-info .iq-footer-box .iq-icon i { background: none; color: #e0e0e0 !important; font-size: 50px; }

/*---------------------------------------------------------------------
            Online Marketing
---------------------------------------------------------------------*/
header#main-header.style5 { padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.20); }
header#main-header.style5 .navbar .navbar-brand img { height: 65px; }
header#main-header.style5 .navbar { margin: 0; border: none; padding: 0; padding-left: 0; }
header#main-header.style5 .navbar .navbar-brand { padding: 0; height: auto; }
header#main-header.style5 .navbar .menu { text-align: center; float: none; }
header#main-header.style5 .navbar .menu>li { float: none; display: inline-block; }
header#main-header.style5 .navbar .menu li .sub-menu { padding: 10px 0; top: 99px; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; }
/* header#main-header.style5   .shop_list { display: none; } */
header#main-header.style5 .navbar .menu li .sub-menu li a { padding: 10px 15px; }
header#main-header.style5  .navbar .menu .menu-item a::before { bottom: -40px; }
header#main-header.style5 .navbar .menu li .sub-menu li.menu-item.current-menu-item>a, header#main-header.style5  .navbar .menu .menu-item.current-menu-item .sub-menu li a:hover { color: #2735ff; }
header#main-header.style5.menu-sticky { background: linear-gradient(135deg,rgba(118,109,254,0.99) 0%, rgba(39,53,255,0.97) 100%);}
header#main-header.style5 .navbar .menu .menu-item a { text-transform: uppercase; font-family: 'Muli', sans-serif; }
header#main-header.style5  .button.button-white.pull-right { background: #4ac4f3 ; padding: 8px 15px; color: #ffffff; white-space: nowrap;}
header#main-header.style5  .button.button-white.pull-right:hover { background-position: right center; }
header#main-header.style5.menu-sticky .navbar .menu .menu-item a::before { bottom: -10px; }
header#main-header.style5.menu-sticky .navbar .menu li .sub-menu { top: 75px; }
.button.button-orange { font-family: 'Montserrat' sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; cursor: pointer; padding: 10px 40px; font-weight: 600; font-size: 16px; position: relative; background: #4ac4f3; display: inline-block;  transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; background-size: 200% auto; }
.button.button-orange:hover { background: #333333; }
.orange-color { color: #4ac4f3; }
.text-black { color: #000000; }
.text-gray { color: #7c7c7c; }
.light-black { color: #192130; }
.api-border { border-top: 1px solid #e5e5e5; }
.iq-font-16 { font-size: 16px; line-height: 26px; }
/* .title-box .title { color: #7c7c7c; } */
.title-box .subtitle { color: #000000; }
.text-white .title-box.text-left .title, .text-white .title-box.text-left .subtitle { color: #ffffff; }

/*---------------------------------------------------------------------
3 Our Partner
-----------------------------------------------------------------------*/
.partner-img { width: 90px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.partner-img:hover { -webkit-filter: none; filter: none; cursor: pointer; }
.our-partners .owl-carousel .item { padding: 20px; }

/*---------------------------------------------------------------------
9 our-authorize
-----------------------------------------------------------------------*/
.our-authorize ul li img { width: 50px; }
.our-authorize .authorize-img { width: 524px; height: 524px; content: ""; border-radius: 90%; background: #f1efff; }
.client-box { background: #f5f5f5; padding: 30px 40px; }
.client-box img { width: 80px !important; display: inline-block; margin: 0 auto; }

/*---------------------------------------------------------------------
4 Our Features
-----------------------------------------------------------------------*/
.feature-box { box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1); padding: 30px; }
.feature-box img { margin-bottom: 30px; -moz-transform: translate(3%, 0%); -webkit-transform: translate(3%, 0%); transform: translate(3%, 0%); transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.feature-box img { animation: animate1 8s infinite linear; transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
@keyframes animate1 {
  0% { -moz-transform: translate(3%, 0%); -webkit-transform: translate(3%, 0%); transform: translate(3%, 0%); }
  25% { -moz-transform: translate(0%, 3%); -webkit-transform: translate(0%, 3%); transform: translate(0%, 3%); }
  50% { -moz-transform: translate(3%, 3%); -webkit-transform: translate(3%, 3%); transform: translate(3%, 3%); }
  75% { -moz-transform: translate(0%, 3%); -webkit-transform: translate(0%, 3%); transform: translate(0%, 3%); }
  100% { -moz-transform: translate(3%, 0%); -webkit-transform: translate(3%, 0%); transform: translate(3%, 0%); }
}
.feature-box a { color: #4ac4f3; }
.feature-box a { font-weight: 700; padding-left: 0; }
.feature-box a i { font-family: FontAwesome; }
.feature-box a:hover { padding-left: 10px; }
.our-toolkit #scene .mobile-img { top: -392px !important; }
.our-toolkit { position: relative; overflow: hidden; }
.our-toolkit { width: 100%; content: ""; height: 100%; background: url('../images/others/bg.jpg')no-repeat center top; }
.offer-box a:hover span { color: #4ac4f3; }
.offer-box a:hover { text-decoration: none; }
.offer-box { padding: 30px; border: 1px solid #f1f1f1; -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; }
.offer-box:hover { box-shadow: 7.071px 7.071px 50px 0px rgba(0, 0, 0, 0.1); -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; }
.create-offer { border-radius: 5px; }
.offer-img { top: 210px !important; }
.offer-card { top: 70px !important; right: 0; left: auto !important; }
.our-payment ul li a:hover span { color: #4ac4f3; }
.our-payment { width: 100%; content: ""; height: 100%; background: url('../images/others/bg-two.jpg')no-repeat center center; }
.payment-one { top: 100px !important; left: -30px !important; }
.payment-two { top: 100px !important; left: auto !important; right: 22%; }
.payment-three { top: 250px !important; left: auto !important; right: 26%; }
.payment-four { top: 350px !important; left: -50px !important; }
.payment-five { top: 400px !important; left: auto !important; right: 15%; }
.laptop-img { position: absolute; right: 3%; top: -50px; }
.laptop-img.wpb_single_image img { width: 170%; max-width: 170%; }
.laptop-main { overflow: hidden; }
.api-box .api-img:before { transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; width: 74px; height: 74px; border-radius: 90px; background: #e1e6e8; content: ""; display: inline-block; z-index: 1; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
.api-img { width: 74px; height: 74px; display: inline-block; position: relative; text-align: center; line-height: 74px; }
.api-img img { position: relative; z-index: 1; }
.api-border { border-top: 1px solid #e5e5e5; width: 100%; margin-bottom: 80px; }
.payment-process li:nth-child(2)::before, .payment-process li:nth-child(2)::after { width: 90px; height: 3px; content: ""; top: 15px; left: -79px; background: #000000; display: inline-block; position: absolute; }
.payment-process li:nth-child(2)::after { left: 106px; }
.developer-main  li { float: left; width: 50%; }
.api-box:hover .api-img { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -moz-animation-name: hvr-buzz; -ms-animation-name: hvr-buzz; -o-animation-name: hvr-buzz; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; }
@keyframes hvr-buzz {
  50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); -moz-transform: translateX(3px) rotate(2deg); -ms-transform: translateX(3px) rotate(2deg); -o-transform: translateX(3px) rotate(2deg); }
  100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); -moz-transform: translateX(-3px) rotate(-2deg); -ms-transform: translateX(-3px) rotate(-2deg); -o-transform: translateX(-3px) rotate(-2deg); }
}
@-webkit-keyframes hvr-buzz {
  50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); -moz-transform: translateX(3px) rotate(2deg); -ms-transform: translateX(3px) rotate(2deg); -o-transform: translateX(3px) rotate(2deg); }
  100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); -moz-transform: translateX(-3px) rotate(-2deg); -ms-transform: translateX(-3px) rotate(-2deg); -o-transform: translateX(-3px) rotate(-2deg); }
}
@-moz-keyframes hvr-buzz {
  50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); -moz-transform: translateX(3px) rotate(2deg); -ms-transform: translateX(3px) rotate(2deg); -o-transform: translateX(3px) rotate(2deg); }
  100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); -moz-transform: translateX(-3px) rotate(-2deg); -ms-transform: translateX(-3px) rotate(-2deg); -o-transform: translateX(-3px) rotate(-2deg); }
}
@-o-keyframes hvr-buzz {
  50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); -moz-transform: translateX(3px) rotate(2deg); -ms-transform: translateX(3px) rotate(2deg); -o-transform: translateX(3px) rotate(2deg); }
  100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); -moz-transform: translateX(-3px) rotate(-2deg); -ms-transform: translateX(-3px) rotate(-2deg); -o-transform: translateX(-3px) rotate(-2deg); }
}
.our-authorize .authorize-img { width: 524px; height: 524px; content: ""; border-radius: 90%; background: #f1efff; }
.gray-bg  .feedback .iq-info { background: #ededed; box-shadow: none; }
.gray-bg .feedback .iq-info:before { border-top: 15px solid #ededed; }
.gray-bg .feedback .feedback-details h6 { color: #000000; }
.gray-bg .feedback .feedback-details span { color: #7c7c7c; }
.gray-bg .owl-carousel .owl-dots .owl-dot { background: #c2c2c2 !important; display: inline-block; border-radius: 30px; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid #c2c2c2 !important; 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; }
.gray-bg .owl-carousel .owl-dots .owl-dot:hover, .gray-bg .owl-carousel .owl-dots .owl-dot.active { background: #4ac4f3 !important; border: 1px solid #4ac4f3 !important; }
.gray-bg .owl-carousel .owl-dots { text-align: left; }

/*---------------------------------------------------------------------
6 blog
-----------------------------------------------------------------------*/
.grid figure { position: relative; float: left; overflow: hidden; margin: 0; /* min-width: 565px; max-width: 480px; max-height: 360px; */ background: #000000; cursor: pointer; z-index: 0 }
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 500px; opacity: 0.8; }
.slick-dotted.slick-slider {
    /* margin-bottom: 30px; */
    padding-left: 20%;
}
.grid figure figcaption { padding: 2em; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); opacity: 0.5;}
figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); }
figure.effect-chico figcaption { padding: 30px; }
.blog-comment ul li i { font-family: FontAwesome; }
.blog-comment ul li a { text-decoration: none; }
.slick-btn{padding-left: 10%;}


/* figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); } */
figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-chico a{text-decoration: none;}
figure.effect-chico a h2 { text-align: left; padding: 18% 0 20px 0; font-size: 24px; -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; color: #ffffff; }
figure.effect-chico:hover a h2 { padding: 7% 0 20px 0; -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; margin-bottom: 0; line-height: 34px; }
figure.effect-chico p { text-align: left; max-width: 500px; line-height: 24px; font-size: 14px; }
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; }

.blog-comment { padding: 10px 30px; 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; background: #ebebeb; position: absolute; width: 100%; bottom: 0px; z-index: 2 }
.effect-chico:hover .blog-comment { background: #4ac4f3; 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; }
.effect-chico:hover .blog-comment ul li a { color: #ffffff; }
.slick-prev { width: 45px; height: 45px; display: inline-block !important; line-height: 45px; border-radius: 90px; border: 1px solid #ebebeb; position: absolute; left: -56px; }
.slick-prev:before { content: "\f3d3"; font-family: "Ionicons"; }
.slider { width: 108%; float: left; overflow: hidden; }
.slick-slide { margin: 0px 20px; }
.slick-slide img { width: 100%; }
.slick-prev:before, .slick-next:before { color: #4ac4f3; line-height: 45px; }
.slick-next:before { display: none; }
.slick-dots { display: none; }
.our-blog { overflow: hidden; }

/*---------------------------------------------------------------------
8 Our-Building
-----------------------------------------------------------------------*/
.our-building, .our-building .title-box .title, .our-building .title-box .subtitle { color: #ffffff; }
.our-building ul li a.nav-link { color: #ffffff; padding: 0; }
.our-building ul li a.nav-link:hover, .our-building ul li a.nav-link.active { color: #4ac4f3; }
.our-building ul li a { position: relative; font-size: 24px; font-weight: bold; }
.our-building ul li a::before { width: 0px; height: 3px; display: inline-block; background: #4ac4f3; content: ""; position: absolute; right: 0px; top: 25px; 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; }
.our-building ul li a:hover::before, .our-building ul li a.nav-link.active::before { width: 30px; right: -36px; }
.our-building ul li a.nav-link:hover, .our-building ul li a.nav-link:focus { background: none; }

/*---------------------------------------------------------------------
8 Our-Building
-----------------------------------------------------------------------*/
.iq-pricing-box { padding: 60px 30px; box-shadow: 4.822px 9.887px 39px 0px rgba(0, 0, 0, 0.15); }
.iq-pricing-box:hover { background: #4ac4f3; 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-pricing-box:hover .pricing-detail li i, .iq-pricing-box:hover .pricing-detail li, .iq-pricing-box:hover .pricing-header h2, .iq-pricing-box:hover .pricing-header h3 { color: #ffffff; }
.pay-box { box-shadow: 4.822px 9.887px 39px 0px rgba(0, 0, 0, 0.15); padding: 25px; position: relative; z-index: 3; background: #ffffff; }
.pay-box:before { content: "1"; line-height: 80px; top: 0; font-size: 80px; position: absolute; right: 29px; font-family: Josefin sans-serif; color: rgba(220, 219, 219, 0.8); font-weight: bold; z-index: -1; }
.process-main { z-index: 0; position: relative; }
.fa-2x i { font-size: 1em; vertical-align: top; }
.pay-box-two:before { content: "2" }
.pay-box-three:before { content: "3" }
.pay-box-four:before { content: "4" }
.process-img { position: absolute; top: 65%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); animation: ripple 0.7s linear infinite; border-radius: 100%; background: #f9f9ff; }
.process-img.wpb_single_image .vc_single_image-wrapper.vc_box_circle img { box-shadow: 4.822px 9.887px 30px 0px rgba(0, 0, 0, 0.1); }
@keyframes ripple {
  0% { box-shadow: 0 0 0 0 rgba(249, 249, 255, 1), 0 0 0 1em rgba(249, 249, 255, 1), 0 0 0 3em rgba(249, 249, 255, 1), 0 0 0 5em rgba(249, 249, 255, 1); }
  100% { box-shadow: 0 0 0 1em rgba(249, 249, 255, 1), 0 0 0 3em rgba(249, 249, 255, 1), 0 0 0 5em rgba(249, 249, 255, 1), 0 0 0 10em rgba(249, 249, 255, 0); }
}
.developer-main li { float: left; width: 50%; }
.developer-main .iq-list li i { font-size: 16px; color: #4ac4f3; line-height: inherit; }

/*---------------------------------------------------------------------
7 Breadcrumb
-----------------------------------------------------------------------*/
.breadcrumb-mainstyle3 .container-fluid { padding: 0 100px; }
.breadcrumb-mainstyle3 li{list-style: none;}
.breadcrumb-mainstyle3 { padding: 200px 0 100px; position: relative; }
.breadcrumb-mainstyle3 .breadcrumb-item a, .breadcrumb-mainstyle3 .breadcrumb-item.active, .breadcrumb-mainstyle3 .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; font-size: 20px; text-decoration: none; }
.breadcrumb-mainstyle3 .breadcrumb-item+.breadcrumb-item::before { line-height: 36px; }
.breadcrumb-mainstyle3 .breadcrumb-item a i { margin-right: 6px; font-size: 20px; }
.breadcrumb-mainstyle3 .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-bottom: 0px; float: right; list-style: none; border-radius: .25rem; background: transparent; }
.subscribe-box {  padding: 50px 30px; box-shadow: 0.907px 12.968px 50px 0px rgba(0, 0, 0, 0.15); background: #ffffff; }
.subscribe-box .wpb_wrapper .row .col-lg-7 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
.subscribe-box  .sofbox-subscription input[type=submit] { color: #ffffff; background: #4ac4f3; transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; background-size: 200% auto; }
.subscribe-box  .sofbox-subscription input[type=submit]:hover { background-position: right center; }
.subscribe-box .sofbox-subscription .email-subscribe { padding-left: 0; position: absolute; right: 0; }
.subscribe-box   .sofbox-subscription .newsletter-email { width: 100%; box-shadow: 0px 22px 70px 0px rgba(146, 146, 146, 0.35); height: 48px; line-height: 48px; }
.subscribe-box    .sofbox-subscription .newsletter-email input[type=email], .subscribe-box    .sofbox-subscription .newsletter-email input { height: 48px; line-height: 48px; }
.subscribe-box .wpb_content_element h4 { line-height: 48px; }
footer.footer-style3 { clear: both; color: #ffffff; background: #4ac4f3; padding-top: 130px;  padding-bottom: 0px; }
footer.footer-style3  .col-lg-3.col-md-6.col-sm-6.align-self-center { align-self: inherit !important; }
footer.footer-style3  .widget .footer-title, footer.footer-style3 .widget ul li a { color: #ffffff; }
footer.footer-style3 .widget ul li a { padding-left: 0; }
footer.footer-style3  .widget ul li a:before { display: none; }
footer.footer-style3 .widget ul li a:hover { color: #4ac4f3; padding-left: 10px; }
footer.footer-style3 .site-info a { color: #4ac4f3; text-decoration: none; }
footer.footer-style3 .site-info a:hover { color: #ffffff; }
footer.footer-style3 .site-info { border-top: 0; margin-top: 0; }
footer.footer-style3 .contact-info .container .row { clear: both; }
footer.footer-style3 .contact-info { padding-top: 0; }
footer.footer-style3 .social-icone li{margin-right:10px;}
footer.footer-style3 .social-icone li:last-child{margin-right:0px;}
footer.footer-style3 .social-icone li a i{font-family: FontAwesome; font-style: normal; text-decoration: none;font-size: 18px;}
footer.footer-style3 .social-icone{float: right;}
footer.footer-style3 .social-icone ul{margin-bottom: 0;}
footer.footer-style3{display: inline-block; width: 100%;}
footer.footer-style3 .footer-bottom{padding: 15px 0;}
footer.footer-style3 {margin-top: -60px;}

/*18-5-2019*/
.about-right { padding-right: 80px !important; }
.about-left { padding-left: 80px !important; }
.images { z-index: 1; position: relative; }
.page-builder-round{overflow: hidden;}
.round { height: 550px; width: 550px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0px; z-index: 1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-image: -moz-linear-gradient(28deg, rgb(118, 109, 254) 0%, rgb(39, 55, 255) 100%); background-image: -webkit-linear-gradient(28deg, rgb(118, 109, 254) 0%, rgb(39, 55, 255) 100%); background-image: -ms-linear-gradient(28deg, rgb(118, 109, 254) 0%, rgb(39, 55, 255) 100%); -webkit-animation: rotation 2s infinite linear; }
@-webkit-keyframes rotation {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); }
}
.about-right ul li i { font-size: 30px; color: #000000; margin-right: 10px; vertical-align: middle; }
.about-right ul li a { color: #666666; }
.about-right ul li { display: inline-block; width: 50%; float: left; }


/*---------------------------------------------------------------------
8 Our-Building
-----------------------------------------------------------------------*/
.our-building ul li a.nav-link{color: #ffffff; padding: 0; }
.our-building ul li a.nav-link:hover{color: #4ac4f3;   }
.our-building ul li a{position: relative; font-size: 24px; font-weight: bold;}
.our-building ul li a::before{width: 0px; height: 3px; display: inline-block; background: #4ac4f3; content: ""; position: absolute;     right: 0px;
    top: 23px; 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;}
.our-building ul li a:hover::before{width: 30px; right: -36px;}


footer.footer-style2 { display: inline-block; width: 100%; }
footer.footer-style2 .contact-info { padding-top: 110px; }
footer.footer-style2 #footer-menu { margin-bottom: 0px; list-style: none; text-align: right; }
footer.footer-style2 #footer-menu li { display: inline-block; margin-right: 10px; }
footer.footer-style2 #footer-menu li a { text-decoration: none; }
footer.footer-style2 #footer-menu li:last-child { margin-right: 0; }
footer.footer-style2 .sofbox-subscription .newsletter-email { width: 100%; }
footer.footer-style2 .sofbox-subscription .email-subscribe { padding-left: 0px; }
footer.footer-style2 .footer-bottom { padding: 15px 0; }

/*---------------------------------------------------------------------
page-builder-contact form
-----------------------------------------------------------------------*/
.page-builder-contact .wpb_gmaps_widget .wpb_map_wraper iframe{height: 676px;}
.page-builder-contact .title-box{padding-top: 80px;}

/*---------------------------------------------------------------------
                            Partner
-----------------------------------------------------------------------*/

.iq-partner-info { background: rgba(255, 255, 255, 0.05); margin: 0 15px 100px; }
.iq-partner-info h5 { font-family: 'Muli', sans-serif;font-size: 18px; }
.iq-partner-info .img { padding: 30px; }
.iq-partner-hover .readmore{position: relative; opacity: 1;right: 0;bottom: 0;}
.owl-carousel .owl-item .iq-partner-info img { width: auto; margin: 0 auto; }
.iq-partner-hover { display: none; background: #ffffff; position: absolute; bottom: 15px; left: -100px; float: left; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.iq-partner-hover a.readmore { color: #4ac4f3; font-family: 'Muli', sans-serif; text-transform: uppercase; font-size: 14px; line-height: 16px; padding: 9px 0; font-weight: 800; }
.iq-partner-info:hover { padding-bottom: 100px; margin-bottom: 0; }
.iq-partner-info:hover .iq-partner-hover { display: block; left: 0; margin: 15px 0; }


/*---------------------------------------------------------------------
                           Screenshot Section
-----------------------------------------------------------------------*/
.over-add-on{overflow: visible !important;}
.over-add-on .iq-addons ul{padding: 0; list-style: none;}
.over-add-on #iq-screenshot-carousel { margin-bottom: 100px; }
.over-add-on .iq-uses { padding: 30px; margin-bottom: 30px; text-align: center; transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; display: inline-block;}
.over-add-on .iq-uses:hover { color: #000000; background: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.over-add-on .iq-uses .iq-icon  .hover { display: none; }
.over-add-on .iq-uses:hover  .iq-icon  .hover { display: block; margin: 0 auto; }
.over-add-on .iq-uses:hover  .iq-icon .default { display: none; }
.over-add-on .iq-uses:hover span { color: #000000 !important; font-weight: 800; }

/*----------------------------------------------------------------------
 Owl Carousel
-----------------------------------------------------------------------*/
#iq-screenshot-carousel.owl-carousel .owl-dots { text-align: center; }
#iq-screenshot-carousel.owl-carousel .owl-dots .owl-dot{background: transparent;}
#iq-screenshot-carousel.owl-carousel button.owl-dot { height: 20px; width: 20px; border: 1px solid transparent; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
#iq-screenshot-carousel.owl-carousel button.owl-dot.active { border-color: #ffffff; }
#iq-screenshot-carousel.owl-carousel button.owl-dot span { height: 10px; width: 10px; background: #ffffff; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; display: block; text-align: center; margin: 0 auto; }
.owl-carousel .owl-item img{width: auto;}

/*---------------------------------------------------------------------
                          Pricing Table page builder
-----------------------------------------------------------------------*/
.our-pricing-table { position: relative; z-index: 2; }
.our-pricing-table .title-box { margin-bottom: 45px; }
.our-pricing-table .highlight-table .iq-pricing.iq-pricing1 .price-white{z-index: 2 ;transform: scale(1.1);}
.our-pricing-table .iq-pricing .price-white { margin-bottom: 45px; padding: 45px; background: #ffffff; -webkit-box-shadow: 0px 15px 46px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 15px 46px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 15px 46px 0px rgba(0, 0, 0, 0.15); position: relative; z-index: 1; }
.our-pricing-table .iq-pricing.iq-pricing1 .price-white { z-index: 1; margin-top: 0px;  position: relative; }
.our-pricing-table .iq-pricing.iq-pricing1{border: none;}
.our-pricing-table .iq-pricing  ul { margin: 0 auto; padding: 0 20%; }
.our-pricing-table .iq-pricing  ul li i { margin-right: 15px; }
.our-pricing-table .iq-pricing  ul li:hover { color: #4ac4f3; }
.our-pricing-table .pricing-page { position: relative; }
.our-pricing-table .iq-pricing .price-white:before{background: #ffffff;}
.our-pricing-table .iq-pricing.iq-pricing1 .price-white span{color: #4ac4f3; letter-spacing: normal; font-size: 18px;font-weight: 800; font-family: 'Muli', sans-serif;}
.our-pricing-table .iq-pricing.iq-pricing1 .price-white h2{color: #000000;}
.our-pricing-table .iq-pricing.iq-pricing1 .price-white:after{background: none;}

/*---------------------------------------------------------------------
                       Features page buider
-----------------------------------------------------------------------*/
.iq-features { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding: 30px; }
.iq-features:hover h5 { color: #4ac4f3; }
.iq-features  .icon { width: 100px; height: 100px; margin-right: 30px; line-height: 100px; text-align: center; box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08); }
.iq-features .feature-info { -ms-flex: 1; flex: 1; }
.iq-features.features { padding: 0; }

/*---------------------------------------------------------------------
                         Themes
-----------------------------------------------------------------------*/
.isotope-filters { padding: 20px 0; float: left; width: 100%; display: table; margin: 0 auto 100px; text-align: center; border-bottom: 1px solid #e5e5e5; }
.isotope-filters  button { font-family: 'Montserrat', sans-serif; z-index: 2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; border: none; background: none; margin: 0px 10px; cursor: pointer; padding: 10px 20px; font-size: 16px; color: #868894; font-weight: 500; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.isotope-filters  button.active, .isotope-filters  button:hover { color: #ffffff; background: -moz-linear-gradient(left, #ff9068 1%, #ff9569 49%, #fe9c6a 51%, #fda96c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ff9068 1%, #ff9569 49%, #fe9c6a 51%, #fda96c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ff9068 1%, #ff9569 49%, #fe9c6a 51%, #fda96c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9068', endColorstr='#fda96c', GradientType=1); background-size: 150% auto; }
.isotope-filters  button:focus { outline: none; outline-style: none; outline-offset: 0; }

/* Grid And Masonry */
.isotope.no-padding .iq-grid-item { padding: 0 !important; }
.iq-masonry.no-padding .iq-masonry-item { padding: 0 !important; }
.isotope, .iq-masonry { margin: 0 -15px 0 0; float: left; width: 100%; z-index: 2; }
.isotope .iq-grid-item { padding: 0 15px 30px; }
.isotope .iq-grid-item img, .iq-masonry .iq-masonry-item img { width: 100%; }

/* Grid */
.isotope.iq-columns-1 .iq-grid-item { width: 100%; }
.isotope.iq-columns-2 .iq-grid-item { width: 50%; }
.isotope.iq-columns-3 .iq-grid-item { width: 33.33333333%; }
.isotope.iq-columns-4 .iq-grid-item { width: 25%; }
.isotope.iq-columns-5 .iq-grid-item { width: 20%; }

/* Masonry */
.iq-masonry.iq-columns-2 .iq-masonry-item { width: 50%; padding: 0 15px 15px 0; }
.iq-masonry.iq-columns-3 .iq-masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; }
.iq-masonry.iq-columns-4 .iq-masonry-item { width: 25%; padding: 0 15px 15px 0; }
.iq-masonry.iq-columns-5 .iq-masonry-item { width: 20%; padding: 0 15px 15px 0; }

/* Grid Full Screen */
.isotope.full-grid, .iq-masonry.full-grid { margin: 0 -15px 0 0; }
.isotope.full-grid .iq-grid-item { padding: 0 15px 15px 0; }
@media(max-width:1199px) {
  .isotope.iq-columns-4 .iq-grid-item { width: 33.3% }
  .isotope.iq-columns-5 .iq-grid-item { width: 25%; }
}
@media(max-width:992px) {
  .isotope.iq-columns-4 .iq-grid-item { width: 50%; }
  .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item { width: 50%; }
}
@media(max-width:767px) {
  .isotope.iq-columns-4 .iq-grid-item, .isotope.iq-columns-2 .iq-grid-item, .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item { width: 100% }
}
.theme-blog { box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.1); background: #ffffff; float: left; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 0px; }
.theme-blog .theme-img { overflow: hidden; }
.theme-blog .theme-img img { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px  0 0; width: 100%; overflow: hidden; transition: transform 0.5s; -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; }
.theme-blog .theme-detail { padding: 30px; display: block; float: left; width: 100%; }
.theme-blog .theme-detail  .title-left { float: left; }
.theme-blog .theme-detail  .title-right { float: right; }
.theme-blog .theme-detail  .title-right a#btn-search { height: 40px; width: 40px; background: -moz-linear-gradient(left, #ff9068 1%, #ff9569 49%, #fe9c6a 51%, #fda96c 100%); background: -webkit-linear-gradient(left, #ff9068 1%, #ff9569 49%, #fe9c6a 51%, #fda96c 100%); background: linear-gradient(to right, #ff9068 1%, #ff9569 49%, #fe9c6a 51%, #fda96c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9068', endColorstr='#fda96c', GradientType=1); color: #ffffff; display: block; text-align: center; line-height: 40px; margin: 8px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.theme-blog:hover h5 { color: #ff9068; }
.theme-blog:hover img { transform: scale(1.1); }

/*---------------------------------------------------------------------
                                Breadcrumb
---------------------------------------------------------------------*/
.iq-breadcrumb-mainstyle4 { padding: 200px 0 100px; background:#4ac4f3;  }
.iq-breadcrumb-mainstyle4 .container-fluid {
    padding: 0 100px;
}
.iq-breadcrumb-mainstyle4 nav { display: inline-block; }
.iq-breadcrumb-mainstyle4 .breadcrumb { z-index: 86; text-align: left; position: relative; color: #ffffff; margin-bottom: 0; display: inline-block; width: 100%; background: none; padding: 0 60px 0 20px; vertical-align: middle; line-height: 22px; }
.iq-breadcrumb-mainstyle4 .breadcrumb li { display: inline-block; text-transform: capitalize; }
.iq-breadcrumb-mainstyle4 .breadcrumb li a i { font-size: 18px; margin-right: 6px; }
.iq-breadcrumb-mainstyle4 .breadcrumb li, .iq-breadcrumb-mainstyle4 .breadcrumb li a:hover { color: #ffffff; }
.iq-breadcrumb-mainstyle4 .breadcrumb li a, .iq-breadcrumb-mainstyle4 .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; margin-bottom: 0; text-decoration: none; }

/*---------------------------------------------------------------------
                                Page-buidler subscribe footer style-4
---------------------------------------------------------------------*/
.page-builder-container { padding: 100px 100px !important; }
.over-tesimonial .feedback .iq-info { background: #f4f4f4; box-shadow: none; }
.over-tesimonial .feedback .iq-info:before { border-top: 15px solid #f4f4f4; }
.subscribe-top { padding-bottom: 40px; padding-top: 100px; }
.subscribe-top .newsletter-email { width: auto; float: inherit; width: 400px; }
.subscribe-top .sofbox-subscription .email-subscribe { float: inherit; }
.subscribe-top .sofbox-subscription .email-subscribe { padding-left: 10px; }
.subscribe-top .newsletter-email input,.subscribe-top .email-subscribe input[type=text]{ height: 48px;      height: 48px;
    position: absolute;
    top: 0;
    left: 27%;
    width: 400px;}
.footer-style4  .widget ul li a:before{display: none;}
.footer-style4 .widget ul li a{padding:0;}
.footer-style4 .iq-footer-box .iq-icon i{height: auto; width: auto; background: none; line-height: 40px;}
.footer-style4 { display: inline-block; width: 100%; background: #f4f4f4; }
.footer-style4 .epic_results .errors .error{text-align: center;}
.email-sub .sofbox-subscription .newsletter-email{width: 100%; float: inherit; display: block; }
.email-sub .sofbox-subscription .newsletter-email input[type=text]{margin-bottom: 30px;}
.footer-style4 .sofbox-subscription .email-subscribe{padding:0;}


/*---------------------------------------------------------------------
  Email demo css web
---------------------------------------------------------------------*/

.bg-one{ position: absolute; right: -22%; top: -40%; z-index: -1; -webkit-animation: bounce 5s infinite alternate; overflow: hidden;}
.mobile-hand{margin-top: -100px;}
.bg-two img { position: absolute; left: -22%; top: -40%; z-index: -1; -webkit-animation: bounce 5s infinite alternate;overflow: hidden; }
ul.listing { list-style: none; padding: 0; }
ul.listing li::before { background: #06e24a; height: 13px; width: 13px; content: ""; border-radius: 90px; display: inline-block; line-height: 26px; margin-right: 15px; }

/*---------------------------------------------------------------------
Feature
-----------------------------------------------------------------------*/
.email-web .feature-box { padding: 50px; box-shadow: 1.792px 4.668px 40px 0px rgba(0, 0, 0, 0.1); margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.email-web .feature-box .iq-icon { float: left; display: table-cell; margin-right: 8%; }
.email-web .feature-box:hover .iq-icon { -webkit-animation: headShake 5s infinite alternate; }
.email-web .iq-feature-info { display: table-cell; }
.email-btn { font-family: 'Poppins', sans-serif; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; color: #ffffff; cursor: pointer; padding: 8px 30px; font-weight: 400; font-size: 16px; position: relative; display: inline-block; transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; text-transform: capitalize; background: #06e24a; z-index: 2; position: relative; overflow: hidden; border: 1px solid #06e24a; text-decoration: none;}
.email-btn:hover{    background: #ffffff;
    color: #06e24a;
    border-color: #06e24a;text-decoration: none;}
/*---------------------------------------------------------------------
Testimonial
-----------------------------------------------------------------------*/
.mail-team .testimonial-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 45px; text-align: center; border-bottom: 5px solid #06e24a; background: #f6f6f6; }
.mail-team .testimonial-img { position: relative; margin: 0 auto; text-align: center; margin-bottom: 35px; }
.mail-team .testimonial-img::before { z-index: 2; color: #fff; content: "\f10d"; font-family: "FontAwesome"; font-size: 16px; font-weight: 900; background: #06e24a; border-radius: 90px; padding: 0px 15px; position: absolute; right: 25%; bottom: 0; display: block; }
.mail-team .owl-carousel .owl-item .testimonial-img img { height: 98px; width: 98px; margin: 0 auto; }
.mail-team .testimonial-info p { color: #a2a4ad; }
.text-green{color: #06e24a;}
/*---------------------------------------------------------------------
User
-----------------------------------------------------------------------*/
.users ul li{width: 82px; height: 82px; list-style: none;}
.users ul li:first-child { position: absolute; left: 7%; top: 40%; }
.users ul li:nth-child(2n) { position: absolute; left: 20%; top: 10%; }
.users ul li:nth-child(3n) { position: absolute; left: 20%; top: 45%; }
.users ul li:nth-child(4n) { position: absolute; left: 15%; top: 83%; }
.users ul li:nth-child(5n) { position: absolute; left: 30%; top: 60%; }
.users ul li:last-child { position: absolute; right: 7%; top: 40%; left: auto !important; }
.users ul li:nth-child(6n) { position: absolute; right: 20%; top: 10%; left: auto !important; }
.users ul li:nth-child(7n) { position: absolute; right: 20%; top: 45%; left: auto !important; }
.users ul li:nth-child(8n) { position: absolute; right: 15%; top: 83%; left: auto !important; }
.users ul li:nth-child(9n) { position: absolute; right: 30%; top: 60%; left: auto !important; }

/*---------------------------------------------------------------------
Email subscribe button
-----------------------------------------------------------------------*/
.over-email-subscribe input, .over-email-subscribe input[type=text] { display: inline-block; background: #2e8cdb; border-color: #ffffff; width: 100%; margin-bottom: 0; height: 55px; color: #ffffff; padding: 0 30px; border-radius: 90px; }
.over-email-subscribe .email-subscribe { position: absolute; right: 19%; }
.over-email-subscribe .sofbox-subscription input[type='submit'] {background: #06e24a !important; color: #ffffff;}
.over-email-subscribe .sofbox-subscription input[type='submit']:hover{background: #ffffff !important; color: #06e24a; border-color: #06e24a;}

/*---------------------------------------------------------------------
Email Contact Us
-----------------------------------------------------------------------*/
.email-fancy-box .iq-fancy-no-shadow .iq-icon{float: left; box-shadow: none;}
.email-fancy-box .iq-fancy-no-shadow {padding: 0 0 30px;}
.email-fancy-box .iq-fancy-no-shadow h6{margin: 0 0 10px;}
.email-fancy-box .iq-fancy-no-shadow .iq-icon i { font-size: 40px; line-height: 66px; }
.email-fancy-box .iq-fancy-no-shadow .iq-icon:hover ,.email-fancy-box .iq-fancy-no-shadow:hover .iq-icon{box-shadow: none; -webkit-box-shadow: none !important;}
.email-fancy-box .iq-fancy-no-shadow .fancy-content{display: table-cell;}
.mail-contact-form .contact-form .cfield input[type=submit]{ display: inline-block; background: #06e24a; border-color: #ffffff;  margin-bottom: 0; height: 55px; color: #ffffff; padding: 0 30px; border-radius: 90px;}
.mail-contact-form .contact-form .cfield input[type=submit]:hover{color:#06e24a ; background: #ffffff; border-color:#06e24a;  }
.sofbox-panel,.content-area .site-main{overflow: hidden;}



/*---------------------------------------------------------------------
Features project-managemen Demo
 -----------------------------------------------------------------------*/
.iq-feature-box i.flaticon { color: #fe9e6a; display: block; }
.iq-feature-box .flaticon::before { margin: 0; font-size: 80px; line-height: 80px; }
.iq-feature-box { padding: 45px 15px; text-align: center;    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-feature-box a.readmore { font-size: 18px; font-weight: 800; position: inherit; color:#051441; opacity: 1; text-decoration: none;}
.iq-feature-box a.readmore:hover{color: #ff9068;}
.iq-feature-box:hover { box-shadow: 5.657px 5.657px 38px 2px rgba(0, 0, 0, 0.15); }
.roadmap-img img{box-shadow: -21.941px 20.46px 57px 3px rgba(0, 0, 0, 0.15);}

.project-management-client .owl-carousel{position: absolute;bottom:70px;}
.Finance-textbox ul { padding: 0; margin: 0; padding-left: 20px; }
.Finance-textbox ul li:after { position: absolute; color: #ff9068; content: ""; font-family: "Ionicons"; left: 0; top: -9px; font-size: 30px; font-weight: normal; }
.Finance-textbox ul.listing-mark { padding: 0; margin: 0; }
.Finance-textbox ul.listing-mark li { position: relative; list-style-type: none; padding-left: 40px; margin: 15px 0; color: #1b0e3d; font-weight: 600; font-size: 16px; }
.Finance-textbox ul.listing-mark li:after { content: "\f3fe"; }
.Finance-textbox ul.listing-mark li:hover:after { content: "\f3ff"; }


.project-management, .project-management .title-box .title, .project-management .title-box .subtitle { color: #ffffff; }
.project-management ul li a.nav-link { color: #ffffff; padding: 0; margin-bottom: 5px;}
.project-management ul li a.nav-link:hover, .project-management ul li a.nav-link.active { color: #4ac4f3; }
.project-management ul li a { position: relative; font-size: 24px; }
.project-management ul li a::before { width: 0px; height: 3px; display: inline-block; background: #4ac4f3; content: ""; position: absolute; right: 0px; top: 25px; 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; }
.project-management ul li a:hover::before, .project-management ul li a.nav-link.active::before { width: 30px; right: -36px; }
.project-management ul li a.nav-link:hover, .project-management ul li a.nav-link:focus { background: none; }
.project-management .tab-content>.active .tab-text{font-size: 40px; font-weight: bold;}

/*---------------------------------------------------------------------
                         Pricing Table
-----------------------------------------------------------------------*/
.project-pricing .iq-pricing-table { /* margin-top: -500px; */ position: relative; z-index: 2; }
.project-pricing .iq-pricing-table .title-box { margin-bottom: 45px; }
.project-pricing .price-title { margin-bottom: 45px; padding: 45px; background: #ffffff; -webkit-box-shadow: 0px 15px 46px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 15px 46px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 15px 46px 0px rgba(0, 0, 0, 0.15); position: relative; z-index: 1; }
.project-pricing .iq-pricing1 .price-title { z-index: 2; margin-top: 0px; transform: scale(1.1); position: relative; }
.project-pricing .iq-pricing  ul { margin: 0 auto; padding: 0 20%; }
.project-pricing .iq-pricing  ul li i { margin-right: 15px; }
.project-pricing .iq-pricing  ul li:hover { color: #ff9068; }
.project-pricing .pricing-page { position: relative; }
.project-pricing .pricing-page::before { content: ""; height: 45%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/bg/02.png") no-repeat 0 0; background-size: 100% 100%; }
.project-pricing .iq-pricing-box { background: #ffffff; text-align: center; padding: 50px 30px;    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; box-shadow: none; }
.project-pricing .pricing-title .big-title { font-size: 48px; color: #051441; font-weight: 700; margin:20px 0;}
.project-pricing .pricing-title .big-title small { font-size: 18px; font-weight: 600; }
.project-pricing .pricing-title h6 { color: #051441; }
.project-pricing .iq-pricing-box .details { padding: 0; margin: 30px 0; list-style: none;}
.project-pricing .iq-pricing-box .details li { font-weight: 400; font-size: 18px; line-height: 50px; }
.project-pricing .iq-pricing-box:hover { box-shadow: 0px 0px 14.4px 0.6px rgba(0, 0, 0, 0.11); }

/*---------------------------------------------------------------------
                       Support Page
-----------------------------------------------------------------------*/
.iq-management-box { padding: 30px; border: 1px solid #dcddde; float: left; margin-bottom: 30px; 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-management-box a { text-decoration: none; }
.iq-management-box .iq-icon { width: 15%; float: left; margin-right: 5%; }
.iq-management-box .iq-management-info { width: 80%; float: left; }
.iq-management-box:hover { box-shadow: 4.822px 9.887px 39px 0px rgba(0, 0, 0, 0.15); }
.iq-management-box a.text-orange.readmore:hover { color: #000000; }
.iq-management-box .iq-icon i{color: #ff9068;}

.our-project-clients .iq-client-info{ background: #f6f6f6; padding: 30px; }
.our-project-clients  h5.text-white{color: #000000 !important; }
.project-client .owl-carousel .owl-item img{width: auto; margin-bottom: 0 !important;}

/*---------------------------------------------------------------------
                         Breadcrumb
-----------------------------------------------------------------------*/
.iq-breadcrumb.style-5 { background:#4ac4f3; padding: 200px 0 100px; background-size: cover; }
.iq-breadcrumb.style-5 .breadcrumb { display: inline-block; text-align: center; background: none; box-shadow: none;}
.iq-breadcrumb.style-5 .breadcrumb li { display: inline-block; }
.iq-breadcrumb.style-5 .breadcrumb li a,.iq-breadcrumb.style-5 .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; }
.iq-breadcrumb.style-5 .breadcrumb li.active a,.iq-breadcrumb.style-5 .breadcrumb-item.active { color: #000000; }
.iq-breadcrumb.style-5 .breadcrumb li a:hover { color: #ff9068; }

/*---------------------------------------------------------------------
                         Software
-----------------------------------------------------------------------*/
.iq-software { overflow: hidden; }
.circle-ripple { top: 170px; background-color: #e4e2f3; width: 15em; border-radius: 50%; animation: ripple 0.7s linear infinite; margin: 0 auto; position: absolute; height: 15em; left: 0; right: 0; }
@keyframes ripple {
  0% { box-shadow: 0 0 0 0 rgba(228, 226, 243, 1), 0 0 0 1em rgba(228, 226, 243, 1), 0 0 0 3em rgba(228, 226, 243, 1), 0 0 0 5em rgba(228, 226, 243, 1); }
  100% { box-shadow: 0 0 0 1em rgba(228, 226, 243, 1), 0 0 0 3em rgba(228, 226, 243, 1), 0 0 0 5em rgba(228, 226, 243, 1), 0 0 0 10em rgba(228, 226, 243, 0); }
}
.iq-software{position: relative;}
.iq-software ul { list-style: none; position: relative; margin-top: 130px; }
.iq-software ul li { border: 1px solid #fff; border-radius: 52px; height: 78px; width: 78px; line-height: 78px; text-align: center; background: #fff; box-shadow: 0px 0px 13px -2px rgba(225, 222, 238, 5); }
.iq-software ul li img { height: 55px; width: 50px; }
.iq-software ul li:nth-child(1) { position: absolute; right: 47%; top: -162px; z-index: 1; left: auto;}
.iq-software ul li:nth-child(2) { position: absolute; right: 30%; top: -86px; z-index: 1; left: auto;}
.iq-software ul li:nth-child(3) { position: absolute; right: 22%; top: 25px; z-index: 1;left: auto; }
.iq-software ul li:nth-child(4) { position: absolute; top: -80px; left: 30%; z-index: 1; right: auto;}
.iq-software ul li:nth-child(5) { position: absolute; z-index: 1; top: -22px; left: 46%; right: auto; }
.iq-software ul li:nth-child(6) { position: absolute; top: 25px; left: 22%; z-index: 1;  right: auto;}
@-webkit-keyframes heartbeat {
  from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
  10% { -webkit-transform: scale(.91); transform: scale(.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  17% { -webkit-transform: scale(.98); transform: scale(.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
  33% { -webkit-transform: scale(.87); transform: scale(.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
}
@keyframes heartbeat {
  from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
  10% { -webkit-transform: scale(.91); transform: scale(.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  17% { -webkit-transform: scale(.98); transform: scale(.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
  33% { -webkit-transform: scale(.87); transform: scale(.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
}
.iq-compilation { -webkit-animation: heartbeat 3s ease-in-out infinite both; animation: heartbeat 3s ease-in-out infinite both }

/*---------------------------------------------------------------------
                     Saas  fancy box
-----------------------------------------------------------------------*/
.title-fancy { margin-bottom: 100px; }
.title-fancy h2 { margin-bottom: 25px; }
.saas-feature .iq-feature-box { padding: 30px 25px; text-align: left; }
.saas-feature .iq-feature-box h4 { font-size: 24px; }
.saas-feature .iq-feature-box a.readmore:hover { padding-left: 10px; }
.saas-feature .iq-feature-box a.readmore { position: relative; padding-right: 36px; display: inline-block; font-weight: bold; font-size: 14px; transform: inherit; right: 0; bottom: 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; }
.saas-feature .iq-feature-box a.readmore:before { content: ""; position: absolute; right: 0; content: "\f3d6"; font-family: "Ionicons"; font-size: 20px; }
.our-team-saas .unique-class { margin-bottom: 100px; }
/*---------------------------------------------------------------------
                     Saas Tab
-----------------------------------------------------------------------*/
.saas-tab #pills-tab li a{padding: 0px;}
.saas-img-tab img{max-width: 150%;}
.saas-works-box:hover .step, .saas-tab .nav-link.show.active .saas-works-box .step{ color: #fabb6e; background: #ffffff;}
.saas-works-box p{color: #868894;display: table-cell;}
.saas-works-box .icon-bg i{color: #868894;}
.saas-works-box:hover .icon-bg i ,.saas-tab .nav-link.show.active .saas-works-box .icon-bg i{color: #ffffff; font-weight: normal;}
.saas-works-box { padding: 30px; 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;  position: relative;}
.saas-works-box .step { background: #fabb6e; border-radius: 100px; border: 1px solid #f7f7f7; color: #ffffff; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; z-index: 1; bottom: 0; right: 0; }
.saas-works-box:hover  .icon-bg ,.saas-tab .nav-link.show.active .saas-works-box  .icon-bg { background: #fabb6e; color: #ffffff; }
.saas-works-box:hover .step,.saas-tab .nav-link.show.active .saas-works-box .step{ background: #f4f4f4 }
.saas-works-box .icon-bg { position: relative; height: 100px; width: 100px; border-radius: 100px; text-align: center; float: left; margin-right: 34px; 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; }
.saas-works-box .icon-bg i { text-align: center; line-height: 100px; font-size: 30px; }
.title-saas { width: 100px; height: 3px; background: #ffffff; color: #666666; margin-bottom: 30px; font-weight: 800; text-transform: uppercase; position: relative; display: inline-block; padding-left: 20px; padding-right: 60px; }
.saas-tab #pills-tab li:before{ content: ""; width: 1px; height: 87px; position: absolute; bottom: -30px; left: 79px; display: inline-block; background: #bfd9fa; }
.saas-tab #pills-tab li{position: relative;}
.saas-tab #pills-tab li:last-child::before{display: none;}
/*---------------------------------------------------------------------
                     Saas Title
-----------------------------------------------------------------------*/
.title-saas { position: relative; background:  #fabb6e; height: 3px; width: 50px; }
.title-saas::after, .title-saas::before { content: ""; position: absolute; background: #ffffff; width: 20%; height: 3px; left: 0; z-index: 1; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: MOVE-BG; animation-name: MOVE-BG; }
@-webkit-keyframes MOVE-BG {
  from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(60px); transform: translateX(60px); }
}
@keyframes MOVE-BG {
  from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(60px); transform: translateX(60px); }
}

/*---------------------------------------------------------------------
                     CIRCLE PROGRESS BAR
-----------------------------------------------------------------------*/
.progressbar { display: inline-block; width:100%; }
.circle { width: 100%; margin: 0 auto; margin-top: 10px; display: inline-block; position: relative; text-align: center; }
.circle canvas { vertical-align: middle; }
.circle div { position: absolute; top: 50px; left: 0; width: 100%; text-align: center; line-height: 80px; font-size: 32px; color: #ffffff; font-weight: 900; }
.circle strong i { font-style: normal; font-size: 0.6em; font-weight: normal; }
.circle span { display: block; color: #aaa; margin-top: 12px; }
.circle p{color: #ffffff; font-weight: 600; font-size: 24px;}
.counter-title .title-saas::after, .title-saas::before{background: #a96ae5;}
.counter-title .title-fancy h2{color: #ffffff;}
.counter-title .title-fancy{margin-bottom: 15px;}

/*---------------------------------------------------------------------
                     saas Team
-----------------------------------------------------------------------*/
.saas-variations-bg{overflow: visible !important;}
.saas-team .saas-team-details h4{font-size: 24px;}
.saas-team .saas-team-img{ position: relative;  margin-bottom: 26px;}
.saas-team .saas-team-img:hover .social-icon li{opacity: 1; display: inline-block;-webkit-transform: translateY(0) rotate(360deg);
    transform: translateY(0) rotate(360deg);  }
.saas-team .saas-team-img img { border-radius: 90px; width:215px; height: 215px; margin: 0 auto;}
.saas-team .saas-team-img .social-icon { list-style: none; padding: 0; }
.saas-team .saas-team-img .social-icon li { 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;}
.saas-team .saas-team-img .social-icon li:nth-child(1){    position: absolute;
    bottom: 5%;
    left: 14%; -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;}
.saas-team .saas-team-img .social-icon li:nth-child(2){ position: absolute;
    bottom: -6%;
    left: 42%; -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;}
.saas-team .saas-team-img .social-icon li:nth-child(3){
        position: absolute;
    right: 14%;
    bottom:5%;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.saas-team .saas-team-img .social-icon li:nth-child(4){
  position: absolute;
    right: 4%;
    bottom: 38%;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.saas-team .saas-team-img .social-icon li a i { line-height: 40px; }
.saas-team .saas-team-img .social-icon li a { width: 40px; height: 40px; background: rgba(250, 205, 126, 1); background: -moz-linear-gradient(left, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250, 205, 126, 1)), color-stop(100%, rgba(237, 113, 82, 1))); background: -webkit-linear-gradient(left, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); background: -o-linear-gradient(left, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); background: -ms-linear-gradient(left, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); background: linear-gradient(to right, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#facd7e', endColorstr='#ed7152', GradientType=1)    border-radius:90px; text-align: center; display: inline-block; color: #ffffff; border-radius: 90px;}

.saas-variations-bg{position: relative;}
.saas-variations-bg:after ,.saas-variations-bg:before{position: absolute; width: 100%; height: 165px; display: inline-block !important;right: 0; left: 0 ;contain: "";}
.saas-variations-bg:after{ background: url('../../images/saas-bg-two.png'); top: -3px;}
.saas-variations-bg:before{background: url('../../images/saas-bg-one.png');bottom: -3px;  z-index: 1;}

/*---------------------------------------------------------------------
                     saas Pricing
-----------------------------------------------------------------------*/
.project-pricing.saas-pricing .iq-pricing-box{border: 1px solid rgba(169, 202, 251, 0.3);}
.project-pricing.saas-pricing .iq-pricing-box:hover{box-shadow: 0px 22px 27px 0px rgba(0, 0, 0, 0.1);}
.project-pricing.saas-pricing .iq-pricing-box:hover .button{background-position: right center !important;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;}

/* .project-pricing.saas-pricing .saas-main-pricing .iq-pricing-box{ box-shadow: 0px 22px 27px 0px rgba(0, 0, 0, 0.1);} */

/*---------------------------------------------------------------------
                     saas blog
-----------------------------------------------------------------------*/
.our-saas-blog .owl-carousel .owl-nav{width: auto; left: -43%; top: 63%;}
.our-saas-blog .owl-carousel .owl-nav  i{background:none; color: #666666; font-family: "Ionicons";  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;}
.our-saas-blog .owl-carousel .owl-nav .owl-prev i:before{content: "\f3d6";}
.our-saas-blog .owl-carousel .owl-nav .owl-next i:before{content: "\f3d5";}
.our-saas-blog .owl-carousel .owl-nav i:hover {
    font-size: 30px;
    color: #2743bc;
}
.saas-blog .saas-blog-details a{text-decoration: none;}
.saas-blog .saas-blog-details{padding:15px; }
.saas-blog .saas-blog-details h4{font-size: 24px; text-decoration: none;}
.saas-blog{box-shadow: 0px -1px 11px 0px rgba(0, 0, 0, 0.1);}
.saas-blog .saas-date{padding-top:15px; border-top: 1px solid #e7e7e7;}
.saas-blog .saas-date ul{margin:0;}
.our-saas-blog  .owl-carousel .item{ margin: 0 11px 50px;}
.saas-blog .saas-date li a{text-decoration: none;position: relative; font-weight: 400;}
.saas-blog .saas-date li:last-child a{padding-right: 25px;}
.saas-blog .saas-date li:last-child a:before{text-decoration: none; font-family: "Ionicons"; content: "\f3d6"; right: 0; position: absolute;     font-size: 24px;
    line-height: 32px;}
.saas-blog .saas-date li:last-child{float: right;}
.saas-blog .saas-date li:first-child{float: left;}

.world-map{ left: 0; width: 100%;height: 100%;  background: url('../../images/map.png') no-repeat 0 0; background-size: cover; display: inline-block; }
.subscribe-saas-box{     padding: 50px 30px;
    box-shadow: 0.907px 12.968px 50px 0 rgba(0,0,0,.15);
    background: #fff; }
.subscribe-saas-box  .sofbox-subscription input[type=submit]{color: #ffffff;}
.footer-saas{position: relative;}
.footer-saas:before{ content: "" !important; left: 0; width: 100%;height: 100%;background-size: 100% !important;  background: url('../../images/footer-saas.png') no-repeat 0 0; background-size: cover; display: inline-block; }


/*---------------------------------------------------------------------
13 Coming Soon
---------------------------------------------------------------------*/
.coming-height { height: 800px; vertical-align: middle;}
.iq-coming-crypto .countdown-timer {  margin-bottom: 20px; max-width: 300px; margin: 50px auto; border-bottom-left-radius: 15px; }
.iq-coming-crypto .countdown-timer h5 { font-size: 14px; letter-spacing: 0.5px; text-align: center; padding-top: 10px; text-shadow: none; }
.iq-coming-crypto .countdown-timer .timer { padding: 10px; text-align: center; padding-top: 15px; }
.iq-coming-crypto .countdown-timer .timer .timer-wrapper { display: inline-block; width: 200px; height: 50px; }
.iq-coming-crypto .countdown-timer .timer .timer-wrapper .time { font-size: 80px; font-weight: bold; color: #33333; margin: 0 50px; float: left; }
.iq-coming-crypto .countdown-timer .timer .timer-wrapper .text { font-size: 20px; }
.iq-coming-crypto #countdown { list-style: none; margin: 20px 0 30px 0; padding-bottom:30px; text-align: center; display: inline-block;  border: 1px solid #b48de8; border-radius: 6px;padding-top: 10px; padding-left: 30px; padding-right: 30px;}
.iq-coming-crypto #countdown li { display: inline-block; margin: 0 20px;}
.iq-coming-crypto #countdown li span {font-size: 36px;font-weight: 800;line-height: 80px;color: #ffffff;position: relative;}
.iq-coming-crypto #countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin: 16px 0px; color: #ffffff; }
.iq-coming-crypto #countdown li h6 { color: #ffffff; font-size: 20px; padding-right: 30px; }
.iq-coming-crypto .particles-bg { position: relative; overflow: hidden; }
.iq-coming-crypto .particles-bg #canvas { position: absolute; display: block; color: rgba(255, 255, 255.0.9); }
.iq-coming-crypto #countdown li p { font-size: 16px; font-weight: 600; line-height: 24px; color: #ffffff; }
.iq-coming-crypto #countdown li span:after { position: absolute; right: -30px; top: 0; content: ":"; font-size: 50px; color: #ffffff; line-height: 50px; }
.iq-coming-crypto #countdown li:last-child  span:after { content: none; }


/*---------------------------------------------------------------------
crypto-box Demo
---------------------------------------------------------------------*/
.crypto-box .iq-feature-box:hover img{-webkit-animation: bounce 2s infinite alternate;}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}
.crypto-box .iq-feature-box:hover{box-shadow: none; }
.crypto-box .iq-feature-box a.readmore:hover { padding-left: 10px; }
.crypto-box .iq-feature-box a.readmore { position: relative; padding-right: 36px; display: inline-block; transform: inherit; right: 0; bottom: 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; }
.crypto-box .iq-feature-box,.crypto-box .iq-feature-box h4,.crypto-box .iq-feature-box p ,.crypto-box .iq-feature-box a{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; position: relative;}
.crypto-box .iq-feature-box:before{z-index: -1; content: ""; background: url('../../images/hover.jpg') no-repeat 0 0; 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; top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    left: 0;
    position: absolute; border-radius:10px; border-radius: 10px;}
    .crypto-box .iq-feature-box:hover:before{opacity: 1;  -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.crypto-box .iq-feature-box a.readmore:before { content: ""; position: absolute; right: 0; content: "\f10b"; font-family: "Ionicons"; font-size: 20px; }
.crypto-box .iq-feature-box:hover h4,.crypto-box .iq-feature-box:hover p ,.crypto-box .iq-feature-box:hover a{color: #ffffff;}
.crypto-client{padding:0 150px !important;}

.polygon { position: relative; }
.polygon .step { width: 28px; height: 32px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background: rgba(250, 205, 126, 1); background: -moz-linear-gradient(left, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250, 205, 126, 1)), color-stop(100%, rgba(237, 113, 82, 1))); background: -webkit-linear-gradient(left, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); background: -o-linear-gradient(left, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); background: -ms-linear-gradient(left, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); background: linear-gradient(to right, rgba(250, 205, 126, 1) 0%, rgba(237, 113, 82, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#facd7e', endColorstr='#ed7152', GradientType=1); text-align: center; z-index: 9; }
.polygon:before { content: ""; bottom: -11px; left: -11px; height: 55px; width:55px; background: url('../../images/angle.png') no-repeat 0 0; display: inline-block; position: absolute;  }
.polygon .step h6 { line-height: 34px; color: #ffffff; }
.about-crypto{padding: 80px 38px !important;}
.crypto-title h2,.crypto-title p{color: #ffffff;}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(180deg);
    }
}

.crypto-shap{position: relative; }
.crypto-shap:before { position: absolute; width: 100%; height: 154px;z-index: 1; display: inline-block !important; right: 0; left: 0;bottom: -3px;  background: url('../../images/crypto-shap.png') no-repeat 0 0; }
.crypto-feature .saas-works-box{position: relative;border-radius:10px; border:1px solid #ececec; margin-bottom: 30px;}
.crypto-feature .saas-works-box:hover .icon-bg{background: none;}
.crypto-feature .saas-works-box:hover .icon-bg img{-webkit-animation: bounce 2s infinite alternate;}
.crypto-feature .saas-works-box:hover:before{opacity: 1;  -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.crypto-feature .saas-works-box:before{content: ""; background: url('../../images/hover.jpg') no-repeat 0 0; 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; top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    left: 0;
    position: absolute; border-radius:10px; }


          @-webkit-keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
.crypto-feature .saas-works-box .step{display: none}
.crypto-feature .saas-works-box:hover h6, .crypto-feature .saas-works-box:hover p{color: #ffffff; position: relative;}
.crypto-feature .saas-works-box{background: #ffffff; 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;border-radius: 10px;}


.Roadmap{position: relative; padding: 200px 0 !important;}
.Roadmap:before{position: absolute; width: 100%; height: 154px;z-index: 1; display: inline-block !important; right: 0; left: 0;bottom: -3px;  background: url('../../images/crypto-shap4.png') no-repeat 0 0; }
.Roadmap:after{position: absolute; width: 100%; height: 154px;z-index: 1; display: inline-block !important; right: 0; left: 0;top: -3px;  background: url('../../images/crypto-shap3.png') no-repeat 0 0; }


/*---------------------------------------------------------------------
crypto Line animation
---------------------------------------------------------------------*/
.main-loader.first { top: 34%; left: 48%; }
.main-loader.second { top: 69%; left: 48%; }
.main-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.dot-loader { height: 2px; width: 2px; border-radius: 50%; background-color: #ffffff; position: relative; animation: animate 1.6s ease-in-out infinite; margin: 20px; }
.dot-loader:nth-child(1) { animation-delay: -1.4s; height: 2px; width: 2px; margin: 20px; }
.dot-loader:nth-child(2) { animation-delay: -1.2s; height: 2px; width: 2px; margin: 20px; }
.dot-loader:nth-child(3) { animation-delay: -1s; height: 4px; width: 4px; margin: 20px; }
.dot-loader:nth-child(4) { animation-delay: -0.8s; height: 6px; width: 6px; margin: 20px; }
.dot-loader:nth-child(5) { animation-delay: -0.6s; height: 7px; width: 7px; margin: 20px; }
.dot-loader:nth-child(6) { animation-delay: -0.4s; height: 8px; width: 8px; margin: 20px; }
.dot-loader:nth-child(7) { animation-delay: -0.2s; height: 12px; width: 12px; margin: 18px; }
.dot-loader:nth-child(8) { height: 8px; width: 8px; margin: 20px; animation-delay: -1.4s; }
.dot-loader:nth-child(9) { height: 7px; width: 7px; margin: 20px; animation-delay: -1.2s; }
.dot-loader:nth-child(10) { height: 6px; width: 6px; margin: 20px; animation-delay: -1s; }
.dot-loader:nth-child(11) { height: 4px; width: 4px; margin: 20px; animation-delay: -0.8s; }
.dot-loader:nth-child(12) { height: 2px; width: 2px; margin: 20px; animation-delay: -0.6s; }
.dot-loader:nth-child(13) { margin: 20px; height: 2px; width: 2px; animation-delay: -0.4s; }
@keyframes animate {
  0%, 40%, 100% { transform: scale(0.2); }
  20% { transform: scale(1); }
}

/*---------------------------------------------------------------------
crypto subscribe-box
---------------------------------------------------------------------*/
.crypto-subscribe .title-fancy h2{color: #ffffff; }
.crypto-subscribe{padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}


.crypto-chart .vc_round-chart-canvas{width: 250px !important; height: 250px !important;}
.crypto-chart .vc_chart .vc_chart-with-legend{width: 40% !important;}


.cryptonatorwidget{ box-shadow: 0px 10px 46.5px 3.5px rgba(0, 0, 0, 0.1); border: none !important;padding: 35px !important;}
.cryptonatorwidget div{display: none !important;}
.cryptonatorwidget table{margin-bottom: 0px !important;}
.cryptonatorwidget select:focus{outline: none !important;}
.cryptonatorwidget td input{
  height: 60px !important;
  border: none !important;

    border-top: 1px solid #ececec !important;
    border-radius:0px;
    float: left;
    width: 80% !important;
    background: transparent;
}
.cryptonatorwidget select{height: 60px !important;
  border: none !important;
  border-top: 1px solid #ececec !important;

    border-radius:0px;
    float: right;
    width: 80% !important;
    background: transparent;
}
.cryptonatorwidget  table:before{content: ""; background: url('../../images/refresh.png') no-repeat 0 0; background-position: 45% 25%; position: absolute;
    width: 67px;
    height: 67px; top: 34%; left: 44%; -webkit-animation: spinAround 10s infinite linear;}
.cryptonatorwidget  table td ,.cryptonatorwidget  table{border: none !important;}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.cryptonatorwidget table:before