/*
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  Client Section
4  How It Worka
5  About Us
6  Usecase
7  Where Use
8  Testimonial
9  Event
10 Solution
11 Technology
12 Blog
13 Footer
14 Team
15 Breadcrumb
16 Tab
17 Login and Register form
18 Contact page 
19 Blog Detail
20 Coming Soon

/*---------------------------------------------------------------------
1 Header
-----------------------------------------------------------------------*/
#fullpage { overflow: hidden; }
header.home { position: fixed; top: 0px; left: 0; }
header { background: #f5f5f5; padding: 15px 0; 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: relative; width: 100%; }
header .logo { width: 150px; display: block; }
header .logo-stiky { width: 100px; display: none; }
header .container-fluid { padding: 0 100px; }
header .navbar-light .navbar-nav .nav-item { margin: 0 20px; }
header .navbar-light .navbar-nav .nav-link { font-size: 14px; font-weight: 600; 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 { position: fixed; padding: 10px  0; top: 0; left: 0; display: inline-block; width: 100%; background: #ffffff; z-index: 999; }
header.menu-sticky .button.brd:hover { color: #ffffff; }
header .navbar-light .navbar-toggler { border-color: #dddddd; border-radius: 0; background: #ffffff; }
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: #666666; position: relative; padding: 0; font-size: 16px; }
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: #0467a4; }
header .navbar-light .navbar-nav .dropdown-menu { padding: 10px 20px; top: 50px; }
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 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: #1835a9; }
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: #fbb73d; 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{border-right: 1px solid #666666;}
.login li:last-child{border: none;}
.login li a {background: transparent; color: #666666;   text-transform: uppercase; font-size: 16px;}
.login li a:hover { color: #0467a4;}
header.menu-sticky .login li a { color: #444444; padding: 6px 10px }
header.menu-sticky .login li a:hover { color: #0467a4; }
.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; }

/*---------------------------------------------------------------------
1 Header sticky 
-----------------------------------------------------------------------*/
header.menu-sticky { background: #fff; position: fixed; z-index: 999; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); }
header.menu-sticky .navbar-light .navbar-nav li.active .nav-link, header.menu-sticky .navbar-light .navbar-nav li .nav-link:hover { color: #1835a9; }
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; }
header.menu-sticky .navbar-light .navbar-nav .dropdown-menu { top: 44px; }
header.menu-sticky #nav-content { top: 0px; }

/*-----------------
side Menu
-----------------*/
#nav-container { position: relative; float: right; }
#nav-container .bg { position: absolute; top: 50px; left: 0; width: 100%; height: calc(100% - 70px); visibility: hidden; opacity: 0; transition: .3s; background: #000; }
#nav-container:focus-within .bg { visibility: visible; opacity: .6; }
#nav-container * { visibility: visible; }
.nav-button { z-index: 1; position: relative; display: flex; flex-direction: column; justify-content: center; -webkit-appearance: none; border: 0; background: transparent; border-radius: 0; outline: 0; height: auto; width: 30px; cursor: pointer; pointer-events: auto; margin-left: 25px; touch-action: manipulation; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.icon-bar { display: block; width: 100%; height: 3px; background: #ffffff; transition: .3s; }
.icon-bar + .icon-bar { margin-top: 5px; }
#nav-container:focus-within .nav-button { /*pointer-events: none;*/ }
#nav-container:focus-within .icon-bar:nth-of-type(1) { transform: translate3d(0, 8px, 0) rotate(45deg); }
#nav-container:focus-within .icon-bar:nth-of-type(2) { opacity: 0; }
#nav-container:focus-within .icon-bar:nth-of-type(3) { transform: translate3d(0, -8px, 0) rotate(-45deg); }
#nav-content { z-index: 1; padding: 90px  30px; width: 300px; max-width: 300px; position: fixed; text-align: left; top: 0; right: -300px; height: 100%; background: #000000; pointer-events: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
#nav-content ul { height: 100%; display: flex; flex-direction: column; padding-left: 0; }
#nav-content ul li { list-style: none; color: #ffffff; }
#nav-content li a { padding: 10px 5px; display: block; text-transform: uppercase; transition: color .1s; text-align: left; color: #ffffff; }
#nav-content li a:hover { color: #fbb73d; }
#nav-content li:not(.small) + .small { margin-top: auto; }
.small { display: flex; align-self: center; }
.small a { font-size: 12px; font-weight: 400; color: #888; }
.small a + a { margin-left: 15px; }
#nav-container.menu-opened .nav-button { position: fixed; right: 30px; z-index: 999; top: 30px; }
#nav-container.menu-opened #nav-content { right: 0; z-index: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }

/*---------------------------------------------------------------------
Logo Change
-----------------------------------------------------------------------*/
header .navbar-toggler:not(:disabled):not(.disabled) { background: #f5f5f5; }

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

/*---------------------------------------------------------------------
2 Banner
-----------------------------------------------------------------------*/
.video-btn{width: 70px; height:70px; border-radius: 90px; line-height: 70px; display: inline-block; position: absolute; border: 2px solid #9999; text-align: center;top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) ; cursor: pointer;}
.video-btn i{font-size: 30px; line-height: 70px; color: #9999;}
.banner-box{position: absolute;top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)}
.login {
    font-weight: 600;
    display: inline-block;
    letter-spacing: 1px;
    color: #ffffff;
}
.login li a {
    background: transparent;
    color: #666666;
    text-transform: uppercase;
    font-size: 16px;
}
.index .main-content { overflow: hidden; }
.banner { padding: 0; position: relative; overflow: hidden; background-color: #f5f5f5; }
.button-banner:hover, .button-banner:focus { background-color: #ffffff; }
.banner .banner-text { padding-top: 15%; position: relative; }
.banner ul.banner-list li { list-style: none; padding-left: 40px; position: relative; line-height: 40px; }
.banner ul.banner-list li::before { background: #ffffff; border-radius: 90px; position: absolute; left: 2px; top: 12px; padding: 2px; width: 14px; height: 14px; content: ""; z-index: 1; }
.banner ul { margin-bottom: 30px; padding: 0; }
.banner ul.banner-list li::after { background: #ffffff; border-radius: 90px; opacity: 0.4; position: absolute; left: 0; top: 10px; width: 18px; height: 18px; content: ""; }
.banner a.link { color: #ffffff; line-height: 35px; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.banner a.link i { height: 35px; width: 35px; background: #ffffff; color: #fcc056; line-height: 35px; text-align: center; margin-right: 15px; }
.banner a.link:hover i { background: #1835a9; }
.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); }
}

/*---------------------------------------------------------------------
Section
-----------------------------------------------------------------------*/
#fullpage section { padding: 0; }

/*---------------------------------------------------------------------
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 service
-----------------------------------------------------------------------*/
/* .carousel.slides {
    width: 910px;
    height: 310px;
    margin: 0 0 0px 10px;
    position: relative;
    overflow: hidden;
}
 */
 .carouselLinks li a{padding-left: 30px; color: #666666;}
 .carouselLinks li a.two:before{
    right: 0;
    left: inherit;
 }
.carouselLinks li a.two{padding-right:30px; color: #666666;}
 .carouselLinks li a:before{    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 13px;
    border-radius: 90px;
    background: #0467a4;
    display: inline-block;}
.carousel.slides{min-height: 500px;}
.slideList {
    overflow: hidden;
    position: absolute;
    width: 486px;
    height: 525px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.slideList li {
    position: absolute;
    display: none;
    width:100%;
    padding: 30px;
    top: 0;
    left: 0;

}

.slideList li.active {
    display: block;
}

.carousel.slides .slideList ul {
    left: 0;
    width: 710px;
}

/**** Carousel Tabs ****/
.carouselLinks img.object-img{position: absolute;  top: 45%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
.carouselLinks li{list-style: none;}
.carouselLinks li:nth-child(1){
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.carouselLinks li:nth-child(2){
    position: absolute;
    right: 0px;
    top: 0px;
}
.carouselLinks li:nth-child(3){ position: absolute;
    left: 0px;
    top: 0px; text-align:right;}
.carouselLinks li:nth-child(4){
    position: absolute;
    left: 0px;
    bottom:0px;
    text-align: right;
}
/* .carousel.slides > .carouselLinks {
    float: left;
    border: 1px solid #999;
    height:auto;
    margin:0;
} */
.carousel.slides > .carouselLinks ul {
    position: static;
    width: auto;
}

/* .carousel.slides > .carouselLinks li {
    float: none;
    position: relative;
} */

.carousel.slides > .carouselLinks a {
    display: block;
    position: relative;
    /* position: absolute; */
    /* outline: 0;
    top: 35px; */
    width: 394px;
   /*  height: 75px;
    padding: 0;

    position: static;
 */}

.carousel.slides > .carouselLinks li a:hover {
    /* background: #ccc; */
}



.carousel.slides > .carouselLinks li.selected a h3{color:#0467a4; }
.carousel.slides > .carouselLinks li.selected a {
   color: #666666;
}
 /*---------------------------------------------------------------------
 scan
-----------------------------------------------------------------------*/
span.scan { animation: move 3s cubic-bezier(0.15, 0.44, 0.76, 0.64); background-color: #0467a4; content: ""; right: 0; left: 0; height: 1px; width: 400px; top: 0; margin: 0 auto; position: absolute; animation-iteration-count: infinite; transform: translateY(0%); animation-iteration-count: infinite; transition-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1.0, 0.1); }
@keyframes move {
    0% { transform: translateY(0); }
    100% { transform: translateY(450px); }
}
/* #slide_1 {
    background: blue;
    height: 300px;
}

#slide_2 {
    background: green;
    height: 300px;
}

#slide_3 {
    background: orange;
    height: 372px;
}

#slide_4 {
    background: red;
    height: 372px;
} */


/*----------------------------------------------------------------------
3 Client Section
----------------------------------------------------------------------*/
.index .iq-clients .container-fluid { padding: 0; }
ul.client-list { padding: 0; }
.client-list li { width: 16.66%; float: left; list-style: none; border: 1px solid #dedede; border-top: 0; border-left: 0; text-align: center; }
.iq-box { padding: 175px 30px; position: relative; float: left; width: 100%; overflow: hidden; }
.client-list li:nth-child(6), .client-list li:nth-child(12) { border-right: 0; }
.client-list li:nth-child(n+7) { border-bottom: 0; }
.client-list li .iq-client-box { display: none; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.client-list li  .iq-client-box img { position: relative; }
.client-list li .iq-box { height: 394px; position: relative; z-index: 99; -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; }
.client-list li  .iq-client-box::before { content: ""; background: #ffffff; width: 1px; height: 30px; position: absolute; top: 120px; left: 0; right: 0; margin: 0 auto; }
.client-list li .iq-box:before { position: absolute; opacity: 0; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(251, 183, 61, 0.9); content: ""; display: inline-block; }
.client-list li .iq-box:hover:before { opacity: 1; }
.client-list li .iq-box.box-bg-1:hover { padding: 74px 30px; background: url("../images/clients/bg1.jpg"); }
.client-list li .iq-box.box-bg-2:hover { padding: 74px 30px; background: url("../images/clients/bg2.jpg"); }
.client-list li .iq-box.box-bg-3:hover { padding: 74px 30px; background: url("../images/clients/bg3.jpg"); }
.client-list li .iq-box.box-bg-4:hover { padding: 74px 30px; background: url("../images/clients/bg4.jpg"); }
.client-list li .iq-box.box-bg-5:hover { padding: 74px 30px; background: url("../images/clients/bg5.jpg"); }
.client-list li .iq-box.box-bg-6:hover { padding: 74px 30px; background: url("../images/clients/bg6.jpg"); }
.client-list li .iq-box.box-bg-7:hover { padding: 74px 30px; background: url("../images/clients/bg7.jpg"); }
.client-list li .iq-box.box-bg-8:hover { padding: 74px 30px; background: url("../images/clients/bg8.jpg"); }
.client-list li .iq-box.box-bg-9:hover { padding: 74px 30px; background: url("../images/clients/bg1.jpg"); }
.client-list li .iq-box.box-bg-10:hover { padding: 74px 30px; background: url("../images/clients/bg2.jpg"); }
.client-list li .iq-box.box-bg-11:hover { padding: 74px 30px; background: url("../images/clients/bg3.jpg"); }
.client-list li .iq-box.box-bg-12:hover { padding: 74px 30px; background: url("../images/clients/bg4.jpg"); }
.client-list li .iq-box:hover  .iq-client-box img { margin-bottom: 90px; }
.client-list li .iq-box:hover  .iq-client-box { display: block; -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; }
.client-list li .iq-box:hover .clients-img { display: none; }
.client-list li .iq-client-box { position: relative; z-index: 2; }
.clients-box { padding: 20px 10px; border: 1px solid #ffffff; border-radius: 10px; position: relative; top: 0; -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; }
.clients-box:hover { border: 1px solid #ffffff; top: -6px; -webkit-box-shadow: 0px 10px 46px -4px rgba(70, 200, 148, 0.5); -moz-box-shadow: 0px 10px 46px -4px rgba(70, 200, 148, 0.5); box-shadow: 0px 10px 46px -4px rgba(70, 200, 148, 0.5); }
.iq-clients .owl-carousel .owl-item { padding: 10px 10px 20px 10px; }
.iq-clients .owl-carousel .owl-item img { width: inherit; display: inherit; }

/*---------------------------------------------------------------------
4 How It Works
---------------------------------------------------------------------*/
.iq-works-title { padding-bottom: 100px; }
.iq-works-title h2 { text-align: left; }

/*---------------------------------------------------------------------
5 About Us
---------------------------------------------------------------------*/
.iq-about h2 { text-align: left; }
.iq-about .left { padding-right: 50px; }
.iq-about .right { padding-left: 70px; }
.iq-aboutus .container { border: 1px solid #f2f2f2; }
.iq-about-details { margin-top: -60px; padding: 30px; background: #ffffff; float: left; width: 100%; margin-bottom: 100px; }
.iq-about-box { padding: 30px; margin-right: 30px; }
.iq-about-tab { padding: 0  30px; margin-bottom: 100px; }
.iq-tabs { margin-bottom: 80px; }
.iq-tabs li { width: 50%; text-align: center; background: none; }
.iq-tabs li a.nav-link { font-size: 18px; color: #000000; padding: 0 0 20px 0; border-bottom: 1px solid #f2f2f2; font-weight: 900; border-radius: 0; }
.iq-tabs li a span { color: #1835a9; height: 35px; width: 35px; text-align: center; line-height: 35px; display: inline-block; background: #ffffff; border-radius: 90px; box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.1); margin-right: 15px; }
.iq-tabs li a.nav-link.active { background: none; color: #000000; border-color: #fbb73d; }
.iq-tabs li a.nav-link.active span { background: #fbb73d; color: #ffffff; }
.tab-pane img { width: 100%; }
.iq-client-block { padding: 0 30px; float: left; width: 100%; }
.iq-client-block .client-list li { width: 25%; border-color: #eeeeee; }
.iq-client-block  .client-list li:nth-child(6), .iq-client-block  .client-list li:nth-child(12) { border-right: 1px solid #eeeeee; }
.iq-client-block  .client-list li:nth-child(4), .iq-client-block  .client-list li:nth-child(8) { border-right: 0; }
.iq-client-block .client-list li:nth-child(n+5) { border-bottom: 0; }
.iq-client-block  .client-list { margin-bottom: 30px; float: left; width: 100%; border: 1px solid #eeeeee; padding: 0; }

/*---------------------------------------------------------------------
6 Usecase
---------------------------------------------------------------------*/
.iq-usecase p { padding-right: 60px; }
.iq-usecase .icon { margin-bottom: 50px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.iq-usecase:hover .icon { margin-top: -10px; }

/*---------------------------------------------------------------------
7 Where use
---------------------------------------------------------------------*/
.iq-whereuse p { padding-right: 60px; }
.iq-whereuse .icon { margin-bottom: 50px; }
.iq-whereuse:hover h5 { color: #fcc056; }

/*---------------------------------------------------------------------
8 Testimonial
---------------------------------------------------------------------*/
.iq-testimonial .left { padding-right: 50px; text-align: left; }
.testimonial-info { position: absolute; right: -150%; width: 350px; top: 20%; text-align: left; display: block; z-index: 9999; }
.testimonial-info h2 { z-index: 2; position: relative; }
.testimonial-info h2::before { content: "\f10e"; font-family: "Font Awesome 5 Free"; position: absolute; z-index: -1; color: #f692207f; font-size: 114px; top: 0px; left: -15px; transform: rotatey(180deg); }
.testimonial-info p { line-height: 30px; }
.testimonial-info .social-icon li { margin-right: 15px; }
.testimonial-info .social-icon li a, .testimonial-info p, .testimonial-info h2 { color: #ffffff; }
.testimonial-info .social-icon li a:hover { color: #fcc056; }
.testimonial-info .social-icon ul { padding: 0; }

/*---------------------------------------------------------------------
9 Event
---------------------------------------------------------------------*/
.iq-event { position: relative; overflow: hidden; }
.swiper-container .swiper-container1 { width: 100%; height: 100%; }
.swiper-slide { background-size: 200% auto; text-align: left; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 30px; height: 350px; margin-right: 30px; padding: 120px 30px 30px; position: relative; background: url("../images/event/01.png"); }
.swiper-slide::before { content: ""; background: #000000; position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0.7; z-index: 1; }
.swiper-slide.slide1 { background: url("../images/event/01.png"); }
.swiper-slide.slide2 { background: url("../images/event/02.png"); }
.swiper-slide.slide3 { background: url("../images/event/03.png"); }
.swiper-slide.slide4 { background: url("../images/event/04.png"); }
.swiper-slide.slide5 { background: url("../images/event/05.png"); }
.swiper-slide.slide6 { background: url("../images/event/06.png"); }
.swiper-slide.slide7 { background: url("../images/event/07.png"); }
.swiper-slide.slide8 { background: url("../images/event/08.png"); }
.swiper-slide.slide9 { background: url("../images/event/09.png"); }
.swiper-slide.slide10 { background: url("../images/event/10.png"); }
.swiper-slide:hover { background-position: right center; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.swiper-container-horizontal>.swiper-scrollbar { position: relative; background: #ffffff; opacity: 1 !important; left: 0; }
.swiper-scrollbar-drag { background: #1835a9; }
.iq-event-info { position: relative; z-index: 2; }
.iq-event-info .date, .blogdetailbox .iq-blog-entry .blog-swiper-container1 .iq-event-info .date { line-height: 28px; color: #ffffff; font-size: 16px; width: auto; height: auto; }
.iq-event-info .date span { background: #ffffff; padding: 5px 15px; font-size: 14px; color: #000000; font-weight: 600; }
.blog-swiper-container1 { position: relative; float: left; width: 100%; height: auto; opacity: 1 !important; margin-top: 50px; overflow: hidden; }
.blog-swiper-container1.swiper-container-horizontal>.swiper-scrollbar { background: #eeeeee; width: 100%; margin-top: 30px; margin-bottom: 30px; z-index: 1; }
.blog-swiper-container1 .swiper-wrapper { height: 350px; }
.blog-swiper-container1 .swiper-scrollbar-drag { height: 5px; top: -38px; z-index: 1; background: #1835a9 }

/*---------------------------------------------------------------------
10 Solution
-----------------------------------------------------------------------*/
.iq-solution-details { padding: 50px 30px; margin-top: -60px; position: relative; background: #ffffff; border: 1px solid #f2f2f2; }
.iq-solution-details h2 { font-size: 36px; }
.iq-solution-info { padding: 0px 0px 150px; float: left; width: 100%; }

/*---------------------------------------------------------------------
11 Technology
-----------------------------------------------------------------------*/
.iq-technology .container { border: 1px solid #f2f2f2; }
.iq-technology-details { padding: 60px 40px; margin-top: -60px; position: relative; background: #1835a9; border: 1px solid #1835a9; margin-bottom: 150px; }
.iq-technology-details::before { background: url("../images/bg/01.png"); content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: -2px; }
.listing { padding-left: 0px; }
.listing li { line-height: 40px; font-weight: 600; font-size: 18px; margin-bottom: 15px; list-style: none; }
.listing li span { background: #fbb73d; border-radius: 90px; color: #ffffff; height: 35px; width: 35px; margin-right: 15px; text-align: center; vertical-align: middle; display: inline-block; line-height: 35px; }
.iq-technology-details .left { padding-right: 35px; position: relative; }
.iq-technology-details .left::before { background: #3e53af; width: 1px; height: 100%; content: ""; position: absolute; right: -50px; top: 0; }
.iq-technology-details .right { padding-left: 150px; }
.diff { background: #ffffff; height: 70px; width: 70px; text-align: center; position: absolute; right: -85px; top: 40%; }
.diff h5 { line-height: 75px; }
.iq-ai-part { padding: 30px; display: block; float: left; }
.iq-ai-part:hover h5 { color: #fcc056; }
.iq-ai-part  .icon { float: left; width: 20%; }
.iq-ai-part .icon img { width: 80px; }
.iq-ai-part .part-info { float: right; width: 80%; padding-left: 20px; }

/*---------------------------------------------------------------------
12 Blog
-----------------------------------------------------------------------*/
.iq-blog { position: relative; }
.iq-all-blogs { padding: 30px; margin-top: -60px; position: relative; background: #ffffff; border: 1px solid #f2f2f2; }
.blogs { text-align: left; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 30px; padding: 120px 30px 30px; position: relative; background: url("../images/blog/01.png"); }
.blogs::before { content: ""; background: #000000; position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0.7; z-index: 1; }
.blogs.blog1 { background: url("../images/blog/01.png"); }
.blogs.blog2 { background: url("../images/blog/02.png"); }
.blogs.blog3 { background: url("../images/blog/03.png"); }
.blogs.blog4 { background: url("../images/blog/04.png"); }
.blogs.blog5 { background: url("../images/blog/05.png"); }
.blogs.blog6 { background: url("../images/blog/06.png"); }
.blogs.blog7 { background: url("../images/blog/07.png"); }
.blogs.blog8 { background: url("../images/blog/08.png"); }
.blogs.blog9 { background: url("../images/blog/09.png"); }
.blogs.blog10 { background: url("../images/blog/10.png"); }
.iq-blog-info { position: relative; z-index: 2; }
.iq-blog-info .date { line-height: 28px; color: #ffffff; }
.iq-blog-info .date span { background: #ffffff; padding: 5px 15px; font-size: 14px; color: #000000; font-weight: 600; }

/*---------------------------------------------------------------------
13 Footer
---------------------------------------------------------------------*/
footer .iq-subscribe { padding: 50px 0; }
footer .iq-subscribe-title { font-size: 36px; position: relative; }
footer .iq-subscribe-title::before { position: absolute; background: url(../images/bg/02.png) no-repeat; height: 150px; width: 100%; left: 0; top: -45px; content: ""; background-size: 50% 150%; }
.subscribe-form { float: right; position: relative; }
.subscribe-form input { background: none; border-color: #ffffff; width: 535px; margin-bottom: 0; height: 45px; }
.subscribe-form::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
color: #ffffff; }
.subscribe-form::-moz-placeholder {  /* Firefox 19+ */
color: #ffffff; }
.subscribe-form::-ms-input-placeholder {  /* IE 10+ */
color: #ffffff; }
.subscribe-form::-moz-placeholder {  /* Firefox 18- */
color: #ffffff; }
a.subscribe-btn { position: absolute; right: 0; top: 0; }
a.subscribe-btn i { margin: 0; width: 65px; height: 45px; line-height: 45px; }
a.subscribe-btn:hover i { background: #ffffff; color: #fcc056; }
.footer .container-fluid { padding: 0 30px; }
.footer .map { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); height: 740px; width: 100%; }
.footer .contact-form input, .footer .contact-form textarea { width: 100%; margin-bottom: 30px; border: 1px solid #e4e4e4; border-top: 0; border-left: 0; border-right: 0; color: #d9d9d9; }
.footer .iq-contact { float: left; width: 100%; position: relative; display: block; }
.footer .iq-contact .icon { width: 15%; display: inline-block; float: left; }
.footer .iq-contact .icon { font-size: 60px; color: #fbb73d; }
.footer .iq-contact ul { float: left; width: 85%; padding-right: 60px; padding-left: 0; }
.footer .iq-contact ul li { list-style: none; }
.footer .iq-contact ul li b { color: #000000; font-size: 18px; }
.footer .iq-contact ul li a { color: #666666; }
.footer .iq-contact ul li a:hover { color: #fbb73d; }
.copyright { padding: 15px 0; color: #666666; }

/*---------------------------------------------------------------------
14 Team
-----------------------------------------------------------------------*/
.iq-team:hover .iq-team-info { bottom: 60px; }
.iq-teams { float: left; width: 100%; padding: 0 30px; margin-bottom: 100px; }
.iq-team { position: relative; overflow: hidden; border-radius: 100%; }
.iq-team .iq-team-info { padding: 10px 20px; background: none; position: absolute; bottom: -150px; left: 0; display: inline-block; width: 100%; -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 .iq-team-info span { font-family: 'Josefin Sans', sans-serif; font-weight: 600; }
.iq-team .share ul li { margin: 0 5px; display: inline-block; }
.iq-team .share ul li a { color: #ffffff; width: 35px; height: 35px; line-height: 35px; background: #fbb73d; 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; height: 260px; width: 260px; }
.iq-team .iq-team-img img { width: 260px; height: 260px; border-radius: 100%; }
.iq-team .iq-team-img:before { content: ""; bottom: 0; opacity: 0; left: 0; position: absolute; width: 100%; height: 100%; background: #2a45ae; -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; border-radius: 100%; }
.iq-team:hover .iq-team-img:before { opacity: 0.9; }
.iq-team .share ul { list-style: none; padding: 0; margin-top: 30px; }

/*---------------------------------------------------------------------
15 Breadcrumb 
---------------------------------------------------------------------*/
.iq-breadcrumb { padding: 80px 0 150px 0; background: #f3efef;}
.iq-breadcrumb nav { display: inline-block; }
.iq-breadcrumb .breadcrumb { z-index: 86; text-align: left; position: relative; color: #666666; margin-bottom: 0; display: inline-block; width: 100%; background: none; padding: 10px 30px; }
.iq-breadcrumb .breadcrumb li { display: inline-block; }
.iq-breadcrumb .breadcrumb li a i { font-size: 18px; margin-right: 6px; }
.iq-breadcrumb .breadcrumb li, .iq-breadcrumb .breadcrumb li a:hover { color: #fcc056; }
.iq-breadcrumb .breadcrumb li a, .iq-breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: #666666; margin-bottom: 0; }

/*---------------------------------------------------------------------
16 Tab
---------------------------------------------------------------------*/
.iq-tab .nav-pills { background: #d8f3e8; padding: 8px; border: 1px solid #d8f3e8; 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: rgba(117, 205, 111, 1); background: -moz-linear-gradient(left, rgba(117, 205, 111, 1) 0%, rgba(70, 200, 148, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(117, 205, 111, 1)), color-stop(100%, rgba(70, 200, 148, 1))); background: -webkit-linear-gradient(left, rgba(117, 205, 111, 1) 0%, rgba(70, 200, 148, 1) 100%); background: -o-linear-gradient(left, rgba(117, 205, 111, 1) 0%, rgba(70, 200, 148, 1) 100%); background: -ms-linear-gradient(left, rgba(117, 205, 111, 1) 0%, rgba(70, 200, 148, 1) 100%); background: linear-gradient(to right, rgba(117, 205, 111, 1) 0%, rgba(70, 200, 148, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75cd6f', endColorstr='#fbb73d', GradientType=1); 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: 8px 10px; margin-bottom: 0; border-radius: 90px; }

/*---------------------------------------------------------------------
17 login and register form
-----------------------------------------------------------------------*/
.iq-login-form { background: #ffffff; margin-top: -60px; float: left; width: 100%; padding: 45px 30px; border: 1px solid #f2f2f2; }
.iq-login-regi .iq-login { padding: 30px 30px; background-position: left center; background-attachment: fixed; background-repeat: repeat; border: 2px solid #fbb73d; border-radius: 10px; }
.iq-login-regi h5 { font-weight: 600; }
.iq-login-regi h5 i { font-family: FontAwesome; color: #fbb73d; }
.iq-login-regi .iq-login span { font-size: 12px; }
.iq-login-regi .iq-login label { color: #222222; font-weight: 600; }
.iq-login-regi .iq-login form { margin-bottom: 30px; }
.iq-login-regi .iq-login form .form-control { height: 52px; }
.iq-login-regi .iq-login form .form-control:focus { outline: 0; box-shadow: inherit; }
.iq-login-regi .iq-login form .button { margin: 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; }

/*---------------------------------------------------------------------
18 contact page
-----------------------------------------------------------------------*/
.iq-contactbox .contact-box { background: #ffffff; }
.iq-contactbox .contact-box input { outline: none !important; width: 100%; height: 52px; }
.iq-contactbox .no-spec { padding: 0; }
.iq-contactbox .contact-bg { padding: 40px 40px; }
.iq-contactbox iframe { height: 330px; }
.iq-contactbox .contact-box textarea { outline: none !important; width: 100%; height: 80%; }
.iq-contactbox .contact-box .button { margin-top: 20px; }
.contact-footer { padding: 60px 0 30px; }
.iq-contactbox .iq-contact { position: relative; margin: 20px 0; }
.iq-contactbox .iq-contact li { list-style: none; padding: 0; margin: 0px 5px; font-size: 14px; color: #ffffff; margin-bottom: 10px; }
.iq-contactbox .iq-contact h5.small-title { margin-bottom: 10px; color: #ffffff; }
.iq-contactbox .iq-contact p { display: table; color: #ffffff; margin-bottom: 0px; padding-left: 5px; }
.iq-contactbox .iq-contact i { color: #ffffff; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 18px; }
.iq-contactbox form { border: none; padding: 30px 0; }
.iq-contactbox h2 { color: #ffffff; font-weight: 600; }
.iq-contactbox h3 { font-size: 36px; }
.iq-contactbox p { font-weight: 600; }

/*---------------------------------------------------------------------
19 Blog Detail
-----------------------------------------------------------------------*/
.blogdetailbox { float: left; width: 100%; padding: 30px; margin-top: -60px; background: #ffffff; border: 1px solid #f2f2f2; }
.blogdetailbox .iq-blogbox { margin: 0; }
.blogdetailbox .iq-blogbox .iq-blog-entry .iq-entry-tag span { padding: 10px 10px; color: #ffffff; margin-right: 8px; font-weight: 600; text-transform: capitalize; background: #1835a9 }
.blogdetailbox .iq-blogbox .iq-entry-title h5 { margin: 0; font-size: 30px; line-height: 40px; font-weight: 700; }
.blogdetailbox .iq-blogbox .iq-entry-title { margin-top: 30px; float: left; width: 100%; }
.blogdetailbox .iq-blogbox .iq-blog-entry .iq-entry-image { overflow: hidden; }
.blogdetailbox .iq-blogbox .iq-blog-entry .iq-entry-image img { width: 100%; }
.blogdetailbox .iq-blogbox .iq-blog-detail { margin-top: 0px; }
.blogdetailbox .iq-blogbox .iq-blog-detail .iq-entry-tag { float: left; width: 20%; }
.blogdetailbox .iq-blogbox .iq-blog-detail .blog-box { float: left; display: inline-block; width: 80%; vertical-align: middle; }
.blogdetailbox .iq-blogbox .iq-blog-detail .blog-box ul  li::after { content: "/"; font-size: 16px; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; padding: 0 15px; }
.blogdetailbox .iq-blogbox .iq-blog-detail .blog-box ul  li:last-child::after { display: none; }
.blogdetailbox .iq-blogbox .iq-blog-detail .blog-box ul { width: auto; float: left; }
.blogdetailbox .iq-blogbox .iq-blog-detail .blog-box ul.social-box { position: relative; float: right; }
.iq-entry-tag.wow.fadeInUp { width: auto; display: inline-block; }
.blogdetailbox .iq-blogbox .iq-detail-box .special-text { margin: 30px 0 30px; text-align: left; position: relative; padding: 30px; background: #eeeeee; }
.blogdetailbox .iq-blogbox .iq-detail-box .special-text::before { width: 5px; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: #fbb73d; }
.blogdetailbox .iq-blogbox .iq-detail-box .special-text i { color: #ffffff; font-size: 86px; position: absolute; right: 0; bottom: 25px; font-family: "Font Awesome 5 Free"; opacity: 0.5; }
.blogdetailbox .iq-blogbox .iq-detail-box .special-text p { font-size: 18px; line-height: 34px; font-weight: 600; color: #000000; }
.blogdetailbox .iq-post-sidebar .iq-sidebar-widget .iq-widget-search .form-control:focus { border-color: #fbb73d; }

/*comment form for reply*/
.iq-blogbox .blog-box ul li { list-style-type: none; font-size: 14px; color: #999999; display: inline; padding-right: 0px; }
.iq-blogbox .blog-box ul li:last-child { border: none; }
.iq-blogbox .blog-box ul li a { text-decoration: none; color: #666666; }
.iq-blogbox .blog-box ul li a:hover { color: #fbb73d; }
.blogdetailbox .iq-blog-entry .date small { display: block; font-size: 16px; }
.blogdetailbox .iq-blog-entry .date { padding-top: 16px; color: #ffffff; display: inline-block; text-align: center; border-radius: 100px; width: 80px; height: 80px; font-size: 32px; font-weight: 600; }
.blogdetailbox .iq-blog-entry .media-box li { list-style: none; padding: 0; margin: 10px 0px; }
.blogdetailbox .iq-blog-entry .media-box li a { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 16px; color: #fbb73d; background: #ffffff; border: 1px solid #e6e6e6; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.blogdetailbox .iq-blog-entry .media-box li a:hover { background: #fbb73d; color: #ffffff; }

/*sidebar title*/
.blogdetailbox .iq-sidebar-widget h5 { position: relative; z-index: 9; font-size: 22px; font-weight: 700; }
.blogdetailbox .iq-post-sidebar { height: 100%; }
.blogdetailbox .iq-sidebar-widget { margin-bottom: 40px; }
.iq-post-sidebar.right-side-blog { padding-left: 20px; }
.iq-post-sidebar.left-side-blog { padding-right: 20px; }
.blogdetailbox .iq-sidebar-widget:last-child { margin-bottom: 0; }

/*SideBar - Search*/
.blogdetailbox .iq-sidebar-widget .iq-widget-search { position: relative; margin: 10px 0; }
.blogdetailbox .iq-sidebar-widget .iq-widget-search input { padding-right: 40px; box-shadow: none; color: #2c3e50; height: 50px; 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; }
.blogdetailbox .iq-sidebar-widget .iq-widget-search input:focus { background: #ffffff; }
.blogdetailbox .iq-sidebar-widget .iq-widget-search i { position: absolute; right: 0; bottom: 0; cursor: pointer; padding: 5px 15px; font-size: 24px; background: #fbb73d; color: #ffffff; }
.blogdetailbox .iq-sidebar-widget .iq-widget-search i:hover { color: #fbb73d; }
.blogdetailbox .iq-sidebar-widget .iq-category li a { color: #666666; font-weight: 700; }

/*about-box*/
.blogdetailbox .iq-sidebar-widget.about-box { border: 1px solid #efefef; padding: 0; }
.blogdetailbox .iq-sidebar-widget.about-box .about-text { padding: 20px 25px; }

/*Tags*/
.blogdetailbox .iq-sidebar-widget ul { width: 100%; padding: 0; margin: 0; }
.blogdetailbox .iq-sidebar-widget ul.iq-tag li a { display: inline-block; color: #666666; margin-right: 10px; font-weight: 600; text-decoration: none; font-size: 16px; }
.blogdetailbox .iq-sidebar-widget ul.iq-tag li { width: auto; display: inline-block; }
.blogdetailbox .iq-sidebar-widget ul.iq-tag li a:hover { color: #fbb73d; }

/*popular post*/
.blogdetailbox .iq-sidebar-widget { float: left; width: 100%; }
.blogdetailbox .iq-sidebar-widget .iq-post { margin-top: 10px; }
.blogdetailbox .iq-sidebar-widget .blog-box li, .blogdetailbox .iq-sidebar-widget .blog-box li a { display: inline-block; font-size: 14px; line-height: 18px; color: #000000; }
.blogdetailbox .iq-sidebar-widget .iq-post li { width: 100%; float: left; margin: 0 0 10px; list-style: none; }
.blogdetailbox .iq-sidebar-widget .blog-box li { width: auto; position: relative; }
.blogdetailbox .iq-sidebar-widget .blog-box li::after { content: "/"; color: #000000; position: relative; padding: 0 15px; font-size: 18px; }
.blogdetailbox .iq-sidebar-widget .blog-box li:last-child::after { display: none; }
.blogdetailbox .iq-sidebar-widget .post-img { display: table; float: left; margin-right: 10px; }
.blogdetailbox .iq-sidebar-widget .post-img img { vertical-align: top; width: 77px; height: 77px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.blogdetailbox .iq-sidebar-widget .post-blog { display: table-cell; }
.blogdetailbox .iq-sidebar-widget .post-blog a { font-weight: 600; color: #000000; text-decoration: none; font-size: 18px; }
.blogdetailbox .iq-sidebar-widget .post-blog a:hover { color: #fbb73d; }
.blogdetailbox .iq-sidebar-widget .shop-price del { font-size: 13px; }
.blogdetailbox .iq-sidebar-widget .shop-price strong { font-size: 16px; }

/* Comments Box */
.blogdetailbox .blog-commentbox h3 { position: relative; z-index: 9; font-size: 22px; font-weight: 700; }
.blogdetailbox .blog-commentbox { margin-top: 30px; float: left; width: 100%; }
.blogdetailbox .blog-commentbox h6 { font-weight: 700; margin-bottom: 5px; }
.blogdetailbox .blog-commentbox .iq-comment-metadata.white a { font-size: 14px; }
.blogdetailbox .blog-commentbox .iq-comment-metadata a { color: #222222; font-size: 14px; text-decoration: none; }
.blogdetailbox .blog-commentbox .iq-comment-metadata a:hover { color: #fbb73d; }
.blogdetailbox .blog-commentbox .iq-comment-metadata a i { font-size: 20px; position: relative; top: 3px; }
.blogdetailbox .blog-commentbox .iq-comment-metadata.white a:hover { color: #222222; }
.blogdetailbox .iq-comment-list li { margin-top: 0px; margin-bottom: 0; vertical-align: top; padding: 0; position: relative; }
.blogdetailbox .iq-comment-list .iq-comments-media { padding: 0 0 30px; margin-bottom: 20px; }
.blogdetailbox .iq-comment-list .iq-comments-media img { width: 134px; height: 134px; border-radius: 100%; }
.blogdetailbox .iq-comment-list li:last-child .iq-comments-media { border-bottom: none; padding-bottom: 0; }
.blogdetailbox .iq-comment-list ul { list-style-type: none; }
.blogdetailbox .iq-comment-list .btn-black.green { margin: 0; right: 0; top: 15px; position: absolute; padding: 5px 15px; background: none; color: #fbb73d !important; text-decoration: none; }
.blogdetailbox .iq-comment-list .btn-black.green:hover { color: #222222 !important; }
.blogdetailbox .info-block img { width: 150px; border-radius: 100px; }
.blogdetailbox .info-block { margin: 0 0 30px 0; padding: 30px; }
.blogdetailbox .info-block .media-body h5 { }
.blogdetailbox .info-block .media-body p { font-size: 16px; }
.iq-comment-metadata { font-size: 16px; color: #000; font-weight: 700; }
.blogdetailbox .iq-comment-list .iq-comments-media p { font-size: 16px; }
.blogdetailbox .info-block .media-body a { text-decoration: none; }
.blogdetailbox .info-block .media-body a i { font-size: 20px; color: #fbb73d; }
.blogdetailbox .iq-comment-list .media-body { position: relative; padding: 0 0 0 20px; }
#comments { margin-bottom: 50px; }

/*---------------------------------------------------------------------
20 Coming Soon 1
---------------------------------------------------------------------*/
.coming-height { height: 800px; vertical-align: middle; }
.iq-coming .big-text { font-size: 60px; text-transform: uppercase; color: #ffffff; line-height: 80px; }
.iq-coming img { width: 140px; }
.iq-coming form .form-control { border-radius: 0; }
.iq-coming form .form-control { color: #ffffff; height: 45px; outline: none !important; box-shadow: inherit; width: 280px; background: none; }
.iq-coming form input.form-control::-webkit-input-placeholder { / Chrome / color: #ffffff; }
.iq-coming form input.form-control:-ms-input-placeholder { / IE 10+ / color: #ffffff; }
.iq-coming form input.form-control::-moz-placeholder { / Firefox 19+ / color: #ffffff; opacity: 1; }
.iq-coming form:-moz-placeholder { / Firefox 4 - 18 /  color: #ffffff; opacity: 1; }
.iq-coming form .button { box-shadow: inherit; border: none; background: #ffffff; padding: 0 15px; border-radius: 0 90px 90px 0; height: 45px; cursor: pointer; color: #fbb73d; }
.iq-coming form .button:hover { color: rgba(70, 200, 148, 0.6) }
.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: #33333; 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 #fbb73d; }

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

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

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

/*---------------------------------------------------------------------
Privacy
-----------------------------------------------------------------------*/
.iq-privacy { padding: 30px; border: 1px solid #f2f2f2; margin-top: -60px; background: #ffffff; }