header { margin: 0 auto; float: left; width: 100%; z-index: 999; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; z-index: 9; padding: 15px 0; color: #ffffff; -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; }
header .navbar { padding: 0; }
header .navbar-brand img { height: 70px; }
header .navbar-light .navbar-nav .nav-item { margin-right: 2px; }
header .navbar-light .navbar-nav .nav-item:last-child { margin-right: 0 !important; }
header .navbar-light .navbar-nav .nav-link { color: #ffffff; padding: 5px 15px; }
header .navbar-light .navbar-nav .active>.nav-link { background: #559302; color: #ffffff; }
header .navbar-light .navbar-nav .nav-link.active{background: #559302; color: #ffffff;}
header .navbar-light .navbar-nav .show>.nav-link{color: #ffffff;}
header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover { background: #559302; color: #ffffff; }
header .navbar-light .navbar-nav .dropdown-menu { margin-top: 14px; padding: 0; margin-left: 8px; }
header .navbar-light .navbar-nav .dropdown-menu .dropdown-item { padding: 10px 20px; font-size: 14px; color: #000000; }
header .navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover,header .navbar-light .navbar-nav .dropdown-menu .dropdown-item.active,header .navbar-light .navbar-nav .dropdown-menu .dropdown-item:active{ background-color: #559302; color: #ffffff; }
header .right-side { float: right; }
header .right-side a:hover { color: #559302; }
header .right-side .search-btn { line-height: 45px; color: #fff; display: inline-block; text-align: center; margin-right: 0; }
header.menu-sticky { position: fixed; top: 0; left: 0; background-color: #000000; display: inline-block; width: 100%; padding: 15px 0; z-index: 999; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
header.menu-sticky .topbar { display: none; }
header .navbar-light .navbar-nav li:last-child a { padding-right: 0; }
header .navbar-light .navbar-nav li:last-child a:hover { background: transparent; color: #559302; }
.topbar { padding: 10px 0px; }
.topbar li { position: relative; }
.topbar .topbar-left i { margin-right: 8px; }
.topbar li, .topbar li a { color: #fff; line-height: initial; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.topbar .topbar-right li a:hover { color: #559302; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.topbar .list-inline-item { color: #fff; }
.topbar .list-inline-item a:hover { color: #559302; }
.topbar .topbar-right .iq-left .list-inline-item { position: relative; border: none; margin-right: 15px; }
.topbar .topbar-right .iq-left .list-inline-item:last-child { margin-right: 0 !important; }

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

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

/* Transitions      */

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

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

/* Close button */
.btn--search-close { opacity: 0; transform: scale3d(0.8, 0.8, 1); transition: opacity 0.5s, transform 0.5s; background: none; color: #ffffff; border: none; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; padding: 0; }
.search--open .btn--search-close { opacity: 1; transform: scale3d(1, 1, 1); }
.search--open .btn--search-close:hover, .search--open .btn--search-close:focus { background: none; color: #559302; outline: none; box-shadow: none; }

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

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

/*---------------------------------------------------------------------
Banner
-----------------------------------------------------------------------*/
.iq-banner { background-image: url(../images/banner/01.jpg); background-repeat: no-repeat; overflow: hidden; background-size: cover; height: auto !important; }
.canvas-bg { background-image: url(../images/banner/02.jpg); background-repeat: no-repeat; overflow: hidden; background-size: cover; height: auto !important; }
.particles-bg { background-image: url(../images/banner/03.jpg); background-repeat: no-repeat; overflow: hidden; background-size: cover; height: auto !important; }
.snow-bg { background-image: url(../images/banner/04.jpg); background-repeat: no-repeat; overflow: hidden; background-size: cover; height: auto !important; }
.typer-bg { background-image: url(../images/banner/05.jpg); background-repeat: no-repeat; overflow: hidden; background-size: cover; height: auto !important; }
.iq-banner  .banner-text { padding-top: 300px; padding-bottom: 150px; }
.iq-banner  .banner-text h1 { line-height: 1.3; font-size: 72px; }
.iq-banner  .banner-text p { margin-bottom: 40px; }
.banner-border { border-top: 1px solid #ffffff; }
.iq-banner .iq-video { background: #fff; display: inline-block; width: 80px; height: 80px; text-align: center; font-size: 18px; color: #559302; border-radius: 100%; line-height: 80px; z-index: 7; position: relative; }
.iq-banner .iq-video i { margin-left: 5px; }
.iq-banner .waves-box { position: absolute; left: 50%;  /*  top: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);*/ }
  .iq-banner .iq-waves { position: absolute; width: 16rem; height: 16rem; left: -80px; top: -80px; z-index: 2; }
  .iq-banner .iq-waves .waves { position: absolute; width: 384px; width: 15rem; height: 384px; height: 15rem; background: rgba(255, 255, 255, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 320px; background-clip: padding-box; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; }
  .iq-banner .iq-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
  .iq-banner .iq-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .iq-banner .iq-waves .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }
  @-webkit-keyframes waves {
    0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
    100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  }
  @keyframes waves {
    0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
    100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  }

  /* Canvas Banner */
  .iq-canvas-banner { padding: 20% 0 10%; }
  .iq-canvas2 { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; }
  #world { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; }
  .canvas-banner .canvas-text { top: 50%; position: absolute; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
  #demo-canvas { width: 100%; height: 100%; position: relative; }

  /* strom Banner */
  #strom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

  /* particles Banner */
  #particles, #projector, #js-particles { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

  /* Banner Type */

  /*.iq-banner-effect { padding: 23% 0 14%; }*/
  .iq-banner-effect .banner-text h1 { letter-spacing: 3px; }
  .effect-headline.type i, .effect-headline.rotate-3 b, .effect-headline.slide b, .effect-headline.zoom b { text-transform: uppercase; font-weight: 700; color: #559302; }
  .effect-headline.clip b { font-weight: 700; }
  .effect-headline.rotate-2 b { color: #23292c; }
  .effect-headline.push b, .effect-headline.scale b { color: #03A9F4; }

  /*---------------------------------------------------------------------
  Text Effect
  -----------------------------------------------------------------------*/
  .effect-headline h1 { font-size: 60px; }
  @media only screen and (min-width:768px) {
    .effect-headline h1 { font-size: 60px; font-weight: 300; }
  }
  @media only screen and (min-width:1170px) {
    .effect-headline h1 { font-size: 60px; }
  }
  .effect-words-wrapper { display: inline-block; position: relative; text-align: left; }
  .effect-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; }
  .effect-words-wrapper b.is-visible { position: relative; }
  .no-js .effect-words-wrapper b { opacity: 0; }
  .no-js .effect-words-wrapper b.is-visible { opacity: 1; }

  /* -------------------------------- 
  xtype 
  -------------------------------- */
  .effect-headline.type .effect-words-wrapper { vertical-align: top; overflow: hidden; }
  .effect-headline.type .effect-words-wrapper::after {  /* vertical bar */
  content: ''; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: #aebcb9; }
  .effect-headline.type .effect-words-wrapper.waiting::after { -webkit-animation: cd-pulse 1s infinite; -moz-animation: cd-pulse 1s infinite; animation: cd-pulse 1s infinite; }
  .effect-headline.type .effect-words-wrapper.selected::after { visibility: hidden; }
  .effect-headline.type .effect-words-wrapper.selected b { color: #ffffff; }
  .effect-headline.type b { visibility: hidden; }
  .effect-headline.type b.is-visible { visibility: visible; }
  .effect-headline.type i { position: absolute; visibility: hidden; }
  .effect-headline.type i.in { position: relative; visibility: visible; }
  @-webkit-keyframes cd-pulse {
    0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1; }
    40% { -webkit-transform: translateY(-50%) scale(0.9); opacity: 0; }
    100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0; }
  }
  @-moz-keyframes cd-pulse {
    0% { -moz-transform: translateY(-50%) scale(1); opacity: 1; }
    40% { -moz-transform: translateY(-50%) scale(0.9); opacity: 0; }
    100% { -moz-transform: translateY(-50%) scale(0); opacity: 0; }
  }
  @keyframes cd-pulse {
    0% { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; }
    40% { -webkit-transform: translateY(-50%) scale(0.9); -moz-transform: translateY(-50%) scale(0.9); -ms-transform: translateY(-50%) scale(0.9); -o-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0; }
    100% { -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0; }
  }

  /* -------------------------------- 
  xrotate-1 
  -------------------------------- */
  .effect-headline.rotate-1 .effect-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; }
  .effect-headline.rotate-1 b { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
  .effect-headline.rotate-1 b.is-visible { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: cd-rotate-1-in 1.2s; -moz-animation: cd-rotate-1-in 1.2s; animation: cd-rotate-1-in 1.2s; }
  .effect-headline.rotate-1 b.is-hidden { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: cd-rotate-1-out 1.2s; -moz-animation: cd-rotate-1-out 1.2s; animation: cd-rotate-1-out 1.2s; }
  @-webkit-keyframes cd-rotate-1-in {
    0% { -webkit-transform: rotateX(180deg); opacity: 0; }
    35% { -webkit-transform: rotateX(120deg); opacity: 0; }
    65% { opacity: 0; }
    100% { -webkit-transform: rotateX(360deg); opacity: 1; }
  }
  @-moz-keyframes cd-rotate-1-in {
    0% { -moz-transform: rotateX(180deg); opacity: 0; }
    35% { -moz-transform: rotateX(120deg); opacity: 0; }
    65% { opacity: 0; }
    100% { -moz-transform: rotateX(360deg); opacity: 1; }
  }
  @keyframes cd-rotate-1-in {
    0% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; }
    35% { -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; }
    65% { opacity: 0; }
    100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; }
  }
  @-webkit-keyframes cd-rotate-1-out {
    0% { -webkit-transform: rotateX(0deg); opacity: 1; }
    35% { -webkit-transform: rotateX(-40deg); opacity: 1; }
    65% { opacity: 0; }
    100% { -webkit-transform: rotateX(180deg); opacity: 0; }
  }
  @-moz-keyframes cd-rotate-1-out {
    0% { -moz-transform: rotateX(0deg); opacity: 1; }
    35% { -moz-transform: rotateX(-40deg); opacity: 1; }
    65% { opacity: 0; }
    100% { -moz-transform: rotateX(180deg); opacity: 0; }
  }
  @keyframes cd-rotate-1-out {
    0% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
    35% { -webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; }
    65% { opacity: 0; }
    100% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; }
  }

  /*---------------------------------------------------------------------
  aboutus
  -----------------------------------------------------------------------*/
  .iq-aboutus .img-box { position: relative; overflow: hidden; z-index: 1; /*box-shadow: 0px 0px 30px 0px rgba(102, 99, 99, 0.3);*/ }
  .iq-aboutus .img-box:before { width: 102px; content: ""; height: 100%; background-color: #559302; position: absolute; right: 0px; top: 0px; z-index: -1; -webkit-animation: bounce 2s infinite alternate; }
  @keyframes bounce {
    from { transform: translate(0px); }
    to { transform: translate(-25px); }
  }
  @-webkit-keyframes bounce {
    from { transform: translate(0px); }
    to { transform: translate(-25px); }
  }
  .iq-aboutus .img-box img { margin-top: 30px; padding-right: 30px; margin-bottom: 30px; }

  /*---------------------------------------------------------------------
  How-it-works
  -----------------------------------------------------------------------*/
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-size: inherit; margin-left: 0; }
  .iq-works .iq-work-box .iq-icon i { font-size: 76px; line-height: 76px; color: #fff; }
  .iq-works .number h2 { position: absolute; font-size: 60px; top: 39%; left: 20%; color: rgba(245, 245, 245, 0.2); }

  /*.iq-works .iq-work-box .features-content h4{position: relative;z-index: 99;}
  .iq-works .iq-work-box .features-content h4:before{position: absolute; z-index: -1; font-size: 60px;}*/

  /*---------------------------------------------------------------------
  Features
  -----------------------------------------------------------------------*/
  .iq-features .iq-features-box { position: relative; z-index: 1; }
  .iq-features .iq-features-box .icon-bg { height: 90px; width: 90px; line-height: 90px; border-radius: 90px; background-color: #ededed; align-content: center; align-items: center; justify-content: center; margin: auto; position: relative; display: inline-block; text-align: center; overflow: hidden; }
  .iq-features .iq-features-box .icon-bg:hover { background-color: #559302; }
  .iq-features .iq-features-box:hover { -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate; }
  .iq-features .iq-features-box .iq-icon { font-size: 40px; line-height: 90px; display: inline-block; color: #559302; transition: all 0.5s ease-out 0s; }
  .iq-features .iq-features-box .iq-icon:hover { color: #fff; }
  .iq-features-box:hover .iq-icon { background-color: #559302; color: #fff; }
  .iq-features-box:before { width: 112%; content: ""; height: 80px; background-color: #559302; position: absolute; left: -15px; bottom: -15px; z-index: -1; opacity: 0; }
  .iq-features .iq-features-box .features-content { background: #ffffff; position: relative; padding: 30px 15px; }
  .iq-features .iq-features-box .features-content p { margin-bottom: 0; }
  .iq-features-box:hover:before { opacity: 1; display: inline-block; vertical-align: middle; -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate; }
}
@-webkit-keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
@keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

/*--------------------------------------------------------------------
Counter
-----------------------------------------------------------------------*/
.iq-counter-box { padding: 50px 0; }
.counter { position: relative; min-height: 60px; align-items: flex-start; }
.counter i { font-size: 50px; line-height: 65px; display: inline-block; text-align: center; }
.counter-date { flex: 1; }
.counter span { display: inline-block; width: 100%; font-size: 40px; margin: 0; line-height: 40px; }
.counter label { font-size: 18px; display: inline-block; width: 100%; position: relative; text-transform: uppercase; }

/*---------------------------------------------------------------------
project
-----------------------------------------------------------------------*/
.iq-project { position: relative; }
.iq-project .img-box { position: relative; z-index: 1; overflow: hidden; }
.iq-project .img-box:before { width: 100px; content: ""; height: 100%; background-color: #559302; position: absolute; left: 0px; top: 0px; z-index: -1; -webkit-animation: bounce 2s infinite alternate; }
@keyframes bounce {
  from { transform: translateX(0px); }
  to { transform: translateX(-25px); }
}
@-webkit-keyframes bounce {
  from { transform: translateX(0px); }
  to { transform: translateX(-25px); }
}
.iq-project .img-box img { margin-top: 30px; margin-left: 30px; margin-bottom: 30px; }
.iq-project .img-box:after { content: "\f103"; position: absolute; width: 136px; height: 112px; background-color: #559302; right: 0; bottom: 30px; z-index: 2; line-height: 112px; text-align: center; font-size: 64px; color: #ffffff; font-family: Flaticon; }
.iq-project .project-content { padding: 0 55px; }
.iq-project .project-content .pricing-list { margin-bottom: 1.5rem; }
.iq-project .project-content .pricing-list li { width: 50%; float: left; list-style: none; }
.title-bottom h2 { position: absolute; font-family: 'Work Sans', sans-serif; font-size: 100px; font-weight: bold; bottom: 0; color: #fff; -webkit-text-stroke-color: #e9e9e9; -webkit-text-stroke-width: 1px; margin: 0; line-height: 75px; -webkit-text-fill-color: transparent; }
.title-bottom h2.right { right: 50px; }
.title-bottom h2.left { left: 10px; }
.gray-bg .title-bottom h2 { -webkit-text-stroke-color: #dfe3e6; }

/*-------------------------------------------------
Portfolio
-------------------------------------------------*/
.isotope-filters { display: table; margin: 0 auto 40px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.isotope-filters  button { margin: 0 4px; cursor: pointer; padding: 5px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; color: #050809; border: none; font-weight: normal; text-transform: uppercase; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.isotope-filters  button.active, .isotope-filters  button:hover { background: #559302; color: #ffffff; }
.isotope-filters  button:focus { outline: none; outline-style: none; outline-offset: 0; }

/* Grid And Masonry */
.isotope.no-padding .iq-grid-item { padding: 0 !important; }
.iq-masonry.no-padding .iq-masonry-item { padding: 0 !important; }
.isotope, .iq-masonry { margin: 0 -30px 0 0; float: left; width: 100%; }
.isotope .iq-grid-item { padding: 0 30px 30px 0; }
.isotope .iq-grid-item img, .iq-masonry .iq-masonry-item img { width: 100%; }

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

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

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

/* Grid Full Screen No Space*/
.isotope.full-grid.no-padding, .iq-masonry.full-grid.no-padding { margin: 0; }
.isotope.full-grid.no-padding .iq-grid-item { padding: 0 !important; }
@media(max-width:1199px) {
  .isotope.iq-columns-4 .iq-grid-item, .iq-masonry.iq-columns-4 .iq-masonry-item { width: 33.3% }
  .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-5 .iq-masonry-item { width: 25%; }
}
@media(max-width:992px) {
  .isotope.iq-columns-4 .iq-grid-item, .iq-masonry.iq-columns-4 .iq-masonry-item { width: 50%; }
  .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-3 .iq-masonry-item, .iq-masonry.iq-columns-5 .iq-masonry-item { width: 50%; }
}
@media(max-width:767px) {
  .isotope.iq-columns-4 .iq-grid-item, .isotope.iq-columns-2 .iq-grid-item, .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-2 .iq-masonry-item, .iq-masonry.iq-columns-3 .iq-masonry-item, .iq-masonry.iq-columns-4 .iq-masonry-item, .iq-masonry.iq-columns-5 .iq-masonry-item { width: 100% }
}
.iq-portfolio { position: relative; overflow: hidden; cursor: pointer; }
.iq-portfolio  img { -o-transform: scale(1.0); -ms-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.iq-portfolio-05:hover img { -o-transform: scale(1.09); -ms-transform: scale(1.09); -moz-transform: scale(1.09); -webkit-transform: scale(1.09); transform: scale(1.09); }
.iq-portfolio .hoverdir { position: absolute; background: #333333; background: rgba(142, 198, 63, 0.8); width: 100%; height: 100%; padding: 30px; text-align: left; color: #ffffff; }
.iq-portfolio .hoverdir a { color: #ffffff; }
.iq-portfolio .hoverdir a:hover { color: #050809; }
.iq-portfolio .iq-portfolio-icon { margin: 0; padding: 0; display: inline-block; position: absolute; bottom: 30px; left: 30px; }
.iq-portfolio .iq-portfolio-icon li { display: inline-block; opacity: 1; transition: all 0.35s ease 0s; text-align: center; }
.iq-portfolio .iq-portfolio-icon li a { display: block; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ffffff; font-size: 16px; color: #050809; line-height: 40px; margin-right: 5px; transition: all 0.35s ease 0s; }
.iq-portfolio .iq-portfolio-icon li a:hover { background: #050809; color: #ffffff; }
.iq-portfolio .hoverdir .likes { position: absolute; bottom: 35px; right: 30px; width: auto; height: 33px; border: 1px solid #ffffff; background: #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #050809; font-size: 14px; line-height: 33px; text-align: center; margin: 0; padding: 0 10px 0; display: inline-block; float: right; }
.iq-portfolio .hoverdir .likes i { margin-right: 10px; }
.iq-portfolio .hoverdir .likes:hover { color: #559302; }

/*---------------------------------------------------------------------
testimonial
-----------------------------------------------------------------------*/
.iq-testimonial .testimonial-box { text-align: center; padding: 0 200px; }
.iq-testimonial .testimonial-box img { width: 100px; display: inline-block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 4px solid #8ec63f; }
.iq-testimonial .testimonial-box .iq-info p { font-style: italic; font-family: 'Work Sans', sans-serif; }
.iq-testimonial .testimonial-box .client-name p { font-family: 'Work Sans', sans-serif; }
/ Dots /
.owl-dots { text-align: center; }
.owl-carousel .owl-dots { margin-top: 25px; position: relative; width: 100%; display: inline-block; text-indent: inherit; text-align: center; cursor: pointer; }
.owl-carousel .owl-dots .owl-dot { box-shadow: none; outline: none; background: #c4c4c4; display: inline-block; border-radius: 90px; padding: 0; margin: 0px 6px; height: 10px; width: 10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; }
.owl-carousel .owl-dots .owl-dot span { display: none; }
.owl-carousel .owl-dots .owl-dot:hover { background: #559302; }
.owl-carousel .owl-dots .owl-dot.active { background: #559302; }

/*-------------------------------------------------
our blog
-------------------------------------------------*/
.blog .blog-content { background: #fff; }
.blog .main-content { padding: 30px 30px; }
.blog .main-content h4 { font-size: 26px; line-height: 36px; }
.blog .main-content .tag { margin-top: -48px; padding: 0 20px; background: #559302; color: #ffffff; line-height: 34px; }
.blog img { padding: 1px 1px; }
.blog-content .main-content a:hover {color: ##559302;}
.blog-content .main-content .main-color:hover{color: #000000;} 

/*-------------------------------------------------
subscribe
-------------------------------------------------*/
.iq-subscribe { padding: 50px 0; }
.iq-subscribe  form { position: relative; }
.iq-subscribe  form .form-group .subscribe { width: 76%; }
.iq-subscribe  form .form-group .subscribe:hover { border: 1px solid #000000; }
.iq-subscribe .button { text-transform: uppercase; position: absolute; top: 0; right: 0; }
.iq-subscribe   a.button:hover { background-color: #fff; color: #000; border: 1px solid #000000; }

/*-------------------------------------------------
footer
-------------------------------------------------*/
.iq-footer { padding: 60px 0 0 0; }
.iq-footer #footer_logo_img { height: 45px; }
.iq-footer .iq-links li { list-style-type: none; margin-bottom: 15px; }
.iq-footer .iq-links li:last-child { margin-bottom: 0px; }
.iq-footer .post-img { display: table; float: left; margin-right: 15px; }
.iq-footer .post-img img { vertical-align: top; height: 60px; width: 120px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.iq-footer .iq-post li { width: 100%; float: left; margin-top: 0; display: inline-block; margin-bottom: 15px; padding-bottom: 15px; }
.iq-footer .iq-archive li { list-style-type: none; color: #fff; margin-bottom: 15px; }
.iq-footer .iq-media-blog { margin: 0; padding: 0; text-align: right; display: inline-block; }
.iq-footer .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0 4px; }
.iq-footer .iq-media-blog li a { display: block; line-height: 45px; font-size: 20px; color: #fff; background: 0 0; text-align: center; margin-left: 16px; }
.iq-footer .iq-media-blog li a:hover { color: #559302; }
.iq-footer .iq-media-blog li:last-child { margin-right: 0px; }

/*-------------------------------------------------
Breadcrumb
-------------------------------------------------*/
.iq-breadcrumb { padding: 254px 0 120px; background-image: url(../images/banner/03.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.iq-breadcrumb .breadcrumb { background-color: transparent; display: inline-flex; }
.iq-breadcrumb .breadcrumb .breadcrumb-item { display: inline-block; }
.breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #ffffff; content: "/"; }
.iq-breadcrumb .breadcrumb .breadcrumb-item a { color: #ffffff; }
.iq-breadcrumb .breadcrumb .breadcrumb-item a:hover { color: #559302; }
.iq-breadcrumb .breadcrumb  .breadcrumb-item.active { color: #559302; }

/*-------------------------------------------------
Blog left side bar
-------------------------------------------------*/
input, input.form-control, .form-control { width: 100%; }
.blog .blog-content img { width: 100%; }
.blog .blog-content:hover { -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.blog .blog-content { margin-bottom: 50px; }

/*----------------
side-bar
----------------*/
.blog .iq-widget-search  input, .blog .iq-widget-search  input.form-control { height: 55px; }
.blog .media a h6 { color: #000000; }
.blog .media a h6:hover { color: #559302; }
.blog .iq-widget-search a { position: absolute; right: 6px; color: #000000; cursor: pointer; width: 48px; height: 48px; line-height: 48px; background: transparent; font-size: 18px; border-radius: 90px; top: 4px; text-align: center; }
.iq-sidebar-widget ul li a { color: #000000; }
.iq-sidebar-widget ul li a:hover { color: #559302; }
.iq-sidebar-widget ul li a span { margin-top: 4px; width: 24px; height: 24px; display: inline-block; background: #559302; line-height: 24px; text-align: center; border-radius: 90px; color: #ffffff; float: right; font-weight: normal; }
.blog-title-img { border: 1px solid #e4e4e4; padding: 30px 15px; }
.blog-title-img img { width: 120px; height: 120px; }
.iq-mt-80 { margin-top: 45px; }
.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; height: 80px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.iq-sidebar-widget { margin-bottom: 40px; padding: 20px 20px; border: 1px solid #ededed; }
.iq-sidebar-widget:last-child { margin-bottom: 0; }
.iq-sidebar-widget .iq-widget-title { padding-bottom: 10px; margin-bottom: 20px; font-size: 24px; }
.iq-sidebar-widget ul.iq-tag li { display: inline-block; margin: 5px 5px 5px 0; }
.iq-sidebar-widget ul.iq-tag li a { display: block; background: #eeeeee; color: #050809; padding: 5px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.iq-sidebar-widget ul.iq-tag li a:hover { background: #559302; color: #ffffff; }

/* Comments Box */
.iq-comment-list li { margin-top: 25px; margin-bottom: 0; vertical-align: top; padding: 0; position: relative; background: #eeeeee; }
.iq-comment-list .iq-comments-media { padding: 15px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-bottom: 1px solid #eee; }
.iq-comment-list .iq-comments-media  p { margin-bottom: 0; }
.iq-comment-list .iq-comments-media img { width: 85px; }
.iq-comment-list .iq-comment-metadata a { color: #559302; }
.iq-comment-list ul { padding-left: 60px; }
.iq-comment-list .reply { position: absolute; line-height: 22px; margin: 0; padding: 5px 16px; font-size: 14px; right: 15px; top: 15px; font-weight: 500; color: #fff; }
.iq-comment-list .reply:hover { color: #fff; }
.iq-comment-list .iq-comments-media .iq-comments-info .reply { color: #ffffff; }
.info-block img { width: 100px; }
.blog-contact .formmessage { display: none; }
.blog-contact .contact-form .section-field { width: 100%; float: left; }
.blog-contact .contact-form textarea { min-height: 140px; border: 1px solid #eeeeee; background: #eeeeee; padding: 15px; }
.blog-contact .contact-form .section-field input { width: 100%; margin-bottom: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-left: 20px; height: 45px; line-height: 45px; clear: both; color: #333; border: 1px solid #eeeeee; background: #eeeeee; }
.blog-contact .contact-form .section-field input:focus, .blog-contact .contact-form .section-field.textarea textarea:focus { border: 1px solid #559302; box-shadow: none; outline: none; }

/*----------------
SideBar - Tags
----------------*/
.iq-tags li { padding-left: 2px; display: inline-block; padding-right: 2px; margin: 0 0 26px; }
.iq-tags li a { background: #f4f6fd; color: #000000; padding: 8px 10px; border: 1px solid #e4e4e4; border-radius: 90px; 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: #559302; background: #559302; color: #ffffff; }

/*----------------
Pagination
----------------*/
.page-item.active .page-link { background-color: #559302; border-color: #559302; }
.page-link { color: #559302; }
.page-link:hover { color: #000000; }

/*----------------
contact-us page
----------------*/
.iq-contact-us input, .iq-contact-us input.form-control { border: 1px solid #e4e4e4; font-size: 16px; height: 55px; padding-left: 30px; margin-bottom: 35px; padding-right: 35%; }
.iq-contact-us input:hover, .iq-contact-us input.form-control:hover { border: 1px solid #559302; }
.contact-icon { font-size: 24px; color: #559302; }
.contact-ifream { height: 400px; border: none; }
.social-media .social li { float: left; padding: 0 20px; position: relative; list-style: none; }
.social-media .social li:first-child { padding-left: 0; }
.social-media .social li i { font-size: 20px; }
.social-media .social a { color: #000000; }
.social-media .social a:hover { color: #559302; }

/*************************
Portfolio Single
*************************/
.iq-port-single .iq-tag li { display: inline-block; margin-left: 5px; margin-top: 10px; }
.iq-port-single .iq-tag li a { display: block; background: #f3f3f3; color: #222222; padding: 5px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.iq-port-single .iq-tag li a:hover { background: #559302; color: #ffffff; }
.iq-port-single .portfolio-meta li { border-bottom: 1px solid #f2f2f2; padding: 10px 0; list-style-type: none; }
.iq-port-single .portfolio-meta li span { display: inline-block; font-weight: 600; margin-left: 10px; }
.iq-port-single .portfolio-meta li span.lead { font-size: 16px; }
.iq-port-single .owl-carousel .item span { font-size: 14px; font-weight: 600; }
.iq-port-single .owl-carousel .owl-item img { width: 100% !important; }
.iq-port-single .owl-carousel .iq-portfolio-05 .hoverdir .likes span { font-size: 14px; }