@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900');


/*
Qwilo - Multipurpose Responsive HTML5 Template
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in
*/
/*================================================
[  Table of contents  ]
================================================
:: Google Fonts
:: General
:: Loader
:: Back to Top
:: No Gutters
:: Input
:: Typography
:: Jarallax
:: Special All  ( all pages Features )
:: Blog
:: Owl CarouseL
:: About Us
:: Particles
:: Subscribe
:: Action Box
:: Down Arrow
:: Clients
:: Event Schedule
:: Form
:: Video
:: Working Hours
:: 404
:: 500
:: Moving background
:: History 1
:: Appointment
:: Underconstruction
:: Search Result
:: Blog Box
:: Typer
:: Revolution CSS
======================================
[ End table content ]
======================================*/


/*---------------------------------------------------------------------
Import Css
-----------------------------------------------------------------------*/
@import url("font-awesome.min.css");
@import url("owl-carousel/owl.carousel.css");
@import url("magnific-popup.css");
@import url("animate.css");
@import url("timeline.min.css");

/*---------------------------------------------------------------------
General
-----------------------------------------------------------------------*/
*::-moz-selection { background: #6c63ff; color: #fff; text-shadow: none; }
::-moz-selection { background: #6c63ff; color: #fff; text-shadow: none; }
::selection { background: #6c63ff; color: #fff; text-shadow: none; }


body { font-family: 'Muli', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 30px; color: #718298; }
a, input { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; color: #464855; outline: none !important; }
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #6c63ff; text-decoration: none !important; }
.button { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; color: #ffffff; outline: none !important; }
h1, h2, h3, h4, h5, h6 { font-family: 'Muli', sans-serif; font-size: 100%; font-weight: normal; color: #464855; margin-top: 0px; margin-bottom: 0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 40px; line-height: 55px; }
h2 { font-size: 36px; line-height: 50px; }
h3 { font-size: 32px; line-height: 45px; }
h4 { font-size: 28px; line-height: 40px; }
h5 { font-size: 24px; line-height: 35px; }
h6 { font-size: 20px; line-height: 26px; }
hr { margin: 0; padding: 0px; border-bottom: 1px solid #e9e9e9; border-top: 0px;}
ol, ul { padding: 0px; margin: 0px; }
li { list-style: none !important; }
label { font-weight: 400; color: #aaaaaa; }
.label { color: #fff !important; font-size: 9px !important; }

/*---------------------------------------------------------------------
Loader
-----------------------------------------------------------------------*/
#loading { background-color: #ecf0f1; 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; overflow: hidden; }
#loading-center img { width: 100px; text-align: center; left: 0; position: absolute; right: 0; top: 50%; bottom: 50%; z-index: 99; margin: auto; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }
@-moz-keyframes spin {
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/*---------------------------------------------------------------------
Back to Top
-----------------------------------------------------------------------*/
#back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #ffffff; background: #333333; position: fixed; bottom: 25px; right: 25px; z-index: 999; font-size: 14px; width: 50px; height: 50px; text-align: center; line-height: 50px; -webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#back-to-top .top:hover { background: #6c63ff; color: #ffffff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }





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

/***************************
Section padding 
****************************/
.overview-block-ptb { padding: 100px 0; }
.overview-block-pt { padding: 100px 0 0; }
.overview-block-pb { padding: 0 0 100px; }
.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-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; }
.iq-pl-110 { padding-left: 110px; }
.iq-pl-120 { padding-left: 120px; }
.iq-pl-130 { padding-left: 130px; }
.iq-pl-140 { padding-left: 140px; }
.iq-pl-150 { padding-left: 150px; }

/***************************
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; }
.iq-pr-110 { padding-right: 110px; }
.iq-pr-120 { padding-right: 120px; }
.iq-pr-130 { padding-right: 130px; }
.iq-pr-140 { padding-right: 140px; }
.iq-pr-150 { padding-right: 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-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; }
.iq-ml-110 { margin-left: 110px; }
.iq-ml-120 { margin-left: 120px; }
.iq-ml-130 { margin-left: 130px; }
.iq-ml-140 { margin-left: 140px; }
.iq-ml-150 { margin-left: 150px; }

/***************************
Margin Right
****************************/
.iq-mr-0 { margin-right: 0px !important; }
.iq-mr-10 { margin-right: 10px !important; }
.iq-mr-15 { margin-right: 15px; }
.iq-mr-20 { margin-right: 20px !important; }
.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; }
.iq-mr-110 { margin-right: 110px; }
.iq-mr-120 { margin-right: 120px; }
.iq-mr-130 { margin-right: 130px; }
.iq-mr-140 { margin-right: 140px; }
.iq-mr-150 { margin-right: 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: #6c63ff; font-size: 16px; color: #ffffff !important; padding: 12px 45px; margin-right: 10px; -webkit-border-radius:4px;
-moz-border-radius: 4px; border-radius: 4px; display: inline-block; vertical-align: middle; text-transform: capitalize; border: 1px solid #6c63ff; cursor: pointer;}
.button:hover, .button:focus { color: #ffffff !important; background: #464855; border: 1px solid #464855; -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); }


/*----------------------------------------------------------------------
Buttons
-----------------------------------------------------------------------*/
.button.grey { background: #464855; border: 1px solid #464855; color: #ffffff; }
.button.grey:hover, .button.grey:focus { background: #ffffff; border: 1px solid #ffffff; color: #464855 !important; }

/*---------------------------------------------------------------------
Text Color 
-----------------------------------------------------------------------*/
.iq-font-main { color: #6c63ff; }
.iq-font-white { color: #ffffff; }
.iq-font-black { color: #464855; }
.iq-font-grey { color: #444444; }


/*---------------------------------------------------------------------
Background Color 
-----------------------------------------------------------------------*/
.white-bg { background: #ffffff; }
.dark-bg { background: #464855; }
.grey-bg { background: #f8f7ff; }
.main-bg { background: #6c63ff; }
.black-bg { background: #000000; }
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 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; left: 50%; margin-left: -25px; width: 50px; height: 4px; background: #6c63ff; 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; left: 50%; margin-left: -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: #464855; }

/*---------------------------------------------------------------------
Small Title
-----------------------------------------------------------------------*/.small-title { position: relative; padding-bottom: 10px; margin-bottom: 15px; }
.small-title:before { content: ""; position: absolute; bottom: 0px; left: 0; width: 40px; height: 4px; background: #6c63ff; display: inline-block; }
.small-title.white:before { background: #fff; }
.small-title.black:before { background: #464855; }

/*---------------------------------------------------------------------
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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

/*************************
main Overlay
*************************/
.iq-over-main-10:before { background: rgba(108, 99, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-main-20:before { background: rgba(108, 99, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-main-30:before { background: rgba(108, 99, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-main-40:before { background: rgba(108, 99, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-main-50:before { background: rgba(108, 99, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-main-60:before { background: rgba(108, 99, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-main-70:before { background: rgba(108, 99, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-main-80:before { background: rgba(108, 99, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-main-90:before { background: rgba(108, 99, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.iq-over-main-95:before { background: rgba(108, 99, 255, 0.95); content: ""; height: 100%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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%; left: 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; left: 0; top: 0; z-index: -1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#464855+0,7db9e8+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(44, 62, 80, 1) 0%, rgba(125, 185, 232, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(44, 62, 80, 1) 0%, rgba(125, 185, 232, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(44, 62, 80, 1) 0%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464855', endColorstr='#007db9e8', GradientType=1); /* IE6-9 */ }
.iq-gradient-overlay.main:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6c63ff+0,7db9e8+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(2, 216, 116, 1) 0%, rgba(125, 185, 232, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(2, 216, 116, 1) 0%, rgba(125, 185, 232, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(2, 216, 116, 1) 0%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c63ff', endColorstr='#007db9e8', GradientType=1); /* IE6-9 */ }


/*---------------------------------------------------------------------
                                Header
---------------------------------------------------------------------*/
header { display: inline-block; width: 100%; position: fixed; top: 0; left: 0; z-index: 99;  }
header .container-fluid {padding: 10px 50px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
header .navbar.navbar-light { padding: 0; margin: 0; }
header .navbar.navbar-light .navbar-brand { padding: 15px 0 15px 0; }
header .navbar.navbar-light .navbar-nav .nav-link { color: #718298; font-size: 16px; padding: 5px 20px; position: relative; text-transform: capitalize; border-radius: 4px; }
header .navbar.navbar-light .navbar-nav .nav-item.active .nav-link { background: #6c63ff; color: #fff; border: 2px solid #6c63ff; }
header .navbar.navbar-light .navbar-brand img { height: 50px; 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 sticky */
header.menu-sticky { background: #fff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
header.menu-sticky .container-fluid {padding: 0px 50px; }
header.menu-sticky .navbar.navbar-light .navbar-brand img { height: 50px; }


/*---------------------------------------------------------------------
                                Future Services
---------------------------------------------------------------------*/
.services-block { position: relative; }
.services-block:before { background: #6c63ff; content: ""; height: 85%; left: 0; position: absolute; bottom: 0; width: 100%; z-index: -1; }
.services-bg { padding-top: 80px; padding-bottom: 80px; border-radius: 5px; background: #fff; -webkit-box-shadow: 0px 0px 30px 0px rgba(108, 99, 255, 0.2); -moz-box-shadow: 0px 0px 30px 0px rgba(108, 99, 255, 0.2); box-shadow: 0px 0px 30px 0px rgba(108, 99, 255, 0.2); }
.future-services {padding: 40px 10px 0px;}
.future-services .future-img { margin-bottom: 15px; }
.future-services h4 { margin-bottom: 10px; }
.services-list { margin: 0 0 -120px; padding: 0; position: relative; display: inline-block; width: 100%; }
.services-list li{ list-style: none; margin: 0; padding: 0; float: left; }
.services-list li.one { position: absolute; left: 30px; bottom: 0;  }
.services-list li.two { position: absolute; right: 100px; bottom: 0;  }

.services-page .future-services { padding: 30px 10px 30px;  } 


/*---------------------------------------------------------------------
                                About Agency
---------------------------------------------------------------------*/
.about-agency { position: relative;  }
.about-agency:before { position: absolute; content: ""; bottom:-40%; left: -120px; background: url(../images/arrow/01.png); background-repeat: no-repeat; height: 70%; width: 70%; background-size: 50%;   animation: bounce 2s infinite alternate;
  -webkit-animation: bounce 2s infinite alternate; }
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}


/*---------------------------------------------------------------------
Blog
-----------------------------------------------------------------------*/
.iq-blog-entry { margin-bottom: 20px;  }
.iq-blog-entry:hover { -webkit-box-shadow: 0px 0px 30px 0px rgba(108, 99, 255, 0.2); -moz-box-shadow: 0px 0px 30px 0px rgba(108, 99, 255, 0.2); box-shadow: 0px 0px 30px 0px rgba(108, 99, 255, 0.2); }
.iq-entry-image { position: relative; }
.iq-entry-image img, .iq-entry-image .owl-carousel .owl-item img { width: 100%; }
.iq-entry-image .tag { position: absolute; left: 0; bottom: -1px; background: #6c63ff; padding: 5px 10px; color: #fff; z-index: 9; }
.iq-entry-image .tag i { margin-right: 5px; }
.iq-entry-image .date { position: absolute; right: 15px; top: 15px; background: #464855; -webkit-border-radius: 90%;
-moz-border-radius: 90%;
border-radius: 90%; height: 60px; line-height: 60px; width: 60px; color: #fff; font-size: 16px; text-align: center; line-height: normal; text-transform: uppercase; padding-top: 10px; z-index: 9; }
.iq-entry-image .date small { display: block; }
.iq-blog-detail { padding: 15px; border: 1px solid #ececec; }
.iq-entry-title a h5 { -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-entry-title a:hover h5 { color: #6c63ff; }
.iq-entry-meta { display: inline-block; width: 100%; }
.iq-entry-meta li { float: left; margin-right: 15px; }
.iq-entry-meta li a { color: #464855; font-size: 15px; }
.iq-entry-meta li a:hover { color: #6c63ff; }
.iq-entry-meta li:last-child { margin-right: 0; }


/*************************
Blog - SideBar
*************************/
.iq-post-sidebar { height: 100%; }
.iq-sidebar-widget { margin-bottom: 40px; padding: 20px 20px; border: 1px solid #ededed; }
.iq-sidebar-widget:last-child { margin-bottom: 0; }
.iq-sidebar-widget .iq-widget-title { padding-bottom: 10px; margin-bottom: 20px; font-size: 24px; }
/*Audio*/
.iq-blog-entry.iq-audio .players audio { width: 100%; position: absolute; padding: 10px; top: -80px; }
.iq-blog-entry .tag, .iq-blog-entry .date { background: #464855; color: #ffffff; padding: 6px 15px; display: inline-block; }
/*video vimeo and youtube*/
.video-box { height: 0; padding-bottom: 55.5%; margin-bottom: 0px; position: relative; overflow: hidden; }
.video-box.vimeo { padding-top: 0; }
.video-box iframe, .video-box object, .video-box embed, .video-box video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
/*SideBar - Search*/
.iq-sidebar-widget .iq-widget-search { position: relative; }
.iq-sidebar-widget .iq-widget-search input { padding-right: 40px; box-shadow: none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 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: #464855; cursor: pointer; padding: 16px 12px; font-size: 18px; }
.iq-sidebar-widget .iq-widget-search input:focus { border-color: #464855; }
/*SideBar - Posts*/
.iq-sidebar-widget .iq-recent-post { margin-top: 20px; }
.iq-sidebar-widget .iq-recent-post .media-body>a { display: block; font-size: 15px; font-weight: 600; color: #2c3e50; }
.iq-sidebar-widget .iq-recent-post .media-body>a:hover { color: #6c63ff; }
.iq-sidebar-widget .iq-recent-post .media-body span { color: #666666; }
.iq-sidebar-widget .iq-recent-post .media-body span .fa { color: #333333; margin-right: 5px; }
/* 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: #6c63ff; }
/*widget-menu*/
.iq-sidebar-widget { position: relative; }
.iq-sidebar-widget ul li a { font-size: 14px; display: block; color: #222222; position: relative; }
.iq-sidebar-widget .iq-widget-menu i { padding-top: 4px; position: absolute; right: 18px; }
.iq-sidebar-widget ul li a span { padding: 5px 10px 5px 0; display: block; font-size: 16px; }
.iq-sidebar-widget ul li a span:hover { text-decoration: none; color: #6c63ff; }
.iq-sidebar-widget ul li.active { border-bottom: none; }
.iq-sidebar-widget ul li.hover a { color: #6c63ff; }
.iq-sidebar-widget ul li.hover a span { background: transparent; color: #464855; }
.iq-sidebar-widget ul ul li a span { color: #333333; }
.iq-sidebar-widget ul ul li a span:hover { color: #6c63ff; }
.iq-sidebar-widget ul ul { display: none; padding-left: 20px; }
.iq-sidebar-widget ul ul a { display: block; color: #333333; font-size: 14px; }
.iq-sidebar-widget ul ul a:hover { color: #6c63ff; }
.iq-sidebar-widget ul li.active i { transform: rotate(90deg); }
.iq-sidebar-widget ul.iq-tag li { display: inline-block; margin: 5px 5px 5px 0; }
.iq-sidebar-widget ul.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-sidebar-widget ul.iq-tag li a:hover { background: #6c63ff; color: #ffffff; }
/* 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; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; border-bottom: 1px solid #eee; }
.iq-comment-list .iq-comments-media img { width: 85px; }
.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; }
.info-block img { width: 100px; }
.blog-contact .formmessage { display: none; }
.blog-contact .contact-form .section-field { width: 100%; float: left; }
.blog-contact .contact-form textarea { min-height: 140px; border: 1px solid #f6f6f6; background: #f6f6f6; width: 100%; }
.blog-contact .contact-form .section-field input { width: 100%; margin-bottom: 20px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; padding-left: 20px; height: 45px; line-height: 45px; clear: both; color: #333; border: 1px solid #f6f6f6; background: #f6f6f6; }
.blog-contact .contact-form .section-field input:focus, .blog-contact .contact-form .section-field.textarea textarea:focus { border: 1px solid #464855; box-shadow: none; outline: none; }

.page-item.active .page-link{background: #6c63ff;border-color: #6c63ff;}
.page-link, .page-link:hover{color: #6c63ff;}

/*************************************
Teams 5 
**************************************/
.iq-team4 .team-blog { border: 1px solid #f2f2f2; border-bottom: 2px solid #6c63ff; -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-right: 4px; }
.iq-team4 .list-inline li {display: inline-block; padding-right: 5px;}
.iq-team4 .list-inline li a  {padding: 0 5px;
    font-size: 15px;
    background: rgba(108, 99, 255, 1.0);
    width: 36px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    color: #fff;
    }
.iq-team4 .list-inline li a:hover{background-color: #464855;}

/*----------------------
Pricing 3
----------------------*/
.iq-pricing3 .pricing-blog { position: relative; overflow: hidden; background: #ffffff; border: 1px solid #efefef; padding-bottom: 30px; }
.iq-pricing3 .pricing-blog.border { border: 1px solid #f1f1f1; }
.iq-pricing3 .price-head { background: #f8f7ff; color: #464855; font-size: 18px; font-weight: bold; padding: 15px 0; margin-bottom: 20px; }
.iq-pricing3 .price { color: #464855; 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: #6c63ff; color: #fffff; border: none; }
.iq-pricing3 .active .price { color: #ffffff; }
.iq-pricing3 .active .listing ul li { border-top: 1px solid #5c52ff; color: #ffffff; }

/*************************
Counter 3
*************************/
.iq-counter3 .iq-counter .left { width: 80px; height: 80px; float: left; 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; }

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

/*************************
Testimonial 1
*************************/
.iq-testimonial .feedback { text-align: center; padding: 30px 30px 0 30px; }
.iq-testimonial .feedback .iq-avtar { width: 60px; display: inline-block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.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: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 30px 0px rgba(108, 99, 255, 0.2); -moz-box-shadow: 0px 0px 30px 0px rgba(108, 99, 255, 0.2); box-shadow: 0px 0px 30px 0px rgba(108, 99, 255, 0.2); }
.iq-testimonial .feedback .iq-info:before { content: ""; position: absolute; z-index: 9; bottom: -15px; left: 47%; height: 0; width: 0; border-top: 15px solid rgba(255, 255, 255, 1.0); border-left: 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: #f8f7ff; }
.iq-testimonial .feedback .title { font-size: 18px; }
.iq-testimonial .feedback p { margin-bottom: 0px; }
.iq-testimonial .feedback .iq-lead { font-size: 18px; }

/*************************************
Feature 12 
**************************************/
.feature-step { position: relative;  }
.feature-step:before { position: absolute; content: ""; top: 0; left:0; background: url(../images/01.png); background-repeat: repeat; opacity: 0.1; height: 100%; width: 100%; }
.iq-feature12 h6 { position: relative; }
.iq-feature12 h6::before { background: #6c63ff; bottom: -15px; content: ""; height: 2px; position: absolute; width: 50px; left: 50%; margin-left: -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: #6c63ff; 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; right: 0; top: 0; border: 4px solid #ffffff; }
.iq-feature12.stap-left:before { position: absolute; left: 79%; top: 20%; background: url('../images/arrow/dashed-arrow1.png') no-repeat 0 0; content: ""; width: 174px; height: 29px; }
.iq-feature12.stap-right:before { position: absolute; left: 79%; top: 25%; background: url('../images/arrow/dashed-arrow2.png') no-repeat 0 0; content: ""; width: 174px; height: 29px; }



/*---------------------------------------------------------------------
   Frequently Asked Questions
-----------------------------------------------------------------------*/
.iq-asked { position: relative; }
.iq-accordion { z-index: 9; position: relative; }
.iq-accordion .ad-title { position: relative; padding: 15px 50px 15px 15px; font-size: 16px; line-height: normal; cursor: pointer; background-color: #f8f7ff; display: block; text-align: left; color: #464855; text-decoration: none; border-radius: 4px; }
.iq-accordion .ad-title:before { cursor: pointer; content: "\f107"; font-family: "FontAwesome"; position: absolute; top: 0; right: 0; display: block; padding: 14px 20px; color: #6c63ff; font-size: 16px; line-height: 24px; height: 100%; font-weight: normal; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.iq-accordion .ad-active .ad-title:before { content: "\f106"; color: #fff;  font-family: "FontAwesome"; }
.iq-accordion .ad-active .ad-title { background: #6c63ff; color: #fff; }
.iq-accordion .ad-details { display: none; overflow: hidden; text-align: left; padding: 15px 15px; color: #718298; background: #fff; border: 1px solid #eeeeee; border-top: none; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06); }
.iq-accordion .iq-ad-block { margin-bottom: 30px; }
.iq-accordion .iq-ad-block:last-child { margin-bottom: 0; }
.iq-objects-asked { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; }
.iq-objects-asked .iq-objects-01 { position: absolute; bottom: 10%; left: 0; }
.iq-objects-asked .iq-objects-02 { position: absolute; top: 37%; left: 35%; }
.iq-objects-asked .iq-objects-03 { position: absolute; top: 28%; left: 13%; border: 25px solid #4ac4f3; border-radius: 900px; height: 350px; width: 350px; }


/*---------------------------------
  Footer Section
-----------------------------------*/
.iq-social-icons { margin: 0; padding: 0; }
.iq-social-icons li { display: inline-block; vertical-align: top; list-style: none; margin-right: 8px; }
.iq-social-icons li a { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #333; border-radius: 5px; background:#464855 ; -webkit-transition: ease all 0.3s; transition: ease all 0.3s; }
.iq-social-icons li a:hover { background: #333; color: #fff; }
.footer { background: #222; }
.iq-footer-section { padding-top: 60px; }
.iq-footer-section .iq-footer-logo { color: #fff; font-weight: 700; font-size: 25px; margin-bottom: 20px; width: 240px; }
.iq-footer-section .iq-footer-text p { width: 350px; max-width: 100%; margin-bottom: 20px; display: inline-block; padding-right: 10px; color: rgba(255, 255, 255, 1.0); }
.iq-footer-section .iq-footer-title { font-size: 18px; font-weight: 600; margin-bottom: 10px; color: #fff; }
.iq-footer-content ul { list-style-type: none; padding: 0; }
.iq-footer-content li { margin-bottom: 8px; }
.iq-footer-content li a { color: rgba(255, 255, 255, 0.6); font-size: 14px; }
.iq-footer-content li a:hover{color: #fff;}
.iq-social-icons li a:hover{color: #6c63ff; background-color: #fff;}
.iq-footer-section p { color: rgba(255, 255, 255, .5); margin-bottom: 20px; }
.iq-footer-newsletter .form-control { background-color: #464855;  border: 1px solid rgba(255, 255, 255, 0.19); color: rgba(255, 255, 255, 1.0); padding: 10px 15px; border-radius: 0; box-shadow: none !important; height: 50px; }
.copyright { margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, .1) }
.copyright p { text-align: center; color: rgba(255, 255, 255, .5); font-size: 12px; margin: 0; padding: 20px 0; }

@media(max-width:991px) {
.iq-footer-section { padding-top: 30px; }
.copyright { margin-top: 10px; }
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
}
/*----------------------------------------------------------------------
Owl Carousel
-----------------------------------------------------------------------*/
.owl-carousel .owl-item img { width: auto; }
.owl-carousel .owl-item img.img-full { width: 100% !important; }

.owl-carousel .owl-nav { position: absolute; display: block; text-indent: inherit; margin-top: -42px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; opacity: 0; }
.owl-carousel .owl-nav i { background: #ffffff; color: #6c63ff; border: 1px solid #e3e3e3; font-size: 20px; width: 44px; height: 44px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; box-shadow: -1px 6px 13px rgba(0, 0, 0, 0.1); display: inline-block; line-height: 42px; padding-left: 2px; text-align: center; font-weight: normal; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.owl-carousel .owl-nav i:hover { background: #6c63ff; color: #fff; border-color: #6c63ff; }
.owl-carousel .owl-nav .owl-prev { background: transparent;
    border: none; position: absolute; display: block; cursor: pointer; width: auto; text-indent: inherit; left: 0px; -webkit-transition: opacity 0.5s ease 0s, left 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s, left 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s, left 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s, left 0.5s ease 0s; transition: opacity 0.5s ease 0s, left 0.5s ease 0s; }
.owl-carousel .owl-nav .owl-next { background: transparent;
    border: none; position: absolute; display: block; cursor: pointer; width: auto; text-indent: inherit; right: 0px; -webkit-transition: opacity 0.5s ease 0s, right 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s, right 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s, right 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s, right 0.5s ease 0s; transition: opacity 0.5s ease 0s, right 0.5s ease 0s; }
.owl-carousel:hover .owl-nav { opacity: 1; }
.owl-carousel:hover .owl-nav .owl-prev { left: 20px; }
.owl-carousel:hover .owl-nav .owl-next { right: 20px; }


/* Dots */
.owl-carousel .owl-dot { background: transparent;
    border: none; }
.owl-carousel .owl-dots { margin-top: 20px; position: relative; width: 100%; display: inline-block; text-indent: inherit; text-align: center; cursor: pointer;  }
.owl-carousel .owl-dots .owl-dot span { background: #cecece; display: inline-block; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid #ffffff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; }
.owl-carousel .owl-dots .owl-dot:hover span { background: #6c63ff; }
.owl-carousel .owl-dots .owl-dot.active span { background: #6c63ff; width: 30px; }

/*************************************
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 { left: 0; top: 0; }
.iq-contact1 .contact-blog:hover:before { width: 100%; }
.iq-contact1 .contact-blog:after { right: 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 { left: 0; bottom: 0; }
.iq-contact1 .contact-blog:hover .iq-line:before { height: 100%; }
.iq-contact1 .contact-blog .iq-line:after { right: 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: left; 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: left; }
.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-left: 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 #6c63ff; box-shadow: none; outline: none; }
#contact .error { display: none; margin-left: 10px; }
#contact .error_show { color: red; margin-left: 10px; position: absolute; bottom: 0; display: block; }

/*************************************
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: left; -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: left; }
.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-left: 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 #6c63ff; }
.iq-contact3 .contact-form .section-field.textarea textarea { width: 100%; float: left; color: #b6b6b6; border: 1px solid #f6f6f6; background: #f6f6f6; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: 20px 0 0 20px; resize: none; }
.iq-contact3 .contact-form .section-field.textarea textarea:focus { border: 1px solid #6c63ff; }
.iq-contact3 .left { margin-right: 15px; float: left; 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; left: 0; width: 40px; height: 4px; background: #fff; display: inline-block; margin-left: 20px; }
.iq-map iframe { border: 0px; width: 100%; height: 350px; }
.section-field textarea {padding: 10px;}


/*************************
Breadcrumb 2
*************************/
.iq-breadcrumb{padding: 203px 0 80px 0;}
.iq-breadcrumb nav{display: inline-block;}

.iq-breadcrumb.text-left .breadcrumb { z-index: 86; text-align: left; position: relative; color: #ffffff; margin-bottom: 0; display: inline-block; width: 100%; background: #f8f7ff; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; padding: 10px 30px; -webkit-box-shadow: 0px 0px 30px 0px rgba(108,99,255,0.25);
-moz-box-shadow: 0px 0px 30px 0px rgba(108,99,255,0.25);
box-shadow: 0px 0px 30px 0px rgba(108,99,255,0.25); }
.iq-breadcrumb.text-left .breadcrumb li { display: inline-block; }
.iq-breadcrumb.text-left .breadcrumb li a i { font-size: 18px; margin-right: 6px; }
.iq-breadcrumb.text-left .breadcrumb li, .iq-breadcrumb.text-left .breadcrumb li a:hover { color: #6c63ff; }
.iq-breadcrumb.text-left .breadcrumb li a, .iq-breadcrumb.text-left .breadcrumb-item+.breadcrumb-item::before { color: #464855; margin-bottom: 0; }



/*************************
Tab
*************************/
.iq-tab .nav-pills { background: #f8f7ff; padding: 8px; border: 1px solid #f2f0ff; border-radius: 900px; }
.iq-tab .nav-item { width: 100%; }
.iq-tab .nav-item a { background: #ffffff; color: #464855; font-size: 16px; font-weight: 600; padding: 15px 10px; margin-bottom: 8px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; position: relative; border: inherit; }
.iq-tab .nav-pills .nav-link { border: none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-right: 2px; }
.iq-tab .nav-pills .nav-link.active, .iq-tab .nav-pills .show>.nav-link, .iq-tab .nav-pills .nav-link:hover { background: #6c63ff; 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-tab.horizontal .nav-item { width: 16.66%; text-align: center; }
.iq-tab.horizontal .nav-item a { padding: 15px 10px; margin-bottom: 0; border-radius: 90px; }



/*----------------------------------------------------------------------
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: #6c63ff; 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 -15px 0 0; float: left; width: 100%;}
.isotope .iq-grid-item { padding: 0 15px 15px 0; }
.isotope .iq-grid-item img, .iq-masonry .iq-masonry-item img { width: 100%; }

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

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

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

/* 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; left: 50%; font-weight: 400; font-size: 14px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; background: #6c63ff; 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; left: 50%; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #6c63ff; -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; }


/*---- Portfolio 05  ----*/
.iq-portfolio { position: relative; overflow: hidden; cursor: pointer; }
.owl-carousel .owl-item .iq-portfolio img { width: 100%; }
.iq-portfolio  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: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 .hoverdir { position: absolute; background: #333; background: rgba(108, 99, 255, 0.8); width: 100%; height: 100%; padding: 30px; text-align: left; color: #fff; }
.iq-portfolio .hoverdir a { color: #fff; }
.iq-portfolio .hoverdir a:hover { color: #464855; }
.iq-portfolio .iq-portfolio-icon { margin: 0; padding: 0; display: inline-block; position: absolute; bottom: 30px; left: 30px; }
.iq-portfolio .iq-portfolio-icon li { display: inline-block; opacity: 1; transition: all 0.35s ease 0s; text-align: center; }
.iq-portfolio .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: #464855; line-height: 40px; margin-right: 5px; transition: all 0.35s ease 0s; }
.iq-portfolio .iq-portfolio-icon li a:hover { background: #464855; color: #fff; }
.iq-portfolio .hoverdir .likes { position: absolute; bottom: 35px; right: 30px; width: auto; height: 33px; border: 1px solid #fff; background: #fff; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; color: #464855; font-size: 14px; line-height: 33px; text-align: center; margin: 0; padding: 0 10px 0; display: inline-block; float: right; }
.iq-portfolio .hoverdir .likes i { margin-right: 10px; }
.iq-portfolio .hoverdir .likes:hover { color: #6c63ff; }
.iq-columns-4 .iq-portfolio .hoverdir h5 { font-size: 20px; }
.iq-columns-5 .iq-portfolio .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-tag li { display: inline-block;  margin-top: 10px; }
.iq-tag li a { display: block; background: #f3f3f3; color: #464855; padding: 5px 15px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.iq-tag li a:hover { background: #6c63ff; color: #ffffff; }
.portfolio-meta li { border-bottom: 1px solid #f2f2f2; padding: 10px 0; }
.portfolio-meta li span { display: inline-block; font-weight: 600; margin-left: 10px; }
.portfolio-meta li span.lead { font-size: 16px; }
.owl-carousel .item span { font-size: 14px; font-weight: 600; line-height: 20px; }
.owl-carousel .owl-item img { width: 100% !important; }
.owl-carousel .iq-portfolio-05 .hoverdir .likes span { font-size: 14px; }



/*************************************
Coming Soon 2
**************************************/
.iq-coming-blog { padding: 12% 0; }
.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: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px; height: 48px; width: 100%; display: inline-block; padding-left: 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: left; }
.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-right: 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-left: 0; -webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; padding: 11px 20px;}

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