@font-face {
    font-family: 'Sofia Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Sofia-Pro-Regular-Az.woff') format('woff');
}
	
@font-face {
    font-family: 'Sofia Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Medium'), url('../fonts/Sofia-Pro-Medium-Az.woff') format('woff');
}

 @font-face {
    font-family: 'Sofia Pro SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro SemiBold'), url('../fonts/Sofia-Pro-Semi-Bold-Az.woff') format('woff');
}

 @font-face {
    font-family: 'Sofia Pro Light';
    font-style: normal;
    font-weight: normal;
	src: local('Sofia Pro Light'), url('../fonts/Sofia-Pro-Light Az.woff') format('woff');
}


:root{
	--body-font:'Sofia Pro Regular';
	--heading-font: 'Sofia Pro Medium';
	--heading-light:'Sofia Pro Light';
	--color-dred:#d12432;
	--color-bred:#ec1e25;
	--color-black:#545759;
	--light-grey:#878787;
	--animate-delay: 0.5s;
}


body{font-size:18px; font-family:var(--body-font); line-height:27px; overflow-x:hidden;color: #545759}
h1, h2, h3, h4, h5, h6 {font-family:var(--heading-font); line-height: 1.1;}

/* header */
header .navbar-brand .logo{max-width:160px;}
#msNavbarMain .navbar-nav .nav-link{margin-left:15px; text-decoration:none; font-size:16px;}
#msNavbarMain .navbar-nav .nav-link.active, #msNavbarMain .navbar-nav .nav-link:hover{color:var(--color-dred)}

.sticky-top{ background:rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 2px 0px rgba(115,115,115,0.2);
-moz-box-shadow: 0px 1px 2px 0px rgba(115,115,115,0.2);
box-shadow: 0px 1px 2px 0px rgba(115,115,115,0.2);}

.theme-btn, .btn-primary {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  padding: 9px 20px !important;
  text-transform: capitalize;
  border-radius: 35px 35px 0px 35px;
  z-index: 1;
  transition: all 500ms ease;
  background: var(--color-dred);
  border:1px solid var(--color-dred);
  color: #fff;
}

.theme-btn::before, .btn-primary:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0,0);
  transform-origin: right bottom;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  transition: all 500ms ease;
  background: #323232;
  
}

.theme-btn:hover:before, .btn-primary:hover:before {
  transform: scale(1,1);
  border:1px solid #323232 !important;
}

.theme-btn:hover, .btn-primary:hover {
  color: #fff !important;
  background: #323232;
  border-color:#323232 !important;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

a{text-decoration:none;}

#carouselMsHome .carousel-inner .carousel-item h5{font-size:40px;}
#carouselMsHome .carousel-inner .carousel-item h5 + p{font-size:22px; font-family:var(--heading-light)}
#carouselMsHome .carousel-inner .carousel-item .btn{font-size:20px; padding-left:30px !important; padding-right:30px !important;}

.sec-title {
  position: relative;
  display: block;
  margin-bottom: 35px;
}

.sec-title .sub-title {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: var(--color-bred);
  font-weight:500;
  border-color: #d12432;
  -webkit-text-stroke-color: #d12432;
  padding-left: 25px;
  padding-top: 7px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.sec-title .sub-title::before {
  position: absolute;
  content: '';
  background: #fde8e9;
  width: 25px;
  height: 25px;
  left: 0px;
  top: 0px;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
}

.sec-title h2, .sec-title h3 {
  position: relative;
  display: block;
  font-size: 48px;
  line-height: 58px;
  font-weight: 600;
  margin: 0px;
  line-height: 1.1;
}

.sec-process{padding:80px 0}
.set-abs {
  position: absolute;
  right: 2%;
}

.process-img-holder .animate-image {
  right: 70px;
  bottom: 30px;
}

.move-up-down {
  -webkit-animation: movebounce 15s linear infinite;
  animation: movebounce 15s linear infinite;
}

.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

@-webkit-keyframes float-bob {
	0% {
	-webkit-transform: translateY(-35px);
	transform: translateY(-35px); }
	50% {
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px); }
	100% {
	-webkit-transform: translateY(-35px);
	transform: translateY(-35px); }
}

@keyframes movebounce {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.process-lists {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap; margin-top:60px;
}
.process-lists li{list-style:none; background:#06070c; border-radius:20px 20px 0 20px; min-height:72px; display:flex; align-items:center; color:#fff; padding-left:110px; flex: 0 0 48%;
  margin-right: 2%;  margin-bottom: 35px; line-height:1.2 ; position:relative}
  .process-lists li img {
  position: absolute;
  left: 0;
  left: 20px;
  bottom: 15px;
}



#button {
  display: inline-block;
  background-color: #d12432;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\2191";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}


/* footer */
.footer-top-contact-wrap ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.footer-top-contact-wrap ul li {
  list-style: none;
  position: relative;
  padding-left: 60px;
}
.footer-top-contact-wrap ul li img{position:absolute; left:0; top:6px; max-width:44px;}
.footer-top-contact-wrap {
  background: #222;
  border-radius: 15px;
  padding: 40px 50px;
}

.footer-top-contact-wrap ul li .cnt-label{color:#4d4d4d; font-size:15px;}
.footer-top-contact-wrap ul li .cnt-info{color:#fff;}
.footer-top-contact-wrap ul li::after {
  content: "";
  position: absolute;
  right: -50px;
  top: 0;
  height: 100%;
  width: 1px;
  background: #4d4d4d;
}
.footer-top-contact-wrap ul li:last-child:after {display:none;}

.footer-middle-cta .container{background:url(../images/footer-cta-bg.jpg) 0 0 no-repeat; background-size:cover;  padding:50px; padding-top:110px; border-radius:20px;}
.footer-middle-cta .cta-title {
  font-size: 38px;
  color: #fff;
  font-family: var(--heading-font);
  margin-bottom: 20px;
}
.footer-middle-cta .cta-desc {
  font-size: 22px;
  color: #fff;
}

.btn-footer-cta {
  background: #222;
  border-color: #222;
  padding: 10px 40px 10px 15px !important;
  font-size: 22px;
}

.footer-middle-cta {
  position: relative;
  margin-top: -70px;
  z-index: 1;
}

.footer-top-contact {
  position: relative;
  z-index: 10;
}

/* benefits */

.sec-benefits{padding-top:100px; padding-bottom:60px;}
.chooseus-block-one .inner-box {
  position: relative;
  display: block;
  border: 1px solid #e7e3ee;
  margin-bottom: 50px;
}

.left-column .chooseus-block-one .inner-box {
  margin-right: 35px;
  padding: 24px 30px 17px 30px;
  border-radius: 30px 0px 0px 30px;
  min-height: 200px;
}

.chooseus-block-one:last-child .inner-box {
  margin-bottom: 0px;
}

.town-feature-section {
  margin: 0px 0px 50px -50px;
  }
  
 .left-column .chooseus-block-one .inner-box .icon-box {
  right: -36px;
  border-radius: 0px 30px 0px 30px;
}

.chooseus-block-one .inner-box .icon-box::before {
  position: absolute;
  content: '';
  background: #513785;
    background-color: rgb(81, 55, 133);
  width: 20px;
  height: 20px;
  top: 0px;
  transition: all 500ms ease;
}

.left-column .chooseus-block-one .inner-box .icon-box::before {
  left: -20px;
  border-top-left-radius: 15px;
}

.chooseus-block-one .inner-box .icon-box::before{
	background-color: #d12432;
  fill: #d12432;
}

.chooseus-block-one .inner-box .icon-box {
  background: #d12432;
}

.chooseus-block-one .inner-box .icon-box {
  position: absolute;
  display: inline-block;
  top: -20px;
  width: 70px;
  height: 100px;
  font-size: 40px;
  color: #faf9fc;
  line-height: 110px;
  text-align: center;
  z-index: 1;
  transition: all 500ms ease;
}

.chooseus-block-one .inner-box .icon-box {
  font-size: 40px;
  color: #faf9fc;
  line-height: 110px;
  text-align: center;
}

.chooseus-block-one .inner-box .icon-box{
	background-color: #d12432;
  fill: #d12432;
	
}

.chooseus-block-one .inner-box .icon-box img{max-width:40px;}

.chooseus-block-one .inner-box h3 {
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 2px;
}

.chooseus-block-one .inner-box .town-text p{font-size:14px; line-height:20px;}

.right-column .chooseus-block-one .inner-box {
  margin-left: 35px;
  padding: 32px 30px 31px 60px;
  border-radius: 0px 30px 30px 0px;
}

.right-column .chooseus-block-one .inner-box .icon-box {
  left: -36px;
  border-radius: 30px 0px 30px 0px;
}

.chooseus-block-one .inner-box .icon-box::before {
  position: absolute;
  content: '';
  background: #513785;
    background-color: rgb(81, 55, 133);
  width: 20px;
  height: 20px;
  top: 0px;
  transition: all 500ms ease;
}

.right-column .chooseus-block-one .inner-box .icon-box::before {
  right: -20px;
  border-top-right-radius: 15px;
}

.chooseus-block-one .inner-box .icon-box::before{
	background-color: #d12432;
  fill: #d12432;
}

.chooseus-section .image-box {
  position: relative;
  display: block;

}

.chooseus-section .image-box .image {
  position: relative;
  display: block;
}



.chooseus-section .image-box .image img {
  width: 100%;

}

.chooseus-block-one:last-child .inner-box {
  margin-bottom: 0px;
}



.chooseus-section .image-box .image-shape {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 287px;
  height: 244px;
  background-repeat: no-repeat;
  z-index: 1;
}


.sec-benefits{position:relative}
.sec-benefits:before{content:""; position:absolute; top:0; left:30%; right:30%; background:#d12432; height:30px; border-radius:0 0 15px 15px}

/* benefits */


/* video demo */

.video-section .pattern-layer {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 280px;
  height: 280px;
  background-repeat: no-repeat;
  z-index: 1;
}

.video-section {
  position: relative;
}

.video-section .outer-container {
  position: relative;
  padding: 0px 140px;
}

.auto-container {
  position: static;
  max-width: 1220px;
  margin: 0 auto;
}

.video-section .funfact-inner {
  position: relative;
  width: 100%;
  background: #fff;
  margin-bottom: -93px;
  z-index: 1;
}

.funfact-block-one {
  position: relative;
  display: block;
  margin-right: 30px;
}

.funfact-block-one .inner-box{background-color: #6c4ea7;
  fill: #6c4ea7;}
 
.funfact-block-one .inner-box {
  background: #232737;
}

.video-section .video-inner {
  position: relative;
  padding: 293px 0px 200px 0px;
  border-radius: 30px;
  overflow: hidden;
  text-align: center;
}

.video-section .video-inner .bg-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.video-section .video-inner .video-btn {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 88px;
  background: #fff;
  text-align: center;
  font-size: 20px;
  color: #272e39;
  border-radius: 50%;
}

.video-section .video-inner .video-btn{
	
	color: #6c4ea7;
  border-color: #6c4ea7;
  -webkit-text-stroke-color: #6c4ea7;
	
} 

.video-section .video-inner .video-btn {
  line-height: 88px;
  text-align: center;
  font-size: 20px;
  color: #272e39;
}

.video-section .video-inner .video-btn::after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}


.video-section .video-inner .video-btn::before, .video-section .video-inner .video-btn::after {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
  
.funfact-block-one .inner-box {
  position: relative;
  display: block;
  padding: 40px 150px 32px 40px;
  border-top-left-radius: 30px;
}

.funfact-block-one .inner-box img{position:absolute;top: 28px; right: 38px;}


.video-section .funfact-inner{
  position: relative;
  width: 100%;
  background: #fff;
  margin-bottom: -93px;
  z-index: 1;
}

.video-section .video-inner{
  position: relative;
  padding: 293px 0px 200px 0px;
  border-radius: 30px;
  overflow: hidden;
  text-align: center;
}

.video-section .video-inner .bg-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.video-section .video-inner .video-btn{
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 78px;
  background: #fff;
  text-align: center;
  font-size: 20px;
  color: #272e39;
  border-radius: 50%;
}

.video-section .video-inner .video-btn:before,
.video-section .video-inner .video-btn:after {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.video-section .video-inner .video-btn:after{
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.video-section .pattern-layer{
  position: absolute;
  top: 50px;
  right: 40px;
  width: 280px;
  height: 280px;
  background-repeat: no-repeat;
  z-index: 1;
}


.demo-video{padding:30px 0}

/* video demo */


/* testimonial */

.sec-testimonial{padding:85px 0 85px; background:url(../images/bg-testimonial.jpg) no-repeat 0 0 ; background-size:cover;}
.testi-info {
  margin-left: 100px;
  margin-top: 30px;
 position: relative;
  padding-left: 90px;
}
.testi-info .test-logo{width:60px; height:60px; border-radius:50%; overflow:hidden; position: absolute;
  left: 0;
  top: 0;}
.testi-info .test-logo img{width:100%; height:100%;}
.testimonial-box {
  margin-top: 30px;
  width: 75%;
}

.test-top {
  padding-left: 100px;
  position: relative;
}

.test-top img {
  position: absolute;
  left: 0;
  top: 0;
}

.testi-text {
  font-size: 24px;
  color: #fff;
  line-height: 32px;
}

.testi-name{color:#fff; font-weight:600}
.testi-desc{font-size:14px; color:rgba(255,255,255,0.5)}

/* testimonial */


.sec-difference{background:url(../images/bg-difference.jpg) center center no-repeat; background-size:cover; padding-top:200px; padding-bottom:250px;}
.difference-point-box{background:#fff; border-radius:20px; padding:30px 25px 60px; margin-bottom:30px; min-height:300px;}
.difference-point-box ul{margin:0; padding:0}
.difference-point-box ul li{list-style:none; position:relative; padding-left:40px; margin-bottom:8px;}
.difference-point-box ul li:before{content:""; position:absolute;opacity: 0.6; left:0; top:4px; width:18px; height:18px; background:url(../images/icon-check.png) no-repeat 0 0; background-size:cover;}
.pl-70{padding-left:100px;}
.slider-difference .slick-track .slick-slide:nth-child(even){margin-left:70px; }
.slider-difference .slick-track .slick-slide{margin-bottom:0; width:80% !important;}

.slider-difference .slick-prev {
  right: 0;
  left:auto;
  top:35%;
}

.slider-difference .slick-next {
  right: 0;
  top:55%;
}

.slider-difference .slick-prev:before {
  content: "";
  width: 34px;
  height: 71px;
  background: url(../images/varrow-top.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.slider-difference .slick-next:before {
  content: "";
  width: 34px;
  height: 71px;
  background: url(../images/varrow-bottom.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 6px;
}

.slider-difference .slick-prev, .slider-difference .slick-next{width:34px; height:71px; z-index:1000}


.footer-bottom{background-color:#151517; background:url(../images/footer-bottom-bg.jpg) 0 0 no-repeat; background-size:cover; padding-top:200px; padding-bottom:40px; position:relative; z-index: 0;
  margin-top: -150px;}
.footer-bottom .copy{color:rgba(255,255,255,0.7); font-size:16px; line-height:22px;}
.footer-logo{max-width:160px}
.footer-link{margin:0; padding:0; display:flex;}
.footer-link li{list-style:none;}
.footer-link li a{color:#fff; font-size:15px; margin-right: 10px; transition:all 0.5s}
.footer-link li a:hover{color:var(--color-bred)}
.of-address{color:#fff; font-size:15px; line-height:1.3;text-align:right}
.btn-footer-cta svg path {fill: #fff;}
.btn-footer-cta svg{margin-right:10px;}

/*Whatismsuite*/

ul,ol{padding-left: 0rem;}
.Whatis {
  margin: 0;
  padding: 0;
  flex-wrap: wrap; margin-top:3px;
}
.Whatis ul{display:flex; flex-wrap: wrap; padding-left:20px; }
.Whatis li{list-style:none;  border-radius:20px 20px 0 20px; border:1px solid #cccccc; margin-bottom:15px; min-height:50px; display:flex; align-items:center; color:#545759;  margin-right: 44px; line-height:30px ; position:relative; padding-left:20px; display:flex; flex: 0 0 38%;}
.Whatis  li img { padding-right:20px; margin-left:-40px;}
.Whatis p{ font-weight:400;}






.Whatislists {
 background:rgba(0,0,0,.88);border-radius:0px 20px 20px 0px; position:relative; color:#ffffff; padding-top:20px; padding-bottom:20px; padding-right:100px;
}
.Whatislists::before {
content: "";
  position: absolute;
  left: -100%;
  top: 0;
  background:rgba(0,0,0,.88);
  width: 100%;
  height: 100%;
}

.Whatislists-img-holder{
left: -90px;
}

/*implementation*/


.Imp-process-img-holder{
left: -90px;
}
.Imp-process{ position:relative;background-color:#f9f9f9; padding:80px 0; background-image:url("../images/bg_imp.png"); background-position:left center; background-repeat:no-repeat;}
.Imp-process::before {
  content: "";
  position: absolute;
  top:-30px;
  left: 30%;
  right: 30%;
  background: #d12432;
  height: 30px;
  border-radius: 15px 15px  0 0;

}

.bgredslider{background:#fff;border-radius:20px; text-align:left; padding:20px 30px; border:1px solid #cccccc; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.47); min-height: 340px;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.47);color:#545759;}
.bgredslider:hover{background:#d12432; border-radius:20px; text-align:left;color:#fff;border:1px solid #d12432;}
.bgredslider ul{margin:0; padding:0; }
.bgredslider ul li{list-style:none; position:relative; padding-left:40px; margin-bottom:8px; font-size:14px; line-height:22px;}
.bgredslider ul li:before{content:""; position:absolute;opacity: 0.6; left:0; top:4px;; width:18px; height:18px; background:url(../images/icon-check.png) no-repeat 0 0; background-size:cover;}
.numberslider{font-size:40px;}
.slider-difference .slick-prev {
  right: 0;
  left:auto;
  top:35%;
}

.implementation .slick-next {

  width: 70px;
  height: 71px;
  right: -70px;

}
.implementation .slick-prev {

  width: 70px;
  height:0px;
  position: absolute;
  right: -70px;
  left: auto;
  z-index: 5;

}
.implementation .slick-next::before {
  content: "";
  width:  70px;
  height: 71px;
  background: url(../images/arrowright.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 6px;
}

.implementation .slick-prev:before {
  content: "";
  width: 70px;
  height: 71px;
  background: url(../images/arrowleft.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 6px;
}
.implementation p{font-size:20px; padding-top:10px;}
.implementation li{font-size:16px;}


/*Achievement*/

.Achievement-process{ background-color:#f9f9f9; padding:80px 0; background-image:url("../images/bg_grey.png"); background-position:left center; background-repeat:repeat-x;}
.Achievement-process h4{font-size:20px; color:#5b5b5b;}
.Achievement-process h3{font-size:26px; color:#545759;}
.Achievement-process h5{font-size:70px; color:#ec1e25; font-weight:600;}

.ctcbg{background-color:#f9f9f9; padding:80px 0; background-image:url("../images/bg_cta.png"); background-position:left center; background-repeat:no-repeat; border-radius:15px; background-size:cover }
.ctcbg h2{color:#fff;}
.ctcbg p{color:#fff;}
.box-dn-login{background-color:#232737;color:#ffffff;border-radius:30px 30px 0px 30px; padding-right:20px;}
.box-dn-login:hover{background-color:#181b27;color:#ffffff;}
.box-dn-login svg path{fill:#ffffff;}

.process-img-holder.about img {
  left: 100px;
  bottom: 100px;
}

.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.modal-body {
  position: relative;
  padding: 0px;
}
.btn-close {
  position: absolute;
  right: -30px;
  top: 0;
}

#contactModal .btn-close {
  position: absolute;
  right: 0;
  top: 15px;
}

#contactModal input[type="text"],
#contactModal input[type="email"],
#contactModal input[type="tel"],
#contactModal textarea {
  border: none;
  border-bottom: 2px solid rgb(128, 126, 126);
  background: transparent;
  outline: none;
  width: 100%;
  text-transform: capitalize;
  padding: 1rem 0.4rem;
}


@media only screen and (max-width: 360px) {
  #carouselMsHome .carousel-inner .carousel-item h5 {font-size: 20px;}
	#carouselMsHome .carousel-inner .carousel-item h5 + p{font-size: 14px; line-height:18px;}
	#carouselMsHome .carousel-item{}
}

@media only screen and (min-width:361px) and  (max-width: 567px) {
  #carouselMsHome .carousel-inner .carousel-item h5 {font-size: 34px;}
	#carouselMsHome .carousel-inner .carousel-item h5 + p{font-size: 16px; line-height:24px;}
	#carouselMsHome .carousel-item{}
}

@media only screen and (min-width:568px) and (max-width: 767px) {
  #carouselMsHome .carousel-inner .carousel-item h5 {font-size: 42px;}
	#carouselMsHome .carousel-inner .carousel-item h5 + p{font-size: 18px; line-height:26px;}
	#carouselMsHome .carousel-item{height: 100vh;}
}


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

.footer-top-contact-wrap ul li::after {
  content: "";
  position: absolute;
  right: -50px;
  top: 0;
  height: 100%;
  width: 0px;
  background: #4d4d4d;
}
	
	/*	#carouselMsHome .carousel-inner .carousel-item > img {max-height: none;  max-width: none;  width: auto !important;} */
	/*#carouselMsHome .carousel-item{height: 85vh;}*/
	
	.carousel-caption{right: 5%; left: 5%;}
	
	.sec-title h2, .sec-title h3{font-size: 32px;}
	.process-lists li{flex: 0 0 100%; margin-right: 0;}
	.town-feature-section{margin: 0 !important;  margin-bottom: 50px !important;}
	.sec-benefits{padding-bottom:30px;}
	.sec-testimonial{padding: 60px 20px 60px;}
	.testimonial-box {margin-top: 50px; width: 100%;}
	.test-top {padding-left: 72px;}
	.testi-text{font-size: 20px;}
	.testi-info{margin-left: 0;}
	.pl-70 { padding-left: 15px;}
	.difference-point-box{padding: 30px 20px;}
	.slider-difference .slick-track .slick-slide:nth-child(2n){margin-left:0}
	.slider-difference .slick-track .slick-slide{width:85%}
	.difference-point-box ul li{font-size: 14px; line-height: 20px;}
	.difference-point-box{margin-bottom: 10px;}
	
.sec-difference {
        padding-bottom: 75px;
padding-top: 125px;
    }
	.video-section .pattern-layer{display:none;}
	.video-section .outer-container{padding:0}
	.funfact-block-one .inner-box{padding: 30px;}
	.funfact-block-one .inner-box img{position:static; max-width: 64px;}
	.funfact-block-one{margin-right:0; margin-bottom: 20px;}
	.demo-video { padding: 30px 0 60px;}
	.footer-top-contact-wrap{padding: 20px 20px}
	.footer-top-contact-wrap ul{flex-wrap: wrap;}
	.footer-middle-cta .container{padding: 30px; padding-top:100px;}
	.footer-middle-cta .cta-title{font-size: 32px; line-height:40px;}
	.footer-middle-cta .cta-desc {font-size: 18px;  color: #fff;  line-height: 24px;}
	.footer-bottom .copy{font-size: 10px; margin-top: 10px;}
	.footer-link{flex-wrap:wrap;}
	.Whatis li{flex: 0 0 100%;}
	.Whatislists{padding-right: 20px;}
	.Whatislists-img-holder {left: 0;  display: none;}
	.Imp-process-img-holder { left: 0;}
	.implementation .slick-next{right: 0;}
	.implementation .slick-prev{right: 0;}
	.Achievement-process h5{font-size: 52px;}
	.Imp-process{display:none;}
	#process.sec-process{padding-top:50px;padding-bottom: 0px;}
.order-1 {order: 1 !important;padding-bottom: 50px;}
.sec-process {
    padding: 30px 0;
}
}


@media only screen and (min-width:768px) and (max-width:991px){
	#carouselMsHome .carousel-inner .carousel-item h5 {font-size: 32px;}
	#carouselMsHome .carousel-inner .carousel-item h5 + p{font-size: 17px;}
	.sec-title h2, .sec-title h3{font-size: 35px;}
	.process-lists li{flex: 0 0 100%;}
	.process-lists li{min-height: 60px; font-size:16px;  margin-bottom: 24px;}
	.process-lists li img{max-width: 60px;}
	.sec-process {padding: 0 0 80px;}
	.Whatis li{flex: 0 0 100%;}
	.town-feature-section {margin:0 !important;  margin-bottom: 50px !important;}
	.sec-benefits{padding-bottom: 0;}
	.ctcbg{padding: 40px 0;}
	.video-section .outer-container {position: relative;  padding: 0px 20px;}
	.funfact-block-one .inner-box{padding: 40px 80px 32px 40px;}
	.funfact-block-one .inner-box img{top: 50%; max-width: 54px;}
	.Achievement-process h5{font-size: 52px;}
	.sec-testimonial {padding: 70px 0 70px;}
	.testimonial-box { margin-top: 70px;  width: 70%;}
	.sec-process.story{padding-top:80px;}
	body {font-size: 15px;   line-height: 23px;}
	.footer-top-contact-wrap ul li img{display:none;}
	.footer-top-contact-wrap ul li{padding-left: 0;}
	.footer-middle-cta .cta-desc {font-size: 17px;}
	.footer-middle-cta .cta-title {font-size: 30px;}
	.footer-bottom .copy {  font-size: 13px;  line-height: 20px;  margin-top: 20px;}
	.footer-link{flex-wrap: wrap;}
	.sec-process.intro{padding-top:60px;}
}


@media only screen and (min-width:992px) and (max-width:1199px){
	.video-section .outer-container{padding: 0px 20px;}
	.funfact-block-one .inner-box{padding: 40px 80px 32px 40px;}
	.funfact-block-one .inner-box img{top: 50%; max-width: 54px;}
	.Achievement-process h5{font-size: 44px;}
	.Achievement-process h3 {font-size: 20px;}
	.sec-title h2, .sec-title h3{font-size: 32px;}
	.footer-top-contact-wrap ul li img{display:none;}
	.footer-top-contact-wrap ul li{padding-left: 0;}
	.footer-middle-cta .cta-desc {font-size: 17px;}
	.footer-middle-cta .cta-title {font-size: 30px;}
	.footer-bottom .copy {  font-size: 13px;  line-height: 20px;  margin-top: 20px;}
	.footer-link{flex-wrap: wrap;}
	.sec-process.intro{padding-top:80px;}
	.tabv{display:none !important;}
	.col-lg-4.tablv-left, .col-lg-4.tablv-right {width: 49%;}
	.ctcbg{padding: 40px 0;}
	body {font-size: 16px;   line-height: 23px;color: #545759;}
	#msNavbarMain .navbar-nav .nav-link{margin-left: 0; font-size: 12px;}
	
}


@media only screen and (min-width:1200px) and (max-width:1399px){
	.Achievement-process h5 {font-size: 58px;}
	#msNavbarMain .navbar-nav .nav-link{margin-left: 0; font-size: 14px;}
}