/*Template:  Endlessness - App landing Mobile Bootstrap 4 Html Template
Author: Theme-rocket
Author URI: https://themeforest.net/user/theme-rocket/portfolio 
Version:  1.0
Description:  
*/
 /*-------------------------------------------------------
1. Theme default css
---------------------------------------------------------*/

 body {
     background: #fff !important;
     font-family: 'nunitoregular', sans-serif !Important;
     color: #333 !important;
     font-size: 16px;
 }

 .wrapper {
     overflow: hidden;
 }

 .img {
     max-width: 100%;
     transition: all 0.3s ease-out 0s;
 }

 .team-member-content,
 .team-member-single-item,
 .price-head:after,
 .price-head,
 .services-style2 .single-service-item,
 .services-style2 .single-service-item p,
 .services-style2 .single-service-item h5,
 .nav-style2,
 .header-nav-area,
 .feature-title h5,
 .service-style3 .single-service-item,
 .single-service-item,
 .header-nav,
 a.btn-primary,
 .blog-post-cntent h5,
 .carousel-control-prev span,
 .single-blog-post,
 .carousel-control-next span,
 .partner-thumbnail,
 .team-thumbnail:after,
 .social-icon,
 .single-service-item,
 .app-button li a span,
 .app-button li a p,
 .app-button li a i,
 .header-nav .menu>li>a:after,
 .header-nav .menu>li>a,
 a.btn,
 .btn,
 a,
 .button {
     -webkit-transition: all 0.5s ease-out 0s;
     -moz-transition: all 0.5s ease-out 0s;
     -ms-transition: all 0.5s ease-out 0s;
     -o-transition: all 0.5s ease-out 0s;
     transition: all 0.5s ease-out 0s;
 }

 a:focus,
 a:hover,
 .button:focus {
     text-decoration: none;
     outline: none;
     color: #2e82ff;
 }

 .portfolio-cat a:hover,
 .footer-menu li a:hover {
     color: #fff !Important;
     text-decoration: none;
 }

 :focus {
     outline: none;
 }

 a,
 button {
     outline: medium none;
     color: #337ab7;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: normal;
     color: #212121;
     font-size: 14px;
     margin-top: 0;
     margin-bottom: 0;
     font-style: normal;
     font-weight: 600;
     line-height: 2em;
     font-family: 'montserratregular', sans-serif !Important;
 }

 .class-name h1,
 .class-name h2,
 .class-name h3,
 .class-name h4,
 .class-name h5,
 .class-name h6 {
     color: #ffffff;
 }

 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     color: inherit;
 }

 h1 {
     font-size: 40px;
 }

 h2 {
     font-size: 35px;
 }

 h3 {
     font-size: 28px;
 }

 h4 {
     font-size: 20px;
 }

 h5 {
     font-size: 18px;
 }

 h6 {
     font-size: 16px;
 }

 ul {
     margin: 0px;
     padding: 0px;
 }

 li {
     list-style: none
 }

 .list-inline {
     display: inline-flex;
     list-style: none;
 }

 .list-inline li {
     display: inline-block;
 }

 p {
     color: #737373;
     font-size: 18px;
     letter-spacing: 0.5px;
     line-height: 30px;
     margin-bottom: 20px;
 }

 *::-moz-selection {
     background: #2e82ff;
     color: #fff;
     text-shadow: none;
 }

 ::-moz-selection {
     background: #2e82ff;
     color: #fff;
     text-shadow: none;
 }

 ::selection {
     background: #2e82ff;
     color: #fff;
     text-shadow: none;
 }

 *::-moz-placeholder {
     color: #555555;
     font-size: 14px;
     opacity: 1;
 }

 *::placeholder {
     color: #555555;
     font-size: 14px;
     opacity: 1;
 }

 .mb-50 {
     margin-bottom: 60px;
 }

 .mb-60 {
     margin-bottom: 60px;
 }

 .mb-80 {
     margin-bottom: 80px;
 }

 .mb-90 {
     margin-bottom: 90px;
 }

 .bg-light {
     background-color: #ecf5f6;
 }

 .bg-dark {
     background-color: #0f1129;
 }

 .has-color h1,
 .has-color h2,
 .has-color h3,
 .has-color h4,
 .has-color h5,
 .has-color h6,
 .has-color p {
     color: #ffffff !important;
 }

 /*-------------------------------------------------------
  1.1 Background color variation for section
---------------------------------------------------------*/

 /*Home 1 Color css*/


 .single-feature-item li:hover h5,
 .blog-author:hover,
 .text-color,
 .header-nav .menu>li.active>a,
 .header-nav .menu>li>a:hover,
 .app-button li span,
 .app-button li a p,
 .app-button li a i {
     color: #fff !important;
 }

 .popup-video,
 .shape,
 .app-button li a:hover,
 .header-nav .menu>li.active>a:after,
 .header-nav .menu>li>a:after {
     background-color: #000;
 }


 .preloader-area {
     position: fixed;
     background: #fff;
     z-index: 11000;
     height: 100%;
     width: 100%;
     overflow: hidden;
 }

 .spinner {
     margin: auto;
     width: 40px;
     height: 40px;
     position: relative;
     text-align: center;
     position: absolute;
     left: 50%;
     right: 50%;
     margin-left: -20px;
     top: 50%;
     -webkit-animation: sk-rotate 2.0s infinite linear;
     animation: sk-rotate 2.0s infinite linear;
 }

 .dot1,
 .dot2 {
     width: 60%;
     height: 60%;
     display: inline-block;
     position: absolute;
     top: 0;
     background-color: #870d0c;
     border-radius: 100%;
     -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
     animation: sk-bounce 2.0s infinite ease-in-out;
 }

 .dot1 {
     background-color: #eb3237;
 }

 .dot2 {
     top: auto;
     background-color: #860c0b;
     bottom: 0;
     -webkit-animation-delay: -1.0s;
     animation-delay: -1.0s;
 }

 @-webkit-keyframes sk-rotate {
     100% {
         -webkit-transform: rotate(360deg)
     }
 }

 @keyframes sk-rotate {
     100% {
         transform: rotate(360deg);
         -webkit-transform: rotate(360deg)
     }
 }

 @-webkit-keyframes sk-bounce {

     0%,
     100% {
         -webkit-transform: scale(0.0)
     }

     50% {
         -webkit-transform: scale(1.0)
     }
 }

 @keyframes sk-bounce {

     0%,
     100% {
         transform: scale(0.0);
         -webkit-transform: scale(0.0);
     }

     50% {
         transform: scale(1.0);
         -webkit-transform: scale(1.0);
     }
 }

 .header-text .home-arrow-down {
     text-align: center;
     position: absolute;
     bottom: -150px;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }

 .header-text .home-arrow-down .btn {
     font-size: 50px;
 }

 .header-text .home-arrow-down .fa {
     color: #FFB300;
     display: inline-block;
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
     -webkit-animation-name: home-arrow-down;
     animation-name: home-arrow-down;
     animation-duration: 2s;
     -webkit-animation-duration: 2s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
 }

 @-webkit-keyframes home-arrow-down {
     from {
         -webkit-transform: translate3d(0, 0px, 0);
         transform: translate3d(0, 0px, 0);
         filter: alpha(opacity=0);
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     }

     10% {
         -webkit-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0);
         filter: alpha(opacity=100);
         opacity: 1;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     }

     to {
         -webkit-transform: translate3d(0, 30px, 0);
         transform: translate3d(0, 30px, 0);
         filter: alpha(opacity=0);
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     }
 }

 @keyframes home-arrow-down {
     from {
         -webkit-transform: translate3d(0, 0px, 0);
         transform: translate3d(0, 0px, 0);
         filter: alpha(opacity=0);
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     }

     10% {
         -webkit-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0);
         filter: alpha(opacity=100);
         opacity: 1;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     }

     to {
         -webkit-transform: translate3d(0, 30px, 0);
         transform: translate3d(0, 30px, 0);
         filter: alpha(opacity=0);
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     }
 }

 .dropdown {
     position: relative;
     display: inline-block;
     padding-top: 11px !important;
     font-family: 'nunitosemibold' !important;
     color: #000;
     margin-top: -2px !important;
     height: 51px;
 }

 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #fff !important;
     min-width: 230px;
     z-index: 1;
     margin-top: 40px;
     border: 1px solid #eee;
     box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
     padding: 18px 0;
 }

 .dropdown-content a {
     padding: 0 10px 0 25px !important;
     line-height: 45px;
     font-size: 16px;
     text-transform: capitalize;
     transition: all 0.3s ease-in-out;
     font-weight: 600 !Important;
     float: none !Important;
 }


 .dropdown:hover .dropdown-content {
     display: block;
 }

 .dropdown:hover .dropbtn {
     background-color: #3e8e41;
 }

 .mg-mnu-tp {
     margin-top: -5px !important;
     cursor: pointer;
 }

 .rght-arrw {
     color: #bfbfbf !important;
 }

 .navbar-dark .navbar-toggler {
     color: #bd2c30 !important;
     border-color: rgba(84, 84, 84, 0.1) !important;
     border-radius: 0px !important;
     padding: 9px !important;
     margin-top: 7px !important;
     float: right !important;
     border: none;
 }

 .dropdown-content i {
     margin-right: 10px;
 }

 /*terms and conditions*/
 .list-st {
     margin-left: 50px;
 }

 .list-st span {
     margin-right: 15px;
     position: absolute;
     left: 18px;
     color: #000
 }

 .list-st .aShortName {
     color: #737373;
     font-family: 'nunitoregular' !important;
 }

 .list-st .aAddress {
     color: #737373;
     font-weight: normal
 }



 .aShortName {
     position: inherit !important;
     margin: 0 !important;
     font-family: 'montserratlight' !Important;
 }

 .list-st li {
     line-height: 35px;
     color: #737373;
     font-weight: 500;
 }

 .ft-links h2 {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 35px;
     position: relative;
     line-height: 30px;
     font-family: 'montserratbold' !important;
 }

 .list-st strong {
     color: #000
 }

 .ft-links h2::before {
     content: "";
     position: absolute;
     left: 3px;
     width: 60px;
     height: 2px;
     background: #c4161c;
     bottom: -14px;
 }

 .ft-links h6 {
     font-weight: 600;
     color: #000;
     font-size: 15px;

 }

 .ul-btm-mg li {
     margin-bottom: 20px;
 }

 .emailSA,
 .phoneSA,
 .aAddress,
 .aEntity {
     position: inherit !important;
     margin: 0 !Important;
 }

 .nmber {
     margin-right: 10px;
 }

 .sub-ul li {
     list-style: disc !Important;
     margin-bottom: 5px;
 }

 .dp-dwn-ar {
     width: 12px !Important;
     float: left;
     margin-top: 6px !important;
     margin-left: 6px;
 }



















.main-logo{text-align: center;}

 .main-logo img {
     width: 60%;
 }

 .logo-sub img {
     width: 60%;
 }

 .mt-30 {
     margin-top: 30px;
 }

 .logos-all {
     position: relative;
     border-bottom: 1px solid #eee;
     margin-top: 20px;
     padding-bottom:17px;

 }

 .form-control {
     height: 45px;
 }

 label {
     margin: 0 !Important;
     font-size: 13px;
 }

.sub-mit .button {
    align-items: center;
    border: 1px solid #000000;
    border-radius: 5px;
    display: inline-flex;
    padding: 5px 30px;
    margin-top: 20px;
    background: #c11111;
    color: #fff;
    padding: 11px 50px !Important;
    height: 44px !Important;
}

 .sub-mit .button:focus {
     box-shadow: none !Important
 }

 .sub-mit {
     text-align: right;
 }

 .more-pay {
        font-weight: bold;
            font-size: 17px;
            line-height: 32px;
 }

 .heade-slider-thumbnail-ways {
     min-height: inherit !important;
 }

 .links,
 .links:hover {
     color: #c4161c;
     text-decoration: underline;
 }

 @media (max-width: 991px) {
     .logo-sub {
         margin-bottom: 20px; text-align: left;
     }
     .logo-sub p{margin-bottom: 10px;
        font-size: 16px;
        margin-top: 10px;}

     .text-cent {
         text-align: left !important;
     }
         .heade-slider-thumbnail-ways img{ margin-bottom: 30px;}
                 .logo-sub img {
                     width: 203px;
                 }

 }

 .text-cent {
     text-align: center;
 }


 @media only screen and (min-width: 320px) and (max-width: 480px) 
 {
     .heade-slider-thumbnail img {
     max-width: 160px!important;
 }
 }

 @media (width:1024px) {
.about-services{padding: 82px 0 0 !important;}

 }