/* CSS Document */

body {overflow-x: hidden;}
.ftr-adrs {
	display: none !important;
}

#main-wrapper { float: left; width: 100%; }

.burgermenu { display: inline-block; min-width: 80px; height: 80px; background: #272727; cursor: pointer; vertical-align: middle; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }

.hamburger { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; width: 50%; cursor: pointer; height: 100%; justify-content: center; margin: auto; }

.hamburger div, .hamburger span { -ms-flex-item-align: end; align-self: flex-end; height: 2px; width: 100%; background: #fff; margin: 7px 0; }

.hamburger .meat { width: 75%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }

.hamburger .bottom-bun { width: 50%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }

.burgermenu:hover .hamburger div, .burgermenu:hover .hamburger span { width: 100% }

.burgermenu:hover .top-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate; animation: burger-hover 1s infinite ease-in-out alternate }

.burgermenu:hover .meat { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards .2s; animation: burger-hover 1s infinite ease-in-out alternate forwards .2s }

.burgermenu:hover .bottom-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards .4s; animation: burger-hover 1s infinite ease-in-out alternate forwards .4s }

p {

    font-size: 16px;

    line-height: 32px;

}

h3 {

	font-size: 25px;

}

@-webkit-keyframes burger-hover { 0%, 100% {

width:100%

}

50% {

width:50%

}

}

@keyframes burger-hover { 0%, 100% {

width:100%

}

50% {

width:50%

}

}

.pulse-effect i { -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; }

.pulse-effect i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.pulse-effect i:after { -webkit-animation: sonarEffect 1.1s ease-out 75ms; -moz-animation: sonarEffect 1.1s ease-out 75ms; animation: sonarEffect 1.1s ease-out 75ms; }

 @-webkit-keyframes sonarEffect { 0% {

 opacity: 0.3;

}

 40% {

 opacity: 0.5;

 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

}

 100% {

 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

 -webkit-transform: scale(1.1);

 opacity: 0;

}

}

@-moz-keyframes sonarEffect { 0% {

 opacity: 0.3;

}

 40% {

 opacity: 0.5;

 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

}

 100% {

 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

 -moz-transform: scale(1.1);

 opacity: 0;

}

}

@keyframes sonarEffect { 0% {

 opacity: 0.3;

}

 40% {

 opacity: 0.5;

 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

}

 100% {

 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

 transform: scale(1.1);

 opacity: 0;

}

}



.animate-text { -webit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); display: inline-block; transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); -webkit-transition: all 1s ease-in; -moz-transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); }

.animate-show { -webit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); -webkit-transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); -moz-transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); }



.cmn-title { float: left; width: 100%; margin-bottom: 70px; text-align: center; }

.cmn-title h2 { display: block; font-size: 50px; color: #383838; line-height: 50px; text-transform: uppercase; font-family: 'Poppins'; margin-bottom: 15px; position: relative; overflow: hidden; font-weight: 700 }

.cmn-title p { display: block; font-size: 26px; line-height: 38px; margin: 0; position: relative; overflow: hidden; }
.cmn-title.grt_place p { font-size: 18px; }
.cmn-title:after { content: ''; width: 100px; height: 4px; background: #383838; display: table; margin: 20px auto 0; }

.left-cmn-title:after { margin: 20px 0 0; }

.white-cmn-title h2, .white-cmn-title p { color: #fff; }

.white-cmn-title:after { background: #fff; }

.no-border:after { display: none; }

/** common button **/

.cmn-read-btn { display: inline-block; margin: 30px 0 0; min-width: 230px; line-height: 70px; padding: 0 15px; text-align: center; color: #fff; font-size: 20px; background: #18b1ed; transition: all ease-in-out 0.3s; border-radius: 50px; }

.cmn-read-btn span { margin-left: 10px; }

.cmn-read-btn:hover { background: #111; color: #fff; }

.cmn-read-btn .burgermenu { background: transparent; height: 22px; min-width: 30px; }

.cmn-read-btn .hamburger { width: 30px; }

.cmn-read-btn .hamburger span { height: 1px; margin: 2px 0; align-self: flex-start; }

.cmn-read-btn:hover .hamburger span { width: 100% }

.cmn-read-btn:hover .top-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate; animation: burger-hover 1s infinite ease-in-out alternate }

.cmn-read-btn:hover .meat { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards .2s; animation: burger-hover 1s infinite ease-in-out alternate forwards .2s }

.cmn-read-btn:hover .bottom-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards .4s; animation: burger-hover 1s infinite ease-in-out alternate forwards .4s }

/** common button **/



.gradient-bg-one { background-image: linear-gradient(#18b1ed, #a433e2); position: relative; }

.gradient-bg-one:after { content: ''; width: 100%; height: 139px; background: url(../images/banner-shape.png) no-repeat center top; background-size: 100% 100%; position: absolute; bottom: -139px; left: 0;}

.inner-banner.gradient-bg-one:after {height: 79px; bottom: -79px;}

.gradient-bg-two { background-image: linear-gradient(#25a5ec, #b029e1); position: relative; }

.gradient-bg-two:after { content: ''; width: 100%; height: 105px; background: url(../images/contact-shape.png) no-repeat center top; background-size: 100% 100%; position: absolute; top: -104px; left: 0; }

.gradient-bg-three { background-image: linear-gradient(#18b1ed, #a435e2); position: relative; }

.gradient-bg-three:after { content: ''; width: 100%; height: 76px; background: url(../images/process-shape.png) no-repeat center top; background-size: 100% 100%; position: absolute; bottom: -76px; left: 0; }

/** top css **/

#hd { float: left; width: 100%; position: fixed; top: 0; left: 0; background: rgba(14,77,146,0.3); z-index: 99; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }

.site-logo img { transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }

.hd-lt { padding-left: 30px; }

.hd-rt { font-size: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; position: static;}

.quote-btn { display: inline-block; min-width: 230px; line-height: 80px; padding: 0 10px; background: #0e4d92; text-align: center; font-size: 22px; color: #fff; vertical-align: middle; font-family: 'Poppins'; font-weight: 500; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }

.quote-btn:hover { color: #fff; background: #af2ae1; }

.main-menu { display: none; vertical-align: middle; margin-right: 20px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; opacity: 0; margin-bottom: -30px; position: static;}

.main-menu-open { display: inline-block; opacity: 1; margin-bottom: 0; }

.main-menu li { float: left; margin-left: 30px; }

.main-menu li a { font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 26px 0; position: relative;}

.main-menu li a i {display: none;}

.main-menu li a:hover { color: #000; }

#hd.stick-header { background: rgba(14,77,146,1); box-shadow: 0 0 3px 3px rgba(255,255,255,0.1); }

.stick-header .site-logo img { width: 190px; }

.stick-header .quote-btn { line-height: 70px; min-width: 210px; background: #18b1ed; }

.stick-header .quote-btn:hover { background: #111; }

.stick-header .burgermenu { height: 70px; min-width: 70px; }

.stick-header .main-menu li a:hover { color: #18b1ed; }

/** top css **/



/** middle section css **/

#mid-wrapper { float: left; width: 100%; }

.banner-section { float: left; width: 100%; height: calc(100vh - 80px); position: relative;}

.home-banner:after {display: none;}

.carousel-indicators { bottom: 0; }

.carousel-control.right, .carousel-control.left { background-image: none; }

.carousel-item { min-height: 350px; height: 100%; width: 100%; }

.carousel { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }

/*.carousel-rt {height: 460px !important;}*/

.carousel-lt h1 { display: block; font-size: 40px; line-height: 50px; position: relative; overflow: hidden; color: #fff; font-family: 'Poppins';-webit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); display: inline-block; transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); -webkit-transition: all 1s ease-in; -moz-transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); padding: 10px 10px 10px 0; font-weight: 700}

.carousel-lt h1 span { 

  margin: 0 auto;

  white-space: nowrap;

  transform: translateX(calc(100% + 30px));

  display: block; 

}

.testim .active .carousel-lt h1:before {

  content: "";

  position: absolute;

  right: 0;

  height: 100%;

  background: #fff; 

  z-index: 10;

  animation: hiddingSlide forwards;

  animation-duration: 1s;

  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

}

.testim .active .carousel-lt h1 span {animation: leftSlide 1.1s cubic-bezier(0.68, -0.55, 0.265, 1.1) forwards;}



@keyframes leftSlide {

  0% {

    transform: translateX(calc(100% + 30px));

  }

  100% {

    transform: translateX(0%);

  }

}

@keyframes rightSlide {

  0% {

    right: 100%;

    width: 70px;

  }

  100% {

    opacity: 1;

    right: 0%;

    width: 0;

  }

}

@keyframes hiddingSlide {

  0% {

    width: 100%;

  }

  100% {

    width: 0%;

  }

}



.carousel-lt p { display: block; font-size: 26px; line-height: 30px; color: #fff; margin: 25px 0 0; }

.carousel-lt p.subtext {font-size: 18px; line-height: 30px;}

.carousel-caption { right: 0; left: 0; padding: 150px 0 50px; top: 0; bottom: 0; display: table !important; margin: auto; width: 100%; text-align: left; }

.carousel-inner { height: 100%; }

.banner-img { position: relative; width: 100%; float: left; height: 460px; display: flex; align-items: center; justify-content: center; }

.banner-img i { position: absolute; right: 0; top: 0; bottom: 0; display: flex; margin: auto; z-index: -1; width: 100%; align-items: center;}

.banner-img i img { width: 95%; float: right;}

.testim { width: 100%; position: relative; top: 50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); }

.testim .arrow { display: none; }

.testim .dots { text-align: center; position: absolute; width: 100%; bottom: 0; left: 0; display: block; z-index: 3333; height: 12px; }

.testim .dots .dot { list-style-type: none; display: inline-block; width: 45px; height: 3px; margin: 0 5px; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; background: rgba(255,255,255,0.3); }

.testim .dots .dot.active, .testim .dots .dot:hover { background: rgba(255,255,255,1); }

.testim .cont > div { text-align: center; position: absolute; top: 0; left: 0; opacity: 0; }

.testim .cont > div.inactive { opacity: 1; }

.testim .cont > div.active { position: relative; opacity: 1; }

.testim .cont div.active .banner-img i img { -webkit-animation: testim-show 0.5s ease-in-out forwards; -moz-animation: testim-show 0.5s ease-in-out forwards; -ms-animation: testim-show 0.5s ease-in-out forwards; -o-animation: testim-show 0.5s ease-in-out forwards; animation: testim-show 0.5s ease-in-out forwards; }

.testim .cont div.active h1 { -webkit-animation: testim-content-in 0.4s ease-in-out forwards; -moz-animation: testim-content-in 0.4s ease-in-out forwards; -ms-animation: testim-content-in 0.4s ease-in-out forwards; -o-animation: testim-content-in 0.4s ease-in-out forwards; animation: testim-content-in 0.4s ease-in-out forwards; }

.testim .cont div.active p { -webkit-animation: testim-content-in 0.5s ease-in-out forwards; -moz-animation: testim-content-in 0.5s ease-in-out forwards; -ms-animation: testim-content-in 0.5s ease-in-out forwards; -o-animation: testim-content-in 0.5s ease-in-out forwards; animation: testim-content-in 0.5s ease-in-out forwards; }

.testim .cont div.active .cmn-read-btn { -webkit-animation: testim-content-in 0.6s ease-in-out forwards; -moz-animation: testim-content-in 0.6s ease-in-out forwards; -ms-animation: testim-content-in 0.6s ease-in-out forwards; -o-animation: testim-content-in 0.6s ease-in-out forwards; animation: testim-content-in 0.6s ease-in-out forwards; }

.testim .cont div.inactive .banner-img i img { -webkit-animation: testim-hide 0.5s ease-in-out forwards; -moz-animation: testim-hide 0.5s ease-in-out forwards; -ms-animation: testim-hide 0.5s ease-in-out forwards; -o-animation: testim-hide 0.5s ease-in-out forwards; animation: testim-hide 0.5s ease-in-out forwards; }

.testim .cont div.inactive h1 { -webkit-animation: testim-content-out 0.4s ease-in-out forwards; -moz-animation: testim-content-out 0.4s ease-in-out forwards; -ms-animation: testim-content-out 0.4s ease-in-out forwards; -o-animation: testim-content-out 0.4s ease-in-out forwards; animation: testim-content-out 0.4s ease-in-out forwards; }

.testim .cont div.inactive p { -webkit-animation: testim-content-out 0.5s ease-in-out forwards; -moz-animation: testim-content-out 0.5s ease-in-out forwards; -ms-animation: testim-content-out 0.5s ease-in-out forwards; -o-animation: testim-content-out 0.5s ease-in-out forwards; animation: testim-content-out 0.5s ease-in-out forwards; }

.testim .cont div.inactive .cmn-read-btn { -webkit-animation: testim-content-out 0.6s ease-in-out forwards; -moz-animation: testim-content-out 0.6s ease-in-out forwards; -ms-animation: testim-content-out 0.6s ease-in-out forwards; -o-animation: testim-content-out 0.6s ease-in-out forwards; animation: testim-content-out 0.6s ease-in-out forwards; }

 @-webkit-keyframes testim-content-in {  from {

 opacity: 0;

 /*-webkit-transform: translateY(100%);

 transform: translateY(100%);*/

}

to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

}

 @-moz-keyframes testim-content-in {  from {

 opacity: 0;

 /*-moz-transform: translateY(100%);

 transform: translateY(100%);*/

}

to { opacity: 1; /*-moz-transform: translateY(0); transform: translateY(0); */}

}

 @-ms-keyframes testim-content-in {  from {

 opacity: 0;

 /*-ms-transform: translateY(100%);

 transform: translateY(100%);*/

}

to { opacity: 1;/* -ms-transform: translateY(0); transform: translateY(0); */}

}

 @-o-keyframes testim-content-in {  from {

 opacity: 0;

 /*-o-transform: translateY(100%);

 transform: translateY(100%);*/

}

to { opacity: 1;/* -o-transform: translateY(0); transform: translateY(0); */}

}

 @keyframes testim-content-in {  from {

 opacity: 0;

 /*transform: translateY(100%);*/

}

to { opacity: 1;/* transform: translateY(0); */}

}

 @-webkit-keyframes testim-content-out {  from {

 opacity: 1;

 /*-webkit-transform: translateY(0);

 transform: translateY(0);*/

}

to { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }

}

 @-moz-keyframes testim-content-out {  from {

 opacity: 1;

 /*-moz-transform: translateY(0);

 transform: translateY(0);*/

}

to { opacity: 0;/* -moz-transform: translateY(-100%); transform: translateY(-100%); */}

}

 @-ms-keyframes testim-content-out {  from {

 opacity: 1;

 /*-ms-transform: translateY(0);

 transform: translateY(0);*/

}

to { opacity: 0;/* -ms-transform: translateY(-100%); transform: translateY(-100%); */}

}

 @-o-keyframes testim-content-out {  from {

 opacity: 1;

 /*-o-transform: translateY(0);

 transform: translateY(0);*/

}

to { opacity: 0; transform: translateY(-100%); transform: translateY(-100%); }

}

 @keyframes testim-content-out {  from {

 opacity: 1;

 /*transform: translateY(0);*/

}

to { opacity: 0; /*transform: translateY(-100%); */}

}

 @-webkit-keyframes testim-show {  from {

 opacity: 0;

 -webkit-transform: scale(0);

 transform: scale(0);

}

to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}

 @-moz-keyframes testim-show {  from {

 opacity: 0;

 -moz-transform: scale(0);

 transform: scale(0);

}

to { opacity: 1; -moz-transform: scale(1); transform: scale(1); }

}

 @-ms-keyframes testim-show {  from {

 opacity: 0;

 -ms-transform: scale(0);

 transform: scale(0);

}

to { opacity: 1; -ms-transform: scale(1); transform: scale(1); }

}

 @-o-keyframes testim-show {  from {

 opacity: 0;

 -o-transform: scale(0);

 transform: scale(0);

}

to { opacity: 1; -o-transform: scale(1); transform: scale(1); }

}

 @keyframes testim-show {  from {

 opacity: 0;

 transform: scale(0);

}

to { opacity: 1; transform: scale(1); }

}

 @-webkit-keyframes testim-hide {  from {

 opacity: 1;

 -webkit-transform: scale(1);

 transform: scale(1);

}

to { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }

}

 @-moz-keyframes testim-hide {  from {

 opacity: 1;

 -moz-transform: scale(1);

 transform: scale(1);

}

to { opacity: 0; -moz-transform: scale(0); transform: scale(0); }

}

 @-ms-keyframes testim-hide {  from {

 opacity: 1;

 -ms-transform: scale(1);

 transform: scale(1);

}

to { opacity: 0; -ms-transform: scale(0); transform: scale(0); }

}

 @-o-keyframes testim-hide {  from {

 opacity: 1;

 -o-transform: scale(1);

 transform: scale(1);

}

to { opacity: 0; -o-transform: scale(0); transform: scale(0); }

}

 @keyframes testim-hide {  from {

 opacity: 1;

 transform: scale(1);

}

to { opacity: 0; transform: scale(0); }

}

.testim .active .carousel-lt h1 {-webit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); -webkit-transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); -moz-transition: all 1s cubic-bezier(0.04, 0.82, 0.43, 1); }

.testim .active .mast__text span {

  -webkit-animation: letter-glow 0.7s 0s ease both;

  animation: letter-glow 0.7s 0s ease both;

}

.testim .active .mast__text span:nth-child(1) {

  -webkit-animation-delay: 0.05s;

          animation-delay: 0.05s;

}

.testim .active .mast__text span:nth-child(2) {

  -webkit-animation-delay: 0.1s;

          animation-delay: 0.1s;

}

.testim .active .mast__text span:nth-child(3) {

  -webkit-animation-delay: 0.15s;

          animation-delay: 0.15s;

}

.testim .active .mast__text span:nth-child(4) {

  -webkit-animation-delay: 0.2s;

          animation-delay: 0.2s;

}

.testim .active .mast__text span:nth-child(5) {

  -webkit-animation-delay: 0.25s;

          animation-delay: 0.25s;

}

.testim .active .mast__text span:nth-child(6) {

  -webkit-animation-delay: 0.3s;

          animation-delay: 0.3s;

}

.testim .active .mast__text span:nth-child(7) {

  -webkit-animation-delay: 0.35s;

          animation-delay: 0.35s;

}

.testim .active .mast__text span:nth-child(8) {

  -webkit-animation-delay: 0.4s;

          animation-delay: 0.4s;

}

.testim .active .mast__text span:nth-child(9) {

  -webkit-animation-delay: 0.45s;

          animation-delay: 0.45s;

}

.testim .active .mast__text span:nth-child(10) {

  -webkit-animation-delay: 0.5s;

          animation-delay: 0.5s;

}

.testim .active .mast__text span:nth-child(11) {

  -webkit-animation-delay: 0.55s;

          animation-delay: 0.55s;

}

.testim .active .mast__text span:nth-child(12) {

  -webkit-animation-delay: 0.6s;

          animation-delay: 0.6s;

}

.testim .active .mast__text span:nth-child(13) {

  -webkit-animation-delay: 0.65s;

          animation-delay: 0.65s;

}

.testim .active .mast__text span:nth-child(14) {

  -webkit-animation-delay: 0.7s;

          animation-delay: 0.7s;

}

.testim .active .mast__text span:nth-child(15) {

  -webkit-animation-delay: 0.75s;

          animation-delay: 0.75s;

}

.testim .active .mast__text span:nth-child(16) {

  -webkit-animation-delay: 0.8s;

          animation-delay: 0.8s;

}

.testim .active .mast__text span:nth-child(17) {

  -webkit-animation-delay: 0.85s;

          animation-delay: 0.85s;

}

.testim .active .mast__text span:nth-child(18) {

  -webkit-animation-delay: 0.9s;

          animation-delay: 0.9s;

}

.testim .active .mast__text span:nth-child(19) {

  -webkit-animation-delay: 0.95s;

          animation-delay: 0.95s;

}

.testim .active .mast__text span:nth-child(20) {

  -webkit-animation-delay: 1s;

          animation-delay: 1s;

}

.testim .active .mast__text span:nth-child(21) {

  -webkit-animation-delay: 1.05s;

          animation-delay: 1.05s;

}

.testim .active .mast__text span:nth-child(22) {

  -webkit-animation-delay: 1.1s;

          animation-delay: 1.1s;

}

.testim .active .mast__text span:nth-child(23) {

  -webkit-animation-delay: 1.15s;

          animation-delay: 1.15s;

}

.testim .active .mast__text span:nth-child(24) {

  -webkit-animation-delay: 1.2s;

          animation-delay: 1.2s;

}

.testim .active .mast__text span:nth-child(25) {

  -webkit-animation-delay: 1.25s;

          animation-delay: 1.25s;

}

.testim .active .mast__text span:nth-child(26) {

  -webkit-animation-delay: 1.3s;

          animation-delay: 1.3s;

}

.testim .active .mast__text span:nth-child(27) {

  -webkit-animation-delay: 1.35s;

          animation-delay: 1.35s;

}

.testim .active .mast__text span:nth-child(28) {

  -webkit-animation-delay: 1.4s;

          animation-delay: 1.4s;

}

.testim .active .mast__text span:nth-child(29) {

  -webkit-animation-delay: 1.45s;

          animation-delay: 1.45s;

}

.testim .active .mast__text span:nth-child(30) {

  -webkit-animation-delay: 1.5s;

          animation-delay: 1.5s;

}

.testim .active .mast__text span:nth-child(31) {

  -webkit-animation-delay: 1.55s;

          animation-delay: 1.55s;

}

.testim .active .mast__text span:nth-child(32) {

  -webkit-animation-delay: 1.6s;

          animation-delay: 1.6s;

}

.testim .active .mast__text span:nth-child(33) {

  -webkit-animation-delay: 1.65s;

          animation-delay: 1.65s;

}

.testim .active .mast__text span:nth-child(34) {

  -webkit-animation-delay: 1.7s;

          animation-delay: 1.7s;

}

.testim .active .mast__text span:nth-child(35) {

  -webkit-animation-delay: 1.75s;

          animation-delay: 1.75s;

}

.testim .active .mast__text span:nth-child(36) {

  -webkit-animation-delay: 1.8s;

          animation-delay: 1.8s;

}

.testim .active .mast__text span:nth-child(37) {

  -webkit-animation-delay: 1.85s;

          animation-delay: 1.85s;

}

.testim .active .mast__text span:nth-child(38) {

  -webkit-animation-delay: 1.9s;

          animation-delay: 1.9s;

}

.testim .active .mast__text span:nth-child(39) {

  -webkit-animation-delay: 1.95s;

          animation-delay: 1.95s;

}

.testim .active .mast__text span:nth-child(40) {

  -webkit-animation-delay: 2s;

          animation-delay: 2s;

}

.testim .active .mast__text span:nth-child(41) {

  -webkit-animation-delay: 2.05s;

          animation-delay: 2.05s;

}

.testim .active .mast__text span:nth-child(42) {

  -webkit-animation-delay: 2.1s;

          animation-delay: 2.1s;

}

.testim .active .mast__text span:nth-child(43) {

  -webkit-animation-delay: 2.15s;

          animation-delay: 2.15s;

}

.testim .active .mast__text span:nth-child(44) {

  -webkit-animation-delay: 2.2s;

          animation-delay: 2.2s;

}

.testim .active .mast__text span:nth-child(45) {

  -webkit-animation-delay: 2.25s;

          animation-delay: 2.25s;

}

.testim .active .mast__text span:nth-child(46) {

  -webkit-animation-delay: 2.3s;

          animation-delay: 2.3s;

}

.testim .active .mast__text span:nth-child(47) {

  -webkit-animation-delay: 2.35s;

          animation-delay: 2.35s;

}

.testim .active .mast__text span:nth-child(48) {

  -webkit-animation-delay: 2.4s;

          animation-delay: 2.4s;

}

.testim .active .mast__text span:nth-child(49) {

  -webkit-animation-delay: 2.45s;

          animation-delay: 2.45s;

}

.testim .active .mast__text span:nth-child(50) {

  -webkit-animation-delay: 2.5s;

          animation-delay: 2.5s;

}

.testim .active .mast__text span:nth-child(51) {

  -webkit-animation-delay: 2.55s;

          animation-delay: 2.55s;

}

.testim .active .mast__text span:nth-child(52) {

  -webkit-animation-delay: 2.6s;

          animation-delay: 2.6s;

}

.testim .active .mast__text span:nth-child(53) {

  -webkit-animation-delay: 2.65s;

          animation-delay: 2.65s;

}

.testim .active .mast__text span:nth-child(54) {

  -webkit-animation-delay: 2.7s;

          animation-delay: 2.7s;

}

.testim .active .mast__text span:nth-child(55) {

  -webkit-animation-delay: 2.75s;

          animation-delay: 2.75s;

}

.testim .active .mast__text span:nth-child(56) {

  -webkit-animation-delay: 2.8s;

          animation-delay: 2.8s;

}

.testim .active .mast__text span:nth-child(57) {

  -webkit-animation-delay: 2.85s;

          animation-delay: 2.85s;

}

.testim .active .mast__text span:nth-child(58) {

  -webkit-animation-delay: 2.9s;

          animation-delay: 2.9s;

}

.testim .active .mast__text span:nth-child(59) {

  -webkit-animation-delay: 2.95s;

          animation-delay: 2.95s;

}

.testim .active .mast__text span:nth-child(60) {

  -webkit-animation-delay: 3s;

          animation-delay: 3s;

}

.testim .active .mast__text span:nth-child(61) {

  -webkit-animation-delay: 3.05s;

          animation-delay: 3.05s;

}

.testim .active .mast__text span:nth-child(62) {

  -webkit-animation-delay: 3.1s;

          animation-delay: 3.1s;

}

.testim .active .mast__text span:nth-child(63) {

  -webkit-animation-delay: 3.15s;

          animation-delay: 3.15s;

}

.testim .active .mast__text span:nth-child(64) {

  -webkit-animation-delay: 3.2s;

          animation-delay: 3.2s;

}

.testim .active .mast__text span:nth-child(65) {

  -webkit-animation-delay: 3.25s;

          animation-delay: 3.25s;

}

.testim .active .mast__text span:nth-child(66) {

  -webkit-animation-delay: 3.3s;

          animation-delay: 3.3s;

}



@-webkit-keyframes letter-glow {

  0% {

    opacity: 0;

    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);

  }

  66% {

    opacity: 1;

    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);

  }

  77% {

    opacity: 1;

  }

  100% {

    opacity: 0.7;

    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);

  }

}



@keyframes letter-glow {

  0% {

    opacity: 0;

    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);

  }

  66% {

    opacity: 1;

    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);

  }

  77% {

    opacity: 1;

  }

  100% {

    opacity: 0.7;

    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);

  }

}





.cont div { position: relative; width: 100%; height: 100%; }

.about-section { float: left; width: 100%; padding: 200px 0 120px; overflow-x: hidden; }

.abt-cont { float: left; width: 100%; }

.abt-cont p { float: left; width: 100%; font-size: 18px; line-height: 37px; color: #131313; margin-bottom: 20px; }

.abt-cont p:last-child { margin-bottom: 0; }

.abt-lt { width: 100%; float: left; position: relative; }

.abt-lt i { width: 570px; height: 585px; background: url(../images/abt-obj-bg.png) no-repeat center; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; background-size: 100%; }

.technology-section { float: left; width: 100%; position: relative; overflow-x: hidden; }

.tech-row { float: left; width: 100%; }

.tech-img { width: 100%; float: left; position: relative; padding-right: 20px; text-align: center;}

.tech-img img { max-width: 100%; }

.tech-rt { position: relative; }

.tech-rt:before { content: ''; width: 1000%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient( -170deg, #18b1ed, #b029e1); z-index: -1; }

.tech-row-rev .tech-rt:before { left: inherit; right: 0; background-image: linear-gradient( -170deg, #b029e1, #18b1ed); }

.tech-category { float: left; width: 100%; padding: 60px 40px 10px; }
.tech-category.tech-category-left { margin-left: -1%; }
.tech-category.tech-category-right { margin-left: 1%; }
.tech-cate-title { float: left; width: 100%; margin-bottom: 40px; position: relative; }

.tech-cate-title h3 { display: block; color: #fff; font-size: 40px; line-height: 45px; font-family: 'Poppins'; margin-bottom: 20px; position: relative; overflow: hidden; font-weight: 700;}

.tech-cate-title h3:after { content: ''; width: 100px; height: 4px; background: #fff; display: block; margin: 15px auto 0; }

.tech-cate-title p { color: #fff; font-size: 18px; line-height: 37px; margin: 0; font-family: 'Poppins'; font-weight: 400;  position: relative; overflow: hidden;}

.tech-cate-listing { float: left; width: 100%; }

.tech-cate-listing ul { list-style: none; padding: 0; margin: 0; }

.tech-cate-listing li { padding: 0 10px; text-align: center; margin-bottom: 50px; }

.tech-cate-listing li i { display: block; margin: auto; }

.tech-cate-listing li i img { width: 128px; }

.tech-cate-listing li span { display: block; margin: 10px 0 0; color: #fff; font-size: 20px; font-family: 'Poppins'; line-height: 28px; font-weight: 500; }

.tech-row-rev .tech-img { padding: 0 0 0 20px; }

.work-section { float: left; width: 100%; padding: 100px 0; }

.work-dtls { float: left; width: 100%; }

.work-side { float: left; width: 30%; }

.work-side i { float: left; width: 100%; }

.work-side i img { width: 100%; }

.work-ctr { float: left; width: 40%; }

.work-ctr i { float: left; width: 50%; }

.work-ctr i img { width: 100%; }

.work-dtls i { position: relative; overflow: hidden; }

.work-dtls i img { transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }

.work-dtls i:hover img { transform: scale(1.2); -webkit-transform: scale(1.1); }

.industry-section { float: left; width: 100%; }

.industry-listing { float: left; width: 100%; }

.industry-listing ul { padding: 0; list-style: none; width: 100%; float: left; }

.industry-listing ul li { text-align: center; width: 25%; float: left; margin-bottom: 20px; }

.industry-box { width: 100%; display: table; margin: auto; padding: 20px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }

.industry-box i { display: flex; margin: auto; width: 100px; height: 100px; align-items: center; justify-content: center; border-radius: 50%; position: relative; }

.pulse-effect .industry-box i { background: #efefef; }

.industry-box i img { max-height: 65px; }

.industry-box span { display: block; margin: 20px 0 0; font-size: 20px; line-height: 20px; font-family: 'Poppins'; font-weight: 500; }

/*.industry-box:hover {background: #f4f4f4; box-shadow: 0 0px 13px 8px rgba(0,0,0,0.07); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}*/



.process-section { float: left; width: 100%; padding: 100px 0; margin-top: 40px; position: relative; }

.process-step { float: left; width: 100%; padding: 0 15px; }

.process-blk { float: left; width: 100%; text-align: center; position: relative; }

.process-blk i { display: block; position: relative; z-index: 1; }

.process-blk i:after { content: ''; width: 100%; height: 3px; background: #fff; right: -50%; top: 0; bottom: 0; display: block; margin: auto; position: absolute; z-index: -1; }

.process-step .col-xs-12:last-child .process-blk i:after { display: none; }

.process-blk i img { width: 155px; }

.process-blk span { display: block; margin: 30px 0 0; font-size: 20px; color: #fff; font-family: 'Poppins'; line-height: 30px; font-weight: 500;}

.testimonial-section { float: left; width: 100%; padding: 100px 0; }

.testimonial-slider { float: left; width: 100%; }

.testimonial-slider .owl-carousel .owl-item { padding: 10px; }

.testi-box { float: left; width: 100%; text-align: center; background: #fff; box-shadow: 0 3px 6px 4px rgba(0,0,0,0.13); }

.testi-cont { float: left; width: 100%; position: relative; padding: 45px 45px 75px; background-image: linear-gradient(170deg, #18b1ed, #a435e2); }

.testi-cont p { display: block; font-size: 18px; color: #fff; line-height: 30px; font-family: 'Poppins'; margin: 0; min-height:235px; font-weight: 400;}

.testi-cont i { width: 90px; height: 90px; position: absolute; bottom: -45px; left: 0; right: 0; display: block; margin: auto; border-radius: 50%; box-shadow: 0 0 0 8px #fff; }

.client-name { float: left; width: 100%; padding: 90px 50px 50px; }

.client-name h6 { display: block; font-size: 20px; color: #af2ae1; line-height: 30px; font-family: 'Poppins';font-weight: 500; }

.client-name i { display: block; font-size: 16px; line-height: 30px; margin-top: 10px; }

.testimonial-slider .owl-nav { display: block !important; text-align: right; margin-top: 30px; }

.testimonial-slider .owl-nav button { width: 83px; height: 83px; display: inline-block; background-color: #18b1ed !important; margin-right: 10px; }

.testimonial-slider .owl-nav button span { display: none; }

.testimonial-slider .owl-nav button.owl-prev { background: #18b1ed url(../images/testi-arw-1.png) no-repeat center !important; }

.testimonial-slider .owl-nav button.owl-prev:hover { background: #af2ae1 url(../images/testi-arw-1.png) no-repeat center !important; }

.testimonial-slider .owl-nav button.owl-next { background: #18b1ed url(../images/testi-arw-2.png) no-repeat center !important; }

.testimonial-slider .owl-nav button.owl-next:hover { background: #af2ae1 url(../images/testi-arw-2.png) no-repeat center !important; }

.contact-section { float: left; width: 100%; position: relative; padding: 60px 0 110px; }

.contact-section.bg_color{background: #f0f1f1;}

.cont-bg { position: absolute; bottom: 0; left: 0; height: 700px; width: 100%; }

.contact-rt { margin-top: 180px; text-align: center; }

.contact-rt h2 { font-size: 50px; line-height: 50px; color: #fff; display: block; margin: 0 0 15px; font-family: 'Poppins';  position: relative; overflow: hidden; font-weight: 700;}

.contact-rt h6 { font-size: 26px; line-height: 30px; color: #fff; display: block; margin: 0 0 20px; font-family: 'Poppins';  position: relative; overflow: hidden; font-weight: 400;}

.contact-rt p { font-size: 18px; line-height: 37px; color: #fff; display: block; margin: 0;  position: relative; overflow: hidden;}

.contact-rt ul { float: left; width: 100%; list-style: none; margin: 50px 0 0; padding: 0; }

.contact-rt ul li { float: left; width: 33.33%; text-align: center; padding: 0 15px; }

.contact-rt ul li i { display: block; }

.contact-rt ul li i img { width: 130px; }

.contact-rt ul li span { display: block; margin: 30px 0 0; font-size: 20px; font-family: 'Poppins'; color: #fff; font-weight: 500; }

.blog-section { float: left; width: 100%; padding: 100px 0; background: #f0f1f1; }

.blog-listing { float: left; width: 100%; padding: 0 15px; }

.blog-box { float: left; width: 100%; background: #fff; padding: 20px 20px 100px; text-align: center; position: relative; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; margin-bottom: 30px; border-radius: 0px 30px 0px 30px;}

.blog-box:hover { box-shadow: 0 3px 6px 4px rgba(0,0,0,0.13); }

.blog-img { float: left; width: 100%; margin-bottom: 30px; }

.blog-img img { max-width: 100%; width: 100%;}

.blog-box h5 { font-size: 20px; line-height: 30px; color: #af2ae1; margin: 0 0 20px; font-family: 'Poppins'; display: block; font-weight: 500; }

.blog-box p { font-size: 18px; line-height: 30px; margin: 0; display: block; }

.blog-btn { width: 83px; height: 83px; display: flex; position: absolute; bottom: 0; right: 0; background: #18b1ed; justify-content: center; align-items: center; }

.blog-btn:hover { background-image: linear-gradient( 150deg, #18b1ed, #b029e1); }

.contact-blk { width: 100%; padding: 20px; background: #fff; border: 1px solid #000; float: left; border-radius: 20px 0px 20px 0px;}

.contact-title { float: left; width: 100%; text-align: center; font-size: 26px; color: #af2ae1; font-family: 'Poppins'; margin: 0 0 20px;font-weight: 500; }

.contact-blk form { float: left; width: 100%; }

.form-row { float: left; width: 100%; margin: 0 0 20px; }

.form-row label { float: left; width: 100%; font-size: 14px; color: #383838; }

.form-row input, .form-row select, .form-row textarea { width: 100%; height: 35px; border: 1px solid #e0e0e0; border-width: 0 0 1px 0; padding: 0; font-size: 14px; color: #383838; border-radius: 0; }

.form-btn-row { float: left; width: 100%; margin-top: 20px; }

.form-btn { width: 100%; float: left; height: 45px; background: #18b1ed; font-size: 18px; color: #fff; text-align: center; padding: 0 15px; border: none; font-family: 'Poppins'; font-weight: 500; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }

.form-btn:hover { background: #111; }

.privacy-text { float: left; width: 100%; margin: 15px 0 0; font-size: 13px; text-align: center; }

.privacy-text a { color: #18b1ed; text-decoration: none; }

.privacy-text a:hover { color: #383838; }

.custom-control { float: left; width: 100%; }

/** middle section **/

 

/** footer section **/

#footer { float: left; width: 100%; }

.footer-top { float: left; width: 100%; background: #262626; padding: 50px 0; position: relative; }

.footer-top:before { content: ''; width: 100%; height: 3px; position: absolute; top: 0; left: 0; background: url(../images/ftr-border.jpg) no-repeat center; }

.footer-top:after { content: ''; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background: url(../images/ftr-border.jpg) no-repeat center; }

.ftr-logo { display: block; margin-bottom: 15px; }

.ftr-subcont { display: block; text-align: left; font-size: 18px; color: #fff; line-height: 30px; margin: 0; }

.ftr-adrs { display: flex; font-size: 18px; color: #fff; position: relative; padding-left: 105px; align-items: center; margin: 15px 0 0; min-height: 75px; }

.ftr-adrs a { color: #fff; }

.ftr-adrs i { position: absolute; left: 0; top: 0; }

.ftr-adrs i img { width: 75px; }

.ftr-title { float: left; width: 100%; margin: 0 0 30px; }

.ftr-title h6 { display: block; font-size: 30px; line-height: 30px; color: #fff; font-family: 'Poppins'; margin: 0; font-weight: 600;}

.ftr-title p { text-align: center; margin-top: 20px; }

.ftr-search { float: left; width: 100%; position: relative;}

.ftr-search input { width: 100%; height: 60px; border-radius: 50px; background: #fff; border: none; padding: 0 100px 0 20px; font-size: 18px; color: #383838; }

.ftr-search button { position: absolute; width: 90px; line-height: 59px; right: 0; top: 0; text-align: center; color: #fff; font-size: 32px; border: none; background-image: linear-gradient( to right, #18b1ed, #b029e1); border-radius: 50px; }

.ftr-search button:hover { background-image: linear-gradient( to left, #18b1ed, #b029e1); }

.copyright-blk { float: left; width: 100%; text-align: center; margin: 60px 0 0; }

.copyright-blk i { display: inline-block; margin: 0 5px; }

.copyright-blk i img { width: 120px; }

.location-blk { float: left; width: 100%; }

.location-blk p { display: flex; font-size: 18px; color: #fff; position: relative; padding-left: 150px; align-items: center; margin: 15px 0 0; min-height: 140px; line-height: 30px; }

.location-blk p i { position: absolute; left: 0; top: 0; }

.location-blk p i img { width: 140px; }

.ftr-btm { float: left; width: 100%; padding: 30px 0; background: #141414; }

.ftr-social { float: left; width: 100%; text-align: center; }

.ftr-social a { display: inline-block; margin: 0 7px; }

.ftr-social a:hover { opacity: 0.7; }

.copyright-text { float: left; width: 100%; margin: 30px 0 0; font-size: 18px; color: #fff; font-family: 'Poppins'; text-align: center; font-weight: 500; }

/** footer section **/



/* about css */

.inner-banner { height: 780px; }

.inner-banner .cmn-title { margin-bottom: 0; width: auto;}

.inner-banner .cmn-title:after { display: none; }

.inner-banner-sub { padding: 100px 0; display: flex; align-items: center; height: 100%; width: 100%; position: relative;}

.inner-banner-img { float: left; width: 100%; position: relative; z-index: 1; height: 600px;}

.inner-banner-img img {  position: absolute; top: 100px; right: 0; }

.engage-model { width: 100%; float: left; text-align: right;}

.engage-model img { max-width: 100%; }

.engagement-section .contact-rt { margin: 0; }

.engagement-section { padding: 100px 0 50px; float: left; width: 100%; }

.why-choose-section { float: left; width: 100%; padding: 60px 0 40px; }

.why-choose-listing { float: left; width: 100%; }

.meet-team-section { float: left; width: 100%; padding: 140px 0 100px; }

.team-listing { float: left; width: 100%; }

.team-listing ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }

.team-listing ul li { text-align: center; margin: 0 0 60px; }

.team-photo { float: left; width: 300px; height: 300px; position: relative; overflow: hidden; border-radius: 50%; }

.team-photo img { max-width: 100%; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }

.team-listing ul li span { float: left; width: 100%; font-size: 20px; color: #af2ae1; font-family: 'Poppins'; margin: 40px 0 0; line-height: 20px; font-weight: 500; }

.team-listing ul li small { float: left; width: 100%; font-size: 16px; margin: 10px 0 0; }

.team-listing ul li:hover .team-photo img { transform: scale(1.15); -webkit-transform: scale(1.15); }

.place-work-section { float: left; width: 100%; padding: 140px 0; }

.mission-cont-box { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 420px; width: 100%; padding: 30px; text-align: center; background: #fff; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }

.mission-cont-box h4 { display: block; font-size: 40px; color: #272727; margin: 0 0 20px; font-family: 'Poppins'; font-weight: 600; }

.mission-cont-box p { display: block; font-size: 20px; line-height: 34px; color: #272727; margin: 0; }

.mission-cont-box:hover h4 { color: #a433e2; }

.mission-cont-box:hover { box-shadow: 0 3px 12px 8px rgba(0,0,0,0.18); }

.about-tab-section { float: left; width: 100%; padding: 200px 0 100px; }

.tabs { float: left; width: 100%; }

.tabs li { display: flex; align-items: center; width: 100%; background: #27a3eb; padding: 13px 30px; border-radius: 4px; font-size: 26px; color: #fff; margin-bottom: 20px; cursor: pointer; min-height: 80px; }

.tabs li i { display: inline-block; vertical-align: middle; margin-right: 30px; }

.tabs li i img { width: auto; }

.tabs li:last-child { margin-bottom: 0; }

ul.tabs li.active { background: #ae2ae1; }

.tab_container { width: 100%; float: left; background: linear-gradient(to right, #ad2ae1, #27a3eb); padding: 5px; }

.tab_container_inn { width: 100%; float: left; background: #f2f2f2; }

.tab_content { padding: 40px; display: none; float: left; width: 100%; }

.tab_drawer_heading { display: none; }

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

.tabs { display: none; }

.tab_drawer_heading { background-color: #ad2ae1; color: #fff; font-size: 20px; margin: 0; padding: 10px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; width: 100%;}

.d_active { background: linear-gradient(to right, #ad2ae1, #27a3eb); color: #fff; }

.tab_drawer_heading img {width: 50px; margin-right: 20px;}

.tab_content {padding: 15px; }

}

.about-tab-row { float: left; width: 100%; }

.tab-cont-lt p { float: left; width: 100%; font-size: 18px; line-height: 37px; margin: 0 0 20px; }

.tab-cont-lt p:last-child { margin-bottom: 0; }

.tab-cont-rt i { float: left; width: 100%; }

.tab-cont-rt i img { max-width: 100%; }

.select2-container--default .select2-selection--single { border-radius: 0; border-width: 0 0 1px 0; border-bottom-color: #ddd; font-size: 14px; color: #383838; height: 35px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #383838; line-height: 35px; padding-left: 0; }

.select2-selection__clear { display: none; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #af29e1; }

/* about css */



/** free quote popup **/

#freeQuote .modal-dialog { max-width: 1000px; }

.modal-dialog .close { background: #29a2ec; width: 45px; height: 45px; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; opacity: 1; z-index: 1; }

.modal-dialog .close:hover { background: #af2ae1; opacity: 1 !important; }

#freeQuote .modal-body { padding: 0; }

.quote-lt { height: 100%; width: 100%; float: left; background: url(../images/quote-pop.jpg) no-repeat center top; background-size: cover; padding: 40px; }

.quote-lt p { float: left; width: 100%; font-size: 18px; line-height: 30px; color: #fff; text-align: center; font-family: 'Poppins'; font-weight: 400;}

#freeQuote .contact-blk { padding: 40px 40px 40px 0; border: none; }

#freeQuote .select2-container { width: 100% !important; }

/** free quote popup **/



#return-to-top { position: fixed; bottom: 20px; right: 20px; background: #29a2ec; width: 45px; height: 45px; display: block; text-align: center; line-height: 45px; text-decoration: none; display: none; z-index: 99; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: 0 0 7px 5px rgba(0,0,0,0.15); border-radius: 50px; }

#return-to-top img { width: 18px; }



/* contact page css */

.global-section {float: left; width: 100%; padding: 180px 0 100px; background: #f2f2f2;}

.global-listing {float: left; width: 100%; padding: 0 15px;}

.global-blk {float: left; width: 100%; background: #fff;}

.global-blk:hover{box-shadow: 0 3px 6px 4px rgba(0,0,0,0.13)}

.global-img {float: left; width: 100%; position: relative; overflow: hidden;}

.global-img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.global-dtl {float: left; width: 100%; padding: 40px; text-align: center;}

.global-dtl h4 {font-size: 30px; color: #272727; font-family: 'Poppins'; display: block; font-weight: 600;}

.global-dtl p {font-size: 20px; line-height: 30px; color: #272727; display: block; margin: 15px 0 0;}

.global-blk .cmn-read-btn {margin: 0; min-width: inherit; width: 100%;}

/* contact page css */



/** blog page css **/

.blog-slide-section {float: left; width: 100%; padding: 150px 0 0px; background: #f2f2f2;}

.blog-slider {float: left; width: 100%;}

.blog-slider .owl-carousel .owl-stage-outer {padding-bottom: 20px;}

.blog-slider .item {padding: 15px;}

.blog-slider .item .blog-box {margin-bottom: 30px;}

.blog-slider .item .blog-box:last-child {margin-bottom: 0;}

.blog-slider .owl-dots  {display: block !important; text-align: center; margin: 60px 0 0;}

.owl-dots {counter-reset: dots;}

.owl-dot:before { counter-increment:dots; content: counter(dots);}

.blog-slider .owl-dots button {width: 60px; height: 60px; border-radius: 50%; line-height: 64px; background: #fff; font-size: 24px; color: #272727; font-family: 'Poppins'; margin: 0 12px; font-weight: 500;}

.blog-slider .owl-dots button:hover, .blog-slider .owl-dots button.active {background: #18b1ed; color: #fff;}

.blog-slider .owl-dots button:focus {outline: none;}

.blog-slider .blog-btn img {width: auto;}

.blog-detail {float: left; width: 100%; padding: 0 15px; /*height: 675px;*/}

.blog_image {     width: 100%;

    /*height: 675px;*/

    max-height: 675px; }

.blog-dtl-banner {float: left; width: 100%; height: 650px; background-size: cover;}

.blog-dtl-cont {float: left; width: 100%; margin: 60px 0 0;}

.blog-dtl-cont p {font-size: 18px; line-height: 36px; float: left; width: 100%; margin: 0 0 10px;}

.blog-dtl-cont h6 {font-size: 24px; line-height: 36px; color: #131313; float: left; width: 100%; margin: 30px 0 0; font-family: 'Poppins'; font-weight: 600;}

/** blog page css **/



/** portfolio css **/

.portfolio-filter-section {float: left; width: 100%; padding: 150px 0 60px;}

.filter-listing {float: left; width: 100%; padding: 0 15px; }

.Portfolio {position: relative;float: left;width: 100%;transition-duration: 0.4s;animation: winanim 0.5s ; background: #f0f1f1; margin-bottom: 30px;}

.portfolio-img {width: 100%; float: left; position: relative; overflow: hidden;}

.portfolio-img img {width: 100%;  height: 100%; object-fit: cover; object-position: center;}

.portfolio-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(90deg,rgba(24,177,237,0.85), rgba(175,42,225,0.85)); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; opacity: 0; visibility: hidden;}

.portfolio-overlay a {margin: 0 20px;}

.portfolio-desc {float: left; width: 100%; padding: 20px 25px;}

.portfolio-desc h6 {display: block; font-size: 22px; color: #272727; font-family: 'Poppins'; font-weight: 500;}

.portfolio-desc span {display: block; font-size: 18px; color: #535353; margin: 10px 0 0;}

.portfolio-filter-section .nav {width: 100%; float: left; margin-bottom: 0;}

.portfolio-filter-section .nav li {margin-right: 20px;}

.portfolio-filter-section .nav li a {font-size: 20px; color: #131313; background: #f0f1f1; text-align: center; border-radius: 5px;min-width: 155px; line-height: 55px; padding: 0;}

.portfolio-filter-section .nav a:hover, .portfolio-filter-section .nav .active { background-color:#27a3eb;color:#fff;}

.portfolio-filter-section .tab-content {width: 100%; float: left; margin-top: 60px;}

.Portfolio:hover .portfolio-overlay {opacity: 1; visibility: visible;}

.Portfolio:hover {box-shadow: 0 3px 6px 4px rgba(0,0,0,0.13);}

@keyframes winanim {

    0%{opacity:0;transform:scale3d(.3,.3,.3)}

    50%{opacity:1}}

.sortnav { cursor: pointer; }

/** portfolio css **/



/* hire page css */

.dedicated-cont {float: left; width: 100%;}

.dedicated-cont p {font-size: 18px; line-height: 37px; color: #131313; margin-bottom: 25px;}

.dedicated-cont p:last-child {margin-bottom: 0;}

.dedicated-cont h4 {font-size: 24px; line-height: 37px; color: #af2ae1; display: block; font-family: 'Poppins'; margin: 0 0 10px; font-weight: 500;}

.hire-dedicated {position: relative; right: -30px;}

.hiring-model-section {float: left; width: 100%; background: #f0f1f1; padding: 70px 0;}

.model-listing {float: left; width: 100%;  margin: 0 0 100px;}

.model-blk {float: left; width: 100%; text-align: center;}

.model-blk i {display: block; margin: 0 0 20px;}

.model-blk h6 {display: block; margin: 0 0 10px; font-size: 24px; color: #af2ae1; font-family: 'Poppins'; font-weight: 500;}

.model-blk p {display: block; margin: 0; font-size: 16px; color: #383838; font-family: 'Poppins'; font-weight: 500;}
.model-blk span { font-size: 18px; }
.communication-listing {float: left; width: 100%;}

.communication-listing ul {float: left; width: 100%; list-style: none; border-width: 0 1px 1px 0; border-style: solid; border-color: #474747;}

.communication-listing ul li {float: left; width: 16.667%; padding: 20px; height: 220px; border-color: #474747; border-width: 1px 0 0 1px; border-style: solid;}

.communication-listing ul li i {display: flex; align-items: center; justify-content: center; height: 100%;}

.communication-listing ul li i img {max-width: 70%; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}

.communication-listing ul li:hover {background: #fff;}

.communication-listing ul li:hover img {transform: scale(1.1); -webkit-transform: scale(1.1);}

/* hire page css */



/* service detail page */

.service-dtl-section {float: left; width: 100%;}

.service-dtl-lt {padding: 70px 40px 70px 0;}

.service-dtl-rt {padding: 70px 0 0; float: left; width: 100%;}

.service-dtl-rt:after {content: ''; height: 100%; background: #f0f0f0; position: absolute; top: 0; left: 0; right: -15px; z-index: -1;}

.service-dtl-row:nth-child(2n) .service-dtl-rt:after {right: 0; left: -15px;}

.service-dtl-row:nth-child(2n) .service-dtl-lt {padding-left: 40px; padding-right: 0;}

.service-dtl-row:first-child .service-dtl-lt {padding-top: 150px;}

.service-dtl-row:first-child .service-dtl-rt {padding-top: 150px;}

.services-list {float: left; width: 100%; list-style: none; margin: 20px 0 0;}

.services-list li {position: relative; float: left; width: 100%; padding: 15px 15px 15px 60px; font-size: 18px; color: #131313; min-height: 60px; border-bottom: 1px solid #c7c7c7; line-height: 27px;}

.services-list li:before {content: ''; width: 27px; height: 27px; background: url(../images/tick-icon.png) no-repeat center; position: absolute; top: 15px; left: 15px;}

.services-list li:hover {background: #ae2be1; color: #fff;}

.services-list li:hover:before {background: url(../images/tick-icon-h.png) no-repeat center;} 

.MT30 {margin-top: 30px !important;}
.cmn-title .small_title { font-size: 26px; }
/* service detail page */



/* unsubscribe page */

.unsubscribe-section {float: left; padding: 200px 0 70px; width: 100%;}

.unsubscribe-blk {float: left; width: 100%; text-align: center;}

.unsubscribe-blk p { font-size: 20px; line-height: 37px; color: #131313;}

.unsubscribe-srch {margin-top: 70px;}

.unsubscribe-srch input {height: 114px; background: #efefef; border-radius: 60px;}

.unsubscribe-srch button {line-height: 114px; width: 170px; border-radius: 60px; font-size: 52px;}

/* unsubscribe page */



/* service main page */

.srvc-dtl-row {float: left; width: 100%; padding: 100px 0 20px;}

.srvc-dtl-row.PTL {padding-top: 200px;}

.srvc-dtl-row.grey-bg {background: #f0f1f1;}

.srvc-dtl-listing {float: left; width: 100%;}

.srvc-dtl-blk {float: left; width: 100%; margin-bottom: 80px;}

.srvc-dtl-blk p {font-size: 18px; line-height: 37px; color: #131313; display: block; margin: 0;}

.srvc-dtl-hdr {display: flex; align-items: center; width: 100%; margin-bottom: 25px;}

.srvc-dtl-hdr i {width: 125px; padding-right: 15px;}

.srvc-dtl-hdr h6 {width: calc(100% - 125px); font-size: 24px; color: #af2ae1; font-family: 'Poppins'; font-weight: 500;}

/* service main page */



.ocean { 

  height: auto;

  width:100%;

  position:absolute;

  bottom: -100px;

  left:0;

}



.wave {

  background: url(../images/banner-wave.png) repeat-x; 

  position: absolute;

  top: -100px;

  width: 6400px;

  height: 100px;

  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;

  transform: translate3d(0, 0, 0);

}

/*

.wave:nth-of-type(2) {

  top: -175px;

  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;

  opacity: 1;

}*/



@keyframes wave {

  0% {

    margin-left: 0;

  }

  100% {

    margin-left: -1600px;

  }

}



@keyframes swell {

  0%, 100% {

    transform: translate3d(0,-25px,0);

  }

  50% {

    transform: translate3d(0,5px,0);

  }

}



.proj-btn {float: left; width: 100%; text-align: center; margin-top: 20px;}

.check-port-sec .contact-rt {margin-left: 8.333333%;}

.blog-pagi {float: left; width: 100%; text-align: center; margin: 30px 0 0;}

.blog-pagi ul {list-style: none; padding: 0; margin: 0;}

.blog-pagi ul li {display: inline-block; margin: 0 10px;}

.blog-pagi ul li a {float: left; line-height: 65px; width: 60px; height: 60px; font-size: 24px; color: #272727; border-radius: 50%; font-family: 'Poppins'; background: #fff; font-weight: 500;}

.blog-pagi ul li a:hover, .blog-pagi ul li a.active {background: #18b1ed; color: #fff;}

.blog-pagi ul li a i {font-size: 36px; color: #272727; line-height: 65px;}

.blog-pagi ul li a:hover i {color: #fff;}

#subscribe_msg_div {

  margin-top: 10px;

}



/* megamenu css */

.megamenu {

position: absolute;

top: 68px;

width: 100%;

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

left: 0;

text-align: left;

display: none; }

.main-menu li:hover .megamenu {display: block;}

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

.megamenu {

position: static;

float: left;

width: 100%;

height: 300px;

overflow-y: auto; } }

.megamenu .megamenu-inn {

float: left;

width: 100%;

padding: 30px 100px 20px; }

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

.megamenu .megamenu-inn {

padding: 20px; } }

.megamenu-links {

float: left;

width: 100%;

margin-bottom: 30px; }

.megamenu-blk-title {

float: left;

width: 100%;

color: #fff;

font-size: 16px;

margin: 0 0 10px; }

.megamenu-links ul {

float: left;

width: 100%;

margin: 0;

padding: 0;

list-style: none; }

.megamenu-links ul li {

float: left;

width: 100%;

margin: 0 0 10px;

padding: 0; }

.megamenu-links ul li:last-child {

margin-bottom: 0; }

.megamenu-links ul li a {

float: left;

width: 100%;

color: #fff;

font-size: 14px;

padding: 7px 10px;

background: linear-gradient(150deg,rgba(24,177,237,0.85), rgba(175,42,225,0.85));

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

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

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

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

.megamenu-links ul li a:hover {

box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25); }

.service-title {float: left; width: 100%; text-align: center; font-size: 22px; color: #fff; font-family: 'Poppins'; margin-bottom: 30px; font-weight: 500;}

.testimonial-slider .owl-dots  {display: none;}

/* megamenu css */



/*Portfolio Tabbing*/

/*#tabs{width:80%;margin:2% 10%;background:#efefef;min-height:250px;}

a{cursor:pointer;display:block;width:20%;background:#ddd;text-align:center;padding:2% 0;text-decoration:none;color:#000;}

a:hover{background:#ccc;color:#000;}

.post{padding:2%;width:96%;}

.highlight {background: #efefef;}*/

#freeQuote .align-items-center {align-items: stretch !important;}
.blog-dtl-cont ol , .blog-dtl-cont ul { list-style-position: inside; }
.sending { display: none; margin-top: 10px;}