body {font-size: 16px; font-family: 'IBM_Plex_Sans-Regular'!important; color: #000;}

@font-face {font-family: 'IBM_Plex_Sans-Regular'; src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf");}

@font-face {font-family: 'IBM_Plex_Sans-Light'; src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf");}

@font-face {font-family: 'IBM_Plex_Sans-Bold'; src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf");}

html {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400;}

/* Safari and Chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  
.platforms .pb1 {min-height: 251px!important;}    
    
.platforms .pb3{height: 251px!important;}    

.platforms .pb4{height: 251px!important;}  

.platforms .pb5 {min-height: 180px;}
    
.choose-item{min-height: 450px!important;}    
    
.client-sec .client-des .testimonial-box .client-rating .list-inline-item:not(:last-child) {margin-right: 10px!important;}    
    
.chat-icon{right: 30px!important;}      
    
.box{right: 134px!important;}        

/* Safari only override */
::i-block-chrome,.myClass {
color:blue;
}
}

/* Safari and Chrome */

/* Firefox specific rule */

@-moz-document url-prefix() {
	
<style>
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;600;700&display=swap');
</style>	

body {font-size: 18px; font-family: 'Noto Sans', sans-serif; color: #000;}
    
.box svg {right: 155px !important;}    

.nav__menu li a {font-size: 1.2rem!important;}
    
.platforms .pb1 {min-height: 295px;}    
    
.platforms .pb3{height: 285px!important;}    

.platforms .pb4{height: 285px!important;}  

.platforms .pb5 {min-height: 180px;}
    
.navbar .menu-title{font-size: 19px!important;}

.navbar .dropdown-menu h5{font-size: 19px!important;}

.navbar .dropdown-menu h6{font-size: 16px!important;}  
    
.platforms .card {font-size: 17px!important;}    
    
.press-bg p {font-size: 18px!important;}    
    
.blog-area .item .info {min-height: 200px!important;}
	
.feat1 h4{font-size: 18.5px!important;}	

.feat2 h4{font-size: 18.5px!important;}
	
.feat3 h4{font-size: 18.5px!important;}	
	
.feat4 h4{font-size: 18.5px!important;}		
    
@media (min-width: 768px) and (max-width: 991.98px){    
    
.platforms .ipad-hgt {min-height: 208px!important;}    
    
}

@media (min-width: 992px) and (max-width: 1199.98px) {	
	
.platforms .pb1	{height: 309px!important;}
	
.platforms .pb3	{height: 309px!important;}
	
.platforms .pb4 {min-height: 310px!important;}  	
	
.feat1 h4{font-size: 18.5px!important;}		
	
.feat1 h4{font-size: 18.5px!important;}
	
.feat2 h4{font-size: 18.5px!important;}
	
.feat3 h4{font-size: 18.5px!important;}	
	
.feat4 h4{font-size: 18.5px!important;}	
	
.feat-box {height: 440px;}	


    
}

}
	
/*Navbar Start*/

header {padding: 0; margin: 0;}

/*Navbar End*/

/*Menu Start*/

.navbar {background: #dcf3fc;}

.navbar-light .navbar-nav .nav-link {color: #000; font-size: 19px;font-family: 'IBM_Plex_Sans-Regular';}

.navbar-nav .nav-link:hover {color: rgba(0, 0, 0, .7);}

#navbar {background-color: #dcf3fc; transition: all .5s ease-in-out;}

.scroll {background-color: #fff !important; box-shadow: 0 5px 15px 0 rgba(0,0,0,.15)}

.menu-btn .btn {user-select: none; -moz-user-select: none; background: #0084ff; border: medium none; border-radius: 25px; color: #fff; cursor: pointer; margin-left: 4px; display: inline-block; font-size: 15px; letter-spacing: .6px; line-height: 1; margin-bottom: 0; text-align: center; text-transform: uppercase; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; height: 44px; position: relative; overflow: hidden; z-index: 1;font-family: 'IBM_Plex_Sans-Regular'; margin-top: 22px;}

.menu-btn .btn::after {content: "";  position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scaleX(0); transform-origin: right;
  transition: all 0.7s linear; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-property: transform; background: #ff7a18; z-index: -1;}

.menu-btn .btn:hover::after {transform: scaleX(1); transform-origin: left;}

.menu-btn .btn:hover {color: #fff;}

.dropdown-menu{font-size: 18px; font-family: 'IBM_Plex_Sans-Regular';}

.dropdown-toggle::after {display: none;}

.dropdown:hover {display: block; transition: all 0.1s linear;}

.dropdown-menu .divider {height: 1px; margin: 0; overflow: hidden; background-color: #e5e5e5;}

.navbar .dropdown-menu {margin: auto; box-shadow: 0px 0px 5px 1px #adadad33; width: 64%; border-radius: 12px; padding: 16px 30px !important;}

.menu-border{border: #ddd solid 1px; border-radius: 12px; padding: 12px 8px 12px 16px; min-height: 330px;}

.menu-border2{border: #ddd solid 1px; border-radius: 12px; padding: 12px 8px 12px 16px;  min-height: 220px;}

.menu-title{text-align: center; color: #000; font-size: 20px; font-weight: bold; font-family: 'IBM_Plex_Sans-Regular'; margin: 8px 0 10px 0;}

.navbar .no-gutters > .col, .no-gutters > [class*="col-"] {padding-right: 4px; padding-left: 4px;}

.navbar .dropdown-menu h5{font-weight: bold; margin: 0 0 0 8px; font-size: 15px;}

.navbar .dropdown-menu h6{font-weight: bold; margin: 0 0 0 8px; font-size: 15px;}

.navbar .dropdown-menu hr{margin: 0;}

.navbar .dropdown-menu li{list-style: none; padding: 4px 8px;}

.navbar .dropdown-menu ul li:hover{background: #f5f5f5;}

.navbar .dropdown-toggle, .navbar .dropdown-menu a {cursor: pointer; text-decoration: none; color: #000; font-size: 16px; padding:2px 8px;}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {color: inherit; text-decoration: none; background-color: inherit;}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {color: #fff; text-decoration: none; background-color: #f8f9fa;}

.dropdown-toggle::after {display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;}

@media (min-width: 767px) {
  
.navbar .dropdown-toggle:not(.nav-link)::after {display: inline-block; width: 0; height: 0; margin-left: .5em; vertical-align: 0; border-bottom: .3em solid transparent; border-top: .3em solid transparent; border-left: .3em solid;}
    
}

.navbar{padding-top: 0; padding-bottom: 0;}

.navbar-light .navbar-brand {color: #2196F3; padding: 0;}

.navbar-light .navbar-nav .nav-link {color: #1ebdc2;}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {color: #1ebdc2;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;}

.navbar-light .navbar-nav .nav-link{padding-top: 29px; padding-bottom: 29px; transition: 0.3s; padding-left: 14px; padding-right: 14px; color: #000;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{background: #0084ff!important; transition: 0.3s;}

.dropdown-item:focus, .dropdown-item:hover {color: #000!important; text-decoration: none; background-color: #f5f5f5 !important; border-radius: 4px;}

.sm-menu{border-radius: 0px; border: 0px; top: 97%; box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;}

.dropdown-item {color: #3c3c3c;}

.dropdown-item.active, .dropdown-item:active {color: #fff; text-decoration: none; background-color: #2196F3;}

.navbar-toggler{outline: none !important;}

.navbar-tog{color: #1ebdc2;}

.megamenu-li {position: static;}

.megamenu {position: absolute; width: 100%; left: 0; right: 0; padding: 15px;}

.megamenu h6{margin-left: 21px;}

.sales-no {float: left; color: #999; font-weight: normal; font-size: 180%!important; position: absolute; margin-left: 200px!important; top: 47px;font-family: 'IBM_Plex_Sans-Regular';}

.phone{width:350px;height:50px;border-left:1px solid #ccc;padding:0px 0px 0px 10px;line-height:50px;margin-left:10px;position:absolute;left:-40px;top:-28px;font-size:24px;}

/*Menu End*/

/*Banner Start*/

.banner-area {background: #dcf3fc; margin-bottom: 2em; position: relative; color: #fff; padding-top: 9em;}

.banner-area.auto-height, .banner-area.auto-height div {height: auto;}

.banner-area.bg-top {background-size: cover; background-position: bottom center;}

.banner-area.bg-top {padding-bottom: 50px;}

.banner-area h1 {font-size: 34px; color: #000; margin-bottom: 12px; line-height: 1.4; text-align: left;}

.banner-area h1 span {color: #0072ff; font-weight: bold;}

.banner-area h2 {color: #000; font-size: 24px; text-align: left;}

.banner-img img {width: 560px; text-align: center;}

.custom-shape-divider-bottom-1684927605 {position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0;}

.custom-shape-divider-bottom-1684927605 svg {position: relative; display: block; width: calc(100% + 1.3px); height: 119px;}

.custom-shape-divider-bottom-1684927605 .shape-fill {fill: #FFFFFF;}

/*Banner End*/

.hme-cont p{font-size: 21px; text-align: center; line-height: 30px;}

/*Title Start*/

.section-title {text-align: center; margin: 30px 0;}

.section-title h2 {margin-bottom: 0; font-size: 30px; font-weight: 600; padding: 0 40px; line-height: 40px;font-family: 'IBM_Plex_Sans-Regular';}

.section-title .bar {height: 5px; width: 90px; background: #87b9f6; margin: 20px auto; position: relative; border-radius: 30px;}

/*.section-title .bar::before {content: ""; position: absolute; left: 0; top: -2.7px; height: 10px; width: 10px; border-radius: 50%; background: #1b70f9;
  -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: MOVE-BG; animation-name: MOVE-BG;}*/

.section-title p {max-width: 520px; margin: 0 auto;}

@-webkit-keyframes MOVE-BG {
  
0% {-webkit-transform: translateX(0); transform: translateX(0);}
    
to {-webkit-transform: translateX(88px); transform: translateX(88px);}
    
}

@keyframes MOVE-BG {
  
0% {-webkit-transform: translateX(0); transform: translateX(0);}
    
to {-webkit-transform: translateX(88px); transform: translateX(88px);}
    
}

/*Title End*/

/*Platforms Start*/

.platforms .card {margin-bottom: 20px; border-radius: 10px; font-size: 16px;}

.platforms .mrlft {margin: 0px 0px 20px -13px; width: 102.5%;}

.platforms .pad_nil {padding: 0px;}

.platforms .pb1 {background-color: #466ae4; border-radius: 0 0 6px 6px; color: #fff !important; padding-bottom: 28px; min-height: 237px; padding: 20px;}

.platforms .card-heading {padding: 12px 15px; border-radius: 10px; border-bottom: 1px solid transparent; border-bottom-color: transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: transparent !important; text-align: center; font-weight: bold; font-size: 20px;}

.platforms .card-default p {margin: 0 0 2px !important; color: #000;}

.platforms .card-default p a {margin: 0 0 5px !important; color: #000; text-decoration: none;}

.platforms .pb1 p a {color: #fff !important; margin-bottom: 5px;}

.platforms .pb2 p a {color: #000 !important; margin-bottom: 5px;}

.platforms .pb3 p a {color: #fff !important; margin-bottom: 5px;}

.platforms .pb4 p a {color: #fff !important; margin-bottom: 5px;}

.platforms .pb5 p a {color: #fff !important; margin-bottom: 5px;}

.platforms .pb1 p {color: #fff !important; margin-bottom: 5px;}

.platforms .pb2 {background-color: #0bb7c1; border-radius: 0 0 6px 6px; color: #fff !important; padding-bottom: 0px;}

.platforms .pb3 {background-color: #ab6bec; border-radius: 0 0 6px 6px; color: #fff !important;}

.platforms .pb4 {background-color: #d59b00; border-radius: 0 0 6px 6px; color: #fff !important; padding-bottom: 17px; padding: 20px;}

.platforms .pb5 {background-color: #f27417; border-radius: 0 0 6px 6px; color: #fff !important; min-height: 172px; padding: 10px;}

.platforms .phead1 {background-color: #086594 !important; color: #fff !important; text-align: center; font-size: 16px; border-radius: 10px 10px 0 0; padding: 10px;}

.platforms .phead2 {background-color: #078665 !important; color: #fff !important; text-align: center; font-size: 16px; border-radius: 10px 10px 0 0; padding: 10px;}

.platforms .phead3 {background-color: #93024e !important; color: #fff !important; text-align: center; font-size: 16px; border-radius: 10px 10px 0 0; padding: 10px;}

/*Platforms End*/

/*Brand Start*/

.brand {background: #f8f8f8; padding: 10px 15px;}

.brand img {filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);
  transform: scale(1.1);}

/*.brand img:hover {transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; height: 100px; text-align: center; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);}*/

/*Brand End*/

/*Quotes Start*/

.client-sec {padding-top: 120px; padding-bottom: 50px; background-color: #f5f5f5; margin-top: 130px; margin-bottom: 10px;}

.ex-detail {position: relative;}

.ex-detail .large-heading {padding-left: 35px; overflow-wrap: break-word;}

.ex-detail .heading-1, .ex-detail .heading-2 {display: block; font-weight: 500; font-size: 40px; color: #142022;font-family: 'IBM_Plex_Sans-Regular';}

.ex-detail .fly-text {position: absolute; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); font-size: 16px; bottom: 35px; font-weight: 600; text-transform: uppercase; color: #f1c30f; left: -56px;}

.client-sec .client-des {position: relative;}

.client-sec .client-des .testimonial-box {background-color: #f4fafe; margin-top: -175px; border-radius: 10px; padding: 20px 20px 60px 20px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); box-shadow: 0 0 20px #0000001a;}

.client-sec .client-des .testimonial-box .quote-txt {font-size: 19px; font-style: italic; line-height: 24px; margin-bottom: 20px;font-family: 'IBM_Plex_Sans-Regular';}

.client-sec .client-des .testimonial-box .media h2 {margin: 8px 0 0 0; font-size: 18px;font-family: 'IBM_Plex_Sans-Regular';}

.client-sec .client-des .testimonial-box .media p {margin: 0; font-size: 15px; line-height: 18px;font-family: 'IBM_Plex_Sans-Regular';}

.client-sec .client-des .testimonial-box .client-face {width: 70px; height: 70px; border-radius: 50%; border: 2px solid #198bdd; margin-right: 10px; padding: 3px;}

.client-sec .client-des .testimonial-box .client-rating img {text-align: center; display: block; margin: auto;}

.client-sec .client-des .testimonial-box .client-rating p {margin: 10px 0; font-size: 18px; line-height: 18px; text-align: center; font-weight: 600;font-family: 'IBM_Plex_Sans-Regular';}

.client-sec .client-des .testimonial-box .rating {font-size: 15px; font-family: 'IBM_Plex_Sans-Regular';}

.client-sec .client-des .testimonial-box .rating span {font-weight: 600;}

.client-sec .client-des .testimonial-box .rating p {text-align: left; margin: 4px 0;}

.client-sec .client-des .testimonial-box .rating p svg {color: #f7b502; text-align: left;}

.client-sec .client-des .testimonial-box .client-rating .list-inline-item:not(:last-child) {margin-right: 14px;}

.client-sec .client-des .testimonial-box .carousel-indicators {bottom: -60px; z-index: 0;}

.client-sec .client-des .testimonial-box .carousel-indicators li {width: 14px; background: #20acf8; border-radius: 4px; height: auto;}

/*Quotes End*/

/*Feat1 Start*/

.feat-link{text-decoration: underline;}

.feat-link:hover{text-decoration: underline; color: #fff;}

.feat1 {background: #f1fdfc; padding: 10px 0; position: relative; margin: 0px 0;}

.curve1 {background: url(../images/curve-1.png) no-repeat; height: 142px; width: 100%; position: relative; top: 20px;}

.curve2 {background: url(../images/curve-2.png) no-repeat; height: 142px; width: 100%; position: relative; top: -80px;}

.feat1 .feat-cont h2 {font-size: 30px;}

.feat1 .feat-cont p {font-size: 20px;}

.feat1 h4 {font-size: 20px; font-weight: 600; color: #000;}

.feat1 p {font-size: 18px; font-weight: normal; color: #000;}

.feat1 svg {width: 450px;}

.feat1 a:hover{text-decoration: none;}

/*Feat1 End*/

/*Feat2 Start*/

.feat2 {background: #fffcf2; padding: 60px 0 0 0; position: relative; margin: -30px 0 0px 0;}

.curve3 {background: url(../images/curve-3.png) no-repeat; height: 142px; width: 100%; position: relative; top: -90px;}

.feat2 .feat-cont h2 {font-size: 30px;}

.feat2 .feat-cont p {font-size: 20px;}

.feat2 h4 {font-size: 20px; font-weight: 600; color: #000;}

.feat2 p {font-size: 18px; font-weight: normal; color: #000;}

.feat2 svg {width: 450px;}

.feat2 a:hover{text-decoration: none;}

/*Feat2 End*/

/*Feat3 Start*/

.feat3 {background: #fcf6ff; padding: 60px 0 0 0; position: relative; margin: -40px 0 0px 0;}

.curve4 {background: url(../images/curve-4.png) no-repeat; height: 142px; width: 100%; position: relative; top: -90px;}

.feat3 .feat-cont h2 {font-size: 30px;}

.feat3 .feat-cont p {font-size: 20px;}

.feat3 h4 {font-size: 20px; font-weight: 600; color: #000;}

.feat3 p {font-size: 18px; font-weight: normal; color: #000;}

.feat3 svg {width: 450px;}

.feat3 a:hover{text-decoration: none;}

/*Feat3 End*/

/*Feat4 Start*/

.feat4 {background: #f7fcef; padding: 60px 0 0 0; position: relative; margin: -40px 0 0px 0;}

.curve5 {background: url(../images/curve-5.png) no-repeat; height: 142px; width: 100%; position: relative; top: -60px;}

.feat4 .feat-cont h2 {font-size: 30px;}

.feat4 .feat-cont p {font-size: 20px;}

.feat4 h4 {font-size: 20px; font-weight: 600; color: #000;}

.feat4 p {font-size: 18px; font-weight: normal; color: #000;}

.feat4 svg {width: 450px;}

.feat4 a:hover{text-decoration: none;}

/*Feat3 End*/

/*Feat Start*/

.feat-box {border: 1px dashed #cdf1d8; padding: 30px 20px; position: relative; z-index: 1; border-radius: 5px; background: #fff; -webkit-transition: .5s;
  transition: .5s; -webkit-box-shadow: 0 0 10px rgba(72, 69, 224, .1); box-shadow: 0 0 10px rgba(72, 69, 224, .1); min-height: 390px;}

.feat-box:hover::before {opacity: 1; visibility: visible;}

.feat-box:hover {-webkit-transform: translateY(-9px); transform: translateY(-9px); border-color: transparent;}

.feat-box::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; border-radius: 5px; height: 100%; background-color: #abe9cd;
  background-image: linear-gradient(315deg, #abe9cd 0%, #3eadcf 74%); z-index: -1; opacity: 0; visibility: hidden;}

.feat-box .icon {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #e4f6ff; border-radius: 50%; color: #44ce6f;
  padding: 8px 0 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;}

.feat-box .icon2 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #ffe7e1; border-radius: 50%; color: #44ce6f;
  padding: 8px 0 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;}

.feat-box .icon3 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #f8e9ff; border-radius: 50%; color: #44ce6f;
  padding: 8px 0 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;}

.feat-box .icon4 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #ffe9cf; border-radius: 50%; color: #44ce6f;
  padding: 8px 0 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;}

.feat-box .icon5 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #f2ffe9; border-radius: 50%; color: #44ce6f;
  padding: 8px 0 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;}

.feat-box .icon6 {display: inline-block; text-align: center; width: 80px; height: 80px; line-height: 55px; background: #e9fffc; border-radius: 50%; color: #44ce6f;
  padding: 8px 0 0 0; margin-bottom: 16px; -webkit-transition: .5s; transition: .5s;}

.feat-box img {text-align: center; color: #44ce6f; width: 50px; height: 54px;}

.feat-box:hover .icon {background: #fff; color: #44ce6f;}

.feat-box a{text-decoration:underline; color: #fff;}

.feat-box:hover a, .feat-box:hover h4, .feat-box:hover p {color: #fff;}

.feat-box:hover{color: #fff;}

.custom-section-curved-top-2 {position: absolute; top: -255px; left: 0;}

/*Feat End*/

/*Customer Success Start*/

.customer-success .success1 {background: #f4efd7; padding: 10px; border-radius: 20px; min-height: 300px;}

.customer-success .success2 {background: #d7f5d9; padding: 10px; border-radius: 20px; min-height: 290px;}

.customer-success .success3 {background: #d7ebf5; padding: 10px; border-radius: 20px; min-height: 300px;}

.customer-success .inner-white {background: #fff; padding: 10px; border-radius: 20px; box-shadow: 0 0 32px -7px rgba(0, 0, 0, .1)}

.customer-success p {font-size: 18px; line-height: 26px; padding: 10px; text-align: center;}

.success-btn {background: #ff900e; font-size: 18px; text-align: center; border-radius: 30px; color: #fff; padding: 8px 22px;}

/*Customer Success End*/

/*Press Start*/

.press-bg {background: #f7fafd; padding: 16px; border-radius: 16px; min-height: 230px; box-shadow: 0 0 10px rgba(72, 69, 224, .1); border: #eee solid 1px;}

.press-date {background: #d1deff; color: #175cff; font-size: 16px; text-align: center; padding: 4px 8px; border-radius: 6px; margin-bottom: 8px;}

.press-bg h2 {font-size: 18px; font-weight: 600;}

.press-bg a {color: #000; line-height: 28px;}

.press-bg a:hover {text-decoration: none; color: #1b70f9;}

.press-bg p {font-size: 17px; margin: 0 0 10px 0;}

.press-bg p a {color: #000;}

.press-bg p a svg {vertical-align: middle; -webkit-transition: all .2s ease; transition: all .2s ease; padding-left: 4px; color: #1b70f9;}

.press-bg:hover p a svg {-webkit-transform: translateX(3px); transform: translateX(3px); margin-left: 3px; color: #1b70f9;}

/*Press End*/

/*Blog Start*/

.blog-area {margin-bottom: 30px;}

.blog-area .item {background: #f7fafd; margin-bottom: 30px; box-shadow: 0 0 10px rgba(72, 69, 224, .1); border-radius: 8px;}

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

.blog-area .thumb {position: relative; padding-bottom: 0;}

.blog-area .thumb img {border-radius: 8px 8px 0 0; position: relative; overflow: hidden;background-size: cover; width: 540px; height: 380px;}

.blog-area .thumb img::after {content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0;opacity: 0;}

.blog-area .frame {position: absolute; border: 1px solid #fff; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.w-content .frame {width: calc(100% - 100px); height: calc(100% - 100px); top: 50%; left: 50%; transform: translate(-50%, -50%); border-color: transparent;}

.w-content:hover .frame {opacity: 0.8; border-color: #fff; transition: color 0.3s ease-in-out, all 0.3s ease-in-out; width: calc(100% - 20px); height: calc(100% - 20px);}

.blog-area :hover {transition: all 0.3s ease-in-out;}

.blog-area .item .date {display: inline-block; background: #fff; padding: 5px 25px; color: #000; text-transform: uppercase; font-size: 32px; font-weight: 900;
  margin-bottom: 15px; text-align: center; box-shadow: 0 0 10px #cccccc;}

.blog-area .thumb .date {position: absolute; right: 45px; bottom: -22px; margin: 0; border-radius: 8px; padding: 0; font-weight: 900;}

.blog-area .thumb .date strong {display: inline-block;}

.blog-area .item .date span {display: block; font-size: 14px; background: #1b70f9; color: #fff; padding: 0 19px; border-radius: 0 0 8px 8px; min-width: 70px;}

.blog-area .item .info {padding: 30px; border: #f3f3f3 solid 1px; border-radius: 0 0 8px 8px; min-height: 220px;}

.blog-area h2 {font-size: 20px; line-height: 26px;}

.blog-area a {color: #000;}

.blog-area a:hover {text-decoration: none; color: #1b70f9;}

.blog-area p {font-size: 17px; margin: 0; color: #797979;}

.blog-area p a {color: #1b70f9;}

/*Blog End*/

/*Footer Start*/

.footer {background: #0075a1 !important; font-family: 'IBM_Plex_Sans-Regular'; padding: 10px 20px 10px 20px !important; color: #ccc !important; margin-top: 0px !important; border-top: 1px solid #ddd; line-height: 20px;}

.footer h6 {font-size: 20px !important; color: #fff !important; margin: 5px 0px 10px 0px;}

.box-responsive {width: 20%;}

.footer-nav {list-style: none; float: left; height: 160px; padding: 0px 0px 0px 0px; color: #333; font-weight: normal; font-size: 13px; text-decoration: none;}

.footer-nav li {list-style: none; line-height: 1.3; padding: 4px 0;}

.footer-nav li {color: #fff; font-weight: normal;}

.footer-nav li a {color: #fff; font-weight: normal; font-size: 15px; text-decoration: none;}

.footer-nav li a:hover {color: #b1eaff; padding-left: 4px; transition: all 0.3s ease-in-out 0s;}

.footer-bottom {background: #0075a1; border-top: rgba(192, 192, 192, 0.3) solid 1px !important; color: #b1eaff !important; font-size: 15px; padding: 8px 0;
  font-weight: normal; text-align: center;}

.footer-bottom a {color: #b1eaff; padding: 5px;}

.footer-bottom a:hover {color: #fff;}

.footer-bottom p {color: #b1eaff !important; text-align: center;}

.suti-tc {color: #b1eaff; line-height: 20px !important; text-align: center;}

.suti-copyright {color: #b1eaff; line-height: 20px !important; text-align: right; /*padding:0px !important;*/}

.f-footer-section .tlinks {margin-top: 5px}

.f-footer-section .tlinks2 img {margin-top: 20px; width: 80%; text-align: right; float: right !important;}

.f-footer-section-bot {font-size: 13px !important; background: #071e2a !important; clear: both; padding: 0 2%; text-align: left; z-index: 2; padding-top: 5px;
padding-bottom: 5px; position: relative;}

.f-footer-section-bot a {color: #666;}

.footer .list-inline > li{margin: 0; padding: 0;}

.cpt-img {width: 90%;}

.suti-copyright {text-align: right; color: #8daab9;}

.soc {width: 100%;}

.pwdby-img {margin-top: 10px !important;}

.ft-icon1 {width: 35px; height: 35px; background: #fff; border: #3078ac solid 1px; border-radius: 25px; padding: 5px 6px 3px 6px; text-align: center; color: #4e71a8;}

.ft-icon2 {width: 35px; height: 35px; background: #fff; border: #01aee6 solid 1px; border-radius: 25px; padding: 5px 6px 3px 6px; text-align: center; color: #1cb7eb;}

.ft-icon3 {width: 35px; height: 35px; background: #fff; border: #41a3d2 solid 1px; border-radius: 25px; padding: 5px 6px 3px 6px; text-align: center; color: #1686b0;}

.ft-icon4 {width: 35px; height: 35px; background: #fff; border: #fe3731 solid 1px; border-radius: 25px; padding: 5px 6px 3px 6px; text-align: center; color: #f70000;}

.footer .footer-nav .list-inline > li {padding: 0 5px 0 0;}

.footer .footer-nav .list-inline-item:not(:last-child) {margin-right: 0;}

.footer .footer-nav .list-inline > li a:hover {padding: 0 0px 0 0 !important;}

.footer .ft-logo {width: 40%; float: right;}

.footer p {font-size: 15px;}

.ft-btm-icons {text-align: right;}

.ft-btm-icons .footer-nav {float: right; clear: both;}

/*Footer End*/

.cookie-box h1 {color: #000; font-size: 23px; padding: 8px 0; text-align: left !important; font-family: 'IBM_Plex_Sans-Regular';}

.optanon-alert-box-wrapper {position: fixed; width: 80%; background: #120036; border-radius: 10px 10px 0 0; bottom: 0px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .12); left: 50%; padding: 4px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; font-family: 'IBM_Plex_Sans-Regular';}

.optanon-alert-box-wrapper .optanon-alert-box-corner-close a {float: right; position: relative; right: 5px; top: 5px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDc0IDc0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3NCA3NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0NDQ0NDQzt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KCS5zdDJ7ZmlsbDojNjY2NjY2O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzcsNzEuNWMtOS42LDAtMTcuOC0zLjQtMjQuNC0xMC4xQzUuOCw1NC40LDIuNSw0Ni41LDIuNSwzN2MwLTkuNiwzLjQtMTcuOCwxMC4xLTI0LjQNCgkJQzE5LjIsNS45LDI3LjQsMi41LDM3LDIuNWM5LjYsMCwxNy44LDMuNCwyNC40LDEwLjFjNi44LDYuOSwxMC4xLDE0LjksMTAuMSwyNC40YzAsOS42LTMuNCwxNy44LTEwLjEsMjQuNA0KCQlDNTQuNCw2OC4yLDQ2LjUsNzEuNSwzNyw3MS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNyw1YzguOSwwLDE2LjQsMy4xLDIyLjYsOS40QzY1LjgsMjAuNyw2OSwyOC4xLDY5LDM3cy0zLjEsMTYuNC05LjQsMjIuNkM1My4zLDY1LjgsNDUuOSw2OSwzNyw2OQ0KCQlzLTE2LjQtMy4xLTIyLjYtOS40UzUsNDUuOSw1LDM3czMuMS0xNi40LDkuNC0yMi42QzIwLjYsOC4xLDI4LjEsNSwzNyw1IE0zNywwQzI2LjgsMCwxOCwzLjcsMTAuOSwxMC45QzMuNywxOCwwLDI2LjgsMCwzNw0KCQljMCwxMCwzLjYsMTguOCwxMC44LDI2LjFDMTcuOSw3MC4zLDI2LjgsNzQsMzcsNzRjMTAsMCwxOC44LTMuNiwyNi4xLTEwLjhDNzAuMyw1Ni4xLDc0LDQ3LjIsNzQsMzdjMC0xMC0zLjYtMTguOC0xMC44LTI2LjENCgkJQzU2LjEsMy43LDQ3LjIsMCwzNywwTDM3LDB6Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTIuNCw0Ny43TDQxLjcsMzdsMTAuOS0xMC43YzAuNi0wLjYsMC42LTEuMSwwLTEuN2wtMy4xLTNjLTAuMy0wLjMtMC42LTAuNC0wLjktMC40Yy0wLjIsMC0wLjQsMC4xLTAuNywwLjQNCglMMzcsMzIuMUwyNi4xLDIxLjZjLTAuMy0wLjMtMC41LTAuNC0wLjctMC40Yy0wLjMsMC0wLjYsMC4xLTAuOSwwLjRsLTMsM2MtMC42LDAuNi0wLjYsMS4xLDAsMS43TDMyLjQsMzdMMjEuNiw0Ny45DQoJYy0wLjIsMC4xLTAuMywwLjMtMC4zLDAuN3MwLjEsMC43LDAuMywwLjlsMywzLjFjMC4yLDAuMiwwLjUsMC4zLDAuOSwwLjNzMC43LTAuMSwwLjktMC4zTDM3LDQxLjdsMTAuOSwxMC43DQoJYzAuMywwLjMsMC41LDAuNCwwLjcsMC40YzAuMywwLDAuNi0wLjEsMC45LTAuNGwzLTNjMC4zLTAuMiwwLjQtMC41LDAuNC0wLjlDNTIuOSw0OC4zLDUyLjcsNDgsNTIuNCw0Ny43eiIvPg0KPC9zdmc+");
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDc0IDc0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3NCA3NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0NDQ0NDQzt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KCS5zdDJ7ZmlsbDojNjY2NjY2O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzcsNzEuNWMtOS42LDAtMTcuOC0zLjQtMjQuNC0xMC4xQzUuOCw1NC40LDIuNSw0Ni41LDIuNSwzN2MwLTkuNiwzLjQtMTcuOCwxMC4xLTI0LjQNCgkJQzE5LjIsNS45LDI3LjQsMi41LDM3LDIuNWM5LjYsMCwxNy44LDMuNCwyNC40LDEwLjFjNi44LDYuOSwxMC4xLDE0LjksMTAuMSwyNC40YzAsOS42LTMuNCwxNy44LTEwLjEsMjQuNA0KCQlDNTQuNCw2OC4yLDQ2LjUsNzEuNSwzNyw3MS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNyw1YzguOSwwLDE2LjQsMy4xLDIyLjYsOS40QzY1LjgsMjAuNyw2OSwyOC4xLDY5LDM3cy0zLjEsMTYuNC05LjQsMjIuNkM1My4zLDY1LjgsNDUuOSw2OSwzNyw2OQ0KCQlzLTE2LjQtMy4xLTIyLjYtOS40UzUsNDUuOSw1LDM3czMuMS0xNi40LDkuNC0yMi42QzIwLjYsOC4xLDI4LjEsNSwzNyw1IE0zNywwQzI2LjgsMCwxOCwzLjcsMTAuOSwxMC45QzMuNywxOCwwLDI2LjgsMCwzNw0KCQljMCwxMCwzLjYsMTguOCwxMC44LDI2LjFDMTcuOSw3MC4zLDI2LjgsNzQsMzcsNzRjMTAsMCwxOC44LTMuNiwyNi4xLTEwLjhDNzAuMyw1Ni4xLDc0LDQ3LjIsNzQsMzdjMC0xMC0zLjYtMTguOC0xMC44LTI2LjENCgkJQzU2LjEsMy43LDQ3LjIsMCwzNywwTDM3LDB6Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTIuNCw0Ny43TDQxLjcsMzdsMTAuOS0xMC43YzAuNi0wLjYsMC42LTEuMSwwLTEuN2wtMy4xLTNjLTAuMy0wLjMtMC42LTAuNC0wLjktMC40Yy0wLjIsMC0wLjQsMC4xLTAuNywwLjQNCglMMzcsMzIuMUwyNi4xLDIxLjZjLTAuMy0wLjMtMC41LTAuNC0wLjctMC40Yy0wLjMsMC0wLjYsMC4xLTAuOSwwLjRsLTMsM2MtMC42LDAuNi0wLjYsMS4xLDAsMS43TDMyLjQsMzdMMjEuNiw0Ny45DQoJYy0wLjIsMC4xLTAuMywwLjMtMC4zLDAuN3MwLjEsMC43LDAuMywwLjlsMywzLjFjMC4yLDAuMiwwLjUsMC4zLDAuOSwwLjNzMC43LTAuMSwwLjktMC4zTDM3LDQxLjdsMTAuOSwxMC43DQoJYzAuMywwLjMsMC41LDAuNCwwLjcsMC40YzAuMywwLDAuNi0wLjEsMC45LTAuNGwzLTNjMC4zLTAuMiwwLjQtMC41LDAuNC0wLjlDNTIuOSw0OC4zLDUyLjcsNDgsNTIuNCw0Ny43eiIvPg0KPC9zdmc+");
  background-size: auto auto; background-size: 22px 22px; width: 22px; height: 22px;}

.optanon-alert-box-wrapper .optanon-alert-box-corner-close a {right: 8px; top: 8px; background-size: 16px 16px; width: 16px; height: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4NCiAgPHBhdGggZmlsbD0iIzk5OSIgZD0iTTEwMTEuNzE1NjMsMzI3LjcwMzQ3IEwxMDA3LjAzNDM3LDMyMi45Nzc5MTggTDEwMTEuODAzMTMsMzE4LjI1MjM2NiBDMTAxMi4wNjU2MiwzMTcuOTg3MzgyIDEwMTIuMDY1NjIsMzE3Ljc2NjU2MiAxMDExLjgwMzEzLDMxNy41MDE1NzcgTDEwMTAuNDQ2ODcsMzE2LjE3NjY1NiBDMTAxMC4zMTU2MiwzMTYuMDQ0MTY0IDEwMTAuMTg0MzgsMzE2IDEwMTAuMDUzMTMsMzE2IEMxMDA5Ljk2NTYzLDMxNiAxMDA5Ljg3ODEyLDMxNi4wNDQxNjQgMTAwOS43NDY4OCwzMTYuMTc2NjU2IEwxMDA0Ljk3ODEyLDMyMC44MTM4OCBMMTAwMC4yMDkzOCwzMTYuMTc2NjU2IEMxMDAwLjA3ODEyLDMxNi4wNDQxNjQgOTk5Ljk5MDYyNSwzMTYgOTk5LjkwMzEyNSwzMTYgQzk5OS43NzE4NzUsMzE2IDk5OS42NDA2MjUsMzE2LjA0NDE2NCA5OTkuNTA5Mzc1LDMxNi4xNzY2NTYgTDk5OC4xOTY4NzUsMzE3LjUwMTU3NyBDOTk3LjkzNDM3NSwzMTcuNzY2NTYyIDk5Ny45MzQzNzUsMzE3Ljk4NzM4MiA5OTguMTk2ODc1LDMxOC4yNTIzNjYgTDEwMDIuOTY1NjMsMzIyLjk3NzkxOCBMOTk4LjI0MDYyNSwzMjcuNzkxNzk4IEM5OTguMTUzMTI1LDMyNy44MzU5NjIgOTk4LjEwOTM3NSwzMjcuOTI0MjkgOTk4LjEwOTM3NSwzMjguMTAwOTQ2IEM5OTguMTA5Mzc1LDMyOC4yNzc2MDMgOTk4LjE1MzEyNSwzMjguNDEwMDk1IDk5OC4yNDA2MjUsMzI4LjQ5ODQyMyBMOTk5LjU1MzEyNSwzMjkuODY3NTA4IEM5OTkuNjQwNjI1LDMyOS45NTU4MzYgOTk5Ljc3MTg3NSwzMzAgOTk5Ljk0Njg3NSwzMzAgQzEwMDAuMTIxODgsMzMwIDEwMDAuMjUzMTIsMzI5Ljk1NTgzNiAxMDAwLjM0MDYzLDMyOS44Njc1MDggTDEwMDQuOTc4MTIsMzI1LjA1MzYyOCBMMTAwOS43NDY4OCwzMjkuNzc5MTggQzEwMDkuODc4MTIsMzI5LjkxMTY3MiAxMDA5Ljk2NTYzLDMyOS45NTU4MzYgMTAxMC4wNTMxMywzMjkuOTU1ODM2IEMxMDEwLjE4NDM4LDMyOS45NTU4MzYgMTAxMC4zMTU2MiwzMjkuOTExNjcyIDEwMTAuNDQ2ODcsMzI5Ljc3OTE4IEwxMDExLjc1OTM3LDMyOC40NTQyNTkgQzEwMTEuODkwNjIsMzI4LjM2NTkzMSAxMDExLjkzNDM4LDMyOC4yMzM0MzggMTAxMS45MzQzOCwzMjguMDU2NzgyIEMxMDExLjkzNDM4LDMyNy45Njg0NTQgMTAxMS44NDY4NywzMjcuODM1OTYyIDEwMTEuNzE1NjMsMzI3LjcwMzQ3IFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OTggLTMxNikiLz4NCjwvc3ZnPg0K") !important;
}
.optanon-alert-box-body a {color: #fff !important; text-decoration: underline !important;}

.optanon-alert-box-body p {color: #fff !important; margin-bottom: 0; font-size: 15px;}

.optanon-alert-box-body a:hover {color: #f5f5f5; text-decoration: none !important;}

.optanon-alert-box-wrapper .optanon-alert-box-bg p {color: #FFFFFF !important;}

.optanon-alert-box-wrapper .optanon-alert-box-bg p {font-size: 11pt; line-height: 16pt; color: #fff !important; padding-bottom: 5px;}

.optanon-alert-box-wrapper .optanon-alert-box-button {float: right; margin-right: 30px; margin-bottom: 10px; line-height: initial;}

.optanon-alert-box-wrapper a {background-color: transparent;}

.btn-md {background: #fff; color: #000; border: #8bcaeb solid 1px; border-radius: 24px !important; padding: 8px 16px; font-size: 16px !important;
margin: 12px 0 12px 10px !important;}

.btn-md:hover {background: #8bcaeb; color: #000;}

.cookie-box h1 {color: #000; font-size: 23px; padding: 8px 0; text-align: left !important;}

.cookie-box p {color: #464646; font-size: 16px;}

#topcontrol {background: url("../images/top-arrow.png") no-repeat center center; height: 40px; width: 40px; z-index: 9999; border: #2e72bf solid 4px; border-radius: 24px; opacity: 1 !important;}

.chat-icon {width: 70px; height: 90px; position: fixed; border-radius: 100%; bottom: -10px !important; right: 40px; z-index: 1000;}

.box {width: 172px; margin: 50px auto; background: #dfe3eb; padding: 10px; text-align: left; color: #333; right: 154px; position: fixed; z-index: 1000; bottom: -40px; line-height: 24px; font-size: 15px; font-family: 'IBM_Plex_Sans-Regular';}

.sb1:before {content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid #dfe3eb; border-right: 10px solid transparent; border-top: 10px solid #dfe3eb; border-bottom: 10px solid transparent; right: -19px; top: 6px;}

.box a {width: 0; display: inline-block;}

.box svg {position: relative; top: -44px; right: 158px; color: #000 !important;}

.chat-count {background: red; color: #fff; position: relative; border-radius: 25px; display: inline-block; text-align: center; left: 30px; top: -15px; width: 22px;
  height: 22px; font-size: 14px;}

#chatBotSubmitBtn {border: none;}

.chatbot-footer .btn {background: transparent; border: none;}

.chatbot-footer .btn:hover {background: transparent;}

/*Button Start*/

.btn-section {margin: 20px 0; text-align: center;}

.btn-section .btn {user-select: none; -moz-user-select: none; background: #ff7a18; border: medium none; border-radius: 25px; color: #fff; cursor: pointer; display: inline-block; font-size: 15px; letter-spacing: .6px; line-height: 1; margin-bottom: 0; padding: 18px 33px; text-align: center; text-transform: uppercase; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; height: 50px; position: relative; overflow: hidden; z-index: 1;}

.btn-section .btn::after {content: "";  position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scaleX(0); transform-origin: right;
  transition: all 0.7s linear; transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-property: transform; background: #0084ff; z-index: -1;}

.btn-section .btn:hover::after {transform: scaleX(1); transform-origin: left;}

.btn-section .btn:hover {color: #fff;}

/*Button End*/

/*Animation Start*/

.animatable {visibility: hidden; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; 
    -o-animation-play-state: paused; animation-play-state: paused;}

/* show objects being animated */

.animated {visibility: visible; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both;
  animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s;
  animation-duration: 1s; -webkit-animation-play-state: running; -moz-animation-play-state: running; -ms-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running;}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */

@-webkit-keyframes fadeInDown {

0% {opacity: 0; -webkit-transform: translateY(-20px);}
    
100% {opacity: 1; -webkit-transform: translateY(0);}
    
}

@-moz-keyframes fadeInDown {

0% {opacity: 0; -moz-transform: translateY(-20px);}
    
100% {opacity: 1; -moz-transform: translateY(0);}
    
}

@-o-keyframes fadeInDown {
  
0% {opacity: 0; -o-transform: translateY(-20px);}
    
100% {opacity: 1; -o-transform: translateY(0);}
    
}

@keyframes fadeInDown {
  
0% {opacity: 0; transform: translateY(-20px);}
    
100% {opacity: 1; transform: translateY(0);}
    
}

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

@-moz-keyframes fadeIn {
  
0% {opacity: 0;}
    
20% {opacity: 0;}
    
100% {opacity: 1;}
    
}

@-o-keyframes fadeIn {
  
0% {opacity: 0;}
    
20% {opacity: 0;}
    
100% {opacity: 1;}
    
}

@keyframes fadeIn {

0% {opacity: 0;}
    
60% {opacity: 0;}
    
20% {opacity: 0;}
    
100% {opacity: 1;}
    
}

@-webkit-keyframes bounceInLeft {
  
0% {opacity: 0; -webkit-transform: translateX(-2000px);}
    
60% {-webkit-transform: translateX(20px);}
    
80% {-webkit-transform: translateX(-5px);}
    
100% {opacity: 1; -webkit-transform: translateX(0);}
    
}

@-moz-keyframes bounceInLeft {
 
0% {opacity: 0; -moz-transform: translateX(-2000px);}
    
60% {-moz-transform: translateX(20px);}
    
80% {-moz-transform: translateX(-5px);}
    
100% {opacity: 1; -moz-transform: translateX(0);}
    
}

@-o-keyframes bounceInLeft {
  
0% {opacity: 0; -o-transform: translateX(-2000px);}
    
60% {opacity: 1; -o-transform: translateX(20px);}
    
80% {-o-transform: translateX(-5px);}
    
100% {opacity: 1; -o-transform: translateX(0);}
    
}

@keyframes bounceInLeft {
  
0% {opacity: 0; transform: translateX(-2000px);}
    
60% {transform: translateX(20px);}
    
80% {transform: translateX(-5px);}
    
100% {opacity: 1; transform: translateX(0);}
    
}

@-webkit-keyframes bounceInRight {
 
0% {opacity: 0 -webkit-transform: translateX(2000px);}
    
60% {-webkit-transform: translateX(-20px);}
    
80% {-webkit-transform: translateX(5px);}
    
100% {opacity: 1; -webkit-transform: translateX(0);}
    
}

@-moz-keyframes bounceInRight {
  
0% {opacity: 0; -moz-transform: translateX(2000px);}
    
60% {-moz-transform: translateX(-20px);}
    
80% {-moz-transform: translateX(5px);}
    
100% {opacity: 1; -moz-transform: translateX(0);}
    
}

@-o-keyframes bounceInRight {

0% {opacity: 0; -o-transform: translateX(2000px);}
    
60% {-o-transform: translateX(-20px);}
  
80% {-o-transform: translateX(5px);}
    
100% {opacity: 1; -o-transform: translateX(0);}
    
}

@keyframes bounceInRight {

0% {opacity: 0; transform: translateX(2000px);}
    
60% {transform: translateX(-20px);}
    
80% {transform: translateX(5px);}
    
100% {opacity: 1; transform: translateX(0);}
    
}

@-webkit-keyframes fadeInUp {

0% {opacity: 0; -webkit-transform: translateY(20px);}
    
100% {opacity: 1; -webkit-transform: translateY(0);}
    
}

@-moz-keyframes fadeInUp {

0% {opacity: 0; -moz-transform: translateY(20px);}
    
100% {opacity: 1; -moz-transform: translateY(0);}
    
}

@-o-keyframes fadeInUp {

0% {opacity: 0; -o-transform: translateY(20px);}
    
100% {opacity: 1; -o-transform: translateY(0);}
    
}

@keyframes fadeInUp {

0% {opacity: 0; transform: translateY(20px);}
    
100% {opacity: 1; transform: translateY(0);}
    
}

@-webkit-keyframes bounceIn {

0% {opacity: 0; -webkit-transform: scale(.3);}
    
50% {-webkit-transform: scale(1.05);}
    
70% {-webkit-transform: scale(.9);}
    
100% {opacity: 1; -webkit-transform: scale(1);}
    
}

@-moz-keyframes bounceIn {
 
0% {opacity: 0; -moz-transform: scale(.3);}
    
50% {-moz-transform: scale(1.05);}
    
70% {-moz-transform: scale(.9);}
    
100% {opacity: 1; -moz-transform: scale(1);}
    
}

@-o-keyframes bounceIn {

0% {opacity: 0; -o-transform: scale(.3);}
    
50% {-o-transform: scale(1.05);}
    
70% {-o-transform: scale(.9);}
    
100% {opacity: 1; -o-transform: scale(1);}
    
}

@keyframes bounceIn {
 
0% {opacity: 0; transform: scale(.3);}
    
50% {transform: scale(1.05);}
    
70% {transform: scale(.9);}
    
100% {opacity: 1; transform: scale(1);}
    
}

@-webkit-keyframes moveUp {

0% {opacity: 1; -webkit-transform: translateY(40px);}
    
100% {opacity: 1; -webkit-transform: translateY(0);}
    
}

@-webkit-keyframes fadeBgColor {

0% {background: none;}
    
70% {background: none;}
    
100% {background: #464646;}
    
}


@-o-keyframes fadeBgColor {

0% {background: none;}
    
70% {background: none;}
    
100% {background: #464646;}
    
}

@keyframes fadeBgColor {

0% {background: none;}
    
70% {background: none;}
    
100% {background: #464646;}
    
}

.animated.animationDelay {animation-delay: .4s; -webkit-animation-delay: .4s;}

.animated.animationDelayMed {animation-delay: 1.2s; -webkit-animation-delay: 1.2s;}

.animated.animationDelayLong {animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}

.animated.fadeBgColor {-webkit-animation-name: fadeBgColor; -moz-animation-name: fadeBgColor; -o-animation-name: fadeBgColor; animation-name: fadeBgColor;}

.animated.bounceIn {-webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn;}

.animated.bounceInRight {-webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight;}

.animated.bounceInLeft {-webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft;}

.animated.fadeIn {-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn;}

.animated.fadeInDown {-webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown;}

.animated.fadeInUp {-webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp;}

.animated.moveUp {-webkit-animation-name: moveUp; -moz-animation-name: moveUp; -o-animation-name: moveUp; animation-name: moveUp;}

/* Inner Banner Animation Start */

.fancy-hero-one {position: relative; z-index: 5; text-align: center; margin: 150px 0 50px 0!important;}

.fancy-hero-one .bubble-one{width: 120px; height: 120px; left: 4%; top: 15%; animation: rotation 8s infinite linear;}

@keyframes rotation {
  
from {transform: rotate(0deg);}
    
to {transform: rotate(359deg);}
    
}

.fancy-hero-one .bubble-one::before{width: 6px; height: 6px; background: #fac3ff; top: 0; left: 50%;}

.fancy-hero-one [class*="bubble"]{position: absolute; z-index: -1; border-radius: 50%;}

.fancy-hero-one [class*="bubble"]::before{content: ''; border-radius: 50%; position: absolute;}

.fancy-hero-one .bubble-one::before{width: 6px; height: 6px; background: #fac3ff; top: 0; left: 50%;}

.fancy-hero-one .bubble-two{width: 160px; height: 160px; top: 30%; left: 15%; animation: rotation 8s infinite linear;}

.fancy-hero-one .bubble-two::before{width: 10px; height: 10px; background: #8fe9e0; top: 50%; right: 100%;}

.fancy-hero-one .bubble-three {width: 120px; height: 120px; bottom: 33%; left: 4%; animation: rotation 8s infinite linear;}

.fancy-hero-one .bubble-three::before{width: 6px; height: 6px; background: #ffd5ad; bottom: 0; left: 50%;}

.fancy-hero-one .bubble-four {width: 120px; height: 120px; right: 5%; top: 13%; animation: rotation 8s infinite linear;}

.fancy-hero-one .bubble-four::before{width: 6px; height: 6px; background: #8fe9e1; top: 0; left: 50%;}

.fancy-hero-one .bubble-five {width: 160px; height: 160px; top: 30%; right: 7%; animation: rotation 8s infinite linear;}

.fancy-hero-one .bubble-five::before {width: 10px; height: 10px; background: #ffd5ad; top: 50%;}

.fancy-hero-one .bubble-six {width: 120px; height: 120px; bottom: 33%; right: 4%; animation: rotation 8s infinite linear;}

.fancy-hero-one .bubble-six::before{width: 6px; height: 6px; background: #fac3ff; bottom: 0; left: 50%;}
    
/* Inner Banner Animation End */   

/* Page Header Start */  

.page-header {border-bottom:none!important;}

.page-header .page-header-wrapper {position: relative; z-index: 4;}

.page-header .breadcrumbs {font-size: 18px; font-weight: 600; color: #080337;}

.page-header .breadcrumbs .list-item a {color: #080337; transition: all 0.4s ease;}

.page-header .breadcrumbs .list-item .separator {display: inline-block; margin: 0 10px;}

.page-header .breadcrumbs .list-item .current-item {color: #0780d8;}

.page-header .page-header-title {font-size: 40px; max-width: 690px; width: 100%; position: relative; z-index: 2; margin-bottom: 5px; margin-left: auto; margin-right: auto; color: #000;font-family: 'IBM_Plex_Sans-Regular';}

.customer-box .page-header-title {font-size: 40px; max-width: 690px; width: 100%; position: relative; z-index: 2; margin-bottom: 5px; margin-left: auto; margin-right: auto; color: #000;font-family: 'IBM_Plex_Sans-Regular';}
/* Page Header End */  

.bs-callout {padding:0 20px; margin: 0px 0px 20px 0px !important; border: 1px solid #eee; border-top: none; border-right: none; border-bottom: none; border-left-width: 5px;}

.bs-callout-info {border-left-color: #33B149 !important; margin:20px 0px 20px 0px !important;}

.bs-callout-info h1{font-size: 150%;}

.bs-callout-info p{margin-bottom: 0px;}

.choose-bg {background:#fbfbfb; background-size: cover; background-position: center; overflow: hidden; padding: 50px 0;}

.choose-bg h2{margin-bottom: 30px;}

.choose-item {border-radius: 10px; background: #fff; padding: 45px 23px 22px; position: relative; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); overflow: hidden; z-index: 1; min-height: 400px;}

.choose-item:hover::before {top: -43%;}

.choose-item::before {content: ""; position: absolute; left: -10%; top: -100%; width: 324px; height: 256px; background: #0554f2; border-radius: 0px 0px 255px 0px; transition: .3s linear; z-index: -1;}

.choose-item::after {content: ""; position: absolute; left: -10%; top: -43%; width: 324px; height: 256px; background: #fbfbfb; border-radius: 0px 0px 255px 0px; transition: .3s linear; z-index: -2;}

.choose-item:hover .choose-icon {background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);}

.choose-icon {width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #0554f2; border-radius: 50%; transition: .3s linear; margin-bottom: 30px; }

.choose-icon svg {height: 30px; width: 30px; fill: #fff; transition: .3s linear;}

.choose-item:hover .choose-icon svg {fill: #0554f2;}

.choose-content .title {font-size: 20px; margin-bottom: 5px;}

.choose-content p {margin-bottom: 10px; text-align: justify;}

.choose-bg p{margin-bottom: 5px; font-size: 17px;}

.management-bg{background: #f5f7fa; border-radius: 30px; padding: 40px; margin-bottom: 20px;}

.team-thumb { position: relative; z-index:1;}

.team-thumb::before {content: ""; position: absolute; left: 20px; top: 20px; right: 0; width: 83%; height: 95%; background: transparent; /*border: 1px solid #0554f2*/; border-radius: 10px; z-index: -1; transition: .3s linear; pointer-events: none;}

.team-thumb img {border-radius: 10px;}

.team-content {margin:20px 0 10px 0;}

.title {font-size: 20px; margin-bottom: 6px;}

.team-content span {display: block; font-size: 13.5px; color:#929292; line-height: 1.2;}

.management-bg p{font-size: 17px; text-align: justify;}

.management-bg p:last-child{margin: 0;}

.customer-box h2{font-size: 24px; text-align: center;}

/* Customer Start */

.client{margin-bottom:20px; margin-top:20px; overflow: hidden; box-shadow: 0 0 10px #cccccc; border-radius: 10px;}

[class^='imghvr-'], [class*=' imghvr-'] {position: relative; display: inline-block; margin: 0; max-width: 100%; background-color: #2266a5; color: #fff; /*overflow: hidden;*/ -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}

[class^='imghvr-'] > img, [class*=' imghvr-'] > img {vertical-align: top; max-width: 100%;}

[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {background-color: #eeeeee; padding: 14px; line-height: 22px; position: absolute; text-align: justify; top: 0; bottom: 0; left: 0; right: 0; color: #444;}

[class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 {color: #ffffff;}

[class^='imghvr-'] a, [class*=' imghvr-'] a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;}

[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {box-sizing: border-box; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; font-size: 16px !important; line-height: 24px; text-align: left;}

/* imghvr-shutter-out- */

[class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {background: #eeeeee; position: absolute; content: ''; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s;}

[class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption {opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}

[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}

[class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption {opacity: 1; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s;}
 
/* imghvr-shutter-out-horiz */

.imghvr-shutter-out-horiz:before {left: 50%; right: 50%; top: 0; bottom: 0;}

.imghvr-shutter-out-horiz:hover:before {left: 0; right: 0;}

/* imghvr-shutter-out-vert */

.imghvr-shutter-out-vert:before {top: 50%; bottom: 50%; left: 0; right: 0;}

.imghvr-shutter-out-vert:hover:before {top: 0; bottom: 0;}

/* imghvr-shutter-out-diag-1 */

.imghvr-shutter-out-diag-1:before {top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.imghvr-shutter-out-diag-1:hover:before {top: -35%; bottom: -35%;}

/* imghvr-shutter-out-diag-2 */

.imghvr-shutter-out-diag-2:before {top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.imghvr-shutter-out-diag-2:hover:before {top: -35%; bottom: -35%;}

/* imghvr-shutter-in- */

[class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before {background: #eeeeee; position: absolute; content: '';}

[class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after {top: 0; left: 0;}

[class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before {right: 0; bottom: 0;}

[class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption {opacity: 0; z-index: 1;}

[class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption {opacity: 1; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s;}

/* imghvr-shutter-in-horiz */

.imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {width: 0; height: 100%;}

.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {width: 50%;}

/* imghvr-shutter-in-vert */

.imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {height: 0; width: 100%;}

.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {height: 50%;}

/* imghvr-shutter-in-out-horiz */

.imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {width: 0; height: 100%; opacity: 0.75;}

.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before { width: 100%;}

/* imghvr-shutter-in-out-vert */

.imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {height: 0; width: 100%; opacity: 0.75;}

.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before { height: 100%;}

/* imghvr-shutter-in-out-diag-1b */

.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {width: 200%; height: 200%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.75;}

.imghvr-shutter-in-out-diag-1:after {-webkit-transform: skew(-45deg) translateX(-150%); -moz-transform: skew(-45deg) translateX(-150%); -ms-transform: skew(-45deg) translateX(-150%); -o-transform: skew(-45deg) translateX(-150%); transform: skew(-45deg) translateX(-150%);}

.imghvr-shutter-in-out-diag-1:before {-webkit-transform: skew(-45deg) translateX(150%); -moz-transform: skew(-45deg) translateX(150%); -ms-transform: skew(-45deg) translateX(150%); -o-transform: skew(-45deg) translateX(150%); transform: skew(-45deg) translateX(150%);}

.imghvr-shutter-in-out-diag-1:hover:after {-webkit-transform: skew(-45deg) translateX(-50%); -moz-transform: skew(-45deg) translateX(-50%); -ms-transform: skew(-45deg) translateX(-50%); -o-transform: skew(-45deg) translateX(-50%); transform: skew(-45deg) translateX(-50%);}

.imghvr-shutter-in-out-diag-1:hover:before {-webkit-transform: skew(-45deg) translateX(50%); -moz-transform: skew(-45deg) translateX(50%); -ms-transform: skew(-45deg) translateX(50%); -o-transform: skew(-45deg) translateX(50%); transform: skew(-45deg) translateX(50%);}

/* imghvr-shutter-in-out-diag-2 */

.imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {width: 200%; height: 200%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.75;}

.imghvr-shutter-in-out-diag-2:after {-webkit-transform: skew(45deg) translateX(-100%); -moz-transform: skew(45deg) translateX(-100%); -ms-transform: skew(45deg) translateX(-100%); -o-transform: skew(45deg) translateX(-100%); transform: skew(45deg) translateX(-100%);}

.imghvr-shutter-in-out-diag-2:before {-webkit-transform: skew(45deg) translateX(100%); -moz-transform: skew(45deg) translateX(100%); -ms-transform: skew(45deg) translateX(100%); -o-transform: skew(45deg) translateX(100%); transform: skew(45deg) translateX(100%);}

.imghvr-shutter-in-out-diag-2:hover:after {-webkit-transform: skew(45deg) translateX(0%); -moz-transform: skew(45deg) translateX(0%); -ms-transform: skew(45deg) translateX(0%); -o-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%);}

.imghvr-shutter-in-out-diag-2:hover:before {-webkit-transform: skew(45deg) translateX(0%); -moz-transform: skew(45deg) translateX(0%); -ms-transform: skew(45deg) translateX(0%); -o-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%);}

/* Customer End */

h1.pinline {text-align: center; display: block; overflow: hidden; font-size: 1.2em; font-weight: 100; margin: 20px 0; text-transform: uppercase;}

h1.pinline span {position: relative; display: inline-block; line-height: 1;}

h1.pinline span::before, h1.pinline span::after {content: ""; position: absolute; top: 50%; height: 1px; background: #ddd; width: 99999px;}

h1.pinline span::before {left: 100%; margin-left: 20px;}

h1.pinline span::after {right: 100%; margin-right: 20px;}

.succes-bg1{background: #f1fdfd; border-radius: 30px; padding: 40px; margin-bottom: 40px;}

.succes-bg2{background: #fffcf3; border-radius: 30px; padding: 40px; margin-bottom: 40px;}

.succes-bg3{background: #f8fcee; border-radius: 30px; padding: 40px; margin-bottom: 40px;}

.customer-box h1{font-size: 26px; text-align: center; font-weight: 500;}

.customer-box .card{border-radius: 8px; padding: 0px;}

.customer-box .card:hover {-webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0 20px 20px 0 rgba(2,19,79,.09); -webkit-transition: all .3s ease; transition: all .3s ease; box-shadow: 0 20px 20px 0 rgba(2,19,79,.09);}

.customer-box .card img{margin: 8px 0;}

.customer-box .card .card-body{border-top: #eee solid 1px;}

.more-btn .btn {background: #0554f2; color:#fff;} 

.more-btn .btn {color: #fff; cursor: pointer; text-align: center; text-transform: uppercase;  user-select: none; -moz-user-select: none; border: medium none; border-radius: 25px; cursor: pointer; display: inline-block; font-size: 15px; letter-spacing: .6px; line-height: 1; margin-bottom: 0; padding: 18px 33px; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; height: 50px; position: relative; overflow: hidden; z-index: 1; font-family: 'IBM_Plex_Sans-Regular';}

.more-btn .btn:hover::after {transform: scaleX(1); transform-origin: left;}

.more-btn .btn:hover, .more-btn .btn:focus, .more-btn .btn.focus{color: #fff;}

.more-btn .btn::after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scaleX(0); transform-origin: right; transition: all 0.7s linear; transition-property: all; transition-timing-function: linear; transition-timing-function: cubic-bezier(.075,.82,.165,1); transition-property: transform; background:#f47f43; z-index: -1;}

.more-btn .btn::after {background: #f47f43;}

.more-btn2 .btn {background: #f7f7f7; color: #000; cursor: pointer; font-size: 15px; line-height: 1; text-align: center; text-transform: uppercase; letter-spacing: .6px; padding: 18px 33px; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; width: 100%; border-top: 1px solid rgba(0,0,0,.125); border-radius: 0 0 8px 8px;font-family: 'IBM_Plex_Sans-Regular';}

.more-btn2 .btn:hover {background: #0554f2; color:#fff;}

.more-btn2 .btn:hover, .more-btn2 .btn:focus, .more-btn2 .btn.focus{color: #fff;}

/* Parallax */

#main {width: 100%; padding:0;}

.content-asset p {margin:0 auto;}

.breadcrumb {display:none;}

#parallax-world-of-ugg h1 {font-size:35px !important; font-weight:400 !important; color:#fff !important; padding:0; margin:0 0 20px 0; text-align: center;font-family: 'IBM_Plex_Sans-Regular';}

/*#parallax-world-of-ugg h1 span {border-bottom: 2px solid #353794;}*/

#parallax-world-of-ugg p {font-weight:400; font-size:18px; line-height:27px; color:#fff !important;text-align:center; margin-bottom:15px !important;}

#parallax-world-of-ugg .parallax-one {padding-top: 220px; padding-bottom: 130px; overflow: hidden; position: relative; width: 100%; background-image:url("../images/partner.jpg");  background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax-world-of-ugg .parallax-two {padding-top: 50px; padding-bottom: 50px; overflow: hidden; position: relative; width: 100%; background-image:url(../images/cs-img-1.jpg);  background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax-world-of-ugg .parallax-three {padding-top: 50px; padding-bottom: 50px; overflow: hidden; position: relative; width: 100%; background-image:url(../images/cs-img-2.jpg);  background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax-world-of-ugg .parallax-four {padding-top: 50px; padding-bottom: 50px; overflow: hidden; position: relative; width: 100%; background-image:url(../images/cs-img-3.jpg);  background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}

#parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}

.parallax-btn{border: 2px solid #fff !important; color:#fff; border-radius:3px !important; font-size:16px !important;background: transparent !important;font-family: 'IBM_Plex_Sans-Regular';}

.parallax-btn:hover, .parallax-btn:focus{background:#353794 !important; color:#fff !important; box-shadow:none !important; border: 2px solid #353794 !important; transition: all 0.3s ease-in-out 0s;}

@media screen and (max-width: 959px) and (min-width: 768px) {
	
#parallax-world-of-ugg .block {padding: 40px; width:620px;}

.m1-body p {  margin-bottom: 62px !important;}
	
.m2-body p {margin-bottom: 64px !important;}

.m4-body p {  margin-bottom: 112px !important; }
	
}

.partner-box .media h2{font-size: 24px;font-family: 'IBM_Plex_Sans-Regular';}

.partner-box .media p{margin: 0 0 8px 0; font-size: 17px; text-align: justify;font-family: 'IBM_Plex_Sans-Regular';}

.partner-box .benefit-bg{background: #c0f1ff; padding: 30px 0; margin: 30px 0;}

.partner-box .benefit-bg h2{text-align: center; font-size: 26px; font-weight: 500; margin-bottom: 24px;font-family: 'IBM_Plex_Sans-Regular';}

.partner-box .list-box {position: relative; z-index: 1; display: block; padding: 15px 12px 15px 45px; color: #000; font-weight: 500; background-color: #fff; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.08); box-shadow: 0 2px 8px 0 rgba(0,0,0,.08); width: 100%; right: inherit; bottom:inherit; margin: 8px 0;font-size: 17px;font-family: 'IBM_Plex_Sans-Regular';}

.partner-box .list-box, .partner-box .list-box::before {border-radius: 3px; -webkit-transition: .5s; transition: .5s;}

.partner-box .list-box::before {content: ""; left: 0; top: 0; height: 100%; width: 100%; background: -webkit-linear-gradient(315deg,#23bdb8,#43e794); background: linear-gradient(135deg,#23bdb8,#43e794); opacity: 0; visibility: hidden; position: absolute; z-index: -1;}

.partner-box .list-box svg {margin-right: 5px; display: inline-block; color: #44ce6f; -webkit-transition: .5s; transition: .5s; width: 24px; position: absolute; left: 15px; top: 16px;}

.partner-box .list-box:hover {color: #fff; -webkit-transform: translateY(-5px); transform: translateY(-5px);}

.partner-box .list-box:hover::before {opacity: 1; visibility: visible;}

.partner-box .list-box::before {content: ""; left: 0; top: 0; height: 100%; width: 100%; background: -webkit-linear-gradient(315deg,#3fc0e8,#8960e2); background: linear-gradient(135deg,#3fc0e8,#8960e2); opacity: 0; visibility: hidden; position: absolute; z-index: -1;}

.partner-box .list-box:hover {color: #fff;}

.partner-box .list-box:hover svg {color: #fff!important;}

.partner-box h3{font-size: 20px;}

.faq-wrapper .faq-item h5{font-size: 19px; color: #000; line-height: 24px; font-weight: 500;font-family: 'IBM_Plex_Sans-Regular';}

.faq-wrapper .faq-item h5 span{color: #157efb;font-size: 22px;}

.faq-wrapper .faq-item p{text-align: justify;font-size: 17px; color: #666666; margin-bottom: 30px;font-family: 'IBM_Plex_Sans-Regular';}

.partner-form .form-control {border: 1px #ccc solid; border-radius: 4px; box-shadow: none; transition: none 0s ease 0s; margin-bottom: 15px;font-family: 'IBM_Plex_Sans-Regular';}

.partner-form .form-control::placeholder {color: #666;}

#submitCRM7f1de29e6da19d22b51c6801e7ee54 {background: #ef7c16; color: #fff; cursor: pointer; font-size: 17px; line-height: 1; text-align: center; text-transform: uppercase; letter-spacing: .6px; padding: 15px 23px; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; width: auto; border: none; border-radius: 8px;font-family: 'IBM_Plex_Sans-Regular';}

#submitCRM7f1de29e6da19d22b51c6801e7ee54:hover {background: #0554f2; color:#fff;}

/*Partner Slider*/

#marquee__container {background-color: #fff; min-height: 20vh; display: flex; justify-content: center; flex-direction: column; align-items: center; padding:0 0 2rem 0;}

.marquee__title {font-size: 3rem; color: #5e5e5e; margin: 2rem 0; text-align: center; padding: 1rem;}

.marquee {background-color: #fff; color: lightgrey; width: 100vw; overflow: hidden;}

.marquee__content {list-style: none; height: 100%; display: flex; animation: scrolling 30s linear infinite;}

.marquee__content li {width: 10vw; flex-shrink: 0; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 4px;}

.marquee__img {width: 10vw; padding: 1rem; border: #ddd solid 1px; border-radius: 6px;}

@keyframes scrolling{

0% {transform: translateX(-0vw);}

100% {transform: translateX(-160vw);}

}

/*HOVER / PAUSED STATE*/

.marquee__content:hover {animation-play-state: paused;}

.marquee__img:hover {transition: all .4s ease; border-radius: 10px; box-shadow: 0 0 10px #e0e0e0;}

/*TABLET VERSION*/

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

.marquee__title {font-size: 2.5rem; padding: 0rem;}

.marquee__content li {width: 25vw;}

.marquee {width: 95vw; margin: 1rem 0;}

.marquee__img {width: 25vw;}

@keyframes scrolling {

0%{transform: translateX(-0vw);}

100% {transform: translateX(-200vw);}
    
}



}



/*MOBILE VERSION*/

@media screen and (max-width: 500px) {
    
.marquee__img {width: 50vw;}

.marquee__content {animation: scrolling 25s linear infinite;}

.marquee__content li {width: 60%;}

.marquee--invisible--mobile {display: none!important;}

@keyframes scrolling {

0% {transform: translateX(-0vw);}
    
100% {transform: translateX(-760vw);}

}

.media1, .media2, .media3{ margin-bottom:20px;}


}

/*Partner Slider*/

.media-news {margin-bottom: 32px;}

.media1 {border-radius:20px; border:#d3dadf solid 1px; padding:6px; color:#000; margin-bottom: 30px;}

.media1:hover {box-shadow: .5rem .5rem 0 rgba(233, 236, 239, .5);}

.media2{border-radius:10px; border:#d3dadf solid 1px; padding:12px; color:#000;}

.media2:hover {box-shadow: .5rem .5rem 0 rgba(233, 236, 239, .5);}

.media1-btn{ background:#44b1ec; font-size:12px; color:#fff; text-decoration:none; border-radius:20px; padding:8px 12px; text-align:center; font-family: Poppins, Arial, sans-serif;}

.media1-btn:hover,.media1-btn:active { background:#1077BD; font-size:12px; color:#fff; text-decoration:none; border-radius:20px; padding:8px 12px; text-align:center; font-family: Poppins, Arial, sans-serif;}

.media1 img{border-radius:10px;}

/*.media2 {border-radius:20px; border:#d3dadf solid 1px; padding:6px; color:#000;}
.media2-btn{background:#44b1ec; font-size:12px; color:#fff; text-decoration:none; border-radius:20px; padding:8px 12px; text-align:center; font-family: Poppins, Arial, sans-serif;}

.media3{ border-radius: 20px !important; border: #d3dadf solid 1px !important; padding: 19px !important; color: #000 !important;}*/

.m1-body p  {margin-bottom: 36px;}

.m2-body p  {margin-bottom: 60px;}

.m4-body p {  margin-bottom: 88px;}

/*.media3-btn{background:#69D294; font-size:12px; color:#fff; text-decoration:none; border-radius:20px; padding:8px 12px; text-align:center; font-family: Poppins, Arial, sans-serif;}*/

.media3 .card-body {padding: 12px;}

.card-text{height: 120px;}

.card-text2{height: 116px;}

.news{margin:30px 0 0px 0;}

.news .card-body{padding: 0 0px; min-height: 200px; border: none!important;}

.news .card h4{text-align: left;margin: 0; font-size: 16px; font-style: italic; font-weight: bold; background: #ffd974; display: inline-block; padding:5px 10px 8px 10px; color: #000; margin-bottom: 16px; width: 80%;}

.news .card {margin-bottom: 20px; border: none; /*border-top: #ffd974 solid 3px!important;*/ border-radius: 0px;}

.news .card p{padding: 10px;}

.news .card .btn{background: transparent; color: #000; border: none; text-align: left;}

.news .card .btn svg {vertical-align: middle; -webkit-transition: all .2s ease; transition: all .2s ease; padding-left: 4px; color: #1b70f9;}

.news .card .btn:hover svg {-webkit-transform: translateX(3px); top: 1px; position: relative; transform: translateX(3px); margin-left: 3px; color: #1b70f9;}

.news .card .btn:focus{box-shadow: none;}

.news .card .btn:active, .news .card .btn:active:focus{box-shadow: none; background: none; color: #000;}

.contact-info-box {text-align: center; -webkit-transition: .4s; transition: .4s; -webkit-box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); box-shadow: 0 2px 8px 0 rgba(0,0,0,.08); background: #fff; padding: 30px; margin-bottom: 30px;}

.contact-info-box:hover {-webkit-transform: translateY(-10px); transform: translateY(-10px);}

.contact-info-box .icon {display: inline-block; width: 65px; height: 65px; line-height: 62px; background: #f0f0f0; border-radius: 50%; font-size: 30px; color: #44ce6f;
  -webkit-transition: .4s; transition: .4s;}

.contact-info-box:hover .icon {color: #fff; background: #bdefff;}

.contact-info-box h3 {font-size: 20px; margin: 25px 0 15px; font-weight: 600;font-family: 'IBM_Plex_Sans-Regular';}

.contact-info-box p {margin-bottom: 0;}

.contact-info-box p a {color: #6084a4;}

.contact-100{height: 160px; color: #444; font-size: 17px;font-family: 'IBM_Plex_Sans-Regular';}

.contact-bg {position: relative; text-align: center; padding: 40px 15px; left: 0; top: 0; width: 100%; height: 100%; font-family: 'IBM_Plex_Sans-Regular';
  background: -o-linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent); background: linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent); background-size: auto; background-size: 400% 400%; -webkit-animation: gradient 20s linear infinite; animation: gradient 20s linear infinite;}

.contact-bg h2{margin-bottom: 40px;font-family: 'IBM_Plex_Sans-Regular';}

.contact-bg .form-control{font-family: 'IBM_Plex_Sans-Regular'; border:1px solid rgba(153, 153, 153, 0.2666666667); border-radius:10px; min-height:44px; padding:6px 15px; margin-bottom:20px; font-size: 16px;}

.contact-bg .form-control::placeholder {color: #000;}

.contact-bg2 {font-family: 'IBM_Plex_Sans-Regular'; position: relative; text-align: center; padding:40px 15px; left: 0; top: 0; width: 100%; height: 100%; border-radius: 30px; border: #eee solid 1px; background: -o-linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent); background: linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent); background-size: auto; background-size: 400% 400%; -webkit-animation: gradient 20s linear infinite; animation: gradient 20s linear infinite;}

.contact-bg2 h2{margin-bottom: 20px; font-size: 24px;}

.contact-bg2 .form-control{font-family: 'IBM_Plex_Sans-Regular'; border:1px solid rgba(153, 153, 153, 0.2666666667); border-radius:10px; min-height:44px; padding:6px 15px; margin-bottom:20px; font-size: 16px;}

.contact-bg2 .form-control::placeholder {color: #000;}

.errorMsgColor {margin-top: 0px !important; margin-bottom: 0px !important; position: relative; top: -14px; color: #FF0004; text-align: left; font-family: 'IBM_Plex_Sans-Regular';}

.contact-wrap {padding: 50px 0px; margin-bottom: 30px;}

.contact-wrap .contact-box {width: 50%; background-color: #f4f4f4;}

.contact-wrap .contact-box .entry-figure {height: 100%;}

.contact-wrap .contact-box .entry-figure img {-o-object-fit: cover; object-fit: cover; height: 100%;}

.contact-wrap .contact-box .entry-form {padding: 80px 100px; width: 100%;}

.row.map {margin-bottom: 40px; font-family: 'IBM_Plex_Sans-Regular';}

.media-info {margin-bottom: 40px; padding-left: 50px;}

.media-info h2 {font-size: 20px !important; padding-top: 10px; font-weight: 600;}

.media-body p {font-size: 17px;}

#submitCRMfc49ca45c0b1249bbe3554a4fdf6fb {background: #ef7c16; color: #fff; cursor: pointer; font-size: 17px; line-height: 1; text-align: center; text-transform: uppercase; letter-spacing: .6px; padding: 15px 23px; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; width: auto; border: none; border-radius: 8px; font-family: 'IBM_Plex_Sans-Regular';}

#submitCRMfc49ca45c0b1249bbe3554a4fdf6fb:hover {background: #0554f2; color:#fff; font-family: 'IBM_Plex_Sans-Regular';}    

.content {padding: 10px; border: 1px solid #e7e7e7; text-align: center; border-radius: 10px; height: 100%; background:#fffff0;}

.content i{font-size: 30px; width: 60px; height: 60px; background:#f2f6ff; color:#0554f2; border-radius: 50%; margin-right: 20px; padding: 8px; display: inline-block;}

.content p{font-size: 18px; line-height: 26px;font-family: 'IBM_Plex_Sans-Regular';}

.content h2 {font-size: 20px; text-transform: uppercase; margin-bottom: 10px;font-weight: 600;font-family: 'IBM_Plex_Sans-Regular';}

.content h5 {font-size: 16px; text-transform: uppercase; margin-bottom: 10px;font-weight: 600;font-family: 'IBM_Plex_Sans-Regular';}

.content a {font-weight: 400;}  

.content2 {padding: 10px; border: 1px solid #e7e7e7; text-align: center; border-radius: 10px; height: 100%; background:#f0ffff;}

.content2 i{font-size: 30px; width: 60px; height: 60px; background:#f2f6ff; color:#0554f2; border-radius: 50%; margin-right: 20px; padding: 8px; display: inline-block;}

.content2 p{font-size: 18px; line-height: 26px;font-family: 'IBM_Plex_Sans-Regular';}

.content2 h2 {font-size: 20px; text-transform: uppercase; margin-bottom: 10px;font-weight: 600;font-family: 'IBM_Plex_Sans-Regular';}

.content2 h5 {font-size: 16px; text-transform: uppercase; margin-bottom: 10px;font-weight: 600;font-family: 'IBM_Plex_Sans-Regular';}

.content2 a {font-weight: 400;}  

.content-title{margin-bottom: 70px;}

.content-title h2{font-size: 20px;font-family: 'IBM_Plex_Sans-Regular';}

#submitbuttId{background: #ef7c16; color: #fff; cursor: pointer; font-size: 17px; line-height: 1; text-align: center; text-transform: uppercase; letter-spacing: .6px; padding: 15px 23px; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; width: auto; border: none; border-radius: 8px;}

#submitbuttId:hover {background: #0554f2; color:#fff;} 

select {color: #000!important;}

option:not(:first-of-type) {color: black;}

.career-box h1{font-size: 24px;}

.news{margin: 60px 0 0 0;}

.news .card-body{padding: 0 0px; min-height: 200px;}

.news .card h4 { text-align: left;   margin: 0;  font-size: 18px;  font-style: italic;  font-weight: bold;   background: #fff5da;   display: inline-block;   padding: 5px 10px;   color: #000;  margin-bottom: 16px;   border-top-left-radius: 8px;}

.news .card {margin-bottom: 20px;   border: 1px solid #fff5da;   /* border-top: #ffd974 solid 3px !important; */   border-radius: 8px;   height: 260px;}

.news .card:hover{box-shadow: .5rem .5rem 0 rgba(233,236,239,.5);transform: translate3d(-4px,-4px,0) rotateZ(-1deg); background: #fff;transition: all 0.3s ease-in-out 0s;}

.news .card .btn{background: transparent; color: #000; border: none;}

.news .card .btn i{top: 1px; position: relative;}

.infographics{margin: 60px 0;}

.infographics img {margin: auto !important; display: block;}

.inner-news h1{font-size: 32px; color: #000; line-height: 48px; font-weight:500; margin-bottom:20px;}

.inner-news h2{font-size: 22px; color: #000; line-height: 32px; border-bottom: #ccc solid 1px;}

.inner-news h4{font-size: 20px; color: #198bdd; margin-bottom: 20px;}

.inner-news h5{font-size: 18px; color: #000; margin-bottom: 10px;font-weight: 600;}

.inner-news h6{font-size: 16px; color: #000; font-weight: bold;}

.inner-news p{text-align: justify; color: #000; font-size: 17px;}

.inner-news p em{background: #f5f5f5; border-radius: 6px; padding: 4px; line-height: 28px; font-size: 16px;}

.inner-news .list-unstyled li{font-size: 17px; line-height: 30px; text-align: justify; background:url(../images/news-bullet.png) no-repeat scroll left 13px; padding: 5px 5px 5px 30px;}

.inner-news .list-unstyled li p{margin-bottom: 0; color:#5A5A5A; font-size: 16px; line-height: 20px;}

.inner-news .list-unstyled li svg{color: #0d6efd; width: 24px;}

.inner-news-rt{background: #fff; padding:12px; border-radius: 2px; border: #9fe4fa solid 10px;}

.inner-news-rt p{font-size: 18px; margin-bottom: 12px!important; font-style: italic; text-align: left;}

.inner-news-rt .blockquote-footer{margin-top: inherit; font-size: 13px;}

.inner-news-rt figure{margin: 0;}

.inner-news .shadow {box-shadow: 0 .2rem 0.2rem rgba(0,0,0,.15) !important;}

.table thead th{border-bottom: 1px solid #ddd; font-weight: normal;}

.intbox {width: 100%; margin: auto; background: #fff; margin-bottom: 30px; text-align: center !important; padding: 16px; border-radius: 8px;-webkit-transition: .5s; transition: .5s; -webkit-box-shadow:0 1px 10px -4px #ccc; box-shadow: 0 1px 10px -4px #ccc; position: relative; border: #fff solid 1px;}

.intbox:hover{transform: scale(1.1); border: #0084ff solid 1px;}

.intbox img{width: 80%;}

.error-page {text-align: center !important; color: #fff; float:none !important; }

.error-page img{float:none !important; text-align:center; margin:auto;}

.error-page h6 {text-align: center; font-size: 250% !important; color: #454545 !important; margin-top: 50px !important; margin-bottom: 30px; letter-spacing: 2px;}

.error-page p {font-size: 130%; color: #454545; text-align: center !important; margin:10px 0; line-height:1.6; clear:both !important;}

.main{
  margin-top: 15%;
}

.st0{fill:#fff}
.st2{fill:#5d89af}
.st3{fill:#709abf}
.st4,.st6{
  fill:#fff;
  stroke:#b3dcdf;
  stroke-miterlimit:10
}
.st6{
  stroke:#5d89af;
  stroke-width:2
}
.st7,.st8,.st9{
  stroke:#709abf;
  stroke-miterlimit:10
}

.st7{
  stroke-width:5;
  stroke-linecap:round;
  fill:none
}
.st8,.st9{
  fill:#fff
}
.st9{
  fill:none
}
.st10{
  
}

#cloud1{
  animation: cloud003 15s linear infinite;
}

#cloud2{
  animation: cloud002 25s linear infinite;
}

#cloud3{
  animation: cloud003 20s linear infinite;
}

#cloud4{
  animation: float 4s linear infinite;
}

#cloud5{
  animation: float 8s linear infinite;
}

#cloud7{
  animation: float 5s linear infinite;
}

#tracks{
  animation: slide 650ms linear infinite;
}

#bumps{
  animation: land 10000ms linear infinite;
}

@keyframes jig {
    0% { transform: translateY(0px); }
    50% { transform: translateY(1px); }
    100% { transform: translateY(0px); }
}

#car-layers{
  animation: jig 0.35s linear infinite;
}

@keyframes land {
    from { transform: translateX(0); }
    to { transform: translateX(1000px); }
}


@keyframes slide {
    from { transform: translateX(0px); }
    to { transform: translateX(100px); }
}

/* @keyframes cloudFloat {
  0% { transform: translateX(0) translateY(3px); }
  100% { transform: translateX(1000px) translateY(0); }
} */

@keyframes cloud001 {
  0% { transform: translateX(-1000px) translateY(3px); }
  100% { transform: translateX(1000px) translateY(0); }
}

@keyframes cloud002 {
  0% { transform: translateX(-1000px) translateY(3px); }
  100% { transform: translateX(1000px) translateY(0); }
}

@keyframes cloud003 {
  0% { transform: translateX(-1000px) translateY(3px); }
  100% { transform: translateX(1000px) translateY(0); }
}

@keyframes float {
    0% { transform: translateY(0px) translateX(0); }
    50% { transform: translateY(8px) translateX(5px); }
    100% { transform: translateY(0px) translateX(0); }
}

#bracefront, #braceback{
  animation: braces 1s linear infinite;
}

@keyframes braces {
    0% { transform: translateX(-2px); }
  25% { transform: translateX(3px); }
    50% { transform: translateX(-2px); }
    75% { transform: translateX(3px); }
  100% { transform: translateX(-2px); }
}


.form-section{background: #f5f5f5; padding: 20px 0 40px 0;}

.form-lt p svg{color: #fff; width: 60px; height: 60px;}

.form-lt{background: #3682b8; padding:20px!important; border-radius: 8px 0 0 8px;}

.form-rt{background: #fff; padding:16px 8px; border-radius:0 8px 8px 0;}

.form-section-txt{color: #fff; font-size: 18px; font-style: italic;}

.form-section-txt2{color: #fff; font-size: 16px; margin: 0;}

.form-section-txt3{color: #fff; font-size: 14px; margin: 0;}

.form-section-txt2 p{margin: 0;}

#sutiCRMWidget757b505cfd34c64c85ca5b5690ee5293 .form-control{margin-bottom: 14px;}

#submitCRM757b505cfd34c64c85ca5b5690ee5293{font-size: 17px !important; width: 100%; padding: 8px 20px !important; margin-bottom: 8px; background: #086ad8 !important; color: #fff; border:0px ; border-radius: 3px !important; margin-top: 0px !important;}

.form-section h2{font-size: 28px!important; text-align: center; margin-bottom: 20px!important; margin-top: 10px!important;}

.security-box{border: #ddd solid 1px; border-radius: 8px; padding:16px 8px 8px 8px; margin-bottom: 30px; transition-timing-function: ease; min-height: 220px;}

.security-box:hover{transform: scale(1.1); background: #f5f5f5;}

.security-box h3{font-size: 17px; font-weight: bold;}

.security-box p{font-size: 16px; margin: 0;}

.sub-title{font-size: 20px; margin: 0;}

.security-box img{margin-bottom: 8px;}

.title h2{font-size: 30px;}

.title .sub-title{font-size: 20px; margin: 0 0 20px 0;}

/* ============ Media Query ============ */

@media (max-width: 575.98px) {
    
.banner-area h1{font-size: 30px; text-align: center;}   
    
.banner-area h2{font-size: 20px; text-align: center;line-height: 28px;}   
    
.banner-img img{margin-top: 20px;}	
	
.section-title h2{font-size: 20px;} 
    
.curve1{height: 80px;}    
    
.curve2{height: 80px;}
    
.curve3{height: 80px;}
    
.curve4{height: 80px;}    
    
.phone{display:none!important;}    
    
.navbar-collapse{padding-bottom: 20px;}       
    
.navbar .dropdown-menu {overflow-y: scroll; height: 300px; width: 100%;} 
    
.navbar-light .navbar-nav .nav-link{padding-top: 10px; padding-bottom: 10px;}    
    
.banner-area{padding-top: 6em;}    
  
.brand {padding-bottom: 0;}
    
.brand img {margin: 0 0 10px 0;}
    
.platforms .mrlft {margin: 0 0 10px 0;}
    
.platforms .pad_nil {padding: 15px !important;}
    
.client-sec {margin: 50px 10px;}
    
.client-sec .client-des .testimonial-box .client-rating .list-inline-item:not(:last-child) {margin-right: 2.5rem;}
    
.feat-box{min-height:auto;}
    
.feat1 svg {width: auto;}
    
.feat2 svg {width: auto;}
    
.feat3 svg {width: auto;}
    
.feat4 svg {width: auto;}
    
.feat5 svg {width: auto;}
    
.customer-success .success1 {margin: 0 0 20px 0;}
    
.customer-success .success2 {margin: 0 0 20px 0;}
    
.customer-success .success3 {margin: 0 0 20px 0;}
    
.press-bg {margin: 0 0 20px 0;}
    
.blog-area .item {margin: 0 0 20px 0 !important;}
    
.contact-wrap .contact-box {width: 100%;}   
    
.content {margin-bottom: 10px; height: auto;}    
    
.choose-item{margin-bottom: 30px; min-height: auto;}
    
[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {width: 100%; font-size: 18px !important; line-height: 24px; padding: 12px;}  
    
[class^='imghvr-'], [class*=' imghvr-'] {background-color: #fff;}   
    
.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {height: auto;}  
    
.team-thumb::before {width: 40.5%;}  

.intbox img{width: 60%;}   
	
.form-lt{border-radius: 8px 8px 0 0;}

.form-rt{border-radius:0 0 8px 8px;}	
    
}
    
@media (min-width: 768px) and (max-width: 991.98px) {
    
.navbar-collapse{padding-bottom: 20px;}   
    
.navbar-light .navbar-nav .nav-link{padding-top: 0px; padding-bottom: 0px;}    
	
.banner-area{padding-top: 6em;}

.banner-area.bg-top {padding-bottom: 20px;}

.banner-area h2 {color: #000; font-size: 17px; text-align: left; line-height: 28px;}

.banner-area h1 {font-size: 23px; color: #000; margin-bottom: 12px; line-height: 1.4; text-align: left;}	

.platforms .phead1 {font-size: 11px;}
    
.platforms .phead2 {font-size: 11px;}
    
.platforms .phead3 {font-size: 11px;}
    
.platforms .card-default p {font-size: 13px;}
    
.platforms .pb1 {min-height: 268px;}
    
.platforms .card-heading {padding: 10px 15px;}
    
.platforms .card-heading img {width: 22px;}
    
.platforms .pb1 {min-height: 248px;}
    
.platforms .pb3 {min-height: 248px;}
    
.platforms .pb4 {min-height: 248px!important;}    
    
.platforms .ipad-hgt {min-height: 228px;}
    
.platforms .ipad-hgt1 {min-height: 200px;}
    
.brand img {margin: 10px;}
    
.client-sec {margin-top: 30px;}
    
.client-sec .client-des .testimonial-box .client-rating .list-inline-item:not(:last-child) {margin-right: 5.5rem; margin-bottom: 12px;}
    
.feat-box{min-height:auto;}    
    
.feat1 svg {width: auto;}
    
.feat2 svg {width: auto;}
    
.feat3 svg {width: auto;}
    
.feat4 svg {width: auto;}
    
.feat5 svg {width: auto;}
    
.contact-info-box{margin-top: 0px; height: auto;}    
    
.contact-wrap .contact-box {width: 100%;}    
    
.contact-wrap .contact-wrap{padding: 30px 0;}  
    
.content {margin-bottom: 10px; height: auto;}      
    
.team-thumb::before {width: 93%;}    
    
.platforms .mrlft {margin: 0px 0px 20px -13px; width: 104.3%!important;}   
    
.title {font-size: 18px;}    
    
.main-menu .header .menu > ul > li .menu-column-1 {min-width: 100%!important; max-width: 100%!important;}    
    
}
    
@media (max-width: 991px){

.contact-box {width: 100%!important;}   
    
.team-thumb::before {width: 93%;}      

}    

@media (max-width: 1024px){
	
.card-text{height: 140px;}

.card-text2{height: 140px;}	
    
.team-thumb::before {width: 103%;}  
    
.choose-item{min-height: 450px; margin-bottom: 30px;}    
    
.platforms .mrlft {margin: 0px 0px 20px -13px; width: 103%;}  
    
.platforms .pb1 {min-height: 270px!important;}  
	
.platforms .pb3 {min-height: 270px!important;}  
	
.platforms .pb4 {min-height: 270px;}  	
	
.feat1 h4{font-size: 18px;}	
	
.feat2 h4{font-size: 18px;}	
	
.feat3 h4{font-size: 18px;}	
	
.feat4 h4{font-size: 18px;}		
    
.feat-box{min-height: 440px;}    
    
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    
.navbar .dropdown-menu{width: 80%;}

.ft-icon1 {width: 28px; height: 28px; padding: 4px; font-size: 14px;}
    
.ft-icon2 {width: 28px; height: 28px; padding: 4px; font-size: 14px;}
    
.ft-icon3 {width: 28px; height: 28px; padding: 4px 4px 6px 4px; font-size: 14px;}
    
.ft-icon4 {width: 28px; height: 28px; padding: 4px; font-size: 14px;}
    
.list-inline-item:not(:last-child) {margin-right: .2rem;}
    
.optanon-alert-box-wrapper {width: 100%;}
    
.contact-wrap .contact-box {width: 100%;}  
    
.contact-wrap .contact-wrap{padding: 30px 0;}         


.m1-body p {  margin-bottom: 60px !important;}
    
.m3-body p {margin-bottom: 38px !important;}


    
}

@media (min-width: 1280px) and (max-width: 1366px) {

.navbar .dropdown-menu {width: 68%;}
    
.platforms .pb3{height: 236px;}    

.platforms .pb4{height: 236px;}    
    
}

@media (min-width: 1400px) {

.optanon-alert-box-wrapper {width: 77%;}
    
}

@media (min-width: 1920px) {

.optanon-alert-box-wrapper {width: 59%;}   
    
.platforms .pb3{height: 236px;}    

.platforms .pb4{height: 236px;}        
    
}

/* ============ Media Query ============ */