@media(max-width: 1199px){
  :root {
    font-size: 15px;
    line-height:26px;
  }
}

@media(min-width: 1200px){
  :root {
    font-size: 16px;
    line-height:28px;
  }
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-lightPoppins.woff2') format('woff2'),
         url('../fonts/poppins-lightPoppins.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-thinPoppins.woff2') format('woff2'),
         url('../fonts/poppins-thinPoppins.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?c3vykz');
  src:  url('../fonts/icomoon.eot?c3vykz#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?c3vykz') format('truetype'),
    url('../fonts/icomoon.woff?c3vykz') format('woff'),
    url('../fonts/icomoon.svg?c3vykz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-handshake:before {
  content: "\e900";
}
.icon-car:before {
  content: "\e901";
}
.icon-cross:before {
  content: "\e902";
}
.icon-play:before {
  content: "\e903";
}
.icon-twitter:before {
  content: "\e904";
}
.icon-right-arrow:before {
  content: "\e905";
}
.icon-sms:before {
  content: "\e906";
}
.icon-arrow-left:before {
  content: "\e907";
}
.icon-whatsapp:before {
  content: "\e908";
}
.icon-chevron-up:before {
  content: "\e909";
}
.icon-arrow-right:before {
  content: "\e90a";
}
.icon-youtube:before {
  content: "\e90b";
}
.icon-location:before {
  content: "\e90c";
}
.icon-arrow-down:before {
  content: "\e90d";
}
.icon-user:before {
  content: "\e90e";
}
.icon-phone:before {
  content: "\e90f";
}
.icon-telecom:before {
  content: "\e910";
}
.icon-child-lock:before {
  content: "\e911";
}
.icon-facebook:before {
  content: "\e912";
}
.icon-bulet:before {
  content: "\e913";
}
.icon-email:before {
  content: "\e914";
}
.icon-left-arrow:before {
  content: "\e915";
}
.icon-mbanking:before {
  content: "\e916";
}
.icon-mfund:before {
  content: "\e917";
}
.icon-net-banking:before {
  content: "\e918";
}
.icon-banking:before {
  content: "\e919";
}
.icon-insurance:before {
  content: "\e91a";
}
.icon-linkedin:before {
  content: "\e91b";
}


*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a, body, div, fieldset, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, img, label, li, nav, ol, p, section, select, span, strong, table, tbody, td, th, thead, tr, ul {
  outline: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body{padding: 0; margin: 0; font-family: 'opensans'; font-weight: 300;font-size: inherit; line-height: inherit; color: #7f7e7e;}

ul, li{list-style-type: none;}

a{text-decoration: none !important; color: #000;}

h1{font-size: 1.5rem; font-weight: bold;font-family: 'poppins';}

h2{font-size: 1.2rem; font-weight: bold;font-family: 'poppins';}

h3{font-size:1.1rem; font-weight: bold;font-family: 'poppins';}

h4{font-size:1.4rem; font-weight: bold;font-family: 'poppins';}

.big_title{font-size:2rem;}

h5{font-size: 1.1rem;}

.grey_title{color: #404040;}

.light{font-weight: 300;}

.thin{font-weight: 100;}

button{outline: none !important; cursor: pointer;}

.bold{font-weight: bold;}

.black{color: #000;}

.red{color: #e62d30 !important;}

.upper_case{text-transform: uppercase;}

.img_responsive{max-width: 100%;}

.clear{clear: both;}

.extra-padding-top-100{padding-top: 60px;}

.extra-padding-bottom-100{padding-bottom: 60px;}

.extra-margin-top-100{margin-top: 60px;}

.extra-margin-bottom-100{margin-bottom: 60px;}

.extra-padding-top-60{padding-top: 40px;}

.extra-padding-bottom-60{padding-bottom: 40px;}

.extra-margin-top-60{margin-top: 40px;}

.extra-margin-bottom-60{margin-bottom: 40px;}

.extra-padding-top-30{padding-top: 30px;}

.extra-padding-bottom-30{padding-bottom: 30px;}

.extra-padding-bottom-20{padding-bottom: 20px;}

.extra-padding-top-20{padding-top: 20px;}

.bggrey{background-color:#f5f5f9;}

/***HEADER***/
#header{background-color: #fff; text-transform: uppercase; position: fixed;width: 100%; z-index: 99; top: 0;box-shadow: 0 0 2px #e4e4e4;}

#header .content{display: flex; align-items: center; justify-content: space-between;}

#logo img{height: 60px;}

#menu li{display: inline-block;}

#menu li a{transition: all 0.3s; display: block; color: #727272; height: 80px;line-height: 80px; padding: 0 20px;font-weight: 400; position:relative;}

#menu li a:hover, #menu li a.active{background-color: #ffece9;color: #ef545e;}

/*after & focus/hover states*/
#menu li a:focus {
  outline: 0;
}

#menu li a:before, #menu li a.active:before {
  content: '';
  display: block;
  height: 2px;
  width: 0;
  background: transparent;
  position:absolute;
  left:0;
  transition: width 0.5s ease, background-color 0.5s ease;
  /*-webkit-filter: blur(1px);*/
}

#menu li a:hover:before, #menu li a.active:before{
  background: #ef545e;
  color: #ef545e;
  width: 100%;
}

#menu a.active:before{
  content:"";
  background: #ef545e;
  color: #ef545e;
  width: 100%;
}

#nav_list {
  cursor: pointer;
  height: 32px;
  width: 32px;
  position: absolute;
  right: 15px;
  top: 23px;
  display: none;

}

.content{margin: auto; max-width: 1360px; padding-left: 60px; padding-right: 60px;}

.btn_request_demo{height: 44px; color: #fff; border:0; border-radius: 22px;position: relative; overflow:hidden;transition: 0.4s ease-in-out; padding: 0 40px; background-color: rgb(203, 27, 0); box-shadow: 0px 5px 9px 1px rgba(47, 47, 47, 0.1);text-transform: uppercase;}

.btn_request_demo:before, .btn_request_demo:after,
.btn_request_demo:before,
.btn_request_demo:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 80px;
  background: linear-gradient(90deg, rgba(94,82,239,1) 0%, rgba(239,82,94,1) 100%);
  color: #fff;
  transition: 0.4s ease-in-out;
}
.btn_request_demo:after,
.btn_request_demo:before {
  left: auto;
  right: 0;
}
.btn_request_demo:before,
.btn_request_demo:after {
  transition-delay: 0.2s;
}
.btn_request_demo:hover {
  color: #fff;
}
.btn_request_demo:hover:before, .btn_request_demo:hover:after,
.btn_request_demo:hover:before,
.btn_request_demo:hover:after {
  width: 250px;
}


.btn_orange{font-weight: 500; height: 60px; font-size: 0.8rem; color: #fff; border:0; border-radius: 30px; padding: 0 40px; background: rgb(244,119,94); background: linear-gradient(90deg, rgba(244,119,94,1) 0%, rgba(239,82,94,1) 100%); position: relative; overflow:hidden;transition: 0.4s ease-in-out;}

.btn_orange:before, .btn_orange:after,
.btn_orange:before,
.btn_orange:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 80px;
  background: linear-gradient(90deg, rgba(94,82,239,1) 0%, rgba(239,82,94,1) 100%);
  color: #fff;
  transition: 0.4s ease-in-out;
}
.btn_orange:after,
.btn_orange:before {
  left: auto;
  right: 0;
}
.btn_orange:before,
.btn_orange:after {
  transition-delay: 0.2s;
}
.btn_orange:hover {
  color: #fff;
}
.btn_orange:hover:before, .btn_orange:hover:after,
.btn_orange:hover:before,
.btn_orange:hover:after {
  width: 250px;
}

.btn_orange span, .btn_request_demo span{position: relative; z-index: 33}

.btn_desktop{display: block;}

.btn_mobile{display: none;}

/**FOOTER**/
#footer{background-color: #393b41; padding: 100px 0; width: 100%; display: table;font-family: 'poppins';}

.footer_inner{margin: 0 auto;}

.work_withus{font-size: 0.75rem; line-height: 1.5rem; color: #b5b5b5;}

.footer_hrline{background-color: #4b4d52; height: 1px; margin: 50px 0;}

.work_withus p{margin-top: 5px;}

.work_withus h4{font-size: 1.5rem; color: #fff;}

.btn_quote_now{display: block;border-radius: 50px; max-width: 335px; padding: 15px 15px; color: #e7e7e7; margin-top: 50px; text-align: center;}

.btn_outline {
  position:relative;
  display: block;
  text-align: center;
  transition: 0.5s;
  cursor: pointer;
  border-width: 1px;
  border-color: rgb(241, 237, 237);
  border-style: solid;
  box-shadow: inset 0 0 0 0 #fff;
  transition: all 0.3s ease-in-out;
  font-size: 1rem;
}

.btn_outline:hover {
  box-shadow: inset 0 0 0 50px #cb1b02;
  border:1px solid #cb1b02;
  color: #fff;
}


.btn_start_your_projects{display: block; margin: 0 auto; text-align: center; max-width: 300px; border-radius: 5px; padding:0 12px; height: 60px; line-height: 60px; font-size: 1rem; color: #fff; margin-top: 100px;  background-image: -moz-linear-gradient( 130deg, rgb(223,55,55) 1%, rgb(232,79,55) 100%);
  background-image: -webkit-linear-gradient( 130deg, rgb(223,55,55) 1%, rgb(232,79,55) 100%);
  background-image: -ms-linear-gradient( 130deg, rgb(223,55,55) 1%, rgb(232,79,55) 100%);}

.btn_start_your_projects:hover, .btn_start_your_projects:focus{color: #fff;}

/****END GRAPHIC ANIMATION*****/

.social{margin-top:80px;}

.social p{margin-bottom: 5px;}

.social ul li{display: inline-block; margin-right: 15px;font-size: 0.85rem;}

.social ul li a{color: #fff; font-size: 1.25rem;}

.icon_hover {
  display: block;
  font-size: 0px;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}

.icon_hover i{vertical-align: middle;font-size: 1.5rem;}

.icon_hover:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box; 
  -moz-box-sizing: content-box; 
  box-sizing: content-box;
}

.icon_hover:before {
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}
/* Effect 8 */
.icon_hover_effect .icon_hover {
  -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;
}

.icon_hover_effect .icon_hover:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.icon_hover_effect .icon_hover:hover {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  color: #fff;
}

.icon_hover_effect .icon_hover:hover:after {
  -webkit-animation: sonarEffect 0.9s ease-out 75ms;
  -moz-animation: sonarEffect 0.9s ease-out 75ms;
  animation: sonarEffect 0.9s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.4), 0 0 5px 5px #767981, 0 0 0 5px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.4), 0 0 5px 5px #767981, 0 0 0 5px rgba(255,255,255,0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}
@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.4), 0 0 5px 5px #767981, 0 0 0 5px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.4), 0 0 5px 5px #767981, 0 0 0 5px rgba(255,255,255,0.5);
    -moz-transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.4), 0 0 5px 5px #767981, 0 0 0 5px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.4), 0 0 5px 5px #767981, 0 0 0 5px rgba(255,255,255,0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

.footer_contact{font-size: 0.75rem; line-height: 1.5rem; color: #b5b5b5;}

.footer_contact h5{font-size: 1rem; color: #fff; margin-bottom: 20px;}

.footer_contact a{font-size: 1rem; color: #f1eded;}

.footer_contact .col-sm-4, .footer_contact .col-sm-12{margin-bottom: 40px;}

.footer_contact ul li a{color: #b5b5b5;font-size: 0.75rem; line-height: 1.5rem;}

.footer_contact a:hover, .footer_contact ul li a:hover{color: #f8f8f8;}

.our_partners{font-size: 0.75rem; color: #fff;}

.our_partners img{margin-top: 10px;}

.copyright{font-size: 0.6666rem; line-height: 1.25rem; color: #b5b5b5; margin-top: 15px;}

.copyright a{color: #b5b5b5;}

.copyright img{margin-top: 10px;}
/**GOTOTOP***/
.gototop {
    width: 36px;
    height: 36px;
    position: fixed;
    bottom: 50px;
    right: 20px;
    border-radius: 50%;
    display: none;
    font-size: 0;
    background-image: -webkit-linear-gradient( 90deg, rgb(138,35,42) 0%, rgb(207,65,41) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(138,35,42) 0%, rgb(207,65,41) 100%);
    border: 1px solid #cb1b02;
    z-index: 9999;
}

.gototop:before{
    content: "\e90d";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 10px;
    font-size:20px;
    line-height:14px;
    color:#fff;
    transition: all 0.3s;
}

.gototop {
  -webkit-transition: -webkit-box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  transition: -webkit-box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1), 
  -webkit-box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
}

.gototop:hover {
  -webkit-box-shadow: 0 0 1px 5px rgba(244,119,94, 0.4), 0 0 1px 10px rgba(239,82,94, 0.1), 0 0 1px 15px rgba(239,82,94, 0.1);
          box-shadow: 0 0 1px 5px rgba(244,119,94, 0.4), 0 0 1px 10px rgba(239,82,94, 0.1), 0 0 1px 15px rgba(239,82,94, 0.1);
}

/*.form-control {
    display: block;
    width: 100%;
    padding: 0.6rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d9dde1;
    border-radius: .25rem;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}*/

.form-control{height: 39px;border-radius: 0;border:0;padding: 0 10px;font-size: 0.83rem; color: #6b6b6b;border-bottom:1px solid #ececec;}

.form-control:focus{box-shadow: none;border-bottom:1px solid #ececec;}

.input-group-text{padding:0;border-radius: 0;width: 22px;}

.input-group-text i{color: #cfcfcf; font-size: 1.2rem;}

.input-group-text{border: 0;border-bottom:1px solid #ececec;background:none;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #979797;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #979797;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #979797;
}
:-moz-placeholder { /* Firefox 18- */
  color: #979797;
}

.modal-backdrop.show{opacity: 0.9;}

.modal-backdrop{background: rgba(22,22,90,1);
background: -moz-linear-gradient(-45deg, rgba(22,22,90,1) 0%, rgba(147,37,41,1) 64%, rgba(201,43,18,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(22,22,90,1)), color-stop(64%, rgba(147,37,41,1)), color-stop(100%, rgba(201,43,18,1)));
background: -webkit-linear-gradient(-45deg, rgba(22,22,90,1) 0%, rgba(147,37,41,1) 64%, rgba(201,43,18,1) 100%);
background: -o-linear-gradient(-45deg, rgba(22,22,90,1) 0%, rgba(147,37,41,1) 64%, rgba(201,43,18,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(22,22,90,1) 0%, rgba(147,37,41,1) 64%, rgba(201,43,18,1) 100%);
background: linear-gradient(135deg, rgba(22,22,90,1) 0%, rgba(147,37,41,1) 64%, rgba(201,43,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16165a', endColorstr='#c92b12', GradientType=1 );}

.modal-content{border: 1px solid rgba(53, 26, 78, 0.5);
    box-shadow: 0 0 40px rgba(40, 23, 82, 0.8);}

.close {
    float: right;
    font-size: 3rem;
    line-height: 1;
    color: #000;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 0px;
    font-weight: 100;
    text-shadow: none;
    z-index: 99;
}

.btn_submit{height: 44px; padding-left: 30px; padding-right: 30px;font-size: 0.9rem;}

.forminputs .input-group{margin-top: 20px;}

#inquiry_form .modal-dialog{max-width: 440px;}

.forminputs{padding: 0px 10px;padding-bottom: 20px;}

.form_links{display: flex;align-items: center;}

.form_links > div{width: 46%; padding-left: 15px;}

textarea{resize: none;}

input.error, textarea.error, select.error {
    border-bottom: 1px solid #cb1b00 !important;
}

h5.modal-title {
    color: #000;
    font-weight: 600;
}

h5.modal-title:after{content: "";display: block;width: 35px;height: 2px;content: ""; background-color: #ce2a10; margin-top: 10px;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

label.error{display: none !important;}

#banner{background: url(../images/banner-top-bg.jpg) center top no-repeat;background-size: cover;color: #fff;margin-top: 80px;padding: 110px 0;position: relative;overflow:hidden;}

.banner_inner{float: right;max-width: 1720px;width: 100%;padding-left: 100px;padding-right: 100px;}

.banner_inner .container-fluid .row{align-items: center;}

.custom_content{padding-left: 30px;padding-right: 30px;}

.custom_row{margin-left: -20px;margin-right: -20px;}

.custom_col{padding-left: 20px;padding-right: 20px;}

.banner_text h1{line-height: 0.95;}

.banner_text p{color: #fe7e6d; font-size: 1.675rem; font-weight: 100;line-height: 1.2;margin-top: 30px;}

.btn_view_demo{display: inline-block;border:1px solid rgba(255,255,255,0.5);padding: 0 35px;border-radius: 50px; color: #fff;font-weight: 300;font-family: 'poppins';font-size: 1.125rem;vertical-align: middle;}

.btn_view_demo:hover{border:1px solid rgba(28, 22, 89, 1)}

.btn_view_demo span{display: inline-block;vertical-align: middle;}

.btn_view_demo img{margin-left: -40px;padding-right: 20px;}

.banner_text .btn_view_demo{margin-top:30px;}


.btn_view_demo{color: #fff; position: relative; overflow:hidden;transition: 0.4s ease-in-out; padding: 0 40px; text-transform: uppercase;}

.btn_view_demo:before, .btn_view_demo:after,
.btn_view_demo:before,
.btn_view_demo:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 80px;
  background: linear-gradient(90deg, rgba(80, 68, 157, 1) 20%, rgba(202, 44, 19,1) 90%);
  color: #fff;
  transition: 0.3s ease-in-out;
}
.btn_view_demo:after,
.btn_view_demo:before {
  left: auto;
  right: 0;
}
.btn_view_demo:before,
.btn_view_demo:after {
  transition-delay: 0.2s;
}
.btn_view_demo:hover {
  color: #fff;
}
.btn_view_demo:hover:before, .btn_view_demo:hover:after,
.btn_view_demo:hover:before,
.btn_view_demo:hover:after {
  width: 250px;
}

.btn_view_demo span{position: relative;z-index: 2;}

.banner_slider {padding-bottom: 45px;}

.toptop_controls{display: flex; flex-direction: column;justify-content: space-between;height: 100%;position: absolute;left: 0;padding:100px 0px;top: 0;z-index:2;}

.pagenumbers{position: relative;}

.white_controls .pagenumbers:before{background-color: rgba(255,255,255,0.30);}

.pagenumbers:before{width: 2px;height: 75px;content: "";display: block;margin: auto;margin-bottom: 15px;}

.grey_controls .pagenumbers:before{background-color: #555555;}

.pagenumbers h3{font-size: 1.8rem;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-ms-transform: rotate(90deg); transform: rotate(90deg);}

.white_controls .pagenumbers h3{color: #fff;}

.white_controls .dotts li{background-color: #fff;}

.white_controls .dotts li.active_dotts{border: 1.5px solid #fff;}

.white_controls .dotts li.active_dotts:before{background-color: #fff; border: 2px solid #16165a;}

.grey_controls .dotts li.active_dotts{border: 1.5px solid #555555;}

.grey_controls .dotts li.active_dotts:before{background-color: #555555; border: 2px solid #fff;}

.grey_controls .dotts li{background-color: #555555;}

.grey_controls h3{color: #555555;}

.dotts li {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;    
    margin: 5px auto;
}
.dotts li.active_dotts {
    width: 13px;
    height: 13px;
    text-align: center;
}
.dotts li.active_dotts:before {
    content: "";
    display: block;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    margin: auto;
    text-align: center;
}

.arrows li{display: block;margin: 10px 0; text-align: center;}

#video_marketing{background: url(../images/video-marketing-bg-circles.png) center top no-repeat #ffffff; background-size: contain;position: relative;padding-bottom: 200px;position: relative;z-index: 2;overflow: hidden;}

.video_marketing_inner{background-color: #f1f9fc;max-width: 1620px;padding-top: 110px;height: 585px;}

.img_video_marketing img{border:1px solid #fff;}

.video_marketing h1:after{content: "";display: block;width: 35px;height: 2px;background-color: #cb1b00;margin-top: 10px;}

.video_marketing p{margin-top: 20px;}

.video_marketing .slick-slide img{width: auto;}

.video_marketing_slide_col{border-style: solid;
  border-width: 1px;
  border-color: rgb(230, 242, 247);
  background-color: rgb(255, 255, 255);
padding: 30px;
font-size: 14px; line-height: 1.3;}

.right_content{float: right;}

.video_marketing .slick-slide{padding: 0 6px;}

#benefits_video{position: relative;}

#benefits_video:after{content: "";background:url(../images/benefits-video-graphics.png) center bottom no-repeat; background-size: contain;display: block;width: 100%;position: absolute;bottom: 0;height: 100%;}

.benefits_video_inner{background-color: #f7f7f7;padding-top: 110px; padding-bottom: 220px;}

.card_body_wrap{background-color: #fff;color: #404040;transition: all 0.3s;}

.card_body{padding: 20px;line-height: 1.4;padding-bottom: 30px;}

.card_body h5{font-weight: 600;text-transform: uppercase;color: #404040;}

.card_body h5:after{content: "";display: block;height: 2px; width: 25px; background-color: #c92b12;margin-top: 10px;}

.card_body p{margin-top: 15px;}

.card_body_wrap:hover{color: #fff;background-color: #c92b12;}

.card_body_wrap:hover h5{color: #fff;}

.card_body_wrap:hover h5:after{background-color: #fff;}

.title_center{text-align: center;color: #404040;}

.title_center:after{content: "";display: block;height: 3px;width: 35px;background-color: #ce2a10;margin:auto; margin-top: 10px;}

.benefits_video_inner .container-fluid{position: relative; z-index: 2}

.customer_service{background-color: #e4f1f5;padding:40px 30px;position: relative;z-index: 2;color: #76959e;font-size: 1.125rem;}

.customer_service p{margin-top: 20px;}

.customer_service h2{color: #112f77;}

.customer_service h2:after{content: "";display: block;width: 70px;height: 2px;background-color: #fb365c;margin-top: 15px;}

.million_words{background-color: #fcdfda;padding:40px 30px;position: relative;z-index: 2;color: #9c6a61;font-size: 1.125rem;}

.million_words p{margin-top: 20px;}

.million_words h2{color: #fb365c;}

.million_words h2:after{content: "";display: block;width: 70px;height: 2px;background-color: #fb365c;margin-top: 15px;}

.benefits_video_2col{margin-top: -200px;padding-bottom: 40px;}

#areaofuse{background-color: #f7f7f7;/* position: relative;*/}

.area_use_down_arrow{display: block;height: 49px;width: 189px;background:url(../images/arrow-triangle.png) center top no-repeat;margin: auto;text-align: center;color: #727272;padding-top: 5px;}

#howto_video_work{position: relative;z-index:1;background: url(../images/bg-personalise-video.jpg) center top no-repeat; background-size: cover;color: #fff;}

.video_triangle_wrap{position: absolute;left: 0;right: 0;margin: auto;text-align: center;width: 187px;bottom: -80px;text-transform: uppercase;color: #f3f3f4;font-size: 0.9rem;font-weight: 400;}

.video_triangle{display: block;width: 187px;height: 49px;background: url(../images/video-triangle.png) center center no-repeat;padding-top: 120px;}

.icon_play_video{border-radius: 50%;display: block;width: 114px;height: 114px;margin: auto; position: absolute;left: 0;right: 0; bottom: 0;
  background-color: rgb(215, 52, 47); color: #fff;cursor: default;}

.icon_play_video i{line-height: 110px;font-size: 4rem;vertical-align: middle;}

#howto_video_work h2{color: #fff;}

#howto_video_work p{color: #5fc8fa; font-size: 1.2rem;margin-top: 15px;font-weight: 300;}

#distribution_method{background-color: #f7f7f7;position: relative;}

.dmethod_col{background-color: #fff;padding: 30px;text-align: center; font-weight: 400; border:1px solid transparent; font-size: 1.1rem;transition:0.3s;}

.dmethod_col:hover{border-style: solid;
  border-width: 1px;
  border-color: rgb(176, 190, 231);
  background-color: rgb(247, 249, 255);
  box-shadow: 0px 5px 9px 1px rgba(21, 61, 175, 0.1);}

.dmethod_col p{margin-top: 15px;color:#595959;}

.fb_col:hover p{color:#153daf;}

.icon_dmethod{width: 45px;height: 45px;border-radius: 50%;margin: auto;font-size: 1.6rem;display: flex;align-items: center;justify-content: center;}

.icon_fb{border:2px solid #153daf; color: #153daf;}

.icon_twitter{border:2px solid #0db2ca; color: #0db2ca;}

.icon_whatsapp{border:2px solid #33b64c; color: #33b64c;}

.icon_youtube{border:2px solid #d7342f; color: #d7342f;}

.icon_email{border:2px solid #e3ae4d; color: #e3ae4d;}

.icon_sms{border:2px solid #64849d; color: #64849d;}

.icon_netbanking{border:2px solid #d85849; color: #d85849;}

.icon_mbanking{border:2px solid #6f1bc5; color: #6f1bc5;}

.accordion_slider {
  display: flex;
  min-height: 60vh;
  max-height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}

.accordion_slider li {
  flex: 1;
  display: flex;
  align-items: stretch;
  cursor: pointer;
  transition: all .5s ease;
}

.accordion_slider li.active {
  flex: 5;
  background: #fff;
  cursor: default;
}

.accordion_slider li.active .section-content {
  flex: 4;
  opacity: 1;
}
.accordion_slider li .section-title {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  width: 100%;
  margin: 0;
  text-align: center;
  color: white;
}
.accordion_slider li .section-title h2 {
  margin: 0;
  font-weight: 400;
  position: relative;
  width: 100%;
}
.accordion_slider li .section-content {
  flex: 1;
  display: none;
  align-items: center;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.accordion_slider li.active .section-title h2:after{content: "";
    display: block;
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 10px;
    right: -20px;
    z-index: 2;}

.accordion_slider li.banking_col.active .section-title h2:after{
    border-left: 20px solid #0e4c9e;}

.accordion_slider li.telecom_col.active .section-title h2:after{
    border-left: 20px solid #2472ba;}

.accordion_slider li.mfund_col.active .section-title h2:after{
    border-left: 20px solid #449e4e;}

.accordion_slider li.insurance_col.active .section-title h2:after{
    border-left: 20px solid #e1a44b;}

.accordion_slider li.active .section-content{display: flex;}

.areaofuse_content{float: right;max-width: 1620px; width: 100%; padding-left: 50px;}

.banking_col .section-title{background-color: #0f4c9e;}

.banking_col{background-color: #0f4c9e;}

.telecom_col .section-title{background-color: #2472ba;}

.telecom_col{background-color: #2472ba;}

.mfund_col{background-color: #449e4e;}

.mfund_col .section-title{background-color: #449e4e;}

.insurance_col .section-title{background-color: #e1a44b;}

.insurance_col{background-color: #e1a44b;}

.area_table li{cursor: inherit;}

.section-content .container-fluid, .section-content .row, .section-content .col-md-4, .area_table{height: 100%;}

.section-content .col-md-4{padding: 0;}

.area_table{box-shadow: 0 0 20px #efefef; padding-top: 30px; display: flex; justify-content: flex-end; flex-direction: column;}

.area_table h5{font-weight: 600;color: #005aab;text-transform: uppercase;padding: 5px 30px;margin-bottom: 15px;}

.area_table h5:after{content: ""; display: block;background-color: #c92b12;height: 2px;width: 18px;margin-top: 5px;}

.area_table ul li{display: block;border-bottom: 1px solid #f1f1f1; padding: 7px 30px;position: relative;padding-left: 50px;}

.area_table ul li i{position: absolute;left: 30px;top: 14px;color: #ce4444;font-size: 0.9rem;}

.area_table ul li:last-child{border-bottom: 0;padding-bottom: 40px;}

.icon_accordion i{font-size: 11rem; opacity: 0.8}

.mg-trigger h2 {
    font-weight: 500;
}

#btn-close-modal {
    position: absolute;
    right: 30px;
    top: 25px;
    cursor: pointer;
    font-size: 1.5rem;
    color: #989898;
}

.slider-for{position: relative;}

.slider-for .slick-list{overflow:inherit;}

.slider-for:before {
    width: 12.5rem;
    height: 1px;
    background-color: rgba(255,255,255,0.40);
    content: "";
    display: block;
    position: absolute;
    right: -55px;
    bottom: 4.375rem;
}

.slider-for:after {
    width: 1px;
    height: 6.25rem;
    background-color: rgba(255,255,255,0.40);
    content: "";
    display: block;
    position: absolute;
    right: 145px;
    bottom: -1.8rem;
}

.slide_text{position: relative;
    text-align: right;top: 70px;font-size: 1.25rem;}

.video_modal .modal-dialog{max-width: 800px;}

.know_more{display: inline-block; font-weight: 600; font-size: 0.8rem;color: #545454;}

.phone_number{display: inline-block; font-weight: bold; font-size: 1rem;color: #545454;}

.thankyou {
    display: none;
    text-align: center;
}

.thankyou img{width: 100px; margin-bottom: 20px;}

.thankyou h4{font-size: 2rem; color: #000;}

.thankyou span{font-size: 1rem; color: #575757;}

.animated{background-color: rgba(255,255,255,0.95);left: 0;right: 0;top: 0;bottom: 0;margin:  auto;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  h1, h2, h3, h4, .bold{font-weight: bold;}

@media(max-width: 639px){
.btn_request_demo{margin-right: 40px;height: 34px;}

#logo img{height: 45px;}

.phone_number{font-size: 0.8rem;}

.btn_request_demo{margin-right: 40px;}
}


@media(max-width: 991px){
.slide_title{padding-top: 30px;}

.btn_request_demo {
    height: 34px;
    color: #b21748;
    border: 0;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    padding: 0 20px;
    background: none;
    box-shadow: none;
    text-transform: capitalize;
    border: 1px solid #af7f8e;
    font-size: 0.85rem;
    margin-right: 60px;
}

.forminputs .btn_request_demo{color: #fff;
    border: 0;
    height: 40px;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    background-color: rgb(203, 27, 0);
    box-shadow: 0px 5px 9px 1px rgba(47, 47, 47, 0.1);
    text-transform: uppercase;
    margin-right: 0;}

#header{padding: 10px 0;}

#banner{margin-top: 65px;}

.btn_mobile{display: block;    
  font-size: 0.8rem;
  margin:auto;
  margin-top: 20px;}

.button_container {
  position: absolute;
  top: 24px;
  right: 15px;
  height: 20px;
  width: 26px;
  cursor: pointer;
  z-index: 100;
  transition: opacity .25s ease;
}
.button_container.active{position: fixed;}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
  top: 21px;
}
.button_container span {
  background: #2d2c54;
  border: none;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 8px;
}
.button_container span:nth-of-type(3) {
  top: 16px;
}

.customer_service, .million_words{padding: 25px 20px;}

#menu {
  position: fixed;
  background: #2a1754;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  z-index: 99;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.open #menu {
  opacity: .96;
  visibility: visible;
  height: 100%;
}
.open #menu li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.open #menu li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.open #menu li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.open #menu li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}

#menu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
  text-align: center;
  width: 100%;
  padding-top:60px;
  padding-bottom: 40px;
  overflow-y: auto;
}
#menu ul li {
  display: block;
  min-height: 60px;
  position: relative;
  opacity: 0;
  margin-right: 0;
  font-size: 1.2rem;
}
#menu ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
  height: 45px;line-height: 45px;
}

#menu li a:hover, #menu li a.active{color: #fff;background-color: inherit;}

#menu li a:hover:before, #menu li a.active:before{display: none;}

#menu li:after, #menu .nav-active:after{
    height: 0px;
    width: 0;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.modal-content{padding-top: 30px;}

.btn_submit.btn_request_demo {
    height: 36px;
    color: #fff;
    border: 0;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    padding: 0 25px;
    background-color: rgb(203, 27, 0);
    box-shadow: 0px 5px 9px 1px rgba(47, 47, 47, 0.1);
    text-transform: uppercase;
}
}

.slide_title{display: none;}

.anim_modal{display: flex;flex-direction: column;align-self: center;justify-content: space-between; text-align: center;padding:50px 20px;color: #fff;min-height: 60vh;}

.link_banking{background-color: #0f4c9e;}

.link_telecom{background-color: #2472ba;}

.link_mfund{background-color: #449e4e;}

.link_insurance{background-color: #e1a44b;}

.link_broking{background-color: #483d8e;}

.link_auto{background-color: #c73632;}

#areaofuse_slider .slick-slide{padding: 0;}

.areaofuse_controls{position: absolute;height: 92%;}

.anim_modal h2{text-align: left;font-weight: 500;}

.anim_modal h2:after{content: "\e911";display: block;font-family: 'icomoon';margin-top: 15px;font-size: 1.3rem;}

.animated .modal-content{border:0;box-shadow: none;}

.content_inner_page h2{margin-bottom: 20px;}

#banner_inner{padding: 40px 0;margin-top: 80px;color: #fff;height: auto;}

#banner_inner h1{font-size: 2.2rem;color: #fff;}

#banner_inner p{font-size:1.5rem;margin-top: 10px;}

.bg_grey_blue{background-color: #f1f9fc;}

.title_inner{color: #404040;}

.title_inner:after{content: "";display: block;height: 2px;width: 35px;background-color: #ce2a10; margin-top: 10px;}

.content_inner_page p{margin-bottom: 30px;}

/***GOOGLE EXPAND IMAGES***/
.mg-row{text-align: center;}

.mg-rows {
    position:relative;
}
.mg-trigger{
    cursor: pointer; color: #fff;padding: 30px 10px;
}

.mg-trigger i{opacity: 0.5}

.mg-space {
    display:none;
    position:relative;
    width:100%;
    float:left;
}
.mg-target {
    display:none;
    background-color:#fff;
    margin-top: -30px;
}

.row-flex{align-items: center;}

.mg-target h2{position: relative;font-weight: 500;}

.yellow_color{color: #fdc721;}

.mg-target p{margin-top: 20px;}

.mg-target h2:after{content: "";
    display: block;
    height: 3px;
    width: 35px;
    background-color: #ce2a10;
    margin: auto;
    margin-top: 10px;}

.mg-target-open {
    position:absolute;
    top:0;left:0;right:0;
    text-align: left;
}
.mg-indicator {
    border-bottom: 17px solid #fff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    margin-top: -30px;    
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.mg-close {
    display: none;
    /*background: url(../images/) no-repeat center center;*/
    cursor: pointer;
    height: 30px;
    padding: 7px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    z-index: 2;
}
.mg-close:before{display: block; content: "\e902";font-family: 'icomoon';font-size: 22px;color: #777}

.mg-close:hover {
    opacity: 1;
}

/*.mg-targets{color: #fff;}*/

.mg-targets .demo-item{padding-left: 25px;padding-right: 25px;}

.careers_row{display: flex; align-items: center; font-size: 14px;line-height: 1.5}

.careers_row h5{font-weight: 600;color: #000;margin-bottom: 15px;}

.icon_career{padding-right: 25px;max-width: 120px;}

.text_career{width: calc(100% - 100px);margin-top: 20px;}

.current_opening h5{font-size: 1.25rem;margin-bottom: 20px;}

.current_opening .row{margin-left: -30px;margin-right: -30px;}

.current_opening .col-sm-6{padding-left: 30px;padding-right: 30px;}

.career_link{display: block;
    font-size: 1.4rem;
    color: #727272;
    font-family: 'poppins';
    padding-top: 20px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }

.career_link:after{content: "\e913";display: inline-block;font-family: 'icomoon';font-size: 20px; margin-top: -14px;color: #ce2a10;position: absolute;right: 0;top: 50%;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;}

.career_link:hover{background-color: #ce2a10;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 0 black;
    background: linear-gradient(90deg, rgb(230, 59, 35) 21%, rgb(141, 82, 171) 100%);}

.career_link:hover:after{color: #fff;right: 20px;}

.contact_col{background-color: #fff;padding: 60px 110px;font-family: 'poppins';font-size: 1.125rem;height:495px;}

.contact_add a{color: #fff;display: inline-block;margin-bottom: 5px;}

.contact_add a i{color: #fff;}

.contact_add .title_inner, .contact_col .title_inner{font-size: 1.25rem;font-family: 'opensans';}

.contact_add .title_inner{color: #fff;margin-bottom: 40px;}

.contact_add{background:url(../images/bg-contact-add.jpg) left top no-repeat; background-size: cover; height:495px;padding: 60px;font-family: 'poppins';font-size: 1.125rem;color: #fff;position: relative;}

.contact_add:after{content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 48px solid transparent;
    border-bottom: 48px solid transparent;
    border-left: 28px solid #372d48;
    position: absolute;
    right: -28px;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;}

.content_inner_page .col-xl-7, .content_inner_page .col-xl-5{padding-left: 0;padding-right: 0;}

.input-group-prepend {
    margin-right: -1px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    padding-top: 9px;
    background: #fff;
}

.input-group-text{border-bottom: 0;}

.form-control{padding-left: 25px;}

.career_details{max-width: 840px;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}

.career_details h1{color: #404040;}

.listing_points{font-size: 1.25rem;color: #333}

.listing_points li{margin-top: 20px;position: relative;padding-left: 28px;}

.listing_points li:before{display: block;position: absolute;left: 0;top: 1px;content: "\e913";font-family: 'icomoon';color: #cb1b02;font-size: 1.125rem;}

.jobs_form{max-width: 480px; background-color: #fff; padding: 40px;box-shadow: 0 0 10px #81485d;}

.custom_file_input{position: relative;width: 100%;}

.jobs_form h3{margin-bottom: 20px; font-size: 1.25rem;font-family: 'opensans';}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/arrow-down.svg) no-repeat right;
  background-size: 16px;
  -webkit-appearance: none;
  -ms-word-break: normal;
  word-break: normal;
}

/****Custom File Input****/
 .js .inputfile {
    overflow: hidden;
    font-size: 0;
    z-index: -1;
}

.inputfile + label {    
    width: 100%;
    /* 20px */
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    height: 39px;
    font-weight: 400;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 0px dotted #000;
    outline: -webkit-focus-ring-color auto 0px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
    display: inline-block;padding-top: 5px;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.inputfile + label {
    color: #6b6b6b;
}

.inputfile + label {
    transition: all 0.3s ease-in-out;
}

.custom_file_input label{position: absolute;display: block;top: 0px; width: 100%;padding-left: 30px;font-size: 0.83rem;background: #fff; height: 30px;}

.input-group-text svg path{fill: #cfcfcf;}

.career_form_wrapper{background: url(../images/banner-career-form.jpg) left center no-repeat;background-size: cover;}

.company_about_us p{font-weight: 600;text-transform: uppercase;color: #ed6570;margin-bottom: 15px}

.company_about_us h1{font-weight: 300;color: #404040;font-size: 2rem;}

.thecompany{position: relative;background-color: #17165a;color: #fff;overflow: hidden;}

.thecompany:after{content: "";
    display: block;
    width: 60%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-bottom: 35.8rem solid #35346f;
    border-left: 35.8rem solid transparent;
    z-index: 0;}

.thecompany h2{color: #fff}

.bg_changer_anim h2{color: #fff;}

.big_desc{font-size: 1.35rem;line-height: 1.8}

.thecompany .content{position: relative;z-index: 1;}

.team_about h4{line-height: 1.4;font-weight: 300}

.bg_changer_anim{color: #fff;
  background: linear-gradient(120deg, #16165a, #273668, #634c7b, #221855, #682039, #17165a);
  background-size: 600% 600%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;}

 @-webkit-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }
  @-moz-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }
  @keyframes Gradient { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }


@media(max-width: 1199px){
.mobile_title{display: block;}

.slider-for{display: none;}

.slide_title{display: block;margin-bottom: 20px;font-size: 1.25rem;}

.slide_text{top: inherit;text-align: center;}

}

@media(max-width:1080px){
#banner{padding:50px 0;padding-bottom:100px;}

.toptop_controls{display:none;}

.content{padding-left:20px;padding-right:20px;}

.banner_inner{padding-left:0;padding-right:0;}

.video_marketing_inner{padding-top:50px;}

#video_marketing{padding-bottom:0;}

.video_marketing_inner{padding-bottom:60px;}

.benefits_video_inner{padding-top:50px;padding-bottom:180px;}

#distribution_method .row.extra-padding-top-30{padding-top:0;}

#distribution_method{padding-bottom:0;}

.banner_text h1 {
    line-height: 1.2;
}

.banner_text p{font-size: 1.5rem}

.icon_play_video i {
    line-height: 60px;
    font-size: 2.3rem;
    vertical-align: middle;
}
.icon_play_video {
    width: 60px;
    height: 60px;
}

.video_triangle_wrap{bottom:-60px;}

.video_triangle{padding-top:73px;}

#footer{padding: 40px 0}

.contact_col{padding: 60px;}

.contact_add{background:url(../images/bg-contact-add.jpg) left top no-repeat; background-size: cover; height:495px;padding: 60px;font-family: 'poppins';font-size: 1.125rem;color: #fff;position: relative;}
}

@media(max-width: 575px){
.col-xs-6{width: 50%;}

.footer_contact{padding-top: 30px;}

.equal_height_col2, .equal_height_col{height: inherit !important;}

.icon_dmethod{width: 36px;height: 36px;font-size: 1.4rem;}

.dmethod_col p{margin-top: 7px;}

.dmethod_col{padding: 15px 10px;font-size: 0.9rem;}
}

@media(max-width:767px){
.img_slide{margin-top:30px;}

.video_marketing{padding-top:30px;}

.video_marketing_inner{height:auto;}

.banner_text p br{display: none;}

.contact_col{padding: 30px;height:auto;}

.contact_add{height:auto;padding: 40px 30px;margin-top: -41px;}

.contact_add:after{display: none;}

.contact_add .title_inner{margin-bottom: 25px;}

#banner_inner h1 {font-size: 1.65rem;}

#banner_inner p, .career_link{font-size: 1.125rem;}

.career_row .extra-padding-top-60{padding-top: 0px;}

.icon_career {
    padding-right: 20px;
    max-width: 100px;
}

.big_desc{font-size: 1rem;line-height: 1.8}
}

@media(min-width:992px){

.modal-body{padding: 30px;
    padding-bottom: 20px;}

.close {
    float: right;
    font-size: 3rem;
    line-height: 1;
    color: #fff !important;
    opacity: 1;
    position: absolute;
    right: -32px;
    top: -40px;
    font-weight: 100;
    text-shadow: none;
}
}


@media(min-width: 1200px){

.custom_row{margin-left: -30px; margin-right:-30px;}

.extra-padding-top-100{padding-top: 90px;}

.extra-padding-bottom-100{padding-bottom: 90px;}

.extra-margin-top-100{margin-top: 90px;}

.extra-margin-bottom-100{margin-bottom: 90px;}

.extra-padding-top-60{padding-top: 55px;}

.extra-padding-bottom-60{padding-bottom: 55px;}

.extra-margin-top-60{margin-top: 55px;}

.extra-margin-bottom-60{margin-bottom: 55px;}

h1{font-size: 2rem;}

h2{font-size: 1.5rem;}

h3{font-size:1.1rem;}

h4{font-size:1.5rem;}

.big_title{font-size:2.75rem;}

}

@media(min-width: 1600px){
h1{font-size: 2.5rem;}

h2{font-size: 1.875rem;}

h3{font-size:1.25rem;}

h4{font-size:2rem;}

.big_title{font-size:3.75rem;}

.toptop_controls{padding-left:50px;padding-right:50px;}

.pagenumbers h3{font-size: 2.75rem;}

.banner_text p{font-size: 1.875rem;}

#banner_inner h1{font-size: 3.125rem}

#banner_inner{height: 260px;display: flex;align-items: center;justify-content: center;padding: 0;}
}