.owl-nav>button {
         background-color: #444 !important;
         color: #fff !important;
         }
         .owl-nav i {
         display: inline-block;
         font: normal normal normal 14px/1 FontAwesome;
         font-size: 20px;
         text-rendering: auto;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         }
         .img-container {
         position: relative;
         margin-left: 40px;
         background-color: #000;
         margin-top: 10px;
         }
         .image {
         opacity: 1;
         display: block;
         width: 100%;
         height: auto;
         transition: .5s ease;
         backface-visibility: hidden;
         }
         .middle {
         transition: .5s ease;
         opacity: 0;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         text-align: center;
         }
         .img-container:hover .image {
         opacity: 0.3;
         }
         .img-container:hover .middle {
         opacity: 1;
         }
         .text i {
         background-color: #04AA6D;
         color: white;
         font-size: 16px;
         border-radius: 100%;
         padding: 16px 16px;
         font-weight: 500;
         }
         #myImg {
         border-radius: 5px;
         cursor: pointer;
         transition: 0.3s;
         }
         #myImg:hover {
         opacity: 0.7;
         }
         /* The Modal (background) */
         .modal {
         display: none;
         /* Hidden by default */
         position: fixed;
         /* Stay in place */
         z-index: 999;
         /* Sit on top */
         padding-top: 100px;
         /* Location of the box */
         left: 0;
         top: 0;
         width: 100%;
         /* Full width */
         height: 100%;
         /* Full height */
         overflow: auto;
         /* Enable scroll if needed */
         background-color: rgb(0, 0, 0);
         /* Fallback color */
         background-color: rgba(0, 0, 0, 0.9);
         /* Black w/ opacity */
         }
         /* Modal Content (image) */
         .modal-content {
         margin: auto;
         display: block;
         width: 80%;
         max-width: 700px;
         float: right;
         }
         .modal-contents {
         margin: auto;
         display: block;
         width: 80%;
         max-width: 700px;
         }
         @media (min-width: 576px) {
         .modal-dialog {
         max-width: 900px !important;
         margin: 1.75rem auto;
         }
         }
         /* Caption of Modal Image */
         #caption {
         margin: auto;
         display: block;
         width: 80%;
         max-width: 700px;
         text-align: center;
         color: #ccc;
         padding: 10px 0;
         height: 150px;
         }
         /* Add Animation */
         .modal-content,
         #caption {
         -webkit-animation-name: zoom;
         -webkit-animation-duration: 0.6s;
         animation-name: zoom;
         animation-duration: 0.6s;
         }
         @-webkit-keyframes zoom {
         from {
         -webkit-transform: scale(0)
         }
         to {
         -webkit-transform: scale(1)
         }
         }
         @keyframes zoom {
         from {
         transform: scale(0)
         }
         to {
         transform: scale(1)
         }
         }
         /* The Close Button */
         .close {
         position: absolute;
         top: 15px;
         right: 35px;
         color: #f1f1f1;
         font-size: 40px;
         font-weight: bold;
         transition: 0.3s;
         }
         .close:hover,
         .close:focus {
         color: #bbb;
         text-decoration: none;
         cursor: pointer;
         }


          a.nav-expander {
         background: transparent;
         color: #FFFFFF;
         display: block;
         font-size: 16px;
         font-weight: 400;
         height: auto;
         margin-right: 0;
         padding: 0;
         right: 0;
         text-decoration: none;
         text-transform: uppercase;
         top: 0;
         transition: right 0.3s ease-in-out 0s;
         width: auto;
         z-index: 12;
         transition: right 0.3s ease-in-out 0s;
         -webkit-transition: right 0.3s ease-in-out 0s;
         -moz-transition: right 0.3s ease-in-out 0s;
         -o-transition: right 0.3s ease-in-out 0s;
         }
         a.nav-expander:hover {
         cursor: pointer;
         }
         nav.right_menu_togle {
         background: rgb(42 42 42 / 90%);
         display: block;
         height: 100%;
         overflow: auto;
         position: fixed;
         right: -23em;
         font-size: 15px;
         top: 0;
         width: 23em;
         z-index: 2000;
         transition: right 0.3s ease-in-out 0s;
         -webkit-transition: right 0.3s ease-in-out 0s;
         -moz-transition: right 0.3s ease-in-out 0s;
         -o-transition: right 0.3s ease-in-out 0s;
         }
         .nav-expanded nav {
         right: 0;
         }
         body.nav-expanded {
         margin-left: 0em;
         transition: right 0.4s ease-in-out 0s;
         -webkit-transition: right 0.4s ease-in-out 0s;
         -moz-transition: right 0.4s ease-in-out 0s;
         -o-transition: right 0.4s ease-in-out 0s;
         }
         .right_menu_togle .close-btn {
         overflow: hidden;
         padding: 35px 10px 20px;
         }
         .right_menu_togle .canvas-logo {
         padding-left: 24px;
         padding-bottom: 20px;
         padding-right: 10px;
         }
         .right_menu_togle .search-wrap {
         padding: 20px 24px 0;
         position: relative;
         }
         .right_menu_togle .search-wrap label {
         display: block;
         font-size: 20px;
         color: #fff;
         position: relative;
         }
         .right_menu_togle .search-wrap input,
         .right_menu_togle .search-wrap button {
         border: none;
         outline: none;
         }
         .right_menu_togle .search-wrap input {
         width: 100%;
         border-radius: 30px;
         background: #fff;
         padding: 7px 25px;
         margin-top: 6px;
         }
         .right_menu_togle .search-wrap button {
         position: absolute;
         right: 40px;
         background: transparent;
         cursor: pointer;
         bottom: 7px;
         font-size: 18px;
         }
         span#nav-close {
         font-size: 20px;
         cursor: pointer;
         color: #fff;
         display: block;
         text-align: center;
         width: 35px;
         height: 35px;
         line-height: 26px;
         border: 3px solid #fff;
         border-radius: 50%;
         float: right;
         font-weight: bold;
         }
         .sidebarnav_menu.main-menu li.menu-item-has-children i {
         position: absolute;
         font-family: 'FontAwesome';
         color: #ffffff;
         width: 32px;
         height: 32px;
         line-height: 30px;
         background: rgba(255, 255, 255, 0.2);
         right: 8px;
         top: 5px;
         cursor: pointer;
         z-index: 999;
         text-align: center;
         font-size: 15px;
         transition: 0.4s;
         -webkit-transition: 0.4s;
         -ms-transition: 0.4s;
         }
         .sidebarnav_menu.main-menu li.menu-item-has-children.open:before {
         content: "\f077";
         transition: 0.4s;
         -webkit-transition: 0.4s;
         -ms-transition: 0.4s;
         }
         .sidebarnav_menu.main-menu li.menu-item-has-children ul {
         display: none;
         }
         .sidebarnav_menu.main-menu li.menu-item-has-children ul li a {
         display: block;
         padding: 8px 45px;
         font-size: 14px;
         text-transform: uppercase;
         }
         .sidebarnav_menu.main-menu li ul li:hover a,
         .sidebarnav_menu.main-menu li ul li.active a {
         background: rgba(0, 0, 0, 0.15) !important;
         text-transform: uppercase;
         }
         .sidebarnav_menu.main-menu li {
         border-bottom: 1px solid rgba(255, 255, 255, 0.15);
         font-size: 16px;
         position: relative;
         display: block;
         }
         .sidebarnav_menu.main-menu .list-unstyled li:last-child {
         border-bottom: 0;
         }
         .sidebarnav_menu.main-menu .list-unstyled {
         border-top: 1px solid rgba(255, 255, 255, 0.15);
         }
         .sidebarnav_menu.main-menu .list-unstyled li {
         border: 0;
         }
         .sidebarnav_menu.main-menu li a {
         color: #fff;
         text-decoration: none;
         padding: 8px 24px;
         display: block;
         transition: 0.4s;
         -webkit-transition: 0.4s;
         -ms-transition: 0.4s;
         }
         .sidebarnav_menu.main-menu li ul li a {
         padding: 8px 0 8px 40px;
         }
         .sidebarnav_menu.main-menu li a:hover {
         color: #FFFFFF;
         text-decoration: none;
         }
         .sidebarnav_menu.main-menu a .caret {
         width: 0;
         height: 0;
         display: inline-block;
         vertical-align: top;
         border-top: 4px solid #4f5963;
         border-right: 4px solid transparent;
         border-left: 4px solid transparent;
         content: "";
         margin-top: 8px;
         }
         .sidebarnav_menu.main-menu a:hover .caret {
         border-top-color: #4f5963;
         }
         .sidebarnav_menu.main-menu li.open>a>.caret {
         border-top: none;
         border-bottom: 4px solid #4f5963;
         border-right: 4px solid transparent;
         border-left: 4px solid transparent;
         }
         .sidebarnav_menu.main-menu li.open>a:hover>.caret {
         border-bottom-color: #4f5963;
         }
         .icon:before {
         font-family: 'FontAwesome';
         font-style: normal;
         font-variant: normal;
         font-weight: normal;
         line-height: 1;
         text-transform: none;
         content: '\f105';
         }
         .sidebarnav_menu.main-menu li>a>span i {
         float: right;
         margin: 0.1em 1.7em -0.1em 0;
         opacity: 0;
         -webkit-transition: all 0.2s ease-in-out;
         -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
         }
         .sidebarnav_menu.main-menu li>a:hover>span.icon {
         float: right;
         margin: 0.1em 0.8em -0.1em 0;
         opacity: 1;
         }
         .sidebar_nav.navbar {
         position: absolute;
         min-height: auto;
         margin-bottom: 0;
         border: 0;
         }
         .rgcsm-menu.rgcsm-menu-close,
         .sidebar_nav.navbar-inverse {
         background: transparent;
         }
         /*style - 3*/

         .slide_out {}
         .slide_in {}
         .sliding_form {
         background: #fff;
         position: fixed;
         right: 0;
         top: 110px;
         border-radius: 20px 0 0 20px;
         width: 335px;
         z-index: 9999;
         border: 1px solid #eee
         }
         .sliding_form_inner {
         padding: 30px 20px;
         width: 100%;
         height: 300px;
         overflow: auto;
         }
         #form_trigger {
         border-radius: 20px 20px 0 0;
         color: #fff;
         font-family: "Roboto", sans-serif;
         font-size: 20px;
         font-weight: bold;
         left: -157px;
         padding: 10px 20px;
         position: absolute;
         text-transform: uppercase;
         top: 113px;
         transform: rotate(-90deg);
         transform-origin: 117px 11px 0;
         background: #f09819;
         background: -moz-linear-gradient(top, #f09819 0%, #f67f31 100%);
         background: -webkit-linear-gradient(top, #f09819 0%, #f67f31 100%);
         background: linear-gradient(to bottom, #f09819 0%, #f67f31 100%);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09819', endColorstr='#f67f31', GradientType=0);
         }
         #form_trigger:hover,
         #form_trigger:focus {
         text-decoration: none;
         }
         .sliding_form_inner .form-group {
         display: inline-block;
         height: auto;
         margin-bottom: 0 !important;
         padding: 10px 0;
         width: 100%;
         }
         .sliding_form_inner .form-group label {
         font-size: 18px;
         color: #fff;
         font-family: 'Roboto', sans-serif;
         font-weight: normal;
         margin-right: 20px;
         }
         .sliding_form_inner .form-group .fields_box {
         background: #ebebec;
         border: none;
         width: 100%;
         height: 35px;
         padding: 0 0 0 15px;
         border-radius: 5px;
         }
         .sliding_form_inner span {
         font-size: 16px;
         font-family: 'Roboto', sans-serif;
         color: #fff;
         }
         .sliding_form_inner textarea {
         background: #ebebec none repeat scroll 0 0;
         border: medium none;
         border-radius: 5px;
         height: 100px;
         overflow: auto;
         padding: 10px 0 0 15px;
         resize: none;
         width: 100%;
         }
         .sliding_form_inner .submit_btn {
         font-size: 16px;
         font-family: 'Roboto', sans-serif;
         background: #252525;
         border-radius: 5px;
         border: none;
         color: #fff;
         padding: 10px 20px;
         }
         .sliding_form_inner .submit_btn:hover,
         .sliding_form_inner .submit_btn:focus {
         background: #000;
         }
         @media(max-width: 1024px) and (min-width: 767px) {
         .sliding_form_inner .form-group .fields_box {
         margin-bottom: 10px;
         }
         .sliding_form_inner .form-group {
         padding: 0px;
         }
         .sliding_form_inner {
         height: auto;
         }
         }
         /*style - 4*/

          /*Enquiry*/
         .popup-btn-enq a {
         top: 440px;
         position: fixed;
         right: -63px;
         z-index: 1000;
         transform: rotate(-90deg);
         background-color: red;
         /* padding: 10px 20px 35px; */
         padding: 10px 18px 35px 9px;
         height: 0px;
         background-color: #000;
         color: #fff;
         border-radius: 5px;
         font-size: 24px;
         }
         .popup-btn a:hover {
         text-decoration: none;
         color: #fff;
         }
         .form-part {
         padding: 20px 0px;
         }
         .modal-header {
         padding: 10px 0px !important;
         }
         .modal_enq {
         display: none;
         position: fixed;
         z-index: 9999 !important;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgb(0, 0, 0);
         background-color: rgba(0, 0, 0, 0.4);
         padding-top: 110px;
         }
         .modal-content {
         /*background-color: #fefefe;
         margin: 5% auto 15% auto;
         padding: 20px;*/
         }
         .close {
         position: absolute;
         right: 10px;
         top: 8px;
         font-size: 20px;
         font-weight: bold;
         border-radius: 50%;
         height: 30px;
         width: 30px;
         text-align: center;
         }
         .close:hover,
         .close:focus {
         cursor: pointer;
         }
         .animate {
         -webkit-animation: animatezoom 0.6s;
         animation: animatezoom 0.6s
         }
         @-webkit-keyframes animatezoom {
         from {
         -webkit-transform: scale(0)
         }
         to {
         -webkit-transform: scale(1)
         }
         }
         @keyframes animatezoom {
         from {
         transform: scale(0)
         }
         to {
         transform: scale(1)
         }
         }
         #fixed-form-container {
         position: fixed;
         bottom: 0px;
         left: 3%;
         width: 94%;
         text-align: center;
         margin: 0;
         z-index: 999;
         }
         #fixed-form-container .button:before {
         content: "+ ";
         }
         #fixed-form-container .expanded:before {
         content: "- ";
         }
         #fixed-form-container .button {
         font-size: 1.1em;
         cursor: pointer;
         margin-left: auto;
         margin-right: auto;
         border: 2px solid #0CE120;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px 5px 0px 0px;
         padding: 5px 20px 5px 20px;
         background-color: #0CE120;
         color: #fff;
         display: inline-block;
         text-align: center;
         text-decoration: none;
         -webkit-box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.3);
         box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.3);
         }
         #fixed-form-container .body {
         background-color: #fff;
         border-radius: 5px;
         border: 2px solid #e25454;
         margin-bottom: 16px;
         padding: 10px;
         -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
         box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
         }

         /*style- 5*/

         .carousel-caption {
         bottom: 220px;
         }
         .carousel-caption h5 {
         font-size: 45px;
         text-transform: uppercase;
         letter-spacing: 2px;
         margin-top: 25px;
         }
         .carousel-caption p {
         width: 60%;
         margin: auto;
         font-size: 18px;
         line-height: 1.9;
         }
         .carousel-caption a {
         text-transform: uppercase;
         text-decoration: none;
         background: darkorange;
         padding: 10px 30px;
         display: inline-block;
         color: #000;
         margin-top: 15px;
         }

         /*style - 6*/

         :root {
         --white: #ffffff;
         --black: #232323;
         --lightGreen: #e6f4f1;
         --skyBlue: var(--primary);
         --skyBlueHvr: #6cb5d2;
         --blue: #bfd6d9;
         }
         .sci-services-style1 .services-item {
         background-color: #212121;
         padding: 25px 8px 17px;
         box-shadow: 0 4px 2px -2px #000000;
         z-index: 111;
         position: relative;
         top: -30px;
         transition: all 0.3s ease 0s;
         }
         .sci-services-style1 .services-item:hover {
         background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
         }
         .sci-services-style1 .services-item:hover .services-icon {
        background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
         }
         .sci-services-style1 .services-item:hover .services-icon,
         .sci-services-style1 .services-item:hover .services-desc p {
         color: #fff;
         }
         .sci-services-style1 .services-desc {
         text-align: center;
         margin-top: 6px;
         }
         .sci-services-style1 .services-desc p {
         color: #cccccc;
         margin-bottom: 0;
         }
         .sci-services-style1 .services-desc .services-title {
         position: relative;
         color: #ffffff;
         font-size: 20px;
         margin-bottom: 7px;
         z-index: 10;
         }
         .sci-services-style1 .services-icon {
         height: 130px;
         width: 130px;
         background-color: #212121;
         line-height: 88px;
         text-align: center;
         position: absolute;
         top: -50px;
         z-index: -1;
         font-size: 40px;
         border-radius: 50%;
         left: 0;
         right: 0;
         margin: 0 auto;
         color: var(--skyBlue);
         transition: all 0.3s ease 0s;
         }
         .sci-services-style1 .services-icon i {
         display: inline-block;
         }
         .sci-animation-scale-up {
         color: #fff;
         }
         .anime-thumb span {
         animation-play-state: running !important;
         -webkit-animation-play-state: running;
         -moz-animation-play-state: running;
         }
         .anime-thumb span {
         width: 58%;
         height: 58%;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         border: 1px solid #fff;
         animation: rotate2 8s linear infinite;
         -webkit-animation: rotate2 8s linear infinite;
         -moz-animation: rotate2 8s linear infinite;
         animation-play-state: running;
         animation-play-state: paused;
         -webkit-animation-play-state: paused;
         -moz-animation-play-state: paused;
         }
         .anime-thumb span {
         top: 34%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         position: absolute;
         content: "";
         }
         @keyframes rotate2 {
         0% {
         -webkit-transform: translate(-50%, -50%) rotate(0);
         -ms-transform: translate(-50%, -50%) rotate(0);
         transform: translate(-50%, -50%) rotate(0);
         }
         100% {
         -webkit-transform: translate(-50%, -50%) rotate(1440deg);
         -ms-transform: translate(-50%, -50%) rotate(1440deg);
         transform: translate(-50%, -50%) rotate(1440deg);
         }
         }
         .anime-thumb span::after,
         .anime-thumb span::before {
         width: 10px;
         height: 10px;
         background-size: contain;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         background: -moz-linear-gradient(0deg, #fff 0, #fff 100%);
         background: -webkit-linear-gradient(0deg, #fff 0, #fff 100%);
         background: -ms-linear-gradient(0deg, #fff 0, #fff 100%);
         box-shadow: 1.21px 4.851px 6.72px 0.28px rgba(232, 58, 153, 0.39);
         left: 5px;
         bottom: 5px;
         }
         .anime-thumb span::after,
         .anime-thumb span::before {
         position: absolute;
         content: "";
         }
         .anime-thumb span::after {
         width: 13px;
         height: 13px;
         left: auto;
         bottom: auto;
         right: 5px;
         top: 5px;
         }






          .testimonials {
         position: relative;
         padding-top: 80px;
         &:after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         width: 100%;
         height: 30%;
         background-color: #ddd;
         }
         }
         #customers-testimonials {
         .item-details {
         color: #fff;
         padding: 20px 10px;
         text-align: left;
         h5 {
         margin: 0 0 15px;
         font-size: 18px;
         line-height: 18px;
         span {
         color: red;
         float: right;
         padding-right: 20px;
         }
         }
         p {
         font-size: 14px;
         }
         }
         .item {
         text-align: center;
         // padding: 20px;
         margin-bottom: 80px;
         }
         }
         .owl-carousel .owl-nav [class*='owl-'] {
         -webkit-transition: all .3s ease;
         transition: all .3s ease;
         }
         .owl-carousel .owl-nav [class*='owl-'].disabled:hover {}
         .owl-carousel {
         position: relative;
         }
         .owl-carousel .owl-next,
         .owl-carousel .owl-prev {
         width: 50px;
         height: 50px;
         line-height: 50px;
         border-radius: 50%;
         position: absolute;
         top: 30%;
         font-size: 20px;
         color: #fff;
         border: 1px solid #ddd;
         text-align: center;
         }
         .owl-carousel .owl-prev {
         left: -70px;
         }
         .owl-carousel .owl-next {
         right: -70px;
         }

         .offer:hover {
             transform: scale(1.2);
         }

         .offer {
             transition: transform .2s;
         }
         


          .close_clodse {
         float: right;
         font-size: 1.5rem;
         font-weight: 700;
         line-height: 1;
         color: #000;
         text-shadow: 0 1px 0 #fff;
         opacity: .5;
         }
         .our-team-section {
         position: relative;
         padding-top: 40px;
         padding-bottom: 40px;
         }
         .our-team-section:before {
         position: absolute;
         top: -0;
         left: 0;
         content: " ";
         background: url(img/service-section-bottom.html);
         background-size: 100% 100px;
         width: 100%;
         height: 100px;
         float: left;
         z-index: 99;
         }
         .our-team {
         padding: 0 0 40px;
         background: #f9f9f9;
         text-align: center;
         overflow: hidden;
         position: relative;
         border-bottom: 5px solid #00325a;
         }
         .our-team:hover {
         border-bottom: 5px solid #ffc107;
         }
         .our-team .pic {
         display: inline-block;
         width: 130px;
         height: 130px;
         margin-bottom: 50px;
         z-index: 1;
         position: relative;
         }
         .our-team .pic:before {
         content: "";
         width: 100%;
         height: 100%;
         border-radius: 50%;
         background: #ffc107;
         position: absolute;
         bottom: 135%;
         right: 0;
         left: 0;
         opacity: 1;
         transform: scale(3);
         transition: all 0.3s linear 0s;
         }
         .our-team:hover .pic:before {
         height: 100%;
         background: #ffc107;
         }
         .our-team .pic:after {
         content: "";
         width: 100%;
         height: 100%;
         border-radius: 50%;
         background: #ffffff00;
         position: absolute;
         top: 0;
         left: 0;
         z-index: 1;
         transition: all 0.3s linear 0s;
         }
         .our-team:hover .pic:after {
         background: var(--primary);
         }
         .our-team .pic img {
         width: 100%;
         height: 100%;
         border-radius: 50%;
         transform: scale(1);
         transition: all 0.9s ease 0s;
         box-shadow: 0 0 0 14px #f7f5ec;
         transform: scale(0.7);
         position: relative;
         z-index: 2;
         }
         .our-team:hover .pic img {
         box-shadow: 0 0 0 14px #f7f5ec;
         transform: scale(0.7);
         }
         .our-team .team-content {
         margin-bottom: 30px;
         }
         .our-team .title {
         font-size: 22px;
         font-weight: 700;
         color: #4e5052;
         letter-spacing: 1px;
         text-transform: capitalize;
         margin-bottom: 5px;
         }
         .our-team .post {
         display: block;
         font-size: 15px;
         color: #4e5052;
         text-transform: capitalize;
         }
         .our-team .social {
         width: 100%;
         padding-top: 10px;
         margin: 0;
         background: #2f2f2f;
         position: absolute;
         bottom: -100px;
         left: 0;
         transition: all 0.5s ease 0s;
         }
         .our-team:hover .social {
         bottom: 0;
         }
         .our-team .social li {
         display: inline-block;
         }
         .our-team .social li a {
         display: block;
         padding-top: 6px;
         font-size: 15px;
         color: #fff;
         transition: all 0.3s ease 0s;
         }
         .our-team .social li a:hover {
         color: #2f2f2f;
         background: #f7f5ec;
         }
         @media only screen and (max-width: 990px) {
         .our-team {
         margin-bottom: 10px;
         }
         }
         .topBlk {
         position: fixed;
         left: -0;
         top: 215px;
         z-index: 10;
         }
         .topBlk .topBlk1,
         .topBlk .topBlk2 {
         position: relative;
         left: -1px;
         /*transition: 0.3s ease-in-out;*/
         transition: 0.3s ease-in;
         display: grid;
         }
         .topBlk .topBlk1 .hoverImg1 img,
         .topBlk .topBlk2 .hoverImg2 img {
         height: 152px;
         width: 130px;
         }
         .topBlk .topBlk1 .hoverImg1,
         .topBlk .topBlk2 .hoverImg2 {
         position: absolute;
         top: 0;
         width: 130px;
         left: -135px;
         transition: all 1000ms ease-in-out;
         }
         .topBlk .topBlk1 img,
         .topBlk .topBlk2 img {
         width: 60px;
         }
         .topBlk .topBlk1 img,
         .topBlk .topBlk2 img {
         position: relative;
         animation: myfirst 1s 2;
         animation-direction: alternate;
         animation-iteration-count: infinite;
         }
         @keyframes myfirst {
         0% {
         right: 0px;
         top: 0px;
         }
         50% {
         right: 5px;
         top: 0px;
         }
         100% {
         right: 0px;
         top: 0px;
         }
         }
         .topBlk .topBlk1:hover .hoverImg1,
         .topBlk .topBlk2:hover .hoverImg2 {
         left: 2px;
         /*right: 0px;*/
         transition: all 1000ms ease-in-out;
         }




         
         @media only screen and (max-width: 767px) {
         .carousel-caption {
         bottom: 165px;
         }
         .carousel-caption h5 {
         font-size: 17px;
         }
         .carousel-caption a {
         padding: 10px 15px;
         font-size: 15px;
         }
         }
         @media only screen and (min-width:768px) {
         #fixed-form-container .button {
         margin: 0;
         }
         #fixed-form-container {
         left: 02px;
         width: 290px;
         text-align: left;
         }
         #fixed-form-container .body {
         padding: 30px;
         border-radius: 0px 5px 5px 5px;
         }
         }
         @media(max-width: 767px) {
         .sliding_form {
         height: auto;
         width: 70%;
         top: 50px;
         }
         .sliding_form_inner {
         padding: 10px;
         height: 150px;
         display: inline-block;
         }
         .sliding_form_inner .form-group .fields_box {
         margin-bottom: 10px;
         }
         .sliding_form_inner .form-group {
         padding: 0px;
         }
         }
         /* 100% Image Width on Smaller Screens */
         @media only screen and (max-width: 700px) {
         .modal-content {
         width: 100%;
         }
         }

         /*style 1*/