@font-face {
     font-family: 'Raleway';
     src: url('../fonts/Raleway-Regular.ttf');
}
 body{
     font-family: Raleway;
}
.type-div{
    margin-top:20px;
    text-align: center;
}
.type-title{
    color:#fff !important;
}
.type-img{
    width: 30px;
}
.comm-btn{
    margin-left:20px;
}
.comm-label{
    cursor:pointer;
}
.res-label{
    cursor:pointer;
}
.modal-backdrop{
    opacity: 0.9 !important;
}
 @media (min-width:1500px){
     .menu-p .menu-c.affix{
         transform: translateY(-90px);
         width: 50%;
    }
}
 @media (max-width:1299px){
     .menu-c.affix .navbar-brand{
         padding: 0px;
    }
     .menu-p .affix{
         padding-left: 30px;
         padding-right: 38px;
    }
}
 @media only screen and (max-width: 768px){
     .main-header .header-upper {
         background-color: #44444470;
    }
}
 @media only screen and (max-width: 480px){
     .my-carousel{
         padding-top: 271px;
    }
}
 @media screen and (max-width: 1140px){
    /* .header-upper{*/
    /*     margin-top: 15px;*/
    /*}*/
}
 @media screen and (max-width: 480px){
     .header-upper{
         margin-top: 0px;
    }
}
 .mobile-banner{
     padding-top: 74px;
}
/*========================================================*/
 @media (max-width:1199px){
     .menu-nav .menu-left{
         padding-left: 20px;
    }
     .main_nav{
         padding-left: 0px;
    }
     .menu-nav .navbar-right li a{
         padding: 0px 10px;
    }
     .menu-nav .navbar-brand{
         line-height: 70px;
    }
     .menu-nav .navbar-right{
         padding-left: 10px;
    }
     .menu li a{
         line-height: 70px;
    }
     .menu-nav .navbar-right li a.cart-info:after{
         top: 20px 
    }
     .header-top .nav-text .inner a{
         padding: 0px 15px;
    }
     .menu-c .navbar-header{
         float: none;
    }
     .menu-p .menu-nav.affix .menu li.dropdown > a:after{
         bottom: 18%;
    }
     .menu-p .menu-nav.affix .navbar-brand{
         padding:0px;
    }
     .menu-c .navbar-brand{
         padding: 5px 0px 0px 0px;
         line-height: 20px;
         margin-top: 0px;
    }
     .menu-c .menu li a{
         line-height: 40px;
    }
     .menu-p .menu li.dropdown > a:after{
         bottom: 18%;
    }
     .inner-b + .inner-b{
         margin-left: 5px;
    }
     .slide-Link .btn-primary + .btn-primary{
         margin-left: 5px;
    }
     .full-s-holder .full-slider .slider-content-holder{
         width: 932px;
    }
     .slide-i .slider-icon .media + .media{
         margin-top: 10px !important;
    }
     .managment-support-area .support-info p {
         padding-left: 0px;
         padding-right: 0;
    }
     .wh-us .support-info .round-icon{
         margin-right: 5px;
    }
     .services .support-info h4{
         font-size: 14px;
    }
     .recent-pr .support-info h4{
         font-size: 14px;
    }
     .promo-section .promo-content {
         width: 470px;
         margin-left: 40px;
    }
     .skills{
         max-width: 950px;
         margin: 0 auto;
    }
     .skills-area .skills-left{
         width: 100%;
         padding: 0;
    }
     .skills-area .skills-right{
         width: 100%;
         padding: 30px 15px 0px;
    }
     .skills-area .skills-right .skills-content{
         max-width: 100%;
    }
     .skills-area .skills-right ul li{
         width: 40%;
    }
     .browser-no-c-area .br-content{
         padding-left: 20px;
    }
     .browser-no-c-area .br-content p{
         padding: 10px 0px 
    }
     .faq-accordion-area .panel .panel-heading .panel-title a span{
         width: 92.5% 
    }
     .project-d-info-area .pr-p .pr-info{
         width: 100%;
    }
     .accordian-area .accordian-right{
         padding-left: 20px;
         padding-right: 10px;
    }
     .promo-section .promo-content{
         padding: 45px 0px 30px 0px;
    }
     .promo-section .promo-left img{
         width: 100%;
         height: 435px;
    }
     .promo-section .promo-content h2{
         line-height: 25px;
         font-size: 25px;
    }
     .promo-section .promo-content .pr-c{
         line-height: 26px;
         font-size: 19px;
    }
     .progress-element p{
         padding-top: 0px;
    }
     .skills-area .skills-left img{
         width: 100%;
    }
     .testimonial_area{
         background-position: 67% bottom !important;
    }
     .icon-progressbar .media .media-body h4 {
         font-size: 18px;
         line-height: 28px;
    }
     .icon-progressbar .media .media-left{
         padding-right: 17px;
    }
     .project-d-info-area .pr-details-two{
         padding-bottom: 50px;
    }
     .rq-mailform .group-item {
         width: 270px;
    }
     .fiz_test_c .carousel-indicators li{
         width: 85px;
         height: 85px;
    }
     .item-carousel-caption .testimonial_des .testimonial_name h3{
         font-size: 18px;
    }
     .quote-body p{
         font-size: 14px;
    }
}
/*=========================================================*/
 @media (max-width:991px){
     .header-top .top-nav{
         width: 100%;
         display: inline-block;
         text-align: center;
    }
     .header-top .top-nav li a{
         line-height: 30px;
    }
     .menu-nav .navbar-brand{
         padding-bottom: 5px;
         margin-top: 0;
    }
     .menu-nav{
         padding: 0px;
    }
     #main_navbar.affix + section, #main_navbar.affix + div, #main_navbar.affix + .row{
         margin-top: 0px;
    }
     .menu li a:before{
         display: none;
    }
     .menu-nav .navbar-right{
         display: none;
    }
     .menu-nav .navbar-right.menu-left{
         display: block;
         background: #fff;
         margin: 0px;
         padding: 20px;
    }
     .main_nav{
         border-top: 0px;
    }
     .menu-c{
         padding-left: 15px;
    }
     .menu-p .affix{
         padding-left: 15px;
         padding-right: 0px;
    }
     .menu-nav.affix .navbar-brand{
         padding-bottom: 5px;
         padding-top: 5px;
         margin-top: 0px;
    }
     .navbar-toggle{
         margin-top: 22px;
         background-image: -moz-linear-gradient( 0deg, rgb(24,90,157) 0%, rgb(69,206,162) 100%);
         background-image: -webkit-linear-gradient( 0deg, rgb(24,90,157) 0%, rgb(69,206,162) 100%);
         background-image: -ms-linear-gradient( 0deg, rgb(24,90,157) 0%, rgb(69,206,162) 100%);
         border: 0px;
         border-radius: 0px;
         @include transition;
    }
     .navbar-default .navbar-toggle:hover{
         background-image: -moz-linear-gradient( 0deg, rgb(24,90,157) 0%, rgb(69,206,162) 100%);
         background-image: -webkit-linear-gradient( 0deg, rgb(24,90,157) 0%, rgb(69,206,162) 100%);
         background-image: -ms-linear-gradient( 0deg, rgb(24,90,157) 0%, rgb(69,206,162) 100%);
    }
     .navbar-default .navbar-toggle .icon-bar{
         background: #fff;
    }
     .navbar.navbar-default.menu-nav.home5.affix .navbar-brand{
         margin-top: 0;
    }
     .menu-nav .menu-left{
         padding-left:15px;
         padding-right: 15px;
         margin: 20px 0px;
    }
     .menu-p .menu-nav.affix .navbar-brand{
         padding-bottom: 5px;
         margin-top: 3px;
         padding-top: 5px;
    }
     .navbar-default .navbar-nav > li > a{
         padding: 0px;
    }
     .menu li a{
         line-height: 35px;
    }
     .menu li.open .dropdown-menu{
         background: #242424;
         position: relative;
         padding: 0px 0px 13px;
    }
     .menu li.open .dropdown-menu li a{
         color: #5c5c5c;
    }
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover ,:focus{
         color: #fff;
    }
     .menu li .dropdown-menu::after{
         content: "";
         right: 0;
    }
     .nav.navbar-nav.navbar-right.menu{
         padding-left: 32px;
    }
     .menu li.open .country-n{
         width: 30px;
         float: left;
    }
     .menu li.open .country-n li a{
         padding: 0px 0px 0px 8px;
    }
     .home-3.affix .navbar-collapse{
         background: #fff;
         border-color:#fff;
    }
     .header-top .top-nav li.open .dropdown-menu{
         position: absolute;
    }
     .menu li.dropdown.mega-dropdown{
         position: relative;
    }
     .menu li.dropdown.mega-dropdown .mega-drop{
         background-image: none;
         background-color: #242424;
         position: absolute;
         width: 100%;
    }
     .menu li.dropdown.mega-dropdown .mega-drop li{
         width: 100%;
    }
     .header-top .nav-text .inner + .inner:before{
         top: 11%;
    }
     .brands-area{
         padding-top: 60px;
    }
     .brands-area .brands-logos .logo {
         margin-top: 30px;
    }
     .recent-p{
         padding: 25px 0px 0px 0px;
    }
     .clients .logo-br + .logo-br{
         margin-top: 0px;
    }
     .logo-br .logo{
         padding-bottom: 20px;
    }
     .section-baner .baner-btn{
         float: none;
         width: 505px;
         margin: 0 auto;
    }
     .inner-b + .inner-b{
         margin-left: 35px;
    }
     .full-s-holder .full-slider .slider-content-holder{
         width: 720px;
    }
     .fullwidth-slider-item-content-holder{
         width: 100%;
         background: linear-gradient(90deg, rgba(33, 33, 33, 0.98) 100%, transparent 50%);
    }
     .full-s-holder .full-slider .baner-full-content:after{
         display: none;
    }
     .full-s-holder .full-slider .baner-full-content{
         background: none;
    }
     .re-projects-area .portfolio-items .portfolio-item .list-unstyled li a{
         width: 45px;
         height: 45px;
    }
     .re-projects-area .portfolio-items .portfolio-item .list-unstyled li a i{
         font-size: 24px;
         line-height: 40px;
    }
     .re-projects-area .portfolio-items .portfolio-item .list-unstyled li a::after{
         font-size: 24px;
         line-height: 42px;
    }
     .hermes.tparrows{
         height: 50px;
    }
     .rev_slider .hermes.tparrows::before{
         font-size: 40px;
         line-height: 45px;
    }
     .slider-3 .tp-leftarrow{
         top: 70% !important;
    }
     .slider-3 .tp-rightarrow{
         top: 70% !important;
    }
     .slide-i .slider-icon.right{
         float: left;
    }
     .slide-i .slider-icon .media + .media{
         margin-top: 30px !important;
    }
     .slide-i .slider-icon .media .media-left{
         padding-right: 5px !important;
    }
     .slide-i .slider-icon .media{
         max-width: 350px;
    }
     .managment-support-area .support-info{
         padding-bottom: 20px;
    }
     .managment-support-area .support-info + .support-info{
         padding-top: 1px;
    }
     .wh-us .support-info .round-icon{
         margin-right: 24px;
    }
     .services .support-info h4{
         font-size: 18px;
    }
     .promo-section{
         display: block;
    }
     .promo-section .promo-left{
         width: 100%;
    }
     .promo-section .promo-left img{
         max-width: 100%;
    }
     .promo-section .promo-right{
         width: 100%;
         display: block;
    }
     .promo-section .promo-content{
         width: 100%;
         margin: 0px;
         padding: 80px 15px 96px 15px;
    }
     .promo-section .promo-content .pr-c{
         padding-right: 0px;
         font-size: 25px;
         line-height: 36px;
    }
     .skills-area .skills-left img{
         max-width: 100%;
    }
     .about-us-area .about-content p{
         padding-right: 0px;
    }
     .browser-no-c-area .br-image{
         width: 100%;
    }
     .browser-no-c-area .content{
         width: 100%;
    }
     .browser-no-c-area .br-content{
         padding-left: 0px;
         margin: 30px 0px;
    }
     .browser-no-c-area .br-content p{
         padding: 35px 0px 47px 0px;
    }
     .services-wd-area .services-img{
         margin-bottom: 20px;
    }
     .services-2 .services-img{
         margin-bottom: 0px;
         margin-top: 20px;
    }
     .pricing-plan-area .pricing_table .items{
         padding: 15px;
    }
     .faq-accordion-area .panel .panel-heading .panel-title a span{
         width: 90.2% 
    }
     .faq-accordion-area .panel .faq-content .media-left{
         display: block;
         max-width: 401px;
         margin-bottom: 30px;
    }
     .blog-area .blogs{
         width: 100%;
    }
     .blogs{
         padding-right: 15px;
    }
     .sidebar-section{
         width: 100%;
         margin-top: 30px;
    }
     .project-d-info-area .pr-details .pr-info{
         width: 100%;
         margin-top: 30px;
    }
     .pr-p p{
         padding-right: 0px;
    }
     .pr-details2{
         margin-bottom: 0px;
    }
     .featured-projects-area .single-product-item{
         padding-bottom: 30px;
    }
     .featured-projects-area .f-p{
         padding: 20px 0px 65px 0px 
    }
     .shop-details-page .product-details .add-cart-btn{
         margin-left: 5px;
    }
     .accordian-area{
         display: block;
    }
     .accordian-area .accordian-left{
         width: 100%;
    }
     .accordian-area .accordian-right{
         width: 100%;
    }
     .accordian-area .accordian-right .tap-content{
         max-width: 100%;
    }
     .promo-section .promo-left img{
         width: 100%;
         height: auto;
    }
     .promo-section .promo-content h2{
         font-size: 30px;
         line-height: 60px;
    }
     .progress-element p{
         padding-top: 15px;
    }
     .skills-area .skills-left img{
         float: none;
    }
     .mfp-content .video-inner{
         width: 500px;
         margin: 0 auto;
    }
     .mfp-content .video-inner iframe{
         width: 100%;
    }
     .testimonial_slider .flex-md-row-reverse{
         display: block;
    }
     .testimonial_slider .flex-md-row-reverse .right_column{
         text-align: center;
    }
     .testimonial_slider .flex-md-row-reverse .right_column img{
         width: auto;
         display: inline-block;
    }
     .testimonial_area {
         background-position: 96% top !important;
         background-size: unset!important;
    }
     .testimonial_slider .left_column .testimonial_texts{
         padding: 100px 0px 120px;
    }
     .icon-progressbar{
         margin-bottom: 30px;
    }
     .skill_progress_bar{
         padding: 150px 0px 120px;
    }
     .price-card{
         margin-bottom: 30px;
    }
     .about_us_two{
         display: block;
    }
     .about_content-two{
         margin-bottom: 50px;
    }
     .service_area_three .row{
         display: block;
    }
     .tab_service_content{
         padding-left: 0px;
         padding-top: 50px;
    }
     .tab_service_content .content {
         padding-bottom: 30px;
    }
     .services-wd-area .display-flex{
         display: block;
    }
     .services-wd-area .s-content{
         padding-left: 15px;
         padding-top: 20px;
    }
     .services-2 .s-content{
         padding-top: 0px;
         padding-bottom: 20px;
    }
     .shop-details-page .display-flex{
         display: block;
    }
     .shop-details-page .item img{
         width: 100%;
    }
     .fiz_testimonial_area .display-flex{
         display: block;
         text-align: left;
    }
     .testimonial_left:before{
         display: none;
    }
     .test_image_aside .test_image_aside_img {
         position: relative;
         right: 18%;
         width: 150vw;
         left: auto;
    }
     .test_image_aside .test_image_aside_img img{
         width: 100%;
    }
     .skill-desc{
         padding-top: 20px;
    }
     .company-content{
         padding-left: 15px;
         padding-top: 60px;
    }
     .agency_banner_area .banner_img{
         width: 710px;
         margin-left: auto;
         margin-right: auto;
         margin-top: -395px;
    }
     .agency_banner_area .sliders_img{
         width: 490px;
    }
     .agency_banner_area .sliders_img img{
         top: 47px;
    }
     .menu_four.navbar-default .navbar-nav > .open > a, .menu_four.navbar-default .navbar-nav > .active > a{
         color: #f66164;
    }
     .navbar-default.menu_four .navbar-toggle{
         background-image: -moz-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
         background-image: -webkit-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
         background-image: -ms-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
         box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.12);
    }
}
 @media only screen and (max-width: 767px) {
     .main-menu .navbar-header .navbar-toggle {
         display: inline-block;
         z-index: 7;
         border: 1px solid #fc7837;
         float: none;
         margin: 0px 0px 0px 0px;
         border-radius: 0px;
         background: #fc7837;
    }
     .main-menu .navbar-collapse > .navigation {
         float: none !important;
         margin: 0px !important;
        /*width: 269px !important;
        */
         background: #fc7837;
         border: 1px solid #ffffff;
         border-top: none;
    }
     .main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
         background: #fc7837;
         color: #ffffff !important;
    }
     .main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li.active > a {
         background: #fc7837;
         color: #fff !important;
    }
     .main-menu .navbar-header {
         position: relative;
         float: none;
         display: block;
         text-align: right;
         width: 100%;
         padding: 13px 0px 14px;
         right: 0px;
         z-index: 12;
    }
     .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
         padding: 10px 10px !important;
         line-height: 22px;
         color: #ffffff;
         background: #fc7837;
         text-align: left;
         min-height: 0px;
    }
     .main-menu .navbar-collapse > .navigation > li, .main-menu .navbar-collapse > .navigation > li > ul > li, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
         border-top: 1px solid rgba(255,255,255,1) !important;
         opacity: 1 !important;
         top: 0px !important;
         left: 0px !important;
         visibility: visible !important;
    }
     .main-menu .navbar-collapse > .navigation > li {
         margin: 0px !important;
         float: none !important;
         width: 100%;
    }
     .main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
         background: #fc7837;
         color: #ffffff !important;
    }
     .main-menu .navbar-collapse > .navigation > li, .main-menu .navbar-collapse > .navigation > li > ul > li, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
         border-top: 1px solid rgba(255,255,255,1) !important;
         opacity: 1 !important;
         top: 0px !important;
         left: 0px !important;
         visibility: visible !important;
    }
     .fixed-header .sticky-header, .sec-title .text br, .testimonial-section .outer-container:before, .fluid-section-one .outer-container .left-box, .history-section .left-line, .history-section .right-line, .history-section .left-line:before, .history-section .left-line:after, .history-section .right-line:before, .history-section .right-line:after, .contact-section .label-column, .sidebar-page-container .sidebar-side .with-border:before{
         display:none;
    }
}
 .main-menu .navigation > li > a {
     position: relative;
     display: block;
     font-size: 14px;
     color: #ffffff;
     line-height: 30px;
     font-weight: 600;
     opacity: 1;
     text-transform: uppercase;
     padding: 20px 20px 20px 20px;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     font-family: 'Poppins', sans-serif;
}
/*--------------------------------------*/
/*** ==================================================================== Global Settings ==================================================================== ***/
 body {
     font: 400 16px/26px "Open Sans", sans-serif;
     letter-spacing: 0.3px;
     color: #282828;
}
 a{
     text-decoration:none;
     cursor:pointer;
     color:#fc7837;
}
 .no-padding{
     padding:0px !important;
}
 a:hover,a:focus,a:visited{
     text-decoration:none;
     outline:none;
}
 h1,h2,h3,h4,h5,h6 {
     position:relative;
     font-weight:normal;
     margin:0px;
     background:none;
     line-height:1.6em;
     font-family: 'Poppins', sans-serif;
}
 input,button,select{
     font-family: 'Open Sans', sans-serif;
}
 textarea{
     overflow:hidden;
}
 p,.text{
     position:relative;
     line-height:1.8em;
     font-family: 'Open Sans', sans-serif;
}
 .strike-through{
     text-decoration:line-through;
}
 .auto-container{
     position:static;
     max-width:1200px;
     padding:0px 15px;
     margin:0 auto;
    /*height: 50px;
    */
}
 .page-wrapper{
     overflow-y: hidden !important;
     overflow-x: hidden !important;
     position:relative;
     margin:0 auto;
     width:100%;
     min-width:300px;
}
/*List Style One*/
 .list-style-one{
     position:relative;
}
 .list-style-one li{
     position:relative;
     color:#727272;
     font-size:16px;
     font-weight:300;
     padding-left:28px;
     margin-bottom:10px;
     font-style:italic;
}
 .list-style-one li:before{
     position:absolute;
     content:'';
     left:0px;
     top:10px;
     width:8px;
     height:8px;
     background-color:#fc7837;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     border:1px solid rgba(255,255,255,0.50);
}
/*List Style Two*/
 .list-style-two{
     position:relative;
}
 .list-style-two li{
     position:relative;
     color:#727272;
     font-size:16px;
     font-weight:400;
     padding-left:28px;
     margin-bottom:10px;
}
 .list-style-two li:before{
     position:absolute;
     content:'';
     left:0px;
     top:10px;
     width:8px;
     height:8px;
     background-color:#fc7837;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     border:1px solid rgba(255,255,255,0.50);
}
 ul,li{
     list-style:none;
    /*padding:0px;
    */
     margin:0px;
}
 .theme-btn{
     display:inline-block;
     transition:all 0.3s ease;
     -moz-transition:all 0.3s ease;
     -webkit-transition:all 0.3s ease;
     -ms-transition:all 0.3s ease;
     -o-transition:all 0.3s ease;
}
 .grey-bg{
     background-color:#f6f6f6;
}
/*Btn Style One*/
 .btn-style-one{
     position:relative;
     padding:11px 44px;
     line-height:29px;
     color:#ffffff;
     font-size:15px;
     font-weight:600;
     letter-spacing:1px;
     background-color:#3841b2;
     border:2px solid #3841b2;
     font-family: 'Poppins', sans-serif;
}
 .btn-style-one:hover{
     color:#3841b2;
     background:none;
}
/*Btn Style Two*/
 .btn-style-two{
     position:relative;
     padding:11px 35px;
     line-height:29px;
     color:#222222;
     font-size:15px;
     font-weight:600;
     letter-spacing:1px;
     background-color:#ffffff;
     border:2px solid #ffffff;
     font-family: 'Poppins', sans-serif;
}
 .btn-style-two:hover{
     background:#3841b2;
     color:#ffffff;
     border-color:#3841b2;
}
/*Btn Style Three*/
 .btn-style-three{
     position:relative;
     padding:11px 27px;
     line-height:24px;
     color:#ffffff;
     font-size:15px;
     font-weight:600;
     letter-spacing:1px;
     background-color:#3841b2;
     border:2px solid #3841b2;
     font-family: 'Poppins', sans-serif;
}
 .btn-style-three:hover{
     color:#3841b2;
     background:none;
}
/*Btn Style Four*/
 .btn-style-four{
     position:relative;
     padding:13px 46px;
     line-height:24px;
     color:#222222;
     font-size:15px;
     font-weight:600;
     background:none;
     border:2px solid #f2f2f2;
     font-family: 'Poppins', sans-serif;
}
 .btn-style-four:hover{
     background:#444a97;
     color:#ffffff;
     border-color:#444a97;
}
 .theme_color{
     color:#fc7837;
}
/*img{
     display:inline-block;
     max-width:100%;
}
 */
 .preloader{
     position:fixed;
     left:0px;
     top:0px;
     width:100%;
     height:100%;
     z-index:999999;
     background-color:#ffffff;
     background-position:center center;
     background-repeat:no-repeat;
     background-image:url(images/icons/preloader.svg);
}
/*** ==================================================================== Scroll To Top style ==================================================================== ***/
 .scroll-to-top{
     position:fixed;
     bottom:15px;
     right:15px;
     width:60px;
     height:60px;
     color:#fc7837;
     font-size:18px;
     text-transform:uppercase;
     line-height:54px;
     text-align:center;
     z-index:99999;
     cursor:pointer;
     border-radius:50%;
     background:none;
     display:none;
     border:2px solid #fc7837;
     -webkit-transition:all 300ms ease;
     -ms-transition:all 300ms ease;
     -o-transition:all 300ms ease;
     -moz-transition:all 300ms ease;
     transition:all 300ms ease;
}
 .scroll-to-top:hover{
     color:#ffffff;
     background:#fc7837;
}
/*** ==================================================================== Main Header style ==================================================================== ***/
 .main-header{
     position:absolute;
     left:0px;
     top:0px;
     z-index:999;
     width:100%;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
/*Sticky Header*/
 .sticky-header{
     position:fixed;
     opacity:0;
     visibility:hidden;
     left:0px;
     top:0px;
     width:100%;
     padding:0px 0px;
     background:#001b3e !important;
     z-index:0;
     -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
     -ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .sticky-header .logo{
     padding:11px 0px 3px;
}
 .fixed-header .sticky-header{
     z-index:999;
     opacity:1;
     visibility:visible;
     -ms-animation-name: fadeInDown;
     -moz-animation-name: fadeInDown;
     -op-animation-name: fadeInDown;
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
     -ms-animation-duration: 500ms;
     -moz-animation-duration: 500ms;
     -op-animation-duration: 500ms;
     -webkit-animation-duration: 500ms;
     animation-duration: 500ms;
     -ms-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
     -op-animation-timing-function: linear;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -ms-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
     -op-animation-iteration-count: 1;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
 .main-header.fixed-header .main-menu{
     padding-top:0px;
}
 .main-header .header-upper{
     position:relative;
     z-index:5;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .main-header .header-upper .logo img{
     position:relative;
     display:inline-block;
    /*max-width:100%;
    */
     width: 250px;
     margin-top: -13px;
}
.sticky-header .logo img
{
    height: 36px;
    width: auto;
}
 .main-header .logo-outer{
     position:relative;
     z-index:25;
     padding:25px 0px 15px 0px;
}
 .main-header .logo-outer .logo img{
     position:relative;
     display:inline-block;
     max-width:100%;
}
 .main-header .header-upper .upper-right{
     position:relative;
}
 .main-header .header-lower{
     position:relative;
     top:0px;
     width:100%;
     z-index:5;
}
 .main-header .nav-outer{
     position:relative;
}
/*.main-menu{
     position:relative;
     float:left;
     padding-top:22px;
}
*/
 .main-menu .navbar-collapse{
     padding:0px;
}
 .main-menu .navigation{
     position:relative;
     margin:0px;
}
 .main-menu .navigation > li{
     position:relative;
     float:left;
}
 .main-menu .navigation > li:after{
     position:absolute;
     content:'';
     right:0px;
     top:50%;
     width:1px;
     height:16px;
     margin-top:-8px;
     background-color:rgba(255,255,255,0.25);
}
 .main-menu .navigation > li:last-child::after{
     display:none;
}
 .main-header .sticky-header .main-menu .navigation > li{
     margin:0px;
     border:0px;
}
 .main-menu .navigation > li > a{
     position:relative;
     display:block;
     font-size:13px;
     color:#ffffff;
     line-height:30px;
     font-weight:600;
     opacity:1;
     text-transform:uppercase;
     padding:15px 15px;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
     font-family: 'Poppins', sans-serif;
}
 .main-menu .navigation > li > a:after{
     position:absolute;
     content:'';
     left:50%;
     bottom:14px;
     width:12px;
     height:2px;
     opacity:0;
     margin-left:-6px;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .main-menu .navigation > li > a:before{
     position: absolute;
     content: '';
     left: 50%;
     opacity:0;
     bottom: -8px;
     margin-left:-10px;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 12px solid #ffffff;
     z-index:200;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .main-menu .navigation > li.dropdown:hover > a::before{
     opacity:1;
}
 .main-menu .navigation > li.current > a:after, .main-menu .navigation > li:hover > a:after, .main-menu .navigation > li.current-menu-item > a:after, .main-menu .navigation > li.current-menu-ancestor > a:after{
     opacity:1;
}
 .main-menu .navigation > li:last-child > a{
     background:none;
}
 .main-header .sticky-header .main-menu .navigation > li > a{
     color:#ffffff !important;
     padding:15px 15px !important;
     line-height:30px;
     font-weight:600;
     min-height:0px;
     background:none;
     border:0px;
}
 .sticky-header .main-menu .navigation > li > a:before{
     display:none;
}
 .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a, .main-menu .navigation > li.current-menu-ancestor > a, .main-menu .navigation > li.active > a{
     color: #ffb506;
     opacity:1;
}
 .main-header .sticky-header .main-menu .navigation > li:hover > a, .main-header .sticky-header .main-menu .navigation > li.current > a, .main-header .sticky-header .main-menu .navigation > li.current-menu-item > a, .main-header .sticky-header .main-menu .navigation > li.current-menu-ancestor > a{
     color: #ffb506 !important;
     opacity:1;
}
 .main-menu .navigation > li:hover > a:after{
     opacity:1;
}
 .main-header .sticky-header .main-menu .navigation > li > ul:before{
     display:none;
}
 .main-header .sticky-header .main-menu .navigation > li > ul{
     top:100% !important;
}
 .main-menu .navigation > li > ul{
     position:absolute;
     left:0px;
     top:110%;
     width:260px;
     padding:0px 30px;
     z-index:100;
     display:none;
     background:#ffffff;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
     -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
     -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
     -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
     -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
     box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
/*.main-menu .navigation > li > ul:before{
     position:absolute;
     content:'';
     left:42px;
     top:-12px;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-bottom: 15px solid #ffffff;
}
*/
 .main-menu .navigation > li > ul.from-right{
     left:auto;
     right:0px;
}
 .main-menu .navigation > li > ul > li{
     position:relative;
     width:100%;
     border-bottom:1px solid #f2f2f2;
}
 .main-menu .navigation > li > ul > li:last-child{
     border-bottom:none;
}
 .main-menu .navigation > li > ul > li > a{
     position:relative;
     display:block;
     padding:11px 0px;
     line-height:24px;
     font-weight:400;
     font-size:15px;
     color:#848484;
     text-align:left;
     padding-right:0px !important;
     text-transform:capitalize;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
     font-family: 'Open Sans', sans-serif;
}
 .main-menu .navigation > li > ul > li > a:before{
     position:absolute;
     content:'';
     left:0px;
     top:20px;
     width:6px;
     height:6px;
     opacity:0;
     background-color:#3e4494;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .main-menu .navigation > li > ul > li:hover > a{
     padding-left:18px;
}
 .main-menu .navigation > li > ul > li:hover > a{
     color:#3e4494;
}
 .main-menu .navigation > li > ul > li:hover > a:before, .main-menu .navigation > li > ul > li > ul > li:hover > a:before{
     opacity:1;
}
 .main-menu .navigation > li > ul > li > ul{
     position:absolute;
     left:0px;
     top:0%;
     width:260px;
     padding:0px 30px;
     z-index:100;
     display:none;
     background:#ffffff;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
     -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
     -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
     -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
     -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
     box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
 .main-menu .navigation > li > ul > li > ul:before{
     position:absolute;
     content:'';
     right:100%;
     top:0px;
     width:20px;
     height:100%;
}
 .main-menu .navigation > li > ul > li > ul > li{
     position:relative;
     width:100%;
     border-bottom:1px solid #f2f2f2;
}
 .main-menu .navigation > li > ul > li > ul > li:last-child{
     border-bottom:none;
}
 .main-menu .navigation > li > ul > li > ul > li > a{
     position:relative;
     display:block;
     padding:11px 0px;
     line-height:24px;
     font-weight:400;
     font-size:16px;
     color:#848484;
     text-align:left;
     padding-right:0px !important;
     text-transform:capitalize;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
     font-family: 'Open Sans', sans-serif;
}
 .main-menu .navigation > li > ul > li > ul > li > a:before{
     position:absolute;
     content:'';
     left:0px;
     top:20px;
     width:6px;
     height:6px;
     opacity:0;
     background-color:#3e4494;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .main-menu .navigation > li > ul > li > ul > li > a:hover{
     color:#3e4494;
     padding-left:18px;
}
 .main-menu .navigation > li > ul > li > ul > li:hover > a:before{
}
 .main-menu .navigation > li.dropdown:hover > ul{
     visibility:visible;
     opacity:1;
    /*top:100%;
     */
}
 .main-menu .navigation li > ul > li.dropdown:hover > ul{
     visibility:visible;
     opacity:1;
     left:116%;
     top:0%;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
     position:absolute;
     right:10px;
     top:6px;
     width:34px;
     height:30px;
     border:1px solid #ffffff;
     text-align:center;
     font-size:16px;
     line-height:26px;
     color:#ffffff;
     cursor:pointer;
     z-index:5;
     display:none;
}
 .main-header .outer-box{
     position:relative;
     float:left;
     margin-left:25px;
}
 .header-top{
     height: 38px;
     position:relative;
     background-color:#ffffff;
}
 .header-top .top-left{
     position:relative;
     float:left;
}
 .header-top .top-left ul li{
    /*position:relative;
     margin-right:20px;
     font-size:15px;
     color:#727272;
     font-weight:400;
     padding:14px 0px;
     display:inline-block;
     padding-left:18px;
     border-left:1px solid #f2f2f2;
     font-family: 'Open Sans', sans-serif;
    */
     position: relative;
     margin-right: 20px;
     font-size: 15px;
     color: #727272;
     font-weight: 400;
     padding: 8px 0px;
     display: inline-block;
     padding-left: 18px;
     border-left: 1px solid #f2f2f2;
     font-family: 'Open Sans', sans-serif;
}
 .header-top .top-left ul li a{
     font-size:15px;
     font-weight:400;
     color:#727272;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
}
 .header-top .top-left ul li a:hover{
     color:#3e4494;
}
 .header-top .top-left ul li .icon{
     position:relative;
     color:#3e4494;
     font-size:14px;
     line-height:1em;
     margin-right:10px;
}
 .header-top .top-right{
     position:relative;
     float:right;
}
 .header-top .top-right > ul{
     float:left;
}
 .header-top .top-right .stay-connect{
     position:relative;
     float:left;
     color:#222222;
     font-size:15px;
     font-weight:600;
     padding:14px 30px;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
     margin-left:22px;
     background-color:#f6f6f6;
     font-family: 'Poppins', sans-serif;
}
 .header-top .top-right .stay-connect:hover{
     color:#ffffff;
     background-color:#fc7837;
}
 .header-top .top-right > ul > li{
     position:relative;
     margin-right:10px;
     font-size:14px;
     color:#bbbbbb;
     padding:14px 0px 13px;
     display:inline-block;
}
 .header-top .top-right > ul > li:last-child{
     margin-right:0px;
}
 .header-top .top-right > ul > li > a{
     font-size:14px;
     font-weight:400;
     background:inherit;
     color:#afafb5;
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
}
 .header-top .top-right .social-links{
     padding-right:10px;
     margin-top: -7px;
}
 .header-top .top-right .social-links .connect{
     color:#727272;
     font-size:15px;
}
 .header-top .top-right .social-links a{
     display:inline-block;
     margin-left:10px;
     line-height:1em;
     color:#959595;
     font-size:14px;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .header-top .top-right .social-links a:hover{
     color:#3e4494;
}
 .header-top .top-right .social-links a:last-child{
     margin-right:0px;
}
 .header-top .language .dropdown-menu{
     right:0px;
     left:0px;
     width:180px;
     padding:0px !important;
     margin-top:1px;
     border-radius:0px;
     background-color:#222222;
     border:none;
     border-top:3px solid #fc7837;
     box-shadow:none !important;
}
 .header-top li.language{
     top:-1px;
}
 .header-top li.language a{
     border:0px;
     padding:0px;
     background:none;
}
 .header-top li.language a .arrow-icon{
     color:#7a7a7a;
}
 .header-top li.language a:hover{
     background:none;
}
 .header-top .language .dropdown-menu > li{
     padding:0px !important;
     margin:0px !important;
     float:none;
     border:none;
     display:block !important;
     border-bottom: 1px solid rgba(255,255,255,0.20);
}
 .header-top .language .dropdown-menu > li:last-child{
     border-bottom:none;
}
 .header-top .language .dropdown-menu > li > a{
     padding:10px 20px !important;
     color:#ffffff;
     text-align:left;
     -webkit-transition:all 300ms ease;
     -ms-transition:all 300ms ease;
     -o-transition:all 300ms ease;
     -moz-transition:all 300ms ease;
     transition:all 300ms ease;
}
 .header-top .language .dropdown-menu > li > a:focus{
     background:none;
}
 .header-top .language .dropdown-menu > li > a:hover{
     color:#ffffff;
     background:none;
     background-color:#fc7837;
}
 @media only screen and (min-width: 768px){
     .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul{
         display:block !important;
         visibility:hidden;
         opacity:0;
    }
}
 @media only screen and (max-width: 1023px){
     .main-header .nav-outer{
         padding-right:0px;
    }
     .main-header .header-upper .upper-right{
         position:relative;
         width:71%;
         padding-top:0px;
    }
  
     .main-menu .navigation > li a{
         background:none;
         font-size: 9px !important;
    padding: 20px 4px 20px 4px !important;
    }
     .main-slider h2{
         font-size:34px;
    }
     .main-slider .text{
         font-size:16px;
    }
     .main-slider .dark-heading, .main-slider h1{
         font-size:50px;
    }
     .slider-content h3{
         font-size:24px;
    }
     .fixed-header .sticky-header, .sec-title .text br, .testimonial-section .outer-container:before, .fluid-section-one .outer-container .left-box, .history-section .left-line, .history-section .right-line, .history-section .left-line:before, .history-section .left-line:after, .history-section .right-line:before, .history-section .right-line:after, .contact-section .label-column, .sidebar-page-container .sidebar-side .with-border:before{
         display:none;
    }
}
/*carousel css*/
 .carousel-control .glyphicon-chevron-right, .fa-angle-right, .carousel-control .icon-next {
     right: 30%;
     margin-right: -10px;
}
 .carousel-control .glyphicon-chevron-left, .fa-angle-left, .carousel-control .icon-next {
     left: 30%;
     margin-left: -10px;
}
 .carousel-control .glyphicon-chevron-left, .fa-angle-left, .carousel-control .glyphicon-chevron-right, .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {
     position: absolute;
     top: 50%;
     z-index: 5;
     display: inline-block;
     margin-top: -10px;
     font-size: 25px;
     background: black;
     padding: 10px;
     width: 50px;
     height: 50px;
     line-height: 30px;
}
/*======= media queries in css =======*/
/*/
///////////// XTRA SMALL DEVICES( mobile phones ) /////////////
/*/
 @media (min-width: 300px) and (max-width: 479px) {
     .carousel-control .glyphicon-chevron-left, .fa-angle-left, .carousel-control .glyphicon-chevron-right, .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {
         position: absolute;
         top: 50%;
         z-index: 5;
         display: inline-block;
         margin-top: -10px;
         font-size: 20px;
         background: black;
         padding: 10px;
         width: 30px;
         height: 30px;
         line-height: 10px;
    }
     .carousel-control .glyphicon-chevron-right, .fa-angle-right, .carousel-control .icon-next {
         right: 30%;
         margin-right: -10px;
    }
     .carousel-control .glyphicon-chevron-left, .fa-angle-left, .carousel-control .icon-next {
         left: 30%;
         margin-left: -10px;
    }
}
/*/
///////////// TAB OR LARGE MOBILE PHONE /////////////
/*/
 @media (min-width: 768px) and (max-width: 991px) {
     .carousel-control .glyphicon-chevron-left, .fa-angle-left, .carousel-control .glyphicon-chevron-right, .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {
         position: absolute;
         top: 50%;
         z-index: 5;
         display: inline-block;
         margin-top: -10px;
         font-size: 20px;
         background: black;
         padding: 10px;
         width: 30px;
         height: 30px;
         line-height: 10px;
    }
     .carousel-control .glyphicon-chevron-right, .fa-angle-right, .carousel-control .icon-next {
         right: 30%;
         margin-right: -10px;
    }
     .carousel-control .glyphicon-chevron-left, .fa-angle-left, .carousel-control .icon-next {
         left: 30%;
         margin-left: -10px;
    }
}
/*/
///////////// MEDIUM DEVICES LAPTOPS /////////////
/*/
 @media (min-width: 992px) and (max-width: 1199px) {
     .carousel-control .glyphicon-chevron-left, .fa-angle-left, .carousel-control .glyphicon-chevron-right, .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {
         position: absolute;
         top: 50%;
         z-index: 5;
         display: inline-block;
         margin-top: -10px;
         font-size: 20px;
         background: black;
         padding: 10px;
         width: 40px;
         height: 40px;
         line-height: 10px;
    }
     .carousel-control .glyphicon-chevron-right, .fa-angle-right, .carousel-control .icon-next {
         right: 30%;
         margin-right: -10px;
    }
     .carousel-control .glyphicon-chevron-left, .fa-angle-left, .carousel-control .icon-next {
         left: 30%;
         margin-left: -10px;
    }
}
/*=======managment-support-css===*/
 .managment-support-area {
     text-align: center;
     background-image: -moz-linear-gradient(-90deg, #43cea2 0%, #185a9d 100%);
     background-image: -webkit-linear-gradient(-90deg, #43cea2 0%, #185a9d 100%);
     background-image: -ms-linear-gradient(-90deg, #43cea2 0%, #185a9d 100%);
     overflow: hidden;
}
 .managment-support-area .support {
     padding-bottom: 87px;
}
 .managment-support-area .support-info {
     color: #fff;
}
 .managment-support-area .support-info a {
     text-transform: capitalize;
}
 .managment-support-area .support-info a i {
     font-size: 24px;
     line-height: 28px;
}
 .managment-support-area .support-info h4 {
     font: 700 18px/26px "Raleway", sans-serif;
     letter-spacing: 0.25px;
     text-transform: capitalize;
     padding-top: 20px;
}
 .managment-support-area .support-info p {
     font: 400 14px/22px "Raleway", sans-serif;
     letter-spacing: 0.25px;
     padding: 12px 10px 0px 10px;
}
 .managment-support-area .support-info a {
     font: 700 12px/26px "Raleway", sans-serif;
     letter-spacing: 0.25px;
     color: #fff;
}
 .managment-support-area hr {
     border-color: #2e92c0;
}
 .managment-support-area .info-ht {
     font: 700 36px/60px "Raleway", sans-serif;
     letter-spacing: 0.25px;
     color: #fff;
     width: 600px;
     margin: 85px auto 150px;
}
 .managment-support-area .info-number {
     color: #fff;
     margin-bottom: 24px;
}
 .managment-support-area .info-number span {
     font: 700 150px/60px "Raleway", sans-serif;
     letter-spacing: 0.25px;
}
 .managment-support-area .info-number p {
     font: 400 24px/60px "Open Sans", sans-serif;
     letter-spacing: 0.25px;
     padding-top: 45px;
}
 .recent-pr {
     background: #fff;
}
 .about_us_two {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .display-flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .display-flex .flex {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     -ms-flex-item-align: center;
     align-self: center;
}
 .about_content-two h2 {
     font: 700 30px/40px "Raleway";
     color: #f78147;
     position: relative;
     padding-bottom: 20px;
     margin-bottom: 30px;
}
 .about_content-two p {
     font: 400 15px/30px "Raleway";
     color: #282828;
     padding-bottom: 40px;
}
 .about_content-two .theme_btn {
     border: 1px solid #f78147;
     padding: 12px 50px;
     font: 400 16px/25px "Open Sans", sans-serif;
     border-radius: 45px;
     color: #f78147;
     position: relative;
     overflow: hidden;
     z-index: 1;
     display: inline-block;
}
/*section.row, header.row, footer.row {
     margin: 0;
}
*/
 .sectpad {
     padding: 100px 0px;
}
/*============= about_us_two css ========*/
 .about_us_two{
     display: flex;
}
 .about_content-two{
     h2{
         font: 700 30px/40px "Raleway", sans-serif;
         color:#282828;
         position: relative;
         padding-bottom: 20px;
         margin-bottom: 30px;
         &:before{
             content: "";
             width: 50px;
             height: 2px;
             background: #505cfe;
             position: absolute;
             bottom: 0;
             left: 0;
        }
    }
     p{
         font: 400 16px/30px "Open Sans", sans-serif;
         color: #282828;
         padding-bottom: 40px;
    }
     .theme_btn{
         border: 1px solid #505cfe;
         padding: 12px 50px;
         font: 400 16px/25px "Open Sans", sans-serif;
         border-radius: 45px;
         color: #505cfe;
         position: relative;
         overflow: hidden;
         z-index: 1;
         display: inline-block;
         &:before{
             content: "";
             height: 100%;
             width: 0;
             display: block;
             position: absolute;
             z-index: -1;
             left: auto;
             right: -1%;
             top: 0;
             background: #505cfe;
             -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
             -o-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
             transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
        }
         &:hover{
             color: #fff;
             &:before{
                 left: 0;
                 right: auto;
                 width: 100%;
            }
        }
    }
}
 .display-flex{
     display: flex;
     flex-wrap: wrap;
     .flex{
         flex: 1;
         align-self: center;
    }
}
 .font-best {
     font-family: "Raleway";
}
 .about_content_three{
     h2{
         &:before{
             background-image: -moz-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
             background-image: -webkit-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
             background-image: -ms-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
        }
    }
     .theme_btn{
         border-color: #f66164;
         color: #f66164;
         &:before{
             background-image: -moz-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
             background-image: -webkit-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
             background-image: -ms-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
        }
    }
}
 .bg_color_three{
     background: #f6f7fe;
}
 .managment-support-area{
     padding: 100px 0px;
}
/*---------- SLIDE CAPTION ----------*/
 .slide_style_left {
     text-align: left !important;
}
 .slide_style_right {
     text-align: right !important;
}
 .slide_style_center {
     text-align: center !important;
}
 .slide-text {
     left: 0;
     top: 42%;
     right: 0;
     margin: auto;
     padding: 10px;
     position: absolute;
     text-align: left;
     padding: 10px 85px;
}
 .slide-text > h1 {
     padding: 0;
     color: #ffffff;
     font-size: 63px;
     font-style: normal;
     line-height: 84px;
     margin-bottom: 30px;
     letter-spacing: 1px;
     display: inline-block;
     -webkit-animation-delay: 0.7s;
     animation-delay: 0.7s;
}
 .slide-text > p {
     padding: 0;
     color: #ffffff;
     font-size: 27px;
     line-height: 24px;
     font-weight: 300;
     margin-bottom: 40px;
     letter-spacing: 1px;
     -webkit-animation-delay: 1.1s;
     animation-delay: 1.1s;
}
 .slide-text > a.btn-default{
     font-family: Poppins;
     color: #000;
     font-weight: 400;
     font-size: 13px;
     line-height: 15px;
     margin-right: 10px;
     text-align: center;
     padding: 17px 30px;
     white-space: nowrap;
     letter-spacing: 1px;
     display: inline-block;
     border: none;
     text-transform: uppercase;
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
     -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
     transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
 .slide-text > a.btn-primary{
     color: #ffffff;
     cursor: pointer;
     font-weight: 400;
     font-size: 13px;
     line-height: 15px;
     margin-left: 10px;
     text-align: center;
     padding: 17px 30px;
     white-space: nowrap;
     letter-spacing: 1px;
     background:#f78147;
     display: inline-block;
     text-decoration: none;
     text-transform: uppercase;
     border: none;
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
     -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
     transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
 .slide-text > a:hover, .slide-text > a:active {
     color: #ffffff;
     background: #f78147;
     -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
     transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
 .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #f78147;
     border-color: #f78147;
}
/*------------------------------------------------------*/
/* RESPONSIVE 
/*------------------------------------------------------*/
 @media (max-width: 991px) {
     .slide-text h1 {
         font-size: 40px;
         line-height: 50px;
         margin-bottom: 20px;
    }
     .slide-text > p {
         font-size: 18px;
    }
}
/*---------- MEDIA 480px ----------*/
 @media (max-width: 768px) {
     .slide-text {
         padding: 10px 50px;
    }
     .slide-text h1 {
         font-size: 30px;
         line-height: 40px;
         margin-bottom: 10px;
    }
     .slide-text > p {
         font-size: 14px;
         line-height: 20px;
         margin-bottom: 20px;
    }
     .control-round .carousel-control{
         display: none;
    }
}
 @media (max-width: 480px) {
     .slide-text {
         padding: 10px 30px;
    }
     .slide-text h1 {
         font-size: 20px;
         line-height: 25px;
         margin-bottom: 5px;
    }
     .slide-text > p {
         font-size: 12px;
         line-height: 18px;
         margin-bottom: 10px;
    }
     .slide-text > a.btn-default, .slide-text > a.btn-primary {
         font-size: 10px;
         line-height: 10px;
         margin-right: 10px;
         text-align: center;
         padding: 10px 15px;
    }
}
/*number counters css*/
 .counter {
     background-color: #c5ccda73;
     text-align: center;
}
 .employees,.customer,.design,.order {
     margin-top: 70px;
     margin-bottom: 70px;
}
 .counter-count {
     font-size: 37px;
    /* background-color: #00b3e7;
    */
     border-radius: 50%;
     position: relative;
     color: #000;
     text-align: center;
     line-height: 92px;
     width: 92px;
     height: 92px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     display: inline-block;
}
 .employee-p,.customer-p,.order-p,.design-p {
    /*font-size: 24px;
     color: #000000;
     line-height: 34px;
    */
     font-size: 22px;
     color: #000000;
     line-height: 34px;
     font-family: Raleway;
}
 .icon-fa{
     display: block !important;
     font-size: 45px !important;
     color: #f78147 !important;
}
 .employees, .customer, .design, .order{
     background: #ffffffbf;
     padding: 23px;
}
/*=============== new_service_area css ==============*/
 .section_title_two {
     margin-bottom: 80px;
}
 .section_title_two h6 {
     font-size: 16px;
     color: #989898;
     text-transform: uppercase;
     font-family: "Lato", sans-serif;
     letter-spacing: 2px;
     padding-bottom: 10px;
}
 .section_title_two h3 {
     font: 700 30px/40px "Raleway", sans-serif;
     letter-spacing: 1px;
     color: #282828;
     position: relative;
     padding: 0 20px;
     display: inline-block;
}
 .section_title_two h3:before, .section_title_two h3:after {
     content: '';
     position: absolute;
     top: 50%;
     width: 50px;
     height: 2px;
     background: #f78147;
}
 .t-color{
     color: #505cfe;
}
 .section_title_two h3:before {
     left: 100%;
}
 .section_title_two h3:after {
     right: 100%;
}
 .section_title_two h3 span {
     color: #f78147;
}
 .new_service_area {
     padding: 120px 0px 100px;
}
 .service_flipbox {
     position: relative;
     color: #fff;
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
     -webkit-perspective: 1000px;
     perspective: 1000px;
     margin-bottom: 30px;
     cursor: pointer;
}
 .service_flipbox .flipbox_font, .service_flipbox .flipbox_back {
     transition: transform .6s ease,-webkit-transform .6s ease;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform: rotateX(0);
     transform: rotateX(0);
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
     min-height: 300px;
     height: auto;
     -webkit-box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
}
 .service_flipbox .flipbox_font {
     background: #fff;
}
 .service_flipbox .flipbox_font .inner_flip h4 {
     color: #282828;
}
 .service_flipbox .flipbox_font .inner_flip p {
     color: #28282e;
}
 .service_flipbox .inner_flip {
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     border-radius: 2px;
     outline: transparent solid 1px;
     -webkit-perspective: inherit;
     perspective: inherit;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
     transform: translateY(-50%) translateZ(60px) scale(0.94);
     z-index: 2;
     text-align: center;
     padding: 20px;
}
/* .service_flipbox .inner_flip h4 {*/
    /*font: 700 22px/26px "Raleway", sans-serif;
    */
/*     font: 700 22px/26px "Raleway";*/
/*     padding-bottom: 20px;*/
/*     padding-top: 20px;*/
/*}*/

 .service_flipbox .inner_flip .tit {
    /*font: 700 22px/26px "Raleway", sans-serif;
    */
     font: 700 22px/26px "Raleway";
     padding-bottom: 20px;
     padding-top: 20px;
     
}

 .service_flipbox .inner_flip p {
    /*ont: 400 14px/30px "open", sans-serif;
    */
     font: 400 14px/30px "Raleway";
}
 .service_flipbox .inner_flip a {
     font: 600 16px/22px "Raleway";
     color: #fff;
}
 .service_flipbox .flipbox_back {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background: #f78147;
     border-radius: 2px;
     -webkit-transform: rotateX(180deg);
     transform: rotateX(180deg);
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
}
 .service_flipbox:hover .flipbox_font {
     -webkit-transform: rotateX(-180deg);
     transform: rotateX(-180deg);
}
 .service_flipbox:hover .flipbox_back {
     -webkit-transform: rotateX(0deg);
     transform: rotateX(0deg);
}
 .service_flipbox_two .flipbox_font, .service_flipbox_two .flipbox_back {
     -webkit-box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.008);
     box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.008);
}
 .service_flipbox_two .flipbox_back {
     background-image: -moz-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
     background-image: -webkit-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
     background-image: -ms-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
}
/*======recent-news-css=====*/
 .recent-p {
     padding: 29px 116px 0px 116px;
     font: 400 16px/30px "Open Sans", sans-serif;
     letter-spacing: 0.5px;
     color: #282828;
     text-align: center;
     margin-bottom: 60px;
}
 .Recent-news-area-two {
     padding-top: 0px;
}
 .recent {
     position: relative;
}
 .recent.recent_two .recent-news-text h4:hover {
     color: #505cfe;
}
 .recent.recent_two .recent-news-text h6 {
     font: 500 16px/20px "Open Sans", sans-serif;
     color: #8c97a1;
     padding-top: 10px;
}
 .recent.recent_two .recent-news-text h6:after {
     content: "";
     width: 50px;
     height: 1px;
     background: #8c97a1;
     display: inline-block;
     margin-left: 15px;
}
 .recent.recent_two .recent-news-text a:hover {
     text-decoration: underline;
     color: #505cfe;
}
 .recent.recent_two .recent-news-text a:hover i {
     color: #505cfe;
     -webkit-text-fill-color: #505cfe;
}
 .Recent-content {
     padding-top: 2px;
}
 .recent:hover .recent-image:after {
     opacity: 1;
}
 .recent-image {
     position: relative;
     display: block;
}
 .recent-image:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
     background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
     background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
     opacity: 0;
     -webkit-transition: all 300ms linear 0s;
     -o-transition: all 300ms linear 0s;
     transition: all 300ms linear 0s;
}
 .recent-image img {
     border-radius: 3px;
}
 .date_holder {
     font-family: "Raleway", sans-serif;
     position: absolute;
     top: 15px;
     font-size: 14px;
     color: #fff;
     width: 65px;
     height: 65px;
     text-align: center;
     padding-top: 6px;
     left: 15px;
     background: #43cea2;
}
 .date_holder span {
     font-size: 22px;
     display: block;
}
 .date_holder:after {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border-top: 0 solid transparent;
     border-bottom: 20px solid transparent;
     border-left: 15px solid #43cea2;
     bottom: -20px;
     left: 0;
}
 .recent-news-text {
     padding-top: 17px;
}
 .recent-news-text h4 {
     font: 700 18px/30px "Raleway", sans-serif;
     letter-spacing: 0.5px;
     color: #282828;
     -webkit-transition: all 300ms linear 0s;
     -o-transition: all 300ms linear 0s;
     transition: all 300ms linear 0s;
}
 .recent-news-text h4:hover {
     color: #43cea2;
}
 .recent-news-text p {
     font: 400 14px/24px "Raleway";
     letter-spacing: 0.5px;
     color: #8c97a1;
     padding-top: 15px;
}
 .recent-news-text a {
     font: 500 14px/18px "Raleway", sans-serif;
     letter-spacing: 0.5px;
     color: #185a9d;
     text-transform: capitalize;
     padding-top: 12px;
     display: inline-block;
     -webkit-transition: all 300ms linear 0s;
     -o-transition: all 300ms linear 0s;
     transition: all 300ms linear 0s;
}
 .recent-news-text a i {
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.4s;
     -o-transition-duration: 0.4s;
     transition-duration: 0.4s;
}
 .recent-news-text a:hover {
     color: #43cea2;
}
 .recent-news-text a:hover i {
     -webkit-transform: translateX(4px);
     -ms-transform: translateX(4px);
     transform: translateX(4px);
     color: #3b8686;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-image: -webkit-linear-gradient(0deg, #185a9d 0%, #43cea2 100%);
     background-image: -ms-linear-gradient(0deg, #185a9d 0%, #43cea2 100%);
}
 .recent-news-area-three .recent_two .recent-news-text a:hover {
     color: #f66164;
     text-decoration: none;
}
 .recent-news-area-three .recent_two .recent-news-text a:hover i {
     color: #f66164;
     -webkit-text-fill-color: #f66164;
}
 .recent-news-area-three .recent_two .recent-news-text h4:hover {
     color: #f66164;
}
 .recent-news-area-three .rq-mailform .group-item .form-control:focus {
     border-color: #f66164;
}
 .recent-news-area-three .rq-mailform .btn-block {
     border-color: #f66164;
     color: #f66164;
}
 .recent-news-area-three .rq-mailform .btn-block:hover {
     background: #f66164;
}
/*==============about us page css================*/
 .about-r {
     padding: 130px 0px 92px 0px;
}
 .img-s{
     height: 44px;
}
 .product-top {
     margin-top: -124px;
}
/*==========footer-css===========*/
 .footer-area {
     background: url("../images/parallax-bg-07.jpg") no-repeat scroll center 0/cover;
     background-attachment: fixed;
}
 .footer-area .footer-top {
     background: rgba(0, 0, 0, 0.2);
     padding: 96px 0px 90px 0px;
}
 .footer-area .footer-top .widget {
    /* font: 400 14px/24px "Open Sans", sans-serif;
    */
     font: 400 14px/24px "Raleway";
     letter-spacing: 0.5px;
     color: #555555;
}
 .widget .widget_title {
     font: 700 30px "Raleway";
     font: 700 30px "Raleway";
     text-transform: capitalize;
     color: #fff;
     margin-top: 7px;
     margin-bottom: 35px;
}
 .single-ft-widget a {
     display: block;
}
 .single-ft-widget ul {
     margin-top: 30px;
}
 .single-ft-widget ul li {
     list-style: none;
     display: table;
     width: 100%;
     padding-bottom: 10px;
     color: #8b8b8b;
}
 .single-ft-widget ul li i {
     float: left;
     font-size: 16px;
     width: 30px;
     line-height: 24px;
     color: #5a5a5a;
}
 .single-ft-widget ul li .fleft {
     float: left;
     width: calc(100% - 34px);
}
 .single-ft-widget p {
     padding-top: 20px;
     color: #8b8b8b;
}
 .footer-area .footer-top .latest-widget ul li {
     padding: 9px 0px;
     border-top: 1px solid rgba(90, 90, 90, 0.3);
}
 .footer-area .footer-top .latest-widget ul li a {
     color: #8b8b8b;
     letter-spacing: 0px;
}
 .footer-area .footer-top .latest-widget ul li a:hover {
     border-left: 2px solid #43cea2;
     color: #fff;
     padding-left: 12px;
}
 .footer-area .footer-top .latest-widget ul li:first-child {
     border-top: none;
}
 .footer-area .footer-top .blog-widget .media {
     padding-top: 10px;
}
 .footer-area .footer-top .blog-widget .media .media-left {
     padding: 6px 15px 0px 0px;
     position: relative;
}
 .footer-area .footer-top .blog-widget .media .media-left .f-image {
     padding: 2px;
     position: relative;
     z-index: 1;
}
 .footer-area .footer-top .blog-widget .media .media-left .f-image img {
     border-radius: 3px;
}
 .footer-area .footer-top .blog-widget .media .media-left .f-image:before {
     border: 3px solid #43cea2;
     border-radius: 3px;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     display: block;
     z-index: -1;
     opacity: 0;
     -webkit-transition: all 300ms linear 0s;
     -o-transition: all 300ms linear 0s;
     transition: all 300ms linear 0s;
}
 .footer-area .footer-top .blog-widget .media .media-body {
     cursor: pointer;
}
 .footer-area .footer-top .blog-widget .media .media-body h3 {
     border-bottom: 1px solid #2a2929;
     padding-bottom: 20px;
     -webkit-transition: all 300ms linear 0s;
     -o-transition: all 300ms linear 0s;
     transition: all 300ms linear 0s;
     position: relative;
     font: 400 14px/24px "Open Sans", sans-serif;
     color: #8b8b8b;
}
 .footer-area .footer-top .blog-widget .media .media-body h3:before {
     content: "";
     color: #fff;
     position: absolute;
     left: 0;
     right: 0;
     height: 1px;
     bottom: 0;
     opacity: 0;
     -webkit-transition: all 300ms linear 0s;
     -o-transition: all 300ms linear 0s;
     transition: all 300ms linear 0s;
}
 .footer-area .footer-top .blog-widget .media .media-body a {
     color: #8b8b8b;
     font: 400 9px/24px "Open Sans", sans-serif;
     letter-spacing: 0.5px;
     font-style: italic;
     -webkit-transition: all 300ms linear 0s;
     -o-transition: all 300ms linear 0s;
     transition: all 300ms linear 0s;
}
 .footer-area .footer-top .blog-widget .media + .media {
     margin-top: 20px;
     border-top: 1px solid rgba(90, 90, 90, 0.3);
     padding-top: 19px;
}
 .footer-area .footer-top .blog-widget .media:hover .f-image:before {
     opacity: 1;
}
 .footer-area .footer-top .blog-widget .media:hover .media-body h3 {
     color: #fff;
}
 .footer-area .footer-top .blog-widget .media:hover .media-body h3:before {
     opacity: 1;
}
 .footer-area .footer-top .blog-widget .media:hover .media-body a {
     color: #808080;
}
 .footer-area .footer-top .contact-from-widget .submet-form {
     font: 400 14px/30px "Open Sans", sans-serif;
     letter-spacing: 0.5px;
     padding-top: 15px;
}
 .footer-area .footer-top .contact-from-widget .submet-form .form-control {
     font: 400 14px/38px "Open Sans", sans-serif;
     letter-spacing: 0.5px;
     background: #2a2929;
     border: 0px;
     border-radius: 3px;
     margin-bottom: 5px;
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     padding: 0px 17px;
     height: 40px;
     color: #b6b6b6;
     text-transform: capitalize;
}
 .footer-area .footer-top .contact-from-widget .submet-form .form-control.placeholder {
     color: #b6b6b6;
}
 .footer-area .footer-top .contact-from-widget .submet-form .form-control:-moz-placeholder {
     color: #b6b6b6;
}
 .footer-area .footer-top .contact-from-widget .submet-form .form-control::-webkit-input-placeholder {
     color: #b6b6b6;
}
 .footer-area .footer-top .contact-from-widget .submet-form .message {
     resize: none;
     height: 98px;
}
 .footer-area .footer-top .contact-from-widget .submit {
     color: #fff;
     text-transform: capitalize;
     padding: 5px 34px;
}
 .footer-area .footer-bottom {
    background: #091a3d;
    font: 400 14px/30px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #fff;
    padding: 30px 0px 25px;
    margin-top: -1px;
    position: relative;
}
 .footer-area .footer-bottom .scroll-t {
     background: #43cea2;
     color: #fff;
     width: 70px;
     height: 70px;
     display: block;
     text-align: center;
     border-radius: 50%;
     position: absolute;
     left: calc(50% - 35px);
     cursor: pointer;
     top: -36px;
}
 .footer-area .footer-bottom .scroll-t i {
     font-size: 30px;
     line-height: 68px;
}
 .footer-area .footer-bottom a {
     color: #43cea2;
}
 .footer-area .footer-bottom .nav {
     float: right;
     overflow: hidden;
}
 .footer-area .footer-bottom .nav li {
     float: left;
     padding-right: 10px;
}
 .footer-area .footer-bottom .nav li a {
     border-radius: 50%;
     width: 30px;
     padding: 0px;
     text-align: center;
     background: #43cea2;
     -webkit-transition: all 300ms linear 0s;
     -o-transition: all 300ms linear 0s;
     transition: all 300ms linear 0s;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .footer-area .footer-bottom .nav li a i {
     font-size: 14px;
     line-height: 30px;
     color: #fff;
}
 .footer-area .footer-bottom .nav li:hover a {
     background: #2a2929;
     color: #fff;
}
 .footer_area_two .footer-top .latest-widget ul li a:hover, .footer_area_two .footer-top .blog-widget .media .media-left .f-image:before {
     border-color: #505cfe;
}
 .footer_area_two .footer-bottom a {
     color: #ffffff;
}
 .footer_area_two .footer-bottom .scroll-t, .footer_area_two .submit:before, .footer_area_two .footer-bottom .nav li a {
     background: #f78147;
}
 .submit {
     color: #fff;
     border: 0px;
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 4px;
     display: inline-block;
     background: #2a2929;
     @inculude transition;
     -webkit-transition-delay: 0.9s;
     -o-transition-delay: 0.9s;
     transition-delay: 0.9s;
}
 .submit:before {
     content: "";
     border-radius: 4px;
     @inculude transition;
     background: #43cea2;
     opacity: 0.90;
     -webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .ar_footer_area {
     background: rgba(241, 241, 241, 0.3);
     padding-top: 130px;
}
 .ar_widget_title {
     font: 600 22px/30px "Poppins", sans-serif;
     color: #111;
}
 .single-ft-widget.text_widget ul li {
     font-size: 14px;
     padding-bottom: 5px;
}
 .single-ft-widget.text_widget ul li a {
     color: #8b8b8b;
}
 .single-ft-widget.text_widget ul li i {
     color: #8b8b8b;
}
 .social_widget {
     padding-top: 65px;
}
 .social_widget .social-links li {
     display: inline-block;
}
 .social_widget .social-links li .circle {
     display: inline-block;
     height: 30px;
     width: 31px;
     line-height: 30px;
     text-align: center;
     border: 2px solid #8b8b8b;
     font-size: 16px;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     font-weight: 500;
     border-radius: 50%;
     color: #8b8b8b;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .social_widget .social-links li .circle:hover {
     border-color: #000;
     color: #000;
}
 .social_widget p {
     font-size: 14px;
     color: #8b8b8b;
     padding-top: 20px;
}
 .social_widget p a {
     color: #000;
}
 .f_logo {
     font: 600 30px/40px "Poppins", sans-serif;
}
 .f_logo small {
     display: block;
     color: #999;
     font-size: 18px;
}
 .small.copyright {
     font: 300 16px/35px "Poppins", sans-serif;
     color: #999;
     margin-bottom: 0px;
     padding: 70px 0px 50px;
}
 .small.copyright a {
     color: #000;
     font-weight: 400;
}
/*=========== footer_area_three css ==========*/
 .footer_area_three {
     background: -webkit-gradient(linear, left top, right top, color-stop(100%, rgba(33, 33, 33, 0.995)), to(transparent));
     background: -webkit-linear-gradient(left, rgba(33, 33, 33, 0.995) 100%, transparent 100%);
     background: -o-linear-gradient(left, rgba(33, 33, 33, 0.995) 100%, transparent 100%);
     background: linear-gradient(90deg, rgba(33, 33, 33, 0.995) 100%, transparent 100%);
}
 .footer_area_three .footer-top {
     background: transparent;
}
 .footer_area_four {
     background: -webkit-gradient(linear, left top, right top, color-stop(100%, rgba(33, 33, 33, 0.995)), to(transparent));
     background: -webkit-linear-gradient(left, rgba(33, 33, 33, 0.995) 100%, transparent 100%);
     background: -o-linear-gradient(left, rgba(33, 33, 33, 0.995) 100%, transparent 100%);
     background: linear-gradient(90deg, rgba(33, 33, 33, 0.995) 100%, transparent 100%);
}
 .footer_area_four .footer-top {
     background: transparent;
}
 .footer_area_four .footer-top .latest-widget ul li a:hover, .footer_area_four .footer-top .blog-widget .media .media-left .f-image:before {
     border-color: #f66164;
}
 .footer_area_four .footer-bottom .scroll-t, .footer_area_four .submit:before {
     background-image: -moz-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
     background-image: -webkit-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
     background-image: -ms-linear-gradient(0deg, #ed3d82 0%, #f66164 43%, #fe8545 100%);
}
 .footer_area_four .footer-bottom a {
     color: #f66164;
}
 .footer_area_four .footer-bottom .nav li a {
     background: #f66164;
}
 .shadow-box{
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     padding: 33px;
}
 .text-height{
     height: 160px;
}
/*our team*/
/* FontAwesome for working BootSnippet :> */
 @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*#team {
     background: #eee !important;
}
*/
 .btn-primary:hover, .btn-primary:focus {
     background-color: #108d6f;
     border-color: #108d6f;
     box-shadow: none;
     outline: none;
}
 .btn-primary {
     color: #fff;
     background-color: #007b5e;
     border-color: #007b5e;
}
 section {
     padding: 0px 0;
}
 section .section-title {
     text-align: center;
     color: #007b5e;
     margin-bottom: 50px;
     text-transform: uppercase;
}
 #team .card {
     border: none;
     background: #ffffff;
}
 .image-flip:hover .backside, .image-flip.hover .backside {
     -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
     -o-transform: rotateY(0deg);
     -ms-transform: rotateY(0deg);
     transform: rotateY(0deg);
     border-radius: .25rem;
}
 .image-flip:hover .frontside, .image-flip.hover .frontside {
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transform: rotateY(180deg);
}
 .mainflip {
     -webkit-transition: 1s;
     -webkit-transform-style: preserve-3d;
     -ms-transition: 1s;
     -moz-transition: 1s;
     -moz-transform: perspective(1000px);
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     transition: 1s;
     transform-style: preserve-3d;
     position: relative;
}
 .frontside {
     position: relative;
     -webkit-transform: rotateY(0deg);
     -ms-transform: rotateY(0deg);
     z-index: 2;
     margin-bottom: 30px;
}
 .backside {
     position: absolute;
     top: 0;
     left: 0;
     background: white;
     -webkit-transform: rotateY(-180deg);
     -moz-transform: rotateY(-180deg);
     -o-transform: rotateY(-180deg);
     -ms-transform: rotateY(-180deg);
     transform: rotateY(-180deg);
     -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
     -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
     box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
 .frontside, .backside {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transition: 1s;
     -webkit-transform-style: preserve-3d;
     -moz-transition: 1s;
     -moz-transform-style: preserve-3d;
     -o-transition: 1s;
     -o-transform-style: preserve-3d;
     -ms-transition: 1s;
     -ms-transform-style: preserve-3d;
     transition: 1s;
     transform-style: preserve-3d;
}
 .frontside .card, .backside .card {
     min-height: 312px;
}
 .backside .card a {
     font-size: 18px;
     color: #007b5e !important;
}
 .frontside .card .card-title, .backside .card .card-title {
     color: #505cfe !important;
     font-family: "Raleway";
}
 .frontside .card .card-body img {
     width: 200px;
     height: 200px;
     border-radius: 50%;
}
/*.card-top{
     margin-top: 88px;
}
*/
 .card-text{
     font-family: "Raleway";
}
 .contact-top {
     margin-top: 56px;
     margin-bottom: 4px;
}
 .back-side {
     width: 350px;
}
 .testimonial-section {
     position: relative;
     padding: 80px 0px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
}
 .bg-overlay {
    /*background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("https://unsplash.imgix.net/photo-1416339442236-8ceb164046f8?q=75&fm=jpg&s=8eb83df8a744544977722717b1ea4d09");
    */
     background: url(../images/Untitled-6.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
    /* color: #fff;
    */
     height: 450px;
     padding-top: 50px;
}
 .map-responsive{
     overflow:hidden;
    /*padding-bottom:50%;
    */
     position:relative;
     height:741px;
}
 .map-responsive iframe{
     left:0;
     top:0;
    /*height:60%;
    */
     width:100%;
     position:absolute;
}
 .footer-margin-top{
     margin-top: -329px;
}
 .team-bottom{
     margin-bottom: -60px;
}
 .t-font{
     font-family: Roboto;
}
 .copy-font{
     font-family: "Raleway";
}
 .img-round{
     border-radius: 50%;
     width: 300px;
     height: 300px;
}

     .text-container-desktop{
         position: absolute;
         top: 1px;
         text-align: center;
         top: 277px;
    }

     .text-container-mobile{
         position: absolute;
         top: 1px;
         text-align: center;
         top: 133px;
    }

/*service page css*/
/*.span4 img {
     margin-right: 10px;
}
 .span4 .img-left {
     float: left;
}
 .span4 .img-right {
     float: right;
}
*/
 .services-container{
     margin-top: 197px;
     margin-bottom: 352px;
}
 .box li {
     list-style: circle;
     padding: 0px;
     margin: 0px;
    /*padding-left: 27px;
    */
     font-size: 14px;
}
 .para-w3-agile {
     font-size: 14px;
}
 .service-bottom{
     margin-bottom: 25px;
}
 .service-img{
     background-image: url("../images/asset v 3.png");
     background-repeat: no-repeat, repeat;
}
/*knowlegde center css*/
 .card {
     font-size: 1em;
     overflow: hidden;
     padding: 0;
     border: none;
     border-radius: .28571429rem;
    /*box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    */
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 .card-block {
     font-size: 1em;
     position: relative;
     margin: 0;
     padding: 1em;
     border: none;
     border-top: 1px solid rgba(34, 36, 38, .1);
     box-shadow: none;
     height: 211px;
}
 .card-img-top {
     display: block;
     width: 100%;
     height: auto;
}
 .card-title {
     font-size: 1.28571429em;
     font-weight: 700;
     line-height: 1.2857em;
}
 .card-text {
     clear: both;
     margin-top: .5em;
     color: rgba(0, 0, 0, .68);
}
 .card-footer {
     font-size: 1em;
     position: static;
     top: 0;
     left: 0;
     max-width: 100%;
     padding: .75em 1em;
     color: rgba(0, 0, 0, .4);
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
     background: #fff;
}
 .card-inverse .btn {
     border: 1px solid rgba(0, 0, 0, .05);
}
 .profile {
     position: absolute;
     top: -12px;
     display: inline-block;
     overflow: hidden;
     box-sizing: border-box;
     width: 25px;
     height: 25px;
     margin: 0;
     border: 1px solid #fff;
     border-radius: 50%;
}
 .profile-avatar {
     display: block;
     width: 100%;
     height: auto;
     border-radius: 50%;
}
 .profile-inline {
     position: relative;
     top: 0;
     display: inline-block;
}
 .profile-inline ~ .card-title {
     display: inline-block;
     margin-left: 4px;
     vertical-align: top;
}
 .text-bold {
     font-weight: 700;
}
 .meta {
     font-size: 1em;
     color: rgba(0, 0, 0, .4);
}
 .meta a {
     text-decoration: none;
     color: rgba(0, 0, 0, .4);
}
 .meta a:hover {
     color: rgba(0, 0, 0, .87);
}
 .card-top-bottom{
     margin-top: 187px;
     margin-bottom: 390px;
}
 .btn-sunny {
     color: #fff;
     background-color:#fc7837;
     border-bottom:2px solid #c38a3a;
     border-radius: 0px !important;
}
 .btn-sunny:hover, .btn-sky.active:focus, .btn-sunny:focus, .open>.dropdown-toggle.btn-sunny {
     color: #fff;
     background-color:#fc7837;
     border-bottom:2px solid #fc7837;
     outline: none;
}
 .btn-sunny:active, .btn-sunny.active {
     color: #fff;
     background-color: #fc7837;
     border-top:2px solid #fc7837 ;
     margin-top: 2px;
}
 ul.topbar{
     margin-bottom: 0px !important;
}
 .icon-bar{
     background: #fff;
}
 .team-box{
     padding-top: 43px;
     padding-bottom: 348px;
    /* background-color: #c5ccda73;
    */
}
 .head-box{
     margin-bottom: -81px;
}
/*services home css*/
 .service-single{
     margin-top: 30px;
     padding-bottom: 10px;
     border: 1px solid #e8e8e8;
    /* box-shadow: 0 0 10px #e8e8e8;
    */
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 .service-single .box-top{
     background: #e5e8ee;
     padding: 70px;
     color: #fff;
}
 .service-single .box-top i{
     font-size: 50px;
     padding: 20px 0;
}
 .service-single .box-top h2{
     font-size: 16px;
     text-transform: uppercase;
     margin-bottom: 45px;
}
 .service-single .box-down{
     max-width: 350px;
     margin: 0 auto;
     border-radius: 100%;
     background: #fff;
     margin-top: -50px;
     padding: 50px 25px 10px 25px;
     height: 342px;
}
 .box-down p{
     height: 188px;
     margin-top: 12px;
}
 .service-single .btn-holly{
     background: #fff;
     border:1px solid #f0f0f0;
     border-radius: 20px;
     color: #FFA500;
}
 .service-single .btn-holly:hover{
     background: #FFA500;
     border-color: #FFA500;
     color: #fff;
}
 .team-t{
     margin-bottom: 335px;
}
 .about-t{
     margin-top: 84px;
}
/*contact us css*/
 #contact{
    /*background-color:#f1f1f1;
     font-family: 'Roboto', sans-serif;
     margin-top: 146px;
     margin-bottom: 330px;
    */
     font-family: 'Roboto', sans-serif;
     margin-top: 37px;
     margin-bottom: 330px;
}
 .map-c{
     background: #ddddddb8;
     padding: 90px;
}
 #contact .well{
     margin-top:30px;
     border-radius:0;
}
 #contact .form-control{
    border-radius: 0;
    /*border:1px solid #1e1e1e;*/
    
}
 #contact button{
     border-radius:0;
    /*border:1px solid #1e1e1e;*/
     margin-bottom: 24px;
    
}
 #contact .row{
     margin-bottom:30px;
}
 @media (max-width: 768px) {
     #contact iframe {
         margin-bottom: 15px;
    }
}
.label-c{
    font: 400 15px/30px "Raleway";
    color: #282828;
}
 .contact-t{
     margin-top: 112px;
    /* padding: 100px 0;
     background: linear-gradient(rgba(8, 8, 8, 0.68), rgba(12, 12, 12, 0.62)), url(../images/bg_contact1.jpg) no-repeat fixed;
    */
     background-size: cover;
}
 .get_co{
     color:#333;
}
 .form-co{
     background: transparent !important;
     color: #fff !important;
     border: 1px solid #fff !important;
}
 .btn-c{
     color: #333 !important;
     background-color: transparent !important;
     border-color: #fff !important;
     color: #fff !important;
}
 .our-team-top{
     margin-top: -42px;
}
 .box-down p{
     color: #28282e;
}
 h5.title-w3 {
     font-size: 2.2em;
     text-transform: uppercase;
     text-align: center;
     margin: 0 0 0.7em;
     color: #f78147;
     letter-spacing: 2px;
     word-spacing: 2px;
     font-family: 'Montserrat', sans-serif;
     position: relative;
     display: inline-block;
}
 .product-page{
     margin-top: 152px;
     /*margin-bottom: 351px;*/
     margin-bottom: 0px;
}
/*.main-menu .navigation > li > a {
     position: relative;
     display: block;
     font-size: 14px;
     color: #fc7837;
     line-height: 30px;
     font-weight: 600;
     opacity: 1;
     text-transform: uppercase;
     padding: 20px 20px 20px 20px;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     font-family: 'Poppins', sans-serif;
}
*/
/*.main-menu .navigation > li.current-menu-item > a{
     color: #fc7837;
     opacity: 1;
     background: none;
}
 */
 .hideme {
     opacity:0;
}
 .slideanim {
     visibility: hidden;
}
 .slide {
     animation-name: slide;
     -webkit-animation-name: slide;
     animation-duration: 3s;
     -webkit-animation-duration: 2s;
     visibility: visible;
}
 @keyframes slide {
     0% {
         opacity: 0;
         -webkit-transform: translateY(70%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0%);
    }
}
 -webkit-keyframes slide {
     0%;
    {
         opacity: 0;
         -webkit-transform: translateY(70%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0%);
    }
}
 .image3 {
     width: 100%;
     z-index: 1;
}
 #wal-1 {
     background: url('https://www.whatsuplife.in/gurgaon/blog/wp-content/uploads/2014/11/cc1.jpg');
     background-attachment: fixed;
}
/*about us our team*/
 .our-team{
     text-align: center;
     position: relative;
}
 .our-team .pic{
     width: 200px;
     height: 200px;
     border-radius: 50%;
     border: 8px solid #7798ca;
     margin: 0 auto;
     overflow: hidden;
}
 .our-team img{
     width: 100%;
     height: auto;
}
 .our-team .social{
     list-style: none;
     padding: 0;
     margin: 0;
     position: absolute;
     top: 50px;
     left: 20px;
     transition: all 0.3s ease-out 0s;
}
 .our-team .social li a{
     width: 30px;
     height: 30px;
     line-height: 30px;
     border-radius: 50%;
     background: #f28a31;
     font-size: 14px;
     color: #fff;
     text-align: center;
     margin-bottom: 5px;
     transform: scale(0);
     transition: all 0.2s ease 0s;
}
 .our-team:hover .social li a{
     transform: scale(1);
}
 .our-team:hover .social li a:hover{
     background: #7a4b94;
}
 .our-team .team-content{
     padding: 15px 15px 20px;
     background: #7798ca;
     border-radius: 40px 10px;
     margin-top: -20px;
     color: #fff;
     height: 106px;
}
 .our-team .title{
     font-size: 23px;
     font-weight: bold;
     margin: 10px 0 5px 0;
}
 .our-team .post{
     display: block;
     font-size: 13px;
     font-weight: 900;
     text-transform: uppercase;
}
 .our-team .description{
     padding: 20px;
     background: #fff;
     border-radius: 20px;
     font-size: 16px;
     color: #666;
     line-height: 30px;
     margin-bottom: 0;
     height: 67px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 @media only screen and (max-width: 990px){
     .our-team{
         margin-bottom: 30px;
    }
}
 @media only screen and (max-width: 359px){
     .our-team .pic{
         width: 150px;
         height: 150px;
    }
     .our-team .social{
         top: 20px;
    }
}
 .demo{
     margin-bottom: 380px;
}
 .row-1, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7, .row-8, .row-9{
     padding: 20px;
}
 .service-n{
     box-shadow: 0 4px 8px 0 rgba(150, 201, 79, 0.48), 0 6px 20px 0 rgba(150, 201, 79, 0.43);
}
 .service-t{
     box-shadow:0 4px 8px 0 rgba(0, 255, 255, 0.28), 0 6px 20px 0 rgba(0, 255, 255, 0.22);
}
 .service-p{
     box-shadow: 0 4px 8px 0 rgba(18, 93, 124, 0.43), 0 6px 20px 0 rgba(18, 93, 124, 0.46);
}
 .service-m{
     box-shadow: 0 4px 8px 0 rgba(100, 21, 55, 0.42), 0 6px 20px 0 rgba(100, 21, 55, 0.38);
}
 .service-k{
     box-shadow: 0 4px 8px 0 rgba(155, 114, 24, 0.5), 0 6px 20px 0 rgba(155, 114, 24, 0.52);
}
 .service-j{
     box-shadow: 0 4px 8px 0 rgba(86, 166, 126, 0.52), 0 6px 20px 0 rgba(86, 166, 126, 0.5);
}
 .service-h{
     box-shadow: 0 4px 8px 0 rgba(185, 69, 12, 0.38), 0 6px 20px 0 rgba(185, 69, 12, 0.38);
}
 .service-i{
     box-shadow: 0 4px 8px 0 rgba(17, 81, 161, 0.45), 0 6px 20px 0 rgba(17, 81, 161, 0.48);
}
 .service-o{
     box-shadow: 0 4px 8px 0 rgba(112, 129, 1, 0.47), 0 6px 20px 0 rgba(112, 129, 1, 0.51) 
}
 .asset{
     padding-top: 15px;
}
 .Financial {
     padding-top: 15px;
}
 .Business {
     padding-top: 83px;
}
 .Brand {
     padding-top: 15px;
}
 .Specialized {
     padding-top: 43px;
}
 .Management {
     padding-top: 15px;
}
 .Real {
     padding-top: 58px;
}
/*service page animation */
 .animatable {
    /* initially hide animatable objects */
     visibility: hidden;
    /* initially pause animatable objects their animations */
     -webkit-animation-play-state: paused;
     -moz-animation-play-state: paused;
     -ms-animation-play-state: paused;
     -o-animation-play-state: paused;
     animation-play-state: paused;
}
/* show objects being animated */
 .animated {
     visibility: visible;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
     -ms-animation-fill-mode: both;
     -o-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
     -ms-animation-duration: 1s;
     -o-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-play-state: running;
     -moz-animation-play-state: running;
     -ms-animation-play-state: running;
     -o-animation-play-state: running;
     animation-play-state: running;
}
/* CSS Animations (extracted from http://glifo.uiparade.com/) */
 @-webkit-keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-20px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
    }
}
 @-moz-keyframes fadeInDown {
     0% {
         opacity: 0;
         -moz-transform: translateY(-20px);
    }
     100% {
         opacity: 1;
         -moz-transform: translateY(0);
    }
}
 @-o-keyframes fadeInDown {
     0% {
         opacity: 0;
         -o-transform: translateY(-20px);
    }
     100% {
         opacity: 1;
         -o-transform: translateY(0);
    }
}
 @keyframes fadeInDown {
     0% {
         opacity: 0;
         transform: translateY(-20px);
    }
     100% {
         opacity: 1;
         transform: translateY(0);
    }
}
 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     20% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-moz-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     20% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-o-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     20% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fadeIn {
     0% {
         opacity: 0;
    }
     60% {
         opacity: 0;
    }
     20% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes bounceInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-2000px);
    }
     60% {
         -webkit-transform: translateX(20px);
    }
     80% {
         -webkit-transform: translateX(-5px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
    }
}
 @-moz-keyframes bounceInLeft {
     0% {
         opacity: 0;
         -moz-transform: translateX(-2000px);
    }
     60% {
         -moz-transform: translateX(20px);
    }
     80% {
         -moz-transform: translateX(-5px);
    }
     100% {
         opacity: 1;
         -moz-transform: translateX(0);
    }
}
 @-o-keyframes bounceInLeft {
     0% {
         opacity: 0;
         -o-transform: translateX(-2000px);
    }
     60% {
         opacity: 1;
         -o-transform: translateX(20px);
    }
     80% {
         -o-transform: translateX(-5px);
    }
     100% {
         opacity: 1;
         -o-transform: translateX(0);
    }
}
 @keyframes bounceInLeft {
     0% {
         opacity: 0;
         transform: translateX(-2000px);
    }
     60% {
         transform: translateX(20px);
    }
     80% {
         transform: translateX(-5px);
    }
     100% {
         opacity: 1;
         transform: translateX(0);
    }
}
 @-webkit-keyframes bounceInRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(2000px);
    }
     60% {
         -webkit-transform: translateX(-20px);
    }
     80% {
         -webkit-transform: translateX(5px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
    }
}
 @-moz-keyframes bounceInRight {
     0% {
         opacity: 0;
         -moz-transform: translateX(2000px);
    }
     60% {
         -moz-transform: translateX(-20px);
    }
     80% {
         -moz-transform: translateX(5px);
    }
     100% {
         opacity: 1;
         -moz-transform: translateX(0);
    }
}
 @-o-keyframes bounceInRight {
     0% {
         opacity: 0;
         -o-transform: translateX(2000px);
    }
     60% {
         -o-transform: translateX(-20px);
    }
     80% {
         -o-transform: translateX(5px);
    }
     100% {
         opacity: 1;
         -o-transform: translateX(0);
    }
}
 @keyframes bounceInRight {
     0% {
         opacity: 0;
         transform: translateX(2000px);
    }
     60% {
         transform: translateX(-20px);
    }
     80% {
         transform: translateX(5px);
    }
     100% {
         opacity: 1;
         transform: translateX(0);
    }
}
 @-webkit-keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translateY(20px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
    }
}
 @-moz-keyframes fadeInUp {
     0% {
         opacity: 0;
         -moz-transform: translateY(20px);
    }
     100% {
         opacity: 1;
         -moz-transform: translateY(0);
    }
}
 @-o-keyframes fadeInUp {
     0% {
         opacity: 0;
         -o-transform: translateY(20px);
    }
     100% {
         opacity: 1;
         -o-transform: translateY(0);
    }
}
 @keyframes fadeInUp {
     0% {
         opacity: 0;
         transform: translateY(20px);
    }
     100% {
         opacity: 1;
         transform: translateY(0);
    }
}
 @-webkit-keyframes bounceIn {
     0% {
         opacity: 0;
         -webkit-transform: scale(.3);
    }
     50% {
         -webkit-transform: scale(1.05);
    }
     70% {
         -webkit-transform: scale(.9);
    }
     100% {
         opacity: 1;
         -webkit-transform: scale(1);
    }
}
 @-moz-keyframes bounceIn {
     0% {
         opacity: 0;
         -moz-transform: scale(.3);
    }
     50% {
         -moz-transform: scale(1.05);
    }
     70% {
         -moz-transform: scale(.9);
    }
     100% {
         opacity: 1;
         -moz-transform: scale(1);
    }
}
 @-o-keyframes bounceIn {
     0% {
         opacity: 0;
         -o-transform: scale(.3);
    }
     50% {
         -o-transform: scale(1.05);
    }
     70% {
         -o-transform: scale(.9);
    }
     100% {
         opacity: 1;
         -o-transform: scale(1);
    }
}
 @keyframes bounceIn {
     0% {
         opacity: 0;
         transform: scale(.3);
    }
     50% {
         transform: scale(1.05);
    }
     70% {
         transform: scale(.9);
    }
     100% {
         opacity: 1;
         transform: scale(1);
    }
}
 @-webkit-keyframes moveUp {
     0% {
         opacity: 1;
         -webkit-transform: translateY(40px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
    }
}
 @-moz-keyframes moveUp {
     0% {
         opacity: 1;
         -moz-transform: translateY(40px);
    }
     100% {
         opacity: 1;
         -moz-transform: translateY(0);
    }
}
 @-o-keyframes moveUp {
     0% {
         opacity: 1;
         -o-transform: translateY(40px);
    }
     100% {
         opacity: 1;
         -o-transform: translateY(0);
    }
}
 @keyframes moveUp {
     0% {
         opacity: 1;
         transform: translateY(40px);
    }
     100% {
         opacity: 1;
         transform: translateY(0);
    }
}
 @-webkit-keyframes fadeBgColor {
     0%{
         background:none;
    }
     70%{
         background:none;
    }
     100%{
         background:#464646;
    }
}
 @-o-keyframes fadeBgColor {
     0%{
         background:none;
    }
     70%{
         background:none;
    }
     100%{
         background:#464646;
    }
}
 @keyframes fadeBgColor {
     0%{
         background:none;
    }
     70%{
         background:none;
    }
     100%{
         background:#464646;
    }
}
 .animated.animationDelay{
     animation-delay:.4s;
     -webkit-animation-delay:.4s;
}
 .animated.animationDelayMed{
     animation-delay:1.2s;
     -webkit-animation-delay:1.2s;
}
 .animated.animationDelayLong{
     animation-delay:1.6s;
     -webkit-animation-delay:1.6s;
}
 .animated.fadeBgColor {
     -webkit-animation-name: fadeBgColor;
     -moz-animation-name: fadeBgColor;
     -o-animation-name: fadeBgColor;
     animation-name: fadeBgColor;
}
 .animated.bounceIn {
     -webkit-animation-name: bounceIn;
     -moz-animation-name: bounceIn;
     -o-animation-name: bounceIn;
     animation-name: bounceIn;
}
 .animated.bounceInRight {
     -webkit-animation-name: bounceInRight;
     -moz-animation-name: bounceInRight;
     -o-animation-name: bounceInRight;
     animation-name: bounceInRight;
}
 .animated.bounceInLeft {
     -webkit-animation-name: bounceInLeft;
     -moz-animation-name: bounceInLeft;
     -o-animation-name: bounceInLeft;
     animation-name: bounceInLeft;
}
 .animated.fadeIn {
     -webkit-animation-name: fadeIn;
     -moz-animation-name: fadeIn;
     -o-animation-name: fadeIn;
     animation-name: fadeIn;
}
 .animated.fadeInDown {
     -webkit-animation-name: fadeInDown;
     -moz-animation-name: fadeInDown;
     -o-animation-name: fadeInDown;
     animation-name: fadeInDown;
}
 .animated.fadeInUp {
     -webkit-animation-name: fadeInUp;
     -moz-animation-name: fadeInUp;
     -o-animation-name: fadeInUp;
     animation-name: fadeInUp;
}
 .animated.moveUp {
     -webkit-animation-name: moveUp;
     -moz-animation-name: moveUp;
     -o-animation-name: moveUp;
     animation-name: moveUp;
}
/*banner modal css*/
 .modal-header {
     padding-bottom: 5px;
}
 .modal-footer {
     padding: 0;
}
 .modal-footer .btn-group button {
     height:40px;
     border-top-left-radius : 0;
     border-top-right-radius : 0;
     border: none;
     border-right: 1px solid #ddd;
}
 .modal-footer .btn-group:last-child > button {
     border-right: 0;
}
/*.center {
     margin-top:50px;
}
*/
/*prop value page css*/
 .prop_val{
     margin-top: 63px;
     margin-bottom: 320px;
}
 .frm_propvalue {
     width: 100%;
}
 .board {
     width: 100%;
     height: auto;
     margin: 0 auto;
     background: none !important;
}
 .board .nav-tabs {
     position: relative;
     margin: 0 auto;
     margin-bottom: 0;
     box-sizing: border-box;
}
 .liner {
     height: 2px;
     background: #ddd;
     position: absolute;
     width: 80%;
     margin: 0 auto;
     left: 0;
     right: 0;
     top: 67%;
     z-index: 1;
}
 .nav-tabs {
     border-bottom: none !important;
}
 .nav-tabs > li {
     width: 33.333% !important;
}
 .nav-tabs > li:after {
     content: " ";
     position: absolute;
     opacity: 0;
     margin: 0;
     margin-left: -10px;
     bottom: 0px;
     transition: left 1s;
}
 .nav-tabs > li.active:after {
     left: 50%;
     opacity: 0;
}
 .nav-tabs > li[rel-index="-1"]:after {
     left: calc(50% + 100%);
}
 .nav-tabs > li[rel-index="-2"]:after {
     left: calc(50% + 200%);
}
 .nav-tabs > li[rel-index="-3"]:after {
     left: calc(50% + 300%);
}
 .nav-tabs > li[rel-index="1"]:after {
     left: calc(50% - 100% );
}
 .nav-tabs > li[rel-index="2"]:after {
     left: calc(50% - 200%);
}
 .nav-tabs > li[rel-index="3"]:after {
     left: calc(50% - 300%);
}
 .nav-tabs > li a {
     width: 60px !important;
     height: 60px !important;
     line-height: 60px !important;
     border-radius: 100%;
     padding: 0;
     border: none;
     background: none;
}
 .nav-tabs > li a.le1 {
     margin: 0 auto 0 60px;
     float: left;
}
 .nav-tabs > li a.le2 {
     margin: 0 auto;
}
 .nav-tabs > li a.le3 {
     margin: 0 60px 0 auto;
     float: right;
}
 .nav-tabs > li a:hover {
     border: none !important;
     background: none !important;
}
 .nav-tabs > li.active a, .nav-tabs > li.active a:hover {
     border: none !important;
     background: none !important;
}
 .nav-tabs > li span {
     width: 60px !important;
     height: 60px !important;
     line-height: 60px !important;
     display: inline-block;
     border-radius: 100%;
     background: white !important;
     z-index: 2;
     position: absolute;
     left: 0;
     text-align: center;
     font-size: 25px;
     box-shadow: 4px 4px 10px #000 !important;
}
 .nav-tabs > li a {
     box-shadow: none !important;
     background: transparent !important;
}
 .nav-tabs > li:nth-of-type(1) span {
     color: #000;
     border: none !important;
     background: #fff !important;
}
 .nav-tabs > li:nth-of-type(1).active span {
     color: #000;
     border: none !important;
     background: #c2ced9 !important;
}
 .nav-tabs > li:nth-of-type(2) span {
     color: #000;
     border: none !important;
     background: #fff !important;
}
 .nav-tabs > li:nth-of-type(2).active span {
     color: #000;
     border: none !important;
     background: #c2ced9 !important;
}
 .nav-tabs > li:nth-of-type(3) span {
     color: #000;
     border: none !important;
     background: #fff !important;
}
 .nav-tabs > li:nth-of-type(3).active span {
     color: #000;
     border: none !important;
     background: #c2ced9 !important;
}
 #step-1, #step-2, #step-3, #step4 {
     background: transparent !important;
     border: none !important;
}
 .nav-tabs > li > a.disabled {
     opacity: 1;
}
 .nav-tabs > li > a.disabled span {
     color: #000;
}
 div[role="tabpanel"]:after {
     content: "";
     display: block;
     clear: both;
}
/* Begin Business Info */
 .padd0 {
     padding: 0 0 0 30px;
}
 .padd20 {
     padding-top: 30px;
     padding-bottom: 20px;
}
 .padd200 {
     padding: 2px 0 5px 30px;
}
 .padds20 {
     padding: 2px 30px 8px 50px;
}
 .padds30 {
     padding: 2px 30px 12px 50px;
}
 @media (max-width: 600px) {
     .padds20, .padds30, .padd0, .padd20, .padd200 {
         padding: 10px 15px;
    }
     .liner {
         width: 98%;
    }
     .nav-tabs > li a.le1 {
         margin: 0 auto 0 2px;
    }
     .nav-tabs > li a.le3 {
         margin: 0 2px 0 auto;
    }
     .nav-tabs > li span {
         width: 40px !important;
         height: 40px !important;
         line-height: 35px !important;
    }
     .nav-tabs > li a {
         width: 40px !important;
         height: 40px !important;
    }
     img.propvalghth {
         width: 20px !important;
         height: auto !important;
    }
}
 .margin0 {
     margin: 0 !important;
}
 .neon {
     background-image: url("../images/bgpropval.jpg");
     background-repeat: no-repeat;
     background-size: cover;
}
 label.ameat {
     color: #fff;
     font-size: 14px;
     font-weight: normal;
}
 .btn-lg, .btn-group-lg > .btn {
     font-size: 14px;
     padding: 5px 8px;
}
 .col-md-4, .col-md-6 {
     margin-bottom: 25px;
}
 .btn-corp {
     background-color: rgba(255, 255, 255, 0.47) !important;
     border: none !important;
     box-shadow: 4px 4px 10px #000 !important;
     border-radius: 0 !important;
     color: #000 !important;
     font-weight: bold !important;
     text-transform: uppercase !important;
}
 #step-1-next, #step-2-next, #step-3-next, #submit {
     padding: 5px 8px !important;
     margin-top: 0 !important;
     margin-bottom: 0 !important;
     width: auto;
}
 textarea.dnew {
     height: 240px !important;
     margin-left: 0;
     margin-right: 0;
     padding: 15px 5px !important;
     width: 100% !important;
     background-color: rgba(97, 94, 94, 0.52) !important;
     color: #fff !important;
}
 textarea.dnew1 {
     height: 250px !important;
     margin-left: 0;
     margin-right: 0;
     padding: 8px 5px !important;
     width: 100% !important;
     background-color: rgba(97, 94, 94, 0.52) !important;
}
 
 .select2 {
     height: 35px;
     color: #fff;
     font-size: 14px;
}
 textarea#Description {
     height: 35px;
}
 option {
     color: #333;
     background: #fff !important;
}
 .form-group {
     margin-bottom: 3px;
}
 .maps {
     width: 100%;
     height: 250px;
     border: 6px solid rgba(255, 255, 255, 0.5);
}
 ::placeholder {
     color: #fff !important;
     opacity: 0.5 !important;
     font-weight: normal;
}
 :-ms-input-placeholder {
     color: #fff !important;
     font-weight: normal;
}
 ::-ms-input-placeholder {
     color: #fff !important;
     font-weight: normal;
}
 .frm_propvalue select, .frm_propvalue input, .frm_propvalue textarea {
     width: 100%;
     background-color: rgba(97, 94, 94, 0.52);
     color: #fff;
}
 .modal-header {
     background: #374b7d !important;
     padding: 10px 30px !important;
}
 .close {
     color: #fff !important;
     text-shadow: none !important;
     opacity: 1 !important;
}
 .modal-body {
     padding-top: 40px;
     padding-bottom: 40px;
}
 input.almt {
     background: #fff !important;
     color: #000 !important;
     text-align: center !important;
     font-weight: bold !important;
     width: 80% !important;
     margin-left: 10% !important;
     margin-right: 10% !important;
}
 .bgred{
     color:red;
}
 .order-1 {
     float: left;
}
 .order-2 {
     float: right;
}
 @media (max-width: 800px) {
     .order-1 {
         float: none;
    }
     .order-2 {
         float: none;
    }
     textarea.dnew {
         height: 150px !important;
         margin-left: 15px;
         margin-right: 15px;
         padding: 10px 5px !important;
         width: calc(100% - 30px) !important;
         color: #fff !important;
    }
     textarea.dnew1 {
         height: 150px !important;
         margin-left: 15px;
         margin-right: 15px;
         padding: 10px 5px !important;
         width: calc(100% - 30px) !important;
    }
}
 textarea.anmert {
     background-color: rgba(255, 255, 255, 0.21) !important;
}
 input {
     border-radius: 0 !important;
}
 .hiddendiv {
     display: none;
}
 .sdiv {
     display: block;
}
 h4.ptre {
     font-size: 1.15em !important;
}
 @media (max-width: 768px) {
     .hiddendiv {
         display: block;
    }
     .sdiv {
         display: none;
    }
     textarea.dnew {
         margin-bottom: 50px;
         width: 100% !important;
         margin-left: 0;
         margin-right: 0;
         color: #fff !important;
    }
     textarea.dnew1 {
         width: 100% !important;
         margin-left: 0;
         margin-right: 0;
    }
     .col-md-4 {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
     h4.ptre {
         font-size: 0.8em !important;
    }
}
 #step-1-prev, #step-2-prev, #step-3-prev {
     padding: 5px 8px !important;
     margin-top: 0 !important;
     margin-bottom: 0 !important;
     width: auto;
}
 .abtpg{
    /* padding-top: 150px;
     padding-bottom: 395px;*/
}
 .container-css{
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     padding: 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+28,deefff+28,98bede+100 */
     background: rgb(222,239,255);
    /* Old browsers */
     background: -moz-linear-gradient(top, rgba(222,239,255,1) 28%, rgba(222,239,255,1) 28%, rgba(152,190,222,1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(222,239,255,1) 28%,rgba(222,239,255,1) 28%,rgba(152,190,222,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(222,239,255,1) 28%,rgba(222,239,255,1) 28%,rgba(152,190,222,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 );
    /* IE6-9 */
     margin-top: 140px;
    margin-bottom: 355px;
}
.ui-menu
{
    list-style: none;
    background-color: #fff !important;
    width:23.5% !important;
    outline: none  !important;
    border:1px solid #ccc  !important;
    padding: 0 5px;
    margin: 0;
}
.color-font {
    height: 35px;
    color: #fff;
    font-size: 14px;
}
.nav-toggle-btn{
    margin-top: -63px;
}
.decoration{
    text-decoration: none !important;
}
.color-header{
    background-color:#fff !important;
}
.modal-title-about{
    font-size: 26px;
    color: #3a6cb5;
}
.x-color{
    color: #3a6cb5;
}
.body-modal{
   text-align: justify;  
}
.news-letter{
    margin-top: 171px;
    margin-bottom: 375px;
}
.news p{
    text-align: justify;
}
.news-li li{
    list-style: circle;
    /* padding: 0px; */
    margin: 0px;
}
hr.style3 {
    border-top: 1px dashed #8c8b8b;
}
@media only screen and (max-width:1024px){
    .main-menu .navigation > li > a {
    font-size: 12px;
    padding: 20px 10px 20px 10px;
}
}

.bgreadtxt
{
    background-color: rgba(97, 94, 94, 0.52) !important;
    color:#fff !important;
}