/*
Vizion-Al/ML-Digital Marketing Responsive HTML5 Template
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in
*/

/*================================================
[  Table of contents  ]
================================================
1  Header
2  Banner
3  Features
4  Awards
5  Blog
6  Footer
7  Team
8  Breadcrumb
9  Tab
10 Login and Register form
11 Contact page
12 Challanges
13 Partner
14 Testimonial
15 services
16 Comming Soon

/*---------------------------------------------------------------------
1 Header
-----------------------------------------------------------------------*/
header { z-index: 999; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: absolute; left: 0; width: 100%; padding: 10px 0; }
header .logo { width: 85px; display: block; margin: 5px 0; }
header .container-fluid { padding: 0 100px; }
header .logo-stiky { width: 100px; display: none; }
header .navbar-light .navbar-nav .nav-item { margin: 0 20px; }
header .navbar-light .navbar-nav .nav-link { font-size: 14px; font-weight: 400; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; padding-top: 8px; padding-bottom: 0; }
header .navbar-brand { padding-top: 0; padding-bottom: 0; }
header.menu-sticky { 
  padding: 0;
  position: fixed;
  padding-top: 0; top: 0; left: 0; display: inline-block; width: 100%;
   background: #ffffff; z-index: 999; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); }
header.menu-sticky .button.brd:hover { color: #ffffff; }
header .navbar-light .navbar-toggler { border-color: #dddddd; border-radius: 0; background: #ffffff; border-radius: 5px; }
header.menu-sticky .button.brd { padding: 10px 30px; color: #ffffff; }

header .navbar-expand-lg { padding: 0; }
header .navbar-light .navbar-nav .nav-item a { color: #ffffff; position: relative; padding: 0;}
header .navbar-light .navbar-nav .nav-item:hover a, header .navbar-light .navbar-nav .nav-item a.active, header .navbar-light .navbar-nav .nav-item a:focus, header .navbar-light .navbar-nav .nav-item a:focus { color: #ffffff; }
header .navbar-light .navbar-nav .dropdown-menu { padding: 10px 20px; top:45px;}
header .navbar-light .navbar-nav .nav-item.dropdown a:before { content: none !important; }
header .navbar-light .navbar-nav .nav-item a:before, header .navbar-light .navbar-nav .nav-item.dropdown.active a:before { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 0; height: 3px; background: rgb(234 170 23); content: ""; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
header .navbar-light .navbar-nav .nav-item:hover a:before, header .navbar-light .navbar-nav .nav-item.active a:before, header .navbar-light .navbar-nav .nav-item.dropdown.active a:before { width: 30px; }
header .navbar-light .navbar-nav .active>.nav-link, header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .nav-link.show, header .navbar-light .navbar-nav .show>.nav-link { color: #ffffff; }
header.menu-sticky .navbar-light .navbar-nav .nav-item:hover a:before, header.menu-sticky .navbar-light .navbar-nav .nav-item a.active:before, header.menu-sticky .navbar-light .navbar-nav .nav-item a:focus:before { background: #ffffff; }
header.menu-sticky .navbar-light .navbar-nav .nav-item a { color: #ffffff; }
header.menu-sticky .navbar-light .navbar-nav .nav-item:hover a, header.menu-sticky .navbar-light .navbar-nav .nav-item a.active { color: #ffffff; }

header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu a { color: #222222; }
header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu a:hover, header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu a.active { color: #eaaa17;background: none; }
header .dropdown-item.active, header .dropdown-item:active { background: inherit; }
.login { font-weight: 600; display: inline-block; letter-spacing: 1px; color: #ffffff; }
.login li a { background: transparent; color: #ffffff; padding: 10px 24px; border-radius: 6px; }
.login li a:hover { color: #ffffff; }
.login li:last-child a { background-image: linear-gradient(to right, #f06826 0%, #ee1f3b 51%, #ee1f3b 100%);
    background-size: 200% auto; color: #ffffff;color: #ffffff;
    text-transform: uppercase;
    font-size: 14px; }
.login li:last-child a:hover { background-position:right center; color: #ffffff; }
header.menu-sticky .login li a.login-btn { padding: 10px 15px;font-family: 'Open Sans', sans-serif; }
header.menu-sticky .login li a.login-btn:hover { color: #ffffff; }
.form-row::placeholder { color: #ffffff; opacity: 1; /* Firefox */ }
.form-row:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ffffff; }
.form-row::-ms-input-placeholder { /* Microsoft Edge */
color: #ffffff; }
header .login li.search { position: relative; margin-right: 20px; }
header .login li.search form { display: inline-block; }
header .login li.search input[type="text"] { height: 40px; font-size: 18px; display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: 100; border: none; outline: none; color: #ffffff; padding: 15px; padding-right: 60px; width: 0px; position: absolute; top: 0; right: 0; background: none; transition: width 0.4s cubic-bezier(0, 0.795, 0, 1); cursor: pointer; z-index: 3; margin: -10px 0 0 0; }
header .login li.search input[type="text"]:focus:hover { border: 1px solid #bbb; }
header .login li.search input[type="text"]:focus { width: 830px; z-index: 1; border: 1px solid #bbb; cursor: text; background: -moz-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%); background: -webkit-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%); background: -ms-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%); }
header .login li.search #btn-search { margin: -5px 0 0 0; z-index: 2; padding: 0; height: 40px; width: 63px; display: inline-block; float: right; position: absolute; top: 0; right: 15px; z-index: 2; cursor: pointer; transition: opacity 0.4s ease; }
header .login li.search #btn-search:hover { opacity: 0.8; }
.container { max-width: 1170px; }

/*---------------------------------------------------------------------
 1 Header sticky 
 -----------------------------------------------------------------------*/
header.menu-sticky { background: rgba(117, 205, 111, 1); 
  background: -moz-linear-gradient(0deg, rgb(17 21 68) 0%, #10113e); 
  background: -webkit-linear-gradient(0deg, rgb(17 21 68) 0%, #10113e);
  background: -ms-linear-gradient(0deg, rgb(17 21 68) 0%, #10113e); -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); position: fixed; z-index: 99; }

header.menu-sticky .navbar-light .navbar-nav li.active .nav-link, header.menu-sticky .navbar-light .navbar-nav li .nav-link:hover { color: #ffffff; }
header.menu-sticky .navbar-light .navbar-nav .nav-link, header.menu-sticky .navbar-light .navbar-nav .nav-link:focus { color: #ffffff; }
header.menu-sticky .main-header { padding: 10px 90px 10px 90px; }
header.menu-sticky .sub-header { display: none; }
.wrap-slider {
  max-width: 1170px;
  margin: 0px auto !important;
  position: relative;
}

.mr-0 {
  margin-right: 0px !important;
}

.wrap-slider > div {
  left: 30px !important;
}

/*---------------------------------------------------------------------
dropdown-item
---------------------------------------------------------------------*/
.dropdown-item.active, .dropdown-item:active { color: #46c894; background-color: transparent; }

/*---------------------------------------------------------------------
2 Banner
-----------------------------------------------------------------------*/
.banner { padding: 200px 90px 65px 90px; position: relative; overflow: hidden; }
.button-banner:hover, .button-banner:focus { background-color: #ffffff; }
.banner .banner-text { padding-top: 15%; position: relative; }
.banner:before { content: ''; position: absolute; background: url('../images/banner/shap.html'); width: 100%; height: 100%; background-repeat: no-repeat; left: 0; top: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.banner-type img { -webkit-animation: bounce 5s infinite alternate; }
@keyframes bounce {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}
@-webkit-keyframes bounce {
  from { transform: translateY(0px); }
  to { transform: translateY(-25px); }
}

/*---------------------------------------------------------------------
List Style
-----------------------------------------------------------------------*/
.list-style li { margin: 0 0 15px; padding: 0; list-style: none; font-size: 16px; }
.list-style li:last-child { margin-bottom: 0; }
.list-style li i { margin-right: 10px; font-size: 18px; }
.easy-btn { padding: 10px 70px; }

/*---------------------------------------------------------------------
3 Features 
---------------------------------------------------------------------*/
.iq-features { 
  background: -moz-webkit-linear-gradient(0deg, rgb(17 18 64) 0%, rgb(16 17 63) 100%);
  background: -webkit-linear-gradient(0deg, rgb(17 18 64) 0%, rgb(16 17 63) 100%);
  background: -ms-linear-gradient(0deg, rgb(17 18 64) 0%, rgb(16 17 63) 100%);
  position: relative; margin-top: 100px; }
.iq-features::before { height: 180px; width: 100%; position: absolute; top: -85px; left: 0; -ms-transform: skewY(-5deg); /* IE 9 */ -webkit-transform: skewY(-5deg); /* Safari 3-8 */ transform: skewY(-5deg); 
  background: -moz-linear-gradient(0deg, rgb(17 18 64) 0%, rgb(16 17 63) 100%);
  background: -webkit-linear-gradient(0deg, rgb(17 18 64) 0%, rgb(16 17 63) 100%);
  background: -ms-linear-gradient(0deg, rgb(17 18 64) 0%, rgb(16 17 63) 100%); content: ""; }
.iq-features::after { height: 180px; width: 100%; position: absolute; bottom: -40px; left: 0; -ms-transform: skewY(-5deg); /* IE 9 */ -webkit-transform: skewY(-5deg); /* Safari 3-8 */ transform: skewY(-5deg); 
  background: -moz-linear-gradient(0deg, rgb(17 18 64) 0%, rgb(16 17 63) 100%);
  background: -webkit-linear-gradient(0deg, rgb(17 18 64) 0%, rgb(16 17 63) 100%);
  background: -ms-linear-gradient(0deg, rgb(17 18 64) 0%, rgb(16 17 63) 100%); content: ""; z-index: -1; }
.feature-img { z-index: 2; position: relative; }
.feature-one { position: absolute; top: -67px; left: 50px; z-index: 1; }
.feature-two { position: absolute; bottom: -50px; right: 50px; z-index: 3; }
.feature1 { padding-bottom: 100px; }
.product-feature .feature1 { padding-bottom: 150px; }
.iq-featurebox { border: 1px solid #4e6378; padding: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;position: relative;z-index: 2; }
.features-img { position: relative; }
.features-img img {
    z-index: 2;
    position: relative;
}
.iq-features .container {
  z-index: 10;
  /* background: url('../../../papagroup.net/_next/static/media/bg.c406acc1.png') no-repeat 50%/contain; */
}
.feature1 .features-img:after { z-index:0;width: 54%; height: 2px; bottom: -110px; left: 0; margin: 0 auto; right: 0; transform: rotate(90deg); content: ' '; position: absolute; background-image: linear-gradient(to right, white 50%, transparent 0%); background-size: 10px 1px; background-repeat: repeat-x; background-position: 0% bottom; animation-name: iq-work-before; animation-duration: 20s; animation-timing-function: linear; animation-iteration-count: infinite; }
.feature1 .features-img.last-line:after { content: none; }
@keyframes iq-work-before {
  0% { background-position: 0% bottom; }
  100% { background-position: 100% bottom; }
}

/*-------------------------------------------------------------------
4 Awards 
---------------------------------------------------------------------*/
.iq-award { margin-top: -50px; }
.iq-awards { background: #ffffff; padding: 45px 30px; box-shadow: 0px 12px 53.01px 3.99px rgba(34, 31, 31, 0.1); -webkit-box-shadow: 0px 12px 53.01px 3.99px rgba(34, 31, 31, 0.1); -moz-box-shadow: 0px 12px 53.01px 3.99px rgba(34, 31, 31, 0.1); box-shadow: 0px 12px 53.01px 3.99px rgba(34, 31, 31, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.iq-awards-info { position: relative; overflow: hidden; }
.iq-awards-info::before { background: url("../images/bg/pattern1.png"); height: 90px; width: 40px; content: ""; position: absolute; left: 0; top: 0; background-size: 100% 100%; }
.iq-awards-info::after { background: url("../images/bg/pattern2.png"); background-size: 100% 100%; height: 90px; width: 40px; content: ""; position: absolute; right: 0; top: 0; }

/*---------------------------------------------------------------------
5 Blog
-----------------------------------------------------------------------*/
.iq-product-blog { padding-top: 200px; }
.main-blog {margin-bottom: 30px; background: #f9f9f9; -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; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
section.iq-blogs { overflow: hidden; }
.owl-carousel .main-blog {
    margin-bottom: 0;
}
.iq-blogs .owl-carousel.owl-drag .owl-item {
  margin-bottom: 50px;
}
/* .iq-blogs .item {
  padding: 0 20px;
} */
.iq-blogs  .blog-img { overflow: hidden; }
.iq-blogs  .blog-img img { width: 100%; overflow: hidden; transition: transform 0.5s; -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; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.iq-blogs .main-blog:hover .blog-img img { transform: scale(1.1); }
.main-blog:hover{border-color: #eaaa17;} .main-blog .blog-detail { padding: 30px 15px 15px; } */
.main-blog .blog-detail .blog-info { border-top: 1px solid #e1e1e1; padding: 10px 10px 10px; margin-top: 15px; display: inline-block; width: 100%; }
.main-blog .blog-detail .blog-info ul li { margin-right: 10px; }
.main-blog .blog-detail .blog-info ul li:last-child { margin-right: 0; }
.main-blog .blog-detail .blog-info ul li a i { color: #eaaa17; margin-right: 5px; -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; }
.main-blog .blog-detail .blog-info ul li a:hover i { color: #eaaa17; }
.main-blog .blog-detail a { font-family: 'Open Sans', sans-serif; font-weight: 600; }
.main-blog .blog-detail a:hover h6, .iq-blogs .main-blog:hover a h6 { color: #eaaa17; }
.main-blog .blog-detail h6 { margin-bottom: 5px; }
.main-blog  .blog-info ul li a { line-height: 50px; }
.main-blog .blog-detail .blog-info a span { color: #12203c; }
.iq-blogs .blog-one { width: 18%; position: absolute; right: 0px; bottom: 0; overflow: hidden; }
.iq-blogs .owl-carousel .owl-nav { top: auto; bottom: 0px; }
.blog-left { position: absolute; left: 0; top: 0; }
.reply-btn { color: #12203c; font-family: 'Open Sans', sans-serif; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 700; }
.reply-btn i { vertical-align: middle; }
.iq-blogs .blog-img .comments-box img { width: auto; }
.main-blog .blog-detail .blog-info .user-img { width: 50px; display: inline-block; }
.iq-blogs .media a h6:hover { color: #eaaa17 }
.blog-title { font-size: 32px; }
.iq-blogs .iq-widget-search a { position: absolute; right: 15px; color: #ffffff; cursor: pointer; width: 43px; height: 43px; line-height: 43px; background: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); background: -webkit-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); background: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); font-size: 18px; border-radius: 90px; top: 10px; text-align: center; }
.iq-blogs .iq-widget-search input { height: 62px; box-shadow: none;}
.iq-blogs img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.iq-sidebar-widget li a { color: #12203c; }
.iq-sidebar-widget ul li a span { margin-top: 4px; width: 24px; height: 24px; display: inline-block; background: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); background: -webkit-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); background: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); line-height: 24px; text-align: center; border-radius: 90px; color: #ffffff; float: right; font-weight: normal; }
.blog-title-img { border: 2px dashed #d5d5d5; padding: 40px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.blog-title-img img { width: 120px; height: 120px; }
.iq-mt-80 { margin-top: 80px; }
.left-side-blog { padding-right: 20px; }
.right-side-blog { padding-left: 20px; }
.main-blog .blog-detail .blog-info .user-img { width: 50px; height: 50px; }
.left-side-blog .media img, .right-side-blog .media img { width: 80px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.blog-finding ul li a i { color: #eaaa17; margin-right: 5px; -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; }
.blog-finding ul li a { color: #868894; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.blog-finding ul li a:hover i { color: #eaaa17; }
.iq-blockquote { background: url("../images/bg/04.png") no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;background-size: 100% 100%; }
.iq-blockquote h5 { padding: 40px 50px 40px  100px; position: relative; z-index: 1; }
a.month-detail { color: #6b6e75; font-weight: 700; }
a.month-detail:hover{color:#eaaa17;}
.blog-finding ul { border-top: 1px solid #e4e4e4; padding-top: 15px; margin-top: 15px; display: inline-block; width: 100%; }
.comments-box { padding: 30px; border: 1px solid #e4e4e4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.comments-box img { width: 100px; }
.iq-tags li { padding-left: 2px; display: inline-block; padding-right: 2px; margin: 0 0 26px; }
.iq-tags li a { color: #868894; padding: 8px 15px; font-weight: 600; border: 1px solid #e4e4e4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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:#eaaa17;

   background-image: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
   background-image: -webkit-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); 
   background-image: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
    color: #ffffff; }
.iq-sidebar-widget li a:hover{color: #eaaa17; }

/*---------------------------------------------------------------------
6 Footer
---------------------------------------------------------------------*/
footer h5, footer h4 { font-weight: 500; }
footer.iq-footer.fshap { position: relative; background-color: #333333; padding-top: 50px;  background-size: 100% 100%; }
footer .footer-one { position: absolute; top: 250px; left: -50px; transform: rotate(-40deg); opacity: 0.5; }
footer.iq-footer.fshap::after { position: absolute;  content: ""; right: 0; bottom: 0; width: 678px; z-index: 1; }
footer ul li { list-style: none; }
footer .footer-top { z-index: 2; position: relative; }
footer .iq-contact li i, footer .iq-contact li p { display: inline-block; }
footer .iq-contact li i { margin-right: 5px; color: #ffffff; }
footer .footer-logo img { height: 40px; }
footer .social-icone ul li a { color: #ffffff; }
footer .social-icone ul li { padding-right: 20px; }
footer .row.justify-content-between a:hover, footer .row.justify-content-between a:focus { color: rgba(0, 0, 0, .5); }
footer  li a { color: #ffffff; }
footer  li a:hover, footer  li a:focus { color: #eaaa17; }
footer .social-icone ul li:nth-last-child(1) { padding-right: 0; }
.iq-font-18 { font-size: 18px; }
footer .form-inline .form-control { background: none; width: 425px; margin-right: 28px; margin-bottom: 0; }
.footer-subscribe { padding-bottom: 30px; }
footer ul.info-share li{width: auto;}
ul.info-share { margin-top: 30px; }
.info-share  li { display: inline-block; margin-right: 15px; }
.info-share  li a i { font-size: 30px; color: #ffffff; }
.info-share  li a:hover i { color: #eaaa17; }
/* .logo p { padding-right: 75px; } */
.list-technologies .type-technology{
  margin-bottom: 30px;
}

.list-technologies .type-technology h3 {
  margin-bottom: 15px;
  /* font-weight: 600; */
  /* font-style: italic; */
  display: inline-block;
  position: relative;
  font-size: 20px;
}

.type-technology .col-lg-2 {
  margin-bottom: 10px;
}

.list-technologies .type-technology h3:after {
  content: '';
  height: 3px;
  left: 0;
  bottom: -3px;
  width: 55px;
  background: #12203c;
  position: absolute;
}

.type-technology-mobile img{
  width: 100%;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.type-technology-mobile .item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.type-technology .item {
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.type-technology .item:hover {
  -webkit-box-shadow: 3px 6px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 3px 6px 12px 0 rgba(0, 0, 0, 0.1);
}
.type-technology .item img {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.type-technology .item:hover img {
  /* transform: rotate(10deg);
  -webkit-transform: rotate(10deg); */
}
/*---------------------------------------------------------------------
7 Team
-----------------------------------------------------------------------*/
.iq-team:hover .iq-team-info { bottom: 0; }
.iq-team { position: relative; overflow: hidden; }
.iq-team .iq-team-info { padding: 20px; display: inline-block; width: 100%; }
.iq-team .iq-team-info span { font-family: 'Open Sans', sans-serif; font-weight: 600; }
.iq-team .share { background: none; position: absolute; right: -65px; top: 30%; width: 50px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.iq-team:hover .share { right: 20px; }
.iq-team .share ul li { margin: 5px 0; text-align: center; }
.iq-team .share ul li a { color: #ffffff; width: 30px; height: 30px; line-height: 30px; background: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); background: -webkit-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); background: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%); color: #ffffff; border-radius: 90px; text-align: center; display: inline-block; }
.iq-team .share ul li a:hover { color: #ffffff; }
.iq-team .iq-team-img { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.iq-team .iq-team-img img { width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: 1s ease; overflow: hidden; }
.iq-team:hover .iq-team-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); transition: 1s ease; }
.iq-team .iq-team-img::before { background: rgba(0, 0, 0, 0.5); position: absolute; height: 100%; width: 100%; left: 0; top: 0; content: ""; z-index: 1; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.iq-team:hover .iq-team-img::before { opacity: 1; }
.iq-team .share { z-index: 2; }
.iq-team .share ul { list-style: none; position: relative; padding: 5px 0 0 0; background: #ffffff; }
.iq-team .share ul::before { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #ffffff; position: absolute; bottom: -25px; content: ""; }

/*---------------------------------------------------------------------
8 Breadcrumb 
---------------------------------------------------------------------*/
.iq-breadcrumb { padding: 250px 0px 0px; background: url("../images/background_1.png") no-repeat 0 0; background-size: 100% 100%; }
.iq-breadcrumb.service, .iq-breadcrumb.blog, .iq-breadcrumb.carrer {
  background: none;
  position: relative;
}
.iq-breadcrumb.service:before,
.iq-breadcrumb.blog:before,
.iq-breadcrumb.carrer:before {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  right: 0;
  top: 0;
  z-index: -2;
  background: url("../images/services.png") no-repeat 0 0;
}
.iq-breadcrumb.service:after, 
.iq-breadcrumb.blog:after,
.iq-breadcrumb.carrer:after {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  right: 0;
  top: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
}
.iq-breadcrumb .container-fluid { padding: 0 90px; }
.iq-breadcrumb nav { display: inline-block; }
.breadcrumb-image { margin-top: -150px }
.breadcrumb-item a{color: #ffffff;}
.breadcrumb-item.active { background: #eaaa17; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.breadcrumb-item.active::before, .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; -webkit-text-fill-color: #ffffff; }
.iq-breadcrumb h2 { font-weight: 600; font-size: 30px; }
.breadcrumb { background: #112942; padding: 10px 30px; font-family: 'Open Sans', sans-serif; margin-bottom: 0; }
.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: #ffffff; }
.iq-breadcrumb.text-left .breadcrumb li a, .iq-breadcrumb.text-left .breadcrumb-item+.breadcrumb-item::before { color: #464855; margin-bottom: 0; }
.iq-breadcrumb .breadcrumb li a:hover{ color: #eaaa17; }
/*---------------------------------------------------------------------
9 Tab
---------------------------------------------------------------------*/
.iq-tab .nav-item { width: 100%; }
.iq-tab .nav-item a { background: #ffffff; color: #12203c; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 700; padding: 15px 10px; margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; border: inherit; }
.iq-tab .nav-pills .nav-link { border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 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: #eaaa17;
  color: #ffffff; 
}

/*contact us*/
.contact_us_wrapper {
  background-image: url("images/bg-featured-list.html");
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.contact_us {
  padding: 0px 16px;
}

.contact_us .content_left {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 3%;
}

.contact_us .content_left .heading {
  color: #0C2152;
  font-weight: bold;
  font-size: 36px;
  line-height: 136%;
  margin-bottom: 32px;
}

.contact_us .content_left .message {
  color: #000B25;
  font-size: 18px;
  line-height: 144%;
  margin-bottom: 32px;
}

.contact_us .content_left .contact_infos .item {
  margin-right: 32px;
}

.contact_us .content_left .contact_infos .title {
  color: #000B25;
  font-size: 18px;
  line-height: 144%;
  margin-bottom: 6px;
  font-weight: bold;
}

.contact_us .content_left .contact_infos .content {
  color: #000B25;
  font-size: 16px;
  line-height: 144%;
  margin-bottom: 32px;
}

.contact_us .content_left .title_action {
  color: #000B25;
  font-weight: bold;
  font-size: 18px;
  line-height: 144%;
  margin-bottom: 6px;
}

.contact_us .content_left .action a {
  width: calc(100%/2 - 32px);
  margin-right: 32px;
}
.contact_us .content_left .action a:last-child {
  margin-right: 0;
}

.contact_us .content_left .action .button_banner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* border-radius: 0; */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contact_us .content_left .action .button_banner .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
}

.contact_us .content_right {
  width: 45%;
  margin-left: 3%;
  border-radius: 16px;
  overflow: hidden;
  height: 385px;
}

.contact_us .content_right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .contact_us {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 48px 16px;
  }
  .contact_us .content_left {
    width: 100%;
    padding-right: 0;
  }
  .contact_us .content_left .heading {
    font-size: 28px;
    margin-bottom: 16px;
  }
  .contact_us .content_left .message {
    font-size: 17px;
    margin-bottom: 16px;
  }
  .contact_us .content_left .contact_infos {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contact_us .content_left .contact_infos .item {
    width: 100%;
    margin-right: 0;
  }
  .contact_us .content_left .contact_infos .item .content {
    margin-bottom: 16px;
  }
  .contact_us .content_left .action a {
    width: calc(100%/2);
  }
  .contact_us .content_left .action a:last-child {
    margin-right: 0;
  }
  .contact_us .content_left .action .button_banner {
    padding: 10px;
    font-size: 17px;
  }
  .contact_us .content_right {
    display: none;
  }

  
}

.iq-tab.horizontal .nav-item { width: 20.66%; text-align: center; margin-right: 15px;    display: inline-block; }
.iq-tab.horizontal .nav-item a { padding: 8px 10px; margin-bottom: 0; }
.iq-tab .nav-pills{    display: block;
    text-align: center;
    margin: 0 auto;}
.iq-blogs {
  background-image: url('../images/bg-featured-list.png');
}

.iq-blogs .item .main-blog {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.iq-blogs .main-blog:hover {
  -webkit-box-shadow: 3px 6px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 3px 6px 12px 0 rgba(0, 0, 0, 0.1);
}
.iq-ourteams .avata {
  border: 3px solid #eaaa17;
  padding: 3px;
  border-radius: 10px;
} 
.iq-ourteams .avata img {
  border-radius: 5px;
}
.slick-dots {
  display: flex;
  justify-content: center;
}

.slick-dots li {
  display: inline-block;
  padding: 3px;
}

.iq-testimonial .owl-carousel button.owl-dot{
  width: 10px;
  height: 10px;
  font: inherit;
  background: #111341;
  margin: 0 3px;
  opacity: 0.54;
  border-radius: 50%;
}
.iq-testimonial .owl-carousel button.owl-dot.active {
  opacity: 1;
}
.iq-testimonial .owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
}
/*---------------------------------------------------------------------
10 login and register form
-----------------------------------------------------------------------*/
.iq-login-regi { padding: 180px 0 80px 0; overflow: hidden; }
.iq-login-regi .iq-login { padding: 30px 30px; background-position: left center; background-attachment: fixed; background-repeat: repeat; border: 2px solid #eaaa17; border-radius: 10px; }
.iq-login-regi h5 { font-weight: 600; }
.iq-login-regi h5 i { color: #eaaa17; }
.iq-login-regi .iq-login span { font-size: 40px; }
.iq-login-regi .iq-login label { color: #222222; font-weight: 600; }
.iq-login-regi .iq-login form .form-control { border-radius: 10px; height: 52px; border: 2px solid #dedede; padding: 20px 20px; }
.iq-login-regi .iq-login form .form-control:focus { border-color: inherit; outline: 0; box-shadow: inherit; }
.iq-login-regi .iq-login form .button { margin:0 0 30px 0; width: 100%; }
.iq-login-regi .iq-login .link { color: #222222; font-weight: 600; }
.iq-login-regi .iq-media li { display: inline-block; list-style: none; padding: 0; margin: 0 18px 8px 0; }
.iq-login-regi .iq-media li a { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ffffff; }
.iq-login-regi .iq-media li a.fb { background: #3d5f9a; }
.iq-login-regi .iq-media li a:hover.fb { background: #547abb; }
.iq-login-regi .iq-media li a.tw { background: #44c0f3; }
.iq-login-regi .iq-media li a:hover.tw { background: #0faef0; }
.iq-login-regi .iq-media li a.gplus { background: #dd4b39; }
.iq-login-regi .iq-media li a:hover.gplus { background: #bd3221; }
.iq-login-regi .iq-media li a.lkd { background: #0077B5; }
.iq-login-regi .iq-media li a:hover.lkd { background: #008fda; }
.iq-login-regi form .form-group { margin-bottom: 25px; }
.iq-login-regi .link a:hover { text-decoration: underline !important; }
.error img { margin-top: 80px; }
.iq-login-regi .iq-login form .email-bg { background-color: #ffff; border: 2px solid #dedede; border-radius: 5px; }
.iq-login-regi .iq-login form .email-bg:focus { border: 2px solid #eaaa17; color: #222 }

/*---------------------------------------------------------------------
11 contact page
-----------------------------------------------------------------------*/
.iq-contactbox .contact-box {
  /* background: #ffffff;
  border-radius: 12px;
  box-shadow: 4px 8px 35px #ebebeb;
  margin-left: 30px; */
  /* padding: 32px; */
  display: flex;
  flex-direction: column
 }
.iq-contactbox .contact-box input,
.iq-contactbox .contact-box textarea { 
  width: 100%;
  border-radius: 12px;
  padding: 20px 25px;
  border: none;
  outline: none;
  -webkit-appearance: none;
  font-size: 16px;
  box-shadow: 0 3px 10px rgba(0,0,0,.09019607843137255);
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.09019607843137255);
  -moz-box-shadow: 0 3px 10px rgba(0,0,0,.09019607843137255);
  -o-box-shadow: 0 3px 10px rgba(0,0,0,.09019607843137255);
  outline: none !important; width: 100%;  padding: 5px 20px; 
  position: relative;
}

  .iq-contactbox .contact-box input{
    height: 52px;
  }
.iq-contactbox .contact-box input::placeholder {
  color: #c1c2c5;
  opacity: 1; /* Firefox */
}

  .iq-contactbox .contact-box input:-ms-input-placeholder {
  color: #c1c2c5;
}

.iq-contactbox .contact-box input::-ms-input-placeholder {
  color: #c1c2c5;
}
.iq-contactbox .contact-box input:hover, .iq-contactbox .contact-box input:focus, .iq-contactbox .contact-box textarea:focus, .iq-contactbox .contact-box textarea:hover {  }
.iq-contactbox .no-spec { padding: 0; }
.iq-contactbox iframe { height: 330px; }
.iq-contactbox .contact-box textarea { width: 100%;
  border-radius: 12px;
  padding: 20px 25px;
  border: none;
  outline: none;
  font-size: 16px;
  box-shadow: 0 3px 10px rgba(0,0,0,.09019607843137255);
  outline: none !important; width: 100%;  padding: 5px 20px; }
  .error {
    color : #b70000;
  }
/* .iq-contactbox .contact-box .button { margin-top: 20px; } */
.contact-footer { padding: 60px 0 30px; }
.iq-contact { position: relative; margin: 20px 0; }
.iq-contact li { list-style: none; padding: 0; margin: 0px 5px; font-size: 14px; margin-bottom: 10px; float: left;width: 100%;}
.iq-contact h5.small-title { margin-bottom: 10px; }
.iq-contact p { display: table; margin-bottom: 0px; padding-left: 5px; }
.iq-contact i { float: left; color: #12203c; display: table-cell; width: 30px; line-height: 35px; font-size: 18px; }
.iq-contactbox form { border: none; padding: 30px 0; }
.iq-contactbox h3 { font-size: 36px; }
/* .iq-contactbox p { font-weight: 600; } */
.iq-contact-infobox { background: url("../images/bg/05.png"); }
.iq-contact-infobox .info-share li a i { color: #12203c; }
.iq-contact-infobox .info-share li a:hover i { color: #eaaa17; }
.iq-contact-infobox .contact-bg { border-radius: 5px; background: #ffffff; padding: 40px 40px; }

/*---------------------------------------------------------------------
12 Challanges
---------------------------------------------------------------------*/
.iq-challange-box { padding: 75px 30px 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; border: 2px dashed #d5d5d5; border-bottom: none; background: #ffffff; }
.iq-challange-box::before { border-top: 2px dashed #d5d5d5; position: absolute; bottom: -24px; left: 0; transform: rotate(15deg); left: 0; content: ""; width: 50%; }
.iq-challange-box::after { border-top: 2px dashed #d5d5d5; position: absolute; right: 0; bottom: -24px; content: ""; width: 50%; transform: rotate(-15deg); }
.iq-challange-box:hover, .iq-challange-box:hover::before, .iq-challange-box:hover::after { border-color: #eaaa17; }
.iq-challange-img { position: relative; }
.iq-challange-img::before { height: 140px; width: 140px; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; background: #f2f2f2; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; content: ""; top: 0; }
.info-box { position: relative; z-index: 2; }
.iq-challange-img img { z-index: 1; position: relative; -webkit-animation: bounce 5s infinite alternate; }

/*---------------------------------------------------------------------
13 Partner
---------------------------------------------------------------------*/
/* .iq-partner { padding-top: 250px; } */
.iq-patner-item.circle { position: relative; width: 233px; height: 233px; border-radius: 50%;text-align: center;margin:0 auto; }
.iq-patner-item.circle.effect6 .img { opacity: 1; padding: 100px 0; width: 233px; margin: 0 auto; height: 233px; text-align: center; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.iq-patner-item.circle.effect6.colored .info { background: #1a4a72; }
.iq-patner-item.circle.effect6 .info { opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; position: absolute; left: 0; top: 0; padding: 90px 50px; text-align: center; }
.iq-patner-item.circle.effect6 .info::before { background: url("../images/partner/bg.png"); opacity: 0.2; filter: alpha(opacity=20); /* For IE8 and earlier */ height: 100%; width: 100%; content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; left: 0; top: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.iq-patner-item.circle.effect6 .info a { color: #12203c; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 18px; }
.iq-patner-item.circle.effect6.scale_up .info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.iq-patner-item.circle.effect6.scale_up:hover .img { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.iq-patner-item.circle.effect6.scale_up:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

/*---------------------------------------------------------------------
14 Testimonial
---------------------------------------------------------------------*/
.big-text { color: #eaaa17; font-size: 50px; }
.author { text-align: center; margin: 0 auto; }
.author-img { display: inline-block; }
.author-info { display: inline-block; text-align: left; margin-left: 15px; }
.testimonial { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 50px 15px 0px; position: relative; margin-bottom: 70px; border-bottom: none; }
.testimonial::before {
  content: '';
    width: 100%;
    left: 0;
    right: 0;
    height: 60px;
    bottom: -60px;
    display: inline-block;
    position: absolute;
    border: 30px solid transparent;
    border-top: 30px solid #fff;
}
.author-img img { width: 50px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }

/*---------------------------------------------------------------------
15 services
---------------------------------------------------------------------*/
.iq-services { 
  padding: 30px 20px;
  margin-bottom: 30px;
  background: #fff;
  border-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.iq-services h5 {
  margin-bottom: 20px;
}
.jp_version .iq-services p {
  height: 86px;
}
.iq-services p {
  height: 126px;
}

.iq-services:hover { color: #fff; 
  background: -webkit-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(234 170 23) 100%);
  background: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(234 170 23) 100%);
  background: linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(234 170 23) 100%);
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.flaticon { color: #eaaa17; }
.flaticon::before { margin: 0; font-size: 75px; line-height: 75px; }
.iq-services:hover h5, .iq-services:hover .flaticon { color: #ffffff; }

/*---------------------------------------------------------------------
16 Coming Soon 
---------------------------------------------------------------------*/
.coming-height { min-height: 800px; vertical-align: middle; }
.iq-coming .big-text { font-size: 80px; text-transform: uppercase; color: #ffffff; font-weight: 900; line-height: 100px; font-family: 'Open Sans', sans-serif; }
.iq-coming img { width: 140px; }
.iq-coming form .form-control { background: rgba(255, 255, 255, 0.5); border: none; }
.iq-coming form .form-control { margin-bottom:0;background:  #ffffff;  border: none; height: 45px; padding: 0 15px 0 15px; outline: none !important; box-shadow: inherit; width: 280px; border-radius: 90px 0 0 90px; }
.iq-coming form::-webkit-input-placeholder {  color: #ffffff; }
.iq-coming form:-ms-input-placeholder {   color: #ffffff; }
.iq-coming form::-moz-placeholder {    color: #ffffff; opacity: 1; }
.iq-coming form:-moz-placeholder {     color: #ffffff; opacity: 1; }
.iq-coming form .button { box-shadow: inherit; border: none; padding: 0 15px; border-radius: 0 90px 90px 0; height: 45px; cursor: pointer;  }
.iq-coming .countdown-timer { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; max-width: 300px; margin: 50px auto; border-bottom-left-radius: 15px; }
.iq-coming .countdown-timer h5 { font-size: 14px; letter-spacing: 0.5px; text-align: center; padding-top: 10px; text-shadow: none; }
.iq-coming .countdown-timer .timer { padding: 10px; text-align: center; padding-top: 15px; }
.iq-coming .countdown-timer .timer .timer-wrapper { display: inline-block; width: 200px; height: 50px; }
.iq-coming .countdown-timer .timer .timer-wrapper .time { font-size: 80px; font-weight: bold; color: #33333a; margin: 0 50px; float: left; }
.iq-coming .countdown-timer .timer .timer-wrapper .text { font-size: 20px; }
.iq-coming #countdown { list-style: none; margin: 20px 0 30px 0; padding: 0; text-align: center; display: inline-block; }
.iq-coming #countdown li { display: inline-block; margin: 0 20px; }
.iq-coming #countdown li span { font-size: 50px; font-weight: 800; line-height: 80px; color: #ffffff; position: relative; }
.iq-coming #countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin: 16px 0px; color: #ffffff; }
.iq-coming #countdown li h6 { color: #ffffff; font-size: 20px; padding-right: 30px; }
.iq-coming .particles-bg { position: relative; overflow: hidden; }
.iq-coming .particles-bg #canvas { position: absolute; display: block; color: rgba(255, 255, 255.0.9); }
.iq-coming #countdown li p { font-size: 16px; font-weight: 600; line-height: 24px; color: #ffffff; }
.iq-coming #countdown li span:after { position: absolute; right: -30px; top: 0; content: ":"; font-size: 50px; color: #ffffff; line-height: 50px; }
.iq-coming #countdown li:last-child  span:after { content: none; }


/*---------------------------------------------------------------------
Register Page
---------------------------------------------------------------------*/
.iq-registertbox .register-boxes input:hover, .iq-registertbox .register-boxes  input:focus, .iq-registertbox .register-boxes  textarea:focus, .iq-registertbox .register-boxes  textarea:hover { border: 2px solid #46c894; }

/*---------------------------------------------------------------------
Login Page
---------------------------------------------------------------------*/
.iq-loginbox .login-boxes input:hover, .iq-loginbox .login-boxes input:focus, .iq-loginbox .login-boxes textarea:focus, .iq-loginbox .login-boxes textarea:hover { border: 2px solid #46c894; }

/*---------------------------------------------------------------------
Error 404

---------------------------------------------------------------------*/

/*---------------------------------------------------------------------
cookie
-----------------------------------------------------------------------*/
#cookie_div { background: #222222; color: #ffffff; position: fixed; bottom: 0; left: 25%; width: 50%; padding: 8px 20px; display: none; z-index: 999; -webkit-box-shadow: -1px -5px 21px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow: -1px -5px 21px 1px rgba(0, 0, 0, 0.12); box-shadow: -1px -5px 21px 1px rgba(0, 0, 0, 0.12); border-radius: 10px; }
#cookie_div .button { float: right; padding: 5px 20px; font-size: 12px; margin-top: 3px; line-height: 16px; font-weight: 800; border-radius: 10px; letter-spacing: 1px; }

.logo.logo_sm {
  display: none;
}
@media (max-width: 676px) {
  p.tp-caption.tp-resizeme {
    font-size: 7.5px !important;
    line-height: 13px !important;
  }
  .logo.logo_sm {
    display: inline-block !important;
  }
  .logo {
    display: none !important;
  }
}

.main-blog .blog-img {
  height: 205px;
  background-size: cover !important;
  background-position: center center !important;
}

.iq-tab.horizontal .nav-item a {
  box-shadow: 0px 13px 12px #0000000f;
  border: 1px solid #f7f7f7;
}
.iq-tab.horizontal .nav-item a {
  font-size: 1.1em;
  font-weight: 800;
}


.forcefullwidth_wrapper_tp_banner {
  height: 100vh !important;
}

section.ceo_info .content p {
  display: inline;
}
section.ceo_info .content a {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
section.ceo_info .content a:hover {
  color: rgb(234 170 23) !important;
}
section.ceo_info .content p.title {
  margin-bottom: 0.35em;
}
.jp_version .iq-tab .nav-pills {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .type-technology .col-lg-2 {
    text-align: center;
  }
  .forcefullwidth_wrapper_tp_banner,
  .wrap-slider {
    height: 60vh !important;
  } 
  .iq-services p,
  .jp_version .iq-services p {
    height: auto;
  }
  .wrap-slider {
    display: flex;
    justify-content: center;
    flex-flow: column;
  }
  .wrap-slider * {
    position: relative !important;
    top: auto !important;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 
               1px 1px 1px rgba(0, 0, 0, 0.6);
  }

  .wrap-slider .tp-caption {
    font-size: 1.35em !important;
    margin-top: 2.5em !important;
    margin-bottom: 1em !important;
    white-space: normal !important;
    text-transform: capitalize;
  }

  .wrap-slider .tp-parallax-wrap:nth-child(2) .tp-caption {
    font-size: 14px !important;
    white-space: normal !important;
    margin-top: 0px !important;
    padding-right: 40px !important;
    line-height: 24px !important;
  }

  .wrap-slider .tp-parallax-wrap:nth-child(3) .tp-caption {
    display: inline-block !important;
    margin-top: 1em !important;
    font-size: 14px !important;
    padding: 13px 26px !important;
  }
  section.ceo_info .ceo_wrapper {
    padding: 10px;
    padding-top: 30px;
  }
  section.ceo_info .image {
    width: 100%;
    position: relative;
    top: -20px;
  }
  section.ceo_info .content h2 {
    padding-top: 20px;
  }

  section.ceo_info .content  strong {
    font-size: 15px;
  }

  section.ceo_info .content a {
    text-align: center;
    display: inline-block;
    margin: 10px 0;
    width: 100%;
  }
  header .logo { height: 53px; width: auto !important }
}