@font-face {
    font-family: 'Segoe UI';
    src: url('SegoeUIBlack.woff2') format('woff2'),
        url('SegoeUIBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('SegoeUIBlack.woff2') format('woff2'),
        url('SegoeUIBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('SegoeUI-Bold.woff2') format('woff2'),
        url('SegoeUI-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('SegoeUI-Semibold.woff2') format('woff2'),
        url('SegoeUI-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('SegoeUIBlack-Italic.woff2') format('woff2'),
        url('SegoeUIBlack-Italic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI This';
    src: url('SegoeUIThis-Bold.woff2') format('woff2'),
        url('SegoeUIThis-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body { margin: 0px; padding: 0px; width: 100%; color: #000;    font-family: 'Segoe UI' !important;font-size: 16px; background: #ffffff;  line-height: 24px;}


.nav>li>a {padding: 10px 10px !important;} 

.mb50 {
    margin-bottom: 50px !important;
}
h1,h2{    max-width: 100%; font-family: 'Segoe UI' !important;
   
    background: linear-gradient(90deg, #ce0569 12.66%, #ff5800 94.55%);
    background-clip: border-box; font-size: 55px !important;
    line-height: 70px !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: hsla(0, 0%, 100%, 0);
    text-shadow: 0 0 hsla(0, 0%, 100%, 0);}

h2{font-size: 44px !important; text-align: center !important; line-height: 64px !important; font-family: 'Segoe UI' !important;}

h3{font-size: 2.25rem;
        line-height: 46px;
        font-weight: 700; color: #333;
        text-decoration: none;}
.ps{position: relative; top:60px;}
.equality{padding: 20px 20px 0 20px; min-height: 380px; position: relative;}
.equality .heading{ font-size: 24px; color: #fff; text-align: left;}
.equality p{color: #fff !important; line-height: 24px; font-size: 16px; }
.equality img{position: absolute; bottom: 0;}

.testimony{font-size: 26px;
    line-height: 0.9;
    font-weight: 700;
    margin: 0;
    color: #1c4593;
     font-family: 'Segoe UI';}
.w-75 {
    width: 75px;
}.ripple_hover {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}.above_div {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
}.stories-items .zoom_text a {
    color: #000000;
    font-weight: 500;
    font-size: 20px;
}.img_wrap {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 20px 20px;
}.stories-items .zoom_text img {
    margin-top: 120px;
    opacity: 0.6;
}.bg-jade-light {
    background-color: #a8d7cd;
}
.bg-jade-light:hover {
    background-color: #50af91; 
	
}


.bg-jade-light:hover  .zoom_text p{color: #fff !important;}

.stories-items .zoom_text p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    line-height: 25px; color: #000;
}.fz-30 {
    font-size: 30px !important;
}.block {
    display: block;
}.stories-items .zoom_text img {
    margin-top: 120px;
    opacity: 0.6;
}


.ripple_bg_change2 .ripple_effect {
    background-color: #007CC3;
}
.bg-amethyst-light {
    background-color: #d0b5d5;
}
.bg-sapphire-light {
    background-color: #92d1ff;
}

.ripple_bg_change1 .ripple_effect {
    background-color: #00B28F;
}.ripple_bg_change2 .ripple_effect {
    background-color: #007CC3;
}
.bg-amethyst-light {
    background-color: #d0b5d5;
}

.bg-amethyst-light:hover {
    background-color: #8b3d92;
}
.bg-amethyst-light:hover  p{color: #fff !important
;}
.bg-sapphire-light {
    background-color: #92d1ff;
}
.bg-sapphire-light :hover{
    background-color: #367bbd;
}

.bg-sapphire-light :hover p{color: #fff !important
;}
.ripple_bg_change1 .ripple_effect {
    background-color: #00B28F;
}





.container { max-width: 1360px; }
.btn.btn-theme, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
    background: rgb(238,31,113);
  background: linear-gradient(90deg,rgba(238,31,113,1) 0%,rgba(0,219,222,1) 80%);
    color: #fff;
}
.btn.btn-theme {
    background: rgb(0,91,234);
 background: linear-gradient(90deg,rgba(238,31,113,1) 0%,rgba(0,219,222,1) 80%);
    color: #fff;
}

.heading { font-size: 45px; text-align: center;  font-family: 'Segoe UI';font-weight: bold; color: #357abd; padding-bottom: 8px;}
.content{ font-size: 15px; text-align: center;line-height: 16px;
    padding-top: 10px;
}
.btn-sm {
    padding: 10px 20px;
}
.featured-item {
    padding: 30px 30px;
    background: #fff;
    overflow: inherit; text-align: center;box-shadow: 0px 0px 8px #737373;margin-bottom: 40px;
}
.featured-item img{  margin: 0 auto;}
.navbar-brand {    padding: 2px 15px !important; }

#header.active_shadow { box-shadow: 0 0 15px rgba(0,0,0,0.4); }
.why{font-size: 48px;
    font-style: normal;
    line-height: 50px;
    font-weight: 600;
    color: #1c1d3e;
    text-transform: capitalize;
    margin-bottom: 10px;
  font-family: 'Segoe UI';margin-top: 60px; margin-bottom: 30px;
}
.t_head { min-height: 100px; }
.d-inline-block {
    display: inline-block!important;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-icon-2 li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px; font-size: 18px; color: #454545;
}
.list-icon-2 li:before {
    content: "";
    background: #52ad02;
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 2px;
    border-radius: 4px;
}

.outer { margin-top: 100px; }
.border-rd{   padding: 26px 27px 26px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #eaf1f5;
  border-radius: 12px 6px;
  margin-bottom: 16px;
}
p{ font-size: 16px;
   
    line-height: 28px;
    text-align: left;
    font-weight: 600;    font-family: 'Segoe UI';}
p.bl{font-size: 27pt;
    line-height: 54px;
    color: #3258B9; text-align: left;}

.contact{ color: #898989;}


    
}
.banner-image{ border-radius:22px; position: relative; top: 40px;}
.banner-image img{ border-radius: 22px;}
.brder_btm{ border-bottom:1px solid #b5b5b5 !important; padding-bottom:20px; min-height:90px; margin-bottom:20px; margin-left: 10px;}
h4{ font-size:14px; font-weight:bold;}
.media-body p{color: #8292b4; font-size:12px;}
.no-pd{ padding-left:0 !important;}
.wid50{ width:47%; display:inline-block; line-height:40px; font-size:16px;}
.media-body p.title {
   font-size: 14px !important;
 
    line-height: 20px;
    color: #445578 !important ;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.stretch {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 788px;
    height: 286px;
    border-radius:12px 6px;
}
.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left{ margin-left:-10px;}
.carousel-control.right { margin-right:30px;}


.carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 .active > div { display:none; }
 .active > div:first-child { display:block; }


.story{ position: relative;}
.story-text{ background:#f1f1f1; padding: 30px 40px; bottom:-50px; position:absolute; left:120px;}
.cta-btn {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #707070;
      font-family: 'Segoe UI';
    border: 1px solid #707070;
    padding: 8px 15px;
    margin: 20px 0 0;
    display: inline-block;
    position: relative;
    letter-spacing: 2px;
    transition: all 0.5s ease;
}

.max420{ max-height: 420px; padding: 0;}

.cta-btn:hover{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
   font-family: 'Segoe UI';
    border: 1px solid #707070;
	background: #000;
    padding: 8px 15px;
    margin: 20px 0 0;
    display: inline-block;
    position: relative;
    letter-spacing: 2px;
    transition: all 0.5s ease;
}

.label-banner {
    font-size: 16px;
    letter-spacing: 2px;
   font-family: 'Segoe UI';
    font-weight: 400;
    display: inline-block;
    position: relative;
}

.label-banner:after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #df9926;
    width: 70px;
    max-width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
@media (min-width: 320px) and (max-width: 600px)
{
    h1{ font-size: 40px !important; line-height: 50px !important;}  
      .banner-image{ margin-top: 20px !important; }
    .logoline--homepage-front {padding-top: 68.925926% !important;}
    .max420{max-height: 150px !important;}
    .highlight{ margin-top: 10px !important; margin-bottom: 10px !important}
    .bg-grey{min-height: 12px !important }
}

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
     .banner-image{ margin-top: 20px !important; }
    .logoline--homepage-front{padding-top: 45.925926% !important;}
    .max420{max-height: 150px !important;}
    .bg-grey { padding: 30px !important;}
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
     .bg-grey {padding: 30px !important;}
    h1{ font-size: 40px !important;
    line-height: 49px !important;}
  .navbar-right { margin-right: 0 !important; */}
    .banner-image{ margin-top: 20px !important; }
    .navbar-inverse .navbar-nav>li>a{font-size: 1.2rm !important;}
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev		     { left: -33%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
    .max420{max-height: 320px !important;}
     .navbar-inverse .navbar-nav>li>a{font-size: 1.2rem !important;}
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -25%; }
  .carousel-inner .active.right{ left:  25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		     { left: -25%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
}



.red {background: #fff; border:1px solid #f2f2f2; border-radius:14px; text-align: center; padding:10px 0 0 0;}
.blue {background: #fff; border:1px solid #f2f2f2; border-radius:14px; text-align: center; padding:6px 10px 10px 10px;}

.blue  img {border-radius:14px;}
.carousel-inner{ max-height:230px;}
.box {background: #fff; border:1px solid #f2f2f2; border-radius:14px; text-align: center; padding:20px ; margin:0 auto; font-weight:600; margin-right:20px; margin-bottom:20px; min-height:150px;}
.box img{ padding:0px 0 10px 0; }

.fields {
    float: left;
    width: 250px;
}


.exp, .location{ display:inline-block; padding-top:10px;}
.exp img, .location img{ padding-right:10px;}
.job_list p{ padding-top:10px; font-size:14px;}
.sub{ color:#333 !important;}




.register{outline: none;
cursor: pointer;
padding: 10px 15px;
height: 40px;
background: #ff7555;
border-radius: 30px;
font-weight: 600;
font-size: 12px;
line-height: 20px;
color: #fff;}
.register:hover{outline: none;
cursor: pointer;
padding: 10px 15px;
height: 40px;
background: #ff7555;
border-radius: 30px;
font-weight: 600;
font-size: 12px;
line-height: 20px;
color: #fff;}
.lnk { margin-top: 11px; }
.navbar-nav>li>.dropdown-menu{ width:100% !important;}
.lnk li a {    font-family: 'Segoe UI';}
.lnk li a:hover { color: #000; background:none;}
.lnk li a.active { color: #000;  }
.nav > li > a:focus, .nav > li > a:hover{ background-color:none !important;}

.icon-bar { color: #000; border-color: #000; background-color: #000; }
.first p{font-size:24px !important;
line-height: 34px;
   font-family: 'Segoe UI';

color: #00008C; }

.banner { width: 100%; height: auto; display: block; margin: 0 auto; }
.ft { bottom: 0; width: 100%; padding: 10px; background: #464646; color: #ffffff; text-align: center; margin-top: 30px; }
.social img { display: block; margin: 0 auto; padding-bottom: 20px; }
.second { color: #4b4b4b; }
.intro { font-size: 14px; line-height: 26px; text-align: center; padding: 20px; padding-top: 30px; }
.intro_text { font-size: 44px; line-height: 60px; text-align: center; padding: 10px; padding-bottom: 20px; }
.third { color: #4b4b4b; }
.info_wrap { padding: 10px 0; margin: 0 auto; max-width: 200px; }
.info_content { font-size: 14px; text-align: center; }
.info_content_md { font-size: 25px;
    text-align: center;
    font-weight: bold;  }
	a:hover{ text-decoration:none;}
.slash { color: #4b4b4b; font-size: 85px; text-align: center; }
.text_1 { text-align: center; padding: 20px 15px; font-size: 16px; line-height:30px; }
.fourth { padding-top: 20px; padding-bottom: 20px; }
.photo { text-align: center; padding:30px 0; }
.photo img { display: block; margin: 0 auto; }
.photo_text { font-size: 14px; line-height: 26px; text-align: center; Padding-left: 20px; width: 150px; }
.photo_text_1 { font-size: 28px; line-height: 40px; text-align: left; padding: 10px; padding-bottom: 20px; color: #6b6f6f;
 }
.intro_text_2 { font-size: 28px; line-height: 34px; text-align: center; padding: 10px; padding-bottom: 20px; }
.play_btn { background: #fff; color: #fff; font-weight: bold; border-radius: 20px; padding: 8px 35px; border: none !important; margin-top: 20px; }
button{ border:none !important; background:#fff !important;}
:focus { outline:none !important;}
button:focus{ border:none !important;}
.btn-info{ text-align: center;
    padding: 12px 24px;
    background: #000 !important;
    color: #fff !important;
    font-size: 1.2rem;
    line-height: 16px;
    min-height: 40px;
    border-radius: 28px !important;
    text-decoration: none;
    font-weight: 600; border:none;
    white-space: break-spaces;}
.btn-info:hover{ border:none !important; background: #232323 !important;}
.btn.focus, .btn:focus, .btn:hover{ border:none !important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ border:none !important;}
.video_model { position: relative; background-color: #000; -webkit-background-clip: padding-box; background-clip: padding-box; border: none !important; border-radius: 6px; outline: 0; }
/* jobs page css*/
.openings_container { padding-bottom: 30px; border-bottom: 1px solid #BEBEBE; }
.openings { border-top: 2px solid #BEBEBE; border-bottom: 2px solid #BEBEBE; font-size: 16px; line-height: 20px; width: 100%; }
.openings th { border-bottom: 2px solid #BEBEBE; padding: 10px; font-size: 18px; }
.openings td { border-bottom: 1px solid #BEBEBE; padding: 10px; }
/* awards  css*/
.awards_container { padding: 10px; color: #4B4B4B; font-size: 14px; }
.awards_box { padding: 10px; border: 1px solid #B7B7B7; min-height: 237px; }
.awards_box img { display: block; margin: 0px auto; }
.awards_box p { text-align: center; margin-top: 15px }
/* Join css*/
.location_set_2, .location_set_3 { display: none; }
.join_container { padding: 10px; color: #4B4B4B; font-size: 16px; line-height:26px;text-align:center; }
.join_box { padding: 0 10px;  }
.join_box img { display: block; margin: 0px auto; width: 100%; max-width: 300px; max-height: 200px; }
.join_box h2 { font-size: 1.6em; }
.join_box p { text-align: left; margin-top: 15px }
.join_box_last { background: #565658; color: #fff }
.join_box_last h1 { width: 200px; float: left; text-align: left; line-height: 1.3em; }
.join_box_last p { width: 200px; float: left; text-align: left; }
.join_box_last p em { font-size: 16px; }
/* contact css*/
.banner_1 { width: 100%; position: relative; }
.banner_1 img { display: block; width: 100%; }
.view {  margin-top: 20px; font-weight: bold }
.navbar-brand {
   font-family: 'Segoe UI';
  text-transform: uppercase
}

.navbar .nav {

  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.2rem; margin-top: 5px;
}

.navbar-inverse {
  background-color: #fff;box-shadow: 0 10px 20px 5px rgba(0, 0, 0, .05); border-color: 0 !important; border:0 !important;
}


.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
color:#f1f1f1;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
color:#f1f1f1;
}

.dropdown-menu {
  background-color: #ee7219; min-width: 250px; margin-top: 8px !important; left:0 !important;
} 

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color:#000 !important;  background: none!important;
}

.navbar-inverse {
  background-image: none;
}


.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-image: none;
}

.navbar-inverse {
   min-height: 60px !important;
	  
}

.navbar-inverse .navbar-brand {
  color: #FFFFFF
}

.navbar-inverse .navbar-brand:hover {
  color: #ac4724
}

.navbar-inverse .navbar-nav>li>a {
  color: #333 !important;    text-transform: none; font-weight: 700;
    font-size: 1.4rem;
    line-height: 24px;
    color: #333;
    text-decoration: none;font-family: 'Segoe UI';
}

.navbar-inverse .navbar-nav>li>a:hover {
    background: linear-gradient(90deg, #ce0569 12.66%, #ff5800 94.55%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: hsla(0, 0%, 100%, 0);
    text-shadow: 0 0 hsla(0, 0%, 100%, 0);
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
 background: linear-gradient(90deg, #ce0569 12.66%, #ff5800 94.55%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: hsla(0, 0%, 100%, 0);
    text-shadow: 0 0 hsla(0, 0%, 100%, 0);
}

.navbar-inverse .navbar-toggle {background: #333 !important; margin-top: 20px;}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  color: #f1f1f1 !important; background: none !important;
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
  color: #ac4724
}
.navbar-inverse .navbar-nav>li>.active{background: linear-gradient(90deg, #ce0569 12.66%, #ff5800 94.55%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: hsla(0, 0%, 100%, 0);
    text-shadow: 0 0 hsla(0, 0%, 100%, 0);}

.dropdown-menu>li>a {
  color: #FFFFFF
}


.logoline--section-header-primary {
        background-image: url(https://www.avanade.com/_next/static/media/spriteLogoLines.4bb5ba4c.svg);
        background-size: 558%;
        background-position: 63.25% 60.9%;
        padding-top: 39.1203703704%;
    }

    .logoline--homepage-front {
        bottom: -22px;
        background-image: url(https://www.avanade.com/_next/static/media/spriteLogoLines.4bb5ba4c.svg);
        background-position: 6.4% 30.42%;
        background-size: 558%;
        padding-top: 25.9259259259%;
    }

.logoline--homepage-back {
        bottom: 0;
        background-image: url(https://www.avanade.com/_next/static/media/spriteLogoLines.4bb5ba4c.svg);
        background-position: 92% 5%;
        background-size: 569%;
        padding-top: 25.9259259259%; filter: blur(12px);position: relative; top:-380px; z-index:-6;
    }
}



.ban_sec {
  width: 100%;
}
.ban_img {
  width: 100%;
  position: relative;
}
.ban_img img {
  width: 100%;
}
.ban_text {
  position: absolute;
  top: 50%;
  left: 28%; text-align: center;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); width: 45%;
}
.ban_text strong {
  
  color: #fff;
  
}
.ban_text strong  {
 font-weight:500;
  font-size: 44px;
    line-height: 52px; font-weight: 500;
}
.ban_text p {
 
  color: #fff;
  margin: 7px 0 25px;font-size: 26px; margin-top: 44px; 
}


@media (min-width: 1200px) and (max-width: 1399px) {
  .ban_text p {
    font-size: 21px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .ban_text p {
    font-size: 17px;
  }
  .ban_text strong {
    font-size: 50px;
    line-height: 60px;
  }
  .ban_text strong  {
    font-size: 37px;
  }
   
 
}

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



{
  .ban_text strong {
    font-size: 35px;
    line-height: 40px;
  }
  .ban_text strong span {
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 2px;
  }
  .ban_text p {
    font-size: 14px;
    line-height: 20px;
  }
 
}
@media only screen and (max-width: 767px) {
  .ban_img img {
    min-height: 290px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 575px) {
    .ban_text{ width: 95% !important; margin-top: 50px;}
  .ban_text strong {
    background: rgba(0, 0, 0, 0.8);
    padding: 10px;
    width: 100%; font-size: 24px;
        line-height: 31px;
    display: block;
  }
    .ban_text p{ margin-top: 0 !important;}
}
@media only screen and (max-width: 480px) {
  .ban_text strong span {
    font-size: 22px;
    line-height: 31px;
    letter-spacing: 1px;
  }
  .ban_text {
    left: 2%;
  }
    .navbar-toggle{ margin-right: 0 !important;}
}


.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #ac4724;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-bottom-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-bottom-color: #FFFFFF
}

.box_container {
 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

.box_container .content{padding:0 20px; padding-bottom: 10px; text-align: left !important;}

.box_container h2{ font-size: 13px;
    line-height: 17px;
    text-align: left;
    text-shadow: none;
    color: #5c5c5c;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 3px;
}

.card-text {
    font-size: 14px;
    color: #434a54;
    letter-spacing: 0;
    line-height: 19px;
}
.box_container p{font-size: 18px;
    color: #ff5800;
    letter-spacing: 0;
    line-height: 24px;
    display: block;
    text-shadow: none;
    width: 100%;
}
   
.box_container .read_more{color: hsl(0,0%,36%);
   
    font-size: 13px;
    letter-spacing: .3px;
    padding: 10px 0;
    text-align: left;
    width: auto;
    box-shadow: none;
    outline: none;
    text-transform: uppercase;
	line-height: 17px;}
.para-ovr {
    font-size: 30px;
    line-height: 45px;
    padding-top: 10px;
   font-family: 'Segoe UI';
}

.our-purpose {
    padding:0 20px 30px 30px;
    font-size: 24px;
    
   
    margin-bottom: 20px;
   
}

.our-purpose .home-title{ font-size: 28px;}
 .card{ min-height: 200px; background: #000; border-radius: 10px; color: #ccc; text-align: center;justify-content: center !important;line-height: 1.2;position: relative; display: flex;flex-direction: column; padding: 20px; margin-bottom: 10px; font-size: 32px; max-width: 800px; margin: 0 auto;}
.bg-grey{padding: 50px !important;background: #f6f6f6; border-radius: 22px; min-height: 200px;}
.highlight{ text-align: center; margin-top: 50px; margin-bottom:50px;}
.bdr-none{border: none !important;}
.highlight .hd{font-size: 36px ; font-weight: 700;}
.highlight .sub-hd{font-size: 18px;  line-height: 24px !important; padding-top: 15px !important;}
.black-bg{ background: #f5f7fa; padding: 20px 0;}

/*btn*/
.rounded-circle {
    border-radius: 50% !important;
}
.me-1 {
    margin-right: .25rem !important;
}
.position-relative {
    position: relative !important;
}
.btn-32{width: 32px;height: 32px}
.sm-btn{width: 32px;height: 32px;padding: 2px 7px;font-size: 20px;display: inline-grid;justify-content: center;align-items: center; background: #fff !important;}
.sm-btn img {width: 16px}
.sm-btn-42{width: 40px !important;height: 40px !important;background: #2E2D2D}
.top-scroll-icon{position: absolute;right: 30px;top: 40%}
.btn-check:focus+.btn, .btn:focus {background-color: #2EB6AE;border-color: #2EB6AE;outline: none;box-shadow: none !important}
.btn{color: black}
.btn-outline-dark{border-color: #000;color: #000}
.btn-outline-dark:hover{border-color: #2EB6AE;background:#2EB6AE;color: #000}
.btn-outline-dark:focus {color: #000 !important;border: 1px #000 solid !important;background-color: transparent !important;outline: none;box-shadow: none !important}
.btn-outline-light:focus{border-color: white;color: white;background:black}

/*hover*/
.hover-white:hover{color: white !important}
.hover-tb:hover{color: black !important}
.hover-link:hover{color: #008080 !important}
.hover-kepal:hover{color: #2EB6AE !important}
.btn-h-kapel:hover{background: #2EB6AE !important;border-color: #2EB6AE !important}
.btn-h-white:hover{background: #fff;border-color: #fff !important}
.bg-w-t-black:hover{background: #fff !important;color: #000 !important;border-color: #fff !important}
.footer-sm .btn{padding: .5rem}
.black-h:hover{background: #000 !important;color:#fff !important}
.hover-arrow-img:hover .right-arrow{margin-left: 10px !important}
.hover-arrow-img:hover .left-arrow{margin-left: 20px !important}
.right-arrow{-webkit-transition: 0.2s;transition: 0.2s}
.left-arrow{-webkit-transition: 0.2s;transition: 0.2s}
.hover-bold:hover{font-weight: bold}
.arrowlink{background: url(../images/arrow-link-right.svg) right no-repeat; height:12px;position:absolute;width: 16px;margin: 6px 0 0 10px}
.hoverarow:hover .arrowlink{background: url(../images/arrow-link-hover.svg) right no-repeat; height:12px;position:absolute;width: 16px;margin: 6px 0 0 10px}
.hoverarow-white:hover .arrowlink{background: url(../images/arrow-link-hover-white.svg) right no-repeat; height:12px;position:absolute;width: 16px;margin: 6px 0 0 10px}
.link-color:hover .arrowlink{background: url(../images/Icon-feather-arrow-right.svg) right no-repeat; height:12px;position:absolute;width: 16px;margin: 6px 0 0 10px}
/*img*/
.img-gray {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%)}
.img-gray:hover {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%)}
.f-sm-links [data-tooltip]:before {bottom: 149%;left: -194%;width: 153.25px}
.f-sm-links [data-tooltip]::after {bottom: 43px;left: 28%}

.footer{ margin: 0 auto; text-align: center; padding: 20px 0 20px 0; }
.more{ padding: 20px 0;}
.more a {
    font-size: 14px;
    color: #ff5200;
    letter-spacing: 2.15px;
    background: rgba(255,255,255,.19);
    border: 1px solid #ff5200;
    border-radius: 5px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    height: inherit;
    padding: 13px 25px;
    line-height: 19px;
   
    width: auto;
    right: 0;
    z-index: 22;-webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
}

.more a:hover{  background: #ff5200; color: #fff;}

.solution h1{font-size: 44px;
    color: #26272b;
    letter-spacing: 0;
    line-height: 58px;
}
.solution h2{ color: #ff5800; font-size: 21px; font-weight: 100;}
.solution p{    font-size: 16px;
    color: #26272b;
    letter-spacing: 0;
    line-height: 22px;font-weight: 100; padding-bottom: 30px;
}

















.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-22px;
  top:0;
  z-index:999;
  font-size:4rem;
  font-weight: normal;

  opacity:1;
}
.border-2 {
  border-width: 2px; }

.text-black {
  color: #000 !important; }

.bg-black {
  background: #000 !important; }

.color-black-opacity-5 {
  color: rgba(0, 0, 0, 0.5); }

.color-white-opacity-5 {
  color: rgba(255, 255, 255, 0.5); }

.site-wrap:before {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden; }

.offcanvas-menu .site-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: hidden; }
  .offcanvas-menu .site-wrap:before {
    opacity: 1;
    visibility: visible; }

.btn {

  letter-spacing: .2em;
  border-radius: 0; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .btn.btn-black {
    color: #fff;
    background-color: #000; }
    .btn.btn-black:hover {
      color: #000;
      background-color: #fff; }

.line-height-1 {
  line-height: 1 !important; }

.bg-black {
  background: #000; }

.about  h1{  color: #2c3e50;
    font-size: 60px;
    line-height: 60px;
    max-width: 750px;
    margin: 0 auto 40px;
    font-weight: lighter; text-align: center;
}

.about p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px; font-weight: 100;
}
.about a{ color: orangered; text-decoration: underline;}
#value .box_container {text-align: left;}
#value p{ padding-bottom: 0;}
#value  .box_container .content {min-height: 163px;
    margin-bottom: 10px;}
#value .card-a-body{ padding: 30px; min-height: 665px;}
.card-a-body h2 {
    color: #26272b!important;
    font-weight: 300!important; text-transform: none; font-size: 24px;
}
.card-a-body a{ color: orangered; }
.card-a-body ul li{ font-weight: 200; padding-bottom: 5px;}
.card-a-body1{ padding: 30px;}
.card-a-body1 h2 {
    color: #26272b!important;
    font-weight: 300!important; text-transform: none; font-size: 24px; padding-bottom: 20px;
}

.card-a-body1 p{ont-size: 14px; font-weight: 100;
    color: #434a54;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 15px;}
.card-a-body1 ul li{ font-weight: 200; padding-bottom: 5px;}
.orange{background: #ff5800;}

.orange p{ color: #fff; font-size: 22px; line-height: 28px;}
.active{ color:#007cc2 !important; font-weight: bold;}

.home-title {

    font-size: 30px;
    font-weight: 600;  text-align: center; padding: 40px 0 ;font-weight: 700 !important; 
}


.home-title::after {
    content: "";
    background: #2EB6AE;
    width: 64px;
    display: block;
    height: 4px;
    margin: 10px auto;
}
.owl-carousel.owl-loaded {
    display: block;
}.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}.three_grid_show.owl-carousel .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.bg-sapphire-less-light {
    background-color: #bee3ff;
}


.ptb75 {
    padding: 60px 0;
}

.h2-heading {
    font-size: 45px;
    font-weight: 500;
   font-family: 'Segoe UI';
    line-height: 80px;
}


.flex_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}.award_box {
    position: relative;
    height: 100%;
    color: #fff;
    padding: 20px 20px 40px;
   
}.award_icon {
    position: absolute;
    right: 10px;
    top: 20px;
    opacity: 0.2;
}.award_desc {
    padding-right: 80px;
}.award_desc p { color: #fff;
    font-size: 18px;
    font-weight: 500; padding-top: 20px;
   font-family: 'Segoe UI';
    line-height: 26px;
}.bg-sapphire-dark {
    background-color: #357abd;
}.award_desc p a {
    color: #92D1FF;
}

.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}.owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.box_wrap {
    position: relative;
    padding:10px; margin: 30px 0; border:1px solid #c4c4c4; min-height:418px !important; 
}
.wrap_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

img.top_icon {
    width: 50px !important;
}.top_left_txt h4 {
    margin: 0px;
    font-size: 30px;
    font-weight: 600; color: #000;   font-family: 'Segoe UI';
}

.top_left_txt p {
    font-size: 14px;
    font-weight: 600;
    margin: 0px; color: #000;
    text-transform: uppercase;    font-family: 'Segoe UI';
}
.wrap_bottom h4 {
    font-size: 22px;
    font-weight: 400;
   font-family: 'Segoe UI';
    line-height: 26px; color: #000;
}.wrap_bottom p { color: #000;
    font-size: 15px;
 line-height: 24px; padding: 10px 0;
    font-weight: 600;
   
   
   
}
.abt .black{background: #000;  display: block; height: 350px;}
.abt .cont-box{color: #fff; padding-top: 100px; text-align: center; width: 60%;padding: 10px 70px; padding-top: 100px; }
.abt .cont-hd{font-size: 33px;padding: 10px 100px; line-height:40px;}
.abt p{font-size: 18px; color:#999999; font-weight: 400; line-height: 26px; padding-top: 20px;}
.value{background: #000; color: #fff; padding: 50px 0; text-align: center; margin-top: 30px;}
.value .sction{border:1px solid #3f3f3f; border-radius: 10px; padding: 20px; margin-bottom: 10px;}
.value .sction p{ font-size: 16px; line-height: 26px;}
.stack-img{background: #000; margin: 0 auto; padding: 50px 0; text-align: center;}
.desktop{display: block;}
.mobile{ display: none;}

.contain {
  position: relative;
  text-align: center;
  color: white; margin-top: 30px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fs-90 {
    font-size: 6.625rem;
}
.fs-90::after {
    content: "";
    background: #2EB6AE;
    width: 64px;
    display: block;
    height: 10px;
    margin: 34px auto;}
.fw-bold {
    font-weight: 700 !important;
}

.video-btn .rtin-play{padding:20px 25px;animation: pulse infinite 2000ms; background: #2EB6AE;}
.video-btn .rtin-play {
  animation: pulse 1.6s linear infinite;
}
.btn.--btn-pulse:hover {animation: none;cursor: pointer;background: #2EB6AE;transition: background 200ms ease-in}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 161, 147, 0), 0 0 0 0 rgba(121, 242, 238, 0);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(0, 161, 150, 0.5), 0 0 0 5px #5dbdb7;
    transform: scale(1);
  }
  75% {
    box-shadow: 0 0 0 35px rgba(121, 242, 238, 0), 0 0 0 3px #349b94;
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}
.pea_cook_wrapper p {font-size: 11px !important;   font-family: 'Segoe UI';font-weight: 700;}

/* articles page */
.sm-share .sm-btn{height: 32px; width: 32px;padding: 2px 6px 0px 7px;;font-size: 16px;color: #6C6C6C;border: 1px solid #6C6C6C}
.sm-share .sm-btn:hover{border:1px solid #000}
.sm-author-sec .sm-share{text-align: end}


.value-benefit .card {
    height: 222px;
    margin-bottom: 24px;border-radius: 10px !important;background: #f2f2f2;
}

.value-benefit .card-body {
    padding: 40px 20px;
}
.fs-18 {
    font-size: 18px;
    line-height: 28px;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.pd-top{padding-top: 30px; padding-bottom: 30px;}
.awards{padding-top: 30px; padding-bottom: 30px;}

.awards img{border-radius:8px;}
.awards h1{font-size: 30px; font-weight: 700; line-height: 38px; margin-top: 0; color: #f1f1f1; padding-bottom: 5px; margin-top: 0;}
.awards h1 span{ font-size: 22px; font-weight: 400; color: #676767;}
.awards h2{font-size: 18px; font-weight: 500; line-height: 30px; margin-top: 0; padding-top: 10px;}
.awards p{text-align: left; font-size: 17px; line-height: 26px;}
.awards ul{ }
.awards ul li{font-size:17px; line-height: 40px;}

@media only screen and (max-width: 480px) {
     .bg-grey {
    padding: 15px 0 15px 0 !important;}
 .highlight .hd{font-size: 26px !important; font-weight: 700 !important; line-height: 24px !important; padding-top: 5px !important;}
.highlight .sub-hd{font-size: 16px !important; font-weight: 300; line-height: 20px; padding-top: 0px;}
 .brder_btm{ border-bottom:1px solid #b5b5b5 !important; padding-bottom:20px;max-height:200px; height:auto; margin-bottom:20px;}
  .brder_btm1{ border-bottom:1px solid #b5b5b5 !important; padding-bottom:20px; max-height:200px; margin-bottom:20px;}
	 .pd22{padding: 20px 0 !important;}
    .desktop{display: none;}
.mobile{ display: block;}
    .abt p{font-size: 14px;color: #999999;font-weight: 400;line-height: 20px;padding-top: 15px;}
	 .story{ margin-bottom:228px !important;}
.story-text{ left:0; bottom:-220px !important;}
	 .label-banner:after{width: 28px !important;}
    .abt .cont-box{width: 100% !important; padding: 80px  20px!important;}
    .abt .cont-hd{ padding: 0 !important;font-size: 22px !important; line-height: 26px !important}
        .abt .black{height: 270px !important;}
    .awards{ padding-top: 0 !important; padding-bottom: 0 !important;}
     .awards h1 {font-size: 22px !important; padding-top: 20px !important; line-height: 27px;}
    .awards ul li {
    font-size: 16px !important;
    line-height: 26px !important;
}
       
        
    
        
 }