/*============================

    CSS Index         

==============================



    01. Default Css

        - Breadvrumb 

        - Preloader   

        - Scroll top 

        - Dividers Css 

        - Google Map Css 

    02. Section Spacing Css

    03. Custom Animation Css

    04. container Css 

    05. Header Css 

        - language

        - Navigation Menu Css

        - Multilevel Submenu Css

        - Mega Menu Css

        - Mobile Menu Overlay Css

        - offset search

        - search overlay

    06. Footer Css

    07. Sidebar Css

    08. Button Css 

    09. Accordions Css 

    10. Call To Action Css  

    11. Countdown Css 

    12. Counters Css 

    13. Box Icon Css

    14. Box Images Css

    15. Box Large Images Css

    16. Brand Logo Css  

    17. Listing Css

    18. Gradation Process Css     

    19. Instagram Css     

    20. Message Box Css 

    21. Video Popup Css

    22. Pricing table Css

    23. progress Bar Css 

    24. Circle Progress Css

    25. Row Separators Css

    26. Social Networks Css 

    27. Listing Css

    29. Team Member Css 

    30. Timeline Css

    31. Testimonial slider Css 

    32. Project Css 

    33. Contact Us Css 

    34. Blog Pages Css

    35. Infotechno Css  

    36. Processing Hero Css

    37. Processing Hero Css

    38. Resolutions home Css

    39. Cybersecurity home Css  

    40. About Us pages Css

    41. Single Smart Vision Css

    42. Redraw Css

    43. Preview Page Css 





/*=====  End of CSS Index  ======*/

@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;500;700;800&amp;display=swap');

@import url('https://fonts.googleapis.com/css2?family=Belleza&amp;display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&amp;display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600&amp;display=swap');

html,body{height:100%}

body{font-style:normal;font-weight:400;visibility:visible;color:#696969;position:relative;background-color:#fff}

body.no-overflow{overflow:hidden}

h1, h2, h3, h4, h5, h6 {

  color: #333333;

  font-family: 'Kaisei Tokumin', sans-serif;

  font-weight: 700;

  margin-top: 0;

  margin-bottom: 0;

  line-height: 1.41;

}



h1 {

  font-size: 56px;

}

p{font-size:15px;margin-bottom:3px;line-height:1.7;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  h1 {

    font-size: 46px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  h1 {

    font-size: 40px;

  }

}



@media only screen and (max-width: 767px) {

  h1 {

    font-size: 34px;

  }

}



h2 {

  font-size: 48px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  h2 {

    font-size: 36px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  h2 {

    font-size: 36px;

  }

}



@media only screen and (max-width: 767px) {

  h2 {

    font-size: 30px;

  }

}



h3 {

  font-size: 40px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  h3 {

    font-size: 32px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  h3 {

    font-size: 28px;

  }

}



@media only screen and (max-width: 767px) {

  h3 {

    font-size: 25px;

  }

}



h4 {

  font-size: 34px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  h4 {

    font-size: 30px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  h4 {

    font-size: 28px;

  }

}



@media only screen and (max-width: 767px) {

  h4 {

    font-size: 24px;

  }

}



h5 {

  font-size: 24px;

}



@media only screen and (max-width: 767px) {

  h5 {

    font-size: 20px;

  }

}



h6 {

  font-size: 18px;

}



p:last-child {

  margin-bottom: 0;

}



a, button {

  color: inherit;

  display: inline-block;

  line-height: inherit;

  text-decoration: none;

  cursor: pointer;

}



a, button, img, input {

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



*:focus {

  outline: none !important;

}



a:focus {

  color: inherit;

  outline: none;

  text-decoration: none;

}



.btn.focus, .btn:focus {

  outline: none;

  -webkit-box-shadow: none;

          box-shadow: none;

}



a:hover {

  text-decoration: none;

  color: #1034a6;

}



button, input[type="submit"] {

  cursor: pointer;

}



ul {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}



.form-messege.success,

.form-messege-2.success {

  color: green;

}



.form-messege.error,

.form-messege-2.error {

  color: red;

}



.mark, mark {

  padding: 0 0;

  background-color: transparent;

}



.font-weight--bold {

  font-weight: 800;

}



.font-weight--reguler {

  font-weight: 500;

}



.font-weight--normal {

  font-weight: 400;

}



.font-weight--light {

  font-weight: 300;

}



#loading {

  background-color: #1034a6;

  height: 100%;

  width: 100%;

  position: fixed;

  z-index: 999999;

  margin-top: 0px;

  top: 0px;

}

#loading-center {

  width: 100%;

  height: 100%;

  position: relative;

}

#loading-center-absolute {

  position: absolute;

  left: 50%;

  top: 50%;

  height: 20px;

  width: 100px;

  margin-top: -10px;

  margin-left: -50px;

}

#object_one {

  -webkit-animation: object 2s linear infinite;

  animation: object 2s linear infinite;

}

.object {

  width: 20px;

  height: 20px;

  background-color: #fff;

  -moz-border-radius: 50% 50% 50% 50%;

  -webkit-border-radius: 50% 50% 50% 50%;

  border-radius: 50% 50% 50% 50%;

  margin-right: 20px;

  margin-bottom: 20px;

  position: absolute;

}

#object_two {

  -webkit-animation: object 2s linear infinite -.4s;

  animation: object 2s linear infinite -.4s;

}

#object_three {

  -webkit-animation: object 2s linear infinite -.8s;

  animation: object 2s linear infinite -.8s;

}

#object_four {

  -webkit-animation: object 2s linear infinite -1.2s;

  animation: object 2s linear infinite -1.2s;

}

#object_five {

  -webkit-animation: object 2s linear infinite -1.6s;

  animation: object 2s linear infinite -1.6s;

}

	

@-webkit-keyframes object{

  0% { left: 100px; top:0}

  80% { left: 0; top:0;}

  85% { left: 0; top: -20px; width: 20px; height: 20px;}

  90% { width: 40px; height: 15px; }

  95% { left: 100px; top: -20px; width: 20px; height: 20px;}

  100% { left: 100px; top:0; }		

	

}		

@keyframes object{

  0% { left: 100px; top:0}

  80% { left: 0; top:0;}

  85% { left: 0; top: -20px; width: 20px; height: 20px;}

  90% { width: 40px; height: 15px; }

  95% { left: 100px; top: -20px; width: 20px; height: 20px;}

  100% { left: 100px; top:0; }

}	

	

	

			

/*--

    Default Class

*/

.text-color-primary{color:#1034a6}



.text-color-secondary {

  color: #d2a98e;

}



.text-black {

  color: #333333 !important;

}



.bg-white {

  background: #ffffff;

}



.bg-black {

  background: #333;

}



.bg-gray {

  background: #F8F8F8;

}



.bg-gray-2 {

  background: #F6FAFE;

}



.bg-gray-3 {

  background: #f6f2ed;

}



.bg-theme-default {

  background: #1034a6;

}



.theme-bg-secondary {

  background: #d2a98e;

}



.bg-theme-three {

  background:#1034a6;

}



.sub-heading {

  color: #6d70a6;

}



.black-bg {

  background: #000000;

}



.border-radus-5 {

  border-radius: 5px;

}



.text-green {

  color: #d2a98e;

}



.bg-gradient {

  background: -webkit-linear-gradient(top, #FFF 0, #F5F5F5 100%);

}



/*-- Tab Content & Pane Fix --*/

select {

  padding: 3px 20px;

  height: 56px;

  max-width: 100%;

  width: 100%;

  outline: none;

  border: 1px solid #f8f8f8;

  border-radius: 5px;

  background: #f8f8f8 url("../images/icons/selector-icon.webp") no-repeat center right 20px;

  background-color: #f8f8f8;

  -moz-appearance: none;

  -webkit-appearance: none;

}



select:focus {

  background: #f8f8f8 url("../images/icons/selector-icon.webp") no-repeat center right 20px !important;

}



.fixed-bg {

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

}



/*------- Defauld Class --------*/



.box-shadow-top {

  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);

          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);

}



.border {

  border: 1px solid #ededed !important;

}



.border-top {

  border-top: 1px solid #ededed !important;

}



.border-right {

  border-right: 1px solid #ededed !important;

}



.border-bottom {

  border-bottom: 1px solid #ededed !important;

}



.border-top-dash {

  border-top: 1px dashed #ddd !important;

}



.border-bottom-dash {

  border-bottom: 1px dashed #ddd !important;

}



.border-top-thick {

  border-top: 2px solid #ededed !important;

}



.border-bottom-thick {

  border-bottom: 2px solid #ededed !important;

}



.border-top-drak {

  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;

}



.border-bottom-drak {

  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;

}



.section-title mark {

  color: #38cb89;

  padding: .0em;

  background-color: transparent;

}



.section-sub-title {

  color: #ababab;

  font-size: 14px;

  letter-spacing: 3px;

  text-transform: uppercase;

  line-height: 1.43;

  margin-top: -5px;

}

::-moz-selection {

  color: #ffffff;

  background-color: #1034a6;

}



::selection {

  color: #ffffff;

  background-color: #1034a6;

}



form {

  /* FF 4-18 */

  /* FF 19+ */

  /* IE 10+ */

}



form input:focus::-webkit-input-placeholder {

  color: transparent;

}



form input:focus::-moz-placeholder {

  color: transparent;

}



form input:focus:-ms-input-placeholder {

  color: transparent;

}



form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



form input::-moz-placeholder, form textarea::-moz-placeholder {

  -moz-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {

  -ms-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



form input::-ms-input-placeholder, form textarea::-ms-input-placeholder {

  -ms-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



form input::placeholder, form textarea::placeholder {

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.homepage-callback-form input{    height: 54px!important}

.homepage-callback-form .ht-btn{top: 4px!important;

 line-height: 40px!important;

    height: 40px!important}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, select:focus, textarea:focus {

  color: #1034a6;

  border-color: #1034a6;

}



input[type="checkbox"] {

  position: relative;

  background: 0 0;

  border-width: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

  margin: 0 10px 0 3px;

  cursor: pointer;

}



/* swiper default styles */

.swiper-pagination {

  position: static;

  display: block;

  line-height: 1;

}



.swiper-pagination--vertical {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  right: 50px;

  bottom: auto;

  left: auto;

}



.swiper-pagination--vertical .swiper-pagination-bullet {

  display: block;

  margin-bottom: 10px;

  line-height: 1;

  margin-right: 0;

}



.swiper-pagination--vertical .swiper-pagination-bullet:last-child {

  margin-bottom: 0;

}



.swiper-pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  border: 0;

  border-radius: 0;

  background: transparent;

  opacity: 1;

  position: relative;

  outline: none;

  margin-right: 20px;

}



.swiper-pagination .swiper-pagination-bullet:last-child {

  margin-right: 0;

}



.swiper-pagination .swiper-pagination-bullet:before {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  border-radius: 100%;

  width: 8px;

  height: 8px;

  background: #d8d8d8;

  z-index: 1;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.swiper-pagination .swiper-pagination-bullet:hover:before {

  width: 12px;

  height: 12px;

  opacity: 1;

  background: #1034a6;

}



.swiper-pagination .swiper-pagination-bullet-active:before {

  width: 12px;

  height: 12px;

  opacity: 1;

  background: #1034a6;

}



.site-wrapper-reveal{position:relative;z-index:2;background:#fff}



.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet {

  margin: 8px;

}



.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet:hover:before {

  width: 12px;

  height: 12px;

  opacity: 1;

  background: #fff;

}



.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet-active::before {

  opacity: 1;

  background: #fff;

  width: 16px;

  height: 16px;

  -webkit-box-shadow: 0 0 9px #ededed;

          box-shadow: 0 0 9px #ededed;

}



.swiper-pagination.swiper-pagination-black .swiper-pagination-bullet {

  margin: 8px;

}



.swiper-pagination.swiper-pagination-black .swiper-pagination-bullet:hover:before {

  width: 12px;

  height: 12px;

  opacity: 1;

  background: #333;

}



.swiper-pagination.swiper-pagination-black .swiper-pagination-bullet-active::before {

  opacity: 1;

  background: #333;

  width: 16px;

  height: 16px;

  -webkit-box-shadow: 0 0 9px #8b7b7b;

          box-shadow: 0 0 9px #8b7b7b;

}



.swiper-nav-button {

  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.1s linear 2s, opacity 0.1s linear 2s;

  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.1s linear 2s, opacity 0.1s linear 2s;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.1s linear 2s, opacity 0.1s linear 2s;

  background-image: none;

  text-align: center;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  outline: none;

  width: 48px;

  height: 48px;

  font-size: 24px;

  color: #6d70a6;

  border: 0;

  border-radius: 50%;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);

          box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translate(0, -50%);

      -ms-transform: translate(0, -50%);

          transform: translate(0, -50%);

  margin: 0;

  top: 50%;

}



.swiper-nav-button::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  border-radius: inherit;

  color: #fff;

  background: #fff;

}



.swiper-nav-button:hover {

  color: #fff;

}



.swiper-nav-button:hover::before {

  color: #fff;

  background: #1034a6;

}



.swiper-container {

  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.swiper-container:hover .swiper-nav-button {

  opacity: 1;

  visibility: visible;

}



.swiper-nav-button i {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}



.swiper-nav-button i::before {

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1;

  font-family: 'Font Awesome 5 Pro';

  font-weight: 300;

  content: '\f104';

}



.swiper-nav-prev i::before {

  content: '\f104';

}



.swiper-button-next i::before {

  content: '\f105';

}



.swiper-wrapper {

  -webkit-transition-timing-function: linear !important;

       -o-transition-timing-function: linear !important;

          transition-timing-function: linear !important;

}



.breadcrumb-area{padding-top:96px;padding-bottom:91px;background-image:url(../images/bg/title-bar-01-bg.webp);z-index:-1;background-repeat:no-repeat;background-position:center center;border-bottom-width:0;background-size:cover;z-index:3;position:relative}

.breadcrumb-area:before{position:absolute;width:100%;height:100%;top:0;left:0;content:""; background-color: #1034a6;z-index:-1;}

.breadcrumb-item+.breadcrumb-item::before{color:#d1d5d8}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {

  .breadcrumb-area {

    padding-top: 80px;

    padding-bottom: 80px;

  }

}



.breadcrumb-list {

  margin-top: 6px;

}



.breadcrumb-list li{display:inline-block;font-size:11px;font-weight:500;letter-spacing:2px;line-height:1.58;text-transform:uppercase}

.breadcrumb-list li a{position:relative}

.breadcrumb-list li a::after{content:'';width:0;height:1px;bottom:0;position:absolute;left:auto;right:0;z-index:-1;-webkit-transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;-o-transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;background:currentColor}



.breadcrumb-list li a:hover::after {

  width: 100%;

  left: 0;

  right: auto;

  z-index: 0;

}



.breadcrumb-list li.active{color:#dadada}



.page-pagination li {

  display: inline-block;

}



.page-pagination li a {

  font-weight: 500;

  padding: 0 10px;

  display: block;

  text-align: center;

  line-height: 41px;

  min-width: 41px;

  height: 41px;

  text-transform: uppercase;

  color: #ababab;

  letter-spacing: 2px;

  border-radius: 5px;

}



.page-pagination li a.current {

  background: #f6f5f9;

  color: #1034a6;

}



.page-pagination li a:hover {

  color: #1034a6;

}



/*=============================================

=                - Preloader                =

=============================================*/

.preloader-active {

  position: fixed;

  top: 0;

  left: 0;

  overflow: hidden;

  height: 100vh;

  width: 100vw;

  z-index: 99999;

}





@-webkit-keyframes sk-bouncedelay {

  0%,

  80%,

  100% {

    -webkit-transform: scale(0);

    transform: scale(0);

  }

  40% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes sk-bouncedelay {

  0%,

  80%,

  100% {

    -webkit-transform: scale(0);

    transform: scale(0);

  }

  40% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

/*=============================================

   - Scroll top         

=============================================*/

.scroll-top {

  position: fixed;

  right: 30px;

  bottom: -60px;

  z-index: 999;

  -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);

          box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);

  display: block;

  padding: 0;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  text-align: center;

  font-size: 25px;

  line-height: 60px;

  cursor: pointer;

  opacity: 0;

  visibility: hidden;

  background-color: #fbb039;

  background-size: 200% auto;

  background-position: left center;

  color: #ffffff;

  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

  overflow: hidden;

}



@media only screen and (max-width: 479px) {

  .scroll-top {

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 20px;

  }

}



.scroll-top.show {

  visibility: visible;

  opacity: 1;

  bottom: 60px;

}



.scroll-top i {

  position: absolute;

  top: 50%;

  left: 50%;

  color: #ffffff;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.scroll-top .arrow-top {

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}



.scroll-top .arrow-bottom {

  -webkit-transform: translate(-50%, 80px);

      -ms-transform: translate(-50%, 80px);

          transform: translate(-50%, 80px);

}



.scroll-top:hover {

  background-position: right center;

}



.scroll-top:hover .arrow-top {

  -webkit-transform: translate(-50%, -80px);

      -ms-transform: translate(-50%, -80px);

          transform: translate(-50%, -80px);

}



.scroll-top:hover .arrow-bottom {

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}





/*=====  End of Default CSS  ======*/

.mb-10 {

  margin-bottom: 10px;

}



.mb-15 {

  margin-bottom: 15px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-25 {

  margin-bottom: 25px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mt-10 {

  margin-top: 10px;

}



.mt-15 {

  margin-top: 15px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-25 {

  margin-top: 25px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-40 {

  margin-top: 40px;

}



@media only screen and (max-width: 767px) {



  .small-mt__20 {

    margin-top: 20px;

  }

 

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



}



/*=====  End of spacing  ======*/

/*===========================================

=        03. Custom Animation Css

===========================================*/

@-webkit-keyframes moveVertical {

  to {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}



@keyframes moveVertical {

  to {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@-webkit-keyframes moveHorizontal {

  to {

    -webkit-transform: translateX(0);

    opacity: 1;

  }

}



@keyframes moveHorizontal {

  to {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    opacity: 1;

  }

}



.move-up {

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.move-up.animate {

  -webkit-transform: translateY(100px);

  -ms-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-animation: moveVertical .65s ease forwards;

  animation: moveVertical .65s ease forwards;

}

@media (min-width: 1200px) {

  .container {

    max-width: 1200px;

  }

}

/*=====  End of container  ======*/

/*=============================================

=              05. Header Css            =

=============================================*/



.header {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  /* logo */

}

/*============================== 

    - Navigation Menu Css

===============================*/

.navigation-menu > ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.navigation-menu > ul > li {

  margin: 0 24px;

}



@media only screen and (min-width: 1500px) and (max-width: 1599px) {

  .navigation-menu > ul > li {

    margin: 0 22px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1499px) {

  .navigation-menu > ul > li {

    margin: 0 15px;

  }

}

.navigation-menu>ul>li>a{display:block;color:#767373c7;padding:21px 2px;position:relative;font-size:16px;font-weight:600;line-height:1.18;-webkit-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}



.navigation-menu > ul > li > a:before {

  content: '';

  width: 0;

  height: 3px;

  bottom: 0;

  position: absolute;

  left: 0;

  background-color: #1034a6;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.navigation-menu > ul > li > a span {

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.navigation-menu > ul > li.has-children > a {

  position: relative;

}



.navigation-menu > ul > li.has-children > a:after {

  position: static;

  margin-left: 5px;

  font-family: "Font Awesome 5 Pro";

  content: '\f107';

  font-size: 14px;

  vertical-align: middle;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.navigation-menu > ul > li.has-children--multilevel-submenu {

  position: relative;

}

.navigation-menu > ul > li.has-children:hover > .submenu {

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

  visibility: visible;

  opacity: 1;

}



.navigation-menu > ul > li:hover > a:after, .navigation-menu > ul > li.active > a:after {

  color: #1034a6;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.navigation-menu > ul > li:hover > a span, .navigation-menu > ul > li.active > a span {

  color: #1034a6;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.navigation-menu > ul > li:hover > a:before, .navigation-menu > ul > li.active > a:before {

  width: 100%;

  left: 0;

}



/*===================================

    - Multilevel Submenu Css

====================================*/

.submenu {

  position: absolute;

  top: 100%;

  left: 0;

  -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);

          box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);

  border-bottom: 3px solid #1034a6;

  background-color: #ffffff;

  -webkit-transform: translateY(50px);

      -ms-transform: translateY(50px);

          transform: translateY(50px);

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -webkit-transition-delay: 0.2s;

       -o-transition-delay: 0.2s;

          transition-delay: 0.2s;

  -webkit-transition-duration: 0.4s;

       -o-transition-duration: 0.4s;

          transition-duration: 0.4s;

  visibility: hidden;

  opacity: 0;

  min-width: 240px;

  padding: 20px 0;

  z-index: 9;

}



.submenu > li {

  position: relative;

}



.submenu > li > a {

  display: block;

  padding: 5px 30px;

  color: #ababab;

  font-weight: 400;

  -webkit-transition: 0s;

  -o-transition: 0s;

  transition: 0s;

}



.submenu > li > a > span {

  position: relative;

}



.submenu > li > a > span:after {

  content: '';

  width: 0;

  height: 1px;

  bottom: 0;

  position: absolute;

  left: auto;

  right: 0;

  z-index: -1;

  background-color: #1034a6;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.submenu > li > a:hover {

  color: #1034a6;

}



.submenu > li > a:hover > span:after {

  width: 100%;

  left: 0;

  right: auto;

}



.submenu > li:hover > .submenu {

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

  visibility: visible;

  opacity: 1;

  z-index: 9;

}



.submenu > li.active > a {

  color: #1034a6;

}



.submenu > li.has-children > a {

  position: relative;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.submenu > li.has-children > a:after {

  position: absolute;

  right: 20px;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  font-family: "Font Awesome 5 Pro";

  content: '\f105';

  font-size: 14px;

  vertical-align: middle;

  color: #ababab;

}



.submenu > li.has-children > a:hover:after {

  color: #1034a6;

}



.submenu > li.has-children.active > a {

  color: #1034a6;

}



.submenu .submenu {

  top: 0px;

  left: 100%;

  right: auto;

}



.submenu .submenu.left {

  right: 100%;

  left: auto;

}



.submenu .submenu .submenu {

  top: 0;

  left: 100%;

  right: auto;

}



.submenu .submenu .submenu.left {

  right: 100%;

  left: auto;

}



.submenu .submenu .submenu .submenu {

  top: 0;

  left: 100%;

  right: auto;

}



.submenu .submenu .submenu .submenu.left {

  right: 100%;

  left: auto;

}



.submenu .submenu .submenu .submenu .submenu {

  top: 0;

  left: 100%;

  right: auto;

}



.submenu .submenu .submenu .submenu .submenu.left {

  right: 100%;

  left: auto;

}



/*=====  End of Header  ======*/

/*=========================================

=               06. Footer Css            =

===========================================*/

.reveal-footer {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 1;

}



@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {

  .reveal-footer {

    position: static;

  }

}



.footer-widget-wrapper {

  margin-bottom: -35px;

}



.footer-widget {

  margin-bottom: 30px;

}



.footer-widget__title {

  margin-top: -3px;

  color: #fff;

  font-weight: 600;

  letter-spacing: 1.4px;

}



.footer-widget__list li {

  margin-bottom: 10px;

}



.footer-widget__list li:last-child {

  margin-bottom: 0;

}



.footer-widget__list li .image_btn {

  border-radius: 5px;

  -webkit-box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);

          box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);

  overflow: hidden;

}



.copyright-text {

  display: inline-block;    font-size: 14px;

}



@media only screen and (max-width: 767px) {

  .copyright-text {

    margin-bottom: 15px;

  }

}

.ht-btn {

  font-size: 15px;

  font-weight: 500;

  border-style: solid;

  border-radius: 5px;

  border-color: transparent;

  padding: 0 36px;

  text-align: center;

  color: #ffffff;

  background: #fbb039;

  border-width: 1px;transition:all 0.5s ease-in-out;

  -webkit-transform: translateY(0px);

      -ms-transform: translateY(0px);

          transform: translateY(0px);

}



.ht-btn:hover, .ht-btn:active, .ht-btn:focus {

  color: #ffffff;

  background-image: #1034a6;

  -webkit-transform: translateY(-3px);

      -ms-transform: translateY(-3px);

          transform: translateY(-3px);transition:all 0.5s ease-in-out;

}





.ht-btn.ht-btn-md {

  font-size: 13px;

  font-weight:600;

  letter-spacing: 0em;

  line-height: 54px;

  height: 54px;text-transform:uppercase

}



.ht-btn.ht-btn-default {

  padding: 0 30px;

  height: 48px;

  line-height: 48px;

  font-size: 14px;

  width: 180px;

}

.btn {

  font-size: 15px;

  font-weight: 500;

  border-style: solid;

  border-radius: 5px;

  border-color: transparent;

  border: 1px solid transparent;

  padding: 0 36px;

  text-align: center;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  height: 54px;

  line-height: 54px;

  letter-spacing: 0em;

  color: #ffffff;

  background: #1034a6;

  -webkit-transform: translateY(0px);

      -ms-transform: translateY(0px);

          transform: translateY(0px);

}



.btn:hover, .btn:active, .btn:focus {

  font-weight: 500;

  color: #ffffff;

  background: #1034a6;

  -webkit-transform: translateY(-3px);

      -ms-transform: translateY(-3px);

          transform: translateY(-3px);

}



.btn--secondary {

    background-image: none;

    background-color: #1034a6;

}



.btn--secondary:hover {

  background-image: none;

  background: #fff;
  border: 1px solid #1034a6;
  color: #1034a6;
  font-weight: bold;

}

.btn.ht-btn-default {

  padding: 0 30px;

  height: 48px;

  line-height: 48px;

  font-size: 14px;

  width: 180px;

}



.hover-style-link {

  position: relative;

}



.hover-style-link:after {

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  content: '';

  position: absolute;

  bottom: 0;

  right: 0;

  width: 0;

  height: 1px;

  background-color: #d2a98e;

}



.hover-style-link:hover {

  color: #d2a98e;

}



.hover-style-link:hover:after {

  left: 0;

  width: 100%;

  right: auto;

}



.hover-style:hover {

  color: #C8C8C8;

}



/* Images Button */

.image-btn {

  border: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

  background: none;

  border-radius: 5px;

  overflow: hidden;

}







.time_circles {

  position: relative;

  width: 100%;

  height: 100%;

}



.time_circles > div {

  position: absolute;

  text-align: center;

  top: 0% !important;

  -webkit-transform: translateY(50%);

      -ms-transform: translateY(50%);

          transform: translateY(50%);

}



.time_circles > div > h4 {

  margin: 0px;

  padding: 0px;

  text-align: center;

  text-transform: capitalize;

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  bottom: 0px;

  font-size: 13px !important;

  color: #6d70a6;

}



@media only screen and (max-width: 575px) {

  .time_circles > div > h4 {

    font-size: 11px !important;

  }

}



.feature-list-button-box .ht-btn {

  margin: 10px;

}



ol {

  min-width: 45px;

  margin: 0;

  padding-left: 30px;

}



.ht-list.style-auto-numbered-02 .list-item {

  position: relative;

  padding: 0;

  margin-bottom: 62px;

}



.ht-list.style-auto-numbered-02 .list-item:last-child {

  margin-bottom: 0;

}



.ht-list.style-auto-numbered-02 .list-item .link {

  display: block;

}



.ht-list.style-auto-numbered-02 .list-item .link:hover .title {

  color: #1034a6;

}



.ht-list.style-auto-numbered-02 .list-item .link:hover .title::after {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

          transform: translateX(0);

  color: #1034a6;

}



.ht-list.style-auto-numbered-02 .list-item .link:hover .title::before {

  opacity: 0;

  visibility: hidden;

}



.ht-list.style-auto-numbered-02 .list-item .link:hover .marker {

  color: #1034a6;

}



.ht-list.style-auto-numbered-02 .marker {

  font-size: 64px;

  font-weight: 800;

  line-height: 1.2;

  margin-right: 10px;

  min-width: 45px;

  color: #ababab2e;

  display: inline-block;

  float: left;

}



.ht-list.style-auto-numbered-02 .title-wrap {

  overflow: hidden;

}



.ht-list.style-auto-numbered-02 .title {

  font-size: 24px;

  line-height: 1.2;

  margin-top: 14px;

  padding-top: 20px;

  border-top: 2px solid #ededed;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  padding-right: 15px;

}



.ht-list.style-auto-numbered-02 .title::before {

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1;

  font-family: 'Font Awesome 5 Pro';

  font-weight: 400;

  content: '\f178';

  position: absolute;

  top: 38px;

  right: 0;

  color: #333;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.ht-list.style-auto-numbered-02 .title::after {

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1;

  font-family: 'Font Awesome 5 Pro';

  font-weight: 400;

  content: '\f178';

  position: absolute;

  top: 38px;

  right: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateX(-100%);

      -ms-transform: translateX(-100%);

          transform: translateX(-100%);

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.instagram-feed-thumb {

  overflow: hidden;

  margin: -10px;

}



.instagram-image {

  width: 20%;

  overflow: hidden;

  position: relative;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.instagram-image::after {

  position: absolute;

  height: 100%;

  width: 100%;

  content: '';

  background: rgba(0, 0, 0, 0.3);

  left: 0;

  top: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.instagram-image::before {

  position: absolute;

  height: 40px;

  width: 40px;

  border-radius: 50%;

  background: #000;

  color: #fff;

  font-family: "Font Awesome 5 Pro";

  content: '\f004';

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  z-index: 3;

  text-align: center;

  line-height: 40px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .instagram-image {

    width: 25%;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .instagram-image {

    width: 25%;

  }

}



@media only screen and (max-width: 767px) {

  .instagram-image {

    width: 33.333%;

  }

}



@media only screen and (max-width: 575px) {

  .instagram-image {

    width: 50%;

  }

}



.instagram-image img {

  width: 100%;

}



.instagram-image:hover::after {

  opacity: 1;

  visibility: visible;

}



.instagram-image:hover::before {

  opacity: 1;

  visibility: visible;

}



.instagram-image:hover img {

  -webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1);

}



.video-link {

  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  display: block;

}



/*=============================================

=            22. Pricing table Css           =

==============================================*/



.pricing-table-two .pricing-table {

  margin-bottom: 30px;

}



.pricing-table-two .pricing-table__inner {

  position: relative;

  overflow: hidden;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  text-align: center;

  padding: 34px 20px 40px;

  border: 1px solid #dce6ed;

  border-radius: 5px;

  background-color: #ffffff;

}



.pricing-table-two .pricing-table__header {

  margin-bottom: 25px;

}



.pricing-table-two .pricing-table__title {

  color: #333;

  margin-bottom: 24px;

}



.pricing-table-two .pricing-table__price-wrap {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.pricing-table-two .pricing-table__price-wrap .currency {

  font-size: 15px;

  margin-bottom: 0;

  color: #ababab;

}



.pricing-table-two .pricing-table__price-wrap .price {

  font-size: 56px;

  line-height: .8;

  margin: 0 4px;

  font-weight: 300;

  color: #333;

}



.pricing-table-two .pricing-table__price-wrap .period {

  font-size: 15px;

  margin-bottom: 0;

  color: #ababab;

  -webkit-align-self: flex-end;

      -ms-flex-item-align: end;

          align-self: flex-end;

}



.pricing-table-two .pricing-table__list li {

  position: relative;

  display: block;

  padding: 5px 0;

}



.pricing-table-two .pricing-table__list li .featured {

  font-weight: 500;

}



.pricing-table-two .pricing-table__footer {

  margin-top: 30px;

}



.pricing-table-two .pricing-table__footer .ht-btn {

  width: 180px;

  max-width: 100%;

}



.pricing-table-two .pricing-table__footer .ht-btn:hover {

  background: #1034a6;

}



.pricing-table-two .pricing-table:hover .pricing-table__inner {

  -webkit-box-shadow: 0 2px 30px rgba(89, 69, 230, 0.12);

          box-shadow: 0 2px 30px rgba(89, 69, 230, 0.12);

  border: 0 solid transparent;

  padding: 35px 21px 41px;

  -webkit-transform: translateY(-5px);

      -ms-transform: translateY(-5px);

          transform: translateY(-5px);

}



.pricing-table-two .pricing-table--popular .pricing-table__inner {

  -webkit-box-shadow: 0 2px 30px rgba(89, 69, 230, 0.12);

          box-shadow: 0 2px 30px rgba(89, 69, 230, 0.12);

  border: 0 solid transparent;

  padding: 35px 21px 41px;

  background:#1034a6;

}



.pricing-table-two .pricing-table--popular .pricing-table__title {

  color: #ffffff;

}



.pricing-table-two .pricing-table--popular .pricing-table__price-wrap .currency {

  color: #ffffff;

}



.pricing-table-two .pricing-table--popular .pricing-table__price-wrap .price {

  color: #ffffff;

}



.pricing-table-two .pricing-table--popular .pricing-table__price-wrap .period {

  color: #ffffff;

}



.pricing-table-two .pricing-table--popular .pricing-table__list li {

  color: #ffffff;

}





@-webkit-keyframes jump {

  0% {

    -webkit-transform: translateY(-10px) scale(0.9, 0.9);

            transform: translateY(-10px) scale(0.9, 0.9);

  }

  100% {

    -webkit-transform: translateY(10px) scale(1, 1);

            transform: translateY(10px) scale(1, 1);

  }

}



@keyframes jump {

  0% {

    -webkit-transform: translateY(-10px) scale(0.9, 0.9);

            transform: translateY(-10px) scale(0.9, 0.9);

  }

  100% {

    -webkit-transform: translateY(10px) scale(1, 1);

            transform: translateY(10px) scale(1, 1);

  }

}





/*=====  End of circle progress  ======*/

/*=============================================

=        26. Social Networks Css            =

=============================================*/

.ht-social-networks .item {

  display: inline-block;

}



.ht-social-networks .item .social-link {

  display: block;

  padding: 5px 8px;

}









.ht-social-networks.solid-rounded-icon .social-link {

  background: transparent;

  border: 1px solid #e0e0e0;

}



.ht-social-networks.solid-rounded-icon .social-link:hover {

  border: 1px solid #1034a6;

  color: #ffffff;

}







.ht-social-networks.icon-tilte .link-icon {

  font-size: 16px;

  min-width: 16px;

  margin-right: 10px;

}



.ht-social-networks.tilte-style .social-link {

  position: relative;

}



.ht-social-networks.tilte-style .social-link::before {

  content: '-';

  position: absolute;

  top: 50%;

  left: -5px;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  color: #333;

}



.ht-social-networks.tilte-style .social-link:hover .link-text::after {

  background-color: #d2a98e;

  width: 100%;

  left: 0;

}



.ht-social-networks.tilte-style .item:first-child .social-link::before {

  display: none;

}



.ht-social-networks.tilte-style .link-text {

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 500;

  color: #333;

  position: relative;

  padding: 5px 0;

  z-index: 1;

}



.ht-social-networks.tilte-style .link-text::before {

  content: '';

  height: 2px;

  bottom: 0;

  position: absolute;

  left: 0;

  right: 0;

  z-index: -2;

  background: rgba(0, 0, 0, 0.2);

}



.ht-social-networks.tilte-style .link-text::after {

  content: '';

  height: 2px;

  width: 0;

  bottom: 0;

  position: absolute;

  left: auto;

  right: 0;

  z-index: -1;

  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

  -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

}



.ht-social-networks.white-tilte-social .social-link::before {

  color: rgba(255, 255, 255, 0.7);

}



.ht-social-networks.white-tilte-social .social-link:hover .link-text::after {

  background-color: #ffffff;

}



.ht-social-networks.white-tilte-social .link-text {

  color: #fff;

}



.ht-social-networks.white-tilte-social .link-text::before {

  background: rgba(255, 255, 255, 0.7);

}

/*=============================================

=             29. Team Member Css             =

==============================================*/

.sider-title-button-box .ht-btn {

  margin-right: 15px;

}

/*----------------------------

    tooltip library

----------------------------*/

[class*="hint--"] {

  position: relative;

  display: inline-block;

  /**

	 * tooltip arrow

	 */

  /**

	 * tooltip body

	 */

}



[class*="hint--"]:before, [class*="hint--"]:after {

  position: absolute;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  visibility: hidden;

  opacity: 0;

  z-index: 1000000;

  pointer-events: none;

  -webkit-transition: 0.3s ease;

  -o-transition: 0.3s ease;

  transition: 0.3s ease;

  -webkit-transition-delay: 0ms;

  -o-transition-delay: 0ms;

     transition-delay: 0ms;

}



[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {

  visibility: visible;

  opacity: 1;

}



[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {

  -webkit-transition-delay: 100ms;

  -o-transition-delay: 100ms;

     transition-delay: 100ms;

}



[class*="hint--"]:before {

  content: '';

  position: absolute;

  background: transparent;

  border: 7px solid transparent;

  z-index: 1000001;

}



[class*="hint--"]:after {

  background: #1034a6;

  color: white;

  padding: 8px 10px;

  font-size: 14px;

  line-height: 14px;

  white-space: nowrap;

  border-radius: 5px;

  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);

          box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);

}



[class*="hint--"][aria-label]:after {

  content: attr(aria-label);

}



[class*="hint--"][data-hint]:after {

  content: attr(data-hint);

}



[aria-label='']:before, [aria-label='']:after,

[data-hint='']:before,

[data-hint='']:after {

  display: none !important;

}



.hint--top:before {

  border-top-color: #1034a6;

}



.hint--left:before {

  border-left-color: #1034a6;

}



.hint--black:after {

  background: #000000;

  color: #ffffff;

  padding: 8px 10px;

  font-size: 14px;

  line-height: 14px;

  white-space: nowrap;

  border-radius: 5px;

}



.hint--black:before {

  border-top-color: #000000;

}

.hint--black.hint--top::before {

  border-top-color: #000000;

}



.hint--black.hint--left::before {

  border-left-color: #000000;

}



.hint--black:before {

  border-top-color: transparent;

}



/**

 * top tooltip

 */

.hint--top:before {

  margin-bottom: -13px;

}



.hint--top:before, .hint--top:after {

  bottom: 100%;

  left: 50%;

}



.hint--top:before {

  left: calc(50% - 7px);

}



.hint--top:after {

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

      transform: translateX(-50%);

}



.hint--top:hover:before {

  -webkit-transform: translateY(-8px);

  -ms-transform: translateY(-8px);

      transform: translateY(-8px);

}



.hint--top:hover:after {

  -webkit-transform: translateX(-50%) translateY(-8px);

  -ms-transform: translateX(-50%) translateY(-8px);

      transform: translateX(-50%) translateY(-8px);

}





/**

 * left tooltip

 */

.hint--left:before {

  margin-right: -13px;

  margin-bottom: -7px;

}



.hint--left:after {

  margin-bottom: -15px;

}



.hint--left:before, .hint--left:after {

  right: 100%;

  bottom: 50%;

}



.hint--left:hover:before {

  -webkit-transform: translateX(-8px);

  -ms-transform: translateX(-8px);

      transform: translateX(-8px);

}



.hint--left:hover:after {

  -webkit-transform: translateX(-8px);

  -ms-transform: translateX(-8px);

      transform: translateX(-8px);

}

.hint--bounce:before, .hint--bounce:after {

  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

  -o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

}

/*=============================================

=         31. Testimonial slider Css           =

=============================================*/



.testimonial-slider__media {

  -webkit-flex-shrink: 0;

      -ms-flex-negative: 0;

          flex-shrink: 0;

  margin-right: 30px;

}



.testimonial-slider__media img {

  border-radius: 50%;

}



.testimonial-slider__text {

  font-size: 18px;

}



.testimonial-slider__author {

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

}



.testimonial-slider__author .testimonial-rating {

  font-size: 16px;

  margin-bottom: 10px;

  color: #ffb944;

}



.testimonial-slider__author .author-info {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

}



@media only screen and (max-width: 767px) {

  .testimonial-slider__author .author-info {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}



.testimonial-slider__author .name {

  color: #333333;

}



.testimonial-slider__author .designation {

  font-size: 14px;

}



.testimonial-slider__author .designation:before {

  content: ' / ';

  padding: 0 5px;

}

.testimonial-slider__single {

  background: #ffffff;

  padding: 51px 37px 40px;

  border-radius: 5px;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.testimonial-slider__single .testimonial-subject {

  margin-bottom: 15px;

}



.testimonial-slider__single .testimonial-slider__text {

  color:#1034a6;

}



.testimonial-slider__single .author-info {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  margin-top: 20px;

}



.testimonial-slider__container-two .swiper-slide.swiper-slide-prev {

  opacity: 0.5;

}



.testimonial-slider__container-two .swiper-slide.swiper-slide-next {

  opacity: 0.5;

}

/*=====  End of testimonial slider  ======*/

/* =========================

    Typed Text 

=============================*/

.cd-headline.clip span {

  padding: 0;

}



.cd-headline.clip .cd-words-wrapper.brown-color::after {

  background-color: #ddd;

  width: 4px;

}



.cd-headline.clip span {

  padding: 0;

}



.cd-headline.clip .cd-words-wrapper.brown-color::after {

  background-color: #f10;

  width: 4px;

}

/*===================================

=          32. Project Css           =

====================================*/

.projectinfotechno-bg {

 position:relative;

}

.projectinfotechno-bg:before{     background-image: url(../images/patterns/mitech-home-infotechno-case-study-section-bg.webp);

    background-repeat: no-repeat;

    background-position: bottom left;

    position: absolute;

    opacity: 0.4;

    left: 0;

    width: 100%;

    content: "";

    height: 100%;

    bottom: -100px;z-index:-1;}





/*======================================

=         33. Contact Us Css            =

=======================================*/

.contact-inner {

  margin: 0 0 20px;

}



.contact-inner input, .contact-inner textarea {

  width: 100%;

  color: #000;

  border-color: #f8f8f8;

  background-color: #f8f8f8;

  font-size: 15px;

  font-weight: 400;

  letter-spacing: 0em;

  border: none;

  width: 100%;

  outline: none;

  border: 1px solid #eee;

  border-top-color: transparent;

  border-right-color: transparent;

  border-bottom-color: transparent;

  border-left-color: transparent;

  border-radius: 5px;

  padding: 3px 20px;

  height: 42px;

}



.contact-inner textarea {

  height: 150px;

  padding: 15px;

}



.contact-inner select {

  color: #777;

}



.infotechno-contact-us-bg-1,.bg-1 {

  background-image: url(../images/bg/home-infotechno-contact-bg.webp);

  background-size: cover;

  background-repeat: no-repeat;

}





/*--- spinner keyframe ---*/

@-webkit-keyframes worldRotate {

  0% {

    -webkit-transform: rotate(0deg) translateX(0px) rotate(0deg);

            transform: rotate(0deg) translateX(0px) rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(0deg) translateY(0px) rotate(-360deg);

            transform: rotate(0deg) translateY(0px) rotate(-360deg);

  }

}

@keyframes worldRotate {

  0% {

    -webkit-transform: rotate(0deg) translateX(0px) rotate(0deg);

            transform: rotate(0deg) translateX(0px) rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(0deg) translateY(0px) rotate(-360deg);

            transform: rotate(0deg) translateY(0px) rotate(-360deg);

  }

}





.conact-us-wrap-one .heading {

  position: relative;

  padding-left: 34px;

  font-weight: 600;

  line-height: 1.4;

}



.conact-us-wrap-one .heading::before {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 4px;

  height: 94%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  background-color: #d2a98e;

}



.conact-us-wrap-one .sub-heading {

  margin-top: 25px;

  font-size: 18px;

  color: #696969;

}





.contact-info-one .icon {

  font-size: 40px;

  color: #1034a6;

}



.contact-info-one .heading {

  font-size: 15px;

  letter-spacing: 2px;

  text-transform: uppercase;

  margin-bottom: 10px;

  margin-top: 10px;

}



.contact-info-one .call-us {

  line-height: 1.17;

  color: #1034a6;

  position: relative;

  display: inline-block;

}



.contact-info-one .call-us::before {

  content: '';

  width: 0;

  height: 1px;

  bottom: 0;

  position: absolute;

  left: auto;

  right: 0;

  z-index: 1;

  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

  -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

  background: currentColor;

}



.contact-info-one .call-us:hover {

  color: #1034a6;

}



.contact-info-one .call-us:hover::before {

  width: 100%;

  left: 0;

  right: auto;

}



.contact-info-one .call-us a:hoverr {

  color: #1034a6;

}



.contact-info-one .btn--secondary{

  min-width: 230px;

}



.contact-info-one .btn--secondary:hover {

  background: #1034a6;

}



.conact-us-wrap-one.managed-it .heading {

  line-height: 1.67;

  font-weight: 800;

}

.worldRotate {

  -webkit-animation: worldRotate 20s linear infinite;

  animation: worldRotate 20s linear infinite;

}



/*--- spinner keyframe ---*/

@-webkit-keyframes worldRotate {

  0% {

    -webkit-transform: rotate(0deg) translateX(0px) rotate(0deg);

            transform: rotate(0deg) translateX(0px) rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(0deg) translateY(0px) rotate(-360deg);

            transform: rotate(0deg) translateY(0px) rotate(-360deg);

  }

}

@keyframes worldRotate {

  0% {

    -webkit-transform: rotate(0deg) translateX(0px) rotate(0deg);

            transform: rotate(0deg) translateX(0px) rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(0deg) translateY(0px) rotate(-360deg);

            transform: rotate(0deg) translateY(0px) rotate(-360deg);

  }

}



/*====================================

=         42. Redraw Css             =

=====================================*/

.rev_redraw-wrapper {

  overflow: hidden;

}



.rev_redraw-space {

  padding-top: 100px;

}



@media only screen and (max-width: 767px) {

  .rev_redraw-space {

    padding-top: 0px;

    padding-bottom: 150px;

  }

}



.rev_redraw-space .col-lg-12 {

  position: relative;

}

@media (min-width: 992px){

  .redraw-1{margin-top:-129px}

  .redraw-3{margin-top:-30px}

  .redraw-5{margin-top:-129px}

  .redraw-6{margin-top:-100px}

}



.redraw-content {

  z-index: 4;

  position: relative;

}



@media only screen and (max-width: 767px) {

  .redraw-images img {

    max-width: 160px;

  }

}



@media only screen and (max-width: 767px) {

  .redraw-images img {

    max-width: 100px;

  }

}

.redraw{background:#fff;padding:30px 50px;}

.path-svg {

  max-width: 127px;

  max-height: 305px;

  position: absolute;

  right: 80px;

  bottom: 106px;

  z-index: 1;

}

.cls-1 {

  isolation: isolate;

}

.cls-2 {

  mix-blend-mode: multiply;

  fill: url(#radial-gradient);

}

.cls-3 {

  fill: url(#linear-gradient);

}

.cls-4 {

  fill: url(#linear-gradient-2);

}

.cls-5 {

  fill: #e2e9fa;

}

.cls-6 {

  fill: #f0f4fc;

}

.cls-7 {

  fill: #928e88;

}

.cls-8 {

  stroke: #1034a6;

  fill: none;

  stroke-width: 2;

  stroke-dasharray: 800;

  stroke-dashoffset: 800;

  -webkit-animation: offset linear 5s forwards infinite;

  animation: offset linear 5s forwards infinite;

}



@-webkit-keyframes offset {

  0% {

    stroke-dashoffset: 800;

  }

  80% {

    stroke-dashoffset: 0;

  }

  100% {

    stroke-dashoffset: 0;

    fill: #1034a6;

  }

}

@-moz-keyframes offset {

  0% {

    stroke-dashoffset: 800;

  }

  80% {

    stroke-dashoffset: 0;

  }

  100% {

    stroke-dashoffset: 0;

    fill: #1034a6;

  }

}



/* ====================

    Toolbar Area 

========================*/

.aeroland__toolbar .inner {

  position: absolute;

  top: 200px;

  right: 100%;

  display: block;

 text-align: center;

  -webkit-box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);

          box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);

}



.aeroland__toolbar .inner a {

  display: inline-block;

   width: 60px; 

   height: 60px; 

  line-height: 60px;

  color: #fff;

  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  text-align: center;

  vertical-align: middle;

}



.demo-option-wrapper {

  height: 100%;

  overflow-y: auto;

  padding-bottom: 55px;

}



.demo-option-wrapper .demo-panel-header {

  padding: 40px 30px 30px;

  text-align: center;

}



.demo-option-container {

  position: fixed;

    top: 20%;

  left: 100%;

  background: #fff;

  height: 100%;

  width: 350px;

  max-width: calc(100% - 45px);

  z-index: 10;

  -webkit-transition: all .5s;

  -o-transition: all .5s;

  transition: all .5s;

}



.demo-option-container.open {

  -webkit-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  transform: translateX(-100%);

  -webkit-box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);

  box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);

}

 .inner a i {font-size:27px}

@media only screen and (max-width: 767px) {

  

   .marker{display:none}

}



.testimonials-contails-machine h6 {

  font-size: 14px;

  font-weight: 700;

  line-height: 2;

  letter-spacing: 3px;

  color: #ababab;

}



.testimonials-contails-machine p {

  font-size: 36px;

  font-weight: 500;

  line-height: 1.22;

  color:#1034a6;

  margin-top: 20px;

  margin-bottom: 24px;

}



.testimonials-contails-machine .testimonial-info {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

}



.testimonials-contails-machine .testimonial-info .testimonial-name {

  font-size: 15px;

  font-weight: 700;

  color: #454545;

  margin-top: 5px;

  margin-right: 10px;

  position: relative;

}



.testimonials-contails-machine .testimonial-info .testimonial-name::after {

  content: ' / ';

  left: 0;

}



.testimonials-contails-machine .testimonial-info .testimonial-by-line {

  font-size: 14px;

  font-weight: 400;

  line-height: 2.29;

  color: #7e7e7e;

}



.swiper-pagination-machine {

  position: absolute;

  width: auto !important;

  margin-bottom: 50px;

}

.pl-0{padding-left:0} .pr-0{padding-right:0}



.soft-m-call-action-section:before {

  top:42%;

  left: 0;bottom:0;

  content: "";

  width: 100%;

  height:100%;

  position: absolute;

  /* background-color: #f1f9fc;z-index: -1; */

  background-size: cover;

  background-repeat: no-repeat;

  background-image: url(../images/abbg.png);z-index: -1;

}



.soft-call-icon-text {

  padding: 45px 40px;

  background-color: #fff;

  box-shadow: 0px 16px 32px 0px rgb(25 112 204 / 6%);

}

 .soft-call-icon {

  margin-bottom: 38px;

}

 .soft-call-icon span {

  display: block;

  font-size: 20px;

  font-weight: 800;

  color:#1034a6;

  padding-bottom: 24px;

}

.soft-c-btn {

  height: 60px;

  color: #1034a6;

  margin: 0 auto;

  font-size: 14px;

  font-weight: 700;

  line-height: 60px;

  border-radius: 40px;

  position: relative;

  overflow: hidden;

  z-index: 1;

  border: 1px solid #1034a6;

}

.soft-c-btn a {

  width: 100%;

  display: block;

  transition: 0.3s all ease-in-out;

}

.soft-c-btn:after {

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  content: "";

  height: 0%;

  position: absolute;

  transition: 0.3s all ease-in-out;

  background: linear-gradient(90deg, #1034a6 0%, #928e88 100%);

  

}

.soft-c-btn:hover:after {

  height: 100%;

}

.soft-c-btn i {

  padding-right: 5px;

}

.soft-c-btn:hover a {

  color: #fff;

}

/* TESTIMONIAL */

.appseo-testimonial-section {

  padding: 40px 0px 95px;

  background-color: #f4f8ff;

}

.appseo-section-title {

  padding-bottom: 35px;

}

.appseo-testimonial-content {

  z-index: 1;

  margin: 0 auto;

  max-width: 705px;

  margin-top: 30px;

  position: relative;

}

.appseo-testimonial-content:before {

  left: 0;

  right: 0;

  top: -15px;

  z-index: -1;

  line-height: 1;

  color: #e9f0fb;

  content: "";

  font-weight: 900;

  font-size: 205px;

  position: absolute;

  text-align: center;

  /* font-family: "Font Awesome 5 Free"; */

  font-family: "Font Awesome 5 Pro";

}

.appseo-testimonial-content .appseo-testimonial-quote {

  position: relative;

  padding-bottom: 110px;

}

.appseo-testimonial-content .appseo-testimonial-quote:before {

  left: 0;

  right: 0;

  bottom: 70px;

  height: 5px;

  content: "";

  width: 290px;

  margin: 0 auto;

  position: absolute;

  background-color: #1034a6;

}

.appseo-testimonial-content .appseo-testimonial-text {

  font-size: 24px;

  font-style: italic;

}

.appseo-testimonial-content .slick-dotted.slick-slider {

  margin-bottom: 0;

}

.appseo-testimonial-content .appseo-testimonial-trigger {

  position: relative;

}

.appseo-testimonial-content .appseo-testimonial-trigger:before {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  top: -70px;

  left: -24px;

  right: 0;

  margin: 0 auto;

  border-left: 50px solid transparent;

  border-right: 0px solid transparent;

  border-top: 30px solid  #1034a6;

}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi h3 {

  font-size: 30px;

  font-weight: 700;

  color: rgba(61, 89, 232, 0.4);

  transition: 0.3s all ease-in-out;

}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi span {

  opacity: 0.5;

  color: #999999;

  text-transform: uppercase;

  transition: 0.3s all ease-in-out;

}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi.slick-current.slick-center span {

  opacity: 1;

}

.appseo-testimonial-content .appseo-testimonial-trigger .appseo-testi-name-degi {

  margin: 0px 30px;

}

.appseo-testimonial-content .slick-dots {

  display: none;

}

.appseo-testimonial-content .appseo-testimonial-trigger:after {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  right: 0;

  top: -75px;

  left: -28px;

  margin: 0 auto;

  border-left: 45px solid transparent;

  border-right: 0px solid transparent;

  border-top: 25px solid #f4f8ff;

}

.testimonial-slider-area:after{  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  right: 0;

  top: 0;

  left: 0;

  bottom:0;right:0;background-image: url(assets/images/02.html)!important;

  background-position: center!important;

  background-repeat: repeat!important;

  background-size: cover!important;z-index:-1;opacity: 0.4;

}



.sign__shape img.man-1 {

  left: 8%;

    top: 30%;

    z-index: 1;

}



.sign__shape img.man-3 {

  left: 0;

  bottom: 5%;

     z-index: 1;animation: man-search 2s linear 0s infinite alternate;

     -webkit-animation: man-search 2s linear 0s infinite alternate;opacity:0.7

 }

.man-4 {

 right: 8%;

  bottom: 0px; animation: worldRotate 20s linear infinite;opacity:0.5;    z-index: -1;

 }

.man-6{ top:5%;right:3%;opacity: 0.1;-webkit-animation: circle2 2s linear 0s infinite alternate;animation: circle2 2s linear 0s infinite alternate;}

.man-7{top: 25%;

  left: 1%;

  opacity: 0.1;  z-index: 0;animation: dot 2s linear 0s infinite alternate;

  -webkit-animation: dot 2s linear 0s infinite alternate;    width: 100px;}

.man-8{ top: 5%;

  right: -295px;opacity: 0.4;-webkit-animation: circle2 2s linear 0s infinite alternate;animation: circle2 2s linear 0s infinite alternate;}



.man-9{bottom:190px;left:0;z-index:-1}

.man-10{bottom:-100px;

  left: 25%;

  opacity: 0.2;z-index:-1;}

  .man-11{bottom:-250px;

    left: 5%;

    opacity: 1;z-index:-1;-webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0px 60px 60px 0px rgb(8 0 42 / 10%);

    -moz-box-shadow: 0px 60px 60px 0px rgba(8, 0, 42, 0.1);

    box-shadow: 0px 60px 60px 0px rgb(8 0 42 / 10%);}

    .man-12{ left: 0;

      bottom: 5%;

         z-index: 1;animation: man-search 2s linear 0s infinite alternate;

         -webkit-animation: man-search 2s linear 0s infinite alternate;opacity:1}



.man-13{position: absolute;

  top: 33%;

  right: 11%;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  -webkit-transform: rotate(

-20deg);

  -moz-transform: rotate(-20deg);

  -ms-transform: rotate(-20deg);

  transform: rotate(

-20deg);

  animation: hero-search-sm 2s linear 0s infinite alternate;

  -webkit-animation: hero-search-sm 2s linear 0s infinite alternate;}

@keyframes triangle{

  0%{

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

  }

  100%{

      transform: rotate(360deg);

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

  }

}



@keyframes square{

0%{

  transform: translateX(0px)  ;

  -webkit-transform: translateX(0px)  ;

  -moz-transform: translateX(0px)  ;

  -ms-transform: translateX(0px)  ;

  -o-transform: translateX(0px)  ;

}

100%{

  transform: translateX(50px)  ;

  -webkit-transform: translateX(50px)  ;

  -moz-transform: translateX(50px)  ;

  -ms-transform: translateX(50px)  ;

  -o-transform: translateX(50px)  ;

}

}





@keyframes dot{

  0%{

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

}



  100%{

    transform: translateY(50px);

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -o-transform: translateY(50px);

}

}



@keyframes circle2{

  0%{

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

}



  100%{

    transform: translateY(50px);

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -o-transform: translateY(50px);

}

}



@keyframes man-search{

  0%{

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

}



  100%{

    transform: translateY(30px);

    -webkit-transform: translateY(30px);

    -moz-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -o-transform: translateY(30px);

}

}



@keyframes hero-search-sm{

  0%{

     transform:rotate(0deg);

  }

  100%{

     transform:rotate(-20deg);

  }

}



.appseo-testi-name-degi:focus,.appseo-testi-name-degi:hover{cursor:pointer}

.footer-area h3{text-transform: uppercase;font-size: 37px;}

.footer-area .hover-style-link{color: #eee;

  font-weight: 400;}

.bg-theme {background:#1034a6}

.hero-form .ht-btn{position:absolute;top:16px;right:35px;line-height:47px;height:47px;border-radius: 50px;}

 .in-footer-warning {

  padding: 0 28px 6px;

  border: 1px solid rgba(255, 255, 255, 0.25);

  border-radius: 12px;

}

 .in-footer-warning h6 {

  margin-top: -7px;

  margin-left: -8px;font-size: 13px;

}

.in-footer-warning p{padding:10px}

.footer-registered-area{background:#291f1a14}

.ht-registered-brands a:hover, .copyright-text a:hover{color:#fff}

.ht-registered-brands a{font-size:20px}

.text-light-1{color:#ddd}

.ht-registered-brands .item {

  display: inline-block;

}

.ht-registered-brands .item .social-link{display: block;

    padding: 17px 50px;

    /*border: 1px solid #eeeeee33;*/

/*    margin-right: 20px;   */
     background: #1034a6;font-weight:900;

}

/*.footer-links,.trade-policy-links a {text-transform: uppercase;}*/

.footer-links{font-size:14px}

.trade-policy-links a {

  text-transform: uppercase;

  font-size: 13px;

  padding-right: 10px;

  padding-left: 10px;

}

.footer-copyright-area {background: #291f1a14;}

.redraw .heading{padding-top: 14px;

  padding-bottom: 10px;

  color: #1034a6;

  font-size: 18px;}

  .redraw{

  border-radius: 20px;

    box-shadow: 0px 6px 6px 3px #d6d6d67a;

    -webkit-box-shadow: 0px 6px 6px 3px #d6d6d67a}



    .redraw .sub-heading{font-size: 20px;}

.shape-home-banner {

    left: 3%;

    top: 19rem;

}

.shape-case {

  right: -15%;

  bottom: 0%;

  z-index: 1;

  opacity: .2;

}

.bg-shape {

  position: absolute;

  z-index: -1;

  opacity: .9;

  max-width: 100% !important;

}

.tab-content>.active {

  display: block!important;

}

.tab-content>.tab-pane {

  display: none;

}

.left_menu ul {display: block;}

.left_menu  .list-item a{font-size: 24px;

  line-height: 1.2;

  margin-top: 14px;

  padding-top: 20px;

 -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  padding-right: 15px;color: #333333;font-weight:700;display:block;}

/*.left_menu .list-item a span{border-top: 2px solid #ededed;font-size: 20px;*/

/*    padding-top: 10px;}*/

.left_menu .list-item a span {

    border-bottom: 2px solid #ededed;

    font-size: 20px;

    margin-top: 10px;

    display: block;    padding-top: 10px;

    color: #1034a6;

    letter-spacing: 1px;

    padding-bottom: 20px;}

  .left_menu .list-item a span::before {

    display: inline-block;

    font-style: normal;

    font-variant: normal;

    text-rendering: auto;

    line-height: 1;

    font-family: 'Font Awesome 5 Pro';

    font-weight: 400;

    content: '\f178';

    position: absolute;

    top: 38px;

    right:-15px;

    color: #333;

    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.left_menu .list-item a span::after {

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1;

  font-family: 'Font Awesome 5 Pro';

  font-weight: 400;

  content: '\f178';

  position: absolute;

  top: 38px;

  right:-15px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  transform: translateX(-100%);

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.list-item li:hover a span::before {

  opacity: 0;

  visibility: hidden;

}

.list-item li:hover a span::after {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

 color: #1034a6;

}

.v-middle{align-items: center;justify-content: center;display: inline-table;}

.v-middle-1{align-items:center;justify-content:center}

.servicTextContentBox{padding:20px;min-height: 290px;

  box-shadow: 1px 4px 16px 3px #d6d6d67a;

  -webkit-box-shadow: 1px 4px 16px 3px #d6d6d67a}

.services_content .tab-content{position:relative}

.servImgBox{padding:20px}

.servImgBox img{width:150px}

.hero__search-input-2 input {

  width: 810px;

  -webkit-box-shadow: 10px 17.321px 50px 0px rgb(8 0 42 / 8%);

  -moz-box-shadow: 10px 17.321px 50px 0px rgba(8, 0, 42, 0.08);

  box-shadow: 10px 17.321px 50px 0px rgb(8 0 42 / 8%);height: 60px;

  line-height: 56px;

  padding: 0 20px;

  padding-left: 45px;

  border: 2px solid #ffffff;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;position: absolute;

  top: 39px;

  left: -1%;

}

.hero__search-input-2 span{

  position: absolute;

  top: 55px;

  z-index: 1;

  font-size: 16px;

  left: 14px;

  }





  @media (max-width:991px){

    .services_content .tab-content{position: relative;top:0}

    /*.row>*{padding-top:30px}*/

    .hero-form .ht-btn{position:relative}

   .home-pot{bottom: -26px;opacity:0.3}

   .float-md-left{text-align:left!important}

  }



  @media (min-width:992px) and (max-width:1200px){

  .servImgBox img{

    width: 70px;

    height: 70px;

  }

  .servicTextContentBox{padding:20px}

}

/* =====================================================================

                              MAHALAKSHMI

  ======================================================================*/



.tab{float:center;background-color:#fff;margin-top:5px}

.tab button{width:300px;height:59px;float:center;background-color: #918d87;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;border-color:#fff;font-size:16px}

.tab button.active{background-color:#1034a6}

.tabcontent{display:none;padding:0 20px 0 20px;border:1px solid #fff;border-top:none}

.tabcontent h3{font-size:24px;}

/*======================================*/

.btn-4{background-color:#fff;color:#000;border:2px solid #e7e7e7}

.btn-4:hover{background-color:none}

.dwBtn_filed{width:90%;font-size:16px;font-weight:300;border:1px solid #d3d3d3;border-radius:10px;padding:5px 0 5px 15px;color:#999;position:relative;height:60px;display:table-cell;vertical-align:middle;min-width:300px}

.dwBtn{position:absolute;width:100%;display:inline-block;height:100%;border-radius:0;top:0;left:0;background:0 0}

.dwBtn::after{content:'';float:right;background-image:url(download.svg);background-color:#eee;background-repeat:no-repeat;background-position:center;position:absolute;right:-1px;top:-1px;bottom:-1px;border-radius:0 10px 10px 0;width:70px;background-size:25px}

.dwBtn:focus{outline:0;box-shadow:none}

.dwBtn_filed:hover .dwBtn::after{background-image:url(download.svg);background-color:#1034a6}

.dwBtn_filed:hover{box-shadow:0 1px 6px 0 rgba(0,0%,0%,16%)}

.dwBtn_filed small{font-size:10px;position:absolute;bottom:5px;width:90%}



/* =====================================================================

                              ADMIN

  ======================================================================*/

.call-back{
/*  background-image:url(../images/bg/title-bar-01-bg.webp);*/
  background-repeat:no-repeat;background-position:center center;background-size:cover}

.v-middle-1{align-items:center;justify-content: center;}

.sub-menu-item4 li{padding-bottom:20px}

.sub-menu-item4{border-left:3px solid #dadada;padding-left:30px}

.bg-2{background:#eff3f8}

video{max-width:100%}.pl-0{padding-left:0!important}.pr-{padding-right:0!important}

.color-2 {

    color: #fff!important;

    background: #918d87;

    padding: 2px 10px;

    font-weight: 600;

}

.shadow-1{box-shadow: 12px 2px 12px #1f141412}

.br-4{border-radius:4px}.br-14{border-radius: 14px}

.navigation-menu > ul > li:hover > a.ht-btn span{color:#fff!important}

.navigation-menu .ht-btn{color:#fff!important;padding-left:14px;padding-right:14px}

.font-style-1{font-family: 'Nunito Sans', sans-serif}.pt-10{padding-top:10px}

.for-heading{

  padding-top: 100px!important;

  padding-bottom: 100px;

  padding-left: 100px;

  padding-right: 100px;

  font-size: 50px;

}

.f-blue{  

  color: #1034a6;

}

.f-lb{

  color: #918d87;

}

.float-r{

  text-align: right;

}



.aquaBullet{

    color:#1034a6e8;

    font-size:20px;

    padding-right:8px;

}





.sign__shape img.girl-2 {

    right: 8%;

    bottom: -140px;

    z-index: 1;

   }

 .sign__shape img.girl-3{

    right: 8%;

    top:20px;

    z-index: 1;

   }

   

   .heading{

       display:none;

   }

   .p-t{

    padding-left: 80px;

    padding-right: 80px;

   }



.headtitle{

    font-size:20px;

    text-transform: capitalize;

    color:#3b3939;}

       

.textPage_heading{background:#1034a6;width:100%;position:relative;overflow:hidden;padding:13px 0 13px;display:inline-block}
@media only screen and (max-width: 768px) {
  .textPage_heading {
      margin-top: 105px !important;
  }
}
.banimg{float:left;position:absolute;left:70px;bottom:-40px;z-index:1}

.menubold{

color: black!important;

font-weight: bolder!important;

}

.for-heading{

  padding-top: 100px!important;

  padding-bottom: 100px;

  padding-left: 100px;

  padding-right: 100px;

  font-size: 50px;

}





.float-r{

  text-align: right;

}

.p-t{

  padding-top: 100px;

  padding-bottom: 100px;

}



::-webkit-scrollbar {

  width: 10px;height:5px;z-index:99999999;

}



/* Track */

::-webkit-scrollbar-track {

  /*box-shadow: inset 0 0 5px grey; */



}

 

/* Handle */

::-webkit-scrollbar-thumb {

  background:  #1034a6; 

 

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #1034a6; 

}

@media (min-width:992px){

    .banner-video-wrapper{padding-right:150px;padding-left:150px}

}

.theme-color-1{color:#1034a6}

.theme-color-2{color:#928f88}

.bg-color-1{background:#1034a6}

.bg-color-2{background:#928f88}

.navigation-menu>ul>li.active>a.ht-btn:before, .navigation-menu>ul>li:hover>a.ht-btn:before{width:0}.navbar-brand{padding:14px 0px}.aeroland__toolbar .inner a:first-child{border-top-left-radius: 14px;}

.aeroland__toolbar .inner a:last-child{border-bottom-left-radius: 14px;}.pg-why-allreach .icon{width:120px}.footer-logo img{width:315px}

.breadcrumb-list li a:hover{color:#fff}

.img-responsive{max-width:100%}

.sign__shape img{transition:all .3s ease-out 0s;position:absolute}

/* Call Back */

.call-back input::placeholder{color:#444;font-size:13px;font-weight:600;text-transform: uppercase}

.call-back input{color:#1034a6;background:#fff;letter-spacing:0;font-weight:500;border:1px solid #433838;outline:0;border-radius:5px;padding:3px 30px;height:84px;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.2);box-shadow:0 10px 25px rgba(0,0,0,.2)}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {

  .conact-us-wrap-one{margin-bottom:30px;text-align:center}

}

.get-call-back:before{content:"";position:absolute;background:url(../images/man.png);width:100px;height:181px;top:35px;right:-40px;z-index:1000;overflow:hidden;}

@media only screen and (max-width: 991px){

   .get-call-back:before{right:0}   .pg-transfer .row00 {display:none}

}

@media (max-width:451px){.accountOpen a{display:none}}

/* Style 1 */

.mob-nav-menu .mainNavBtn.navbar-toggle{position:absolute;right:15px;top:15px}

@media (min-width:992px){

    .mainNavBtn.navbar-toggle{display:none!important}

    .pg-transfer .row03 {min-height:250px}

     .pg-transfer .row00 {opacity:0;}

}

@media (max-width: 575px){

.d-xs-none {

    display: none!important;

}

}



.pricing-table-two .pricing-table {

  margin-bottom: 0px;

}



.pricing-table-two .pricing-table__inner {

  position: relative;

  overflow: hidden;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  text-align: center;

  padding: 34px 20px 40px;

  border: 1px solid #dce6ed;

  border-radius: 5px;

  background-color: #ffffff;

}



.pricing-table-two .pricing-table__header {

  margin-bottom: 25px;

}



.pricing-table-two .pricing-table__title {

  color: #3680d2;

  margin-bottom: 24px;

}



.pricing-table-two .pricing-table__price-wrap {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.pricing-table-two .pricing-table__price-wrap .currency {

  font-size: 15px;

  margin-bottom: 0;

  color: #ababab;

}



.pricing-table-two .pricing-table__price-wrap .price {

  font-size: 56px;

  line-height: .8;

  margin: 0 4px;

  font-weight: 300;

  color: #333;

}



.pricing-table-two .pricing-table__price-wrap .period {

  font-size: 15px;

  margin-bottom: 0;

  color: #ababab;

  -webkit-align-self: flex-end;

      -ms-flex-item-align: end;

          align-self: flex-end;

}



.pricing-table-two .pricing-table__list li {

  position: relative;

  display: block;

  padding: 15px 0;

}



.pricing-table-two .pricing-table__list li .featured {

  font-weight: 500;

}



.pricing-table-two .pricing-table__footer {

  margin-top: 0px;

}



.pricing-table-two .pricing-table__footer .ht-btn {

  width: 180px;

  max-width: 100%;

}



.pricing-table-two .pricing-table__footer .ht-btn:hover {

  background: #086AD8;

}





.pricing-table-two .pricing-table:hover .pricing-table__inner {

      box-shadow: 0px 3px 20px 0px rgb(0 0 0 / 16%);

    -webkit-box-shadow: 0px 3px 20px 0px #d6d6d6;

    -moz-box-shadow: 0px 3px 20px 0px #d6d6d6;

  border: 0 solid transparent;

  padding: 35px 21px 20px;

  -webkit-transform: translateY(-5px);

      -ms-transform: translateY(-5px);

          transform: translateY(-5px);

}



.pricing-table-two .pricing-table--popular .pricing-table__inner {

     box-shadow: 0px 3px 20px 0px rgb(0 0 0 / 16%);

  -webkit-box-shadow: 0 2px 30px rgba(89, 69, 230, 0.12);

          box-shadow: 0 2px 30px rgba(89, 69, 230, 0.12);

       

  border: 0 solid transparent;

  /*padding: 35px 21px 41px;*/

  background: #002FA6;

}



.pricing-table-two .pricing-table--popular .pricing-table__title {

  color: #ffffff;

}



.pricing-table-two .pricing-table--popular .pricing-table__price-wrap .currency {

  color: #ffffff;

}



.pricing-table-two .pricing-table--popular .pricing-table__price-wrap .price {

  color: #ffffff;

}



.pricing-table-two .pricing-table--popular .pricing-table__price-wrap .period {

  color: #ffffff;

}



.pricing-table-two .pricing-table--popular .pricing-table__list li {

  color: #ffffff;

}

/*=====  End of pricing table  ======*/



/* Horizontal divider */

.semiCircleBottom {

  border-bottom:solid 1px #1034a6;

  position: relative;

  padding-bottom: 20px;



}

.semiCircleBottom::before {

  position: absolute;

  content: '';

  left: 50%;

  z-index: 1;

  width: 10px;

  height: 10px;

  border-radius: 0%;

  

  border: solid 1px #1034a6;

  background: white;

  transform: translateX(-50%) translateY(50%);

  bottom: 0px;

}

/* Style 1 Ends */

.rev_redraw-inner-box{overflow:hidden}

@media only screen and (min-width:200px) and (max-width:700px){

  #service_btn{

padding-left:85px!important;

}

}

.serv_btn{

    padding: 12px 26px!important;

}

.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}

@media (min-width:376px){

    .order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12} 

    .pt-sm-20{padding-top:20px!important}

}

@media (min-width: 768px){

    .order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}

    .pt-md-20{padding-top:20px!important}

}

@media (min-width:992px){

    .order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}

}

@media (min-width:1200px){

    .order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}

}

#exampleModal address, #exampleModal p{font-weight:700}

.fw-700{font-weight:700}.fs-17{font-size:17px}