html, body {
    overflow-x: unset !important;
    -webkit-font-smoothing: antialiased;
}

.t-white {
    color: #fff;
}

html{
    scroll-behavior: smooth;
}
.dreamit_nav_manu {
    background: transparent;
    z-index: 444;
    position: relative;
    margin-bottom: -91px;
    border-bottom: 1px solid #807e94;
}
/* dreamit Menu Css*/
.logo img {
    max-width: 100%;
    height: auto;
}
.dreamit_menu ul {
    list-style: none;
    display: inline-block;
    margin-left: 30px;
}
.dreamit_menu>ul>li {
   display: inline-block;
   position: relative;
}
.dreamit_menu > ul > li > a {
    display: block;
    margin: 30px 13px;
    -webkit-transition: .5s;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Rajdhani';
    background: linear-gradient( to right, #ED2C41, #ED2C41, 50%, #fff 50%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200%, 100%;
    background-position: 100%;
}
.slider-button-text h2 a {
     
    -webkit-transition: .5s;
    position: relative;
   
    font-weight: 600;
    font-family: 'Rajdhani';
    background: linear-gradient( to right, #ED2C41, #ED2C41, 50%, #fff 50%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200%, 100%;
    background-position: 100%;
}
.slider-button-text h2 a:hover {background-position: 0%;}

ul.nav_scroll li i {
    font-size: 15px;
    display: inline-block;
}
.dreamit_menu > ul > li > a:hover {
    background-position: 0%;
}
/*sticky*/
/* sub menu style */
/* sub menu 2 */
/* sub menu 3 */
/* sub menu 4 */
.dreamit_menu li a:hover:before{
	width:101%;
}
.main_sticky {
    display: none;
}
/*====================================================
--<	dreamit Header Top Menu Area Css -->
======================================================*/
/*** 
====================================================================
    Search Popup
====================================================================
***/
.search-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
.search-popup{
    width: 100%;
}
.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: #ED2C41;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #ffffff;
    -webkit-transition: all 500ms ease;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.search-popup form{
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin:-35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.search-popup .form-group{
    position:relative;
    margin:0px; 
    overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
    position:relative;
    display:block;
    font-size:18px;
    line-height: 50px;
    color:#000000;
    height:70px;
    width:100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-weight:500;
    text-transform:capitalize;
}
.search-popup .form-group input[type="submit"], .search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #ED2C41;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    border: none;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
    color: #000000;
}

.search-popup input::placeholder{
    color:#000000;
}
.search-popup .close-search.style-two{
    position: absolute;
    right: 25px;
    left: auto;
    color:#ffffff;
    width:auto;
    height:auto;
    top:25px;
    margin:0px;
    border:none;
    background:none !important;
    box-shadow:none !important;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.flaticon-multiply:before {
    content: inherit;
}
button.close-search i {
    font-size: 25px;
    color: #fff;
    display: inline-block;
}
span.flaticon-multiply i {
    display: inline-block;
    color: #ED2C41;
}
/*header button*/
.style-two .dreamit_menu ul {
    list-style: none;
    display: inline-block;
    margin-left: 5px;
}
.style-two .header-button {
    float: right;
    margin: 20px 200px 0 0px;
    /*margin: 20px 336px 0 0px;*/
}
.style-two .header-button i {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    background: linear-gradient(to top, #FC7C52 0%, #F14230 96%);
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 3px;
    text-align: center;
    transition: .5s;
}
.style-two .slider-button-text {
    float: right;
    position: relative;
    /*margin: -72px -51px 0 0;*/
    margin: 15px -220px 0 0;
}
.style-two .slider-button-text p {
    color: #fff;
    margin: 0;
    font-size: 14px;
    text-align: left;
}
.style-two .slider-button-text h2 {
    font-size: 20px;
    color: #fff;
    margin: 0;
}
.style-two .slider-button-text h2 a:hover {color:#ed2c41;}
.style-two .header-button i:hover {
    transform: rotateY(180deg);
}
/*nav button*/
.xs-sidebar-group .xs-overlay {
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 101;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in 0.8s;
    -o-transition: all 0.4s ease-in 0.8s;
    transition: all 0.4s ease-in 0.8s;
    cursor: url(../images/cross-out.html), pointer;
}
.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px;
}
.xs-sidebar-widget {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 360px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #272727;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility: hidden;
    opacity: 0;
}
.sidebar-textwidget {
    padding: 40px;
}
.close-side-widget i {
    color: #ED2C41;
    font-size: 24px;
    display: block;
}
.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in 0.3s;
    -o-transition: all 0.3s ease-in 0.3s;
    transition: all 0.3s ease-in 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 0;
}
.xs-bg-black {
    background-color: #ED451D;
}
/*html css*/
.nav-logo {
    margin: 0 0 50px;
}
.content-box h2 {
    color: #fff;
    font-size: 26px;
}
.content-box p {
    display: inline-block;
    color: #fff;
    padding: 15px 0 0;
}
a.theme-btn.btn-style-two span {
    color: #fff;
    font-size: 20px;
}
a.theme-btn.btn-style-two i {
    color: #ED2C41;
}
.contact-info h2 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 15px;
}
ul.list-style-one li {
    display: block;
    list-style: none;
    color: #fff;
    padding: 16px 0 0;
}
ul.list-style-one li span {
    font-size: 22px;
    font-weight: 600;
    color: #ED3420;
    margin: 0  10px 0 0px;
}
ul.social-box {
    margin: 30px 0 0;
}
ul.social-box li {
    display: inline-block;
    list-style: none;
    margin: 0 6px 0 0;
}
ul.social-box li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    transition: .5s;
    font-size: 18px;
    border-radius: 3px;
}
ul.social-box li a:hover {
    background: #ED3420;
    color: #fff;
}
/*
<!-- ============================================================== -->
<!-- Start slider area Css -->
<!-- ============================================================== -->*/
/*style two*/
/*slider three*/
/*style four*/
/*.submit-btn-form input {*/
/*    background: linear-gradient(to right, #ed2b22 0%, #ed431d 100%);*/
/*    padding: 18px 35px;*/
/*    border-radius: 5px;*/
/*    color: #fff;*/
/*    text-transform: uppercase;*/
/*    font-size: 18px;*/
/*    display: inline-block;*/
/*    margin-top: 24px;*/
/*    transition: .5s;*/
/*    font-family: 'Rajdhani';*/
/*    font-weight: 600;*/
/*    z-index: 1;*/
    /*animation: 1s 2s fadeInUp both;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/
/*.submit-btn-form input:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    z-index: -1;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    background: #fff;*/
/*    transform: scale(0);*/
/*    border-radius: 5px;*/
/*    transition: .5s;*/
/*}*/
/*.submit-btn-form input:hover:before{*/
/*    transform: scale(1);*/
/*}*/
/*.submit-btn-form input:hover {*/
/*    color: #ED2D22;*/
/*}*/
/*slider-thumb*/
/*slider seeven*/
/*shape*/
/*slider eight*/
/*==========================================
    Video  Css  
 ==========================================*/
@keyframes zoomBig {
0% {
transform: translate(-50%, -50%) scale(0.5);
opacity: 1;
border-width: 3px;
}
40% {
opacity: .5;
border-width: 2px;
}
65% {
border-width: 1px;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
border-width: 1px;
}
}
@keyframes zoomBig {
0% {
transform: translate(-50%, -50%) scale(0.5);
opacity: 1;
border-width: 3px;
}
40% {
opacity: .5;
border-width: 2px;
}
65% {
border-width: 1px;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
border-width: 1px;
}
}
/*style two*/
@-webkit-keyframes ripple-blue-1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(241,103,34, 0.3), 0 0 0 10px rgba(241,103,34, 0.3), 0 0 0 20px rgba(241,103,345, 0.3);
        box-shadow: 0 0 0 0 rgba(241,103,34, 0.3), 0 0 0 10px rgba(241,103,34, 0.3), 0 0 0 20px rgba(241,103,34, 0.3);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(241,103,34, 0.3), 0 0 0 20px rgba(241,103,34, 0.3), 0 0 0 30px rgba(241,103,34, 0);
        box-shadow: 0 0 0 10px rgba(241,103,34, 0.3), 0 0 0 20px rgba(241,103,34, 0.3), 0 0 0 30px rgba(241,103,34, 0);
    }
}

@keyframes ripple-blue-1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(241,103,34, 0.3), 0 0 0 10px rgba(241,103,34, 0.3), 0 0 0 20px rgba(241,103,34, 0.3);
        box-shadow: 0 0 0 0 rgba(241,103,34, 0.3), 0 0 0 10px rgba(241,103,34, 0.3), 0 0 0 20px rgba(241,103,34, 0.3);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(241,103,34, 0.3), 0 0 0 20px rgba(241,103,34, 0.3), 0 0 0 30px rgba(241,103,34, 0);
        box-shadow: 0 0 0 10px rgba(241,103,34, 0.3), 0 0 0 20px rgba(241,103,34, 0.3), 0 0 0 30px rgba(241,103,34, 0);
    }
}
/*style three*/
@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)
    }
}
/*
<!-- ============================================================== -->
<!-- Start section title area Css -->
<!-- ============================================================== -->*/
/*style two*/
/*style three*/

/*
<!-- ============================================================== -->
<!-- Start section title area Css -->
<!-- ============================================================== -->*/
.dreamit-section-title {
    margin-bottom: 35px;
}
.dreamit-section-title h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
}
.dreamit-section-title h5 {
    color: #ED2C41;
    font-size: 20px;
    margin-bottom: 4px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    display: inline-block;
}
.dreamit-section-title h5:before {
    position: absolute;
    z-index: 1;
    content: "";
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #ED2C41;
    right: -46px;
    top: 15px;
}
.dreamit-section-title:after {
    position: absolute;
    content: "";
    left: -5px;
    top: -16px;
    width: 63px;
    height: 63px;
    display: inline-block;
    background-repeat: no-repeat;
}
.dreamit-section-title span {
    color: #ED2C41;
}
.dreamit-section-title p {
    margin: 15px 0 0;
}
/*style two*/
.style-two.dreamit-section-title h5:after {
    position: absolute;
    content: "";
    left: -47px;
    top: 16px;
    background: #ED2C41;
    width: 38px;
    height: 1px;
    display: inline-block;
}
.style-two.dreamit-section-title:after {
    position: absolute;
    content: "";
    left: 486px;
    top: -9px;
    width: 63px;
    height: 63px;
    display: inline-block;
    background-repeat: no-repeat;
}
/*style three*/
.style-three.dreamit-section-title h5:after {
    position: absolute;
    content: "";
    left: -47px;
    top: 16px;
    background: #ED2C41;
    width: 38px;
    height: 1px;
    display: inline-block;
}
.style-three.dreamit-section-title:after {
    position: absolute;
    content: "";
    left: 486px;
    top: -9px;
    width: 63px;
    height: 63px;
    display: inline-block;
    background-repeat: no-repeat;
}
/*style four*/
.style-four.dreamit-section-title h5 {
    color: #ED2A22;
    font-size: 20px;
    margin-bottom: 4px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    display: inline-block;
}
.style-four.dreamit-section-title:after {
    position: absolute;
    content: "";
    left: 0;
    top: -9px;
    width: 63px;
    height: 63px;
    display: inline-block;
    background-repeat: no-repeat;
}
/*style two*/
/*five*/
.style-five.dreamit-section-title h5:after {
    position: absolute;
    content: "";
    left: -47px;
    top: 16px;
    background: #ED2C41;
    width: 38px;
    height: 1px;
    display: inline-block;
}
.style-five.dreamit-section-title:after {
    position: absolute;
    content: "";
    left: 522px;
    top: -11px;
    width: 63px;
    height: 63px;
    display: inline-block;
    background-repeat: no-repeat;
}
/*dreamit section title*/
.dreamit-section-title h5 {
    position: relative;
    z-index: 1;
    color: #F14130;
    padding: 0 0 18px;
}
.dreamit-section-title h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 145px;
    height: 37px;
    background: linear-gradient(to right, #FDDCE6 0%, #FBF0F1 100%);
    left: 0;
    right: 0;
    margin: auto;
    top: -6px;
    border-radius: 3px;
}
.dreamit-section-title h1 {
    font-size: 50px;
    line-height: 1;
    color: #151423;
    text-transform: uppercase;
}
.dreamit-section-title.white h1 {
    color:#fff;
}
/*about style*/
.style-two.dreamit-section-title h5 {
    position: relative;
    z-index: 1;
    color: #F14130;
    padding: 0 0 18px 35px;
}
.style-two.dreamit-section-title h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 145px;
    height: 37px;
    background: linear-gradient(to right, #DFFDE5 0%, #F0FDE3 100%);
    left: 0;
    right: 0;
    margin: 0;
    top: -6px;
    border-radius: 3px;
}
/*skill style*/
/*counter style*/
/*portfolio style*/
.portfolio.dreamit-section-title h5 {
    position: relative;
    z-index: 1;
    color: #0D3DFE;
    padding: 0 0 18px;
}
.portfolio.dreamit-section-title h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 145px;
    height: 37px;
    background: linear-gradient(to right, #E0F8FF 0%, #EAFBFF 100%);
    left: 0;
    right: 0;
    margin: auto;
    top: -6px;
    border-radius: 3px;
}
/*blog style*/
.blog.dreamit-section-title h5 {
    position: relative;
    z-index: 1;
    color: #0F4AC7;
    padding: 0 0 18px 27px;
}
.blog.dreamit-section-title h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 150px;
    height: 40px;
    background: linear-gradient(to right, #E0F8FF 0%, #EAFBFF 100%);
    left: 0;
    right: 0;
    margin: inherit;
    top: -18px;
    border-radius: 3px;
}
/*
<!-- ============================================================== -->
<!-- Start feature area Css -->
<!-- ============================================================== -->*/
/*style two*/
/*style two upper6 */
/*style three*/
/*shape*/
/*box style two*/
/*box style three*/
/*
<!-- ============================================================== -->
<!-- Start why choose us area Css -->
<!-- ============================================================== -->*/
/*style two*/
/*counter box*/
/*box two*/
/*counter shape*/
/*style three*/
/*style four*/
/*box-2*/
/*box-3*/


/*
======================================================
  Lines Area Style
======================================================*/
.lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    width: inherit;
    z-index: -1;
}
.lines .line {
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 46%;
    background: #333342;
    overflow: hidden;
    border-radius: 50%;
}
.lines .line::after {
    content: "";
    display: block;
    position: absolute;
    height: 15px;
    width: 2px;
    top: 0;
    left: 0;
    background-color: #ffbb00;
    -webkit-animation: moveLeftBounces-one 20s linear infinite;
    animation: moveLeftBounces-one 20s linear infinite;
}
.lines .line:nth-child(1) {
    margin-left: -24%;
}
.lines .line:nth-child(1)::after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.lines .line:nth-child(2) {
    margin-left: 1%;
}
.lines .line:nth-child(2)::after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.lines .line:nth-child(3)::after {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}

.lines .line:nth-child(3) {
margin-left: 25%;
}
/*style two*/
.style-two.lines .line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 46%;
    background: #e2e2ea;
    overflow: hidden;
    border-radius: 50%;
}
.style-two.lines .line::after {
    content: "";
    display: block;
    position: absolute;
    height: 15px;
    width: 1px;
    top: 0;
    left: 0;
    background-color: #ffbb00;
    -webkit-animation: moveLeftBounces-one 20s linear infinite;
    animation: moveLeftBounces-one 20s linear infinite;
}

@-webkit-keyframes moveLeftBounces-one {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(250px);
transform: translateY(250px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes moveLeftBounces-one {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(250px);
transform: translateY(250px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/*style three*/
.style-three.lines .line:nth-child(1) {
    margin-left: -24%;
}
.style-three.lines .line {
    position: absolute;
    width: 100%;
    height: 3px;
    top: 87px;
    left: 24%;
    background: transparent;
    overflow: hidden;
    border-radius: 50%;
}
.style-three.lines .line::after {
    content: "";
    display: block;
    position: relative;
    height: 3px;
    width: 50px;
    top: 0;
    left: 0px;
    background-color: #ef3729;
    -webkit-animation: moveLeftBounces-two 40s linear infinite;
    animation: moveLeftBounces-two 40s linear infinite;
    overflow: hidden;
}
@-webkit-keyframes moveLeftBounces-two {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(1920px);
transform: translateY(1920px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@keyframes moveLeftBounces-two {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(1920px);
transform: translateX(1920px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/*
<!-- ============================================================== -->
<!-- Start service area Css -->
<!-- ============================================================== -->*/
/*active*/
/*style two*/
/*style three*/
/*style three upper5*/
/*style four*/
/*active box*/

/*style five*/
/*button*/
/*box3*/
/*box4*/
/*box5*/
/*box5*/
/*
<!-- ============================================================== -->
<!-- Start about area Css -->
<!-- ============================================================== -->*/
/*stylw two*/
/*style three*/
/*style four*/
/*style five*/
/*icon box style two*/
/*box2*/
/*box3*/
/*box4*/
/*button*/
/*
<!-- ============================================================== -->
<!-- Start call do action area Css -->
<!-- ============================================================== -->*/
/*style two*/

/*
<!-- ============================================================== -->
<!-- Start call do action area Css -->
<!-- ============================================================== -->*/
/*style two*/
/*
<!-- ============================================================== -->
<!-- Start owl nav area Css -->
<!-- ============================================================== -->*/
/*owl nav css*/
/*slider owl nav*/
/*slider six owl nav*/
/*service nav*/
/*portfolio*/
/*testimonial*/
/*blog*/
/*owl team*/
/*====================================================
--<	dreamit Portfolio Area Css -->
======================================================*/

/* Portfolio Nav */
/* Single Portfolio */
/* Portfolio Hover */
/*style two*/
/*style three*/
/*style three upper7*/
/*style four*/
/*style five*/
/*portfolio button*/
/*portfolio box-2*/
/*portfolio box-3*/
/*portfolio box-4*/
/*
<!-- ============================================================== -->
<!-- Start brand area Css -->
<!-- ============================================================== -->*/
/*style two*/
/*style three*/
/*style four*/
/*style five*/
/*
<!-- ============================================================== -->
<!-- Start why choose us area Css -->
<!-- ============================================================== -->*/
/*
<!-- ============================================================== -->
<!-- Start skill area Css -->
<!-- ============================================================== -->*/
/*skill thumb*/
/*prossess ber*/
.barfiller {
    width: 100%;
    height: 3px;
    background: #4b4c59;
    position: relative;
    margin-bottom: 22px;
    margin-top: 11px;
    border-radius: 5px;
}
/*prosess bar two*/
.style-three .barfiller {
    width: 100%;
    height: 5px;
    background: #4b4c59;
    position: relative;
    margin-bottom: 30px;
    margin-top: 11px;
    border-radius: 5px;
}
/*counter style two*/
/*skill area style two*/
/*skill bar*/
/*upper4*/
/*style three*/
/*button*/
/*button two*/
/*skill shape*/
/*style four*/
/*
<!-- ============================================================== -->
<!-- Start testimonial area Css -->
<!-- ============================================================== -->*/
/*style two*/
/*style three*/


/*
<!-- ============================================================== -->
<!-- Start team area Css -->
<!-- ============================================================== -->*/
/*style upper1*/

/*style two*/ 
 /*style three*/
/*.row.team-bottom {*/
/*    position: relative;*/
/*    margin-bottom: -171px;*/
/*    z-index: 1;*/
/*}*/
/*style four*/
span.email {
    font-size: 17px;
    color: #ED2A22;
    padding-left: 3px;
}
span.email:hover{
    color: #F75E40 !important;
}
/*
<!-- ============================================================== -->
<!-- Start pricing area Css -->
<!-- ============================================================== -->*/
/*hover*/
/*
<!-- ============================================================== -->
<!-- Start blog area Css -->
<!-- ============================================================== -->*/
.blog_area {
    padding-bottom: 20px;
}
.single_blog {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.single_blog_thumb img {
    width: 100%;
}
.single_blog_content {
    padding: 22px 30px 30px 30px;
    box-shadow: 0 4px 30px rgb(0 0 0 /12%);
    position: relative;
    z-index: 1;
}
.single_blog_content:before {
    position: absolute;
    content: "";
    z-index: 1;
    height: 52px;
    width: 2px;
    background: #f00;
    left: 0;
    bottom: 100px;
}
.post-categories {
    float: left;
    margin-right: 25px;
}
.post-categories a {
    display: inline-block;
    color: #616161;
    transition: .5s;
}
.post-categories span i {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    color: #ED2C41;
}
.dreamit_blog_meta a {
    display: inline-block;
    font-size: 16px;
    color: #616161;
    font-style: italic;
    transition: .5s;
    float: right;
}
.dreamit_blog_meta a i {
    display: inline-block;
    font-size: 16px;
    margin-right: 4px;
    transition: .5s;
    color: #ED2C41;
}
.dreamit_blog_meta span {
    color: #232434;
    font-style: normal;
    transition: .5s;
}
.blog_page_title h4 {
    font-size: 26px;
}
.blog_page_title h4 a {
    font-weight: 700;
    font-family: 'Rajdhani';
    display: inline-block;
    transition: .5s;
    margin: 10px 0 0;
}
.blog_page_title h4 a:hover{
   color:#ED2C41; 
}
/*styl two*/
.blog_area.style-two {
    background: #1B1D21;
    padding: 100px 0 190px;
}
.style-two .single_blog {
    position: relative;
    z-index: 1;
    margin: 0 15px 30px;
}
.style-two .single_blog_content {
    background: #222427;
    padding: 22px 30px 30px 30px;
    position: inherit;
}
.style-two .post-categories a {
    display: inline-block;
    color: #bcc7cd;
    transition: .5s;
}
.style-two .dreamit_blog_meta a {
    display: inline-block;
    font-size: 16px;
    color: #bcc7cd;
    font-style: italic;
    transition: .5s;
    float: right;
}
.style-two .blog_page_title h4 {
    font-size: 26px;
    color: #fff;
}
/*style three*/
.style-three.blog_area {
    padding: 100px 0 80px;
}
.style-three .single_blog {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    transition: .5s;
}
.style-three .blog_page_title h4 {
    font-size: 21px;
}
.style-three .single_blog:hover {
    box-shadow: 6px 5px 30px rgb(0 0 0 / 12%);
}
.style-three.single_blog:hover {
    box-shadow: 6px 5px 30px rgb(0 0 0 / 12%);
}
.style-three .post-categories a:hover {
    color: #FF0000;
}
/*style four*/
.blog_area.style-four {
    background: #F1F3F5;
    
}
.style-four .single_blog {
    position: relative;
    z-index: 1;
    
}
.style-four .single_blog_content:before {
    position: absolute;
    content: "";
    z-index: 1;
    height: 52px;
    width: 2px;
    background: linear-gradient(to top, #ed431d 6%, #ed2b22 40%);
    left: 0;
    bottom: 100px;
}
.style-four .single_blog_content {
    padding: 15px 15px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
    position: inherit;
    border-radius: 0 0 5px 5px;
}
.style-four .blog_page_title h4 a:hover {
    color: #ED3221;
}
/*style-four upper3*/
/*style-four upper2*/
.single_blog_thumb img {
    width: 100%;
    transition: .5s;
}
.single_blog:hover .single_blog_thumb img {
    
    -webkit-filter: grayscale(100%);
}
/*button*/
/*blog box*/
.style-five .single_blog_thumb img {
    width: 100%;
    -webkit-filter: inherit;
    border-radius: 10px 10px 0 0;
}
.style-five .post-categories a {
    display: inline-block;
    color: #000E52;
    transition: .5s;
}
.style-five .post-categories span i {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    color: #000E52;
}
.style-five .blog_page_title h4 {
    font-size: 32px;
}
.style-five .blog_page_title h4 a {
    font-weight: 700;
    font-family: 'Rajdhani';
    display: inline-block;
    transition: .5s;
    margin: 18px 0 0;
    color: #000E52;
}
.style-five .blog_page_title h4 a:hover {
    color: #0F49C6;
}
/*blog box-2*/
.style-five .post-categories a {
    display: inline-block;
    color: #000E52;
    transition: .5s;
}
.style-five .post-categories span i {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    color: #000E52;
}
/*
<!-- ============================================================== -->
<!-- Start subscribe area Css -->
<!-- ============================================================== -->*/
.row.subscribe-bg {
    background: url(../images/resource/counter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 40px 50px 38px;
    position: relative;
    border-radius: 10px;
}
.subscribe-title h1 {
    font-size: 45px;
    margin-bottom: 5px;
    color: #fff;
}
/*form area*/
.from-box input {
    float: right;
    height: 54px;
    background-color: #fff;
    border-color: transparent;
    transition: .5s;
    border: 1px solid #e6e6e6;
    padding: 7px 20px;
    display: block;
    width: 80%;
    color: #00132b;
    margin-bottom: 16px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}
.from-box button {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 16px;
    padding: 13px 25px;
    text-transform: uppercase;
    font-family: 'Rajdhani';
    font-weight: 600;
    font-size: 17px;
    border: 0;
    background: #232434;
    color: #fff;
}
/*style two*/
.style-two.subscribe-area {
    background: url(../images/resource/subs1.html);
    padding: 48px 0 40px;
}
/*style three*/
.subscribe-area.style-four {
    position: relative;
    margin-top: -92px;
}
/*style five*/
.style-five.subscribe-area {
    position: relative;
    background-color: #212121;
    padding-top: 20px;
    
}

/*
<!-- ============================================================== -->
<!-- Start footer area Css -->
<!-- ============================================================== -->*/
.footer-middle {
    background: url(../images/resource/footer-bg.jpg);
    padding: 195px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.dreamit-logo {
    margin-top: 10px;
}
.company-info-desc p {
    color: #fff;
    font-size: 17px;
}

.widget.widget-nav-menu {
    padding-left: 15px;
}

h4.widget-title {
    color: #fff;
    font-size: 28px;
    padding-bottom: 28px;
    margin-top: 0;
}
h4.widget-title span {
    color: #ed2c41;
}
.menu-quick-link-content ul li {
    display: block;
    list-style: none;
    position: relative;
    z-index: 1;
    padding-left: 15px;
}
.menu-quick-link-content ul li:before {
    position: absolute;
    z-index: 1;
    content: "";
    top: 14px;
    left: -6px;
    width: 10px;
    height: 1px;
    border-radius: 50%;
    background: #fff;
}
.menu-quick-link-content ul li a {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 0 0 7px;
    transition: .5s;
    background-image: linear-gradient( to right, #ED2C41, #ED2C41, 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.menu-quick-link-content ul li a:hover {
    background-position: 0%, 100%;
    padding-left: 3px;
}
.footer-recent-post {
    margin-bottom: 24px;
}
.footer-recent-post ul li {
    display: block;
    list-style: none;
    position: relative;
    z-index: 1;
    padding-left: 15px;
}
.footer-recent-post ul li:before {
    position: absolute;
    z-index: 1;
    content: "";
    top: 14px;
    left: -6px;
    width: 10px;
    height: 1px;
    border-radius: 50%;
    background: #fff;
}
.footer-recent-post ul li a {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 0 0 7px;
    transition: .5s;
    background-image: linear-gradient( to right, #ED2C41, #ED2C41, 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.footer-recent-post ul li a:hover {
    background-position: 0%, 100%;
    padding-left: 3px;
}
.footer-socail-icon {
    float: left;
    margin-right: 20px;
}
.footer-socail-icon i {
    display: inline-block;
    font-size: 26px;
    color: #D00A2B;
}
.footer-socail-info p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 33px;
}
.footer-socail-info2 p {
    color: #fff;
}
/*footer bottom*/
.footer-bottom-content {
    padding-top: 22px;
}
.row.footer-bottom {
    border-top: 1px solid #ed2a22;
    margin-top: 80px;
}
.footer-bottom-content-copy p {
    color: #fff;
}
.footer-bottom-content-copy span {
    color: #D00A2B;
}
.footer-bottom-menu p {
    color: #fff;
    padding: 20px 0 0;
}
/*
<!-- ============================================================== -->
<!-- Start contact-us area Css -->
<!-- ============================================================== -->*/
/*form box style two*/
.contact-form-box.style-two {
    background: #f3f7fa;
    padding: 34px 50px  30px;
    border-radius: 8px;
}
.style-two .from-box input {
    float: right;
    height: 54px;
    background-color: #fff;
    border-color: transparent;
    transition: .5s;
    border: 0;
    padding: 7px 20px;
    display: block;
    width: 100%;
    color: #00132b;
    margin-bottom: 16px;
    font-weight: 400;
    position: relative;
    z-index: 1;
}
.from-box select {
    height: 54px;
    width: 100%;
    border: 0;
    padding: 7px 20px;
    color: #A0A4B6;
}
/*style three*/
.contact-form-box.style-three {
    /*margin-top: -233px;*/
}
.style-three .from-box input {
    float: right;
    height: 56px;
    background-color: #fff;
    border-color: transparent;
    transition: .5s;
    border: 1px solid #e6e6e6;
    padding: 6px 20px;
    border-radius: 5px;
    display: block;
    width: 100%;
    color: #00132b;
    margin-bottom: 16px;
    font-weight: 400;
    position: relative;
    z-index: 1;
}
input:focus, button:focus {
    border-color: transparent;
    outline-color: transparent;
    box-shadow: 0 0 0 0.2rem rgb(237 46 33 / 50%);
}
/*style three upper2*/
/*style three upper8*/
 button:focus {
    border-color: transparent;
    outline-color: transparent;
    box-shadow: inherit;;
}
/*style four*/
/*style six*/
/*contact-shape*/

/*
<!-- ============================================================== -->
<!-- Start faq area Css -->
<!-- ============================================================== -->*/
/*accordion*/

a.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.active:before{
  display: none;
}
/*style two*/
.style-two a.active:after {
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.style-two a.active {
    background: linear-gradient(to right, #ed2b22 0%, #ed431d 60%);
    color: #fff !important;
}
.style-two a.active:before {
    background: #fff !important;
}
.style-two a.active:after {
    background: #fff !important;
}
/*style two upper8*/

/*faq icon box*/
/*
<!-- ============================================================== -->
<!-- Start scrollup section -->
<!-- ============================================================== -->*/
.scroll-area{
  position: relative;
  z-index: 999;
 }
.scroll-area .go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 30px;
    color: #ffffff;
    background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    z-index: 9999;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.9s ease-out 0s;
    -moz-transition: all 0.9s ease-out 0s;
    -ms-transition: all 0.9s ease-out 0s;
    -o-transition: all 0.9s ease-out 0s;
    transition: all 0.9s ease-out 0s;
    border-radius: 10px; 
}
.scroll-area .go-top i {
      position: absolute;
      top: 50%;
      left: -4px;
      right: 0;
      margin: 0 auto;
      font-size: 15px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -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; 
  }
.scroll-area .go-top i:last-child {
        opacity: 0;
        visibility: hidden;
        top: 60%; 
    }
.scroll-area .go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    background-image: linear-gradient(to right, #00132b 0%, #00132b 100%);
    background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    opacity: 0;
    visibility: hidden;
    -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;
    border-radius: 100%;
}
.scroll-area .go-top:focus, .scroll-area .go-top:hover {
      color: #fff; 
  }
.scroll-area .go-top:focus::before, .scroll-area .go-top:hover::before {
        opacity: 1;
        visibility: visible; 
}
.scroll-area .go-top:focus i:first-child, .scroll-area .go-top:hover i:first-child {
        opacity: 0;
        top: 0;
        visibility: hidden;
 }
.scroll-area .go-top:focus i:last-child, .scroll-area .go-top:hover i:last-child {
        opacity: 1;
        visibility: visible;
        top: 50%; 
}
.scroll-area .go-top.active {
    top: 95%;
    -webkit-transform: translateY(-98%);
    -moz-transform: translateY(-98%);
    -ms-transform: translateY(-98%);
    -o-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    right: 30px;
    border-radius:100%;
}
.top-wrap {
  position: relative; 
}
.top-wrap .go-top-button {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    top: 3px;
    z-index: 1;
    background-image: -moz-linear-gradient(0deg, #69DDCC 0%, #c1282a 100%);
    background: #ED2C41;
    background-image: -ms-linear-gradient(0deg, #69DDCC 0%, #c1282a 100%);
}
 .top-wrap .go-top-button i {
      font-size: 20px;
      font-weight: 700;
      padding-left: 4px;
      color: #fff;
 }
.top-wrap .go-top-button::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 45px;
    height: 45px;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
    -o-animation: ripple 1.6s ease-out infinite;
    animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    background-image: -moz-linear-gradient(0deg, #69DDCC 0%, #69DDCC 100%);
    background-image: -webkit-linear-gradient(0deg, #fb8a42 0%, #fb8a42 100%);
    background-image: -ms-linear-gradient(0deg, #69DDCC 0%, #69DDCC 100%);
    border-radius: 100%;
}
.top-wrap .go-top-button:hover {
      background-color: #222;
      color: #fff; 
  }
@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); } }


/* bounce-animate */
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); } }
@-webkit-keyframes float-bob2 {
  0% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); }
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); } }
@-webkit-keyframes float-bob3 {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  50% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px); }
  100% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes float-bob4 {
  0% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px); }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  100% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px); } }
@-webkit-keyframes float-bob5 {
  0% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px); }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  100% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px); } }
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
/* bounce-animate */    
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@-webkit-keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}
/*animation*/
@keyframes moveLeftBounce {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/*testimonails*/




/*technology card*/

/*contact us section*/
/*#contact-form input {margin:0px;}*/
.text-white {color:#fff;}



@media (min-width: 1200px){
.container {max-width:1300px!important}}


/* fixes  */


#contact-us {
    padding-bottom: 50px;
}


.static-black {
    background-color: #000000;
}

.header-clear {
    padding-top: 90px;
}

.footer-clear {
    padding-bottom: 50px
}


.t-red {
    color: #ED2C41;
}


.blog-single-meta {
    display: flex;
    justify-content: center;
}

.blog-single-meta > div {
    margin-right: 20px;
}


.page-item.active .page-link {
    background-color: #ED2C41;
    border-color: #ED2C41;
}

.page-link {
    color: #ED2C41;
}

.page-link:hover {

    color: #ffffff;
    text-decoration: none;
    background-color: #f77381;
    border-color: #f77381;

}


.share_article__items a {font-size: 25px;}
.share_article__items .fa-brands {
    font-size: 25px;
}


@media (max-width: 768px) {

    .row.subscribe-bg {
        padding: 20px 10px;
    }

    .row.subscribe-bg .from-box input {
        width: 100%;
    }

    .row.subscribe-bg .from-box button {
        
        height: 55px;
        right: 13px;

    }

    .menu-quick-link-content ul li:before, .footer-recent-post ul li:before {
        display: none;
    }
}


.cookie-content {
    max-width: 300px;
    position: fixed;
    bottom: 20px;
    left: 10px;
    background-color: #f5f5f5;
    padding: 10px 20px;
    z-index: 100;
    border-radius: 8px;
    box-shadow: 1px 1px 3px #1aa3d7;
    opacity: 0;
    transform: translateX(-200%);
    transition: all 0.3s ease-in;
}

.cookie-content p {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0;
    font-size: 14px;
    color: #000;
}


#content-trigger {
    background-color: #1aa3d7;
    padding: 3px 15px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.content-trigger-wrap {
    display: flex;
    justify-content: space-between;
}


a.link-policy {
    color: #1aa3d7;
    border-bottom: 1px solid #1aa3d7;
}



.shadow-box {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    padding: 30px 30px;
    margin-bottom: 30px;
}

.list-style-none {
    list-style: none;
}

.list-style-none.cat {
    padding-left: 10px;
}

.search-main-wrap {
    display: flex;

}

.search-main-wrap input[type=text] {
    flex: 1;
    background-color: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #333;
    box-shadow: none;
    font-size: 22px;
}

.search-main-wrap input[type=text]:focus {
    outline: none;
}

.search-main-wrap button[type=submit] {
    outline: none;
    border: none;
    color: #ED2C41;
}


.blog-category-select-wrap select {
    border: none;
    border-bottom: 1px solid #333;
    width: 100%;
    background-color: transparent;
    font-size: 18px;
}

.blog-category-select-wrap select:focus {
    outline: none;
}

.related-item {
    display: flex;
    margin-bottom: 20px;

}

.related-item > .rel-one {
    width: 95px;
}

.related-item > .rel-one img {
    border-radius: 8px;
}

.related-item > .rel-two {
    flex: 1;
    margin-left: 10px;
}

.rel-two h6 a {
    font-size: 15px;
    font-weight: 600;
}

.rel-date {
    font-size: 12px;
    color: #333;
}

.sidebar.sticky-top {
    top: 100px;
    z-index: 1;
}

.blog-single-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('../images/blog-single-bg.jpg');
    padding-top: 150px;
    padding-bottom: 150px;
    position: relative;
}

.blog-single-bg:after {

    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #010C3A;
    background: -webkit-linear-gradient(to right, #010C3A 0%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(to right, #010C3A 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, #010C3A 0%, rgba(255,255,255,0) 100%);
}

.blog-single-hero-inner {
    position: relative;
    z-index: 1;
}

.blog-single-content {
    margin-bottom: 100px;
}