
/*
Qwilo - Multipurpose Responsive HTML5 Template
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in
*/

/*================================================
[  Table of contents  ]
================================================
:: Page Section Margin Padding
:: Text Weight
:: Buttons
:: Read More
:: Text Color
:: Text Decoration
:: Background Color
:: Section Title
:: BG Effect
:: BG Overlay
:: Gradient Overlay
:: lists Style
:: Header
:: Portfolio
:: Device Blog
:: Features
:: Tabs
:: Teams
:: Thank You
:: Coming Soon
:: Error 404
:: Help
:: Pricing
:: Testimonial
:: Counter
:: Skills
:: Accordions
:: Countdown
:: Login and Register
:: contact Us
:: Footer
:: Breadcrumb
======================================
[ End table content ]
======================================*/

/*---------------------------------------------------------------------
Page Section Margin Padding
---------------------------------------------------------------------*/

@import url("varialbe.css");

/***************************
Section padding
****************************/
.overview-block-ptb { padding: 80px 0; }
.overview-block-pt { padding: 80px 0 0; }
.overview-block-pb { padding: 0 0 80px; }
.overview-block-ptb1 { padding: 10px 0; }
.overview-block-pt1 { padding: 10px 0 0; }
.overview-block-pb1 { padding: 0 0 10px; }
.overview-block-ptb2 { padding: 20px 0; }
.overview-block-pt2 { padding: 20px 0 0; }
.overview-block-pb2 { padding: 0 0 20px; }
.overview-block-ptb3 { padding: 30px 0; }
.overview-block-pt3 { padding: 30px 0 0; }
.overview-block-pb3 { padding: 0 0 30px; }
.overview-block-ptb4 { padding: 40px 0; }
.overview-block-pt4 { padding: 40px 0 0; }
.overview-block-pb4 { padding: 0 0 40px; }
.overview-block-ptb5 { padding: 50px 0; }
.overview-block-pt5 { padding: 50px 0 0; }
.overview-block-pb5 { padding: 0 0 50px; }
.overview-block-ptb6 { padding: 60px 0; }
.overview-block-pt6 { padding: 60px 0 0; }
.overview-block-pb6 { padding: 0 0 60px; }
.overview-block-ptb7 { padding: 70px 0; }
.overview-block-pt7 { padding: 70px 0 0; }
.overview-block-pb7 { padding: 0 0 70px; }
.overview-block-ptb9 { padding: 90px 0; }
.overview-block-pt9 { padding: 90px 0 0; }
.overview-block-pb9 { padding: 0 0 90px; }
.overview-block-ptb100 { padding: 100px 0; }
.overview-block-pt100 { padding: 100px 0 0; }
.overview-block-pb100 { padding: 0 0 100px; }
.overview-block-ptb125 { padding: 125px 0; }
.overview-block-pt125 { padding: 125px 0 0; }
.overview-block-pb125 { padding: 0 0 125px; }
.overview-block-ptb150 { padding: 150px 0; }
.overview-block-pt150 { padding: 150px 0 0; }
.overview-block-pb150 { padding: 0 0 150px; }

/***************************
Padding All
****************************/
.iq-pall { padding: 0px !important; }
.iq-pall-10 { padding: 10px; }
.iq-pall-15 { padding: 15px; }
.iq-pall-20 { padding: 20px; }
.iq-pall-25 { padding: 25px; }
.iq-pall-30 { padding: 30px !important; }
.iq-pall-40 { padding: 40px !important; }
.iq-pall-50 { padding: 50px; }
.iq-pall-60 { padding: 60px !important; }
.iq-pall-70 { padding: 70px; }
.iq-pall-80 { padding: 80px; }
.iq-pall-90 { padding: 90px; }
.iq-pall-100 { padding: 100px; }
.iq-pall-110 { padding: 110px; }
.iq-pall-120 { padding: 120px; }
.iq-pall-130 { padding: 130px; }
.iq-pall-140 { padding: 140px; }
.iq-pall-150 { padding: 150px; }

/***************************
Padding Top and Bottom
****************************/
.iq-ptb-0 { padding: 0; }
.iq-ptb-10 { padding: 10px 0; }
.iq-ptb-15 { padding: 15px 0; }
.iq-ptb-20 { padding: 20px 0; }
.iq-ptb-25 { padding: 25px 0; }
.iq-ptb-30 { padding: 30px 0; }
.iq-ptb-40 { padding: 40px 0; }
.iq-ptb-50 { padding: 50px 0; }
.iq-ptb-60 { padding: 60px 0; }
.iq-ptb-70 { padding: 70px 0; }
.iq-ptb-80 { padding: 80px 0; }
.iq-ptb-90 { padding: 90px 0; }
.iq-ptb-100 { padding: 100px 0; }
.iq-ptb-110 { padding: 110px 0; }
.iq-ptb-120 { padding: 120px 0; }
.iq-ptb-130 { padding: 130px 0; }
.iq-ptb-140 { padding: 140px 0; }
.iq-ptb-150 { padding: 150px 0; }

/***************************
Padding Left and right
****************************/
.iq-plr-0 { padding: 0; }
.iq-plr-10 { padding: 0 10px; }
.iq-plr-15 { padding: 0 15px; }
.iq-plr-20 { padding: 0 20px; }
.iq-plr-25 { padding: 0 25px; }
.iq-plr-30 { padding: 0 30px !important; }
.iq-plr-40 { padding: 0 40px; }
.iq-plr-50 { padding: 0 50px; }
.iq-plr-60 { padding: 0 60px; }
.iq-plr-70 { padding: 0 70px; }
.iq-plr-80 { padding: 0 80px; }
.iq-plr-90 { padding: 0 90px; }
.iq-plr-100 { padding: 0 100px; }
.iq-plr-110 { padding: 0 110px; }
.iq-plr-120 { padding: 0 120px; }
.iq-plr-130 { padding: 0 130px; }
.iq-plr-140 { padding: 0 140px; }
.iq-plr-150 { padding: 0 150px; }

/***************************
Padding top
****************************/
.iq-pt-0 { padding-top: 0px; }
.iq-pt-10 { padding-top: 10px; }
.iq-pt-15 { padding-top: 15px; }
.iq-pt-20 { padding-top: 20px; }
.iq-pt-25 { padding-top: 25px; }
.iq-pt-30 { padding-top: 30px; }
.iq-pt-40 { padding-top: 40px !important; }
.iq-pt-50 { padding-top: 50px !important; }
.iq-pt-60 { padding-top: 60px; }
.iq-pt-70 { padding-top: 70px; }
.iq-pt-80 { padding-top: 80px; }
.iq-pt-90 { padding-top: 90px; }
.iq-pt-100 { padding-top: 100px; }
.iq-pt-110 { padding-top: 110px; }
.iq-pt-120 { padding-top: 120px; }
.iq-pt-130 { padding-top: 130px; }
.iq-pt-140 { padding-top: 140px; }
.iq-pt-150 { padding-top: 150px; }

/***************************
Padding Bottom
****************************/
.iq-pb-0 { padding-bottom: 0px; }
.iq-pb-10 { padding-bottom: 10px; }
.iq-pb-15 { padding-bottom: 15px; }
.iq-pb-20 { padding-bottom: 20px; }
.iq-pb-25 { padding-bottom: 25px; }
.iq-pb-30 { padding-bottom: 30px !important; }
.iq-pb-40 { padding-bottom: 40px; }
.iq-pb-50 { padding-bottom: 50px !important; }
.iq-pb-60 { padding-bottom: 60px; }
.iq-pb-70 { padding-bottom: 70px; }
.iq-pb-80 { padding-bottom: 80px; }
.iq-pb-90 { padding-bottom: 90px; }
.iq-pb-100 { padding-bottom: 100px; }
.iq-pb-110 { padding-bottom: 110px; }
.iq-pb-120 { padding-bottom: 120px; }
.iq-pb-130 { padding-bottom: 130px; }
.iq-pb-140 { padding-bottom: 140px; }
.iq-pb-150 { padding-bottom: 150px; }

/***************************
Padding Left
****************************/
.iq-pl-0 { padding-right: 0; }
.iq-pl-10 { padding-right: 10px; }
.iq-pl-15 { padding-right: 15px; }
.iq-pl-20 { padding-right: 20px; }
.iq-pl-25 { padding-right: 25px; }
.iq-pl-30 { padding-right: 30px; }
.iq-pl-40 { padding-right: 40px; }
.iq-pl-50 { padding-right: 50px !important; }
.iq-pl-60 { padding-right: 60px; }
.iq-pl-70 { padding-right: 70px; }
.iq-pl-80 { padding-right: 80px; }
.iq-pl-90 { padding-right: 90px; }
.iq-pl-100 { padding-right: 100px; }
.iq-pl-110 { padding-right: 110px; }
.iq-pl-120 { padding-right: 120px; }
.iq-pl-130 { padding-right: 130px; }
.iq-pl-140 { padding-right: 140px; }
.iq-pl-150 { padding-right: 150px; }

/***************************
Padding Right
****************************/
.iq-pr-0 { padding-left: 0px; }
.iq-pr-10 { padding-left: 10px; }
.iq-pr-15 { padding-left: 15px; }
.iq-pr-20 { padding-left: 20px; }
.iq-pr-25 { padding-left: 25px; }
.iq-pr-30 { padding-left: 30px; }
.iq-pr-40 { padding-left: 40px; }
.iq-pr-50 { padding-left: 50px; }
.iq-pr-60 { padding-left: 60px; }
.iq-pr-70 { padding-left: 70px; }
.iq-pr-80 { padding-left: 80px; }
.iq-pr-90 { padding-left: 90px; }
.iq-pr-100 { padding-left: 100px; }
.iq-pr-110 { padding-left: 110px; }
.iq-pr-120 { padding-left: 120px; }
.iq-pr-130 { padding-left: 130px; }
.iq-pr-140 { padding-left: 140px; }
.iq-pr-150 { padding-left: 150px; }

/***************************
Margin All
****************************/
.iq-mall-0 { margin: 0; }
.iq-mall-10 { margin: 10px; }
.iq-mall-15 { margin: 15px; }
.iq-mall-20 { margin: 20px; }
.iq-mall-25 { margin: 25px; }
.iq-mall-30 { margin: 30px; }
.iq-mall-40 { margin: 40px; }
.iq-mall-50 { margin: 50px; }
.iq-mall-60 { margin: 60px; }
.iq-mall-70 { margin: 70px; }
.iq-mall-80 { margin: 80px; }
.iq-mall-90 { margin: 90px; }
.iq-mall-100 { margin: 100px; }
.iq-mall-110 { margin: 110px; }
.iq-mall-120 { margin: 120px; }
.iq-mall-130 { margin: 130px; }
.iq-mall-140 { margin: 140px; }
.iq-mall-150 { margin: 150px; }

/***************************
Margin Top and Bottom
****************************/
.iq-mtb-0 { margin: 0; }
.iq-mtb-10 { margin: 10px 0 !important; }
.iq-mtb-15 { margin: 15px 0; }
.iq-mtb-20 { margin: 20px 0; }
.iq-mtb-25 { margin: 25px 0; }
.iq-mtb-30 { margin: 30px 0; }
.iq-mtb-40 { margin: 40px 0; }
.iq-mtb-50 { margin: 50px 0; }
.iq-mtb-60 { margin: 60px 0; }
.iq-mtb-70 { margin: 70px 0; }
.iq-mtb-80 { margin: 80px 0; }
.iq-mtb-90 { margin: 90px 0; }
.iq-mtb-100 { margin: 100px 0; }
.iq-mtb-110 { margin: 110px 0; }
.iq-mtb-120 { margin: 120px 0; }
.iq-mtb-130 { margin: 130px 0; }
.iq-mtb-140 { margin: 140px 0; }
.iq-mtb-150 { margin: 150px 0; }

/***************************
Margin Left and Right
****************************/
.iq-mlr-0 { margin: 0; }
.iq-mlr-10 { margin: 0 10px; }
.iq-mlr-15 { margin: 0 15px; }
.iq-mlr-20 { margin: 0 20px; }
.iq-mlr-25 { margin: 0 25px; }
.iq-mlr-30 { margin: 0 30px; }
.iq-mlr-40 { margin: 0 40px; }
.iq-mlr-50 { margin: 0 50px; }
.iq-mlr-60 { margin: 0 60px; }
.iq-mlr-70 { margin: 0 60px; }
.iq-mlr-80 { margin: 0 80px; }
.iq-mlr-90 { margin: 0 80px; }
.iq-mlr-100 { margin: 0 100px; }
.iq-mlr-110 { margin: 0 110px; }
.iq-mlr-120 { margin: 0 120px; }
.iq-mlr-130 { margin: 0 130px; }
.iq-mlr-140 { margin: 0 140px; }
.iq-mlr-150 { margin: 0 150px; }

/***************************
Margin Top
****************************/
.iq-mt-0 { margin-top: 0px; }
.iq-mt-10 { margin-top: 10px !important; }
.iq-mt-15 { margin-top: 15px; }
.iq-mt-20 { margin-top: 20px !important; }
.iq-mt-25 { margin-top: 25px; }
.iq-mt-30 { margin-top: 30px; }
.iq-mt-40 { margin-top: 40px; }
.iq-mt-50 { margin-top: 50px; }
.iq-mt-60 { margin-top: 60px; }
.iq-mt-70 { margin-top: 70px; }
.iq-mt-80 { margin-top: 80px; }
.iq-mt-90 { margin-top: 90px; }
.iq-mt-100 { margin-top: 100px; }
.iq-mt-110 { margin-top: 110px; }
.iq-mt-120 { margin-top: 120px; }
.iq-mt-130 { margin-top: 130px; }
.iq-mt-140 { margin-top: 140px; }
.iq-mt-150 { margin-top: 150px; }

/***************************
Margin Bottom
****************************/
.iq-mb-0 { margin-bottom: 0px; }
.iq-mb-10 { margin-bottom: 10px; }
.iq-mb-15 { margin-bottom: 15px; }
.iq-mb-20 { margin-bottom: 20px; }
.iq-mb-25 { margin-bottom: 25px; }
.iq-mb-30 { margin-bottom: 30px; }
.iq-mb-40 { margin-bottom: 40px; }
.iq-mb-50 { margin-bottom: 50px; }
.iq-mb-60 { margin-bottom: 60px; }
.iq-mb-70 { margin-bottom: 70px; }
.iq-mb-80 { margin-bottom: 80px !important; }
.iq-mb-90 { margin-bottom: 90px; }
.iq-mb-100 { margin-bottom: 100px; }
.iq-mb-110 { margin-bottom: 110px; }
.iq-mb-120 { margin-bottom: 120px; }
.iq-mb-130 { margin-bottom: 130px; }
.iq-mb-140 { margin-bottom: 140px; }
.iq-mb-150 { margin-bottom: 150px; }

/***************************
Margin Left
****************************/
.iq-ml-0 { margin-right: 0px; }
.iq-ml-10 { margin-right: 10px; }
.iq-ml-15 { margin-right: 15px; }
.iq-ml-20 { margin-right: 20px; }
.iq-ml-25 { margin-right: 25px; }
.iq-ml-30 { margin-right: 30px; }
.iq-ml-40 { margin-right: 40px; }
.iq-ml-50 { margin-right: 50px; }
.iq-ml-60 { margin-right: 60px; }
.iq-ml-70 { margin-right: 70px; }
.iq-ml-80 { margin-right: 80px; }
.iq-ml-90 { margin-right: 90px; }
.iq-ml-100 { margin-right: 100px; }
.iq-ml-110 { margin-right: 110px; }
.iq-ml-120 { margin-right: 120px; }
.iq-ml-130 { margin-right: 130px; }
.iq-ml-140 { margin-right: 140px; }
.iq-ml-150 { margin-right: 150px; }

/***************************
Margin Right
****************************/
.iq-mr-0 { margin-left: 0px !important; }
.iq-mr-10 { margin-left: 10px !important; }
.iq-mr-15 { margin-left: 15px; }
.iq-mr-20 { margin-left: 20px !important; }
.iq-mr-25 { margin-left: 25px; }
.iq-mr-30 { margin-left: 30px; }
.iq-mr-40 { margin-left: 40px; }
.iq-mr-50 { margin-left: 50px; }
.iq-mr-60 { margin-left: 60px; }
.iq-mr-70 { margin-left: 70px; }
.iq-mr-80 { margin-left: 80px; }
.iq-mr-90 { margin-left: 90px; }
.iq-mr-100 { margin-left: 100px; }
.iq-mr-110 { margin-left: 110px; }
.iq-mr-120 { margin-left: 120px; }
.iq-mr-130 { margin-left: 130px; }
.iq-mr-140 { margin-left: 140px; }
.iq-mr-150 { margin-left: 150px; }

/*---------------------------------------------------------------------
Text Weight
-----------------------------------------------------------------------*/
.iq-tw-1 { font-weight: 100; }
.iq-tw-2 { font-weight: 200; }
.iq-tw-3 { font-weight: 300; }
.iq-tw-4 { font-weight: 400; }
.iq-tw-5 { font-weight: 500; }
.iq-tw-6 { font-weight: 600; }
.iq-tw-7 { font-weight: 700; }
.iq-tw-8 { font-weight: 800; }
.iq-tw-9 { font-weight: 900; }

/*----------------------------------------------------------------------
Buttons
-----------------------------------------------------------------------*/
.button { background: var(--main-color); font-size: 16px; color: #ffffff; padding: 10px 20px; margin-left: 10px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px; display: inline-block; vertical-align: middle; text-transform: capitalize; border: 1px solid var(--main-color); cursor: pointer;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.button:hover, .button:focus { color: #ffffff; background: #222222; border: 1px solid #222222; -webkit-box-shadow: -2px 10px 30px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 10px 30px 5px rgba(0, 0, 0, 0.1); box-shadow: -2px 10px 30px 5px rgba(0, 0, 0, 0.1); }

/* Button white */
.button.white { background: #fff; color: #222222; border: 1px solid #fff; }
.button.white:hover, .button.white:focus { color: #ffffff; background: var(--main-color); border: 1px solid var(--main-color); }

/* Button white */
.button.white.grey { background: #fff; color: #222222; border: 1px solid #fff; }
.button.white.grey:hover, .button.white:focus { color: #ffffff; background: #222222; border: 1px solid #222222; }

/* Button line */
.button.line { background: rgba(255, 255, 255, 0); border: 1px solid #ffffff; color: #ffffff; }
.button.line:hover, .button.line:focus { background: rgba(255, 255, 255, 1); border: 1px solid #ffffff; color: var(--main-color); }

/* Button line green */
.button.line.green { background: rgba(255, 255, 255, 0); border: 1px solid var(--main-color); color: var(--main-color); }
.button.line.green:hover, .button.green.line:focus { background: rgba(255, 255, 255, 1); border: 1px solid #3f556c; color: #3f556c; }

/* Button grey */
.button.grey { background: #222222; border: 1px solid #222222; color: #ffffff; }
.button.grey:hover, .button.grey:focus { background: #444444; border: 1px solid #444444; }

/* Button width */
.button.large { padding: 16px 80px; font-size: 18px; }
.button.medium { padding: 14px 60px; font-size: 16px; }
.button.small { padding: 12px 40px; font-size: 14px; }
.button.extra-small { padding: 8px 20px; font-size: 13px; }

/*************************************
Read More
**************************************/
.read-more.white a { color: #ffffff; }
.read-more.white a:hover { color: var(--main-color); }
.read-more.white.green a { color: #ffffff; }
.read-more.white.green a:hover { color: #222222; }
.read-more.black a { color: #222222; }
.read-more.black a:hover { color: var(--main-color); }
.read-more.green a { color: var(--main-color); }
.read-more.green a:hover { color: #222222; }



/*---------------------------------------------------------------------
Revolution Slider
-----------------------------------------------------------------------*/

/*************************************
Banner Link
**************************************/
.banner-play a i{border: 1px solid #ffffff;
  background:rgba(255, 255, 255, 0);
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center !important;
    line-height: 60px !important;
    font-size: 20px !important;
    color: #ffffff;}
.banner-play a i:hover{ background:rgba(255, 255, 255, 1.0);
      color: #222222;}


/*************************
 Event Banner
*************************/
.iq-banner .banner-text{padding: 225px 0 150px 0;}
.iq-banner .banner-text h1{font-size: 50px; font-weight: 500;}
.iq-banner .banner-text p{ padding: 0 60px; }




/*---------------------------------------------------------------------
Text Color
-----------------------------------------------------------------------*/
.iq-font-green { color: var(--main-color); }
.iq-font-white { color: #ffffff; }
.iq-font-black { color: #222222; }
.iq-font-grey { color: #444444; }
.text-main { color: #4ec4f3; }
.text-grey { color: #444444; }


/*---------------------------------------------------------------------
Text Decoration:
-----------------------------------------------------------------------*/
.iq-font-italic { font-style: italic; }
.iq-lead { font-size: 16px; line-height: 24px; margin: 0; }

/*---------------------------------------------------------------------
Background Color
-----------------------------------------------------------------------*/
.white-bg { background: #ffffff; }
.dark-bg { background: #222222; }
.grey-bg { background: #f6f6f6; }
.green-bg { background: var(--main-color); }
.black-bg { background: #000000; }
.no-gutter > [class*='col-'] { padding-left: 0; padding-right: 0; }
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.no-padding { padding: 0px; }
.no-border { border: none; }

/*---------------------------------------------------------------------
Section Title
-----------------------------------------------------------------------*/
.heading-title { margin-bottom: 30px; }
.heading-title .title { position: relative; padding-bottom: 20px; }
.heading-title .title:before { content: ""; position: absolute; bottom: 10px; right: 50%; margin-right: -25px; width: 50px; height: 4px; background: var(--main-color); display: inline-block; }
.heading-title p { padding: 0 100px; display: block; margin-bottom: 50px; margin-top: 10px; line-height: 30px; }
.heading-title .title.white:before { content: ""; position: absolute; bottom: 10px; right: 50%; margin-right: -25px; width: 50px; height: 4px; background: #ffffff; display: inline-block; }
.text-left .heading-title p, .heading-title.text-left p, .heading-title p.text-left { padding: 0; margin-bottom: 20px; }
.heading-title .white.title:before { background: #fff; }
.heading-title .black.title:before { background: #222222; }

/*Small Title*/
.small-title { position: relative; padding-bottom: 10px; margin-bottom: 15px; }
.small-title:before { content: ""; position: absolute; bottom: 0px; right: 0; width: 40px; height: 4px; background: var(--main-color); display: inline-block; }
.small-title.white:before { background: #fff; }
.small-title.black:before { background: #222222; }

/*---------------------------------------------------------------------
BG Effect
-----------------------------------------------------------------------*/
.iq-bg { background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }
.iq-bg-fixed { background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; background-attachment: fixed; }
.iq-parallax { background-size: cover; position: relative; z-index: 0; background-repeat: inherit; }
.iq-bg-cover { background-size: cover; }

/*---------------------------------------------------------------------
BG Overlay
---------------------------------------------------------------------*/

/*************************
Black Overlay
*************************/
.iq-over-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-black-95:before { background: rgba(0, 0, 0, 0.95); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

/*************************
Grey Overlay
*************************/
.iq-over-grey-10:before { background: rgba(244, 244, 244, 0.1); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-grey-20:before { background: rgba(244, 244, 244, 0.2); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-grey-30:before { background: rgba(244, 244, 244, 0.3); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-grey-40:before { background: rgba(244, 244, 244, 0.4); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-grey-50:before { background: rgba(244, 244, 244, 0.5); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-grey-60:before { background: rgba(244, 244, 244, 0.6); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-grey-70:before { background: rgba(244, 244, 244, 0.7); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-grey-80:before { background: rgba(244, 244, 244, 0.8); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-grey-90:before { background: rgba(244, 244, 244, 0.9); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-grey-95:before { background: rgba(244, 244, 244, 0.95); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

/*************************
Green Overlay
*************************/
.iq-over-green-10:before { background: rgba(71, 164, 239, 0.1); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-green-20:before { background: rgba(71, 164, 239, 0.2); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-green-30:before { background: rgba(71, 164, 239, 0.3); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-green-40:before { background: rgba(71, 164, 239, 0.4); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-green-50:before { background: rgba(71, 164, 239, 0.5); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-green-60:before { background: rgba(71, 164, 239, 0.6); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-green-70:before { background: rgba(71, 164, 239, 0.7); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-green-80:before { background: rgba(71, 164, 239, 0.8); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-green-90:before { background: rgba(71, 164, 239, 0.9); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-green-95:before { background: rgba(71, 164, 239, 0.95); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

/*************************
White Overlay
*************************/
.iq-over-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-white-95:before { background: rgba(255, 255, 255, 0.95); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

/*************************
Dark Overlay
*************************/
.iq-over-dark-10:before { background: rgba(43, 62, 80, 0.1); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-dark-20:before { background: rgba(43, 62, 80, 0.2); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-dark-30:before { background: rgba(43, 62, 80, 0.3); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-dark-40:before { background: rgba(43, 62, 80, 0.4); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-dark-50:before { background: rgba(43, 62, 80, 0.5); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-dark-60:before { background: rgba(43, 62, 80, 0.6); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-dark-70:before { background: rgba(43, 62, 80, 0.7); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-dark-80:before { background: rgba(43, 62, 80, 0.8); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-dark-90:before { background: rgba(43, 62, 80, 0.9); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-dark-95:before { background: rgba(43, 62, 80, 0.95); content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
[class*='iq-over-']:before { z-index: 0; }

/*---------------------------------------------------------------------
Gradient Overlay
---------------------------------------------------------------------*/
.iq-gradient-overlay { position: relative; }
.iq-gradient-overlay:before { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,7db9e8+100&1+0,0+100 */ background: -moz-linear-gradient(right, rgba(44, 62, 80, 1) 0%, rgba(125, 185, 232, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(right, rgba(44, 62, 80, 1) 0%, rgba(125, 185, 232, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to left, rgba(44, 62, 80, 1) 0%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#007db9e8', GradientType=1); /* IE6-9 */ }
.iq-gradient-overlay.green:before { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--main-color)+0,7db9e8+100&1+0,0+100 */ background: -moz-linear-gradient(right, rgba(2, 216, 116, 1) 0%, rgba(125, 185, 232, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(right, rgba(2, 216, 116, 1) 0%, rgba(125, 185, 232, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to left, rgba(2, 216, 116, 1) 0%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--main-color)', endColorstr='#007db9e8', GradientType=1); /* IE6-9 */ }

/*---------------------------------------------------------------------
List Style
----------------------------------------------------------------------*/
ul { padding: 0; margin: 0; padding-right: 20px; }
ul li:after { position: absolute; color: var(--main-color); content: ""; font-family: 'FontAwesome'; right: 0; top: 0; }
ul li.dark:after { color: #222222; }

/*************************************
Listing Check
**************************************/
ul.listing-mark { padding: 0; margin: 0; }
ul.listing-mark li { position: relative; list-style-type: none; padding-right: 25px; margin: 10px 0; }
ul.listing-mark li:after { content: "\f00c"; }

/*************************************
Listing Check
**************************************/
ul.listing-check { padding: 0; margin: 0; }
ul.listing-check li { color: #222222; font-weight: 600; position: relative; padding-right: 30px; font-size: 16px; margin: 10px 0; }
ul.listing-check li:hover { color: var(--main-color); }
ul.listing-check li:before { content: "\e724"; position: absolute; right: 0; font-family: 'themify'; font-size: 18px; color: var(--main-color); font-weight: normal; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }
ul.listing-check li:hover:before { content: "\e65d"; }

/*************************************
Listing Check
**************************************/
ul.listing-dbl-mark { padding: 0; margin: 0; }
ul.listing-dbl-mark li { position: relative; list-style-type: none; margin: 10px 0; font-size: 16px; }
ul.listing-dbl-mark li { margin-bottom: 15px; line-height: 24px; }
ul.listing-dbl-mark li i { float: right; font-size: 30px; }
ul.listing-dbl-mark li span { display: table-cell; }




/*---------------------------------------------------------------------
Header
----------------------------------------------------------------------*/
header { position: absolute; right: 0; top: 0; display: inline-block; width: 100%; z-index: 999;}
header .menu-list-items .container-fluid { padding: 0 80px; }
header .mega-menu>section.menu-list-items { background: #222222; }

/*Mega Menu*/
.mega-menu { max-width: 100%; background: #fff; }
.mega-menu .menu-logo { margin: 17px 0 0; }
.mega-menu .menu-logo>li>a { padding: 0; }
.mega-menu .menu-logo > li > a img { height: 55px; position: initial; width: auto }
.mega-menu .menu-logo>li>a:hover, .mega-menu .menu-links>li.active, .mega-menu .menu-links>li:hover { background: none; }
.mega-menu .menu-links { float: left; }
.mega-menu .menu-links>li { line-height: 90px; margin-left: 10px; }
.mega-menu .menu-links>li .drop-down li, .mega-menu .menu-links>li .drop-down-multilevel li { line-height: normal; }
.mega-menu .menu-links>li>a { font-size: 16px; z-index: 9; line-height: 36px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; }
.mega-menu .menu-links>li.active>a:before, .mega-menu .menu-links>li:hover>a:before { position: absolute; top: 0; right: 0; background: var(--main-color); content: ""; height: 100%; width: 100%; z-index: -1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.mega-menu .menu-logo>li { line-height: normal; }
.mega-menu .drop-down a, .mega-menu .drop-down-tab-bar a { font-size: 14px; padding: 10px 0; }
.mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i { color: var(--main-color); }
.mega-menu .drop-down *, .mega-menu .drop-down-tab-bar * { color: #666; }
.mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 1px solid var(--main-color); -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); }
.mega-menu .drop-down-multilevel li:hover { background: var(--main-color); }
.mega-menu .drop-down-multilevel a { font-size: 14px; color: #666; }
.mega-menu .drop-down-multilevel { -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); }

/*Mega Menu sticky*/
.mega-menu.desktopTopFixed .menu-list-items { 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); -webkit-transition: all 0.3s ease-in-out; }
.mega-menu.desktopTopFixed .menu-logo { margin: 13px 0 0; }
.mega-menu.desktopTopFixed .menu-logo > li > a img { height: 45px; }
.mega-menu.desktopTopFixed .menu-links>li, .mega-menu.desktopTopFixed .menu-sidebar > li { line-height: 70px; }
.mega-menu.desktopTopFixed .menu-sidebar > li.iq-share { margin-top: 13px; }

/*Mega Menu Active*/
.mega-menu .menu-links>li.active ul li.active >a, .mega-menu .menu-links>li.active ul li.active >a i { color: var(--main-color); }
.mega-menu .menu-links>li.active ul.drop-down-multilevel li.active >a{ color: #fff; background: var(--main-color); }
.mega-menu .menu-links>li.active ul.drop-down-multilevel li.active >a i { color: #fff; z-index: inherit;}

/*Mega Menu sidebar*/
.mega-menu .menu-sidebar { padding: 0 15px 0 0; position: relative; }
.mega-menu .menu-sidebar:before { background: rgba(255, 255, 255, 0.4); right: 0; top: 50%; margin-top: -19px; width: 1px; height: 35px; content: ""; position: absolute; }
.mega-menu .menu-sidebar > li { float: right; line-height: 90px; margin: 0 2px; }
.mega-menu .menu-sidebar > li > a { margin: 0 10px; font-size: 16px; color: #fff; }
.mega-menu .menu-sidebar > li > a:hover { color: var(--main-color); }
.mega-menu .menu-sidebar > li.iq-share { margin-right: 10px; margin-left: 0; margin-top: 22px; }

/*Header share*/
.slideouticons { position: relative; -webkit-perspective: 1000px; perspective: 1000px; z-index: 1000; }
.slideouticons input { display: none; }
.slideouticons label.mainlabel { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 20px; width: 44px; height: 44px; text-align: center; color: white; background: var(--main-color);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; outline: none; z-index: 100000; -webkit-transition: all 0.3s; transition: all 0.3s; }
.slideouticons .iconswrapper { position: absolute; margin: 0; top: 60px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.slideouticons .iconswrapper ul { position: relative; list-style: none; margin: 0; padding: 0; z-index: -1; }
.slideouticons .iconswrapper ul li { margin-bottom: 10px; position: relative; opacity: 0; width: 45px; height: 45px; -webkit-transform: translateY(-100%) rotate(0); transform: translateY(-100%) rotate(0); -webkit-transition: all 0.5s; transition: all 0.5s; }
.slideouticons .iconswrapper ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; color: #222222; text-decoration: none; text-align: center; font-size: 16px; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: #fff; text-decoration: none;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05); }
.slideouticons .iconswrapper ul li a:hover { background: var(--main-color); color: white; }
.slideouticons input:checked ~ label.mainlabel { background: #fff; color: var(--main-color); }
.slideouticons input:checked ~ .iconswrapper { -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transition-delay: 0s; transition-delay: 0s; }
.slideouticons input:checked ~ .iconswrapper ul li { opacity: 1; -webkit-transform: translateY(0) rotate(-360deg); transform: translateY(0) rotate(-360deg); -webkit-transition: all 0.3s; transition: all 0.3s; }
.slideouticons input:checked ~ .iconswrapper ul li:nth-of-type(1) { -webkit-transition-delay: 0; transition-delay: 0; z-index: 4; }
.slideouticons input:checked ~ .iconswrapper ul li:nth-of-type(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; z-index: 3; }
.slideouticons input:checked ~ .iconswrapper ul li:nth-of-type(3) { -webkit-transition-delay: .4s; transition-delay: .4s; z-index: 2; }
.slideouticons input:checked ~ .iconswrapper ul li:nth-of-type(4) { -webkit-transition-delay: .6s; transition-delay: .6s; z-index: 1; }

/*  Horizontal Version CSS  */
.slideouticons.horizontal .iconswrapper { top: 0; right: 60px; }
.slideouticons.horizontal .iconswrapper ul li { display: inline; float: right; margin-bottom: 0; margin-left: 10px; -webkit-transform: translateX(100%) rotate(0); transform: translateX(100%) rotate(0); }
.slideouticons.horizontal input:checked ~ .iconswrapper ul li { -webkit-transform: translateX(0) rotate(-360deg); transform: translateX(0) rotate(-360deg); }
.slideouticons .iconswrapper { visibility: hidden; }
.slideouticons input:checked ~ .iconswrapper { visibility: visible; }

/*Header Dark Transparent*/
header.dark-transparent .mega-menu>section.menu-list-items { background: rgba(34, 34, 34, 0.4); }
header.dark-transparent .mega-menu.desktopTopFixed .menu-list-items { background: rgba(34, 34, 34, 0.8); }

/*Header Dark Boder*/
header.dark-boder .mega-menu>section.menu-list-items { background: rgba(34, 34, 34, 0.4); border-bottom: 1px solid rgba(34, 34, 34, 0.4); }

/*Header white*/
header.white .mega-menu>section.menu-list-items { background: #ffffff;}
header.white .mega-menu .menu-links>li>a { color: #222222; }
header.white .mega-menu .menu-links>li.active>a, header.white .mega-menu .menu-links>li:hover>a { color: #fff; 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.white .mega-menu .menu-sidebar > li > a { color: #222222; 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.white .mega-menu .menu-sidebar > li > a:hover { color: var(--main-color); }
header.white .mega-menu .menu-sidebar:before { background: rgba(34, 34, 34, 0.4); }



/*Header White Transparent*/
header.white-transparent .mega-menu>section.menu-list-items { background: rgba(255, 255, 255, 0.4);}
header.white-transparent .mega-menu.desktopTopFixed>section.menu-list-items { background: rgba(255, 255, 255, 1.0); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);}
header.white-transparent .mega-menu .menu-links>li>a { color: #222222; }
header.white-transparent .mega-menu .menu-links>li.active>a, header.white-transparent .mega-menu .menu-links>li:hover>a { color: #fff; 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.white-transparent .mega-menu .menu-sidebar > li > a { color: #222222; 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.white-transparent .mega-menu .menu-sidebar > li > a:hover { color: var(--main-color); }
header.white-transparent .mega-menu .menu-sidebar:before { background: rgba(34, 34, 34, 0.4); }
@media(max-width:992px) {
 header.white-transparent .mega-menu>section.menu-list-items { background: rgba(255, 255, 255, 1.0); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);}

header.header-06.white-transparent .mega-menu>section.menu-list-items { box-shadow: inherit; }
header.white-transparent .mega-menu .menu-mobile-collapse-trigger:before, header.white-transparent .mega-menu .menu-mobile-collapse-trigger:after, header.white-transparent .mega-menu .menu-mobile-collapse-trigger span {
background: #000;}
}
/*Header White Boder*/
header.white-boder .mega-menu>section.menu-list-items { background: rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
header.white-boder .mega-menu.desktopTopFixed .menu-list-items { background: rgb(34, 34, 34, 0.9); border-bottom: 1px solid rgba(34, 34, 34, 0.9); }

/* Header 01 Cart
-----------------------------------------------------------------------*/
header.re-none .shop-cart a.iq-cart.black {color: #222222;}
header.re-none .shop-cart a:hover.iq-cart.black {color: #666666 !important;}
header.white-transparent .shop-cart i,header.white .shop-cart i{color: #222222;}

/* Header Style 01
-----------------------------------------------------------------------*/
.header-01 .container-fluid { padding: 0 90px; }
.header-01 .mega-menu .menu-sidebar:before { display: none; }
.header-01 .mega-menu .menu-sidebar { padding-right: 0; }
.header-01 .mega-menu>section.menu-list-items { background: none; }
.header-01 .mega-menu.desktopTopFixed .menu-list-items { background: #fff; }

.header-01 .shop-cart a.iq-cart.black {color: #222222;}
.header-01 .shop-cart a:hover.iq-cart.black {color: #666666 !important;}



/*---- Header Topbar ----*/
.topbar { padding: 5px 0px; background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.topbar li { position: relative; }
.topbar li, .topbar li a { color: #ffffff; line-height: initial; 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; }
.topbar .topbar-right li a:hover { color: #333333; 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; }
.topbar .list-inline-item:not(:last-child) { border-left: 1px solid #ffff; padding-left: 15px; margin-left: 10px; }
.topbar .list-inline-item a:hover { color: var(--main-color); }
.topbar .list-inline-item i { padding-left: 8px; }
.topbar .topbar-right .iq-left .list-inline-item { position: relative; border: none; }
.topbar .topbar-right .iq-left .list-inline-item:first-child:before { position: absolute; content: "/"; left: 0; top: 0; }

/*Header white*/
.header-01.white .topbar { background: var(--main-color); border: none; position: relative;z-index: 999999;}
.header-01.white .topbar .topbar-right li a:hover { color: #222; }
.header-01.white .mega-menu.desktopTopFixed .menu-list-items { background: #fff; }
.header-01.white .mega-menu .menu-links>li:hover>a { color: #fff; }

/*Header Dark*/
.header-01.dark .topbar { background: var(--main-color); border: none; }
.header-01.dark .topbar .topbar-right li a:hover { color: #222; }
.header-01.dark .mega-menu>section.menu-list-items { background: #222; }

/*Header white transparent*/
.header-01.white-transparent .topbar { background: rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.header-01.white-transparent .topbar .topbar-right li a:hover { color: #222; }
.header-01.white-transparent .mega-menu>section.menu-list-items { background: rgba(255, 255, 255, 0.4); }
.header-01.white-transparent .mega-menu .menu-links>li>a { color: #fff; }
.header-01.white-transparent .mega-menu .menu-sidebar > li > a { color: #fff; }
.header-01.white-transparent .mega-menu.desktopTopFixed .menu-links>li>a{ color: #222222 !important; }
.header-01.white-transparent .mega-menu.desktopTopFixed .menu-links>li.active>a, .header-01.white-transparent .mega-menu.desktopTopFixed .menu-links>li:hover>a{ color: #fff;}


.header-01.white-transparent .mega-menu.desktopTopFixed .shop-cart a.iq-cart, .header-01.white-transparent .mega-menu.desktopTopFixed #btn-search{color: #222222;}
.header-01.white-transparent .mega-menu.desktopTopFixed .shop-cart a:hover.iq-cart {color: #666666 !important;}
btn-search



/*Header Dark transparent*/
.header-01.dark-transparent .topbar { background: rgba(34, 34, 34, 0.9); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.header-01.dark-transparent .mega-menu>section.menu-list-items { background: rgba(34, 34, 34, 0.9); }

/* Header Style 02
-----------------------------------------------------------------------*/
.header-02 { position: inherit; }
.header-02 .mega-menu .menu-logo { display: inline-block; width: 100%; text-align: center; margin: 0; padding: 20px 0; border-bottom: 1px solid #eee; }
.mega-menu .menu-logo>li, .mega-menu .menu-logo>li>a { float: none; text-align: center; }
.header-02 .mega-menu .menu-logo > li > a img { display: inline-block; float: none; }
.header-02 .mega-menu .menu-links { float: right; }
.header-02 .mega-menu>section.menu-list-items { background: #fff; }
.header-02 .mega-menu .menu-links>li { line-height: 65px; }
.header-02 .mega-menu .menu-links>li:first-child a { padding-right: 0; }
.header-02 .mega-menu .menu-links>li>a { color: #222222; }
.header-02 .mega-menu .menu-links>li.active>a, .header-02 .mega-menu .menu-links>li:hover>a { color: var(--main-color); }
.header-02 .mega-menu .menu-sidebar > li > a { color: #222222; }
.header-02 .mega-menu .menu-sidebar > li > a:hover { color: var(--main-color); }
.header-02 .mega-menu .menu-links>li.active>a:before, .header-02 .mega-menu .menu-links>li:hover>a:before { display: none; }

.header-02 .shop-cart{position: absolute; left: 0; top: 50%;}
.header-02 .shop-cart .cart-box {top: 40px;}


/*---- Header 02 Socil Bar ----*/
.menu-socil li { float: right; margin: 7px 10px 0; line-height: 50px; }
.menu-socil li a { float: right; }
.menu-socil li:last-child { margin-left: 20px; }

/*---- Header 02 Topbar ----*/
.header-02 .topbar { border-bottom: none; background: var(--main-color); }
.header-02 .topbar .topbar-right li a:hover { color: #222; }

/*---- Header 02 sticky ----*/
.header-02 .mega-menu.desktopTopFixed .menu-logo { margin: 0; padding: 15px 0; }
.header-02 .mega-menu.desktopTopFixed .menu-links>li { line-height: 60px; }
.header-02 .mega-menu.desktopTopFixed .menu-socil li { margin: 3px 10px 0; }

/*Header 02 white*/
.header-02.white .topbar { background: #f6f7f9; border-bottom: 1px solid #eeeeee; position: relative;z-index: 999999;}
.header-02.white .topbar li, .header-02.white .topbar li a { color: #222; }
.header-02.white .topbar .list-inline-item:not(:last-child) { border-color: #222; }
.header-02.white .topbar .topbar-right li a:hover { color: var(--main-color); }
.header-02.white .mega-menu .menu-links>li.active>a, .header-02.white .mega-menu .menu-links>li:hover>a { color: var(--main-color); }
.header-02.white .mega-menu .menu-sidebar > li > a { color: #222222; }
.header-02.white .mega-menu .menu-sidebar > li > a:hover { color: var(--main-color); }

/*Header 02 Dark*/
.header-02.dark .mega-menu>section.menu-list-items { background: #222; }
.header-02.dark .mega-menu .menu-links>li.active>a, .header-02.dark .mega-menu .menu-links>li:hover>a { color: var(--main-color); }
.header-02.dark .mega-menu .menu-links>li>a { color: #fff; }
.header-02.dark .menu-socil li a { color: #fff; }
.header-02.dark .menu-socil li a:hover { color: var(--main-color); }
.header-02.dark .mega-menu .menu-mobile-collapse-trigger:before, .header-02.dark .mega-menu .menu-mobile-collapse-trigger:after, .header-02.dark .mega-menu .menu-mobile-collapse-trigger span{ background: #ffffff;}
.header-02.dark  .mega-menu .menu-logo {border-bottom: 1px solid #333333; }

.header-02.iq-pos-a .shop-cart i{color: #222222;}
.header-02.dark.iq-pos-a .shop-cart i{color: #ffffff;}


/* Header Style 03
-----------------------------------------------------------------------*/
.header-03 { margin-top: 30px; }
.header-03 .shop-cart{margin-left: 15px !important; position: absolute; left: 25px; top: 30px}
.header-03 .shop-cart .cart-box { top: 40px;}

.header-03 a.iq-cart.black{color: #222222;}
.header-03 a:hover.iq-cart.black{color: #666666 !important;}

.header-03 .mega-menu>section.menu-list-items { background: none; }
.header-03 .mega-menu>section.menu-list-items .container { background: #222; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.header-03 .mega-menu .menu-links{margin-left: 50px;}
.header-03 .mega-menu .menu-links>li { line-height: 80px; }
.header-03 .mega-menu .menu-links>li:last-child { margin-left: 25px; }
.header-03 .mega-menu .menu-links>li.iq-share:last-child { margin-left: 5px; margin-top: 17px; }
.header-03 .mega-menu .menu-logo { margin: 16px 0 0; }
.header-03 .mega-menu .menu-logo > li > a img { height: 45px; }
.header-03 .iq-search .search-btn { color: #fff; }
.header-03 .iq-search .search-btn:before { top: -1px; }
.header-03 .search-box { width: 1100px; }
.header-03 .iq-search.search-open .search-box { background: #222; top: 6px !important; padding: 0; box-shadow: none; }
.header-03 .iq-search .search-box input { background: none; border: none; height: 65px; padding-right: 30px; color: #fff; line-height: 65px; font-size: 28px; background: none; }
.header-03 .iq-search .search-box input:focus { background: transparent; border: none; }
.header-03 .iq-search .search-box input::-webkit-input-placeholder {  /* WebKit, Blink, Edge */ color: #fff; }
.header-03 .iq-search .search-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }
.header-03 .iq-search .search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; }





/*Header Style 03 sticky*/
.header-03  .mega-menu.desktopTopFixed .menu-list-items { background: #222; }
.header-03 .mega-menu.desktopTopFixed >section.menu-list-items .container { width: 100%; max-width: 100%; padding: 0 30px; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }

/*Header 03 white*/
.header-03.white .mega-menu>section.menu-list-items { background: none; }
.header-03.white .mega-menu>section.menu-list-items .container { background: #fff; }
.header-03.white .iq-search .search-btn { color: #222; }
.header-03.white .iq-search.search-open .search-btn { color: var(--main-color); }
.header-03.white .iq-search.search-open .search-box { background: #fff; box-shadow: none; }
.header-03.white .iq-search .search-box input { color: #222; }
.header-03.white .iq-search .search-box input::-webkit-input-placeholder {  /* WebKit, Blink, Edge */ color: #222; }
.header-03.white .iq-search .search-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #222; }
.header-03.white .iq-search .search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #222; }
.header-03.white .mega-menu .menu-links>li:hover>a { color: #fff; 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-03.white .mega-menu .menu-links>li:hover>a:hover { color: #fff; }

/*Header 03 Dark Transparent*/
.header-03.dark-transparent .mega-menu>section.menu-list-items { background: none; }
.header-03.dark-transparent .mega-menu>section.menu-list-items .container { background: rgba(34, 34, 34, 0.6); }

/*Header 03 white Transparent*/
.header-03.white-transparent .mega-menu>section.menu-list-items { background: none; }
.header-03.white-transparent .mega-menu>section.menu-list-items .container { background: rgba(255, 255, 255, 0.8); }
.header-03.white-transparent .iq-search .search-btn { color: #222; }

/* Header Style 04
-----------------------------------------------------------------------*/
.header-04 { padding: 20px 10px; }
.header-04 .logo img { height: 55px; }
.header-04 .mega-menu .menu-links { position: inherit; margin-top: 70px;}
.header-04 .shop-cart { position: absolute; left: 80px; top: 25px;}
.header-04 .shop-cart .cart-box {top: 40px;}
.header-04 .shop-cart a.iq-cart.black {color: #222222;}
.header-04 .shop-cart a:hover.iq-cart.black {color: #666666 !important;}
/*Header 04 Sidebar */
.header-04 .sidebar-menu { background: #222222; width: 280px; left: -280px; position: fixed; padding-top: 8%; top: 0; bottom: 0; z-index: 9; list-style-type: none; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.header-04 .sidebar-menu .mega-menu .menu-links>li { line-height: normal; margin-left: 0; }
.header-04 .sidebar-menu .mega-menu.vertical-right { width: 100%; max-width: 100%; }
.header-04 .sidebar-menu .mega-menu .menu-links>li.active>a:before, .header-04 .sidebar-menu .mega-menu .menu-links>li:hover>a:before {-webkit-border-radius: 0;
-moz-border-radius: 0; border-radius: 0;}
.header-04.sidebar-img .menu-list-items { background-color: inherit !important; }
.header-04 .sidebar-menu.sidebar-open { left: 0; }

.header-04.sidebar-img .menu-social {background:inherit; padding: 0; position: inherit; margin-top: 10px;}
.header-04.sidebar-img .menu-social li {margin: 0;float: right;width: 25%;}
.header-04.sidebar-img .menu-social li a{ border-radius: 0; width: 100%; background: rgba(0, 0, 0, 0.4); color: #ffffff;}
.header-04.sidebar-img .menu-social li a:hover{ border-radius: 0; width: 100%;  background: var(--main-color); color: #ffffff;}


.header-04 .menu-social {background: #1d1d1d; padding: 0; position: inherit; margin-top: 10px;}
.header-04 .menu-social li {margin: 0;float: right;width: 25%;}
.header-04 .menu-social li a{ border-radius: 0; width: 100%;  background: #1d1d1d; color: #ffffff;}
.header-04 .menu-social li a:hover{ border-radius: 0; width: 100%;  background: var(--main-color); color: #ffffff;}


/*Header 04 Dark*/
.header-04.dark { background: #222222; }


/*Header 04 Dark Transparent*/
.header-04.dark-transparent { background: rgba(34, 34, 34, 0.6); }

/*Header 04 white*/
.header-04.white { background: #fff; }
.header-04.white .sider-bt path { stroke: #222; }
.header-04.white .sider-bt.cross path { stroke: #fff; }
.header-04.white .mega-menu>section.menu-list-items { background: transparent; }
.header-04.white .mega-menu .menu-links>li>a { color: #fff; }
.header-04.white .mega-menu .menu-links>li.active>a, .header-04.white .mega-menu .menu-links>li:hover>a { color: #fff; }



/*Header 04 white Transparent*/
.header-04.white-transparent { background: rgba(255, 255, 255, 0.6); }
.header-04.white-transparent .sider-bt path { stroke: #222; }
.header-04.white-transparent .sider-bt.cross path { stroke: #fff; }
.header-04.white-transparent .mega-menu>section.menu-list-items { background: transparent; }
.header-04.white-transparent .mega-menu .menu-links>li>a { color: #fff; }
.header-04.white-transparent .mega-menu .menu-links>li.active>a, .header-04.white-transparent .mega-menu .menu-links>li:hover>a { color: #fff; }

/*Header 04 Sidebar Background*/
.header-04 .sidebar-bg .mega-menu>section.menu-list-items { background: transparent; }




/* Header Style 05
-----------------------------------------------------------------------*/
.header-05 .mega-menu>section.menu-list-items { background: transparent; }
.header-05 .mega-menu .menu-links>li.active>a:before, .header-05 .mega-menu .menu-links>li:hover>a:before { display: none; }
.header-05 .mega-menu .menu-links>li.active>a, .header-05 .mega-menu .menu-links>li:hover>a { color: var(--main-color); }
.header-05 .mega-menu>section.menu-list-items .button { margin-top: 20px; }
.header-05 .mega-menu.desktopTopFixed .menu-list-items { background: rgba(34, 34, 34, 0.6); }
.header-05 .mega-menu.desktopTopFixed>section.menu-list-items .button { margin-top: 12px; }
.header-05 .shop-cart{ left: 20px; position: absolute; top: 30px;}
.header-05 .mega-menu .menu-links {margin-left: 30px;}
.header-05 .shop-cart .cart-box {top: 40px;}
.header-05 .shop-cart a.iq-cart.black {color: #222222;}
.header-05 .shop-cart a:hover.iq-cart.black {color: #666666 !important;}

/*Header 05 Dark*/
.header-05.dark { background: #222222; }
.header-05.dark .mega-menu.desktopTopFixed .menu-list-items { background: rgba(34, 34, 34, 1); }
.header-05.dark .button:hover, .header-05.dark .button:focus { background: #fff; color: #222; }

/*Header 05 Dark Transparent*/
.header-05.dark-transparent { background: rgba(34, 34, 34, 0.6); }

/*Header 05 white*/
.header-05.white { background: #fff; }
.header-05.white .sider-bt path { stroke: #222; }
.header-05.white .sider-bt.cross path { stroke: #fff; }
.header-05.white .mega-menu>section.menu-list-items { background: transparent; }
.header-05.white .mega-menu .menu-links>li>a { color: #222; }
.header-05.white .mega-menu .menu-links>li.active>a, .header-05.white .mega-menu .menu-links>li:hover>a { color: var(--main-color); }
.header-05.white .mega-menu.desktopTopFixed .menu-list-items { background: rgba(255, 255, 255, 1); }

/*Header 05 white Transparent*/
.header-05.white-transparent { background: rgba(255, 255, 255, 0.8); }
.header-05.white-transparent .sider-bt path { stroke: #222; }
.header-05.white-transparent .sider-bt.cross path { stroke: #fff; }
.header-05.white-transparent .mega-menu>section.menu-list-items { background: transparent; }
.header-05.white-transparent .mega-menu .menu-links>li>a { color: #222; }
.header-05.white-transparent .mega-menu .menu-links>li.active>a, .header-05.white-transparent .mega-menu .menu-links>li:hover>a { color: var(--main-color); }
.header-05.white-transparent .mega-menu.desktopTopFixed .menu-list-items { background: rgba(255, 255, 255, 0.95); }

/* Header Style 06
-----------------------------------------------------------------------*/
.header-06 { padding: 20px 0;}
.header-06 .sider-bt svg { right: -15px; }
.header-06 .logo img { height: 60px; }
.header-06 .menu-sidebar a#btn-search { font-size: 20px; color: #fff; margin-top: 18px; display: inline-block; }
.header-06 .menu-sidebar a#btn-search:hover { color: #222; }
.header-06.dark .menu-sidebar a#btn-search:hover { color: #ffffff; }
.header-06.color-bg .menu-sidebar a#btn-search:hover { color: var(--main-color); }
.header-06.sidebar-img .menu-sidebar a#btn-search:hover { color: var(--main-color); }

/*Header 06 Sidebar */
.header-06 .sidebar-menu { background: #222222; width: 280px; right: -280px; position: fixed; padding-top: 8%; top: 0; bottom: 0; z-index: 9; list-style-type: none; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.header-06 .sidebar-menu .mega-menu .menu-links>li { line-height: normal; margin-left: 0; }
.header-06 .sidebar-menu .mega-menu.vertical-left { width: 100%; max-width: 100%; }
.header-06 .sidebar-menu .mega-menu .menu-links>li.active>a:before, .header-06 .sidebar-menu .mega-menu .menu-links>li:hover>a:before { -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.header-06.sidebar-img .menu-list-items { background-color: inherit !important; }
.menu-social { position: absolute; right: 0; bottom: 0; text-align: center; display: inline-block; width: 100%; padding: 0 0 20px; }
.menu-social li { display: inline-block; margin: 0 5px; }
.menu-social li a { font-size: 18px; height: 40px; width: 40px; line-height: 40px; display: inline-block; -webkit-border-radius: 900px;
-moz-border-radius: 900px;
border-radius: 900px; background: #fff; }
.menu-social li a:hover { background: var(--main-color); color: #fff; }
.header-06 .sidebar-menu.sidebar-open { right: 0; }

/*Header 06 Dark*/
.header-06.dark { background: #222222; }
.header-06.dark .menu-social {background: #1d1d1d; padding: 0; position: inherit; margin-top: 10px;}
.header-06.dark .menu-social li {margin: 0;float: right;width: 25%;}
.header-06.dark .menu-social li a{ border-radius: 0; width: 100%; background: #1d1d1d; color: #ffffff;}
.header-06.dark .menu-social li a:hover{ border-radius: 0; width: 100%;  background: var(--main-color); color: #ffffff;}


/*Header 06 Dark Transparent*/
.header-06.dark-transparent { background: rgba(34, 34, 34, 0.6); }
.header-06.dark-transparent .menu-social {background: #1d1d1d; padding: 0; position: inherit; margin-top: 10px;}
.header-06.dark-transparent .menu-social li {margin: 0;float: right;width: 25%;}
.header-06.dark-transparent .menu-social li a{ border-radius: 0; width: 100%; background: #1d1d1d; color: #ffffff;}
.header-06.dark-transparent .menu-social li a:hover{ border-radius: 0; width: 100%;  background: var(--main-color); color: #ffffff;}


/*Header 06 white*/
.header-06.white { background: #fff;}
.header-06.white .sider-bt path { stroke: #222; }
.header-06.white .mega-menu>section.menu-list-items { background: transparent; }
.header-06.white .mega-menu .menu-links>li>a { color: #222; }
.header-06.white .mega-menu .menu-links>li.active>a, .header-06.white .mega-menu .menu-links>li:hover>a { color: #fff; }
.header-06.white .menu-sidebar a#btn-search { color: #222; }
.header-06.white .menu-sidebar a#btn-search:hover { color: var(--main-color); }
.header-06.white .sidebar-menu { background: #fff; border-left: 1px solid #dddddd;}
header.header-06.white .mega-menu>section.menu-list-items{box-shadow:inherit;}
.header-06 .mega-menu .menu-links { position: inherit; margin-top: 70px;}
.header-06.white .menu-social {background: #1d1d1d; padding: 0; position: inherit; margin-top: 10px;}
.header-06.white .menu-social li {margin: 0;float: right;width: 25%;}
.header-06.white .menu-social li a{ border-radius: 0; width: 100%; background: #dcdcdc; color: #222222;}
.header-06.white .menu-social li a:hover{ border-radius: 0; width: 100%;  background: var(--main-color); color: #ffffff;}
.header-06.white a.iq-cart.black{color: #222222;}
.header-06.white a:hover.iq-cart.black{color: #666666 !important;}


/*Header 06 white Transparent*/
.header-06.white-transparent { background: rgba(255, 255, 255, 0.6); }
.header-06.white-transparent .sider-bt path { stroke: #222; }
.header-06.white-transparent .mega-menu>section.menu-list-items { background: transparent; }
.header-06.white-transparent .mega-menu .menu-links>li>a { color: #222; }
.header-06.white-transparent .mega-menu .menu-links>li.active>a, .header-06.white-transparent .mega-menu .menu-links>li:hover>a { color: #222222; }
.header-06.white-transparent .sidebar-menu { background: #fff; }
.header-06.white-transparent .menu-sidebar a#btn-search { color: #222; }
.header-06.white-transparent .menu-sidebar a#btn-search:hover { color: var(--main-color); }
.header-06.white-transparent .menu-social {background: #1d1d1d; padding: 0; position: inherit; margin-top: 10px;}
.header-06.white-transparent .menu-social li {margin: 0;float: right;width: 25%;}
.header-06.white-transparent .menu-social li a{ border-radius: 0; width: 100%; background: #dcdcdc; color: #222222;}
.header-06.white-transparent .menu-social li a:hover{ border-radius: 0; width: 100%;  background: var(--main-color); color: #ffffff;}
.header-06.white-transparent a.iq-cart.black{color: #222222;}
.header-06.white-transparent a:hover.iq-cart.black{color: #666666 !important;}
/*Header 06 Sidebar Background*/
.header-06 .sidebar-bg .mega-menu>section.menu-list-items { background: transparent; }

/*Header 06 Color Background*/
.header-06.color-bg .menu-social {background: #1d1d1d; padding: 0; position: inherit; margin-top: 10px;}
.header-06.color-bg .menu-social li {margin: 0;float: right;width: 25%;}
.header-06.color-bg .menu-social li a{ border-radius: 0; width: 100%; background: #1d1d1d; color: #ffffff;}
.header-06.color-bg .menu-social li a:hover{ border-radius: 0; width: 100%;  background: var(--main-color); color: #ffffff;}

/*Header 06 Image Background*/
.header-06.sidebar-img .menu-social {background: inherit; padding: 0; position: inherit; margin-top: 10px;}
.header-06.sidebar-img .menu-social li {margin: 0;float: right;width: 25%;}
.header-06.sidebar-img .menu-social li a{ border-radius: 0; width: 100%; background: rgba(0, 0, 0, 0.4); color: #ffffff;}
.header-06.sidebar-img .menu-social li a:hover{ border-radius: 0; width: 100%;  background: var(--main-color); color: #ffffff;}

/*Header 06 Cart*/
.header-06 .shop-cart{position: absolute; left: 50px; top: 25px;}
.header-06 .shop-cart .cart-box { top: 40px;}


/*---------------------------------------------------------------------
Sidebar menu Button
-----------------------------------------------------------------------*/
.sider-bt svg { width: 80px; height: 65px; position: absolute; z-index: 999; top: -7px; left: 0; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.sider-bt path { fill: none; -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); stroke-width: 28px; stroke-linecap: round; stroke: #fff; stroke-dashoffset: 0px; }
.sider-bt path#topp, .sider-bt path#bottom { stroke-dasharray: 240px 950px; }
.sider-bt path#middle { stroke-dasharray: 240px 240px; }
.cross path#topp, .cross path#bottom { stroke-dashoffset: -650px; stroke-dashoffset: -650px; }
.cross path#middle { stroke-dashoffset: -115px; stroke-dasharray: 1px 220px; }
.sider-bt.cross svg { left: 205px; }
/*---------------------------------------------------------------------
Search
-----------------------------------------------------------------------*/

/*search*/
.search { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: rgba(0, 0, 0, 0.9); }
.js .search { position: fixed; z-index: 1000; top: 0; right: 0; width: 100%; height: 100vh; }
.search::before, .search::after { content: ''; position: absolute; width: calc(100% + 15px); height: calc(100% + 15px); pointer-events: none; border: 1.5em solid var(--main-color); }
.search::before { top: 0; right: 0; border-left-width: 0; border-bottom-width: 0; }
.search::after { left: 0; bottom: 0; border-top-width: 0; border-right-width: 0; }
.btn--search-close { font-size: 2.5em; position: absolute; top: 1em; left: 1.25em; display: none; color: #000; }
.js .btn--search-close { display: block; }
.search__form { margin: 5em 0; }
.search__input { font-family: inherit; background: none; border: none; height: auto; font-size: 5.8vw; line-height: 1; display: inline-block; box-sizing: border-box; width: 100%; padding: 0.05em 0; color: #fff; border-bottom: 2px solid; }
.search__input:focus { border: none; border-bottom: 2px solid; }
.search__input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
opacity: 0.6; color: #fff; }
.search__input::-moz-placeholder { opacity: 0.6;  /* Mozilla Firefox 19+ */ color: #fff; }
.search__input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
opacity: 0.6; color: #fff; }
.search__input::-webkit-search-cancel-button, .search__input::-webkit-search-decoration { -webkit-appearance: none; }
.search__input::-ms-clear { display: none; }
.search__info { font-weight: bold; display: block; width: 100%; margin: 0 auto; padding: 0.85em 0; text-align: left; color: var(--main-color); }
.search__related { display: flex; width: 75%; pointer-events: none; }
.search__suggestion { width: 33.33%; text-align: right; padding-left: 30px; }
.search__suggestion h5::before { content: '\21FE'; display: inline-block; padding: 0 0 0 0.5em; }

/************************/

/* Transitions      */

/************************/
.js .search { pointer-events: none; opacity: 0; transition: opacity 0.5s; }
.js .search--open { pointer-events: auto; opacity: 1; }

/* Border */
.search::before, .search::after { transition: transform 0.5s; }
.search::before { transform: translate3d(15px, -15px, 0); }
.search::after { transform: translate3d(-15px, 15px, 0); }
.search--open::before, .search--open::after { transform: translate3d(0, 0, 0); }

/* Close button */
.btn--search-close { opacity: 0; transform: scale3d(0.8, 0.8, 1); transition: opacity 0.5s, transform 0.5s; background: none; color: #fff; border: none; -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; padding: 0; }
.search--open .btn--search-close { opacity: 1; transform: scale3d(1, 1, 1); }
.search--open .btn--search-close:hover, .search--open .btn--search-close:focus { background: none; color: var(--main-color); outline: none; box-shadow: none; }

/* Search form with input and description */
.js .search__form { opacity: 0; transform: scale3d(0.8, 0.8, 1); transition: opacity 0.5s, transform 0.5s; }
.js .search--open .search__form { opacity: 1; transform: scale3d(1, 1, 1); }
.search__suggestion { opacity: 0; transform: translate3d(0, -30px, 0); transition: opacity 0.5s, transform 0.5s; }
.search--open .search__suggestion { opacity: 1; transform: translate3d(0, 0, 0); }
.search--open .search__suggestion:nth-child(2) { transition-delay: 0.1s; }
.search--open .search__suggestion:nth-child(3) { transition-delay: 0.2s; }
@media screen and (max-width:40em) {
  .search__form { margin: 5em 0 1em; }
  .btn--search-close { font-size: 2.25em; top: 1.5em; left: 1.5em; }
  .search__info { text-align: right; }
  .search__suggestion { font-size: 80%; width: 100%; }
  .search__suggestion:nth-child(2), .search__suggestion:nth-child(3) { display: none; }
}

/* Search 02 */
.iq-search { position: relative; }
.iq-search .search-btn { color: #222; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; }
.iq-search.search-open .search-btn { color: var(--main-color); }
.iq-search .search-btn span { font-size: 0; display: none; }
.iq-search .search-btn:before { content: "\f002"; font-family: "FontAwesome"; font-size: 16px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: 0; }
.iq-search.search-open .search-btn:before { content: "\f00d "; }
.search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; left: 0; top: -9999px !important; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
.iq-search.search-open .search-box { opacity: 1 !important; top: 58px !important; visibility: visible !important; }
.iq-search .search-box input { background: transparent; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; border: 1px solid #eee; padding-right: 15px; box-shadow: none; color: #666; }
.iq-search .search-box input:focus { background: transparent; border: 1px solid var(--main-color); }
.iq-search i { cursor: pointer; font-size: 18px; position: absolute; left: 27px; top: 24px; }
.iq-search.search-open i:hover { color: var(--main-color); }


/*---------------------------------------------------------------------
Login And Register
-----------------------------------------------------------------------*/

/*Login*/
.iq-login-from .modal-header { padding: 20px 30px; }
.iq-login-from .modal-body { padding: 30px; }
.iq-login-from .modal-footer { padding: 20px 30px; display: inline; }
.iq-login-from .form-control { border: 1px solid #ced4da; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; height: 45px !important; box-shadow: none; }
.iq-login-from .modal-body .button { width: 100%; text-align: center; }
.iq-login-from .modal-dialog { max-width: 400px; }
.iq-login-from .modal-footer .iq-media-blog { margin: 0; padding: 0; }
.iq-login-from .modal-footer .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-login-from .modal-footer .iq-media-blog li a { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 16px; color: var(--main-color); background: transparent; border: 1px solid var(--main-color); text-align: center;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.iq-login-from .modal-footer .iq-media-blog li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }
.iq-login-from .modal-header .close { outline: none; }
.iq-login-from .form-check-input { height: 15px; width: auto; }

/*Register*/
.iq-register-from .modal-header { padding: 20px 30px; }
.iq-register-from .modal-body { padding: 30px; }
.iq-register-from .modal-footer { padding: 20px 30px; display: inline; }
.iq-register-from .form-control { border: 1px solid #ced4da; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; height: 45px !important; box-shadow: none; }
.iq-register-from .modal-body .button { width: 100%; text-align: center; }
.iq-register-from .modal-dialog { max-width: 400px; }
.iq-register-from .modal-footer .iq-media-blog { margin: 0; padding: 0; }
.iq-register-from .modal-footer .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-register-from .modal-footer .iq-media-blog li a { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 16px; color: var(--main-color); background: transparent; border: 1px solid var(--main-color); text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.iq-register-from .modal-footer .iq-media-blog li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }
.iq-register-from .modal-header .close { outline: none; }
.iq-register-from p { font-size: 13px; line-height: 20px; }
.iq-register-from .form-check-input { height: 15px; width: auto; }


/*----------------------------------------------------------------------
Portfolio
----------------------------------------------------------------------*/

/*************************************
portfolio
*************************************/
.isotope-filters { display: table; margin: 0 auto 40px; text-align: center; border: 1px solid #f2f2f2; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 10px; }
.isotope-filters  button { margin: 4px; cursor: pointer; padding: 8px 20px; font-size: 16px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; background: transparent; color: #666666; 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: var(--main-color); color: #ffffff; -webkit-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); }
.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 -15px; float: right; width: 100%;}
.isotope .iq-grid-item { padding: 0 0 15px 15px; }
.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 0 15px 15px; }
.iq-masonry.iq-columns-3 .iq-masonry-item { width: 33.33333333%; padding: 0 0 15px 15px; }
.iq-masonry.iq-columns-4 .iq-masonry-item { width: 25%; padding: 0 0 15px 15px; }
.iq-masonry.iq-columns-5 .iq-masonry-item { width: 20%; padding: 0 0 15px 15px; }

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

/* 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; }
.iq-masonry.iq-columns-4 .iq-masonry-item h5 { font-size: 20px; line-height: normal; }
.iq-masonry.iq-columns-5 .iq-masonry-item h5 { font-size: 18px; line-height: normal; }

/* Grid Full columns 2 Font */
.isotope.iq-columns-2.full-grid .iq-grid-item .category { font-size: 20px; padding-bottom: 05px; display: inline-block; width: 100%; }

/*  Masonry columns 2 Font*/
.iq-masonry.iq-columns-2 .iq-masonry-item h5 { font-size: 28px; }
.iq-masonry.iq-columns-2 .iq-portfolio-04 .iq-portfolio-icon li a { font-size: 24px; }
.iq-masonry.iq-columns-4.full-grid .iq-masonry-item h5 { font-size: 24px; line-height: normal; }
.iq-masonry.iq-columns-5.full-grid .iq-masonry-item h5 { font-size: 22px; line-height: normal; }
@media(max-width:1199px) {
  .isotope.iq-columns-4 .iq-grid-item { width: 33.3% }
  .isotope.iq-columns-5 .iq-grid-item { width: 25%; }
}
@media(max-width:992px) {
  .isotope.iq-columns-4 .iq-grid-item { width: 50%; }
  .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item { width: 50%; }
}
@media(max-width:767px) {
  .isotope.iq-columns-4 .iq-grid-item, .isotope.iq-columns-2 .iq-grid-item, .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item { width: 100% }
}

/*----------------------------------------------------------------------
Isotope Filters
----------------------------------------------------------------------*/

/*---- Isotope Tooltip ----*/
.isotope-filters.isotope-tooltip { margin: 30px auto 50px; }
.isotope-filters.isotope-tooltip button { position: relative; }
.isotope-filters.isotope-tooltip button span { width: 40px; height: auto; line-height: 14px; padding: 10px; right: 50%; font-weight: 400; font-size: 14px; color: #fff; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; background: var(--main-color); text-indent: 0px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; position: absolute; pointer-events: none; bottom: 0; opacity: 0; 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; -moz-transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
.isotope-filters.isotope-tooltip button span:after { content: ''; position: absolute; bottom: -7px; right: 50%; width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid var(--main-color); -moz-transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
.isotope-filters.isotope-tooltip button:hover span, .isotope-filters.isotope-tooltip button.active span { opacity: 1; bottom: 55px; }

/*---- isotope button ----*/
.isotope-filters.isotope-button { display: table; margin: 0 auto 40px; text-align: center; border: 1px solid #f2f2f2; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 10px; }
.isotope-filters.isotope-button  button { margin: 4px; cursor: pointer; padding: 8px 20px; font-size: 16px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; background: transparent; color: #666666; 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.isotope-button  button.active, .isotope-filters.isotope-button  button:hover { background: var(--main-color); color: #ffffff; -webkit-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); }
.isotope-filters.isotope-button  button:focus { outline: none; outline-style: none; outline-offset: 0; }

/*---- isotope line ----*/
.isotope-filters.isotope-line button { border: none; border-bottom: 2px solid transparent; background: none; color: #666; box-shadow: none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; margin: 0; padding: 10px 30px; }
.isotope-filters.isotope-line button.active, .isotope-filters.isotope-line button:hover { border-bottom: 2px solid var(--main-color); color: var(--main-color); }

/*---- isotope border ----*/
.isotope-filters.isotope-border button { border: 1px solid transparent; background: none; color: #666; box-shadow: none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
.isotope-filters.isotope-border button.active, .isotope-filters.isotope-line button:hover { border: 1px solid var(--main-color); color: var(--main-color); }

/*---- isotope dots ----*/
.isotope-filters.isotope-dots button { position: relative; color: #777777; }
.isotope-filters.isotope-dots button:before { position: absolute; top: -6px; right: 50%; content: ""; -webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px; display: inline-block; width: 6px; height: 6px; background: var(--main-color); opacity: 0; transition: all 0.5s ease-in-out; -moz-transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
.isotope-filters.isotope-dots button.active:before, .isotope-filters.isotope-dots button:hover:before { opacity: 1; }
.isotope-filters.isotope-dots button.active, .isotope-filters.isotope-dots button:hover { background: none; box-shadow: none; color: var(--main-color); }

/*---- isotope text ----*/
.isotope-filters.isotope-text button { color: #777777; }
.isotope-filters.isotope-text button.active, .isotope-filters.isotope-text button:hover { background: none; box-shadow: none; color: var(--main-color); }

/*----------------------------------------------------------------------
Portfolio Effect
----------------------------------------------------------------------*/

/*---- Portfolio 01 ----*/
.iq-portfolio-01 { background: #000; text-align: right; position: relative; overflow: hidden; }
.iq-portfolio-img { overflow: hidden; }
.iq-portfolio-01 img { width: 100%; transition: all 0.35s ease 0s; }
.iq-portfolio-01:hover img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
.iq-portfolio-01 .iq-portfolio-content { padding: 15px 15px 15px 0; background: #fff; display: inline-block; width: 100%; transition: all 0.35s ease 0s; }
.iq-portfolio-01 .iq-portfolio-content .title { font-size: 20px; color: #333; display: inline-block; width: 100%; font-family: 'Raleway', sans-serif; font-weight: 600; }
.iq-portfolio-01 .iq-portfolio-icon { list-style: none; padding: 0; margin: 0; font-size: 22px; position: absolute; top: 50%; right: 50%; text-align: center; transform: translate(50%, -100%); -webkit-transform: translate(50%, -100%); -moz-transform: translate(50%, -100%); -o-transform: translate(50%, -100%); -ms-transform: translate(50%, -100%); }
.iq-portfolio-01 .iq-portfolio-icon li { display: inline-block; opacity: 0; transform: translateY(40px); transition: all 0.35s ease 0s; }
.iq-portfolio-01:hover .iq-portfolio-icon li { opacity: 1; transform: translateY(0px); }
.iq-portfolio-01:hover .iq-portfolio-icon li:first-child { transition-delay: 0.1s; }
.iq-portfolio-01:hover .iq-portfolio-icon li:nth-child(2) { transition-delay: 0.2s; }
.iq-portfolio-01 .iq-portfolio-icon li a { display: block; width: 40px; height: 40px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; background: #fff; font-size: 16px; color: var(--main-color); line-height: 40px; margin-left: 5px; transition: all 0.35s ease 0s; }
.iq-portfolio-01 .iq-portfolio-icon li a:hover { background: var(--main-color); color: #fff; }
.no-padding .iq-portfolio-01 .iq-portfolio-content { padding: 15px 0 30px; }
.iq-portfolio1 .isotope-filters { display: table; margin: 0 auto 40px; text-align: center; border: 1px solid #f2f2f2;  padding: 10px; }
.iq-portfolio1 .isotope-filters.text-isotope button { font-size: 14px; padding: 10px 25px;  border: none; margin-left: 8px; text-transform: uppercase; cursor: pointer; background: transparent; 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; }
.iq-portfolio1 .isotope-filters.text-isotope button:last-child { margin-left: 0; }
.iq-portfolio1 .isotope-filters.text-isotope button:last-child:before { content: normal; }
.iq-portfolio1 .isotope-filters.text-isotope button:focus { outline-offset: 0; outline: none; outline-style: none; }
.iq-portfolio1 .isotope-filters.text-isotope button.active, .isotope-filters.text-isotope button:hover {  background: var(--main-color); color: #ffffff; -webkit-box-shadow: -2px 20px 40px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 20px 40px 5px rgba(0, 0, 0, 0.1); box-shadow: -2px 20px 40px 5px rgba(0, 0, 0, 0.1); }
.iq-portfolio1 .isotope.column-2 .grid-item { width: 50%; padding: 0; }
.iq-portfolio1 .isotope.column-3 .grid-item { width: 33.3333%; padding: 0; }
.iq-portfolio1 .isotope.column-4 .grid-item { width: 25%; padding: 0; }
.iq-portfolio1 .isotope.column-5 .grid-item { width: 20%; padding: 0; }
.iq-portfolio1 .isotope.column-space .grid-item { padding: 0 15px; margin-bottom: 30px; }
@media screen and (max-width:1024px) {
  .iq-portfolio1 .isotope.column-3 .grid-item, .iq-portfolio1 .isotope.column-4 .grid-item, .iq-portfolio1 .isotope.column-5 .grid-item { width: 33.3333%; }
}
@media screen and (max-width:992px) {
  .iq-portfolio1 .isotope.column-3 .grid-item, .iq-portfolio1 .isotope.column-4 .grid-item, .iq-portfolio1 .isotope.column-5 .grid-item { width: 50%; }
  .iq-portfolio1 .masonry.column-3 .masonry-item { width: 50%; }
  .iq-portfolio1 .masonry.column-2 .masonry-item { width: 50%; }
  .iq-masonry.iq-columns-3 .iq-masonry-item { width: 50%; }
}
@media screen and (max-width:599px) {
  .iq-portfolio1 .isotope.column-3 .grid-item, .iq-portfolio1 .isotope.column-4 .grid-item, .iq-portfolio1 .isotope.column-5 .grid-item { width: 100%; }
  .iq-portfolio1 .masonry.column-3 .masonry-item { width: 100%; }
  .iq-portfolio1 .masonry.column-2 .masonry-item { width: 100%; }
  .iq-masonry.iq-columns-3 .iq-masonry-item { width: 100%; }
}

/* Hover Effect */
.iq-portfolio1 .iq-hover { position: relative; overflow: hidden; margin: 10px 10px; }
.iq-portfolio1 .iq-hover>img { -o-transform: scale(1.0); -ms-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.iq-portfolio1 .iq-hover:hover>img { -o-transform: scale(1.09); -ms-transform: scale(1.09); -moz-transform: scale(1.09); -webkit-transform: scale(1.09); transform: scale(1.09); }
.iq-portfolio1 .iq-hover .button i { margin-left: 0px; font-size: 13px; }
.iq-portfolio1 .iq-hover .button.small { padding: 10px 15px; }
.iq-portfolio1 .iq-overblog { position: absolute; width: 100%; height: 100%; right: 0; top: 0; }
.iq-portfolio1 .iq-overblog { background: none; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.iq-portfolio1 .iq-overblog .iq-content { position: absolute; right: 0; left: 0; top: 45%; opacity: 0; width: 100%; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.iq-portfolio1 .iq-overblog::before, .iq-portfolio1 .iq-overblog::after { bottom: 20px; content: ""; right: 20px; opacity: 0; position: absolute; left: 20px; top: 20px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; }
.iq-portfolio1 .iq-hover:hover .iq-overblog { background: rgba(0, 0, 0, 0.8); }
.iq-portfolio1 .iq-hover:hover .iq-overblog::before, .iq-portfolio1 .iq-hover:hover .iq-overblog::after { opacity: 1; -o-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.iq-portfolio1 .iq-hover:hover .iq-overblog .iq-content { right: 0; opacity: 1; }
.iq-portfolio1 .iq-overblog .iq-content h3 { overflow: hidden; }
.iq-portfolio1 .iq-overblog .iq-content h3, .iq-portfolio1 .iq-overblog .iq-content h3 a { color: #fff; font-weight: 500; font-size: 26px; line-height: 28px; position: relative; z-index: 9; margin-top: 30px; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; }
.iq-portfolio1 .iq-hover:hover .iq-overblog .iq-content h3, .iq-portfolio1 .iq-hover:hover .iq-overblog .iq-content h3 a { margin-top: 0; }
.iq-portfolio1 .iq-overblog .iq-content h3 a:hover { margin-top: 0; color: var(--main-color); }
.iq-portfolio1 .iq-overblog .iq-content p { color: #fff; font-weight: 500; font-size: 14px; line-height: 20px; position: relative; z-index: 9; margin-top: 40px; text-transform: uppercase; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; }
.iq-portfolio1 .iq-hover:hover .iq-overblog .iq-content p { margin-top: 10px; }

/*---- Portfolio 02 ----*/
.iq-portfolio-02 { position: relative; overflow: hidden; }
.iq-portfolio-02 .iq-portfolio-img img { width: 100%; transition: all 0.35s ease 0s; }
.iq-portfolio-02:hover .iq-portfolio-img img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
.iq-portfolio-02 .iq-portfolio-content span, .iq-portfolio-02 .iq-portfolio-content a { color: #fff; }
.iq-portfolio-02 .iq-portfolio-content a:hover { color: #222222; }
.iq-portfolio-02 .iq-portfolio-content { position: absolute; top: 0; right: 0; display: inline-block; width: 100%; height: 100%; text-align: right; background: rgba(2, 216, 113, 0.8); padding: 30px; opacity: 0; 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; }
.iq-portfolio-02 .iq-portfolio-content .iq-zoom { position: absolute; bottom: 25px; left: 30px; font-size: 24px; color: #fff; }
.iq-portfolio-02 .iq-portfolio-content:hover { opacity: 1; }

/*---- Portfolio 03  ----*/
.iq-portfolio-03 { position: relative; overflow: hidden; text-align: center; }
.iq-portfolio-03 .iq-portfolio-img img { width: 100%; transition: all 0.35s ease 0s; }
.iq-portfolio-03 .iq-portfolio-content { position: absolute; top: 50%; left: 100%; display: inline-block; width: 100%; background: rgba(2, 216, 113, 0.8); padding: 30px; 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; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); }
.iq-portfolio-03:hover .iq-portfolio-content { left: 0; }
.iq-portfolio-03 .iq-portfolio-content span, .iq-portfolio-03 .iq-portfolio-content a { color: #fff; }
.iq-portfolio-03 .iq-portfolio-content a:hover { color: #222222; }
.iq-portfolio-03 .iq-portfolio-icon { margin: 15px 0 0 0; padding: 0; }
.iq-portfolio-03 .iq-portfolio-icon li { display: inline-block; opacity: 1; transition: all 0.35s ease 0s; text-align: center; }
.iq-portfolio-03 .iq-portfolio-icon li a { display: block; width: 40px; height: 40px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; background: #fff; font-size: 16px; color: var(--main-color); line-height: 40px; margin-left: 5px; transition: all 0.35s ease 0s; }
.iq-portfolio-03 .iq-portfolio-icon li a:hover { background: #222222; color: #fff; }
.iq-columns-4 .iq-portfolio-03 .iq-portfolio-content h5 { font-size: 20px; }
.iq-columns-5 .iq-portfolio-03 .iq-portfolio-content h5 { font-size: 18px; }

/*---- Portfolio 04  ----*/
.iq-portfolio-04 { position: relative; overflow: hidden; }
.iq-portfolio-04 .iq-portfolio-img img { -o-transform: scale(1.0); -ms-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.iq-portfolio-04:hover .iq-portfolio-img img { -o-transform: scale(1.09); -ms-transform: scale(1.09); -moz-transform: scale(1.09); -webkit-transform: scale(1.09); transform: scale(1.09); }
.iq-portfolio-04 .iq-overbg { position: absolute; width: 100%; height: 100%; right: 0; top: 0; }
.iq-portfolio-04 .iq-overbg { background: none; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.iq-portfolio-04 .iq-overbg .iq-portfolio-content { position: absolute; right: 0; bottom: 20px; opacity: 0; width: 100%; padding: 30px; text-align: right; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9; }
.iq-portfolio-04 .iq-overbg::before { border-bottom: 1px solid #fff; border-top: 1px solid #fff; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); }
.iq-portfolio-04 .iq-overbg::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); }
.iq-portfolio-04 .iq-overbg::before, .iq-portfolio-04 .iq-overbg::after { bottom: 15px; content: ""; right: 15px; opacity: 0; position: absolute; left: 15px; top: 15px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; }
.iq-portfolio-04:hover .iq-overbg { background: rgba(2, 216, 113, 0.80); }
.iq-portfolio-04:hover .iq-overbg::before, .iq-portfolio-04:hover .iq-overbg::after { opacity: 1; -o-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.iq-portfolio-04:hover .iq-overbg .iq-portfolio-content { right:0; opacity: 1; }
.iq-portfolio-04 .iq-overbg .iq-portfolio-content .hr, .iq-portfolio-04 .iq-overbg .iq-portfolio-content hr { background: #fff; border: none; display: block; height: 2px; margin: 10px 0 15px; width: 40px; }
.iq-portfolio-04 .iq-portfolio-content a { color: #fff; }
.iq-portfolio-04 .iq-portfolio-content a:hover { color: #222222; }
.iq-portfolio-04 .iq-portfolio-icon { margin: 0; padding: 0; }
.iq-portfolio-04 .iq-portfolio-icon li { display: inline-block; opacity: 1; transition: all 0.35s ease 0s; text-align: center; }
.iq-portfolio-04 .iq-portfolio-icon li a { display: block; background: transparent; font-size: 16px; color: #fff; margin-left: 15px; transition: all 0.35s ease 0s; }
.iq-portfolio-04 .iq-portfolio-icon li a:hover { color: #222222; }

/*---- Portfolio 05  ----*/
.iq-portfolio-05 { position: relative; overflow: hidden; cursor: pointer; }
.iq-portfolio-05  img { -o-transform: scale(1.0); -ms-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.iq-portfolio-05:hover img { -o-transform: scale(1.09); -ms-transform: scale(1.09); -moz-transform: scale(1.09); -webkit-transform: scale(1.09); transform: scale(1.09); }
.iq-portfolio-05 .hoverdir { position: absolute; background: #333; background: rgba(2, 216, 113, 0.8); width: 100%; height: 100%; padding: 30px; text-align: right; color: #fff; }
.iq-portfolio-05 .hoverdir a { color: #fff; }
.iq-portfolio-05 .hoverdir a:hover { color: #222222; }
.iq-portfolio-05 .iq-portfolio-icon { margin: 0; padding: 0; display: inline-block; position: absolute; bottom: 30px; right: 30px; }
.iq-portfolio-05 .iq-portfolio-icon li { display: inline-block; opacity: 1; transition: all 0.35s ease 0s; text-align: center; }
.iq-portfolio-05 .iq-portfolio-icon li a { display: block; width: 40px; height: 40px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; background: #fff; font-size: 16px; color: #222222; line-height: 40px; margin-left: 5px; transition: all 0.35s ease 0s; }
.iq-portfolio-05 .iq-portfolio-icon li a:hover { background: #222222; color: #fff; }
.iq-portfolio-05 .hoverdir .likes { position: absolute; bottom: 35px; left: 30px; width: auto; height: 33px; border: 1px solid #fff; background: #fff; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; color: #222222; font-size: 14px; line-height: 33px; text-align: center; margin: 0; padding: 0 10px 0; display: inline-block; float: left; }
.iq-portfolio-05 .hoverdir .likes i { margin-left: 10px; }
.iq-portfolio-05 .hoverdir .likes:hover { color: var(--main-color); }
.iq-columns-4 .iq-portfolio-05 .hoverdir h5 { font-size: 20px; }
.iq-columns-5 .iq-portfolio-05 .hoverdir h5 { font-size: 18px; }
.iq-masonry.iq-columns-5.full-grid .iq-masonry-item .iq-portfolio-content{padding: 20px 30px;}
.iq-masonry.iq-columns-5.full-grid .iq-masonry-item h5 { font-size: 16px;}
/*************************
Portfolio Single
*************************/
.iq-port-single .iq-tag li { display: inline-block; margin-right: 5px; margin-top: 10px; }
.iq-port-single .iq-tag li a { display: block; background: #f3f3f3; color: #222222; padding: 5px 15px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.iq-port-single .iq-tag li a:hover { background: var(--main-color); color: #ffffff; }
.iq-port-single .portfolio-meta li { border-bottom: 1px solid #f2f2f2; padding: 10px 0; }
.iq-port-single .portfolio-meta li span { display: inline-block; font-weight: 600; margin-right: 10px; }
.iq-port-single .portfolio-meta li span.lead { font-size: 16px; }
.iq-port-single .owl-carousel .item span { font-size: 24px; font-weight: 600; }
.iq-port-single .owl-carousel .owl-item img { width: 100% !important; }
.iq-port-single .owl-carousel .iq-portfolio-05 .hoverdir .likes span { font-size: 14px; }

/*---------------------------------------------------------------------
Device Blog
-----------------------------------------------------------------------*/

/*************************************
Device Blog 1
**************************************/
.device-aria { position: relative; overflow: hidden; }
.device-blog1 { position: absolute; bottom: 0; left: -100px; }

/*************************************
Device Blog 1
**************************************/
.device-blog2 { margin-bottom: -70px; }

/*************************************
Device Blog 3
**************************************/
.device-aria { position: relative; overflow: hidden; }
.device-blog3 { position: absolute; right: -100px; bottom: 0; }
.device-blog3 img { width: 750px; }

/*************************************
Device Blog 4
**************************************/
.device-aria { position: relative; overflow: hidden; }
.device-blog4 { position: absolute; top: 70px; height: 100%; left: 0; }

/*---------------------------------------------------------------------
Features All
----------------------------------------------------------------------*/

/*************************************
Feature 1
**************************************/
.iq-feature1 .iq-blog { top: 0px; position: relative; background: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; border-bottom: 2px solid rgba(2, 216, 113, 0); -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.iq-feature1 .iq-blog .content-blog { display: inline-block; width: 100%; }
.iq-feature1 .iq-blog i { margin-left: 25px; color: var(--main-color); font-size: 50px; float: right; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.iq-feature1 .iq-blog h5 { display: table; position: relative; text-transform: none; transition: all 0.3s ease-out 0s; padding-top: 5px; }
.iq-feature1 .iq-blog:hover, .iq-feature1 .iq-blog.active { top: -4px; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12); border-bottom: 2px solid rgba(2, 216, 113, 1); }

/*************************************
Feature 2
**************************************/
.iq-feature2 .iq-box img { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-feature2 .iq-box:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transition: scale(1.1); -ms-transform: scale(1.1); }

/*************************************
Feature 4
**************************************/
.iq-feature4 { position: relative; overflow: hidden; }
.iq-feature4:before { z-index: 9; }
.iq-feature4 i { font-size: 70px; }
.iq-feature4 a i { font-size: 12px; margin-right: 5px; }
.iq-feature4 .content-blog { z-index: 9; position: relative; }
.iq-feature4 .content-blog.black-brd { border: 1px solid rgba(34, 34, 34, 0.5); }
.iq-feature4 .feature-img { bottom: 0; right: 0; opacity: 1; position: absolute; left: 0; top: 0; z-index: 0; background-size: cover; background-position: center center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-feature4:hover .feature-img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transition: scale(1.1); -ms-transform: scale(1.1); }
.iq-feature4.bg-overlay-green-90 a:hover { color: #222222; }

/*************************************
Feature 5
**************************************/
.iq-feature5 .left { float: right; margin-left: 20px; }
.iq-feature5 .left i { font-size: 60px; color: var(--main-color); display: block; }
.iq-feature5.iq-small .left i { font-size: 50px; width: 50px; }
.iq-feature5 .left i.white { color: #ffffff; }
.right-side .iq-feature5 .left { float: left; margin-right: 20px; margin-left: 0; }
.right-side .iq-feature5 .right { text-align: left; }
.iq-feature5 .right { display: table-cell; margin-top: 10px; vertical-align: top; }
.iq-feature5 .right p { margin-top: 0px; }

/*************************************
Feature 6
**************************************/
.iq-feature6 { position: relative; overflow: hidden; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
.iq-feature6.no-rds {-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
.iq-feature6 .spacial-aria { padding: 80px 40px; }
.iq-feature6 .spacial-aria.light { padding: 50px 40px; padding-bottom: 30px; }
.iq-feature6:before { z-index: 9; -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-feature6 .special-box { position: relative; z-index: 9; top: 160px; -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-feature6 .special-box i { font-size: 50px; margin-left: 20px; }
.iq-feature6 .special-box span { vertical-align: top; margin-top: 10px; display: inline-block; }
.iq-feature6 .special-box .content-blog { opacity: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-feature6 .special-box .content-blog a i { font-size: 12px; margin-right: 5px; }
.iq-feature6 .special-img { bottom: 0; right: 0; opacity: 1; position: absolute; left: 0; top: 0; z-index: 0; background-size: cover; background-position: center center; }
.iq-feature6 .read-more a { padding: 10px 0; color: #ffffff; background: rgba(255, 255, 255, 0.2); width: 100%; display: block; text-align: center; }
.iq-feature6 .read-more a:hover { padding: 10px 0; color: #ffffff; background: rgba(2, 216, 113, 0.4); width: 100%; display: block; text-align: center; }
.iq-feature6.active:before, .iq-feature6:hover:before { background: rgba(0, 0, 0, 0.8); -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-feature6.active .special-box, .iq-feature6:hover .special-box { top: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-feature6.active .special-box .content-blog, .iq-feature6:hover .special-box .content-blog { 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; }

/*************************************
Feature 7
**************************************/
.iq-feature7 .feature-content { position: relative; margin-right: 60px; }
.iq-feature7 .feature-content:before { position: absolute; content: ""; background: var(--main-color); height: 3px; width: 40px; right: -60px; top: 9px; }
.iq-feature7 .feature-content .tag { background: var(--main-color); position: absolute; top: -47px; right: 0px; color: #fff; padding: 5px 15px; }

/*************************************
Feature 8
**************************************/
.iq-feature8 { position: relative; width: 33.33%; background: #ffffff; padding: 35px 25px; text-align: center; float: right; margin-bottom: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-feature8:hover { z-index: 9; -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.iq-feature8 img { width: 60px; }

/*************************************
Feature 9
**************************************/
.iq-feature9 .left { width: 88px; height: 88px; background: rgba(2, 216, 113, 0); text-align: center;-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; border: 1px solid #f1f1f1; display: inline-block; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-feature9:hover .left { background: rgba(2, 216, 113, 1.0); border: 1px solid var(--main-color); }
.iq-feature9 .left i { background: rgba(2, 216, 113, 1.0); color: #ffffff; font-size: 36px; width: 68px; height: 68px; display: block; -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; margin: 9px 9px 10px 10px; line-height: 68px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-feature9 .left.no-brd, .left.no-brd i {-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.iq-feature9 .big-icon { font-size: 42px; }
.iq-feature9.border { position: relative; padding: 20px 0; }
.iq-feature9.border::before { position: absolute; content: ""; background: #202e3c; width: 1px; height: 100%; left: -15px; top: 0; }
.iq-feature9.last.border::before { content: inherit; }
.iq-feature9:hover .icon i { background: var(--main-color); color: #ffffff; }
.iq-feature9 img { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-feature9:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transition: scale(1.1); -ms-transform: scale(1.1); }
.iq-feature9 h5 { margin-bottom: 5px; }

/*************************************
Feature 10
**************************************/
.iq-feature10 .left { width: 76px; height: 76px; float: right; margin-left: 20px; text-align: center; border: 1px solid #f5f5f5; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-feature10 .left i { color: var(--main-color); font-size: 36px; background: #f3f3f3; display: block; margin: 7px 7px 10px 10px; width: 60px; height: 60px; line-height: 60px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-feature10 .right { display: table-cell; margin-top: 10px; vertical-align: top; }
.iq-feature10 .right p { margin-top: 0px; }
.iq-feature10:hover .left, .iq-feature10:hover .left i { border-color: var(--main-color); }
.iq-feature10:hover .left i { background: var(--main-color); color: #ffffff; }
.iq-feature10 .brd { -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; }
.right-side .iq-feature10 .left { float: left; margin-right: 20px; margin-left: 0; }
.right-side .iq-feature10 .right { text-align: left; }

/* Multi Color Icons */
.iq-feature10 .left.big { width: 89px; height: 89px; }
.iq-feature10 .left i.in-bg-1 { background: #64c5ae; color: #ffffff; width: 74px; height: 74px; line-height: 74px; }
.iq-feature10 .left i.in-bg-2 { background: #f5c795; color: #ffffff; width: 74px; height: 74px; line-height: 74px; }
.iq-feature10 .left i.in-bg-3 { background: #b4aaec; color: #ffffff; width: 74px; height: 74px; line-height: 74px; }
.iq-feature10 .left.in-brd-1, .iq-feature10 .left.in-brd-2, .iq-feature10 .left.in-brd-3 { border: 1px solid #f5f5f5; }
.iq-feature10:hover .left.in-brd-1 { border: 1px solid #64c5ae; }
.iq-feature10:hover .left.in-brd-2 { border: 1px solid #f5c795; }
.iq-feature10:hover .left.in-brd-3 { border: 1px solid #b4aaec; }

/*************************************
Feature 11
**************************************/
.iq-feature11 { position: relative; top: -100px; }
.iq-feature11 .icon-bg { background: #ffffff; height: 110px; width: 110px; -webkit-border-radius: 110px;
-moz-border-radius: 110px;
border-radius: 110px; position: relative; top: 0; display: inline-block; -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-feature11:hover .icon-bg { top: -8px; }
.iq-feature11 .icon-bg i { font-size: 50px; line-height: 110px; color: var(--main-color); }
.iq-feature11 .step { font-size: 18px; background: var(--main-color); -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; color: #ffffff; width: 36px; height: 36px; line-height: 36px; text-align: center; position: absolute; top: 0; left: 0; }
.iq-feature11 h5 span { height: 6px; width: 6px; background: var(--main-color);-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; display: inline-block; margin-right: 6px; }

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

/*************************************
Feature 13
**************************************/
.iq-feature13 { -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.iq-feature13 .icon { font-size: 50px; }
.iq-feature13 p { font-size: 13px; line-height: 20px; }

/*************************************
Feature 14
**************************************/
.iq-feature14 { position: relative; padding: 30px 0; }
.iq-feature14 i { font-size: 70px; }
.iq-feature14:before, .iq-feature14:after { content: ""; position: absolute; background: var(--main-color); height: 1px; width: 0; webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.iq-feature14:before { right: 0; top: 0; }
.iq-feature14:hover:before { width: 100%; }
.iq-feature14:after { left: 0; bottom: 0; }
.iq-feature14:hover:after { width: 100%; }
.iq-feature14 .iq-line { padding: 0 30px; }
.iq-feature14 .iq-line:before, .iq-feature14 .iq-line:after { content: ""; position: absolute; background: var(--main-color); height: 0px; width: 1px; webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.iq-feature14 .iq-line:before { right: 0; bottom: 0; }
.iq-feature14:hover .iq-line:before { height: 100%; }
.iq-feature14 .iq-line:after { left: 0; top: 0; }
.iq-feature14:hover .iq-line:after { height: 100%; }
.iq-feature14 h5 { margin-bottom: 5px; }

/*************************************
Feature 15
**************************************/
.iq-feature15 .feature15-image { position: relative; }
.iq-feature15 .icon { background: rgba(2, 216, 116, 1); height: 100%; right: 0; position: absolute; bottom: 0; text-align: center; width: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-feature15 .icon i { color: #fff; display: inline-block; font-size: 40px; line-height: 40px; margin-top: -15px; position: relative; top: 50%; opacity: 0; }
.iq-feature15 .feature15-blog:hover .icon i { opacity: 1.0; }
.iq-feature15 .feature15-blog:hover .icon { width: 100%; background: rgba(2, 216, 116, 0.6); }
.iq-feature15 .about-blog .text-big { font-size: 30px; }

/*************************************
Feature 16
**************************************/
.iq-feature16 { background: rgba (255, 255, 255, 0); display: inline-block; }
.iq-feature16 .icon i { font-size: 60px; color: var(--main-color); }
.iq-feature16 span.icon-small i { font-size: 50px; color: var(--main-color); line-height: 50px; vertical-align: middle; margin-left: 20px; }
.iq-feature16 { line-height: 28px; }
.iq-feature16 p { margin-top: 5px; }

/*---------------------------------------------------------------------
Tab
-----------------------------------------------------------------------*/

/*************************
Tabs 1
*************************/
.light-tab .nav-pills .nav-link { border: none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-left: 2px; padding: 10px 25px; font-size: 16px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover { background: var(--main-color); color: #ffffff; -webkit-box-shadow: -2px 10px 30px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 10px 30px 5px rgba(0, 0, 0, 0.1); box-shadow: -2px 10px 30px 5px rgba(0, 0, 0, 0.1); }

/*************************
Tabs Border
*************************/
.tab-border .nav-pills .nav-link { border: 1px solid #f5f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 5px 0 5px 10px; padding: 10px 15px; font-size: 16px; }
.tab-border .nav-pills .nav-link.active, .tab-border .nav-pills .show>.nav-link, .tab-border .nav-pills .nav-link:hover { background: var(--main-color); border: 1px solid var(--main-color); color: #ffffff; -webkit-box-shadow: -2px 10px 30px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 10px 30px 5px rgba(0, 0, 0, 0.1); box-shadow: -2px 10px 30px 5px rgba(0, 0, 0, 0.1); }




/*************************
Tab 5
*************************/
.iq-tab5 .nav-pills { text-align: center; display: block; }
.iq-tab5 .nav-pills .nav-item { display: inline-block; padding: 0 20px; }
.iq-tab5 .nav-pills .nav-item .nav-link { background: inherit; font-size: 20px; text-align: center; color: #ffffff; padding: 0; }
.iq-tab5 .nav-pills .nav-item .nav-link i { font-size: 50px; margin-bottom: 20px; display: inline-block; }
.iq-tab5 .tab-content .tab-pane { color: #ffffff; }
.iq-tab5 .nav-pills .nav-link.active, .iq-tab5 .nav-pills .show>.nav-link, .iq-tab5 .nav-pills .nav-link:hover { color: var(--main-color); box-shadow: inherit !important;}

/*************************
Tab 6
*************************/
.iq-tab6 .nav-pills { padding: 8px; border-radius: 5px; }
.iq-tab6 .nav-item { width: 100%; }
.iq-tab6 .nav-item a { background: #ffffff; color: #222222; font-size: 16px; font-weight: 600; padding: 45px; margin-bottom: 8px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; position: relative; border: inherit; 
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.iq-tab6 .nav-pills .nav-link { border: none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-left: 2px; }
.iq-tab6 .nav-pills .nav-link.active, .iq-tab6 .nav-pills .show>.nav-link, .iq-tab6 .nav-pills .nav-link:hover { background: var(--main-color); color: #ffffff; -webkit-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); }
.iq-tab6.horizontal .nav-item { width: 16.66%; text-align: center; }
.iq-tab6.horizontal .nav-item a { padding: 15px 10px !important; margin-bottom: 0; }

/*************************
Faq Tab
*************************/
.faq-tab .nav-pills { border-bottom: 1px solid var(--main-color); }
.faq-tab .nav-pills li { position: relative; width: 20%; text-align: center; }
.faq-tab .nav-pills .nav-link { position: relative; font-size: 16px; box-shadow: inherit; border-bottom: 2px solid rgba(2, 216, 113, 0); background: none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; font-weight: 600; padding: 20px 0 }
.faq-tab .nav-pills .nav-link.active { border-bottom: 2px solid rgba(2, 216, 113, 1.0); color: var(--main-color); background: #f6f6f6; }
.faq-tab .nav-pills .nav-link:hover { color: var(--main-color); background: #f6f6f6; }
.faq-tab .nav-pills .nav-link.active::before { content: ""; position: absolute; right: 50%; bottom: -10px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid rgba(2, 216, 113, 1.0); margin-right: -5px; }

/*---------------------------------------------------------------------
Teams
-----------------------------------------------------------------------*/

/*************************************
Teams 1
**************************************/
.iq-team1 .iq-team { position: relative; overflow: hidden; }
.iq-team1 .iq-team-content { background: var(--main-color); color: #fff; width: 100%; padding: 20px; bottom: -100px; opacity: 0; position: absolute; text-align: center; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-team1 .iq-team-content:after { bottom: -32px; right: 50%; margin-right: -20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: var(--main-color); border-width: 20px; }
.iq-team1 .iq-team-content.none:after { content: none; }
.iq-team1 .iq-team:hover .iq-team-content { bottom: 53px; 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; }
.iq-team1 .iq-team:hover .iq-team-content.little { bottom: 0px; }
.iq-team1 .iq-team-content a { color: #fff; }
.iq-team1 .iq-team-content a:hover { color: #222222; }
.iq-team1 .iq-team-content span { width: 100%; display: inline-block; }
.iq-team1 .iq-team-content ul { display: inline-block; }
.iq-team1 .iq-team-content ul li { padding: 0 5px; display: inline-block; }
.iq-team1 .iq-team-content ul li a { font-size: 18px; }
.iq-team-images .tooltip-item { top: 97%; margin: -15px -10px 0 0; }

/* Trigger item */
.iq-team1 .tooltip-item { width: 20px; height: 20px; right: 50%; bottom: 50%; margin: -15px -10px 0 0; position: absolute; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; border: 5px solid var(--main-color); background: #fafafa; -webkit-animation: pulse 0.6s infinite alternate; animation: pulse 0.6s infinite alternate; }
@-webkit-keyframes pulse {
  from { -webkit-transform: scale3d(0.5, 0.5, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
  from { -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.iq-team1 .green-bg.iq-pall-30 { display: none; }
.iq-team1 .iq-team-images img { width: 100%; }

/*************************************
Teams 2
**************************************/
.iq-team2 .team-content { border: 1px solid #00cb69; width: 220px; height: 220px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; padding: 10px; overflow: hidden; display: inline-block; box-shadow: -5px 5px 0px rgba(2, 195, 102, 1.0); -webkit-box-shadow: -5px 5px 0px rgba(2, 195, 102, 1.0); -moz-box-shadow: -5px 5px 0px rgba(2, 195, 102, 1.0); -ms-box-shadow: -5px 5px 0px rgba(2, 195, 102, 1.0); -o-box-shadow: -5px 5px 0px rgba(2, 195, 102, 1.0); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-team2 .team-content img { -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; width: 200px; height: 200px; -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-team2 .team-social { position: relative; }
.iq-team2 .team-social li { display: inline-block; }
.iq-team2 .team-social li a { padding: 0 5px; font-size: 15px; background:rgba(255, 255, 255, 1.0); width: 36px; height: 36px; line-height: 36px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; display: block; color: var(--main-color); border: 1px solid #ffffff;}
.iq-team2 .team-social li a:hover { color: #ffffff; background:rgba(255, 255, 255, 0);}
.iq-team2 .avtar-name a:hover{color: #222222;}


/*************************************
Teams 3
**************************************/
.iq-team3 .team-blog { position: relative; text-align: center; overflow: hidden; }
.iq-team3 .team-blog img { width: 100%; vertical-align: bottom; }
.iq-team3 .team-blog:before { position: absolute; content: ""; width: 100%; height: 100%; right: 0; top: 0; background: rgba(2, 216, 113, 0.9); opacity: 0; }
.iq-team3 .team-blog .team-description { position: absolute; width: 100%; top: -10%; right: 0; color: #fff; margin-top: -20px; padding: 0; opacity: 0; }
.iq-team3 .team-blog .team-description a:hover { color: #222222; }
.iq-team3 .team-blog:hover:before { opacity: 1; }
.iq-team3 .team-blog:hover .team-description { top: 60%; opacity: 1; }
.iq-team3 .team-blog:hover .team-social { bottom: 40px; opacity: 1; }
.iq-team3 .team-blog .team-social { position: absolute; right: 0; bottom: -10%; width: 100%; opacity: 0; }
.iq-team3 .team-blog .team-social ul { background: #ffffff; width: 100%; display: inline-block; }
.iq-team3 .team-blog .team-social ul li { display: inline-block; }
.iq-team3 .team-blog .team-social ul li a { color: var(--main-color); }
.iq-team3 .team-blog .team-social ul li a:hover { color: #222222; }
.iq-team3 .team-blog .team-social ul li a i { font-size: 16px; width: 45px; height: 45px; display: inline-block; float: none; line-height: 45px; text-align: center; background: transparent; }
.iq-team3, .iq-team3 .team-blog:before, .iq-team3 .team-blog:hover:before, .iq-team3 .team-blog:hover .team-description, .iq-team3 .team-blog:hover .team-social, .iq-team3 .team-blog .team-social { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

/*************************************
Teams 4
**************************************/
.iq-team4 .team-blog { border: 1px solid #f2f2f2; border-bottom: 2px solid var(--main-color); -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
.iq-team4 .team-blog img { display: inline; }
.iq-team4 .iq-star i { font-size: 16px; margin-left: 4px; }

/*************************************
Teams 5
**************************************/
.iq-team5 .team-images { position: relative; overflow: hidden; }
.iq-team5 .team-images:before { position: absolute; top: 0; right: 0; height: 100%; width: 100%; content: ""; opacity: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(2, 216, 113, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(2, 216, 113, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(2, 216, 113, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f9ff', endColorstr='var(--main-color)', GradientType=0); /* IE6-9 */ -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-team5:hover .team-images:before { opacity: 1; }
.iq-team5 .team-images img { width: 100%; vertical-align: bottom; }
.iq-team5 .team-social { background: #ffffff; position: absolute; right: 0; left: 0; bottom: -60px; -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-team5:hover .team-social { bottom: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-team5 .team-social ul { margin-right: 0; text-align: center; }
.iq-team5 .team-social ul li { margin: 0; padding: 0; width: 25%; float: right; }
.iq-team5 .team-social ul li a { background: #ffffff; color: var(--main-color); height: 40px; width: 100%; line-height: 40px; display: inline-block; text-align: center; }
.iq-team5 .team-social ul li:hover a { background: #222222; color: #ffffff; }
.iq-team5 .team-description { padding: 15px; text-align: center; }
.iq-team5 .skill-head { margin-top: -22px; font-size: 12px; }
.iq-team5 .skill-head.big { font-size: 16px; }
.iq-team5 .skill-blog { background-color: #dddddd; width: 100%; height: 3px; margin: 40px 0 20px 0; }
.iq-team5 .skill-blog.top { display: inline-block; margin-top: 20px; }
.iq-team5 .skill-blog:not(:first-child) { margin-top: 40px; }
.iq-team5 .progress-bar { position: relative; background: var(--main-color); height: 100%; box-shadow: none; padding: 0px; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; }
.iq-team5 .skill-head { position: absolute; color: #222222; font-size: 12px; text-align: right; font-weight: 400; margin-top: -20px; margin-right: 0; }
.iq-team5 .skill-head > i { margin-left: 8px; }
.iq-team5 .progress-bar .progress-number, .iq-team5 .progress-bar .progress-type { position: absolute; color: #222222; top: -30px; font-size: 15px; font-weight: 600; z-index: 9; left: 0; }
.iq-team5 .progress-bar .progress-type { left: -15px; }
.iq-team5 .progress-bar .progress-type { margin-right: 36px; }

/*************************************
Teams 6
**************************************/
.iq-team6 .team-blog { position: relative; overflow: hidden; }
.iq-team6 .team-blog:hover:before { opacity: 1; }
.iq-team6, .iq-team6 .team-blog:before, .iq-team6 .team-blog:hover:before, .iq-team6 .team-blog:hover .team-description, .iq-team6 .team-blog:hover .team-social, .iq-team6 .team-blog .team-social { -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-team6 .team-description h5 { position: absolute; color: #ffffff; right: -50%; bottom: 20%; opacity: 0; z-index: 9; 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-team6:hover .team-description h5 { opacity: 1; right: 5%; }
.iq-team6 .team-description p { position: absolute; color: #ffffff; right: -50%; bottom: 10%; opacity: 0; z-index: 9; transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; }
.iq-team6:hover .team-description p { opacity: 1; right: 5%; }
.iq-team6 .team-description .line { background: #ffffff; height: 1px; width: 0; position: absolute; right: 0; bottom: 30%; z-index: 9; opacity: 0; transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; }
.iq-team6:hover .team-description .line { opacity: 1; width: 150px; }
.iq-team6 .team-blog .team-social { position: absolute; left: -50%; bottom: 5%; opacity: 0; z-index: 9; }
.iq-team6 .team-blog:hover .team-social { opacity: 1; left: 5%; }
.iq-team6 .team-blog .team-social ul { width: 100%; display: inline-block; }
.iq-team6 .team-blog .team-social ul li { display: inline-block; }
.iq-team6 .team-blog .team-social ul li a { color: #ffffff; padding: 10px; }
.iq-team6 .team-blog .team-social ul li a:hover { color: var(--main-color); }
.iq-team6 .team-blog .team-social ul li a i { font-size: 20px; display: inline-block; float: none; text-align: center; background: transparent; }
.iq-team6 .team-images:before { position: absolute; top: 0; right: 0; height: 100%; width: 100%; content: ""; opacity: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f9ff', endColorstr='var(--main-color)', GradientType=0); /* IE6-9 */ -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-team6:hover .team-images:before { opacity: 1; }

/*************************************
Teams 7
**************************************/
.iq-team7 .team-blog { position: relative; text-align: center; overflow: hidden; }
.iq-team7 .team-blog:before { position: absolute; content: ""; width: 100%; height: 100%; right: 0; top: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; }
.iq-team7 .team-blog .team-description { position: absolute; width: 100%; bottom: 0%; right: 0; color: #fff; margin-top: -20px; padding: 0; opacity: 0; font-size: 16px; }
.iq-team7 .team-blog .team-description a:hover { color: #222222; }
.iq-team7 .team-blog:hover:before { opacity: 1; }
.iq-team7 .team-blog .team-social { position: absolute; right: 0; bottom: 0%; width: 100%; opacity: 0; }
.iq-team7 .team-blog .team-social ul { width: 100%; display: inline-block; padding: 0px 10px; }
.iq-team7 .team-blog .team-social ul li { display: inline-block; }
.iq-team7 .team-blog .team-social ul li a { color: #ffffff; padding: 10px; }
.iq-team7 .team-blog .team-social ul li a:hover { color: var(--main-color); }
.iq-team7 .team-blog .team-social ul li a i { font-size: 20px; display: inline-block; float: none; text-align: center; background: transparent; }
.iq-team7 .team-blog:before, .iq-team7 .team-blog:hover:before, .iq-team7 .team-blog:hover .team-description, .iq-team7 .team-blog:hover .team-social, .iq-team7 .team-blog .team-social { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.iq-team7 .team-blog:hover .team-description { bottom: 30%; opacity: 1; }
.iq-team7 .team-blog:hover .team-social { bottom: 15%; opacity: 1; }
.iq-team7 p { margin-bottom: 0; }
.iq-team7 .team-blog .team-images img { width: 100%; }
.iq-team7.team-top{margin-top: -110px;}
.iq-team7 .iq-link{color: #ffffff; position: relative;}
.iq-team7 .iq-link:before{position: absolute; bottom: 6px; right: 0; height:4px; width:0; content: ""; background:rgba(255, 255, 255, 0.8);-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-team7 .iq-link:hover:before{width:100%;}

/*---------------------------------------------------------------------
Team Detail
-----------------------------------------------------------------------*/

/*************************************
Team Detail
**************************************/
.team-detail .team-device { position: relative; }
.team-detail .team-device-blog4 { position: absolute; top: 70px; height: 100%; right: 0; }
.team-detail .iq-media-blog { margin: 0; padding: 0; text-align: right; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.team-detail .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.team-detail .iq-media-blog li a { display: block; width: 30px; height: 45px; line-height: 45px; font-size: 18px; color: #333; }
.team-detail .iq-media-blog li a:hover { color: var(--main-color); }

/*---------------------------------------------------------------------
Thank You 1
-----------------------------------------------------------------------*/

/*************************************
Thank You 1
**************************************/
.thank-you .thank-you-1 i { font-size: 150px; color: var(--main-color); }
.thank-you .thank-you-1  big-text { font-family: 'PT Serif', serif; }

/*************************************
Thank You 2
**************************************/
.thank-you .thank-you-2 i { font-size: 150px; color: var(--main-color); background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; padding: 40px; line-height: 150px; text-align: center; }
.thank-you .thank-you-2  big-text { font-family: 'PT Serif', serif; }

/*---------------------------------------------------------------------
Coming Soon
-----------------------------------------------------------------------*/

/*************************************
Coming Soon 1
**************************************/
.iq-coming-blog{padding: 150px 30px 600px 30px;}
.iq-coming1 { position: relative; }
.iq-coming1 .iq-coming-blog { position: absolute; top: 0; z-index: 9; right: 0; left: 0; }
.iq-coming1 .big-text { font-size: 80px; font-family: 'Raleway', sans-serif; color: #fff; }
.iq-coming1 img { width: 140px; }
.iq-coming1 .form-inline.iq-subscribe { text-align: center; }
.iq-coming1 .iq-subscribe .form-group { width: 40%; }
.iq-coming1 .iq-subscribe .form-control {-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px; height: 50px; width: 100%; display: inline-block; padding-right: 25px; box-shadow: none; border: none; background: rgba(255, 255, 255, 0.8); }
.iq-coming1 .countdown-timer { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin-bottom: 20px; max-width: 300px; margin: 50px auto; }
.iq-coming1 .countdown-timer h5 { font-size: 14px; letter-spacing: 0.5px; text-align: center; padding-top: 10px; text-shadow: none; }
.iq-coming1 .countdown-timer .timer { padding: 10px; text-align: center; padding-top: 15px; }
.iq-coming1 .countdown-timer .timer .timer-wrapper { display: inline-block; width: 200px; height: 50px; }
.iq-coming1 .countdown-timer .timer .timer-wrapper .time { font-size: 80px; font-weight: bold; color: #333; margin: 0 50px; float: right; }
.iq-coming1 .countdown-timer .timer .timer-wrapper .text { font-size: 20px; }
.iq-coming1 #countdown { list-style: none; margin: 50px 0; padding: 0; display: block; text-align: center; display: inline-block; }
.iq-coming1 #countdown li { display: inline-block; }
.iq-coming1 #countdown li span { font-size: 50px; font-weight: 800; line-height: 80px; margin: 0 30px; color: #fff; }
.iq-coming1 #countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin-top: 15px; color: #fff; }
.iq-coming1 #countdown li p { color: #fff; font-size: 20px; }

/*************************************
Coming Soon 2
**************************************/
.iq-coming-2 .big-text { font-size: 60px; font-family: 'Raleway', sans-serif; text-transform: uppercase; color: #fff; line-height: 80px; }
.iq-coming-2 img { width: 140px; }
.iq-coming-2 .iq-subscribe .form-group { width: 40%; }
.iq-coming-2 .iq-subscribe .form-control {-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; height: 48px; width: 100%; display: inline-block; padding-right: 25px; box-shadow: none; border: none; background: rgba(255, 255, 255, 0.8); }
.iq-coming-2 .countdown-timer { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin-bottom: 20px; max-width: 300px; margin: 50px auto; }
.iq-coming-2 .countdown-timer h5 { font-size: 14px; letter-spacing: 0.5px; text-align: center; padding-top: 10px; text-shadow: none; }
.iq-coming-2 .countdown-timer .timer { padding: 10px; text-align: center; padding-top: 15px; }
.iq-coming-2 .countdown-timer .timer .timer-wrapper { display: inline-block; width: 200px; height: 50px; }
.iq-coming-2 .countdown-timer .timer .timer-wrapper .time { font-size: 80px; font-weight: bold; color: #333; margin: 0 50px; float: right; }
.iq-coming-2 .countdown-timer .timer .timer-wrapper .text { font-size: 20px; }
.iq-coming-2 #countdown { list-style: none; margin: 20px 0 30px 0; padding: 0; display: block; text-align: center; display: inline-block; }
.iq-coming-2 #countdown li { display: inline-block; margin: 0 20px; }
.iq-coming-2 #countdown li span { font-size: 50px; font-weight: 800; line-height: 80px; color: #fff; }
.iq-coming-2 #countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin: 35px 0px; color: #fff; }
.iq-coming-2 #countdown li h6 { color: #fff; font-size: 20px; padding-left: 30px; }
.iq-coming-2 .particles-bg { position: relative; overflow: hidden; }
.iq-coming-2 .particles-bg #canvas { position: absolute; display: block; color: rgba(255, 255, 255.0.9); }
.iq-coming-2 #countdown li p { font-size: 16px; font-weight: 600; line-height: 24px; color: #fff; }
.iq-coming-2 .button { margin-right: 0; -webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px; padding: 11px 20px;}

/*Social Media*/
.iq-coming-2 .iq-media-blog li { margin: 0px; margin-right: 0; }
.iq-coming-2 .iq-media-blog li a { height: 45px; width: 45px; font-size: 18px; line-height: 45px; background: rgba(2, 216, 113, 1.0); text-align: center; color: #ffffff; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; float: right; border: 1px solid var(--main-color); }
.iq-coming-2 .iq-media-blog li a:hover { background: rgba(2, 216, 113, .0); color: var(--main-color); }

/*---------------------------------------------------------------------
Error 404
-----------------------------------------------------------------------*/
.iq-error h2 { font-size: 180px; font-weight: 600; line-height: 180px; }
.iq-error h4 { background: #f2f2f2; display: inline; font-size: 24px; line-height: 40px; padding: 6px 15px; }
.iq-error input { width: 100%; border: none; box-shadow: none; border-bottom: 1px solid #dddddd; height: 45px; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; min-width: 300px; }
.iq-error .iq-subscribe { text-align: center; display: inline-block; }


/*---------------------------------------------------------------------
Help
-----------------------------------------------------------------------*/
.iq-help { margin-top: 100px; }
.iq-help .form-control { -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; height: 45px; }
.iq-help .form-control:focus { box-shadow: none; }
.iq-help h3 { font-size: 42px; line-height: 54px; }
.iq-help select.form-control { height: 45px; }

/*---------------------------------------------------------------------
Pricing
-----------------------------------------------------------------------*/

/*----------------------
Pricing 1
----------------------*/
.iq-pricing1 .pricing1 { display: flex; flex-wrap: nowrap; overflow-x: auto; }
.iq-pricing1.big-space { padding-bottom: 250px; }
.iq-pricing1 .price-head { background: #f8f8f8; margin: 0 5px; padding: 15px 0px; font-size: 18px; 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; }
.iq-pricing1 .pricing-blog:hover .price-head { background: var(--main-color); color: #ffffff; }
.iq-pricing1 .price .currency { font-size: 18px; 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; }
.iq-pricing1 .pricing-blog:hover .currency { color: var(--main-color); }
.iq-pricing1 .price strong { display: inline-block; font-size: 40px; font-weight: bold; margin-top: 12px; 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; }
.iq-pricing1 .pricing-blog:hover .price strong { color: var(--main-color); }
.iq-pricing1 .price .month { font-size: 14px; }
.iq-pricing1 .listing ul li { border-top: 1px solid #f1f1f1; padding: 13px 0; margin: 0; }
.iq-pricing1 .price-blog { position: relative; }
.iq-pricing1 .pricing-blog.active .price-head { color: #ffffff; background: var(--main-color); }
.iq-pricing1 .pricing-blog.active .price strong { color: var(--main-color); }
.iq-pricing1 .pricing-blog.active .currency { color: var(--main-color); }
.iq-pricing1 .pricing-blog.active .button.grey { color: #ffffff; background: var(--main-color); border: 1px solid var(--main-color); }
.iq-pricing1 .pricing-blog:hover .button.grey { background: var(--main-color); border: 1px solid var(--main-color); }
.iq-pricing1 .pricing-blog.first { margin-top: 198px; }

/*----------------------
Pricing 2
----------------------*/
.iq-pricing2 .pricing-blog { background: #ffffff; padding-bottom: 30px; overflow: hidden; border: 1px solid #f1f1f1; }
.iq-pricing2 .price { color: #fff; display: inline-block; width: 100%; }
.iq-pricing2 .price .currency { font-size: 32px; font-weight: bold; display: inline-block; vertical-align: baseline; margin-left: 5px; }
.iq-pricing2 .price strong { display: inline-block; font-size: 32px; font-weight: bold; margin-top: 12px; }
.iq-pricing2 .price .month { font-size: 14px; font-weight: bold; }
.iq-pricing2 .listing ul li { border-top: 1px solid #f1f1f1; padding: 15px 0; margin: 0; }
.iq-pricing2 .price-blog { background: var(--main-color); position: relative; }
.iq-pricing2 .price-blog:before { content: ""; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 15px solid #ffffff; position: absolute; z-index: 9; top: 0; right: 50%; margin-right: -10px; }
.iq-pricing2 .pricing-blog.active { margin-top: -20px; padding-bottom: 60px; box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1); }
.iq-pricing2 .pricing-blog.active .price-head { padding: 20px 0; margin: 0; font-size: 18px; font-weight: 500; color: var(--main-color); }
.iq-pricing2 .nav-pills { display: block; }
.iq-pricing2 .nav-pills .nav-item { display: inline-block; }
.iq-pricing2 .nav-pills .nav-link { border: none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-left: 2px; background: #f4f4f4; padding: 10px 25px; font-size: 16px; }
.iq-pricing2 .nav-pills .nav-link.active, .iq-pricing2 .nav-pills .show>.nav-link, .iq-pricing2 .nav-pills .nav-link:hover { background: var(--main-color); color: #ffffff; -webkit-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); box-shadow: 0px 6px 20px -5px rgba(0, 0, 0, 0.20); }

/*----------------------
Pricing 3
----------------------*/
.iq-pricing3 .pricing-blog { position: relative; overflow: hidden; background: #ffffff; border: 1px solid #f1f1f1; padding-bottom: 30px; }
.iq-pricing3 .pricing-blog.border { border: 1px solid #f1f1f1; }
.iq-pricing3 .price-head { background: #f8f8f8; color: #222222; font-size: 18px; font-weight: bold; padding: 15px 0; margin-bottom: 20px; }
.iq-pricing3 .price { color: #222222; display: inline-block; width: 100%; padding: 10px 0 30px; }
.iq-pricing3 .price .currency { font-size: 32px; font-weight: bold; vertical-align: top; display: inline-block; }
.iq-pricing3 .price strong { display: inline-block; font-weight: bold; font-size: 50px; margin-top: 15px; }
.iq-pricing3 .price .month { font-size: 14px; font-weight: bold; }
.iq-pricing3 .listing ul li { border-top: 1px solid #f1f1f1; padding: 13px 0; }
.iq-pricing3 .active { background: var(--main-color); color: #fffff; border: none; }
.iq-pricing3 .active .price { color: #ffffff; }
.iq-pricing3 .active .listing ul li { border-top: 1px solid #07ca6c; color: #ffffff; }

/*----------------------
Pricing 4
----------------------*/
.iq-pricing4 .pricing-blog { background: rgba(255, 255, 255, 0); border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 30px 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-pricing4 .pricing-blog:hover { background: rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0); }
.iq-pricing4 .price { color: #ffffff; display: inline-block; width: 100%; }
.iq-pricing4 .price .currency { font-size: 32px; vertical-align: top; display: inline-block; }
.iq-pricing4 .price strong { display: inline-block; font-size: 36px; color: var(--main-color); margin-right: 10px; }
.iq-pricing4 ul li { margin: 0 0 15px 15px; display: inline-block; }
.iq-pricing4.last { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

/*----------------------
Pricing 5
----------------------*/
.iq-pricing-5 { padding: 30px 20px; text-align: center; z-index: 1; position: relative; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; margin-top: 0; border: 1px solid #f2f2f2; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.iq-pricing-5:hover, .iq-pricing-5.active { margin-top: -5px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); border: 1px solid var(--main-color); }

/*----------------------
Pricing 6
----------------------*/
.iq-pricing-6 .iq-header { }
.iq-pricing-6 .iq-header .iq-icon i { font-size: 60px; float: right; }
.iq-pricing-6 .iq-header .iq-price { font-size: 36px; float: right; margin-right: 40px; margin-top: 15px; }

/* ----------------------------------------------------------------------
Testimonial
-------------------------------------------------------------------------*/

/*************************
Testimonial 1
*************************/
.iq-testimonial .feedback .iq-avtar { width: 60px; display: inline-block; text-align: center; -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; float: right; }
.iq-testimonial .feedback .iq-avtar img {-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; }
.iq-testimonial .feedback .iq-info { position: relative; background: rgba(255, 255, 255, 1.0); padding: 20px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; -webkit-box-shadow: 0px 8px 30px -20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 8px 30px -20px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 30px -20px rgba(0, 0, 0, 0.5); }
.iq-testimonial .feedback .iq-info:before { content: ""; position: absolute; z-index: 9; bottom: -15px; right: 05%; height: 0; width: 0; border-top: 15px solid rgba(255, 255, 255, 1.0); border-right: 15px solid transparent; }
.iq-testimonial .feedback .iq-info.light { background: rgba(255, 255, 255, 0.1); }
.iq-testimonial .feedback .iq-info.light:before { border-top: 15px solid rgba(255, 255, 255, 0.1); }
.iq-testimonial .feedback .iq-info.bg-light { background: #f8f8f8; }
.iq-testimonial .feedback .title { font-size: 18px; }
.iq-testimonial .feedback .avtar-name { display: table-cell; }
.iq-testimonial .feedback p { margin-bottom: 0px; }
.iq-testimonial .feedback .iq-lead { font-size: 18px; }
.iq-testimonial .iq-star i { margin-left: 4px; }
.iq-testimonial .owl-prev, .iq-testimonial .owl-next { float: right; }
.iq-testimonial .owl-prev i, .iq-testimonial .owl-next i { color: #ddd; }
.iq-testimonial .owl-prev:hover i, .iq-testimonial .owl-next:hover i { color: var(--main-color); }
.iq-testimonial .owl-prev .fa-angle-left:before { content: "\f177"; float: right; }
.iq-testimonial .owl-next .fa-angle-right:before { content: "\f178"; float: right; margin-right: 10px; }
.iq-testimonial .iq-star i { margin-left: 4px; }
.iq-testimonial .owl-controls { position: relative; width: 100%; position: relative; top: 30px; }

/*************************
Testimonial 2
*************************/
.iq-testimonial2 .owl-prev, .iq-testimonial2 .owl-next { float: right; }
.iq-testimonial2 .owl-prev i, .iq-testimonial2 .owl-next i { color: #ddd; }
.iq-testimonial2 .owl-prev:hover i, .iq-testimonial2 .owl-next:hover i { color: var(--main-color); }
.iq-testimonial2 .owl-prev .fa-angle-left:before { content: "\f177"; float: right; }
.iq-testimonial2 .owl-next .fa-angle-right:before { content: "\f178"; float: right; margin-right: 10px; }
.iq-testimonial2 .feedback .iq-avtar { width: 60px; display: inline-block; text-align: center; -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; float: right; }
.iq-testimonial2 .feedback .iq-avtar img { -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; }
.iq-testimonial2 .feedback .iq-info { position: relative; background: rgba(255, 255, 255, 1.0); border: 1px solid #f8f3f3; padding: 20px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.iq-testimonial2 .feedback .iq-info.brd-none { border: none; }
.iq-testimonial2 .feedback .iq-info.light { background: rgba(255, 255, 255, 0.2); border: none; }
.iq-testimonial2 .feedback .iq-info.light:before { border-top: 15px solid rgba(255, 255, 255, 0.2); }
.iq-testimonial2 .feedback .title { font-size: 18px; }
.iq-testimonial2 .feedback p { margin-bottom: 0px; font-style: italic; }
.iq-testimonial2 .iq-star i { margin-left: 4px; }
.iq-testimonial2 .owl-controls { position: relative; width: 100%; position: relative; top: 30px; }
.iq-testimonial2 .iq-brd {-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
.iq-testimonial2 .testi-white{background: #ffffff; padding: 30px 30px 100px 30px;}
.iq-testimonial2 .testi-white .feedback .iq-info{padding: 20px 0;}
/*************************
Testimonial 3
*************************/
.iq-testimonial3 .media .media-heading p { font-style: italic; font-size: 14px; margin-left: 30px; }
.iq-testimonial3 .media .media-left img { width: 120px; }
.iq-testimonial3 .media .media-body .blog { border-right: 2px solid #ddd; padding-right: 10px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

/*************************
Testimonial 4
*************************/
.iq-testimonial4 .owl-carousel.owl-theme .owl-dots { margin-top: 20px; }
.iq-testimonial4 .owl-carousel.owl-theme .owl-dots .owl-dot span { position: relative; width: 60px; height: 60px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; border: 4px solid #ccc; background: url("../images/team/small/01.jpg") no-repeat 100% 0 !important; background-size: cover !important; transition: all 0.3s ease-in-out 0s; }
.iq-testimonial4 .owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(2) span { background: url("../images/team/small/02.jpg") no-repeat 100% 0 !important; background-size: cover !important; }
.iq-testimonial4 .owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(3) span { background: url("../images/team/small/03.jpg") no-repeat 100% 0 !important; background-size: cover !important; }
.iq-testimonial4 .owl-carousel.owl-theme .owl-dots .owl-dot.active span { border: 4px solid var(--main-color); width: 60px; }
.iq-testimonial4 .owl-carousel .owl-dots { text-align: right; }
.iq-testimonial4 .owl-carousel .owl-item { background: var(--main-color); color: #fff; padding: 30px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.iq-testimonial4 .owl-carousel.owl-theme .owl-dots .owl-dot.active span:before { content: ""; position: absolute; z-index: 9; top: -45px; right: 50%; height: 0; width: 0; border-top: 20px solid rgba(2, 216, 113, 1.0); border-right: 20px solid transparent; margin-right: -12px; }

/*---------------------------------------------------------------------
Counter
----------------------------------------------------------------------*/

/*************************
Counter 1
*************************/
.iq-counter1 .iq-counter { color: #222222; min-height: 60px; }
.iq-counter1 .iq-counter i { font-size: 40px; line-height: 45px; display: inline-block; }
.iq-counter1 .iq-counter i:before { font-size: 60px; }
.iq-counter1 .iq-counter span { display: block; font-size: 36px; margin: 10px 0; margin-bottom: 5px; line-height: 40px; }
.iq-counter1 .iq-counter label { font-weight: 600; color: #555555; font-size: 15px; position: relative; margin: 10px 0; margin-bottom: 0; text-transform: uppercase; }
.iq-counter1 .iq-counter label:before { background: #555555; content: ""; height: 1px; position: absolute; right: 0%; top: -10px; width: 30px; margin-right: 0px; }
.iq-counter1 .counter-box { margin: 0 50px; }
.iq-counter1 .counter-box li { width: 50%; float: right; padding: 10px 20px; margin: 0px; }
.iq-counter1 .counter-box li .info span { font-size: 32px; }
.iq-counter1 .counter-box li:nth-child(1) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); }
.iq-counter1 .counter-box li:nth-child(2) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.iq-counter1 .counter-box li:nth-child(3) { border-left: 1px solid rgba(0, 0, 0, 0.1); clear: both; }
.iq-counter1 .counter-box .lead { font-size: 16px; }

/*************************
Counter 2
*************************/
.iq-counter2 .iq-counter { min-height: 60px; }
.iq-counter2 .iq-counter span { display: block; font-size: 48px; margin: 10px 0; margin-bottom: 20px; line-height: 40px; }
.iq-counter2 .iq-counter label { font-weight: 600; color: #222222; font-weight: 500; font-size: 20px; position: relative; margin-top: 20px; }
.iq-counter2 .iq-counter label:before { background: #ffffff; content: ""; height: 3px; position: absolute; top: -10px; width: 50px; margin-right: -25px; right: 50%; margin-right: -25px; }
.iq-counter2 .iq-counter { padding-top: 20px; position: relative; z-index: 0; color: #fff; }
.iq-counter2 .iq-counter i { color: #ffffff; font-size: 90px; opacity: 0.4; line-height: 90px; position: absolute; right: 0; top: 0; width: 100%; text-align: center; z-index: -1; }
.iq-counter2 .iq-counter i:before { font-size: 90px; }

/*************************
Counter 3
*************************/
.iq-counter3 .iq-counter .left { width: 80px; height: 80px; float: right; text-align: center; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.iq-counter3 .iq-counter .left i { line-height: normal; }
.iq-counter3 .iq-counter i:before { font-size: 60px; line-height: normal; }
.iq-counter3 .iq-counter .timer { font-size: 40px; }
.iq-counter3 .iq-counter.brd { border: 1px solid #f2f2f2; }

/*---------------------------------------------------------------------
Skill
----------------------------------------------------------------------*/

/*************************************
Skills 1
**************************************/
.iq-skill1 .skill-blog { background-color: #ffffff; width: 100%; height: 6px; margin: 60px 0 20px 0; }
.iq-skill1 .progress-bar { background: var(--main-color); height: 100%; box-shadow: none; padding: 0px; display: inherit; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; }
.iq-skill1 .heading { position: absolute; color: #222222; font-size: 15px; text-align: right; font-weight: 400; margin-top: -28px; margin-right: 0; }
.iq-skill1 .heading.white { color: #ffffff; }
.iq-skill1 .heading.green { color: var(--main-color); }
.iq-skill1 .heading > i { margin-left: 8px; }
.iq-skill1 .progress-bar .progress-type, .iq-skill1 .progress-bar .progress-number { position: relative; color: #ffffff; float: left; top: -15px; font-size: 14px; margin-top: -18px; background: #222222; width: 20px; display: inline-block; padding: 0 3px }
.iq-skill1 .progress-bar.white .progress-type, .iq-skill1 .progress-bar.white .progress-number { color: #222222; background: #ffffff; }
.iq-skill1 .progress-bar.white .progress-type:before { border-top: 8px solid rgba(255, 255, 255, 1.0); border-right: 10px solid transparent; }
.iq-skill1 .progress-bar .progress-type:before { content: ""; position: absolute; z-index: 9; bottom: -8px; right: 10px; height: 0; width: 0; border-top: 8px solid rgba(34, 34, 34, 1.0); border-right: 10px solid transparent; }

/*************************************
Skills 2
**************************************/
.iq-skill2 .right-blog { width: 80%; height: 12px; background-color: #ffffff; margin-right: 60px; }
.iq-skill2 .right-blog:not(:first-child) { margin-top: 64px; }
.iq-skill2 .right-blog .progress-bar { height: 100%; padding: 0px; background: var(--main-color); display: inherit; box-shadow: none; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; }
.iq-skill2 .right-blog .heading { color: #222222; font-size: 15px; font-weight: 400; position: absolute; text-align: right; margin-right: 0; margin-top: -28px; }
.iq-skill2.white .right-blog .heading, .iq-skill2.white .right-blog .progress-type, .iq-skill2.white .right-blog .progress-number { color: #ffffff !important; }
.iq-skill2 .right-blog .heading > i { margin-left: 8px; }
.iq-skill2 .right-blog .progress-bar .progress-number, .iq-skill2 .right-blog .progress-bar .progress-type { color: #222222; float: left; margin-top: -18px; position: relative; top: -10px; font-size: 15px; font-weight: 600; }
.iq-skill2 .left-icon i { font-size: 36px; width: 40px; position: relative; top: -38px; }

/*************************************
Skills 3
**************************************/
.iq-skill3 .skill-blog { background-color: rgba(255, 255, 255, 0.5); width: 100%; height: 6px; margin: 60px 0 20px 0; }
.iq-skill3 .progress-bar { background: #ffffff; height: 100%; box-shadow: none; padding: 0px; position: relative; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; }
.iq-skill3 .heading { position: absolute; color: #222222; font-size: 15px; text-align: right; font-weight: 400; margin-top: -28px; margin-right: 0; }
.iq-skill3 .heading > i { margin-left: 8px; }
.iq-skill3 .progress-bar .progress-type, .iq-skill3 .progress-bar .progress-number { position: absolute; color: #222222; float: left; top: -15px; font-size: 14px; margin-top: -18px; background: #ffffff; width: 20px; display: inline-block; padding: 0 3px; left: 0; }
.iq-skill3 .progress-bar .progress-number { left: 18px; }
.iq-skill3 .progress-bar .progress-type:before { content: ""; position: absolute; z-index: 9; bottom: -8px; right: 10px; height: 0; width: 0; border-top: 8px solid rgba(255, 255, 255, 1.0); border-right: 10px solid transparent; }

/*---------------------------------------------------------------------
Accordion
----------------------------------------------------------------------*/

/*************************
Accordion Arrow
*************************/
.iq-accordion.arrow .card { margin-bottom: 10px; border-radius: 5px; overflow: hidden;padding:0; border: 1px solid #dddddd; background: rgba(255, 255, 255, 0);}
.iq-accordion.arrow .card-header { transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; padding: 0; background-color: inherit; border-bottom: none; }
.iq-accordion.arrow .card-body {padding: 0 15px 15px 15px;}
.iq-accordion.arrow .card-header a{ display: inline-block; font-size: 16px; width: 100%; font-weight: 600; position: relative; padding:15px 65px 15px 15px;}
.iq-accordion.arrow .card-header a:after {font-family: 'FontAwesome'; content: "\f068"; color: #ffffff; font-weight: 200; text-align: center; font-size: 18px;
    right: 15px; top: 8px; position: absolute; background: var(--main-color); width: 40px; height: 40px; line-height: 40px; border-radius: 100px;}
.iq-accordion.arrow .card-header a.collapsed:after { content: "\f067"; }


/*************************
Accordion Light
*************************/
.iq-accordion.light .card { margin-bottom: 10px; border-radius: 5px; overflow: hidden;padding:0; background: rgba(255, 255, 255, 0); border: none;}
.iq-accordion.light .card-header { transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; padding: 0; background-color: inherit; border-bottom: none; }
.iq-accordion.light .card-body {padding: 0; margin-top: 5px;}
.iq-accordion.light .card-header a{ display: inline-block; font-size: 16px; color: #ffffff; width: 100%; font-weight: 600; position: relative; padding:15px 55px 15px 15px;}
.iq-accordion.light .card-header a:after {background-color: rgba(255, 255, 255, 0.1); font-family: 'FontAwesome'; content: "\f068"; color: var(--main-color); font-weight: 200; text-align: center; font-size: 18px; right: 0;
    top: 10px; position: absolute; width: 40px; height: 40px; line-height: 40px;}
.iq-accordion.light .card-header a.collapsed:after { content: "\f067"; }


/*************************
Accordion Event
*************************/
.iq-accordion.event .ad-title { font-size: 16px; background: none; font-weight: 600; }
.iq-accordion.event .ad-title strong { font-size: 13px; }
.iq-accordion.event .ad-details { margin: 10px 5px 10px 10px; }
.iq-accordion.event span { display: inline-block; padding-top: 5px; padding-bottom: 5px; vertical-align: middle; }
.iq-accordion.event .avtar img { display: inline-block;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; float: right; width: 60px; margin-left: 10px; }
.iq-accordion.event .ad-title:hover, .iq-accordion.event .ad-title:focus { color: #222222; }

/*---------------------------------------------------------------------
Countdown
----------------------------------------------------------------------*/

#iq-countdown1 { list-style: none; padding: 0; display: block; margin-top: 40px;}
#iq-countdown1 li { display: inline-block; border: 1px solid rgba(255, 255, 255, 0.6); margin-left: 10px; width: 120px; text-align: center; border-radius: 3px;}
#iq-countdown1 li span { font-size: 50px; font-weight: 600; line-height: 50px; width: 100%; padding: 20px 0; background: rgba(255, 255, 255, 0.3); color: #ffffff !important; display: inline-block; }
#iq-countdown1 li p { font-size: 18px; padding: 0; margin: 15px; font-weight: 600; }


/*---------------------------------------------------------------------
Login and Register
----------------------------------------------------------------------*/
.iq-log-regi{padding: 80px 0 200px 0;}
.iq-login { background: rgba(0, 0, 0, 0.6);  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.iq-login.iq-brd { border: 1px solid #efefef; background:inherit; }
.iq-login .form-control { background-color: #f6f6f6; border: inherit;-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; color: #666666; box-shadow: none; height: 45px; }
.iq-login .form-group label { font-weight: 600;}
.iq-login .iq-media { margin: 0; padding: 0; }
.iq-login .iq-media li { display: inline-block; list-style: none; padding: 0; margin: 0 0 8px 8px; }
.iq-login .iq-media li a { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; color: #ffffff; }
.iq-login .iq-media li a.fb { background: #3d5f9a; }
.iq-login .iq-media li a:hover.fb { background: #547abb; }
.iq-login .iq-media li a.tw { background: #44c0f3; }
.iq-login .iq-media li a:hover.tw { background: #0faef0; }
.iq-login .iq-media li a.gplus { background: #dd4b39; }
.iq-login .iq-media li a:hover.gplus { background: #bd3221; }
.iq-login .iq-media li a.lkd { background: #0077B5; }
.iq-login .iq-media li a:hover.lkd { background: #008fda; }
.iq-login .button { width: 100%; }
.iq-login .form-check-label { padding-right: 20px; cursor: pointer;}
.iq-login .form-check-label:hover{text-decoration: underline;}
.iq-login input[type="checkbox"] { margin-right: inherit; height: 15px; width: 15px; }
.iq-login a.link:hover{text-decoration: underline !important;}
.iq-login-bg {padding:80px 0 150px 0; /* Set rules to fill background */}
.iq-log-regi .nav-pills { border-bottom: 1px solid var(--main-color); }
.iq-log-regi .nav-pills li { position: relative; width: 50%; text-align: center; }
.iq-log-regi .nav-pills .nav-link { position: relative; font-size: 20px; color: #ffffff; box-shadow: inherit; border-bottom: 2px solid rgba(2, 216, 113, 0); background: none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; font-weight: 500; padding: 20px 0 }
.iq-log-regi .nav-pills .nav-link.black { color: #222222; }
.iq-log-regi .nav-pills .nav-link.active { border-bottom: 2px solid rgba(2, 216, 113, 1.0); color: var(--main-color); }
.iq-log-regi .nav-pills .nav-link:hover { color: var(--main-color); }
.iq-log-regi .nav-pills .nav-link.active::before { content: ""; position: absolute; right: 50%; bottom: -10px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid rgba(2, 216, 113, 1.0); margin-right: -5px; }
.iq-log-regi .form-check-label { padding-right: 20px; cursor: pointer;}
.iq-log-regi input[type="checkbox"] { margin-right: inherit; height: 15px; width: 15px; }
.iq-log-regi a.link:hover{text-decoration: underline !important;}





/*---------------------------------------------------------------------
Contact Us
-----------------------------------------------------------------------*/

/*************************************
Contact Us 1
**************************************/
.iq-contact1 .contact-blog { position: relative; padding: 30px 0; }
.iq-contact1 .contact-blog i { font-size: 40px; background: rgba(255, 255, 255, 0.2); width: 80px; line-height: 80px; height: 80px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; display: inline-block; }
.iq-contact1 .contact-blog:before, .iq-contact1 .contact-blog:after { content: ""; position: absolute; background: rgba(255, 255, 255, 0.6); height: 1px; width: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.iq-contact1 .contact-blog:before { right: 0; top: 0; }
.iq-contact1 .contact-blog:hover:before { width: 100%; }
.iq-contact1 .contact-blog:after { left: 0; bottom: 0; }
.iq-contact1 .contact-blog:hover:after { width: 100%; }
.iq-contact1 .contact-blog .iq-line { padding: 0 30px; }
.iq-contact1 .contact-blog .iq-line:before, .iq-contact1 .contact-blog .iq-line:after { content: ""; position: absolute; background: rgba(255, 255, 255, 0.6); height: 0px; width: 1px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.iq-contact1 .contact-blog .iq-line:before { right: 0; bottom: 0; }
.iq-contact1 .contact-blog:hover .iq-line:before { height: 100%; }
.iq-contact1 .contact-blog .iq-line:after { left: 0; top: 0; }
.iq-contact1 .contact-blog:hover .iq-line:after { height: 100%; }
.iq-contact1 .contact-blog h5 { margin-bottom: 5px; }
.iq-contact1 .iq-map iframe { border: 0px; width: 100%; float: right; height: 700px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.iq-contact1 .formmessage { display: none; }
.iq-contact1 .contact-form .section-field { width: 100%; float: right; }
.iq-contact1 .contact-form textarea { min-height: 140px; border: 1px solid #f6f6f6; background: #f6f6f6; }
.iq-contact1 .contact-form .section-field input { width: 100%; margin-bottom: 20px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; padding-right: 20px; height: 45px; line-height: 45px; clear: both; color: #333; border: 1px solid #f6f6f6; background: #f6f6f6; }
.iq-contact1 .contact-form .section-field input:focus, .iq-contact1 .contact-form .section-field.textarea textarea:focus { border: 1px solid var(--main-color); box-shadow: none; outline: none; }
#contact .error { display: none; margin-right: 10px; }
#contact .error_show { color: red; margin-right: 10px; position: absolute; bottom: 0; display: block; }

/*************************************
Contact Us 2
**************************************/
.iq-contact2 .iq-map iframe { border: 0px; width: 100%; height: 350px; }
.iq-contact2 .iq-get-in { position: relative; margin-top: -12%; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); }
.iq-contact2 .contact-form .section-field { position: relative; width: 100%; float: right; }
.iq-contact2 .contact-form .section-field input { position: relative; width: 100%; margin-bottom: 20px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding-right: 20px; height: 45px; line-height: 45px; clear: both; border: 1px solid #f6f6f6; background: #f6f6f6; }
.iq-contact2 .contact-form .section-field input:focus, .contact-form .section-field.textarea textarea:focus { border: 1px solid var(--main-color); box-shadow: none; outline: none; background: #f6f6f6; }
.iq-contact2 .contact-form .section-field.textarea textarea { width: 100%; float: right; color: #b6b6b6; border: 1px solid #f6f6f6; background: #f6f6f6; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 15px 20px 0 0; resize: none; }
.iq-contact2 #formmessage { display: none; }
.iq-contact2 .contact-info { position: relative; }
.iq-contact2 .contact-info:before { content: ""; position: absolute; height: 100%; width: 1px; right: 15px; top: 0; background: #e5e5e5; }
.iq-contact2 .info-share { margin: 40px 0 0; padding: 0; text-align: right; }
.iq-contact2 .info-share li { display: inline-block; list-style: none; padding: 0; margin: 0px 5px; width: inherit; }
.iq-contact2 .info-share li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #666; background: transparent; border: 1px solid #666; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.iq-contact2 .info-share li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }
.iq-contact2 i { font-size: 20px; }
.iq-contact2 .heading-left { position: relative; }
.iq-contact2 .heading-left:before { content: ""; position: absolute; bottom: 0px; right: 0; width: 40px; height: 4px; background: var(--main-color); display: inline-block; }
.iq-contact2 .left { width: 70px; height: 70px; float: right; margin-left: 10px; text-align: center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-contact2 .left i { color: var(--main-color); font-size: 50px; display: block; line-height: 60px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-contact2 .contact-box .right { display: table-cell; margin-top: 10px; vertical-align: top; }
.iq-contact2 .contact-box .right p { margin-top: 0px; }

/*************************************
Contact Us 3
**************************************/
.iq-contact3 input, .iq-contact3 textarea { width: 100%; border: none; box-shadow: none; border-bottom: 1px solid #dddddd; }
.iq-contact3 textarea { min-height: 100px; }
.iq-contact3 textarea:focus { box-shadow: none; border: none; }
.iq-contact3 .iq-map iframe { border: 0px; width: 100%; height: 607px; z-index: 1; float: right; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.iq-contact3 #formmessage { display: none; }
.iq-contact3 .contact-form .section-field { position: relative; width: 100%; float: right; }
.iq-contact3 .contact-form .section-field input { position: relative; width: 100%; margin-bottom: 20px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;; padding-right: 20px; height: 45px; line-height: 45px; clear: both; color: #b6b6b6; border: 1px solid #f6f6f6; background: #f6f6f6; }
.iq-contact3 .contact-form .section-field input:focus, .contact-form .section-field.textarea textarea:focus { border: 1px solid var(--main-color); }
.iq-contact3 .contact-form .section-field.textarea textarea { width: 100%; float: right; color: #b6b6b6; border: 1px solid #f6f6f6; background: #f6f6f6; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 20px 20px 0 0; resize: none; }
.iq-contact3 .contact-form .section-field.textarea textarea:focus { border: 1px solid var(--main-color); }
.iq-contact3 .left { margin-left: 15px; float: right; text-align: center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-contact3 .left i { color: #fff; font-size: 60px; display: block; width: 60px; height: 60px; line-height: 60px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-contact3 .right { display: table-cell; margin-top: 10px; vertical-align: top; }
.iq-contact3 .right p { margin-top: 0px; color: #fff; }
.iq-contact3 .right span { font-size: 18px; }
.iq-contact3 .heading-left { position: relative; }
.iq-contact3 .heading-left:before { content: ""; position: absolute; bottom: 0px; right: 0; width: 40px; height: 4px; background: #fff; display: inline-block; margin-right: 20px; }




/*---------------------------------------------------------------------
Footer
-----------------------------------------------------------------------*/

/*************************************
Footer 1
**************************************/
.iq-footer1 .iq-full-contact { display: inline-block; width: 100%; }
.iq-footer1 .iq-map iframe { border: 0px; width: 100%; height: 450px; }
.iq-footer1 .contact-form .section-field, .contact-form .section-field { position: relative; width: 100%; float: right; }
.iq-footer1 .contact-form .section-field input { position: relative; width: 100%; margin-bottom: 20px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; padding-right: 20px; height: 48px; line-height: 48px; clear: both; color: #b6b6b6; border: 1px solid #e1e1e1; }
.contact-form .g-recaptcha { margin-top: 15px; }
.iq-footer1 .contact-form .section-field input:focus, .iq-footer1 .contact-form .section-field.textarea textarea:focus { border: 1px solid var(--main-color); box-shadow: none; outline: none; }
.iq-footer1 .contact-form .section-field.textarea textarea { width: 100%; float: right; color: #b6b6b6; border: 1px solid #e1e1e1; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; padding: 15px 20px 0 0; resize: none; }
.iq-footer1 #formmessage { display: none; }
.iq-footer1 .iq-contact-box .iq-icon { float: right; -webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px; height: 70px; width: 70px; line-height: 70px; text-align: center; margin-left: 15px; color: #ffffff; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); }
.iq-footer1 .iq-contact-box .iq-icon i { font-size: 30px; }
.iq-footer1 .iq-contact-box .iq-icon span { font-size: 30px; }
.iq-footer1 .iq-contact-box .iq-content { display: table-cell; }
.iq-footer1 .iq-media-blog { margin: 0; padding: 0; text-align: left; }
.iq-footer1 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 5px; }
.iq-footer1 .iq-media-blog li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #666666; background: transparent; border: 1px solid #666666; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.iq-footer1 .iq-media-blog li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }
.iq-footer1 ul.menu li { margin: 0 15px; }
.iq-footer1 ul.menu li a { color: #222222; font-weight: 500; }
.iq-footer1 ul.menu li a:hover, .iq-footer1 ul.menu li.active a  { color: var(--main-color); }
.iq-footer1 hr { margin: 0; padding: 0px; border-bottom: 1px solid #e9e9e9; border-top: 0px; }
.iq-footer1 .iq-copyright a { color: #222222; }
.iq-footer1 .iq-copyright a:hover { color: var(--main-color); }

/*************************************
Footer 2
**************************************/
.iq-footer2 .logo img { width: 200px; }
.iq-footer2 .small-title { margin-bottom: 25px; }
.iq-footer2 hr { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

/*Menu*/
.iq-footer2 .menu { padding-right: 30px; }
.iq-footer2 .menu li { margin: 0; }
.iq-footer2 .menu li a { font-weight: 500; background: rgba(255, 255, 255, 0); padding: 8px 0; display: block; color: #ffffff; }
.iq-footer2 .menu li a:hover, .iq-footer2 .menu li.active a { background: rgba(255, 255, 255, 0.2); color: var(--main-color); padding: 8px 15px; }

/*Copyright*/
.iq-footer2 .iq-copyright a { color: var(--main-color); }
.iq-footer2 .iq-copyright a:hover { color: #ffffff; }
.iq-footer2 .footer-bottom { background: #222222; }

/*Popular Posts*/
.iq-footer2 .iq-post li { width: 100%; float: right; margin-top: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: inline-block; margin-bottom: 15px; padding-bottom: 15px; }
.iq-footer2 .post-blog { display: table-cell; }
.iq-footer2 .post-blog a { vertical-align: top; font-size: 14px; color: #fff; }
.iq-footer2 .post-blog a:hover { color: var(--main-color); }
.iq-footer2 .post-blog .iq-date { font-size: 13px; display: table; }
.iq-footer2 .post-blog i { font-size: 14px; }
.iq-footer2 .iq-post li:last-child { border-bottom: none; }
.iq-footer2 .post-img { display: table; float: right; margin-left: 15px; }
.iq-footer2 .post-img img { vertical-align: top; height: 74px; width: 74px;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }

/*Schedule*/
.iq-footer2 .schedule .header { background: rgba(255, 255, 255, 0.2); color: var(--main-color); padding: 8px; text-align: center; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;}
.iq-footer2 .schedule-blog { border: 1px solid rgba(255, 255, 255, 0.2); padding: 10px; }
.iq-footer2 ul li { color: #ffffff; margin: 5px 0; }

/*Social Media*/
.iq-footer2 .iq-media-blog { margin: 0; padding: 0; text-align: left; }
.iq-footer2 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-footer2 .iq-media-blog li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #ffffff; background: transparent; border: 1px solid #666666; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.iq-footer2 .iq-media-blog li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }

/*Contact*/
.iq-footer2 .iq-contact .blog { color: #ffffff; }
.iq-footer2 .iq-contact .blog .title { font-size: 20px; }
.iq-footer2 .iq-contact .blog span { font-size: 20px; }
.iq-footer2 .iq-contact .blog i { color: var(--main-color); font-size: 40px; line-height: 40px; vertical-align: middle; margin-left: 15px; display: table; float: right; }
.iq-footer2 .iq-contact .blog .content { display: table-cell; }

/*Gallery*/
.iq-footer2 .iq-gallery .img-thumbnail { width: 78px; border: none; background-color: inherit; float: right; padding: 0; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-left: 6px; margin-bottom: 6px; }

/*************************************
Footer 3
**************************************/
.iq-footer3 .logo img { width: 200px; }
.iq-footer3 .small-title { margin-bottom: 25px; }
.iq-footer3 hr { margin: 0; padding: 0px; border-bottom: 1px solid #e9e9e9; border-top: 0px; }

/*Menu*/
.iq-footer3 .menu li { margin: 0 10px; }
.iq-footer3 .menu li a { color: #222222; font-weight: 500; }
.iq-footer3 .menu li a:hover, .iq-footer3 .menu li.active a { color: var(--main-color); }

/*Copyright*/
.iq-footer3 .iq-copyright { text-align: left; }
.iq-footer3 .iq-copyright a { color: var(--main-color); }
.iq-footer3 .iq-copyright a:hover { color: #222222; }

/*Contact*/
.iq-footer3 .iq-contact-box .iq-icon { float: right; text-align: center; margin-left: 15px; color: var(--main-color); }
.iq-footer3 .iq-contact-box .iq-icon i { font-size: 40px; }
.iq-footer3 .iq-contact-box .iq-icon span { font-size: 30px; }
.iq-footer3 .iq-contact-box .iq-content { display: table-cell; }
.iq-footer3 .iq-contact-box h6 { line-height: inherit; }

/*Social Media*/
.iq-footer3 .iq-media-blog { margin: 0; padding: 0; }
.iq-footer3 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 8px; }
.iq-footer3 .iq-media-blog li a { display: block; font-size: 24px; color: #666666; }
.iq-footer3 .iq-media-blog li a:hover { color: var(--main-color); }

/*Newsletter*/
.iq-footer3 .form-group .form-control { background: #f1f0f0; border: none; height: 40px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color: #666666; text-align: center; }
.iq-footer3 .form-group .button { padding: 6px 20px; width: 100%; text-align: center }
.iq-footer3 iframe { width: 100%; min-height: 250px; }

/*************************
Footer 4
*************************/
.iq-footer4 { background: #222222; }
.iq-footer4 .footer-top { background: #242424; }
.iq-footer4 { color: #fff; }
.iq-footer4 hr { margin: 0; border-top: 0px; padding: 0px; border-bottom: 1px solid #323232; }
.iq-footer4 .logo img { width: 200px; }

/*Menu*/
.iq-footer4 .menu li { display: block; border-bottom: 0px; margin-bottom: 10px; line-height: 24px; padding: 0; }
.iq-footer4 .menu li a { color: #fff; }
.iq-footer4 .menu li a:hover, .iq-footer4 .menu li.active a { color: var(--main-color); }

/*Link*/
.iq-footer4 .link li a { color: #fff; }
.iq-footer4 .link li a:hover { color: var(--main-color); }

/*Social Media*/
.iq-footer4 .iq-media-blog li { margin: 0 4px 0 0; }
.iq-footer4 .iq-media-blog li a { height: 45px; width: 45px; font-size: 18px; line-height: 45px; background: rgba(2, 216, 113, 1.0); text-align: center; color: #ffffff; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; float: right; border: 1px solid var(--main-color); }
.iq-footer4 .iq-media-blog li a:hover { background: rgba(2, 216, 113, .0); color: var(--main-color); }

/*footer-widget*/
.iq-footer4 .iq-contact li { font-size: 14px; color: #fff; margin-bottom: 15px; }
.iq-footer4 .iq-contact i { color: var(--main-color); float: right; display: table-cell; width: 30px; line-height: 23px; font-size: 32px; }
.iq-footer4 .iq-contact p { display: table; color: #fff; margin-bottom: 0px; padding-right: 5px; }

/*Tweeter*/
.iq-footer4 .owl-carousel .owl-nav { opacity: 1; top: inherit; top: 15%; bottom: inherit; }
.iq-footer4 .owl-carousel .owl-nav .owl-next { left: 20%; }
.iq-footer4 .owl-carousel .owl-nav .owl-prev { right: 20%; }
.iq-footer4 .owl-carousel:hover .owl-nav .owl-prev { right: 20%; }
.iq-footer4 .owl-carousel:hover .owl-nav .owl-next { left: 20%; }
.iq-footer4 .tweet-img { float: right; display: table; }
.iq-footer4 .tweet-img img { vertical-align: middle; width: 70px; height: 60px; }
.iq-footer4 .tweet-info { display: table-cell; padding-right: 15px; }
.iq-footer4 .tweet-info a { color: #fff; font-size: 14px; vertical-align: top; }
.iq-footer4 .tweet-info a:hover { color: var(--main-color); }
.iq-footer4 .tweet-info span { font-size: 12px; display: table; padding-top: 5px; }
.iq-footer4 .tweet-info i { font-size: 14px; padding-left: 5px; }

/*Copyright*/
.iq-footer4 .iq-copyright { text-align: center; }
.iq-footer4 .iq-copyright a { color: var(--main-color); }
.iq-footer4 .iq-copyright a:hover { color: #ffffff; }

/*************************
Footer 5
*************************/
.iq-footer5.black-bg { background: #222222; }
.iq-footer5 .footer-bottom { background: #242424; }

/*Social Media*/
.iq-footer5 .iq-media-blog { margin: 0; padding: 0; text-align: left; }
.iq-footer5 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-footer5 .iq-media-blog li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #ffffff; background: transparent; border: 1px solid #666666; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.iq-footer5 .iq-media-blog li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }

/*Contact*/
.iq-footer5 .location .blog { color: #ffffff; }
.iq-footer5 .location .blog .title { font-size: 20px; }
.iq-footer5 .location .blog i { color: var(--main-color); font-size: 40px; line-height: 40px; vertical-align: middle; margin-left: 15px; display: table; float: right; }
.iq-footer5 .location .blog .content { display: table-cell; }
.iq-footer5 hr { border-bottom: 1px solid #333333; }

/*Newsletter*/
.iq-footer5 .iq-newsletter input.form-control { -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align: center; padding: 10px; background: inherit; color: #ffffff; }
.iq-footer5 .iq-newsletter .button { width: 100%; text-align: center; margin-left: 0; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-top: 10px; }

/*Gallery*/
.iq-footer5 .iq-gallery .img-thumbnail { width: 78px; border: none; background-color: inherit; float: right; padding: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; margin-left: 6px; margin-bottom: 6px; }
.iq-footer5 .logo img { width: 200px; }

/*************************
Footer 6
*************************/
.iq-footer6 .footer-top .row.black-bg { background: rgba(0, 0, 0, 0.4); }
.iq-footer6 .footer-bottom { background: #000000; }

/*about us*/
.iq-footer6 .about-us { padding-right: 30px; }
.iq-footer6 .about-us li { margin: 0; }
.iq-footer6 .about-us li i { color: #fff; }
.iq-footer6 .about-us li a { font-weight: 500; background: rgba(255, 255, 255, 0); padding: 8px 0; display: inline-block; color: #ffffff; }
.iq-footer6 .about-us li a:hover { background: rgba(255, 255, 255, 0.2); color: var(--main-color); padding: 8px 15px; }

/*Important Links*/
.iq-footer6 .imp-link li { padding: 10px 15px; background: #222222; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.iq-footer6 .imp-link li a { color: #fff; }
.iq-footer6 .imp-link li:hover, { background: rgba(255, 255, 255, 0.4); color: var(--main-color); }

/*link-box*/
.iq-footer6 .link-box li { margin: 0 30px; }
.iq-footer6 .link-box li a { color: #fff; font-weight: 500; }
.iq-footer6 .link-box li a:hover { color: var(--main-color); }

/*Social Media*/
.iq-footer6 .iq-media-blog { margin: 0; padding: 0; text-align: left; }
.iq-footer6 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-footer6 .iq-media-blog li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: transparent; border: 1px solid #666666; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.iq-footer6 .iq-media-blog li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }

/*Map*/
.iq-footer6 iframe { width: 100%; }
.iq-footer6 .logo img { width: 200px; }

/*************************
Footer 7
*************************/
.iq-footer7 hr { opacity: 0.3; }

/*Important Links*/
.iq-footer7 .imp-link-2 ul li { display: inline-block; margin-bottom: 10px; }
.iq-footer7 .imp-link-2 ul li a { padding: 10px; background: rgba(255, 255, 255, 1.0); border: 1px solid #ffffff; color: var(--main-color); display: inline-block; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.iq-footer7 .imp-link-2 ul li a:hover { background: rgba(255, 255, 255, 0); color: #ffffff; }

/*Contact*/
.iq-footer7 .iq-contact .blog { color: #ffffff; }
.iq-footer7 .iq-contact .blog .title { font-size: 20px; }
.iq-footer7 .iq-contact .blog span { font-size: 20px; }
.iq-footer7 .iq-contact .blog i { color: #000; font-size: 30px; line-height: 56px; vertical-align: middle; margin-left: 15px; display: table; float: right; width: 56px; height: 56px; text-align: center; background: #fff; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.iq-footer7 .iq-contact .blog .content { display: table-cell; }

/*Copyright*/
.iq-footer7 .iq-copyright a { color: #222222; }
.iq-footer7 .iq-copyright a:hover { color: #ffffff; }

/*Social Media*/
.iq-footer7 .iq-media-blog { margin: 0; padding: 0; text-align: left; }
.iq-footer7 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-footer7 .iq-media-blog li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: var(--main-color); border: 1px solid #ffffff; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.iq-footer7 .iq-media-blog li a:hover { background: #ffffff; border-color: var(--main-color); color: var(--main-color); }

/*Gallery*/
.iq-footer7 .iq-gallery .img-thumbnail { width: 78px; border: none; background-color: inherit; float: right; padding: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; margin-left: 6px; margin-bottom: 6px; }
.iq-footer7 iframe { width: 100%; }

/*************************
Footer 8
*************************/
.iq-footer8.black-bg { background: #222222; }
.iq-footer8 hr { border-bottom: 1px solid #2b2b2b; }

/*Important Links*/
.iq-footer8 .imp-link-2 ul li { display: inline-block; margin-bottom: 10px; }
.iq-footer8 .imp-link-2 ul li a { padding: 10px; background: rgba(255, 255, 255, 1.0); border: 1px solid #ffffff; color: #222222; display: inline-block; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.iq-footer8 .imp-link-2 ul li a:hover { background: rgba(255, 255, 255, 0); color: #ffffff; }

/*Contact*/
.iq-footer8 .iq-contact .blog { color: #ffffff; }
.iq-footer8 .iq-contact { margin: 20px 0px 0px 0px; }
.iq-footer8 .iq-contact .blog .title { font-size: 20px; }
.iq-footer8 .iq-contact .blog span { font-size: 20px; }
.iq-footer8 .iq-contact .blog i { color: var(--main-color); font-size: 40px; line-height: 40px; vertical-align: middle; margin-left: 15px; display: table; float: right; }
.iq-footer8 .iq-contact .blog .content { display: table-cell; }

/*Social Media*/
.iq-footer8 .iq-media-blog { margin: 0; padding: 0; text-align: left; }
.iq-footer8 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-footer8 .iq-media-blog li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: transparent; border: 1px solid #666666; text-align: center;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.iq-footer8 .iq-media-blog li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }

/*Gallery*/
.iq-footer8 .iq-gallery .img-thumbnail { width: 78px; border: none; background-color: inherit; float: right; padding: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; margin-left: 6px; margin-bottom: 6px; }
.iq-footer8 iframe { width: 100%; }

/*************************
Footer 9
*************************/
.iq-footer9.dark-bg { background: #222222; }
.iq-footer9 .black-bg { background: #242424; }
.iq-footer9 img { width: 300px; }

/*link-box*/
.iq-footer9 .footer-link-box ul { position: relative; }
.iq-footer9 .footer-link-box li { border-left: 1px solid #383838; }
.iq-footer9 .footer-link-box li:last-child { border-left: inherit; }
.iq-footer9 .footer-link-box li a { color: #ffffff; font-weight: 500; padding: 3px 15px; margin: 0 10px; }
.iq-footer9 .footer-link-box li a:hover { color: var(--main-color); }

/*************************
Footer 10
*************************/
.iq-footer10.black-bg { background: #222222; }
.iq-footer10 .footer-bottom { background: #242424; }
.iq-footer10 .logo img { width: 200px; }

/*Contact*/
.iq-footer10 .iq-contact-box .iq-icon { float: right; text-align: center; margin-left: 15px; color: var(--main-color); }
.iq-footer10 .iq-contact-box .iq-icon i { font-size: 40px; }
.iq-footer10 .iq-contact-box .iq-content { display: table-cell; }
.iq-footer10 .iq-contact-box .iq-lead { color: #fff; }

/*About-us*/
.iq-footer10 .about-us li { margin: 15px 0; }
.iq-footer10 .about-us li a { color: #fff; }
.iq-footer10 .about-us li a:hover { color: var(--main-color); }

/*Newsletter*/
.iq-footer10 .iq-newsletter .form-control { background: #fff; -webkit-border-radius: 0 3px 3px 0;;
-moz-border-radius: 0 3px 3px 0;;
border-radius: 0 3px 3px 0;; height: 50px; display: inline-block; padding-right: 25px; box-shadow: none; order: none; float: right; width: 60%; }
.iq-footer10 .iq-newsletter .button { -webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;}

/*************************
Footer 11
*************************/
.iq-footer11.black-bg { background: #2a2a2a; }
.iq-footer11 .footer-bottom { background: #333333; }
.iq-footer11 .logo img { width: 200px; }

/*Popular Posts*/
.iq-footer11 .iq-post li { width: 100%; float: right; margin-top: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: inline-block; margin-bottom: 15px; padding-bottom: 15px; }
.iq-footer11 .post-blog { display: table-cell; }
.iq-footer11 .post-blog a { vertical-align: top; font-size: 14px; color: #fff; }
.iq-footer11 .post-blog a:hover { color: var(--main-color); }
.iq-footer11 .post-blog .iq-date { font-size: 13px; display: table; }
.iq-footer11 .post-blog i { font-size: 14px; }
.iq-footer11 .iq-post li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.iq-footer11 .post-img { display: table; float: right; margin-left: 15px; }
.iq-footer11 .post-img img { vertical-align: top; height: 74px; width: 74px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}

/*Important Links*/
.iq-footer11 ul.imp-link li { display: inline-block; margin: 0 0 10px 10px; }
.iq-footer11 ul.imp-link li a { padding: 10px 15px; background: rgba(255, 255, 255, 1.0); border: 1px solid #ffffff; color: var(--main-color); display: inline-block;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.iq-footer11 ul.imp-link li a:hover { background: rgba(255, 255, 255, 0); color: #ffffff; }

/*Menu*/
.iq-footer11 .menu li { margin: 0; }
.iq-footer11 .menu li a { font-weight: 500; background: rgba(255, 255, 255, 0); padding: 0px; display: block; color: #ffffff; margin: 15px 0; }
.iq-footer11 .menu li a:hover, .iq-footer11 .menu li.active a { color: var(--main-color); }
.iq-footer11 .menu li:last-child a{margin-bottom: 0;}

/*address*/
.iq-footer11 .add-menu li { margin: 0 10px; }
.iq-footer11 .add-menu li a { color: #222222; font-weight: 500; }
.iq-footer11 .add-menu li a:hover { color: var(--main-color); }

/*Contact*/
.iq-footer11 .iq-contact-box .iq-icon { float: right; text-align: center; margin-left: 15px; color: var(--main-color); }
.iq-footer11 .iq-contact-box .iq-icon i { font-size: 40px; }
.iq-footer11 .iq-contact-box .iq-content { display: table-cell; }
.iq-footer11 .iq-contact-box .iq-lead { color: #fff; }
.iq-footer11 .iq-contact-box span { font-size: 16px; }

/*Newsletter*/
.iq-footer11 .iq-newsletter .form-control { background: #fff; -webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; height: 50px; display: inline-block; padding-right: 25px; box-shadow: none; border: none; float: right; width: 60%; }
.iq-footer11 .iq-newsletter .button { -webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;}

/*Gallery*/
.iq-footer11 .iq-gallery .img-thumbnail { width: 78px; border: none; background-color: inherit; float: right; padding: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; margin-left: 6px; margin-bottom: 6px; }

/*************************
Footer 12
*************************/
.iq-footer12 .logo img { width: 200px; }

/*Contact Us*/
.iq-footer12 .iq-contact li { width: 100%; float: right; margin-top: 0px; display: inline-block; padding-bottom: 15px; }
.iq-footer12 .iq-contact li:last-child {padding-bottom: 0;}
.iq-footer12 .content-blog { display: table-cell; line-height: 45px; }
.iq-footer12 .content-blog.line-height { line-height: 30px !important; }
.iq-footer12 .content-blog a { font-size: 14px; color: #333; }
.iq-footer12 .content-blog a:hover { color: var(--main-color); }
.iq-footer12 i { font-size: 26px; color: #ffffff; line-height: 45px; display: table; float: right; margin-left: 10px; background: #222222; height: 45px; width: 45px; -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; text-align: center; }

/*About-us*/
.iq-footer12 .about-us a { color: #222222; background: #ffffff; padding: 8px 15px 8px 10px; display: block; }
.iq-footer12 .about-us a:hover { color: #ffffff; background: var(--main-color); }

/*Instagram Feeds*/
.iq-footer12 .iq-gallery .img-thumbnail { width: 90px; border: none; background-color: inherit; float: right; padding: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; margin-left: 6px; margin-bottom: 6px; }

/*Newsletter*/
.iq-footer12 .iq-newsletter .form-control { background: #f1f0f0; -webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; height: 50px; display: inline-block; padding-right: 25px; box-shadow: none; border: none; float: right; width: 60%; }
.iq-footer12 .iq-newsletter .button { -webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;}

/*************************
Footer 13
*************************/
.iq-footer13 img { width: 300px; }

/*map link*/
.iq-footer13 .map-shape { background: var(--main-color); padding: 6px 40px; position: relative; display: inline-block; top: 0px; right: 50%; margin-right: -50px; }
.iq-footer13 .map-shape:before { width: 0; height: 0; border-top: 47px solid var(--main-color); border-left: 40px solid transparent; position: absolute; content: ""; top: 0; left: -40px; }
.iq-footer13 .map-shape:after { width: 0; height: 0; border-top: 47px solid var(--main-color); border-right: 40px solid transparent; position: absolute; content: ""; top: 0; right: -40px; }
.iq-footer13 .map-shape i { font-size: 32px; color: #fff; }

/*link-box*/
.iq-footer13 .link-box li { margin: 6px 30px; }
.iq-footer13 .link-box li a { color: #fff; font-weight: 500; }
.iq-footer13 .link-box li a:hover { color: var(--main-color); }

/*copyright*/
.iq-footer13 .copyright { position: relative; }
.iq-footer13 .copyright .copyright-text:before { content: ''; top: 50%; right: 0; width: 36%; height: 1px; background: #999; position: absolute; opacity: 0.3; }
.iq-footer13 .copyright .copyright-text:after { content: ''; top: 50%; left: 0; width: 36%; height: 1px; background: #999; position: absolute; opacity: 0.3; }

/*Social Media*/
.iq-footer13 .iq-media-blog { margin: 0; padding: 0; }
.iq-footer13 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 5px 8px; background: var(--main-color); height: 40px; width: 40px; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.iq-footer13 .iq-media-blog li i { line-height: 20px; }
.iq-footer13 .iq-media-blog li a { display: block; font-size: 24px; color: #fff; line-height: 40px; }
.iq-footer13 .iq-media-blog li a:hover { color: #333; }

/*************************
Footer 14
*************************/

/*Contact*/
.iq-footer14 .iq-contact-box .iq-icon { float: right; text-align: center; margin-left: 15px; color: var(--main-color); }
.iq-footer14 .iq-contact-box .iq-icon i { font-size: 40px; }
.iq-footer14 .iq-contact-box .iq-content { display: table-cell; }
.iq-footer14 .iq-contact-box .iq-content span { font-size: 16px; }
.iq-footer14 .iq-contact-box .iq-lead { color: #fff; }
.iq-footer14 form input, .iq-footer14 form textarea { border: 1px solid rgba(255, 255, 255, 0.2); background: inherit !important; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.iq-footer14 form input:focus, .iq-footer14 form textarea:focus { border: 1px solid rgba(255, 255, 255, 1.0); background: inherit !important; color: #ffffff; }

/*connected*/
.iq-footer14 .iq-contact li { width: 100%; float: right; margin-top: 0px; display: inline-block; padding-bottom: 15px; }
.iq-footer14 .content-blog { display: table-cell; line-height: 36px; }
.iq-footer14 .content-blog a { font-size: 16px; margin-right: 8px; color: #fff; display: inline-block; }
.iq-footer14 .content-blog a:hover { color: var(--main-color); }
.iq-footer14 .contact-icon { display: block; float: right; margin-left: 10px; background: rgba(255, 255, 255, 0.2); height: 50px; width: 50px; -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; text-align: center; }
.iq-footer14 .contact-icon i { font-size: 20px; color: var(--main-color); line-height: 50px; }

/*************************
Footer 15
*************************/
.iq-footer15 { padding-bottom: 30px; }

/*Social Media*/
.iq-footer15 .iq-media-blog { margin: 0; padding: 0; }
.iq-footer15 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 8px; }
.iq-footer15 .iq-media-blog li a { display: block; font-size: 24px; color: var(--main-color); }
.iq-footer15 .iq-media-blog li a:hover { color: #000; }

/*Menu*/
.iq-footer15 .menu li { margin: 0 10px; }
.iq-footer15 .menu li a { color: #222222; font-weight: 500; }
.iq-footer15 .menu li a:hover, .iq-footer15 .menu li.active a { color: var(--main-color); }

/*Copyright*/
.iq-footer15.iq-copyright { text-align: left; }
.iq-footer15.iq-copyright a { color: #222222; }
.iq-footer15.iq-copyright a:hover { color: var(--main-color); }

/*Form*/
.iq-footer15 .form-control { -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; background: #f1f0f0; border: none; }
.iq-footer15 iframe { width: 100%; }

/*************************
Footer 16
*************************/

/*Form*/
.iq-footer16 form input, .iq-footer16 form textarea { background: #f1f0f0 !important; border: inherit; }

/*connected*/
.iq-footer16 .iq-contact li { width: 100%; float: right; margin-top: 0px; display: inline-block; padding-bottom: 15px; }
.iq-footer16 .content-blog { display: table-cell; line-height: 36px; }
.iq-footer16 .content-blog a { font-size: 14px; color: #333; }
.iq-footer16 .content-blog a:hover { color: var(--main-color); }
.iq-footer16 .contact-icon { display: block; float: right; margin-left: 10px; background: transparent; height: 30px; width: 30px; }
.iq-footer16 .contact-icon i { padding: 0px 11px; font-size: 20px; color: var(--main-color); line-height: 36px; }

/*About-us*/
.iq-footer16 .about-us a { color: #333333; padding: 6px 10px; display: inline-block; width: 100%; }
.iq-footer16 .about-us a:hover { background: var(--main-color); color: #ffffff; }

/*************************
Footer 17
*************************/
.iq-footer17 { overflow: hidden; background: #272727; }
.iq-footer17 .footer-bottom{margin-top: 80px;}
.slidingDiv { height: 300px; position: absolute; top: 0; width: 100%; right: 0; z-index: 9; }
.show_hide { display: none; }
.iq-footer17 hr { border-bottom: 1px solid #333333; }
.iq-footer17 .owl-carousel { margin-bottom: 20px; }

/*link*/
.iq-footer17 .menu li { display: block; border-bottom: 0px; margin-bottom: 10px; line-height: 24px; padding: 0; }
.iq-footer17 .menu li a { color: #fff; }
.iq-footer17 .menu li a:hover, .iq-footer17 .menu li.active a { color: var(--main-color); }

/*Newsletter*/
.iq-footer17 .input-group .form-control, .iq-footer17 .input-group .form-control:active, .iq-footer17 .input-group .form-control:focus, .iq-footer17 .input-group .form-control:hover { -webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; margin-left: -1px; background: inherit !important; color: #ffffff; border: 1px solid #3c3c3c; }
.iq-footer17 .iq-newsletter .button { -webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;}

/*Popular Posts*/
.iq-footer17 .iq-post li { width: 100%; float: right; margin-top: 0px; border-bottom: 1px solid #333333; display: inline-block; margin-bottom: 15px; padding-bottom: 15px; }
.iq-footer17 .post-blog { display: table-cell; }
.iq-footer17 .post-blog a { vertical-align: top; font-size: 14px; color: #fff; }
.iq-footer17 .post-blog a:hover { color: var(--main-color); }
.iq-footer17 .post-blog .iq-date { font-size: 13px; display: table; }
.iq-footer17 .post-blog i { font-size: 14px; }
.iq-footer17 .iq-post li:last-child { border-bottom: none; }
.iq-footer17 .post-img { display: table; float: right; margin-left: 15px; }
.iq-footer17 .post-img img { vertical-align: top; height: 74px; width: 74px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }

/*Contact owl-corousle*/
.iq-footer17 .iq-contact-box .iq-icon { float: right; text-align: center; margin-left: 15px; color: var(--main-color); }
.iq-footer17 .iq-contact-box .iq-icon i { font-size: 40px; }
.iq-footer17 .iq-contact-box .iq-content { display: table-cell; }
.iq-footer17 .iq-contact-box .iq-lead { color: #fff; }
.iq-footer17 .iq-contact-box { padding-right: 20px; padding-left: 20px; }

/*Contact*/
.iq-footer17 .iq-contact .blog { color: #ffffff; }
.iq-footer17 .iq-contact { margin: 20px 0px 0px 0px; }
.iq-footer17 .iq-contact .blog .title { font-size: 24px; }
.iq-footer17 .iq-contact .blog span { font-size: 20px; }
.iq-footer17 .iq-contact .blog i { color: #ffffff; font-size: 40px; line-height: 56px; vertical-align: middle; margin-left: 15px; display: table; float: right; background: var(--main-color); width: 56px; height: 56px; text-align: center;-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}
.iq-footer17 .iq-contact .blog .content { display: table-cell; }

/*Social Media*/
.iq-footer17 .iq-media-blog { margin: 0; padding: 0; text-align: left; }
.iq-footer17 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-footer17 .iq-media-blog li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: transparent; border: 1px solid #666666; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.iq-footer17 .iq-media-blog li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }
.iq-footer17 iframe { width: 100%; height: 250px; }

/*************************
Footer 18
*************************/

/*Newsletter*/
.iq-footer18 .iq-newsletter input.form-control { -webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; margin-left: -1px; background: #f1f0f0; width: 60%; float: right; border: none; }
.iq-footer18 .iq-newsletter .button { -webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px; float: right; }

/*about us*/
.iq-footer18 .about-us li { margin: 0; }
.iq-footer18 .about-us li i { color: #333; }
.iq-footer18 .about-us li a { font-weight: 500; padding: 5px 0; display: inline-block; color: #333; }
.iq-footer18 .about-us li a:hover { color: var(--main-color); }

/*first-box*/
.iq-footer18 small { font-size: 18px; }
.iq-footer18 .big-icon i { font-size: 60px; opacity: 0.1; }
.iq-footer18 .big-icon { display: inline-block; width: 20%; }
.iq-footer18 .contact-box { display: inline-block; width: 75%; margin-right: -55px !important; }
.iq-footer18 p { font-size: 22px; color: #525252; font-weight: 600; margin-top: 5px; }
.iq-footer18 .sub-box small { font-size: 14px; display: inline-block; line-height: 20px; margin-right: 5px; }
.iq-footer18 .fb i, .iq-footer18 .twit i { font-size: 28px; color: #fff; line-height: 40px; }
.iq-footer18 .icon-box { background: #3c61af; height: 40px; width: 40px; text-align: center; display: inline-block; }
.iq-footer18 .twit .icon-box { background: #48aae6; }
.iq-footer18 iframe { width: 100%; }

/*************************
Footer 19
*************************/
.iq-footer19 .iq-copyright{text-align: left;}
/*link-box*/
.iq-footer19 .footer-link-box ul { position: relative; }
.iq-footer19 .footer-link-box li { margin: 10px; border-left: 1px solid #383838; padding-left: 20px; }
.iq-footer19 .footer-link-box li:last-child { border-left: inherit; }
.iq-footer19 .footer-link-box li a { color: #fff; font-weight: 500; }
.iq-footer19 .footer-link-box li a:hover, .iq-footer19 .footer-link-box li.active a { color: var(--main-color); }

/*************************
Footer 20
*************************/
.iq-footer20 { background: #222222; }
.iq-footer20 .sub-box small { font-size: 14px; display: inline-block; line-height: 20px; margin-right: 5px; }
.iq-footer20  i { font-size: 28px; color: #fff; line-height: 40px; }
.iq-footer20 .icon-box { background: #3c61af; height: 40px; width: 40px; text-align: center; display: inline-block; }
.iq-footer20 .twit .icon-box { background: #48aae6; }
.iq-footer20 .pint .icon-box { background: #bd081c; }
.iq-footer20 .youtube .icon-box { background: #fe0000; }
.iq-footer20 .instagram .icon-box { background: #bf2ea4; }
.iq-footer20 .linkedin .icon-box { background: #00669a; }
.iq-footer20 .twit, .iq-footer20 .fb, .iq-footer20 .youtube, .iq-footer20 .pint, .iq-footer20 .instagram, .iq-footer20 .linkedin { width: 16%; display: inline-block; }

/*Contact*/
.iq-footer20 small { font-size: 18px; }
.iq-footer20 .big-icon i { font-size: 60px; opacity: 0.1; }
.iq-footer20 .big-icon { display: inline-block; width: 20%; }
.iq-footer20 .contact-box { display: inline-block; width: 75%; margin-right: -55px !important; }
.iq-footer20 p { font-size: 18px; color: #525252; font-weight: 600; margin-top: 5px; }

/*Important Links*/
.iq-footer20 .imp-link li { margin-bottom: 30px; display: inline-block; margin-left: 10px; }
.iq-footer20 .imp-link li a { color: #ffffff; padding: 10px 15px; border: 1px solid #fff; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; background: rgba(255, 255, 255, 0); }
.iq-footer20 .imp-link li a:hover { background: rgba(255, 255, 255, 1); color: #222222; }
.iq-footer20 .iq-gallery .img-thumbnail { width: 86px; border: none; background-color: inherit; float: right; padding: 0;-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; margin-left: 6px; margin-bottom: 6px; }
.iq-footer20 .footer-top { background: #151515; }
.iq-footer20 .footer-bottom { border-top: 1px solid #2b2b2b; background: #242424; }
.iq-footer20 .logo img { width: 200px; }

/*************************
Footer 21
*************************/
.iq-footer21 { background: #202020; }
.iq-footer21 img { width: 200px; }

/*Social Media*/
.iq-footer21 .iq-media-blog { margin: 0; padding: 0; text-align: left; }
.iq-footer21 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-footer21 .iq-media-blog li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #ffffff; background: transparent; border: 1px solid #666666; text-align: center; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.iq-footer21 .iq-media-blog li a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff; }
.iq-footer21 .form-control, .iq-footer21 .form-control:focus { background: inherit; color: #ffffff !important; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.iq-footer21 .contact-form textarea.section-field { background: inherit; color: #ffffff !important; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

/*about us*/
.iq-footer21 .about-us { padding-right: 30px; }
.iq-footer21 .about-us li { margin: 0; }
.iq-footer21 .about-us li i { color: #fff; }
.iq-footer21 .about-us li a { font-weight: 500; background: rgba(255, 255, 255, 0); padding: 8px 0; display: inline-block; color: #ffffff; }
.iq-footer21 .about-us li a:hover { background: rgba(255, 255, 255, 0.2); color: var(--main-color); padding: 8px 15px; }

/*************************
Footer 22
*************************/
.iq-footer22 .tab-bottom .nav { display: inline-flex; border: 1px solid #f2f2f2; padding: 10px; margin-bottom: 10px; }
.iq-footer22 .tab-bottom .nav-pills .nav-item { margin-left: 5px; }
.iq-footer22 .tab-bottom .nav-pills .nav-item:last-child { margin-left: 0; }
.iq-footer22 .tab-bottom .nav-pills .nav-link { padding: 10px 0 !important; width: 130px; font-weight: 600; }
.iq-footer22 .tab-bottom .nav-pills .nav-link.active, .iq-footer22 .tab-bottom .nav-pills .show>.nav-link, .iq-footer22 .tab-bottom .nav-pills .nav-link:hover { padding: 10px 0 !important; }
.iq-footer22 .tab-bottom .contact-item { margin-bottom: 30px; }
.iq-footer22 .tab-bottom .contact-item .icon { float: right; text-align: center; margin-left: 10px; }
.iq-footer22 .tab-bottom .contact-item .icon i { background: var(--main-color) none repeat scroll 100% 0; color: #ffffff; display: block; font-size: 32px; height: 55px; line-height: 55px; margin: 7px 7px 10px 10px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; -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; width: 55px; }
.iq-footer22 .tab-bottom .contact-item .content { display: table-cell; display: inline-block; }
.iq-footer22 .tab-bottom .contact-item .content h6 { font-size: 20px; margin-bottom: 10px; }
.iq-footer22 .tab-bottom #contact-aria .black-bg { background: rgba(0, 0, 0, 0.6); padding: 20px 0; }
.iq-footer22 .tab-bottom #contact-aria .contact-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 20px; }
.iq-footer22 .tab-bottom #contact-aria .contact-item.last { border: none; }
.iq-footer22 .tab-bottom iframe { width: 100%; min-height: 450px; float: right; }

/*---------------------------------------------------------------------
Breadcrumb Inner Page
-----------------------------------------------------------------------*/

/*************************
Breadcrumb 1
*************************/
.iq-breadcrumb1{padding: 207px 0 40px 0;}
/*Breadcrumb Left with Pettern or Image*/
.iq-breadcrumb1.text-left .heading-title { text-align: right; }
.iq-breadcrumb1.text-left .heading-title .title:before { right: 0; margin-right: 0; }
.iq-breadcrumb1.text-left .breadcrumb { text-align: right; padding: 8px 0px; z-index: 99; background: none; position: relative; color: #ffffff; margin-bottom: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; display: inline-block; width: 100%; background-color: inherit; }
.iq-breadcrumb1.text-left .breadcrumb li { display: inline-block; }
.iq-breadcrumb1.text-left .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb1.text-left .breadcrumb li, .iq-breadcrumb1.text-left .breadcrumb li a:hover { color: var(--main-color); }
.iq-breadcrumb1.text-left .breadcrumb li a, .iq-breadcrumb1.text-left .breadcrumb-item+.breadcrumb-item::before { color: #fff; margin-bottom: 0; }

/*Breadcrumb Left with BG Color*/
.iq-breadcrumb1.text-left .green-bread .heading-title { text-align: right; }
.iq-breadcrumb1.text-left .green-bread .heading-title .title:before { right: 0; margin-right: 0; }
.iq-breadcrumb1.text-left .green-bread .breadcrumb { text-align: right; padding: 8px 0px; z-index: 99; background: none; position: relative; color: #ffffff; margin-bottom: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; display: inline-block; width: 100%; background-color: inherit; }
.iq-breadcrumb1.text-left .green-bread .breadcrumb li { display: inline-block; }
.iq-breadcrumb1.text-left .green-bread .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb1.text-left .green-bread .breadcrumb li, .iq-breadcrumb1.text-left .green-bread .breadcrumb li a:hover { color: #222222; }
.iq-breadcrumb1.text-left .green-bread .breadcrumb li a, .iq-breadcrumb1.text-left .green-bread .breadcrumb-item+.breadcrumb-item::before { color: #fff; margin-bottom: 0; }

/*Breadcrumb Center with Pettern or Image*/
.iq-breadcrumb1.text-center .heading-title { text-align: center; }
.iq-breadcrumb1.text-center .heading-title .title:before { right: 50%; margin-right: -25px; }
.iq-breadcrumb1.text-center .breadcrumb { text-align: center; padding: 8px 0px; z-index: 99; background: none; position: relative; color: #ffffff; margin-bottom: 0;-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; display: inline-block; width: 100%; background-color: inherit; }
.iq-breadcrumb1.text-center .breadcrumb li { display: inline-block; }
.iq-breadcrumb1.text-center .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb1.text-center .breadcrumb li, .iq-breadcrumb1.text-center .breadcrumb li a:hover { color: var(--main-color); }
.iq-breadcrumb1.text-center .breadcrumb li a, .iq-breadcrumb1.text-center .breadcrumb-item+.breadcrumb-item::before { color: #fff; margin-bottom: 0; }

/*Breadcrumb Center with BG Color*/
.iq-breadcrumb1.text-center .green-bread .heading-title { text-align: center; }
.iq-breadcrumb1.text-center .green-bread .heading-title .title:before { right: 50%; margin-right: -25px; }
.iq-breadcrumb1.text-center .green-bread .breadcrumb { text-align: center; padding: 8px 0px; z-index: 99; background: none; position: relative; color: #ffffff; margin-bottom: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; display: inline-block; width: 100%; background-color: inherit; }
.iq-breadcrumb1.text-center .green-bread .breadcrumb li { display: inline-block; }
.iq-breadcrumb1.text-center .green-bread .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb1.text-center .green-bread .breadcrumb li, .iq-breadcrumb1.text-center .green-bread .breadcrumb li a:hover { color: #222222; }
.iq-breadcrumb1.text-center .green-bread .breadcrumb li a, .iq-breadcrumb1.text-center .green-bread .breadcrumb-item+.breadcrumb-item::before { color: #fff; margin-bottom: 0; }

/*Breadcrumb Right with Pettern or Image*/
.iq-breadcrumb1.text-right .heading-title { text-align: left; }
.iq-breadcrumb1.text-right .heading-title .title:before { left: 0; right: inherit; margin-left: 0; }
.iq-breadcrumb1.text-right .breadcrumb { text-align: left; padding: 8px 0px; z-index: 99; background: none; position: relative; color: #ffffff; margin-bottom: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; display: inline-block; width: 100%; background-color: inherit; }
.iq-breadcrumb1.text-right .breadcrumb li { display: inline-block; }
.iq-breadcrumb1.text-right .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb1.text-right .breadcrumb li, .iq-breadcrumb1.text-right .breadcrumb li a:hover { color: var(--main-color); }
.iq-breadcrumb1.text-right .breadcrumb li a, .iq-breadcrumb1.text-right .breadcrumb-item+.breadcrumb-item::before { color: #fff; margin-bottom: 0; }

/*Breadcrumb Right with BG Color*/
.iq-breadcrumb1.text-right .green-bread .heading-title { text-align: left; }
.iq-breadcrumb1.text-right .green-bread .heading-title .title:before { left: 0; right: inherit; margin-left: 0; }
.iq-breadcrumb1.text-right .green-bread .breadcrumb { text-align: left; padding: 8px 0px; z-index: 99; background: none; position: relative; color: #ffffff; margin-bottom: 0; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; display: inline-block; width: 100%; background-color: inherit; }
.iq-breadcrumb1.text-right .green-bread .breadcrumb li { display: inline-block; }
.iq-breadcrumb1.text-right .green-bread .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb1.text-right .green-bread .breadcrumb li, .iq-breadcrumb1.text-right .green-bread .breadcrumb li a:hover { color: #222222; }
.iq-breadcrumb1.text-right .green-bread .breadcrumb li a, .iq-breadcrumb1.text-right .green-bread .breadcrumb-item+.breadcrumb-item::before { color: #fff; margin-bottom: 0; }

/*************************
Breadcrumb 2
*************************/
.iq-breadcrumb2{padding: 150px 0 50px 0;}
.iq-breadcrumb2 nav{display: inline-block;}
/*Breadcrumb Left*/
.iq-breadcrumb2.text-left .heading-title { text-align: right; margin-bottom: 0;}
.iq-breadcrumb2.text-left .heading-title .title:before { right: 0; margin-right: 0; }
.iq-breadcrumb2.text-left .breadcrumb { z-index: 99; text-align: right; position: relative; color: #ffffff; margin-bottom: 0; display: inline-block; width: 100%; background: #ffffff; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; padding: 10px 30px; }
.iq-breadcrumb2.text-left .breadcrumb li { display: inline-block; }
.iq-breadcrumb2.text-left .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb2.text-left .breadcrumb li, .iq-breadcrumb2.text-left .breadcrumb li a:hover { color: var(--main-color); }
.iq-breadcrumb2.text-left .breadcrumb li a, .iq-breadcrumb2.text-left .breadcrumb-item+.breadcrumb-item::before { color: #222222; margin-bottom: 0; }

/*Breadcrumb Center*/
.iq-breadcrumb2.text-center .heading-title { text-align: center; }
.iq-breadcrumb2.text-center .heading-title .title:before { right: 50%; margin-right: -25px; }
.iq-breadcrumb2.text-center .breadcrumb { z-index: 99; text-align: right; position: relative; color: #ffffff; margin-bottom: 0; display: inline-block; width: 100%; background: #ffffff; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; padding: 10px 30px; }
.iq-breadcrumb2.text-center .breadcrumb li { display: inline-block; }
.iq-breadcrumb2.text-center .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb2.text-center .breadcrumb li, .iq-breadcrumb2.text-center .breadcrumb li a:hover { color: var(--main-color); }
.iq-breadcrumb2.text-center .breadcrumb li a, .iq-breadcrumb2.text-center .breadcrumb-item+.breadcrumb-item::before { color: #222222; margin-bottom: 0; }

/*Breadcrumb Right*/
.iq-breadcrumb2.text-right .heading-title { text-align: left; }
.iq-breadcrumb2.text-right .heading-title .title:before { right: inherit; left: 0; margin-right: 0; }
.iq-breadcrumb2.text-right .breadcrumb { z-index: 99; text-align: left; position: relative; color: #ffffff; margin-bottom: 0; display: inline-block; width: 100%; background: #ffffff; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; padding: 10px 30px; }
.iq-breadcrumb2.text-right .breadcrumb li { display: inline-block; }
.iq-breadcrumb2.text-right .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb2.text-right .breadcrumb li, .iq-breadcrumb2.text-right .breadcrumb li a:hover { color: var(--main-color); }
.iq-breadcrumb2.text-right .breadcrumb li a, .iq-breadcrumb2.text-right .breadcrumb-item+.breadcrumb-item::before { color: #222222; margin-bottom: 0; }

/*************************
Breadcrumb 3
*************************/

/*Breadcrumb Left*/
.iq-breadcrumb3 { padding: 254px 0 120px;}
.iq-breadcrumb3.text-left .heading-title { text-align: right; }
.iq-breadcrumb3.text-left .heading-title .title:before { right: 0; margin-right: 0; }
.iq-breadcrumb3.text-left .breadcrumb { z-index: 99; text-align: right; position: relative; color: #ffffff; margin-bottom: 0; display: inline-block; background: rgba(255, 255, 255, 0.2); padding: 15px 30px; }
.iq-breadcrumb3.text-left .breadcrumb li { display: inline-block; }
.iq-breadcrumb3.text-left .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb3.text-left .breadcrumb li, .iq-breadcrumb3.text-left .breadcrumb li a:hover { color: var(--main-color); }
.iq-breadcrumb3.text-left .breadcrumb li a, .iq-breadcrumb3.text-left .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; margin-bottom: 0; }

/*Breadcrumb with BG Color*/
.iq-breadcrumb3.green-bread .heading-title { text-align: right; }
.iq-breadcrumb3.green-bread .heading-title .title:before { right: 0; margin-right: 0; }
.iq-breadcrumb3.green-bread .breadcrumb { z-index: 99; text-align: right; position: relative; color: #ffffff; margin-bottom: 0; display: inline-block; background: rgba(255, 255, 255, 0.4); padding: 15px 30px; }
.iq-breadcrumb3.green-bread .breadcrumb li { display: inline-block; }
.iq-breadcrumb3.green-bread .breadcrumb li a i { font-size: 18px; margin-left: 6px; }
.iq-breadcrumb3.green-bread .breadcrumb li, .iq-breadcrumb3.green-bread .breadcrumb li a:hover { color: #222222; }
.iq-breadcrumb3.green-bread .breadcrumb li a, .iq-breadcrumb3.green-bread .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; margin-bottom: 0; }
