/** Generated by FG **/
@font-face { font-family: 'Conv_Alexana Neue'; src: url('../fonts/Alexana Neue.eot'); src: local('☺'), url('../fonts/Alexana Neue.woff') format('woff'), url('../fonts/Alexana Neue.ttf') format('truetype'), url('../fonts/Alexana Neue.svg') format('svg'); font-weight: normal; font-style: normal; }

/** Generated by FG **/
@font-face { font-family: 'Conv_Hero-Light'; src: url('../fonts/Hero-Light.eot'); src: local('☺'), url('../fonts/Hero-Light.woff') format('woff'), url('../fonts/Hero-Light.ttf') format('truetype'), url('../fonts/Hero-Light.svg') format('svg'); font-weight: normal; font-style: normal; }

/** Generated by FG **/
@font-face { font-family: 'Conv_Hero-Regular'; src: url('../fonts/Hero-Regular.eot'); src: local('☺'), url('../fonts/Hero-Regular.woff') format('woff'), url('../fonts/Hero-Regular.ttf') format('truetype'), url('../fonts/Hero-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }

/** Generated by FG **/
@font-face { font-family: 'Conv_Hero-Bold'; src: url('../fonts/Hero-Bold.eot'); src: local('☺'), url('../fonts/Hero-Bold.woff') format('woff'), url('../fonts/Hero-Bold.ttf') format('truetype'), url('../fonts/Hero-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }

/** { cursor: none; } **/
::-webkit-scrollbar { width: 5px; position: relative; z-index: 9999; }
::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.4)
border-radius:0; position: relative; z-index: 9999; }
::-webkit-scrollbar-thumb { border-radius: 0; background: rgba(255, 255, 255, 0.6); position: relative; z-index: 9999; }

/*---------------------------------------------------------------------
                              General
-----------------------------------------------------------------------*/
*::-moz-selection { background: #ff7272; color: #ffffff; text-shadow: none; }
::-moz-selection { background: #ff7272; color: #ffffff; text-shadow: none; }
::selection { background: #ff7272; color: #ffffff; text-shadow: none; }
body { cursor: none; font-family: 'Conv_Hero-Regular'; font-weight: normal; font-style: normal; font-size: 18px; line-height: 2; color: #ffffff; background: #0e0f1a; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a, .button { cursor: none; 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: #6f6f6f; }
a:focus { text-decoration: none !important; }
a, .button, input { outline: medium none !important; color: #ffffff; }
h1, h2, h3, h4, h5, h6 { font-family: 'Conv_Hero-Bold'; color: #ffffff; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 1.5em; font-weight: 800; text-transform: capitalize; position: relative; z-index: 9; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 3.052em; }
h2 { font-size: 2.441em; }
h3 { font-size: 1.953em; }
h4 { font-size: 1.563em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1em; }
.container, .container-fluid { max-width: 1366px; }

/* HTML Tags */
a { color: #0e0f1a; outline: none; position: relative; z-index: 99; }
a:focus, a:hover { color: #ffffff; outline: none; }
ins { background: #fff9c0; text-decoration: none; }
img { max-width: 100%; height: auto; border-radius: 10px; }
pre { background: #eeeeee; padding: 15px; border: 1px solid #eeeeee; }
hr { margin: 0; padding: 0px; border-bottom: 1px solid #e0e0e0; border-top: 0px; }
blockquote { background: rgba(255, 255, 255, 0.2); padding: 15px 30px; border-left: 5px solid #ff7272; margin-bottom: 30px; }
blockquote cite { font-family: 'Conv_Hero-Bold'; font-weight: 800; }
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: #0e0f1a; }
p { margin-bottom: 30px; position: relative; z-index: 9; }

/* 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; text-align: center; }

/* Form */
label { color: #ffffff; margin-bottom: 0; }
input, input[type=text], input[type=email], input[type=search], input[type=password], textarea { width: 100%; float: left; padding: 0; height: 48px; line-height: 48px; background: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.6); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: rgba(255, 255, 255, 0.6); transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
select { border: none; border-bottom: 1px solid #ffffff; background: transparent; line-height: 48px; height: 48px; padding: 0; width: 100%; color: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
textarea { padding: 0; height: 150px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
input:focus, input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus, select:focus { border-color: #ffffff; color: #ffffff; 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: #0e0f1a; background: #ffffff; cursor: none; margin-bottom: 0; height: auto; line-height: 26px !important; padding: 11px 30px; font-size: 1em; line-height: 2; border: none; position: relative; display: inline-block; width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: none; 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: #ff7272; outline: none; }
input[type=checkbox] { width: auto; margin-right: 10px; line-height: 2; height: 32px; }
.comments-area blockquote { background: #ffffff; }
.comments-area table td, .comments-area table th { border: 1px solid #24262b; }
.wp-block-button__link { padding: 10px 30px; font-size: 16px; }
.error { color: #ff0000 !important; }
div.wpcf7-response-output { display: none; }
.wpcf7-form .cfield .wpcf7-not-valid { border: 1px solid #f00; }
.site-content { display: inline-block; width: 100%; float: left; }
.vc_parallax { overflow: hidden !important; }

/*---------------------------------------------------------------------
                        Mouse cursor
-----------------------------------------------------------------------*/
.theBall, .theBall-outer { width: 20px; height: 20px; }
.theBall-outer { position: fixed; top: -20px; left: -20px; z-index: 9999999999999999999; pointer-events: none !important; }
.theBall { position: absolute; background-color: rgba(255, 114, 114, 0.8); border-radius: 50%; -webkit-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); -moz-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); -ms-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); -o-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); transform-origin: center center; }
.zooming.theBall { background-color: #ff7272; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }

/*---------------------------------------------------------------------
                        Mouse Effect
-----------------------------------------------------------------------*/
.mouse-move { position: absolute; bottom: -130px; left: 50%; width: 65px; margin-left: -50px; }
.mouse-move a { letter-spacing: 2px; font-size: 12px; text-transform: uppercase; height: 65px; width: 65px; line-height: 65px; display: inline-block; border-radius: 900px; text-align: center; }
.mouse-move .boom::before, .mouse-move .boom::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.mouse-move .boom::before, .mouse-move .boom::after { content: ''; z-index: -1; margin: 0; border-radius: 900px; box-shadow: inset 0 0 0 2px; animation: clipMe 8s linear infinite; }
.mouse-move .boom::before { animation-delay: -4s; }
@keyframes clipMe {
  0%, 100% { clip: rect(0px, 220px, 2px, 0px); }
  25% { clip: rect(0px, 2px, 220px, 0px); }
  50% { clip: rect(218px, 220px, 220px, 0px); }
  75% { clip: rect(0px, 220px, 220px, 218px); }
}

/*---------------------------------------------------------------------
                          Clearing floats
-----------------------------------------------------------------------*/
.home.blog .content-area .site-main { padding: 100px 0; }
.overview-block-ptb { padding-top: 100px; }
.overview-st-ptb { padding: 100px 0; }
.content-area .site-main { padding: 100px 0; display: inline-block; width: 100%; float: left; }
.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid { padding: 100px 0; }
.home .content-area .site-main { padding: 0; }
.no-padding, .no-padding .vc_column-inner { padding: 0px !important; }
.no-margin, .no-margin .wpb_content_element { margin: 0px !important; }
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0 !important; }
body .se-block-ptb { padding: 100px 0 !important; background: #0e0f1a; }
footer { display: inline-block; width: 100%; z-index: 9; position: relative; padding-top: 90px; }

/*---------------------------------------------------------------------
                          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 a { position: fixed; margin: 0px; position: fixed; bottom: 110px; right: 15px; z-index: 9; font-size: 26px; width: 60px; height: 60px; text-align: center; line-height: 60px; 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 a:before { position: absolute; content: "top"; top: 0%; left: 0%; bottom: 0; right: 0; margin: auto; color: #ffffff; display: inline-block; font-size: 14px; margin-top: 4px; font-family: 'Conv_Alexana Neue'; }

/*---------------------------------------------------------------------
                               Loader
-----------------------------------------------------------------------*/
#loading { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #0e0f1a; z-index: 9999; }
#loading img { width: 450px; }
.loading-text ul { margin: 0 auto; padding: 0; text-align: center; width: 76%; -webkit-animation: fade-in 1.2s ease-in-out both; animation: fade-in 1.2s ease-in-out both; }
.loading-text ul li { margin: 0; padding: 0; list-style-type: none; }
.loading-text ul li i { display: inline-block; width: 100%; text-align: right; font-size: 16px; color: #ff7272; }

/* ----------------------------------------------
 * Generated by Animista on 2019-7-20 16:31:51
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/*---------------------------------------------------------------------
                           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: 0; background: #0e0f1a; background: rgba(117, 205, 111, 1); background: -moz-linear-gradient(left, rgba(117, 205, 111, 1) 0%, rgba(36, 38, 43, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(117, 205, 111, 1)), color-stop(100%, rgba(36, 38, 43, 1))); background: -webkit-linear-gradient(left, rgba(117, 205, 111, 1) 0%, rgba(36, 38, 43, 1) 100%); background: -o-linear-gradient(left, rgba(117, 205, 111, 1) 0%, rgba(36, 38, 43, 1) 100%); background: -ms-linear-gradient(left, rgba(117, 205, 111, 1) 0%, rgba(36, 38, 43, 1) 100%); background: linear-gradient(to right, rgba(117, 205, 111, 1) 0%, rgba(36, 38, 43, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0f1a', endColorstr='#0e0f1a', GradientType=1); }

/*---------------------------------------------------------------------
                          cursor
-----------------------------------------------------------------------*/
.menu-icon { position: absolute; top: 20px; right: 0; font-family: 'Conv_Alexana Neue'; letter-spacing: 6px; cursor: pointer; }
.menu-icon label { color: #ff7272; }
#menu-icon-checkbox { display: none; }
#menu-icon-checkbox:checked + .menu-icon:after { content: "Hide"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: white; }

/*----------------------------------------------------------------------
                                Buttons
-----------------------------------------------------------------------*/
.button { cursor: none; color: #fff; padding: 0; border: none; position: relative; font-weight: 400; display: inline-block; font-family: 'Conv_Hero-Regular'; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: transparent; position: relative; z-index: 9; }
.button .line { width: 20px; float: left; height: 2px; background: #ffffff; display: inline-block; margin-left: 15px; border-radius: 90px; overflow: hidden; margin-top: 19px; 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; }
.button:hover, .button:focus { text-decoration: none; color: #ffffff; background: transparent; }
.button span { float: left; }
.button:hover .line { width: 45px; }
.button.bg { padding: 15px 30px; background: #ff7272; color: #ffffff; margin-left: 30px; }
.button.bg .line { background: #ffffff; }

/* Button Simpal */
.button-link { color: #ffffff; font-weight: 600; }
.button-link i { margin-left: 5px; }
.button-link:hover { color: #0e0f1a; text-decoration: none; }
.line-button { color: #fff; position: relative; font-weight: 400; display: inline-block; font-family: 'Conv_Hero-Regular'; background: transparent; z-index: inherit; }
.line-button .line { width: 20px; float: left; height: 2px; background: #ffffff; display: inline-block; margin-right: 15px; border-radius: 90px; overflow: hidden; margin-top: 16px; 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; }
.line-button:hover { text-decoration: none; }
.line-button:hover .line, .line-button:focus .line { width: 45px; }

/*---------------------------------------------------------------------
                          Section Title
-----------------------------------------------------------------------*/
.title-box { margin-bottom: 75px; position: relative; }
.title-box .title span { position: relative; top: 0; z-index: 99; }
.title-box .title span:before { position: absolute; content: ""; bottom: 0; left: 10px; right: 15px; width: auto; border-radius: 900px; height: 5px; display: inline-block; background: #ff7272; z-index: -1; }
.title-box .title span:after { position: absolute; content: ""; bottom: 0; right: 5px; width: 5px; border-radius: 900px; height: 5px; display: inline-block; background: #ff7272; }
.line-Bottom { position: relative; top: 0; z-index: 99; display: inline-block; }
.line-Bottom:before { position: absolute; content: ""; bottom: 0; left: 10px; right: 15px; width: auto; border-radius: 900px; height: 5px; display: inline-block; background: #ff7272; z-index: -1; }
.line-Bottom:after { position: absolute; content: ""; bottom: 0; right: 5px; width: 5px; border-radius: 900px; height: 5px; display: inline-block; background: #ff7272; }
.title span { position: relative; }
.title span:before { position: absolute; content: ""; bottom: 0; left: 10px; right: 15px; width: auto; border-radius: 900px; height: 5px; display: inline-block; background: #ff7272; z-index: -1; }
.title span:after { position: absolute; content: ""; bottom: 0; right: 5px; width: 5px; border-radius: 900px; height: 5px; display: inline-block; background: #ff7272; }

/* .title-box span { font-family: 'Conv_Hero-Bold'; font-size: 18px; font-weight: 600; letter-spacing: 1px; color: #ffffff; display: inline-block; }
 */

/* Title Box Text Left*/
.title-box.text-left { margin-bottom: 30px; position: relative; }

/* Title Box Text White*/
.title-box.title-white span { color: #ffffff; }
.title-box.title-white h2.title { color: #ffffff; }
.title-box.title-white h2.title { font-size: 52px; }
.top-title { margin: 100px 0; }
.top-title h6 { text-transform: uppercase; }
.top-title h1 { margin-left: 100px; }
.top-title p { margin-top: 100px; margin-bottom: 0; text-align: justify; }
.primary-color { color: #ff7272; }

/* Title Box with big counter */
.single-title-box.counter .title span { font-size: 1.5em; }

/*---------------------------------------------------------------------
                           Header
-----------------------------------------------------------------------*/
.comments-area{
  display: none;
}
header { position: fixed; width: 100%; padding: 15px 0; display: inline-block; z-index: 999; 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; }
.navbar-brand img { border-radius: 0; }
header .navbar { padding: 10px 0; }
header .navbar-collapse { text-align: center; }
header .navbar-nav li { margin: 0 30px; }
header .navbar-nav li a { color: #ffffff; position: relative; font-size: 18px; }
header .navbar-nav li a:hover, header .navbar-nav li.current-menu-item a { color: #ffffff; text-decoration: none; }
header .navbar-nav li.current-menu-item a:before { content: ""; position: absolute; left: 0; bottom: -5px; display: inline-block; width: 30px; height: 2px; background: #ff7272; }
header.menu-sticky { background: transparent; padding: 0 0; }
header .container-fluid { 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.menu-sticky .container-fluid { max-width: 100%; padding: 0 25px; }
header.menu-sticky .navbar { padding: 0; }
header.menu-sticky #top-menu { display: none; }
header.menu-sticky .menu-icon { top: 45px; }
header .navbar-brand { display: inline-block; }
header .navbar-brand2 { display: none; padding: 15px; background: #151727; position: relative; border-radius: 900px; margin-top: 15px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); }
header .navbar-brand { margin-right: 0; }
header.menu-sticky .navbar-brand { display: none; }
header.menu-sticky .navbar-brand2 { display: inline-block; }
header .iq-img2 .logo1 { position: relative; width: 60px; padding: 10px; border-radius: 0; }
header .iq-img2 .logo2 { width: 52px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 0; }
.menu-top-menu-container { display: inline-block; width: 100%; }
.hd-left-info { display: none; position: fixed; left: 0; bottom: 0; height: 100%; width: 70px; z-index: 99; text-align: center; }
.hd-info { display: inline-block; position: fixed; right: 0; bottom: 0; height: 60%; width: 92px; vertical-align: center; text-align: center; font-size: 14px; z-index: 9; }
.hd-info .sc-icon { margin: 0; padding: 0; }
.hd-info .sc-icon li { list-style: none; margin-bottom: 10px; }
.hd-info .sc-icon li a { color: rgba(255, 255, 255, 1); }
.hd-info .sc-icon li a:hover { color: #ffffff; text-decoration: none; }
.slide-bar-menu { padding: 30px; position: fixed; top: 0; right: -400px; width: 325px; height: 100%; background: #151727; opacity: 1; z-index: 99; 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; }
.menu-open .slide-bar-menu { right: 0; }
.slide-bar-menu .menu-info { margin: 95px 0 0; padding: 0; }
.slide-bar-menu .menu-info li { list-style-type: none; margin-bottom: 10px; transform: translate(200px, 0px); 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; }
.slide-bar-menu .menu-info li a { font-size: 26px; font-family: 'Conv_Hero-Bold'; color: #ffffff; opacity: 0.8; text-transform: uppercase; }
.slide-bar-menu .menu-info li a:hover { opacity: 1; text-decoration: none; }
.menu-open .slide-bar-menu .menu-info li:nth-child(1) { transform: translate(0px, 0px); opacity: 1; transition-delay: 0.2s; }
.menu-open .slide-bar-menu .menu-info li:nth-child(2) { transform: translate(0px, 0px); opacity: 1; transition-delay: 0.3s; }
.menu-open .slide-bar-menu .menu-info li:nth-child(3) { transform: translate(0px, 0px); opacity: 1; transition-delay: 0.4s; }
.menu-open .slide-bar-menu .menu-info li:nth-child(4) { transform: translate(0px, 0px); opacity: 1; transition-delay: 0.5s; }
.menu-open .slide-bar-menu .menu-info li:nth-child(5) { transform: translate(0px, 0px); opacity: 1; transition-delay: 0.6s; }
.menu-open .slide-bar-menu .menu-info li:nth-child(6) { transform: translate(0px, 0px); opacity: 1; transition-delay: 0.7s; }
.menu-open .slide-bar-menu .menu-info li:nth-child(7) { transform: translate(0px, 0px); opacity: 1; transition-delay: 0.8s; }
.slider-info { position: absolute; bottom: 0; background: #1b1d31; height: 150px; left: 0; padding: 15px 15px 15px 30px; }
.slider-info a { color: #ffffff; display: inline-block; width: 100%; font-size: 20px; transform: translate(200px, 0px); 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; }
.menu-open .slider-info a:nth-child(1) { transform: translate(0px, 0px); opacity: 1; transition-delay: 0.9s; }
.menu-open .slider-info a:nth-child(2) { transform: translate(0px, 0px); opacity: 1; transition-delay: 1.0s; }
.slide-bar-menu .menu-info li.current_page_item a:before { content: ""; position: absolute; left: 0; bottom: -5px; display: inline-block; width: 60px; height: 4px; background: #ff7272; border-radius: 90px; }
.mc4wp-response p { display: inline-block; width: 100%; }


header .navbar-nav li:nth-child(3) {  position: relative;  }
header .navbar-nav li:nth-child(3):after { content: ''; position: absolute; bottom: 0; left: 0;     width: 100%;
    height: 3px;  background: linear-gradient(100deg, #2fe7fd, #f37055, #a82ffd, #2ffdd9, #2fddfd, #fd2f2f, #f1fd2f, #2ffd78);  z-index: -1; animation: animatedgradient 2s ease alternate infinite; background-size: 300% 300%; }
@keyframes animatedgradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/*--------------------------------------------------------------
                       Banner
--------------------------------------------------------------*/
.banner { position: relative; }
.banner-in { padding: 180px 0 180px !important; }
.banner_canvas { position: fixed; top: 0; left: 0; height: 100%; width: 100%; }
#banner { color: #0e0f1a; text-align: center; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%) !important; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) !important; width: 85%; }
.banner h6 { font-size: 22px; letter-spacing: 6px; font-family: 'Conv_Hero-Regular'; position: relative; margin-top: 100px; text-transform: uppercase; }
.banner h1 { font-size: 4.241em; margin-left: 20%; position: relative; }
.banner h1 span { position: relative; }
.banner h1 span:before { position: absolute; content: ""; bottom: 0; left: 10px; right: 15px; width: auto; border-radius: 900px; height: 5px; display: inline-block; background: #ff7272; }
.banner h1 span:after { position: absolute; content: ""; bottom: 0; right: 5px; width: 5px; border-radius: 900px; height: 5px; display: inline-block; background: #ff7272; }
.banner .button { float: right; margin-top: 30px; position: relative; }
.banner .line-button { margin-top: 12%; position: absolute; }
.banner .bann-img img { border-radius: 0; position: absolute; left: -15%; width: 60px; bottom: -120px; }

/*--------------------------------------------------------------
                       Future
--------------------------------------------------------------*/
.white-box { background:#fff;position: relative; color: #0e0f1a; padding: 120px 60px !important; margin-left: 0 !important; margin-right: 0 !important; -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0); -moz-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0); }
.white-box h6, .white-box h2, .white-box h1, .white-box h3 { color: #0e0f1a; }
.white-box .button { color: #0e0f1a; }
.white-box .button .line { background: #0e0f1a; }

/*--------------------------------------------------------------
                       Future
--------------------------------------------------------------*/
.iqonic-future { text-align: center; position: relative; z-index: 9; margin-top: -140px; padding: 30px 29px; background: #151727; border-radius: 10px; display: inline-block; width: 100%; }
.iqonic-future img { margin-bottom: 15px; }
.iqonic-future h4 { font-family: 'Conv_Alexana Neue'; letter-spacing: 5px; font-weight: normal; }
.iqonic-future p { margin-bottom: 0; }
@-webkit-keyframes rotate {
  100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); }
}
@keyframes rotate {
  100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); }
}
.iqonic-awards { position: relative; z-index: 9; text-align: center; }
.iqonic-awards img { margin-bottom: 15px; width: 40%; }
.iqonic-awards p { margin-bottom: 0; }
.mt-5 .iqonic-future { margin-top: -40px; }
.mt-5.pt-5 .iqonic-future { margin-top: 60px; }
.iqonic-space-bottom { margin-top: -140px; }
.iqonic-space-bottom.mt-5 { margin-top: 0 !important; }
.iqonic-space-bottom.mt-5.pt-5 { margin-top: 60px !important; }
.iqonic-box { text-align: center; position: relative; z-index: 9; padding: 30px 15px; background: #151727; border-radius: 10px; display: inline-block; width: 100%; }
.iqonic-box img { margin-bottom: 15px; }
.iqonic-box p { margin-bottom: 0; }

/*---------------------------------------------------------------------
                              Portfolio
-----------------------------------------------------------------------*/
.home  .isotope-filters { display: none; }
.iq-masonry-block { position: relative; z-index: 9; }
.isotope-filters { display: table; display: none; margin: 0 auto 40px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.isotope-filters  button { margin: 0 4px; cursor: none; padding: 5px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; color: #24262b; border: none; font-weight: normal; text-transform: uppercase; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.isotope-filters  button.active, .isotope-filters  button:hover { background: #ff7272; color: #ffffff; }
.isotope-filters  button:focus { outline: none; outline-style: none; outline-offset: 0; }

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

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

/* Masonry */
.iq-masonry.iq-columns-2 .iq-masonry-item { width: 50%; padding: 0 30px 30px 0; }
.iq-masonry.iq-columns-3 .iq-masonry-item { width: 33.333333%; padding: 0 35px 90px; }
.iq-masonry.iq-columns-4 .iq-masonry-item { width: 25%; padding: 0 30px 30px 0; }
.iq-masonry.iq-columns-5 .iq-masonry-item { width: 20%; padding: 0 30px 30px 0; }
.home .iq-masonry.iq-columns-3 .iq-masonry-item.it2 { margin-top: -100px; }
.home .iq-masonry.iq-columns-3 .iq-masonry-item.it3 { margin-top: -250px; }

/* Grid Full Screen */
.isotope.full-grid, .iq-masonry.full-grid { margin: 0 -30px 0 0; }
.isotope.full-grid .iq-grid-item { padding: 0 30px 30px 0; }

/* Grid Full Screen No Space*/
.isotope.full-grid.no-padding, .iq-masonry.full-grid.no-padding { margin: 0; }
.isotope.full-grid.no-padding .iq-grid-item { padding: 0 !important; }
@media(max-width:1199px) {
  .isotope.iq-columns-4 .iq-grid-item, .iq-masonry.iq-columns-4 .iq-masonry-item { width: 33.3% }
  .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-5 .iq-masonry-item { width: 25%; }
}
@media(max-width:992px) {
  .isotope.iq-columns-4 .iq-grid-item, .iq-masonry.iq-columns-4 .iq-masonry-item { width: 50%; }
  .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-3 .iq-masonry-item, .iq-masonry.iq-columns-5 .iq-masonry-item { width: 50%; }
}
@media(max-width:767px) {
  .isotope.iq-columns-4 .iq-grid-item, .isotope.iq-columns-2 .iq-grid-item, .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-2 .iq-masonry-item, .iq-masonry.iq-columns-3 .iq-masonry-item, .iq-masonry.iq-columns-4 .iq-masonry-item, .iq-masonry.iq-columns-5 .iq-masonry-item { width: 100% }
}
.iq-portfolio-box { position: relative; display: inline-block; width: 100%; }
.iq-portfolio-box .iq-portfolio-image { position: relative; overflow: hidden; border-radius: 10px; }
.iq-portfolio-info { margin-left: 60px; display: inline-block; width: 100%; z-index: 999; margin-top: 20px; 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; }
.iq-portfolio-info h4 { line-height: normal; }
.iq-portfolio-info h4 a:hover { text-decoration: none; }
.iq-portfolio-info span { float: left; display: inline-block; width: 100%; float: Left; text-transform: capitalize; letter-spacing: 2px; font-size: 16px; }
.iq-portfolio-box .iq-portfolio-image a { display: inline-block; width: 100%; height: 100%; }
.iq-portfolio-box:hover .iq-portfolio-info { left: 0; bottom: 0; padding: 15px; margin-left: 0; }
.iq-portfolio-box .iq-portfolio-image a { -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; -webkit-transform: scale(1); transform: scale(1); }
.iq-portfolio-box:hover .iq-portfolio-image a { -webkit-transform: scale(1.1); transform: scale(1.1); }
.owl-carousel .iq-portfolio-box:hover .iq-portfolio-info { padding: 0 0 15px 0; }
.Preview-buttons ul { margin: 0; padding: 0; display: inline-block; width: 100%; text-align: center; }
.Preview-buttons ul li { list-style-type: none; margin-right: 11px; margin-top: 30px; display: inline-block; }
.Preview-buttons ul li .button.bg { padding: 12px 30px; background: #ff7272; color: #ffffff; margin-left: 0; }

/* Grid Full Screen No Space*/
.iq-portfolio-block { padding: 30px; border-radius: 10px; position: relative; overflow: hidden; -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; }
.iq-portfolio-block:hover { -webkit-transform: scale(1.0.6); transform: scale(1.0.6); }
.iq-portfolio-block:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 9; background: rgba(12, 12, 12, 1); background: -moz-linear-gradient(left, rgba(12, 12, 12, 1) 0%, rgba(12, 12, 12, 1) 45%, rgba(12, 12, 12, 0.61) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(12, 12, 12, 1)), color-stop(45%, rgba(12, 12, 12, 1)), color-stop(100%, rgba(12, 12, 12, 0.61))); background: -webkit-linear-gradient(left, rgba(12, 12, 12, 1) 0%, rgba(12, 12, 12, 1) 45%, rgba(12, 12, 12, 0.61) 100%); background: -o-linear-gradient(left, rgba(12, 12, 12, 1) 0%, rgba(12, 12, 12, 1) 45%, rgba(12, 12, 12, 0.61) 100%); background: -ms-linear-gradient(left, rgba(12, 12, 12, 1) 0%, rgba(12, 12, 12, 1) 45%, rgba(12, 12, 12, 0.61) 100%); background: linear-gradient(to right, rgba(12, 12, 12, 1) 0%, rgba(12, 12, 12, 1) 45%, rgba(12, 12, 12, 0.61) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0f1a', endColorstr='#0e0f1a', GradientType=1); }
.iq-portfolio-header { margin-bottom: 15px; z-index: 9; position: relative; display: flex; align-items: flex-start; }
.iq-portfolio-header-info { margin-left: 15px; flex: 1; }
.iq-portfolio-footer p { font-size: 16px; }
.iq-portfolio-block-images { position: absolute; top: 0; height: 100%; right: 0; background-size: cover; border-radius: 11px; }
.iq-portfolio-block-images img { width: auto; height: 100%; }
.iq-portfolio-image img { width: 90%; border: 2px solid #ffffff21;}
.portfolio-meta { margin: 15px 0; padding: 0; }
.portfolio-meta li { list-style: none; margin-bottom: 5px; }
.portfolio-meta li h3 { display: inline-block; }
.iq-portfolio-box.free .iq-portfolio-info { margin-left: 0; }
.iq-portfolio-box.free .iq-portfolio-info { padding: 0; }
.iq-portfolio-box.free ul { margin: 15px 0 0 0; padding: 0; display: inline-block; }
.iq-portfolio-box.free ul li { margin-right: 10px; padding: 5px 10px; background: #151727; display: inline-block; float: left; border-radius: 4px; }
.iq-portfolio-box.free ul li:last-child { margin-right: 0; }
.iq-portfolio-box.free ul li a { transform: inherit; float: left; }
.iq-portfolio-box.free ul li:hover { background: #ff7272; }
.iq-portfolio-box:hover .iq-portfolio-image a { transform: inherit; }

/*---------------------------------------------------------------------
                              Footer
-----------------------------------------------------------------------*/
.footer-logo img { height: 60px; border-radius: 0; }
.iqonic_copyright { margin-top: 15px; }
.iqonic_copyright p { margin-bottom: 0; }
.mc4wp-form { position: relative; }
.mc4wp-form input[type=submit] { position: absolute; right: 0; width: auto; top: 0; border-radius: 3px; right: -3px; }

/*---------------------------------------------------------------------
                              Footer
-----------------------------------------------------------------------*/
#portfolio-main, .single-post .site-main { margin-top: 140px; }
.portfolio-creck { padding: 120px 0; }

/*---------------------------------------------------------------------
                            CONTACT US
-----------------------------------------------------------------------*/
.wpcf7-form p { display: inline-block; width: 100%; }
.wpcf7-form textarea { margin-bottom: 30px; }
.wpcf7-form label { width: 100%; }
.contact-us iframe { width: 100%; display: inline-block; height: 450px; float: left; }
.iq-quicksupport { margin-bottom: -100px; }
.iq-contactus-page { margin-bottom: -100px; }
.iq-contact { text-align: center; }
span.wpcf7-not-valid-tip { display: none; }
input.wpcf7-not-valid { border-color: red; }

/*---------------------------------------------------------------------
                              Images Effcet
-----------------------------------------------------------------------*/
.img-one-e img { position: absolute !important; right: -80px; bottom: 0; border-radius: 0; width: 140px; }
.img-one-ee img { position: absolute !important; right: 18%; bottom: 80px; border-radius: 0; width: 120px; }
.img-one-ee:before { width: 600px; height: 600px; content: ""; display: inline-block; position: absolute; left: 100%; bottom: -100px; border-radius: 900px; border: 3px dotted #ffffff; -webkit-animation: fa-spin 160s infinite linear; animation: fa-spin 160s infinite linear; opacity: 1; }
.img-one-w { position: absolute !important; right: 8%; bottom: 80px; border-radius: 0; width: 120px; }
.img-one-w:before { width: 400px; height: 400px; content: ""; display: inline-block; position: absolute; right: 350%; top: 100%; border-radius: 900px; border: 3px dotted #ff7272; -webkit-animation: fa-spin 120s infinite linear; animation: fa-spin 120s infinite linear; opacity: 1; }

/* */
.img-one-r img { position: absolute !important; right: 90%; bottom: 50px; border-radius: 0; }
.img-one-r:before { width: 600px; height: 600px; content: ""; display: inline-block; position: absolute; left: 101%; bottom: -81px; border-radius: 900px; border: 3px dotted #ffffff; -webkit-animation: fa-spin 160s infinite linear; animation: fa-spin 160s infinite linear; opacity: 1; }

/* .fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
} */
@-webkit-keyframes fa-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@keyframes fa-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

/*---------------------------------------------------------------------
                        Blog - SideBar
-----------------------------------------------------------------------*/
.page-id-10 .content-area .site-main { padding-bottom: 0; }
.iq-post-sidebar { height: 100%; }
.widget { margin-bottom: 45px; padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: inline-block; width: 100%; float: left; position: relative; }
.widget:last-child { margin-bottom: 0; }
.widget .widget-title { margin-bottom: 15px; padding-bottom: 0; font-size: 1.25em; position: relative; }
.footer-title { margin-bottom: 5px; }

/*SideBar - Search*/
.search-form { position: relative; }
.search-form label { display: none; }
.search-form input { padding-right: 40px; box-shadow: none; border-radius: 0; color: #ffffff; border: 2px solid #ffffff; padding-left: 15px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.search-form input:focus, .search-form input[type=text]:focus, .search-form input[type=email]:focus, .search-form input[type=search]:focus, .search-form input[type=password]:focus { border: 2px solid #0e0f1a; }
.search-form .search-submit { position: absolute; right: 0; top: 0; color: #ffffff; cursor: none; padding: 5px 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: #ffffff; position: relative; padding-left: 0; -ms-word-wrap: break-word; word-wrap: break-word; }
.widget ul li a:hover { color: #ffffff; text-decoration: underline; }

/*SideBar - Recent Comments*/
.widget.widget_recent_comments #recentcomments li.recentcomments span a { color: #6f6f6f; }
.widget.widget_recent_comments #recentcomments li.recentcomments a:before { display: none; }
.widget.widget_recent_comments #recentcomments li.recentcomments a { color: #0e0f1a; padding-left: 0; }
.widget.widget_recent_comments #recentcomments li.recentcomments a:hover { color: #0e0f1a; text-decoration: underline !important; padding-left: 0; }

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

/* 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: #ffffff; font-weight: 600; }
.widget.widget_rss ul li a:hover { color: #0e0f1a; }
.widget.widget_rss ul li a:before { display: none; }
.widget.widget_rss ul li .rss-date { font-weight: 600; font-size: 12px; text-transform: uppercase; display: inline-block; width: 100%; margin: 5px 0; }
.widget.widget_rss ul li cite { font-weight: 600; margin-top: 5px; display: inline-block; width: 100%; }

/*widget Nav Menu*/
.widget.widget_nav_menu ul li, .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: 25px; }

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

/*SideBar - Tags*/
.widget_tag_cloud ul { margin: 0; padding: 0; }
.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: #ffffff; padding: 2px 15px; border: 1px solid #24262b; 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: #0e0f1a; background: #0e0f1a; color: #ffffff; padding: 2px 15px; }
.widget_tag_cloud ul li a:before { display: none; }
article.hentry .iq-blog-box .iq-blog-detail .blog-content .widget_tag_cloud ul li a:hover { color: #ffffff; }

/* 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: #ffffff; 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
-----------------------------------------------------------------------*/
.page-two-column .iq-blog-box { margin-bottom: 60px; }
.sticky .iq-blog-box { border: 2px solid #0e0f1a; }
.single-post .iq-blog-box { margin: 0; }
.iq-blog-box { position: relative; overflow: hidden; margin: 0 30px; z-index: 9; }
.iq-blog-box .iq-blog-image { position: relative; text-align: center; display: inline-block; float: left; width: 100%; overflow: hidden; border-radius: 10px; margin-bottom: 30px; }
.iq-blog-box .iq-blog-image img { border-radius: 10px; -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; -webkit-transform: scale(1); transform: scale(1); }
.iq-blog-box:hover .iq-blog-image img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.iq-blog-box .iq-blog-image img { margin-bottom: 0; }
.iqonic-recentblog .iq-blog-box .iq-blog-image img { margin-bottom: 0; }
.iq-blog-box .blog-title { margin: 0 0 20px 0; }
.iq-blog-box .blog-title a h5 { color: #ffffff; text-decoration: none; }
.iq-blog-box .blog-title a:hover h5, .iq-blog-box .blog-title a:hover { color: #ffffff; text-decoration: underline; }
.owl-carousel .iq-blog-box .iq-blog-detail { padding: 0 15px 15px; display: inline-block; float: left; width: 100%; }
.owl-carousel .iq-blog-box .iq-blogtag { margin: 0 0 0 15px; }
.owl-carousel .iq-blog-box { margin-bottom: 0; }
.iq-blog-box .iq-blog-detail .iq-blog-meta ul { margin: 0 0 10px; padding: 0; line-height: 16px; }
.iq-blog-box .iq-blog-detail p { margin-bottom: 15px; }
.iq-blog-box .iq-blog-detail a { color: #ffffff; }
.iq-blog-box .iq-blogtag { margin: 0 0 0 30px; padding: 0; display: inline-block; width: 100%; position: absolute; bottom: 15px; left: 0; }
.iq-blog-box .iq-blogtag li { list-style: none; float: left; margin-right: 5px; }
.iq-blog-box .iq-blogtag li a, .iq-blog-box .iq-blog-detail .iq-blog-meta ul li a { color: #ffffff; font-size: 14px; text-transform: uppercase; }
.iq-blog-box .iq-blogtag li a:hover, .iq-blog-box .iq-blog-detail .iq-blog-meta ul li a:hover { text-decoration: none; background: #1b1b1b; color: #ffffff; }
.has-post-thumbnail .iq-blog-box .iq-blog-detail { padding: 30px 0; display: inline-block; float: left; width: 100%; }

.single-post .has-post-thumbnail .iq-blog-box .iq-blog-detail { padding: 30px 60px; background: #ffffff; color: #0e0f1a; border-radius: 10px; margin-top: 30px; }
.single-post .has-post-thumbnail .iq-blog-box .iq-blog-detail h1, .single-post .has-post-thumbnail .iq-blog-box .iq-blog-detail h2, .single-post .has-post-thumbnail .iq-blog-box .iq-blog-detail h3, .single-post .has-post-thumbnail .iq-blog-box .iq-blog-detail h4, .single-post .has-post-thumbnail .iq-blog-box .iq-blog-detail h5, .single-post .has-post-thumbnail .iq-blog-box .iq-blog-detail h6 { color: #0e0f1a; }
.single-post .has-post-thumbnail .iq-blog-box .iq-blog-detail a { color: #ff7272; }
.single-post .has-post-thumbnail .iq-blog-box .iq-blog-detail a:hover { text-decoration: underline; }

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

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

/* Audio */
article.hentry.format-audio .iq-blog-image { text-align: left; }
article.hentry.format-audio .iq-blog-image p:nth-child(-n+2) { display: inline-block; margin-bottom: 0; padding-top: 30px; }
article.hentry.format-audio .iq-blog-image p { margin-bottom: 0; padding-left: 30px; }
article.hentry.format-video .iq-blog-image p { margin-bottom: 0; }

/*pagination-nav*/
.page-numbers { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; padding: 0; margin: 0; }
.page-numbers li .page-numbers { position: relative; display: block; padding: 5px 17px; margin-left: 5px; color: #ffffff; background-color: #151727; border: 1px solid #151727; border-radius: 3px; }
.page-numbers li .page-numbers:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #ff7272; border-color: #ff7272; }
.page-numbers li .page-numbers:focus { z-index: 2; outline: 0; box-shadow: none; }
.page-numbers li .page-numbers:not(:disabled):not(.disabled) { cursor: pointer }
.page-numbers li .page-numbers.current { z-index: 1; color: #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: #ff7272; border-color: #ff7272; }

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

/* Comments Box */
.comments-area, .comment-respond { margin-top: 30px; }
.comments-area .comments-title, .comment-respond .comment-reply-title { 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: 4px; background: #ff7272; }
.comment-respond .comment-reply-title  a { font-weight: 600; color: #ffffff; font-size: 80%; }
.comment-respond .comment-reply-title  a:hover { color: #0e0f1a; 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: #ffffff; }
ol.commentlist .pingback a:hover { color: #0e0f1a; }
.commentlist li .comment-respond { margin-top: 30px; }
.commentlist .iq-comments-media { padding: 30px; border-radius: 0; border: 1px solid rgba(255, 255, 255, 0.2); position: relative; background: transparent; }
.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-size: 20px; color: #ff7272; }
.commentlist .iq-comments-info .title a:hover { text-decoration: none; }
.commentlist .iq-comment-metadata { font-size: 14px; color: #6f6f6f; margin: 5px 0; }
.commentlist .comment-content p { margin-bottom: 0; }
.commentlist .iq-comment-metadata a { color: #ffffff; }
.commentlist .iq-comment-metadata a:hover { color: #ffffff; 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: #0e0f1a; -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 { background: rgba(255, 255, 255, 1); color: #0e0f1a; }
.commentlist .iq-comments-media .reply a:hover { background: #ff7272; text-decoration: none; color: #ffffff; }
.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: 32.6%; display: inline-block; float: left; margin-right: 15px; margin-bottom: 30px; }
.comment-respond .comment-form-url { margin-right: 0; }
.comment-respond .form-submit { display: inline-block; width: 100%; margin-bottom: 0; }
.commentlist .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 32.55%; }
.comment-form-cookies-consent { display: inline-block; width: 100%; }

/*---------------------------------------------------------------------
                           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: none; 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: none; -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: none; -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: #24262b; 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: #0e0f1a; 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: none; }
.owl-carousel .owl-dots .owl-dot { box-shadow: none; outline: none; background: #151727; display: inline-block; border-radius: 90px; padding: 0; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid #151727; 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: none; }
.owl-carousel .owl-dots .owl-dot span { display: none; }
.owl-carousel .owl-dots .owl-dot:hover { background: #ff7272; border: 1px solid #ff7272; }
.owl-carousel .owl-dots .owl-dot.active { background: #ff7272; border: 1px solid #ff7272; }

/*---------------------------------------------------------------------
                        404 Page
-----------------------------------------------------------------------*/
.error-404 { text-align: center; padding-top: 120px; }
.error-404 .big-text { font-size: 240px; font-family: 'Conv_Hero-Bold'; line-height: 280px; color: #ffffff; font-weight: 700; }
.error-404 h4 { margin: 0 0 15px; }
.error-404 h6 { font-family: 'Conv_Hero-Regular'; }
.error-404 .button { margin-top: 30px }
.error-404 .search-form { display: inline-block; margin-top: 30px; width: 285px }

/*---------------------------------------------------------------------
                        Images Block
-----------------------------------------------------------------------*/
.font-alexana { font-family: 'Conv_Alexana Neue'; font-weight: 400; letter-spacing: 2px; }
.img-01 { position: relative; z-index: 9; }
.img-01 img { -webkit-box-shadow: 0px 10px 30px 0px rgba(14, 15, 26, 0.1); -moz-box-shadow: 0px 10px 30px 0px rgba(14, 15, 26, 0.1); box-shadow: 0px 10px 30px 0px rgba(14, 15, 26, 0.1); }
.iq-list { margin: 45px 0; padding: 0; display: inline-block; width: 100%; }
.iq-list li { margin-bottom: 20px; list-style: none; }
.iq-list li:last-child { margin-bottom: 0; }
.iq-list li i { float: left; font-size: 14px; margin-top: 12px; margin-right: 15px; color: #ff7272; }
.iq-list li span { display: table-cell; }
.iq-list li span b { color: #ff7272; font-size: 120%; }
.offer-box, .offer-box-last { position: relative; z-index: 9; }
.offer-box:before { content: ". . ."; position: absolute; top: 50%; margin-top: -67px; left: 100%; line-height: 20px; margin-left: -25px; display: inline-block; font-size: 50px; width: 50px; color: #ffffff; }
.offer-box-img { position: absolute; left: 82%; top: 0; display: inline-block; width: 44%; }

/*---------------------------------------------------------------------
                        Cookie
-----------------------------------------------------------------------*/
#gdpr-cookie-message { display: block !important; width: 75% !important; max-width: inherit !important; background: #fff !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; padding: 15px !important; }
#gdpr-cookie-message h4 { color: #ff7272 !important; margin-bottom: 0 !important; }
#gdpr-cookie-message p { color: #0e0f1a !important; margin-bottom: 0 !important; }
#gdpr-cookie-advanced { display: none !important; }
#gdpr-cookie-message button { background: #ff7272; padding: 8px 12px !important; color: #ffffff !important; position: absolute; bottom: 0; right: 0; }
#gdpr-cookie-message button:hover { background: #0e0f1a; }
.fc-widget-normal { z-index: 9 !important; }

/*---------------------------------------------------------------------
                 Pricing Plan
-----------------------------------------------------------------------*/
.iq-pricing { border: 3px solid #0e0f1a; padding: 0 0 30px 0; height: 100%; min-height: 782px; }
.iq-pricing h3 { color: #ff7272; font-size: 3em; }
.iq-pricing h3 del { color: #0e0f1a; font-size: 60%; }
.priceing-title { border-bottom: 3px solid #0e0f1a; padding: 30px 30px 45px; text-align: center; position: relative; }
ul.pricing-list { margin: 30px 30px; list-style: none; padding-left: 0; min-height: 423px; }
ul.pricing-list li { color: #24262b; position: relative; padding-left: 0px; margin-bottom: 7px; }
ul.pricing-list li::before { font-family: FontAwesome; content: "\f111"; font-size: 12px; color: #ff7272; margin-right: 10px; }
ul.pricing-list li.disable::before { color: #ff7272; }
.iq-pricing:hover, .iq-pricing:hover .priceing-title { border-color: #ff7272; 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 .button { padding: 15px 30px; background: #ff7272; color: #ffffff; margin-left: 30px; }
.iq-pricing .button .line { background: #ffffff; }
.pricing-tag { color: #ffffff; background: #ff7272; position: absolute; bottom: 0; left: 0; width: 100%; }

/*---------------------------------------------------------------------
                          Loved By Our Customers
-----------------------------------------------------------------------*/
.iq-client { position: relative; text-align: center; }
.iq-client .client-img { width: 80px; height: 80px; display: inline-block; border-radius: 90px; }
.client-info .client-name { margin-bottom: 15px; }

/*---------------------------------------------------------------------
                 Frequently Asked Questions
-----------------------------------------------------------------------*/
.iq-accordion { z-index: 9; position: relative; }
.iq-asked-cl .wpb_wrapper { margin: 60px 90px; }
.iq-accordion .ad-title { position: relative; padding: 15px 50px 15px 15px; font-family: 'Conv_Hero-Bold'; line-height: normal; background-color: #151727; display: block; text-align: left; color: #ffffff; text-decoration: none; }
.iq-accordion .iq-ad-block.ad-active .ad-title { background-color: #ff7272; }
.iq-accordion .ad-title:before { cursor: pointer; content: "+"; position: absolute; top: 0; right: 0; display: block; padding: 14px 20px; color: #ffffff; height: 100%; font-weight: normal; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.iq-accordion .ad-active .ad-title:before { content: "-"; }
.iq-accordion .ad-details { display: none; overflow: hidden; text-align: left; padding: 15px 15px; line-height: 28px; border-top: none; }
.iq-accordion .ad-details p { margin-bottom: 0; }
.iq-accordion .iq-ad-block { margin-bottom: 30px; }
.iq-accordion .iq-ad-block:last-child { margin-bottom: 0; }

/*---------------------------------------------------------------------
                 Service Detail
-----------------------------------------------------------------------*/
.iqonic-service { background: #ffffff; border-radius: 10px; }

/*---------------------------------------------------------------------
                 Free Resources
-----------------------------------------------------------------------*/
.popup-form h1, .popup-form h2, .popup-form h3, .popup-form h4, .popup-form h5, .popup-form h6 { color: #151727; margin-bottom: 20px; }
.popup-form label { color: #151727; margin-bottom: 30px; }
.popup-form input[type=text], .popup-form input[type=email], .popup-form input[type=search], .popup-form input[type=password], .popup-form textarea { border-bottom: 1px solid rgb(222, 222, 222); height: 35px; color: #151725; }
.button-blue { background: #151726 !important; color: #fff !important; border-radius: 3px !important; }
#fancybox-content, #fancybox-outer { border-radius: 10px; }
#fancybox-content div.wpcf7-response-output { color: #151726 !important; }
.ebd_link:hover { color: #ff7272; }

/*---------------------------------------------------------------------
                 Portfolio Detail
-----------------------------------------------------------------------*/
.portdetail .vc_row { padding-top: 80px; }
.fc-widget-normal iframe .webchat .hotline-launcher { margin: 0 !important; }
#productname { text-transform: capitalize; }
.mt-30 { margin-top: 30px; }