* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:before{
  display: table;
  content: " ";
}
header {background: #fff; margin: 0 auto; float: left; width: 100%; z-index: 999; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; padding: 2px 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: 30px; }
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: #066287; color: #ffffff; }
header .navbar-light .navbar-nav .nav-link.active{background: #066287; 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: #066287; 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: #066287; color: #ffffff; }
header .right-side { float: right; }
header .right-side a:hover { color: #066287; }
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; 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: #066287; }
.topbar { padding:5px 0px 0; }
.topbar li { position: relative; }
.topbar .topbar-left i { margin-right: 8px; }
.topbar li, .topbar li a { color: #1e2f84; 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: #066287; 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: #33368f; }
.topbar .list-inline-item a:hover { color: #ed6022; }
.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 #066287; }
.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: #066287; }
.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: #066287; 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: #066287; }
.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 #066287; }
.iq-search i { cursor: pointer; font-size: 18px; position: absolute; right: 27px; top: 24px; }
.iq-search.search-open i:hover { color: #066287; }

/*---------------------------------------------------------------------
Banner
-----------------------------------------------------------------------*/
.iq-banner {position: relative; background-image: url(../images/banner/01.jpg); background-repeat: no-repeat; overflow: hidden; background-size: cover; height: auto; }
.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: 225px; padding-bottom: 150px; }
.iq-banner  .banner-text h1 { line-height: 1.3;
  font-size: 50px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px; }
.iq-banner  .banner-text p { margin-bottom: 40px;
  line-height: 1.4;
  font-size: 18px;
  color: #fff; }
.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: #066287; 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: #066287; }
  .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; }
  }





  .work_process .opt{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .work_process .opt li{
    flex: 16%;
    list-style:none;
  }
  .work_process .opt li .box1{
    text-align: center;
    height: 135px;
    width: 135px;
    background: #32358f;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin: auto;
  }
  .work_process .opt li .box1::before{
    content: "";
    position: absolute;
    width: 115%;
    height: 115%;
    border-radius: 50%;
    border: 3px solid #f79726;
  }
  .work_process .opt li .box1.b1::before{
    border-color:#5ab2c8;
  }
  .work_process .opt li .box1.b2::before{
    border-color:#67972a;
  }
  .work_process .opt li .box1.b3::before{
    border-color:#f79726;
  }
  .work_process .opt li .box1.b4::before{
    border-color:#c9777d;
  }
  .work_process .opt li .box1.b5::before{
    border-color:#605ca8;
  }
  .work_process .opt li .box1.b6::before{
    border-color:#a1a601;
  }
  
  
  .work_process .opt li .box1 h5{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
  }
  
  .work_process .opt li .box1.b1{
    background: #5ab2c8;
  }
  
  .work_process .opt li .box1.b2{
    background: #67972a;
  }
  
  .work_process .opt li .box1.b3{
    background: #f79726;
  }
  
  .work_process .opt li .box1.b4{
    background: #c9777d;
  }
  
  .work_process .opt li .box1.b5{
    background: #605ca8;
  }
  .work_process .opt li .box1.b6{
    background: #a1a601;
  }













  /*---------------------------------------------------------------------
  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: 100%;
    content: "";
    height: 100%; 
    position: absolute;
    left: 80px;
    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: #066287; }
  .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: #066287; 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: #066287; color: #fff; }
  .iq-features-box:before { width: 112%; content: ""; height: 80px; background-color: #066287; 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); }
}
img{
  display: block;
  max-width: 100%;
  height: auto;
}

/*--------------------------------------------------------------------
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;  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: #066287; 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: #066287; 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: relative;
    font-family: 'Work Sans', sans-serif;
    font-size: 100px;
    font-weight: bold;
    bottom: 0;
    color: #fff;
    -webkit-text-stroke-color: #3f51b559;
    -webkit-text-stroke-width: 1px;
    margin: 0;
    line-height: 75px;
    -webkit-text-fill-color: #0662872e;
 }
.title-bottom h2.right { 
  left: 0;
    width: 100%;
    text-align: center;
    margin-top: 14px;
    position: relative;
}
.title-bottom h2.left {
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: 25px;
}
.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: #066287; 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(239, 13, 51, 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: #066287; }

/*---------------------------------------------------------------------
testimonial
-----------------------------------------------------------------------*/
.iq-testimonial .testimonial-box {    
   text-align: center;
    padding: 30px 28px; 
    border-radius: 4px;
    box-shadow: 1px -1px 15px #00000014;
    margin: 15px;
    min-height: 295px;
  }
.iq-testimonial .testimonial-box .img-box{ 
  display: flex;
  justify-content: flex-start;
  text-align: left;
  } 
.iq-testimonial .testimonial-box .img-box .client-name{
  padding-left: 10px;
  padding-top: 10px;
 }
 .iq-testimonial .testimonial-box .img-box .client-name h4{
  font-size: 19px;
  display: block;
  margin-bottom: 0;
  line-height: normal;
  text-transform: capitalize;
  color: #ed6022;
  margin-top: 10px;
  font-weight: 400;
 }
 .section-title .title {
  display: inline-block;
  width: auto;
  position: relative;
  font-size: 34px;
  font-weight: 600;
  text-transform: capitalize;
  font-family: 'Jost', sans-serif;
}
.owl-nav{
  text-align: center;
}
.textlarge{
  font-size: 18px;
  font-weight: 600;
}

.iq-testimonial .testimonial-box img { width: 60px; height: 60px; display: inline-block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border:1px solid gainsboro; }
.iq-testimonial .testimonial-box .iq-info p {     
  margin-bottom: 0; 
  text-align: left;
  line-height: 1.7;
  font-weight: 300;
  margin-top: 13px; }
.iq-testimonial .testimonial-box .client-name p { 
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  color: #7d7d7d; }
 
.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: #066287; }
.owl-carousel .owl-dots .owl-dot.active { background: #066287; }

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
  font-size: 20px;
}


/*-------------------------------------------------
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: #066287; color: #ffffff; line-height: 34px; }
.blog img { padding: 1px 1px; }
.blog-content .main-content a:hover {color: #066287;}
.blog-content .main-content .main-color:hover{color: #000000;} 

.subscribe-title{
    font-size: 38px;
    text-transform: capitalize;
    font-weight: 700;
}
.contact-btn{
  display: block;
  width: 165px;
  text-align: center;
  padding: 5px;
  font-size: 16px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 600;
  margin: auto;
}
.clients .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  border: 1px solid #e2e2e2;
}

 /* Portfolio */

  
.portfolioFilter {
  padding: 15px 0;
  text-align: center;
  margin-bottom: 10px;
}

.portfolioFilter a {
  margin-right: 6px;
  color: #666;
  text-decoration: none;
  border: 1px solid #c5c5c5;
  padding: 4px 23px;
  border-radius: 50px;
  display: inline-block;
  font-weight: 600;
}

.portfolioFilter a.current {
  background: -webkit-linear-gradient(-45deg,#016d88, #281982);
  border: 1px solid #164185;
  color: #f9f9f9;

}
.portfolioContainer{
  border: 1px solid #eee;
  border-radius: 3px;
}
img {
  margin: 0;
  max-width:100%;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; 
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}



/*-------------------------------------------------
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; font-size: 14px; background: #0e0e0e;}
.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 1px; }
.iq-footer .iq-media-blog li a {
  display: block;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  background: 0 0;
  text-align: center;
  margin-left: 0;
  background: #797979;
  padding: 0px 5px;
  width: 31px;
  border-radius: 3px;
 }
.iq-footer .iq-media-blog li a:hover { color: #066287; }
.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: #066287; }
.iq-breadcrumb .breadcrumb  .breadcrumb-item.active { color: #066287; }

/*-------------------------------------------------
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: #066287; }
.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: #066287; }
.iq-sidebar-widget ul li a span { margin-top: 4px; width: 24px; height: 24px; display: inline-block; background: #066287; 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: #066287; 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: #066287; }
.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 #066287; 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: #066287; background: #066287; color: #ffffff; }

/*----------------
Pagination
----------------*/
.page-item.active .page-link { background-color: #066287; border-color: #066287; }
.page-link { color: #066287; }
.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 #066287; }
.contact-icon { font-size: 24px; color: #066287; }
.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: #066287; }

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






.sidebar-contact{
  position:fixed;
  top:55%;
  right:-350px;
  transform:translateY(-50%);
  width:350px;
  height:auto;
  padding:40px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  box-sizing:border-box;
  transition:0.5s;
}
.sidebar-contact.active{
  right:0;
}
.sidebar-contact input,
.sidebar-contact textarea{
  width:100%;
  height:36px;
  padding:5px;
  margin-bottom:10px;
  box-sizing:border-box;
  border:1px solid rgba(0,0,0,.5);
  outline:none;
}
.sidebar-contact h2{
  margin:0 0 20px;
  padding:0;
}
.sidebar-contact textarea{
  height:60px;
  resize:none;
}
.sidebar-contact input[type="submit"]{
  background:#3d2f8e;
  color:#fff;
  cursor:pointer;
  border:none;
  font-size:18px;
}
.toggler{
  position: absolute;
  height: 46px;
  width: 178px;
  text-align: center;
  cursor: pointer;
  background: #ed6022;
  top: 207px;
  color: #fff;
  left: -112px;
  line-height: 45px;
  transform: rotate(90deg);
  border-radius: 2px 1px 5px 5px;
}
.toggler:before{
  content: "\f117";
  font-family: "Flaticon";
  font-size: 22px;
  color: #fff;
  display: none;
  transform: rotate(-124deg)
}
.toggler.active:before{
  content:"\f117";
}
@media(max-width:768px)
{
  .sidebar-contact{
    width:100%;
    height:100%;
    right:-100%;
  }
  .sidebar-contact .toggler{
    top:50%; 
    transition:0.5s;
  }
  .sidebar-contact.active .toggler
  {
    top:0;
    left:0;
    transform:translateY(0);
  }
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content{
    padding:50px 50px;
  }
}



/* */

.panel-default>.panel-heading {
 
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 1px 13px;
  color: #fff;
  font-weight: 500;
  border: 1px solid #ffffffb3;
}

.panel-default>.panel-heading a:after {
  content: "";  
  position: relative;
  top: 8px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  color: #fff;
  background: #ffffff2e;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}