/*

Template: Appino - Responsive App Landing Page
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/

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

1. General
2. Clearing floats
3. Back to Top
4. Loader
5. WordPress Core
6. Background Overlay Color
7. Buttons
8. Section Title
9. Header
10. Navigation
11. Banner
12. Feature
13. About us
14. The Appino Great Feature
15. Special Features
16. App Screenshots
17. TESTIMONIAL
18. TEAM
19. Counter
20. Asked Questions
21. Price Table
22. Our clients
23. Subscribe Our Newsletter
24. Our Info
25. Map
26. Get in Touch
27. Footer Fancy Box
28. Footer
29. OWL Carousel
30. Breadcrumb Inner Page
31. Blog - SideBar
32. Latest Blog Post
33. Blog Page Comments
34. 404 Page

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

/*---------------------------------------------------------------------
                               General
-----------------------------------------------------------------------*/
*::-moz-selection { background: #fc7732; color: #fff; text-shadow: none; }
::-moz-selection { background: #fc7732; color: #fff; text-shadow: none; }
::selection { background: #fc7732; color: #fff; text-shadow: none; }
body { font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 1em; line-height: 2; color: #3d4b51; 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: #3d4b51; }
a:focus { text-decoration: none !important; }
a, .button, input { outline: medium none !important; color: #fc7732; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: normal; color: #3d4b51; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 1.5em; font-weight: 600; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 3.052em; }
h2 { font-size: 2.441em; }
h3 { font-size: 1.953em; }
h4 { font-size: 1.563em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1em; }
.lead { font-size: 16px; line-height: 1.5em; margin: 0; }
.container { max-width: 1170px; }

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

/* Lists (Nested) */
ol, ul { padding-left: 25px; margin-bottom: 1em; }
ol li { list-style: decimal; }
ol ol { padding-left: 25px; }
ul li { list-style: inherit; }

/* Definition Lists */
dl dd { margin-bottom: 15px; }
dl dd:last-child { margin-bottom: 0px; }

/* Table */
table { border: 1px solid #eaeaea; width: 100%; margin-bottom: 20px; }
table td, table th { border: 1px solid #eaeaea; padding: 5px 8px; }

/* Form */
label { color: #3d4b51; 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: 48px; line-height: 48px; background: #eeeeee; border: 1px solid #eeeeee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #3d4b51; 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 #3d4b51; background: #eeeeee; line-height: 48px; height: 48px; padding: 0 10px; width: 100%; color: #3d4b51; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
textarea { padding: 0 15px; height: 150px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus { border-color: #fc7732; 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: 600; font-size: 15px; line-height: 28px; border: none; position: relative; background-image: linear-gradient(to right, #fc7732 0%, #d2820a 51%, #fc7732 100%); background-size: 200% auto; font-family: 'Open Sans', sans-serif; display: inline-block; width: auto; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; 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-position: right center; outline: none; }
.error { color: #ff0000 !important; }
div.wpcf7-response-output { display: none; }
.wpcf7-form .cfield .wpcf7-not-valid { border: 1px solid #f00; }
.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; overflow: inherit; }
.site-content { display: inline-block; width: 100%; float: left; }
.no-padding { padding: 0px !important; }
.no-margin, .no-margin .wpb_content_element { margin: 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, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner { padding-top: 0 !important; }
.vc_parallax { overflow: hidden !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: #3d4b51; position: fixed; bottom: 25px; right: 25px; z-index: 999; font-size: 26px; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 90px; -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: #fc7732; 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: #ffffff; height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
.boxLoading { width: 50px; height: 50px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.boxLoading:before { content: ''; width: 50px; height: 5px; background: #000; opacity: 0.1; position: absolute; top: 59px; left: 0; border-radius: 50%; animation: shadow .5s linear infinite; }
.boxLoading:after { content: ''; width: 50px; height: 50px; background: #fc7732; animation: animate .5s linear infinite; position: absolute; top: 0; left: 0; border-radius: 3px; }
@keyframes animate {
	17% { border-bottom-right-radius: 3px; }
	25% { transform: translateY(9px) rotate(22.5deg); }
	50% { transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 40px; }
	75% { transform: translateY(9px) rotate(67.5deg); }
	100% { transform: translateY(0) rotate(90deg); }
}
@keyframes shadow {
	0%, 100% { transform: scale(1, 1); }
	50% { transform: scale(1.2, 1); }
}
#loading #loading-center { margin: 0 auto; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
#loading #loading-center img {position: absolute; margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;}
.loader02 { width: 56px; height: 56px; border: 8px solid rgba(252, 119, 50, 0.4); border-top-color: #d2820a; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; top: 50%; margin: -28px auto 0; }
@keyframes loader-rotate {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}

/*---------------------------------------------------------------------
                            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 #eeeeee; max-width: 96%; padding: 5px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 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: #eeeeee; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/*---------------------------------------------------------------------
                           Background Overlay Color
-----------------------------------------------------------------------*/
.iq-background-overlay { background-repeat: repeat; display: block; height: 100%; left: 0; position: absolute !important; top: 0; width: 100%; z-index: 1; background: rgba(252, 119, 50, 0.9); background: -moz-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: linear-gradient(to bottom, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); }
.iq-background-overlay.overlay1 { background-repeat: repeat; display: block; height: 100%; left: 0; position: absolute !important; top: 0; width: 100%; background: rgba(252, 119, 50, 0.9); background: -moz-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: url('../images/shape/demo.png') no-repeat 0 bottom, linear-gradient(to bottom, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); }
.iq-background-overlay.overlay2 { background-repeat: repeat; display: block; height: 100%; left: 0; position: absolute !important; top: 0; width: 100%; background: rgba(252, 119, 50, 0.9); background: -moz-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: url('../images/shape/demo2.svg') no-repeat 0 bottom, linear-gradient(to bottom, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); background-size: 100%; background-position: bottom right; }
.iq-background-overlay.overlay3 { background-repeat: repeat; display: block; height: 100%; left: 0; position: absolute !important; top: 0; width: 100%; background: rgba(252, 119, 50, 0.9); background: -moz-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: url('../images/shape/demo3.png') no-repeat 0 bottom, linear-gradient(to bottom, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); }

/*----------------------------------------------------------------------
                        Buttons
-----------------------------------------------------------------------*/
.button { color: #fff; padding: 10px 35px; font-weight: 600; border: none; position: relative; font-family: 'Open Sans', sans-serif; display: inline-block; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; background-image: linear-gradient(to right, #fc7732 0%, #d2820a 51%, #fc7732 100%); background-size: 200% auto; }
.button:hover, .button:focus { text-decoration: none; color: #ffffff; background-position: right center; }

/* button White */
.button.bt-white { background: #fff; color: #3d4b51; box-shadow: none; }
.button.bt-white:hover, .button.bt-white:focus { background: #3d4b51; color: #fff; }

/* button White Icon */
.button.button-icon { line-height: 34px; border: 2px solid #fff; background: transparent; padding: 8px 35px; margin: 0px 20px 0 0; }
.button.button-icon:hover { color: #fc7732; border: 2px solid #fff; background: #fff; }
.button.button-icon i { font-size: 32px; display: inline-block; float: left; margin-right: 10px; }
.button.button-icon:last-child { margin-right: 0; }

/*---------------------------------------------------------------------
                           Section Title
-----------------------------------------------------------------------*/
.heading-title { z-index: 9; position: relative; margin-bottom: 60px; }
.heading-title .title { position: relative; padding-bottom: 20px; margin-bottom: 20px; font-size: 48px; line-height: 1.3em; color: #3d4b51; font-family: 'Roboto', sans-serif; font-weight: 600; }
.heading-title .title:before { content: ""; position: absolute; bottom: -1px; border-radius: 4px; left: 50%; margin-left: -30px; width: 60px; height: 2px; background: rgba(252, 119, 50, 1); }
.heading-title p { padding: 0 100px; display: block; margin: 0; display: inline-block; width: 100%; }

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

/* heading Title Left White */
.heading-title.title-white .title:before { background: #fff; }
.heading-title.title-white .title, .heading-title.title-white p { color: #fff; }

/*---------------------------------------------------------------------
                            Header
-----------------------------------------------------------------------*/
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 .container-fluid { padding: 0 100px; }
header .navbar { padding: 0; }
header .navbar .menu-main-menu-container { width: 100%; }
header .navbar .navbar-brand { padding: 15px 0; }
header .navbar .navbar-brand img { height: 75px; 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 .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 .navbar .menu>li { margin: 0 30px 0 0; position: relative; list-style: none; float: left; }
header .navbar .menu>li:last-child { margin-right: 0; }
header .navbar .menu .menu-item a { color: #ffffff; padding: 0; line-height: 100px; font-family: 'Open Sans', sans-serif; font-size: 16px; position: relative; }
header .navbar .menu .menu-item i.toggledrop { padding-left: 5px; color: #ffffff; }
header .navbar .menu .menu-item a:hover, header .navbar .menu .menu-item.current-menu-item a, header .navbar .menu .menu-item.current-menu-item a:focus, header .navbar .menu .menu-item.current-menu-item a:hover { color: #fff; background: none; box-shadow: none; text-decoration: none; }
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 .navbar .menu .menu-item.current-menu-item a::before, header .navbar .menu .menu-item.current-menu-parent a::before, header .navbar .menu .menu-item:hover>a::before, header .navbar .menu .menu-item>a:hover::before { width: 100%; }
header .navbar .menu .menu-item.current-menu-item .sub-menu li a { color: #333; }
header .navbar .menu .menu-item.current-menu-item .sub-menu li a:hover { color: #fc7732; }
header .button { margin-top: 0; margin-left: 45px; float: right; }
.admin-bar header { top: 32px; }
@media(max-width:767px) {
	.admin-bar header { top: 46px; transition: all 0s ease-in-out; transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; }
	.admin-bar header.menu-sticky { top: 0; }
}

/*--------------------------------------------------------------
                        Navigation
--------------------------------------------------------------*/
header .navbar .menu-testing-menu-container, header .navbar .menu-main-menu-container, header .navbar .menu-short-container, header .navbar .menu-all-pages-container, header .navbar .menu-footer-1-container, header .navbar .menu-footer-2-container { width: 100%; }
header .navbar .menu { margin: 0; padding: 0; }
header .navbar .menu li { margin: 0 30px 0 0; position: relative; }
header .navbar .menu li a { color: #ffffff; padding: 0; line-height: normal; font-size: 16px; font-family: 'Open Sans', sans-serif; }
header .navbar .menu li a:hover, header .navbar .menu li a:focus, header .navbar .menu li a.active, header .navbar .menu li a.active:focus, header .navbar .menu li a.active:hover, header .navbar .menu li.current-menu-item a, header .navbar .menu li.current-menu-item a:focus, 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 .navbar .menu li:hover>.sub-menu { display: block !important; }
}
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: 3px 3px 6px 0px rgba(51, 51, 51, 0.2); -moz-box-shadow: 3px 3px 6px 0px rgba(51, 51, 51, 0.2); box-shadow: 3px 3px 6px 0px rgba(51, 51, 51, 0.2); }
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 .navbar .menu li .sub-menu li:last-child { border: none; }
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 .navbar .menu li .sub-menu li i.toggledrop { float: right; padding-top: 0; position: absolute; right: 15px; top: 19px; color: #23292c; }
header .navbar .menu li .sub-menu li a:hover { background: #fff; color: #fc7732; }
header .navbar .menu li .sub-menu li:hover i.toggledrop { color: #fc7732; }
header .navbar .menu li .sub-menu li.menu-item.current-menu-item>a { background: #fff; color: #fc7732; }
header .navbar .menu li .sub-menu li.current-menu-parent>a { color: #fc7732; }
header .navbar .menu li .sub-menu li a:before { display: none; }
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 .navbar .menu li .sub-menu li.menu-item-has-children:hover>.sub-menu { display: block; }
header .navbar .menu li .sub-menu li.current-menu-parent ul li a { color: #23292c; }
header .navbar .menu li .sub-menu li.current-menu-parent a, header .navbar .menu li .sub-menu li.current-menu-parent ul li a:hover, header .navbar .menu li .sub-menu li.current-menu-parent i { color: #fc7732; }
.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 sticky */
header.menu-sticky { background: #fc7732; 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); }
header.menu-sticky .navbar .navbar-brand { padding: 10px 0; }
header.menu-sticky .navbar .navbar-brand img { height: 50px; }
header.menu-sticky .navbar .menu .menu-item a { line-height: 65px; }
header.menu-sticky .navbar .menu li .sub-menu { top: 67px; }
header.menu-sticky .navbar .menu li .sub-menu li a { line-height: 20px; }

/* Header White */
header.white { background: #fff; }
header.white .navbar .menu .menu-item a, header.white .navbar .menu .menu-item i.toggledrop { color: #3d4b51; }
header.white .navbar .menu .menu-item a:hover, header.white .navbar .menu .menu-item a:focus, header.white .navbar .menu .menu-item.current-menu-item a, header.white .navbar .menu .menu-item.current-menu-item a:focus, header.white .navbar .menu .menu-item.current-menu-item a:hover { color: #fc7732; }
header.white .navbar .menu li.current-menu-item i.toggledrop, header.white .navbar .menu li:hover i.toggledrop { color: #fc7732; 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.white .navbar .menu li.menu-item-has-children:hover>a { color: #fc7732; }
header.white .button { background: #fc7732; color: #fff; }
header.white .navbar .navbar-nav .menu-item a::before, header.white .navbar .menu .menu-item a::before { background: #fc7732; }
header.white .navbar .menu .menu-item.current-menu-item>a, header.white .navbar .menu .menu-item.current-menu-parent>a, header.white .navbar .menu .menu-item.current-menu-item>i, header.white .navbar .menu .menu-item.current-menu-parent>i { color: #fc7732; }
header.white .navbar .menu li .sub-menu li a { color: #3d4b51; }

/* Header White Transparent*/
header.white-transparent { background: rgba(255, 255, 255, 0.9); }
header.white-transparent .navbar .menu .menu-item a, header.white-transparent .navbar .menu .menu-item i.toggledrop { color: #3d4b51; }
header.white-transparent .navbar .menu .menu-item a:hover, header.white-transparent .navbar .menu .menu-item a:focus, header.white-transparent .navbar .menu .menu-item.current-menu-item a, header.white-transparent .navbar .menu .menu-item.current-menu-item a:focus, header.white-transparent .navbar .menu .menu-item.current-menu-item a:hover { color: #fc7732; }
header.white-transparent .navbar .menu li.current-menu-item i.toggledrop, header.white-transparent .navbar .menu li:hover i.toggledrop { color: #fc7732; 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.white-transparent .navbar .menu li.menu-item-has-children:hover>a { color: #fc7732; }
header.white-transparent .button { background: #fc7732; color: #fff; }
header.white-transparent .navbar .navbar-nav .menu-item a::before, header.white-transparent .navbar .menu .menu-item a::before { background: #fc7732; }
header.white-transparent .navbar .menu .menu-item.current-menu-item>a, header.white-transparent .navbar .menu .menu-item.current-menu-parent>a, header.white-transparent .navbar .menu .menu-item.current-menu-item>i, header.white-transparent .navbar .menu .menu-item.current-menu-parent>i { color: #fc7732; }
header.white-transparent .navbar .menu li .sub-menu li a { color: #3d4b51; }

/* Header black */
header.black { background: #3d4b51; }
header.black .navbar .menu .menu-item a, header.black .navbar .menu .menu-item i.toggledrop { color: #fff; }
header.black .navbar .menu .menu-item a:hover, header.black .navbar .menu .menu-item a:focus, header.black .navbar .menu .menu-item.current-menu-item a, header.black .navbar .menu .menu-item.current-menu-item a:focus, header.black .navbar .menu .menu-item.current-menu-item a:hover { color: #ffffff; }
header.black .navbar .menu li.current-menu-item i.toggledrop, header.black .navbar .menu li:hover i.toggledrop { color: #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; }
header.black .navbar .menu li.menu-item-has-children:hover>a { color: #ffffff; }
header.black .button { background: #ffffff; color: #fff; }
header.black .navbar .navbar-nav .menu-item a::before, header.black .navbar .menu .menu-item a::before { background: #ffffff; }
header.black .navbar .menu li .sub-menu li a { color: #333; }
header.black .navbar .menu .menu-item.current-menu-item>a, header.black .navbar .menu .menu-item.current-menu-parent>a, header.black .navbar .menu .menu-item.current-menu-item>i, header.black .navbar .menu .menu-item.current-menu-parent>i { color: #ffffff; }
header.black .navbar .menu li .sub-menu li a { color: #3d4b51; }

/*---------------------------------------------------------------------
                            Banner
-----------------------------------------------------------------------*/
.banner .carousel { z-index: 9; }
.banner-text { margin: 16% 0 4%; z-index: 99; position: relative; }
.banner-text h1 { font-family: 'Roboto', sans-serif; font-size: 58px; line-height: 1.3em; margin-bottom: 30px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; }
.banner-text h1 small { font-size: 18px; line-height: normal; display: block; font-weight: 400; margin-bottom: 15px; }
.banner-text .link h5 { margin-bottom: 15px; position: relative; display: inline-block; font-weight: normal; text-transform: uppercase; font-size: 20px; }
.banner-text .link h5:before { position: absolute; top: 15px; right: -25px; content: ""; background: url('../images/arrow.png') no-repeat 0 0; width: 61px; height: 58px; }
.banner-text .link li { margin: 0 5px; padding: 0 5px; }
.banner-text .link li a { font-size: 40px; color: #ffffff; }
.banner .carousel-indicators { bottom: inherit; left: inherit; width: 25px; right: 0; top: 50%; margin-top: -60px; margin-right: 15px; list-style: none; display: inline-block; margin-bottom: 0; margin-left: 0; }
.banner .carousel-indicators li { list-style: none; border: none; background: rgba(255, 255, 255, 0.6); padding-left: 0; border-radius: 90px; width: 12px; height: 12px; margin: 10px 0; }
.banner .carousel-indicators li.active { background: rgba(255, 255, 255, 1.0); }
.banner .carousel-indicators li::before { display: none; }
.banner .carousel-indicators li::after { display: none; }

/* Animation delays */
.banner-text h1 { animation-delay: 0.5s; }
.banner-text h5 { animation-delay: 1s; }
.banner-text ul.list-inline { animation-delay: 1.5s; margin: 0; }
.banner-text img { animation-delay: 2s; }

/*---------------------------------------------------------------------
                            Banner 02
-----------------------------------------------------------------------*/
.banner-text-02 { padding: 5% 0 0; z-index: 99; position: relative; color: #ffffff; }
.banner-text-02 h1 { font-size: 62px; font-weight: 800; margin-bottom: 0; letter-spacing: 2px; text-transform: uppercase; line-height: 1.3em; color: #ffffff; }
.banner-text-02 h1 small { font-size: 18px; display: block; line-height: 34px; color: #ffffff; }
.banner-text-02 p { margin-bottom: 45px; }
.banner-text-02 .button.bt-white i { font-size: 32px; display: inline-block; float: left; margin-right: 10px; color: #ffffff; }
.banner-text-02 .iq-mobile-app .iq-mobile-box { margin-bottom: -15px; margin-top: -30px; }
.banner-text-02 .iq-mobile-app .iq-mobile-box img { width: 120%; max-width: 120%; -webkit-animation: shake-bottom 50s 100 both; animation: shake-bottom 50s 100 both; }
.banner-text-02 .iq-mobile-app .icon-01 { left: -50px; top: 50px; width: 50%; }
.banner-text-02 .iq-mobile-app .icon-02 { left: -80px; top: 250px; z-index: 9; }
.banner-text-02 .iq-mobile-app .icon-03 { right: -70px; top: 100px; z-index: 9; }
.banner-text-02 .iq-mobile-app .icon-04 { right: -110px; top: 300px; }
.banner-text-02 .iq-mobile-app .icon-05 { left: -45px; bottom: 60px; z-index: 9; }
.banner-02 .banner-text-02 .list-inline li { margin-right: 15px; }

/* ---- 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; }
.masthead-video { width: 100%; position: absolute; top: 0; left: 0; display: inline-block; }
.video-banner { overflow: hidden !important; }

/* ----------------------------------------------
 * Generated by Animista on 2019-1-30 12:0:9
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-bottom
 * ----------------------------------------
 */
@-webkit-keyframes shake-bottom {
	0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
	10% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
	20%, 40%, 60% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
	30%, 50%, 70% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
	80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
	90% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
}
@keyframes shake-bottom {
	0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
	10% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
	20%, 40%, 60% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
	30%, 50%, 70% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
	80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
	90% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
}

/*---------------------------------------------------------------------
                             Banner 03
-----------------------------------------------------------------------*/
#iq-home.banner-03 {
    position: inherit !important;
}

.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid.iq-banner-ov { overflow: inherit; margin-bottom: 80px; }
.banner-03 { font-family: 'Open Sans', sans-serif; position: relative; }
.banner-03 h1 { font-size: 58px; letter-spacing: 2px; font-weight: 800; margin-bottom: 0; text-transform: uppercase; color: #ffffff; }
.banner-03 h1 small { font-size: 18px; display: block; }
.banner-03 .link { position: absolute; bottom: 60px; left: 0; display: inline-block; width: 330px; }
.banner-03 .link h5 { margin-bottom: 15px; position: relative; display: inline-block; color: #ffffff; }
.banner-03 .link h5:before { position: absolute; top: 20px; right: -25px; content: ""; background: url('../images/arrow.png') no-repeat 0 0; width: 61px; height: 58px; }
.banner-03 .link li { margin: 0 5px; line-height: 1.2; }
.banner-03 .link li a { font-size: 40px; }
.banner-03 .banner-text { margin: 15% 0 0; color: #ffffff; }
.banner-03 .banner-text ul.list-inline { margin-bottom: 15px; }
.iq-mobile-app .iq-mobile-box { position: relative; text-align: center; display: inline-block; margin-bottom: -45px; margin-top: -60px; }
.iq-mobile-app .iq-mobile-box .iq-mobile-img { position: relative; z-index: 9; display: inline-block; width: 90%; }
.iq-mobile-app .iq-mobile-icon { position: absolute; }
.banner-03 .iq-mobile-app .icon-01 { left: -15px; top: 80px; }
.banner-03 .iq-mobile-app .icon-02 { left: -90px; top: 250px; z-index: 9; }
.banner-03 .iq-mobile-app .icon-03 { right: -30px; top: 140px; z-index: 9; }
.banner-03 .iq-mobile-app .icon-04 { right: -20px; bottom: 100px; }
.banner-03 .iq-mobile-app .icon-05 { left: 15px; bottom: 80px; z-index: 9; }

/*---------------------------------------------------------------------
                             Banner 04
-----------------------------------------------------------------------*/
.no-slider { background-size: cover; color: #ffffff; }
.no-slider  .banner-text { margin: 11% 0 10%; }
.no-slider .banner-text h1 { font-size: 58px; margin-top: 60px; line-height: 1.3em; font-weight: 800; margin-bottom: 0; text-transform: uppercase; color: #ffffff; }
.no-slider .banner-text .link h5 { margin-bottom: 0; color: #ffffff; }
.no-slider .banner-text .img-one img { width: 115%; max-width: 115%; -webkit-animation-name: fadebounce; -moz-animation-name: fadebounce; -ms-animation-name: fadebounce; -o-animation-name: fadebounce; animation-name: fadebounce; -webkit-animation-duration: 8s; -moz-animation-duration: 8s; -ms-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.iq-fadebounce { -webkit-animation-name: fadebounce; -moz-animation-name: fadebounce; -ms-animation-name: fadebounce; -o-animation-name: fadebounce; animation-name: fadebounce; -webkit-animation-duration: 8s; -moz-animation-duration: 8s; -ms-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s; -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 }
}

/*---------------------------------------------------------------------
                            objects Style
-----------------------------------------------------------------------*/
.rotate-center { }
.iq-objects-style-1 { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; }
.iq-objects-style-1 img { width: 100%; }
.iq-objects-style-1 .iq-objects-01 { position: absolute; right: 0; bottom: 50%; opacity: 1; width: 20%; }
.iq-objects-style-1 .iq-objects-02 { position: absolute; bottom: 20%; margin-bottom: 0px; left: 3%; opacity: 1; width: 20%; }
.iq-objects-style-1 .iq-objects-03 { position: absolute; top: 0%; right: 45%; width: 15%; }
.iq-objects-style-2 { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; z-index: -1; }
.iq-objects-style-2 img { width: 100%; }
.iq-objects-style-2 .iq-objects-01 { position: absolute; left: -24%; top: 0%; width: 25%; opacity: 0.1; }
.iq-objects-style-2 .iq-objects-02 { position: absolute; bottom: 0%; margin-bottom: 0; right: 0%; width: 25%; opacity: 0.1; }
.iq-objects-style-3 { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; z-index: -1; }
.iq-objects-style-3 img { width: 100%; }
.iq-objects-style-3 .iq-objects-01 { position: absolute; right: 0%; bottom: 0; width: 25%; opacity: 0.1; }
.iq-objects-style-3 .iq-objects-02 { position: absolute; top: 0%; margin-bottom: 0; left: 0%; width: 25%; opacity: 0.1; }

/*---------------------------------------------------------------------
                            Feature
-----------------------------------------------------------------------*/
.iq-fancy-box { position: relative; padding: 30px; text-align: center; overflow: hidden; 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-box:hover { background: #fff; -webkit-box-shadow: 0px 0px 30px 15px rgba(252, 119, 50, 0.1); -moz-box-shadow: 0px 0px 30px 15px rgba(252, 119, 50, 0.1); box-shadow: 0px 0px 30px 15px rgba(252, 119, 50, 0.1); }
.iq-fancy-box img { width: 65px; }
.iq-fancy-box i { font-size: 60px; }
.iq-fancy-box h5 { margin: 30px 0 15px; font-size: 24px; }
.iq-fancy-box p { margin-bottom: 0; }

/*---------------------------------------------------------------------
                            About us
-----------------------------------------------------------------------*/
.about-img { position: relative; }
.iq-video { position: absolute; left: 50%; top: 50%; background: #fc7732; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; height: 80px; text-align: center; font-size: 38px; color: #ffffff; border-radius: 100%; line-height: 2.1; z-index: 99; }
.iq-video i { margin-left: 7px; }
.iq-video:focus, .iq-video:hover { background: #d2820a; color: #ffffff; }
.iq-waves { position: absolute; width: 384px; width: 24rem; height: 384px; height: 24rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; }
.iq-waves .waves { position: absolute; width: 384px; width: 24rem; height: 384px; height: 24rem; background: rgba(252, 119, 50, 0.4); 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-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.iq-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.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-list { margin: 15px 0 0; padding: 0; display: inline-block; width: 100%; }
.iq-list li { margin-bottom: 15px; list-style: none; }
.iq-list li:last-child { margin-bottom: 0; }
.iq-list li i { float: left; font-size: 24px; margin-top: 5px; margin-right: 15px; color: #fc7732; }
.iq-list li span { display: table-cell; }

/*---------------------------------------------------------------------
                       The Appino Great Feature
-----------------------------------------------------------------------*/
.iq-fancy-box-02 { padding: 30px 15px; overflow: hidden; 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; }
.iq-fancy-box-02:hover { -webkit-box-shadow: 0px 0px 30px 15px rgba(252, 119, 50, 0.1); -moz-box-shadow: 0px 0px 30px 15px rgba(252, 119, 50, 0.1); box-shadow: 0px 0px 30px 15px rgba(252, 119, 50, 0.1); }
.iq-fancy-box-02 .iq-icon { border-radius: 90px; display: inline-block; height: 75px; font-size: 36px; width: 75px; line-height: 75px; text-align: center; color: #ffffff; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; background: rgba(252, 119, 50, 1); background: -moz-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: linear-gradient(to bottom, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); }
.iq-fancy-box-02 .iq-icon span { font-size: 30px; }
.iq-fancy-box-02 .fancy-content h6 { z-index: 9; position: relative; padding: 30px 0 5px; font-size: 20px; }
.iq-fancy-box-02 .fancy-content p { margin-bottom: 0; }
.iq-fancy-box-02 .iq-big-title { color: rgba(252, 118, 50, 0.2); font-size: 70px; z-index: -1; line-height: 80px; font-weight: 800; opacity: 0.6; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*---------------------------------------------------------------------
                            Special Features
-----------------------------------------------------------------------*/
.iq-amazing-tab .nav-tabs { border: none; }
.iq-amazing-tab .nav-tabs li:first-child { margin-top: 0; }
.iq-amazing-tab .nav-tabs li { margin-top: 45px; margin-bottom: 0; float: left; display: inline-block; width: 100%; }
.iq-amazing-tab .nav-tabs li a { margin: 0; line-height: normal; border: none; border-radius: 0; padding: 0; position: relative; color: #3d4b51; 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; }
.iq-amazing-tab .nav-tabs li a.active .iq-fancy-box-01, .iq-amazing-tab .nav-tabs li a.active:hover .iq-fancy-box-01, .iq-amazing-tab .nav-tabs li a.active:focus .iq-fancy-box-01 { color: #fff; border: none; background: -webkit-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); -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); }
.iq-amazing-tab .nav-tabs li a:hover .iq-fancy-box-01 { color: #fff; border: none; background: rgba(252, 119, 50, 1); background: -moz-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: linear-gradient(to bottom, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); }
.iq-amazing-tab .nav-tabs li a.active .iq-fancy-box-01:before { content: ""; position: absolute; top: 50%; margin-top: -10px; left: -10px; width: 20px; height: 20px; display: inline-block; background: #fc7732; border-radius: 90px; -webkit-box-shadow: 0px 0px 0px 5px rgba(247, 247, 247, 1); -moz-box-shadow: 0px 0px 0px 5px rgba(247, 247, 247, 1); box-shadow: 0px 0px 0px 5px rgba(247, 247, 247, 1); }
.iq-amazing-tab .nav-tabs li a.active .iq-fancy-box-01:after { content: ""; position: absolute; z-index: 9; top: 50%; margin-top: -1px; right: 100%; width: 100px; height: 2px; display: inline-block; background: #fc7732; }
.iq-amazing-tab .nav-tabs li a.active.round-right { left: inherit; }
.iq-amazing-tab .nav-tabs li a.active.round-right .iq-fancy-box-01:before { background: #fc7632; right: -10px; left: initial; }
.iq-amazing-tab .nav-tabs li a.active.round-right .iq-fancy-box-01:after { right: initial; left: 100%; background: #fc7632; }
.nav-tabs li a.active h5, .nav-tabs li a.active:hover h5, .nav-tabs li a.active:focus h5, .nav-tabs li a.active i, .nav-tabs li a.active:hover i, .nav-tabs li a.active:focus i { color: #fff; }
.iq-amazing-tab .nav-tabs li a:hover h5 { color: #fff; }
.iq-amazing-tab .nav-tabs li a:hover i { background: none; color: #fff; -webkit-background-clip: text; -webkit-text-fill-color: snow; }
.iq-amazing-tab .tab-content { position: relative; margin: 0 15px; padding: 10px; }
.iq-amazing-tab .tab-content:before { content: ""; position: absolute; top: 0; left: -4px; background: url('../images/screenshots/phone.png') no-repeat top center; display: inline-block; width: 102%; height: 101%; background-size: 100% 100%; }
.iq-amazing-tab .tab-content .tab-pane img { width: 100%; border-radius: 40px; }

/* fancy box 01 */
.iq-fancy-box-01 { position: relative; padding: 30px 30px; background: #eeeeee; 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-box-01 i { font-size: 50px; float: left; margin-right: 15px; color: #fc7732; }
.iq-fancy-box-01 h5 { margin: 10px 0 0; float: left; display: inline-block; font-size: 22px; }
.fancy-content-01 { display: inline-block; width: 100%; margin-top: 5px; }
.fancy-content-01 p { line-height: 2; margin-bottom: 0px; 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; color: #3d4b51; }
.iq-amazing-tab .nav-tabs li a:hover .iq-fancy-box-01 p, .iq-amazing-tab .nav-tabs li a.active .iq-fancy-box-01 p { 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; color: #ffffff; }

/* fancy box 01 Right icon */
.iq-fancy-box-01.text-right i { float: right; margin-left: 15px; margin-right: 0; }
.iq-fancy-box-01.text-right h5 { display: inline-block; float: none; }

/*---------------------------------------------------------------------
                             App Screenshots
-----------------------------------------------------------------------*/
.home-screen-slide { position: relative; width: 100%; }
.home-screen-slide .owl-carousel .owl-item a { position: relative; display: inline-block; width: 100%; }
.home-screen-slide .owl-carousel .owl-item a:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "\f4a4"; font-size: 30px; color: #fc7732; line-height: 19; font-family: Ionicons; text-align: center; vertical-align: center; background: rgba(45, 47, 50, 0.9); z-index: 9; opacity: 0; }
.home-screen-slide .owl-carousel .owl-item a:hover:before { opacity: 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; }

/*---------------------------------------------------------------------
                          TESTIMONIAL
-----------------------------------------------------------------------*/
.iq-client { position: relative; background: #fff; padding: 30px 30px; }
.iq-client .client-img { width: 80px; height: 80px; display: inline-block; border-radius: 90px; float: left; }
.iq-client .client-img img { width: 80px; height: 80px; }
.client-name { padding-left: 15px; position: relative; margin-top: 15px; float: left; display: inline-block; }
.client-name h6 { font-size: 20px; }
.client-name .sub-title { font-size: 14px; float: left; }
.client-info { display: inline-block; width: 100%; margin-top: 15px; }
.client-info p { margin-bottom: 0; }

/*---------------------------------------------------------------------
                          TEAM
-----------------------------------------------------------------------*/
.iq-team { position: relative; -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); }
.iq-team:before { position: absolute; content: ""; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 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: rgba(252, 119, 50, 0.9); background: -moz-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); background: linear-gradient(to bottom, rgba(252, 119, 50, 0.9) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); opacity: 0; }
.iq-team-info { width: 100%; display: inline-block; color: #fff; 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; z-index: 9; position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.iq-team-info h5 { color: #fff; }
.team-post { margin: 0 0 10px; display: inline-block; width: 100%; font-weight: 600; }
.share { position: relative; width: 100%; }
.share span { display: inline-block; font-weight: 600; text-transform: uppercase; opacity: 1; pointer-events: none; position: absolute; top: 0px; left: 50%; margin-left: -82px; border-radius: 90px; padding: 10px 30px; background: #fff; color: #fc7732; 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; }
.share nav { font-size: 0; }
.share a { line-height: 45px; width: 45px; text-align: center; display: inline-block; color: #3d4b51; overflow: hidden; opacity: 1; margin: 0 -20px; background: #fff; 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; }
.share a:nth-child(1) { border-top-left-radius: 40px; border-bottom-left-radius: 40px; margin-left: 0; }
.share a:nth-child(1):hover { background-color: #61c5ec; }
.share a:nth-child(2):hover { background-color: #3B5998; }
.share a:nth-child(3):hover { background-color: #ea4335; }
.share a:nth-child(4) { border-top-right-radius: 40px; border-bottom-right-radius: 40px; margin-right: 0; }
.share a:nth-child(4):hover { background-color: #3d4b51; }
.share:hover span, .share.hover span { opacity: 0; }
.share:hover a, .share.hover a { border-radius: 50%; margin: 0 5px; color: #fc7732; font-size: 16px; }
.share:hover a:hover, .share.hover a:hover { color: #fff; }
.iq-team:hover:before { opacity: 0.8; }
.iq-team:hover .iq-team-info { opacity: 1; }

/*---------------------------------------------------------------------
                          Counter
-----------------------------------------------------------------------*/
.counter { position: relative; min-height: 60px; }
.counter i { font-size: 40px; line-height: 45px; display: inline-block; }
.counter i:before { font-size: 60px; }
.counter span { display: block; font-size: 46px; margin: 15px 0; line-height: 1.3em; font-weight: 600; font-family: 'Roboto', sans-serif; }
.counter label { font-size: 15px; position: relative; margin: 0; text-transform: uppercase; letter-spacing: 2px; }

/*---------------------------------------------------------------------
                        Asked Questions
-----------------------------------------------------------------------*/
.iq-faq-block { position: relative; }
.iq-faq-block .wpb_content_element { max-width: 100%; margin: 0; }
.iq-faq .wpb_content_element { margin-bottom: 0; }
.iq-accordion .iq-ad-title { position: relative; padding: 15px 40px 15px 15px; font-size: 16px; font-weight: 600; cursor: pointer; background: #eeeeee; color: #282b33; display: block; text-align: left; text-decoration: none; border-radius: 0; }
.iq-accordion .iq-ad-title:before { cursor: pointer; content: "\f217"; font-family: "Ionicons"; position: absolute; top: 0; right: 0; display: block; padding: 14px 20px; color: #282b33; font-size: 16px; line-height: 34px; height: 100%; font-weight: normal; }
.iq-ad-icon { position: absolute; top: 0; left: 0; padding: 0 15px; line-height: 62px; font-size: 26px; height: 100%; color: #fff; -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); background: #fc7732; }
.iq-ad-block.iq-ad-active .iq-ad-title { background: #fc7732; color: #ffffff; }
.iq-ad-block.iq-ad-active .iq-ad-title:before { color: #fff; }
.iq-accordion .iq-ad-active .iq-ad-title:before { content: "\f208"; font-family: "Ionicons"; }
.iq-accordion .iq-ad-title> i { margin-right: 16px; }
.iq-accordion .iq-ad-details { background: #ffffff; display: none; overflow: hidden; text-align: left; padding: 15px 15px; 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; }

/*---------------------------------------------------------------------
                        Price Table
-----------------------------------------------------------------------*/
.iq-pricing { position: relative; display: inline-block; width: 100%; border: 1px solid #eeeeee; background: #fff; }
.iq-pricing .price-footer img { position: absolute; bottom: 0; left: 0; height: auto; width: 100%; opacity: 0.08; }
.iq-pricing .price-title { padding: 30px 15px; background: #3d4b51; z-index: 99; 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; }
.iq-pricing.iq-popular .price-title, .iq-pricing:hover .price-title { background: linear-gradient(to bottom, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); }
.iq-pricing .price-title h2 { font-family: 'Roboto', sans-serif; line-height: 60px; font-size: 56px; color: #fff; font-weight: 600; }
.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: 3px; color: #fff; font-family: 'Roboto', sans-serif; }
.iq-pricing ul { margin: 15px 0; padding: 0; }
.iq-pricing ul li { line-height: 60px; list-style: none; }
.iq-pricing .price-footer { border-top: 1px solid #eeeeee; padding: 30px 0; z-index: 9; position: relative; }

/*---------------------------------------------------------------------
                           Our clients
-----------------------------------------------------------------------*/
.iq-our-clients { border-top: 1px solid #eeeeee; }

/*---------------------------------------------------------------------
                       Subscribe Our Newsletter
-----------------------------------------------------------------------*/
.appino-subscription .newsletter-email { width: 76%; margin-right: 15px; display: inline-block; float: left; }
.appino-subscription .newsletter-email input { background: #fff; border-color: #fff; border-radius: 90px; }
.appino-subscription .sub_button { background: #fff; color: #3d4b51; }
.appino-subscription .sub_button:hover { background: #3d4b51; color: #ffffff; }
.wpdberror { display: none; }

/*---------------------------------------------------------------------
                             Our Info
-----------------------------------------------------------------------*/
.iq-our-info { padding: 60px 0 30px; }
.iq-info-box { padding: 0 30px; }
.iq-info-box .info-icon { background: #fc7732; border-radius: 90px; font-size: 30px; height: 75px; width: 75px; display: inline-block; line-height: 75px; text-align: center; color: #ffffff; -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); -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-info-box h5 { font-weight: 800; margin-top: 15px; margin-bottom: 5px; color: #fff; }
.iq-info-box a { color: #fff; }
.iq-info-box span { font-weight: 600; }
.iq-info-box p { margin-bottom: 0; }
.info-share { margin: 60px 0 0; padding: 30px 0 0; border-top: 1px solid #223338; text-align: center; }
.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: #ffffff; background: #5d6e77; border: 1px solid #5d6e77; text-align: center; border-radius: 50%; }
.info-share li a:hover { background: #fc7732; border-color: #fc7732; color: #fff; }

/*---------------------------------------------------------------------
                             Map
-----------------------------------------------------------------------*/
.iq-map iframe { border: 0px; width: 100%; height: 350px; }

/*---------------------------------------------------------------------
                             Get in Touch
-----------------------------------------------------------------------*/
.iq-get-in { position: relative; background: #fff; padding: 45px; margin-top: -12%; -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); }
.iq-get-in .heading-title p { padding: 0; }
.wpcf7-form .wpcf7-form-control-wrap { margin-bottom: 30px; }
.wpcf7-form .wpcf7-form-control-wrap textarea { height: 204px; }
.wpcf7-form .wpcf7-form-control.wpcf7-submit { float: right; }
.footer-block { padding: 45px 30px 45px 0; color: #3d4b51; }

/*---------------------------------------------------------------------
                           Footer Fancy Box
-----------------------------------------------------------------------*/
.iq-fancy-box-04 { margin: 60px 0; }
.iq-fancy-box-04 .iq-icon { background: #5d6e77; float: left; border-radius: 90px; height: 70px; width: 70px; line-height: 74px; text-align: center; margin-right: 15px; color: #ffffff; }
.iq-fancy-box-04 .iq-icon i { font-size: 30px; }
.iq-fancy-box-04 .iq-icon span { font-size: 30px; }
.iq-fancy-box-04 .fancy-content { display: table-cell; color: #eeeeee; }
.iq-fancy-box-04 .fancy-content a { color: #eeeeee; }
.iq-fancy-box-04 .fancy-content h5 { color: #ffffff; font-size: 20px; }
.iq-fancy-box-04 .fancy-content span { color: #eeeeee; }
.iq-fancy-box-04 .fancy-content p { margin-bottom: 0; }

/*---------------------------------------------------------------------
                             Footer
-----------------------------------------------------------------------*/
footer, .site-footer, .site-footer2 { display: inline-block; width: 100%; float: left; background: #3d4b51; color: #ffffff; }
footer .widget { color: #3d4b51; }
footer .widget ul#recentcomments li a:before, footer .widget .rsswidget:before { display: none; }
footer .widget .footer-title { margin-bottom: 15px; padding-bottom: 0; position: relative; font-weight: 600; }
footer .widget ul li .rsswidget { padding-left: 0; font-size: 16px; color: #fc7732; font-weight: 600; font-family: 'Roboto', sans-serif; display: block; }
footer .widget ul li .rss-date { font-weight: 600; font-size: 12px; text-transform: uppercase; display: inline-block; width: 100%; margin: 5px 0; font-family: 'Roboto', sans-serif; }
footer .widget ul li cite { font-weight: 600; margin-top: 5px; display: inline-block; width: 100%; }
.footer-copyright { border-top: 1px solid #eeeeee; }
.footer-copyright a:hover { color: #fff; }
.footer-info { padding: 30px 45px 0; text-align: center; margin-bottom: 30px; }
.footer-info img { height: 80px; margin-bottom: 15px; }
.footer-info p { margin-bottom: 0; }
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 15px 0; text-align: center; }
.footer-bottom .site-info a:hover, .footer-bottom .site-info a:focus { color: #fff; text-decoration: underline; }

/*---------------------------------------------------------------------
                             Footer 2
-----------------------------------------------------------------------*/
.footer-map { background: #eeeeee; }
.footer-map .container-fluid { padding: 0; }
.footer-map .wpcf7-form .wpcf7-form-control-wrap input, .footer-map .wpcf7-form .wpcf7-form-control-wrap textarea { background: #fff; }
{ background: #fff; }
.site-footer2 .iq-map iframe { height: 576px; float: left; display: inline-block; }
.site-footer2 .wpcf7-form { margin-top: 30px; }
.site-footer2 .iq-footer-bottom { border-top: 1px solid #efefef; padding: 15px 0; }
.site-footer2 .footer-copyright { border: none; text-align: left; color: #eeeeee; }
.site-footer2 .info-share { margin: 0; border: none; padding: 0; float: right; }

/*---------------------------------------------------------------------
                               OWL Carousel
-----------------------------------------------------------------------*/
.owl-carousel .owl-nav.disabled { display: none; }
.owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; }
.owl-carousel .owl-nav .owl-prev { outline: none; background: none; border: none; display: block; position: absolute; text-align: center; text-indent: inherit; top: -25px; left: -8%; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-next { outline: none; background: none; border: none; display: block; position: absolute; text-align: center; text-indent: inherit; top: -25px; right: -8%; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
.owl-carousel .owl-nav i { font-size: 24px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; width: 45px; height: 45px; line-height: 45px; padding-left: 0px; display: inline-block; color: #fff; background: #3d4b51; 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: #fc7732; 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: #3d4b51; display: inline-block; border-radius: 90px; padding: 0; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid #3d4b51; 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: #fc7732; border: 1px solid #fc7732; }
.owl-carousel .owl-dots .owl-dot.active { background: #fc7732; border: 1px solid #fc7732; }

/*---------------------------------------------------------------------
                          Breadcrumb Inner Page
-----------------------------------------------------------------------*/
.iq-breadcrumb { margin: 0px; position: relative; display: inline-block; width: 100%; padding: 210px 0 90px; overflow: hidden; float: left; background-position: center center !important; }
.iq-breadcrumb:before { content: ""; background-repeat: repeat; display: block; height: 100%; left: 0; position: absolute !important; top: 0; width: 100%; background: rgba(252, 119, 50, 1); background: -moz-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: linear-gradient(to bottom, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); }
.iq-breadcrumb .iq-breadcrumb-title { margin-bottom: 0; }
.iq-breadcrumb .iq-breadcrumb-title .page-title, .iq-breadcrumb .iq-breadcrumb-title .title { position: relative; font-size: 48px; }
.iq-breadcrumb .iq-breadcrumb-title .title { margin: 0; padding: 0; color: #fff; }
.iq-breadcrumb .iq-breadcrumb-title .title:before { display: none; }
.iq-breadcrumb .iq-breadcrumb-title.heading-title .divider { display: none; }
.iq-breadcrumb .heading-title p { padding: 0; opacity: 1; }
.iq-breadcrumb .breadcrumb { background: rgba(255, 255, 255, 1); padding: 10px 30px; border-radius: 0; display: inline-block; position: relative; float: right; margin-top: 1px; margin-bottom: 0; }
.iq-breadcrumb .breadcrumb li a { color: #fc7732; }
.iq-breadcrumb .breadcrumb li a i { padding-right: 5px; }
.iq-breadcrumb .breadcrumb li a:hover { color: #3d4b51; text-decoration: none; }
.iq-breadcrumb .breadcrumb li { color: #fc7732; font-size: 16px; font-weight: 400; float: left; list-style: none; word-break: break-all; }
.iq-breadcrumb .breadcrumb li.active { color: #3d4b51; }
.iq-breadcrumb .breadcrumb>li+li:before { color: #fc7732; }

/*---------------------------------------------------------------------
                            Blog - SideBar
-----------------------------------------------------------------------*/
.iq-post-sidebar { height: 100%; }
.widget { margin-bottom: 30px; padding: 30px; border: 1px solid #eeeeee; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: inline-block; width: 100%; float: left; position: relative; background: #ffffff; }
.widget:before { content: ""; position: absolute; top: -1px; border-radius: 0; left: 0; margin-left: 0; width: 100%; height: 3px; background: rgba(252, 119, 50, 1); background: -moz-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: linear-gradient(to bottom, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); }
.widget:last-child { margin-bottom: 0; }
.widget .widget-title { margin-bottom: 15px; padding-bottom: 0; font-size: 22px; position: relative; font-weight: 600; }

/*SideBar - Search*/
.search-form { position: relative; }
.search-form label { display: none; }
.search-form input { padding-right: 40px; box-shadow: none; border-radius: 0; color: #3d4b51; border: 2px solid #eeeeee; background: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.search-form .search-submit { position: absolute; right: 0; top: 0; color: #fc7732; 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: #3d4b51; position: relative; padding-left: 15px; -ms-word-wrap: break-word; word-wrap: break-word; }
.widget ul li a:hover { color: #fc7732; text-decoration: none; }
.widget ul li a:before { position: absolute; content: "\f111"; color: #fc7732; top: 9px; font-size: 5px; 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: #fc7732; }

/*SideBar - Recent Comments*/
.widget.widget_recent_comments #recentcomments li.recentcomments span a { color: #3d4b51; font-family: 'Roboto', sans-serif; }
.widget.widget_recent_comments #recentcomments li.recentcomments a:before { display: none; }
.widget.widget_recent_comments #recentcomments li.recentcomments a { color: #fc7732; padding-left: 0; }
.widget.widget_recent_comments #recentcomments li.recentcomments a:hover { color: #fc7732; text-decoration: underline !important; padding-left: 0; }

/* SideBar Calendar */
.widget_calendar table caption { caption-side: inherit; padding: 0 0 10px; color: #3d4b51; 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: #fc7732; color: #ffffff; }
.widget_calendar .calendar_wrap td#today a { color: #ffffff; }
.widget_calendar .calendar_wrap table th { background: #ffffff; color: #3d4b51; }
.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: 400; color: #fc7732; font-family: 'Roboto', sans-serif; }
.widget_categories ul li a, .widget_archive ul li a { font-weight: 400; color: #3d4b51; }

/* SideBar Archives Dropdown */
.widget select, .widget.widget_archive select, .widget_categories select { background: #fff; outline: none; }

/* Meta - widget RSS*/
.widget.widget_rss ul li { margin-bottom: 20px; }
.widget.widget_rss ul li:last-child { margin-bottom: 0; }
.widget.widget_rss ul li a { padding-left: 0; font-size: 16px; color: #fc7732; font-weight: 600; font-family: 'Roboto', sans-serif; }
.widget.widget_rss ul li a:hover { color: #3d4b51; }
.widget.widget_rss ul li a:before { display: none; }
.widget.widget_rss ul li .rss-date { font-weight: 600; font-size: 12px; text-transform: uppercase; display: inline-block; width: 100%; margin: 5px 0; font-family: 'Roboto', sans-serif; }
.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, .widget ul.menu li { margin-bottom: 0; }
.widget.widget_nav_menu ul li .sub-menu, .widget ul.menu li .sub-menu { display: block !important; padding-left: 20px; }
.widget.widget_nav_menu ul li .sub-menu li a, .widget ul.menu li .sub-menu li a { font-size: 14px; }
.widget.widget_nav_menu ul li a, .widget ul.menu li a { padding: 10px 0 10px 15px; display: inline-block; width: 100%; border-bottom: 1px solid #eeeeee; }
.widget.widget_nav_menu ul li i, .widget ul.menu li i { display: none; }
.widget.widget_nav_menu ul li a:before, .widget ul.menu li a:before { top: 20px; }

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

/*SideBar - Tags*/
.widget_tag_cloud ul li { padding: 0; display: inline-block; margin: 8px 0 0; }
.widget_tag_cloud ul li a { background: #fff; display: inline-block; color: #3d4b51; padding: 2px 15px; border: 1px solid #eeeeee; border-radius: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.widget_tag_cloud ul li a:hover { border-color: #fc7732; background: #fc7732; 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: #3d4b51; 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.hentry .sofbox-recentblog.v1 .owl-carousel .owl-item .iq-page-blog { padding: 0; }

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

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

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

/* Blog Post Title */
article.hentry .blog-title .entry-title { margin-bottom: 5px; color: #3d4b51; -ms-word-wrap: break-word; word-wrap: break-word; font-size: 30px; }
article.hentry .blog-single-style .iq-blog-detail .entry-title { 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: 15px; }
article.hentry .blog-title .entry-title a { color: #3d4b51; text-decoration: none; }
article.hentry .entry-title a:hover { color: #fc7732; text-decoration: none; }

/* Blog article Results Pages */
article.hentry.sticky .iq-page-blog { background: #eeeeee; padding: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.single.single-post article.hentry .iq-page-blog { margin-bottom: 0; }
article.hentry .iq-page-blog { margin-bottom: 45px; background: #ffffff; border: 1px solid #eeeeee; padding: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: inline-block; width: 100%; }
.appino-recentblog.v4 .iq-blog-box, .appino-recentblog.v3 .iq-blog-box, .appino-recentblog.v2 .iq-blog-box { margin-bottom: 45px; background: #ffffff; border: 1px solid #eeeeee; padding: 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: inline-block; width: 100%; }
article.hentry .iq-blog-box .iq-blog-detail { padding: 0; }
article.hentry .iq-blog-box .iq-blog-detail a:hover h6, article.hentry .iq-blog-box .iq-blog-detail a:hover { color: #fc7732; text-decoration: none; }
.iq-blog-image img, .post-entry-image img, .blog-entry-image img { margin-bottom: 15px; }

/* Home Page Blog */
.appino-recentblog .owl-carousel .iq-blog-box { border: 1px solid #eeeeee; background: #ffffff; }
.appino-recentblog .owl-carousel .iq-blog-box .iq-blog-detail { padding: 0 15px 15px; }

/* Blog  Pages */
.blog-content, .blog-content p { -ms-word-wrap: break-word; word-wrap: break-word; margin-bottom: 15px; }
article.hentry .sofbox-recentblog .iq-blog-box { background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
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 { margin-bottom: 5px; }
article.hentry .sofbox-recentblog .iq-blog-box .iq-blog-detail .blog-title h5 a:hover { text-decoration: none; color: #fc7732; }
.iq-blog-box .iq-blog-image { position: relative; text-align: center; }
.iq-blog-detail a.button { color: #fff !important; margin-top: 0; padding: 5px 15px; }
.iq-blog-detail .iq_button { display: inline-block; width: 100%; }
.iq-blog-detail .blog-title { margin-bottom: 0; }
.iq-blog-detail .blog-title h6 { font-size: 22px; margin-bottom: 5px; }
.iq-blog-detail .blog-content a { color: #fc7732; }
.iq-blog-detail .blog-content a:hover { color: #3d4b51; }
.iq-blog-meta { line-height: 14px; margin: 0; }
.iq-blog-meta ul.list-inline { margin: 0 0 10px; }
.iq-blog-meta ul.list-inline li { margin: 0 15px 0 0; padding: 0; font-size: 14px; color: #3d4b51; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.iq-blog-meta ul.list-inline li i { margin-right: 5px; color: #fc7632; }
.iq-blog-meta ul.list-inline li a { color: #3d4b51; }
.iq-blog-meta ul.list-inline li a i { margin-right: 5px; }
.iq-blog-meta ul.list-inline li a:hover, .iq-blog-meta ul.list-inline li:hover { color: #fc7732; text-decoration: none; }
.iq-blog-meta ul.list-inline li:last-child { margin: 0; }
.blog-button .button { font-size: 14px; font-weight: 400; }
.blog-button .button i { margin-left: 5px; }
.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  .pagination { margin-top: 30px; }

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

/* Gallery */
.gallery-size-thumbnail .gallery-item { margin-right: 2%; width: 18.4%; margin-bottom: 2%; display: inline-block; vertical-align: top; }
.gallery-item .gallery-caption { font-size: 14px; line-height: 22px; }
.gallery-size-thumbnail .gallery-item img { margin-bottom: 10px; }
.gallery-columns-1 .gallery-item { width: 100%; margin-right: 0px; }
.gallery-columns-2 .gallery-item { width: 48%; }
.gallery-columns-3 .gallery-item { width: 31.3%; }
.gallery-columns-4 .gallery-item { width: 23%; }
.gallery-columns-5 .gallery-item { width: 18%; }
.gallery-columns-6 .gallery-item { width: 14.6%; }
.gallery-columns-7 .gallery-item { width: 12.2%; }
.gallery-columns-8 .gallery-item { width: 10.5%; }
.gallery-columns-9 .gallery-item { width: 9.1%; }
.gallery.gallery-size-thumbnail { display: inline-block; width: 100%; }

/*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 17px; margin-left: 5px; color: #3d4b51; background-color: #fff; border: 1px solid #eeeeee; border-radius: 90px; }
.page-numbers:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #fc7732; border-color: #fc7732 }
.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; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; background: rgba(252, 119, 50, 1); background: -moz-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -webkit-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -o-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: -ms-linear-gradient(top, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); background: linear-gradient(to bottom, rgba(252, 119, 50, 1) 0%, rgb(255 171 67) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7732', endColorstr='#d2820a', GradientType=0); }

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

/* Comments Box */
.comments-area, .comment-respond { margin-top: 30px; }
.comments-area .comments-title, .comment-respond .comment-reply-title { font-weight: 600; margin: 0 0 15px; position: relative; padding-bottom: 15px; }
.comments-area .comments-title:before, .comment-respond .comment-reply-title:before { content: ""; position: absolute; bottom: -1px; border-radius: 10px; left: 0; width: 60px; height: 2px; background: #fc7732; }
.comment-respond .comment-reply-title  a { font-weight: 600; color: #3d4b51; font-size: 80%; }
.comment-respond .comment-reply-title  a:hover { color: #fc7732; 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: #3d4b51; }
ol.commentlist .pingback a:hover { color: #fc7732; }
.commentlist li .comment-respond { margin-top: 30px; }
.commentlist .iq-comments-media { padding: 30px; border-radius: 0; border: 1px solid #eeeeee; background: #eeeeee; 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: 80px; height: auto; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.commentlist .iq-comments-info { position: relative; display: inline-block; width: 100%; }
.commentlist .iq-comments-info .title { margin: 0; font-weight: 600; font-size: 20px; color: #fc7732; }
.commentlist .iq-comments-info .title a:hover { text-decoration: none; }
.commentlist .iq-comment-metadata { font-size: 14px; color: #3d4b51; }
.commentlist .comment-content p { margin-bottom: 0; }
.commentlist .iq-comment-metadata a { color: #3d4b51; }
.commentlist .iq-comment-metadata a:hover { color: #fc7732; text-decoration: none; }
.commentlist .iq-comment-metadata i { padding-right: 5px; font-weight: 400; }
.commentlist .iq-comments-media .reply a { position: absolute; margin: 0; padding: 2px 15px; font-size: 12px; right: 30px; top: 30px; font-weight: 500; color: #fff; background: #fc7732; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; 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: #3d4b51; 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%; }

/*---------------------------------------------------------------------
                            404 Page
-----------------------------------------------------------------------*/
.error-404 { text-align: center; }
.error-404 .big-text { font-size: 180px; font-family: open sans, sans-serif; line-height: 188px; color: #333; font-weight: 700 }
.error-404 h4 { color: #3d4b51; font-weight: 600; margin: 15px 0 }
.error-404 h6 { color: #333; 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 }

/*---------------------------------------------------------------------
                            Shop Menu
-----------------------------------------------------------------------*/
.shop_list { margin: 0; padding: 0; width: 100px; 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: #3d4b51; border-radius: 900px; height: 17px; width: 17px; display: inline-block; line-height: 17px; text-align: center; font-size: 12px; }
header.white .shop_list li a { color: #3d4b51; }
header.white .shop_list li #mini-cart-count, header.white .shop_list li .wishlist_count span { color: #ffffff; background: #fc7732; }
header.white-transparent .shop_list li a { color: #3d4b51; }
header.white-transparent .shop_list li #mini-cart-count, header.white-transparent .shop_list li .wishlist_count span { color: #ffffff; background: #fc7732; }
header.black .shop_list li #mini-cart-count, header.black .shop_list li .wishlist_count span { color: #ffffff; background: #fc7732; }

/*---------------------------------------------------------------------
                               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: #fc7732; line-height: 2.8em; background: #f5f7fb; }
.woocommerce-message::before, .woocommerce-info::before { color: #fc7732; }
.woocommerce .woocommerce-message .button { background: #fc7732; 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: #fc7732; 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: #fc7732; 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: #fc7732; 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: #3d4b51; line-height: 1.5; }
.woocommerce ul li.product .iq-product-block .product-caption h3 a:hover { color: #fc7732; 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: #3d4b51; 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: #fc7732; border-color: #fc7732; }
.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: #fc7732; color: #ffffff; border-color: #fc7732; }
.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: #fc7732; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #3d4b51; line-height: inherit; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }
.select2-dropdown { border: 1px solid #ededed; }
.order-total { color: #fc7732; }
.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: #fc7732; 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: #fc7732; }
.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"; }

.appino-panel .panel-content > .container{
	max-width: 100%;
}
.appino-panel .vc_column-inner{
	        max-width: 1170px !important;
    margin-left: auto;
    margin-right: auto;
}