/*

Template: Showkase - Minimal Portfolio Template
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in

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

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

:: General
:: Page Section Margin Padding 
:: Text Weight
:: Text Color 
:: Background Color
:: Section Title
:: BG Effect
:: Background Gradient
:: Wow
:: Page loader
:: Buttons
:: Header
:: Banner
:: Breadcrumb
:: Portfolio
:: Isotope Filters
:: Fancy Box
:: Teams 1
:: Teams 2 
:: Services
:: Tab
:: Pricing
:: Testimonial
:: About Us
:: Skills 1
:: Clients
:: Counter
:: Accordion
:: Contact Me
:: Contact Us
:: 404 Error
:: Coming Soon 
:: Footer 1
:: Footer 2
:: Footer 3
:: Footer 4
:: Text Rotating
:: Home Page Objects
:: Latest Blog Post
:: Inner Page
:: Blog Page
:: Blog - SideBar
:: Slider effect

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

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

/* Google fonts & font family
==================================================*/

@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);

body { font-family: 'Poppins', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 24px; color: #000; overflow-x: hidden; }
a, .button { transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; color: #1a1a1a; }
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #85a3fe; text-decoration: none !important; }
a, .button, input { outline: medium none !important; color: #777777; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 48px; font-style: normal; line-height: 52px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-top: 0px; margin-bottom: 20px;}
h2 { font-size: 28px; font-style: normal; line-height: 32px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-top: 0px; margin-bottom: 0px;}
h3 { font-size: 28px; font-style: normal; line-height: 32px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-top: 0px; margin-bottom: 0px;}
h4 { font-size: 22px; font-style: normal; line-height: 24px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-top: 0px; margin-bottom: 0px;}
h5 { font-size: 18px; font-style: normal; line-height: 23px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-top: 0px; margin-bottom: 0px;}
h6 { font-size: 16px; font-style: normal; line-height: 22px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-top: 0px; margin-bottom: 0px;}
.lead { font-size: 16px; line-height: 26px; margin: 0; }
ul { margin: 0px; padding: 0px; }
li { list-style: none; }
hr { margin: 0; padding: 0px; border-bottom: 2px solid #fff; border-top: 0px; }
.blockquote { border-left: 5px solid #466feb; font-size: 16px; }
*::-moz-selection { background: #466feb; color: #fff; text-shadow: none; }
::-moz-selection { background: #466feb; color: #fff; text-shadow: none; }
::selection { background: #466feb; color: #fff; text-shadow: none; }
.no-gutter>[class*='col-'] { padding-right: 0; padding-left: 0; }
.no-padding { padding: 0px !important; }

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


/*----------------
Section padding 
----------------*/

.overview-block-ptb { padding: 120px 0px 120px 0px; }
.overview-block-pt { padding: 80px 0px 0px 0px; }
.overview-block-pb { padding: 0px 0px 80px 0px; }
.overview-block-pta { padding: 0px 0px 0px 0px; }

/*----------------
Padding All 
----------------*/
.iq-pall { padding: 0px; }
.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; }
.iq-pall-40 { padding: 40px; }
.iq-pall-50 { padding: 50px; }
.iq-pall-60 { padding: 60px; }
.iq-pall-70 { padding: 70px; }
.iq-pall-80 { padding: 80px; }
.iq-pall-90 { padding: 90px; }
.iq-pall-100 { padding: 100px; }

/*----------------
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-200 { padding: 100px 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; }
.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; }

/*----------------
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; }
.iq-pt-50 { padding-top: 50px; }
.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; }

/*----------------
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; }
.iq-pb-40 { padding-bottom: 40px; }
.iq-pb-50 { padding-bottom: 50px; }
.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; }

/*----------------
Padding Left 
----------------*/
.iq-pl-0 { padding-left: 0; }
.iq-pl-10 { padding-left: 10px; }
.iq-pl-15 { padding-left: 15px; }
.iq-pl-20 { padding-left: 20px; }
.iq-pl-25 { padding-left: 25px; }
.iq-pl-30 { padding-left: 30px; }
.iq-pl-40 { padding-left: 40px; }
.iq-pl-50 { padding-left: 50px; }
.iq-pl-60 { padding-left: 60px; }
.iq-pl-70 { padding-left: 70px; }
.iq-pl-80 { padding-left: 80px; }
.iq-pl-90 { padding-left: 90px; }
.iq-pl-100 { padding-left: 100px; }

/*----------------
Padding Right 
----------------*/
.iq-pr-0 { padding-right: 0px; }
.iq-pr-10 { padding-right: 10px; }
.iq-pr-15 { padding-right: 15px; }
.iq-pr-20 { padding-right: 20px; }
.iq-pr-25 { padding-right: 25px; }
.iq-pr-30 { padding-right: 30px; }
.iq-pr-40 { padding-right: 40px; }
.iq-pr-50 { padding-right: 50px; }
.iq-pr-60 { padding-right: 60px; }
.iq-pr-70 { padding-right: 70px; }
.iq-pr-80 { padding-right: 80px; }
.iq-pr-90 { padding-right: 90px; }
.iq-pr-100 { padding-right: 100px; }

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

/*----------------
Margin Top and Bottom 
----------------*/
.iq-mtb-0 { margin: 0; }
.iq-mtb-10 { margin: 10px 0; }
.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; }

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

/*----------------
Margin Top 
----------------*/
.iq-mt-0 { margin-top: 0px; }
.iq-mt-10 { margin-top: 10px; }
.iq-mt-15 { margin-top: 15px; }
.iq-mt-20 { margin-top: 20px; }
.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; }

/*----------------
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; }
.iq-mb-90 { margin-bottom: 90px; }
.iq-mb-100 { margin-bottom: 100px; }

/*----------------
Margin Left 
----------------*/
.iq-ml-0 { margin-left: 0px; }
.iq-ml-10 { margin-left: 10px; }
.iq-ml-15 { margin-left: 15px; }
.iq-ml-20 { margin-left: 20px; }
.iq-ml-25 { margin-left: 25px; }
.iq-ml-30 { margin-left: 30px; }
.iq-ml-40 { margin-left: 40px; }
.iq-ml-50 { margin-left: 50px; }
.iq-ml-60 { margin-left: 60px; }
.iq-ml-70 { margin-left: 70px; }
.iq-ml-80 { margin-left: 80px; }
.iq-ml-90 { margin-left: 90px; }
.iq-ml-100 { margin-left: 100px; }

/*----------------
Margin Right
----------------*/
.iq-mr-0 { margin-right: 0px; }
.iq-mr-10 { margin-right: 10px; }
.iq-mr-15 { margin-right: 15px; }
.iq-mr-20 { margin-right: 20px; }
.iq-mr-25 { margin-right: 25px; }
.iq-mr-30 { margin-right: 30px; }
.iq-mr-40 { margin-right: 40px; }
.iq-mr-50 { margin-right: 50px; }
.iq-mr-60 { margin-right: 60px; }
.iq-mr-70 { margin-right: 70px; }
.iq-mr-80 { margin-right: 80px; }
.iq-mr-90 { margin-right: 90px; }
.iq-mr-100 { margin-right: 100px; }

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

/*---------------------------------------------------------------------
                            Text Color 
-----------------------------------------------------------------------*/
.iq-font-white { color: #ffffff; }
.iq-font-black { color: #1a1a1a; }
.iq-font-grey { color: #777777; }
.iq-font-pink { color: #fa7b80; }
.iq-font-blue { color: #466feb; }
.iq-font-green { color: #66b500; }
.iq-font-orange { color: #ffc000; }

/*---------------------------------------------------------------------
                          Background Color 
-----------------------------------------------------------------------*/
.white-bg { background: #ffffff; }
.dark-bg { background: #1a1a1a; }
.grey-bg { background: url(../images/bg/grey-bk.png); background-position: center center; }
.pink-bg { background: #fa7b80; }
.blue-bg { background: #2a4bc9; }
.orange-bg { background: #ffc000; }
/*---------------------------------------------------------------------
                           Section Title
-----------------------------------------------------------------------*/
.heading-title { text-align: left;}
.heading-title .title { position: relative; margin-bottom: 20px; display: inline-block; z-index: 9;  font-size: 24px; font-style: normal; line-height: 28px; font-weight: 400;}
.heading-title .title:before { content: ""; position: absolute; top: 33px; left: 0px; margin-left: 0; width: 30px; height: 5px; background: #ffc600; z-index: -1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.heading-title h5 { padding: 0 0px; display: block; margin-bottom: 50px; }
.heading-title .white-txt { font-size: 24px; line-height: 28px; padding: 0 0px; display: block; }
.heading-title a {color: #000;}
section:hover .heading-title .title:before { width: 50%; }
.heading-title .title.white { color: #ffffff; }

/*---- Section Title Left ----*/
.heading-title.left { text-align: left; }
.heading-title.left p { padding-left: 0; }

/*---------------------------------------------------------------------
                           Section Blue Message
-----------------------------------------------------------------------*/
.message { text-align: left;}
.message .title { font-size: 28px; font-style: normal; line-height: 32px; font-weight: 400; }
.message .white-txt { font-size: 28px; line-height: 36px; font-weight: 300; padding: 0 0px; display: block; }
.message a {color: #000;}
section:hover .message .title:before { width: 50%; }
.message .title.white { color: #ffffff; }

/*---- Section Title Left ----*/
.message.left { text-align: left; }
.message.left p { padding-left: 0; }

/*---------------------------------------------------------------------
                             BG Effect
-----------------------------------------------------------------------*/
.iq-bg { background-color: rgba(64, 101, 235, 1); 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(64, 101, 235, 1); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; 
position: relative; z-index: 0; background-attachment: fixed !important; }

/*---------------------------------------------------------------------
                       Background Overlay
---------------------------------------------------------------------*/

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

.iq-over-white-10:before { background: rgba(255, 255, 255, .8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-white-20:before { background: rgba(255, 255, 255, .6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/*---- Pink Overlay ----*/
.iq-over-pink-80:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: rgba(70, 111, 235, 0.8); }
.iq-over-pink-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: rgba(70, 111, 235, 0.9); }
.iq-over-blue-80:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: rgba(70, 111, 235, 0.8); }
.iq-over-blue-90:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: rgba(70, 111, 235, 0.9); }
[class*='iq-over-']:before { z-index: 0; }

/*---------------------------------------------------------------------
                                Page loader
-----------------------------------------------------------------------*/
#loading { background-color: #fff; height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
#loading-center { width: 100%; height: 100%; position: relative; }
#loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #466feb; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #466feb; -webkit-animation: spin 2s linear infinite; animation: spin 3s linear infinite; }
#loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #466feb; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

/*----------------------------------------------------------------------
                                 Buttons
-----------------------------------------------------------------------*/

/* Button white */
.button-white { position: relative; display: inline-block; z-index: 9; font-size: 16px; font-weight: 400; text-transform: none; margin-top: 20px; color: #ffffff; border: 2px solid #fff; padding: 10px 20px; text-align: center; border-radius: 3px; }
.button-white:hover, .button-white:focus { color: #466feb;  background: #; border: 2px solid #fff; }


/* Button Pink */
.button.pink { background: #466feb; color: #fff; border: 0px solid #466feb; }
.button.pink:hover, .button.pink:focus { color: #222222; background: #fff; border: 1px solid #fff; }

/* Button Orange */
.button-blue {font-size: 16px;  text-transform: capitalize; margin-top: 20px; color: #466feb;  border: 2px solid #466feb; padding: 10px 20px; width: 180px; text-align: center; border-radius: 3px; }
.button-blue:hover, .button-blue:focus { color: #fff;  background: ##ffc000; border: 0px solid #466feb; }

/*---------------------------------------------------------------------
                                Header
---------------------------------------------------------------------*/

header { position: fixed; left: 0; top: 0; display: inline-block; width: 100%; z-index: 99; padding: 25px 100px 0; background: #fff; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
header.menu-sticky { padding: 15px 50px 0px; -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1); }
header.menu-sticky .menu li a { padding: 0px 10px 15px; }
header.menu-sticky .menu li .sub-menu li a { padding: 10px 25px; }
.logo a { text-transform: uppercase; font-size: 34px; font-family: 'Poppins', sans-serif; letter-spacing: 0px; font-weight: 700; margin-top: 0px; margin-bottom: 0px; color: #466feb; }
.logo_small { font-size: 16px; font-family: 'Poppins', sans-serif; letter-spacing: 5px; font-weight: 400; margin-top: 0px; margin-bottom: 0px; color: #000; }
.logo a img { height: 25px; }
.menu { display: block; }
.menu li { display: inline-block; position: relative; }
.menu li a { text-decoration: none; padding: 0px 10px 25px; display: block; color: #1a1a1a; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 16px; transition: all 0.2s ease-in-out 0s; }
.menu li a:hover, .menu li:hover>a, .menu li a.active { color: #466feb; }
.menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 175px; text-align: left; position: absolute; left: 0px; background: #fff; z-index: 99; -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); transform: translate(0, 20px); transition: all 0.2s ease-out; }
.menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; }
.sub-menu li a i { position: absolute; right: 15px; top: 50%; margin-top: -8px; }
.menu ul li a { font-size: 16px; padding: 10px 10px; font-weight: normal; display: block; color: #1a1a1a; background: #fff; }
.menu ul li a:hover, .menu ul li:hover>a { background: #466feb; color: #fff; }
.menu li:hover>ul { visibility: visible; opacity: 1; transform: translate(0, 0); }
.menu ul ul { left: 175px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px, 20px); transition: all 0.2s ease-out; }
.menu li>ul ul:hover { visibility: visible; opacity: 1; transform: translate(0, 0); }
.responsive-menu { display: none; width: 100%; padding: 0 20px 20px; font-size: 18px; color: #466feb; text-transform: uppercase; }
.responsive-menu:hover { color: #1a1a1a; text-decoration: none; }

@media (max-width:992px) {
  header { padding: 25px 15px 0; }
  header.menu-sticky { padding: 15px 0 0; }
  header.menu-sticky .menu li a { padding: 2px 25px 15px; }
}
@media (max-width:979px) {
  .menu li a { font-size: 16px; }
}
@media (max-width:767px) {
  header.transparent { background: #1a1a1a; }
  header.transparent .responsive-menu:hover { color: #fff; }
  .logo a { text-transform: uppercase; font-size: 24px; font-family: 'Poppins', sans-serif; letter-spacing: 0px; font-weight: 700; margin-top: 0px; margin-bottom: 0px; color: #466feb; }
  .logo a img { height: auto; }
  header.menu-sticky { padding: 15px 0; }
  header { position: relative; padding: 15px 0; }
  .logo a img { height: 20px; }
  header nav.w-100.justify-content-end { position: absolute; right: 0; top: -28px; text-align: right; }
  .menu { display: none; }
  header.menu-sticky .menu li a { padding: 10px 21px 10px; }
  .responsive-menu { display: block; }
  nav { margin: 0; background: none; }
  header .menu.text-right { text-align: left !important; }
  .menu li { display: block; margin: 0; }
  .menu li a { background: #1a1a1a; color: #ffff; padding: 10px 21px 10px; }
  .menu li a:hover, .menu li:hover>a { color: #fff; background: #466feb; }
  .menu ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; }
  .menu li:hover>ul { visibility: visible; opacity: 1; position: relative; transform: initial; }
  .menu ul ul { left: 0; transform: initial; }
  .menu li>ul ul:hover { transform: initial; }
}

/*---------------------------------------------------------------------
                          Banner
-----------------------------------------------------------------------*/

/*---- Creative Banner ----*/
.creative-text { position: absolute; top: 55%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); padding: 0px; /*--z-index: 999;--*/ display: inline-block; width: 100%; }
.creative-text h1 { font-family: 'Poppins', letter-spacing: 0px; font-weight: 400; margin-top: 0px; text-shadow: 1px 1px 1px #000;}

/*- text left -*/
.owl-item.active .creative-text.text-left h1 { animation: 1s .2s fadeInRight both; }
.owl-item.active .creative-text h4 { animation: 1s .9s flipInX both; text-shadow: 1px 1px 1px #000;}

/*- text center -*/
.owl-item.active .creative-text.text-center h1 { animation: 1s .2s fadeInUp both; }

/*- right left -*/
.owl-item.active .creative-text.text-right h1 { animation: 1s .2s slideInLeft both; }

/*- owl controls Arrow -*/
.owl-controls { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.owl-controls .owl-nav .owl-prev { display: inline-block; padding: 20px 10px; }
.owl-controls .owl-nav .owl-next { display: inline-block; padding: 20px 10px; float: right; }
.owl-controls .owl-nav .owl-prev i, .owl-controls .owl-nav .owl-next i {color: #777777;  font-size: 44px; }
.owl-controls .owl-nav .owl-prev:hover, .owl-controls .owl-nav .owl-next:hover { color: #fff; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }

/*----------------------------------------------------------------------
                             Breadcrumb
----------------------------------------------------------------------*/
.iq-breadcrumb { padding: 250px 0 100px 0px; }
.iq-breadcrumb p { font-size: 28px; line-height: 32px; font-weight: 300; }

@media screen and (max-width:599px) {
  .iq-breadcrumb { padding: 100px 0 100px 0px; }
}

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

/*---- Portfolio Simpal ----*/
.portfolio-simpal { position: relative;}
.portfolio-simpal img { width: 100%; height: 100%; border: 0px solid #ffffff; }
.portfolio-simpal .simpal-details { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; background: rgba(64, 101, 235, 0.85); padding: 30px 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; }
.portfolio-simpal .simpal-details .iq-zoom { position: absolute; bottom: 30px; left: 30px; font-size: 28px; color: #fff; }
.portfolio-simpal .simpal-details h2 { font-size: 34px; line-height: 34px; font-weight: 600; }
.portfolio-simpal .simpal-details h3 { font-size: 28px; line-height: 28px; font-weight: 600; }
.portfolio-simpal .simpal-details p { font-size: 24px; line-height: 28px; font-weight: 300; }
.portfolio-simpal .simpal-details a:hover { color:  rgba(78, 113, 235, 1); }
.portfolio-simpal .simpal-details hr { padding: 5px; width:30%; }
.portfolio-simpal .simpal-details:hover { opacity: 1; }

/*---------------------------------------------------------------------
                             Fancy Box
-----------------------------------------------------------------------*/
.iq-fancy-box { overflow: hidden; position: relative;}
.iq-fancy-box .iq-icon { display: inline-block; text-align: center; color: #466feb; width: 60px; height: 60px; }
.iq-fancy-box .iq-icon i { font-size: 50px; }
.iq-fancy-box .fancy-content h5 { z-index: 9; position: relative; }

/*---------------------------------------------------------------------
                           Services
-----------------------------------------------------------------------*/
.iq-fancy-box2 .title { position: relative; display: inline-block; z-index: 9; margin-bottom: 10px; }
.iq-fancy-box2 img { margin-bottom: 20px; }
.iq-fancy-box2 .title:before { content: ""; position: absolute; top: -10px; left: 0px; margin-left: 0; width: 0; height: 5px; background: #ffc600; z-index: -1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.iq-fancy-box2 .title span { font-size: 60px; color: #466feb; }
.iq-fancy-box2 p { display: block; }
.iq-fancy-box2:hover .title:before { width: 50%; }
.iq-fancy-box2 .iq-icon i { font-size: 50px; line-height: 80px; padding: 0; margin: 0; color: #1a1a1a; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.iq-fancy-box2:hover .iq-icon i { color: #466feb; }

/*---------------------------------------------------------------------
                                Tab
-----------------------------------------------------------------------*/
.iq-tab1 .nav-tabs { border-bottom: none; display: block; text-align: center; }
.iq-tab1 .nav-tabs .nav-item { margin-bottom: 0; display: inline-block; }
.iq-tab1 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { color: #ffffff; background-color: inherit !important; border: none !important; font-size: 16px; text-align: center; }
.iq-tab1 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { font-size: 20px; }
.iq-tab1 .nav-tabs .nav-item .nav-link .icon { font-size: 60px; margin-bottom: 10px; display: inline-block; }
.iq-tab1 .nav-tabs .nav-item .nav-link .step { font-size: 20px; font-weight: 600; }
.iq-tab1 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #466feb; }


/*---------------------------------------------------------------------
                                Pricing
-----------------------------------------------------------------------*/
.price-blog { color: #000; border-radius: 3px; box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 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; }
.price-blog.active, .price-blog:hover { background: #ffc600; }
.price-blog .standard { font-size: 48px; line-height: 46px; font-weight: 600; }
.price-blog .price { font-size: 24px; font-weight: 400; }
.price-blog h3 { font-size: 48px; font-weight: 600; }
.price-blog h4 { font-size: 24px; line-height: 28px; font-weight: 400; }
.price-blog .price span { font-size: 48px; font-weight: 400; }
.price-blog .listing ul li { border-bottom: 0px solid #000; padding-bottom: 5px; margin: 0 5px 0px 5px; }
.price-blog .listing ul li:hover { color: #000; }

/* Button Light */
.button.light { background: #f5f5f5; color: #777777; border: 1px solid #f5f5f5; padding: 8px 15px; }
.button.light:hover, .button.light:focus { color: #ffffff; background: #466feb; border: 1px solid #466feb; }

/* ----------------------------------------------------------------------
                           Testimonial
-------------------------------------------------------------------------*/
.iq-testimonial .feedback .iq-avtar { width: 60px; display: inline-block; text-align: center; border-radius: 100%; float: left; }
.iq-testimonial .feedback .iq-avtar img { border-radius: 100%; }
.iq-testimonial .feedback .iq-info.light:before { border-top: 15px solid rgba(255, 255, 255, 0.1) !important; }
.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; height:150px; }
.iq-testimonial .feedback .iq-lead { font-size: 18px; }
.iq-testimonial .iq-star i { margin-right: 4px; }
.iq-testimonial .owl-prev, .iq-testimonial .owl-next { float: left; }
.iq-testimonial .owl-prev i, .iq-testimonial .owl-next i { color: #bdbaba; }
.iq-testimonial .owl-prev:hover i, .iq-testimonial .owl-next:hover i { color: #466feb; }
.iq-testimonial .owl-prev .fa-angle-left:before { content: "\f177"; float: left; }
.iq-testimonial .owl-next .fa-angle-right:before { content: "\f178"; float: left; margin-left: 10px; }
.iq-testimonial .iq-star i { margin-right: 4px; }
.iq-testimonial .owl-controls { position: relative; width: 100%; position: relative; top: 30px; }

/* ----------------------------------------------------------------------
                           About Us
-------------------------------------------------------------------------*/
.about-blog { position: relative; }
.about-blog .img-1 { position: absolute; bottom: -100px; right: -100px; 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; }
.about-box:hover .about-blog .img-1 { bottom: 0; right: 0; opacity: 1; }


/*---------------------------------------------------------------------
                                Contact Me
-----------------------------------------------------------------------*/
.contact-me input, .contact-me textarea { width: 100%; border: none; box-shadow: none; border-bottom: 1px solid #dddddd; }
.contact-me textarea { min-height: 100px; }
.contact-me textarea:focus { box-shadow: none !important; border: none !important; }
.contact-me .iq-map iframe { border: 0px; width: 100%; height: 550px; position: absolute; top: 0; left: 0; z-index: 1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.contact-me #formmessage { display: none; }

/*---------------------------------------------------------------------
                                Contact Us
-----------------------------------------------------------------------*/
.contact-us input, .contact-us textarea { width: 100%; border: none; box-shadow: none; border-bottom: 1px solid #dddddd !important; }
.contact-us textarea { min-height: 100px; }
.contact-us textarea:focus { box-shadow: none !important; border: none !important; }
.contact-us .iq-map iframe { border: 0px; width: 100%; height: 300px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.contact-box .iq-icon { font-size: 40px; vertical-align: middle; }
.contact-box .iq-title { font-size: 20px; }
.contact-us #formmessage { display: none; }

/*---------------------------------------------------------------------
                                404 Error
-----------------------------------------------------------------------*/
.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 !important; border-bottom: 1px solid #dddddd !important; height: 45px; border-radius: 0; min-width: 300px; }
.iq-error .iq-subscribe { text-align: center; display: inline-block; }

/*---------------------------------------------------------------------
                                Coming Soon 
-----------------------------------------------------------------------*/
.iq-coming h2 { font-size: 80px; font-weight: 600; line-height: 80px; }
.iq-coming h5 { font-size: 24px; line-height: 24px; }
.iq-coming #countdown { list-style: none; margin: 50px 0; padding: 0; display: inline-block; width: 100%; }
.iq-coming #countdown li { display: inline-block; }
.iq-coming #countdown li span { font-size: 50px; line-height: 80px; }
.iq-coming #countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin-top: 15px; }
.iq-coming #countdown li p { font-size: 20px; }
.iq-coming input { width: 100%; border: none; box-shadow: none !important; background: none !important; border-bottom: 1px solid #dddddd !important; height: 45px; border-radius: 0; min-width: 300px; }
.iq-coming .iq-subscribe { text-align: center; display: inline-block; }
.iq-coming input { color: #ffffff !important; }
.iq-coming input::-webkit-input-placeholder { color: #ffffff !important; }
.iq-coming input::-moz-placeholder { color: #ffffff !important; }
.iq-coming input:-moz-placeholder { color: #ffffff !important; }
.iq-coming input:-ms-input-placeholder { color: #ffffff !important; }
.iq-coming input:focus { outline: none; }

/*---------------------------------------------------------------------
                                Footer 1
-----------------------------------------------------------------------*/
.iq-footer1 .iq-logo { width: 150px; }
.iq-footer1 .iq-menu { display: inline; float: right; }
.iq-footer1 .iq-menu li { float: left; margin-left: 30px; }
.iq-footer1 .iq-media-blog { margin: 0; padding: 0; }
.iq-footer1 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0 4px; }
.iq-footer1 .iq-media-blog li a { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 16px; color: #777777; background: transparent; border: 1px solid #777777; text-align: center; border-radius: 50%; }
.iq-footer1 .iq-media-blog li a:hover { color: #ffffff; border: 1px solid #466feb; background: #466feb; }
.iq-footer1 .contact { float: right; margin-top: 20px; }

/*---------------------------------------------------------------------
                                Footer 3
-----------------------------------------------------------------------*/
.iq-footer3 .small-title { margin-bottom: 25px; }
.iq-footer3 hr { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

/*Menu*/
.iq-footer3 .iq-link { padding-left: 30px; }
.iq-footer3 .iq-link li { margin: 0; }
.iq-footer3 .iq-link li a { font-weight: 500; background: rgba(255, 255, 255, 0); padding: 8px 0; display: block; color: #ffffff; }
.iq-footer3 .iq-link li a:hover { background: rgba(255, 255, 255, 0.2); color: #466feb; padding: 8px 15px; }

/*Copyright*/
.iq-footer3 .iq-copyright, .iq-footer3 .iq-copyright a { color: #ffffff; }
.iq-footer3 .iq-copyright a:hover { color: #466feb; }
.iq-footer3 .footer-bottom { background: #1a1a1a; }

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

/*Social Media*/
.iq-footer3 .iq-media-blog { margin: 0; padding: 0; text-align: right; }
.iq-footer3 .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.iq-footer3 .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; border-radius: 50%; }
.iq-footer3 .iq-media-blog li a:hover { background: #466feb; border-color: #466feb; color: #fff; }

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

/*---------------------------------------------------------------------
                          Home Page Objects
-----------------------------------------------------------------------*/
.iq-objects { display: inline-block; width: 100%; }
.iq-objects .iq-objects-01 { position: absolute; bottom: -1px; left: 60%; }
.iq-objects .iq-objects-02 { position: absolute; bottom: 0%; right: 27%; }
.iq-objects .iq-objects-03 { position: absolute; bottom: -20%; right: 10%; }
.iq-objects .iq-objects-04 { margin-bottom: -50px; }

/*---------------------------------------------------------------------
                              Blog Page
-----------------------------------------------------------------------*/
.iq-blog-box h2 { font-size: 28px; font-style: normal; line-height: 34px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-top: 0px; margin-bottom: 20px; }
.iq-blog-box h3 { font-size: 24px; font-style: normal; line-height: 32px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-top: 0px; margin-bottom: 20px; }

.iq-blog-box .iq-blog-image img { width: 100%; }

/* Comments Box */
.iq-comment-list li { margin-top: 25px; margin-bottom: 0; vertical-align: top; padding: 0; position: relative; }
.iq-comment-list .iq-comments-media { padding: 15px 15px 30px; border-radius: 0px; border-bottom: 1px solid #eee; }
.iq-comment-list li:last-child .iq-comments-media { border-bottom: none; padding-bottom: 0; }
.iq-comment-list ul { padding-left: 60px; }
.iq-comment-list .reply { position: absolute; line-height: 22px; margin: 0; padding: 2px 16px; font-size: 11px; right: 0; top: 0; font-weight: 500; color: #fff; }
.iq-comment-list .reply:hover { color: #fff; }
.iq-comment-list .iq-comments-media .iq-comments-info .reply { color: #ffffff; }

/*---------------------------------------------------------------------
                             Blog - SideBar
-----------------------------------------------------------------------*/
.iq-post-sidebar { height: 100%; }
.iq-sidebar-widget { margin-bottom: 40px; padding: 20px 20px; border: 1px solid #ededed; border-radius: 0px; }
.iq-sidebar-widget:last-child { margin-bottom: 0; }
.iq-sidebar-widget .iq-widget-title { margin-bottom: 15px; font-size: 24px; }

/*widget-menu*/
.iq-widget-menu { position: relative; }
.iq-widget-menu ul li a { font-size: 16px; display: block; color: #2c3e50; position: relative; }
.iq-widget-menu i { padding-top: 4px; position: absolute; right: 18px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.iq-widget-menu ul li a span { padding: 5px 10px 5px 0; display: block; font-size: 16px; }
.iq-widget-menu ul li a span:hover { text-decoration: none; color: #466feb; }
.iq-widget-menu ul li.active { border-bottom: none; }
.iq-widget-menu ul li.hover a { color: #466feb; }
.iq-widget-menu ul li.hover a span { background: transparent; color: #fa7b80; }
.iq-widget-menu ul ul li a span { color: #1a1a1a; }
.iq-widget-menu ul ul li a span:hover { color: #466feb; }
.iq-widget-menu ul ul { display: none; padding-left: 20px; }
.iq-widget-menu ul ul a { display: block; color: #1a1a1a; font-size: 16px; }
.iq-widget-menu ul ul a:hover { color: #466feb; }
.iq-widget-menu ul li.active i { transform: rotate(90deg); }

/*SideBar - Search*/
.iq-sidebar-widget .iq-widget-search { position: relative; }
.iq-sidebar-widget .iq-widget-search input { padding-right: 40px; box-shadow: none; color: #2c3e50; height: 50px; border: 2px solid #f2f2f2; background: #ffffff; 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-sidebar-widget .iq-widget-search input:focus { background: #ffffff; }
.iq-sidebar-widget .iq-widget-search i { position: absolute; right: 8px; color: #fa7b80; cursor: pointer; padding: 16px 12px; font-size: 18px; }
.iq-sidebar-widget .iq-widget-search input:focus { border-color: #466feb; }

/*SideBar - Tags*/
.iq-tags li { padding-left: 2px; display: inline-block; padding-right: 2px; margin: 0 0 15px; }
.iq-tags li a { background: transparent; color: #666; padding: 4px 8px; border: 1px solid #666; border-radius: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.iq-tags li a:hover { border-color: #fa7b80; background: none; color: #466feb; }

/* Meta - SideBar */
.iq-widget-archives li { margin: 10px 0; }
.iq-widget-archives li a { color: #666; }
.iq-widget-archives li a i { font-size: 16px; margin-right: 5px; }
.iq-widget-archives li a:hover { margin-left: 5px; color: #466feb; }

/*---------------------------------------------------------------------
                             Slider effect
-----------------------------------------------------------------------*/
.slides { position: relative; }
.slide__title:before { content: ''; height: 3px; width: 30%; top: 100%; right: 30%; background: #fa7b80; position: absolute; }


/*---------------------------------------------------------------------
                           button effect
-----------------------------------------------------------------------*/

/* From uiverse.io by @SanketSuryawanshi */
.button-frame { 
 --color: #466feb;
 position: relative;
 z-index: 9;
 margin: 30px 30px 0px 7px;
 background: #ffc000;
 padding: 15px 15px;
 font-size: 18px;
 width: 170px;
 border: none;
 color: #000;
 display: inline-block;
 text-align: center;
}

.button-frame::before {
 content: '';
 position: absolute;
 width: 30px;
 height: 30px;
 background: transparent;
 top: -7px;
 left: -7px;
 z-index: -5;
 border-top: 2px solid var(--color);
 border-left: 2px solid var(--color);
 transition: 0.5s;
}

.button-frame::after {
 content: '';
 position: absolute;
 width: 30px;
 height: 30px;
 background: transparent;
 bottom: -7px;
 right: -7px;
 z-index: -5;
 border-right: 2px solid var(--color);
 border-bottom: 2px solid var(--color);
 transition: 0.5s;
}

.button-frame:hover::before {
 width: 100%;
 height: 100%;
}

.button-frame:hover::after {
 width: 100%;
 height: 100%;
}

.button-frame:hover, .button-frame:focus  {
	background: transparent; color: #000;
}

/* From uiverse.io by @SanketSuryawanshi */
.button-frame-white { 
 --color: #fff;
 position: relative;
 z-index: 9;
 margin: 30px 30px 0px 7px;
 background: #ffc000;
 padding: 15px 15px;
 font-size: 18px;
 width: 180px;
 border: none;
 color: #000;
 display: inline-block;
 text-align: center;
}

.button-frame-white::before {
 content: '';
 position: absolute;
 width: 30px;
 height: 30px;
 background: transparent;
 top: -7px;
 left: -7px;
 z-index: -5;
 border-top: 2px solid var(--color);
 border-left: 2px solid var(--color);
 transition: 0.5s;
}

.button-frame-white::after {
 content: '';
 position: absolute;
 width: 30px;
 height: 30px;
 background: transparent;
 bottom: -7px;
 right: -7px;
 z-index: -5;
 border-right: 2px solid var(--color);
 border-bottom: 2px solid var(--color);
 transition: 0.5s;
}

.button-frame-white:hover::before {
 width: 100%;
 height: 100%;
}

.button-frame-white:hover::after {
 width: 100%;
 height: 100%;
}

.button-frame-white:hover, .button-frame-white:focus  {
	background: transparent; color: #000;
	 color: #fff;
}

/* Button Simple */
.button-simple { background: #ffc000; position: relative; display: inline-block; z-index: 9; font-size: 16px; font-weight: 400; text-transform: none; margin-top: 20px; color: #000; border: 1px solid #000; padding: 10px 20px; width: 180px; text-align: center; border-radius: 3px; }
.button-simple:hover, .button-simple:focus { background: #000; color: #fff; border: 1px solid #000; }