html {
  -webkit-font-smoothing: antialiased; scroll-behavior: smooth;
}
* {
    scroll-margin-top: 100px;
}

body {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  line-height: normal;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset,
p,
hr,
iframe {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}

a,
input,
select,
textarea {
  outline: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  line-height: 1.4;
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  color: #007a9a;
}

a:hover {
  text-decoration: none;
}

button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

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

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

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

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

}




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

}




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

}

h1 {
  font-size: 52px;
  line-height: 60px;
  color: #000000;
  font-weight: 500;
  font-family: 'sofia_problack';
}

h2 {
  font-size: 40px;
  font-family: 'sofia_promedium';
  line-height: 70px;
}

p {
  font-size: 18px;
  line-height: 34px;
  color: #000000;
  font-family: 'sofia_proregular';
}

header.header {
  margin-bottom: 100px;
  z-index: 11;
}



header.header ul li:last-child {
  margin-right: 0;
}

.blue-bg-wrap {
  background-color: #f4fafc;
  padding: 0 0 170px 0;
}

section.blue-bg-wrap.position-relative{overflow: hidden;}

.coming-soon-wrap .coming-soon {
  border-radius: 25px;
  background-color: transparent;
  max-width: 405px;
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  font-family: 'sofia_promedium';
  padding: 11px 0;
  margin-bottom: 37px;
	border: 2px solid #f26223;

}

.coming-soon-wrap h1 {
  margin-bottom: 43px;color: #fff; font-weight: 800;    font-size: 76px;    line-height: 70px;    letter-spacing: -1px;
}
.coming-soon-wrap p {
  margin-bottom: 10px;color: #fff;
}

.cook-shafe-section {
  position: relative;
  z-index: 1;
	top: -50px;
}

.cook-shafe-section:before {
  position: absolute;
    content: '';
    left: -60px;
    top: 0;
    background-image: url(../images/c-type.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 535px;
    height: 590px;
    z-index: -1;
}

.cook-shafe-section img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left;
  object-position: left;
  max-width: 505px;
	    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.img-border {
  border-radius: 12px;
}


.coming-soon-wrap .winner-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0px;
  justify-content: flex-end;
}

.coming-soon-wrap .winner-logo .logo {
  margin-right: 30px;
}

.winner-logo p a {
  text-decoration: underline;
	color: #F26223;
	font-weight: 600;
}

.cook-shafe-section .cafe-img {
  max-width: 505px;
  position: relative;
}

.cook-shafe-section .cafe-img .main-btn {
  position: absolute;
    bottom: -150px;
    left: 110px;
    right: 0;
    margin: 0 auto;
    background-color: transparent;
    border: 2px solid #f26223;
}

.play {
  width: 90px;
  height: 90px;
  background-color: transparent;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 30px;
  border: 5px solid #fff;
}
.play-wrap {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.play-wrap span {
  font-family: 'sofia_promedium';
  font-size: 20px;
  color: #fff;
  line-height: 27px;
}

.play-wrap .play{
  margin-right: 20px;
  position: relative;
  z-index: 999;
}
.play-wrap .play:hover{
  border-color: #f26223;
    color: #f26223;
}

/*.play-wrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
*/
.main-btn {
  border-radius: 9px;
  background-color: #f26223;
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
  font-family: 'sofia_promedium';
  display: block;
  max-width: 310px;
  padding: 17px 0;
  position: relative;
  z-index: 1;
}

.main-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #007a9a;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: -1;
  border-radius: 9px;
}

.main-btn:hover:before,
.main-btn:focus:before,
.main-btn:active:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

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

.tabeltop-section {
  position: relative;
      padding: 150px 0 135px;
}

.tabeltop-section .tabeltop-content h1 {margin-top: 10px; color: #007A9A; font-size: 55px; line-height: 70px;}
.tabeltop-section .tabeltop-content p{ font-size: 11px; color: #B7B7B7; line-height: 16px; max-width: 509px;}
.tabeltop-section .tabeltop-content h4{color: #F26223;margin-bottom: 15px;font-size: 30px;}
.tabeltop-section .tabeltop-content h6{margin-bottom: 34px;font-size: 20px; line-height: 30px;}

.tabeltop-section .tabeltop-content p,
.tabeltop-section .tabeltop-content h1 {
  margin-bottom: 25px;
}

/*
.tabeltop-img {
  position: relative;
  z-index: 1;
  width: 47%;
}
*/

/*
.tabeltop-img:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background-image: url(../images/second-c.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 467px;
  height: 541px;
  z-index: -1;
}
*/
/*

.tabeltop-img .img-wrap {
  position: relative;
  left: 30px;
}
*/


/*

.tabeltop-content {
  width: 53%;
  max-width: 615px;
  padding-left: 30px;
  margin-top: 40px;
}
*/

.icon-section {
  padding: 113px 0 148px 0;
	background-color: #007A9A;
}
.icon-section h2{ color: #fff; text-align: center; font-weight: 800; font-size: 52px;}

.icon-section ul{margin-top: 78px; justify-content: center;}

/*
.icon-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 60px -12px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
*/


.icon-section ul li {
  width: 33.33%;
}

.icon-section ul li .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 6px rgba(0, 122, 154, 0.2);
  box-shadow: 0 0 6px rgba(0, 122, 154, 0.2);
  background-color: #ffffff;
  padding: 48px 25px;
  margin: 0 0 25px;
  height: calc(100% - 25px);
}

.icon-section ul li .icon-content p {
  line-height: 24px;
}

.icon-section ul li .icon-box img {
  max-width: 80px;
}

.icon-section ul li .icon-box {
  margin-right: 35px;
}

.designed-section {
  background-color: #f4fafc;
  padding: 100px 0 50px 0;
}

.designed-section .table-row-wrap .row {
  margin-right: -25px;
  margin-left: -25px;
}

.designed-section .table-row-wrap .row .col-xl-6.col-lg-6.col-md-6.col-sm-6.col-12 {
  padding-right: 25px;
  padding-left: 25px;
}

.designed-section {        padding: 92px 0 42px;}
.designed-section h2 {
  max-width: 90%;
  margin: 0 auto;
  font-family: 'sofia_problack';
  margin-bottom: 86px;
}
.designed-section h2 span{ display: block;font-family: 'sofia_proregular'; margin-top: 15px;}


.approved-section {    padding: 0px 0 172px;}
.approved-section h2 {
	font-size: 30px;
  margin: 0 auto 50px;
  font-family: 'sofia_proregular';
}

.designed-section .portable-table-wrap {
  border-radius: 15px;
  -webkit-box-shadow: 0 0 6px rgb(0 122 154 / 10%);
  box-shadow: 0 0 6px rgb(0 122 154 / 10%);
  background-color: #ffffff;
  position: relative;
  min-height: 347px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  overflow: hidden;
  margin: 0 0 62px 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.designed-section ul {
  margin: 0 -30px;
}

.designed-section .portable-table-wrap.active,
.designed-section .portable-table-wrap:hover,
.designed-section .portable-table-wrap:focus {
  -webkit-box-shadow: 0 0 10px rgb(0 122 154 / 20%);
    box-shadow: 0 0 10px rgb(0 122 154 / 20%);
}


.designed-section .portable-table-wrap .img-wrap {
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: right;
}

.designed-section .portable-table {
  padding-left: 40px;
  padding-bottom: 40px;
}

.designed-section .portable-table h4 {
  font-size: 24px;
  line-height: 28px;
  color: #0089ad;
  font-family: 'sofia_problack';
}

.designed-section .portable-table small {
  font-size: 20px;
  line-height: 24px;
  color: #f26223;
  font-family: 'sofia_proregular';
}

.report-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.some-title-section .pink-bg-wrap {
  border-radius: 25px;
  background-color: #fff1eb;
      padding: 13px 78px 0;
  margin-bottom: 146px;
  min-height: 225px;
}

.some-title-section .pink-bg-wrap h3 {
  font-size: 26px;
  line-height: 40px;
  color: #007A9A;
  font-family: 'sofia_promedium';
}
.some-title-section .pink-bg-wrap .btn-link{font-family: 'sofia_promedium'; color:#F26223;font-size: 26px; margin-top: 20px;    text-decoration: underline; }

.some-title-section {
  padding: 149px 0 220px;
}

.title-play .play-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.some-title-section .play-r-wrap .row {
  margin-right: -7px;
  margin-left: -7px;
}


.some-title-section h1 {
  margin-bottom: 50px;
  font-family: 'sofia_proregular';
}

.report-section {
  background-color: #0089ad;
  padding: 102px 0 115px;
}

.report-section h2 {
  font-size: 50px;
  line-height: 80px;
  font-family: 'sofia_problack';
  margin-bottom: 58px;
}

.report-section h2 span{font-family: 'sofia_promedium'; display: block; font-size: 30px;}

/* .report-section ul {
  margin: 0 -12px;
}

.report-section ul li {
  width: 33.333333%;
	transition: all 0.4s;
} */

.report-section .report-box .download-file-wrap {
  border-radius: 10px;
  background-color: #ffffff;
 padding: 130px 25px 35px;
  margin: 200px 12px 0;
	position: relative;
	transition: all 0.4s;
	
}

.report-section .download-file-wrap .download-file-img{position: absolute;bottom:122px;    left: 0;
    right: 0;
    margin: auto;
    text-align: center;}

.report-section .report-box:hover .download-file-wrap{  -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 38%);
  box-shadow: 0 0 20px rgb(0 0 0 / 38%);transition: all 0.4s;}

.report-section .report-box:hover .download-file-wrap h4{color: #F26223;}

.report-section .download-file-wrap h4 {
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  font-family: 'sofia_problack';
	transition: all 0.4s;
}
.report-section .download-file-wrap .download-file-img img{
  width: auto;
  margin: 0 auto;
}
.contact-us-section {
  background-color: #f4fafc;
  padding: 62px 0 150px;
}
.form-group{margin-bottom: 12px;}

.getin-touch-inner-content {
  margin-top: 65px;
}

.contact-us-section h1 {
  margin-bottom: 35px;
}

.form-wrapper .form-control {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 25px;
  font-size: 20px;
  line-height: 60px;
  color: #000;
  background-color: #fff;
  border: 1px solid #d6eaef;
  border-radius: 10px;
  font-family: 'sofia_promedium';
}

.form-wrapper .form-control::-webkit-input-placeholder,
.form-wrapper textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 20px;
  line-height: 60px;
  color: #000;
  font-family: 'sofia_promedium';
}

.form-wrapper .form-control::-moz-placeholder,
.form-wrapper textarea::-webkit-input-placeholder {
  /* Firefox 19+ */
   font-size: 20px;
  line-height: 60px;
  color: #000;
  font-family: 'sofia_promedium';
}

.form-wrapper .form-control:-ms-input-placeholder,
.form-wrapper textarea::-webkit-input-placeholder {
  /* IE 10+ */
  font-size: 20px;
  line-height: 60px;
  color: #000;
  font-family: 'sofia_promedium';
}

.form-wrapper .form-control:-moz-placeholder,
.form-wrapper textarea::-webkit-input-placeholder {
  /* Firefox 18- */
  font-size: 20px;
  line-height: 60px;
  color: #000;
  font-family: 'sofia_promedium';
}

.form-wrapper label {
  font-size: 16px;
  line-height: 20px;
  color: #007A9A;
  font-family: 'sofia_promedium';
}

.form-wrapper label span {
  color: #F26223;
}

.form-control:focus,
.form-wrapper textarea:focus {
  border: 1px solid #3c9ab2;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-wrapper textarea {
  min-height: 221px;
  width: 100%;
  padding: 0 25px;
  font-size: 20px;
  line-height: 60px;
  color: #000;
  background-color: #fff;
  border: 1px solid #d6eaef;
  border-radius: 10px;
  font-family: 'sofia_promedium';
  resize: none;
}

.form-wrapper .btn-wrap .main-btn {
  max-width: 190px;
  margin-top: 25px !important;
}

.getin-touch-inner-content h2 {
  margin-bottom: 25px;
}

.mail-content-details a {
  color: #000;
}

.mail-content-details p {
  line-height: 28px;
}
.mail-content-details .head{margin-bottom: 15px;display: block;}
.mail-content-details .head .sub-head{color: #007A9A;}


.getin-touch p span {
  color: #F26223;
}

.getin-touch .mail-content-details {
  margin-top: 20px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0 0 10px rgb(0 122 154 / 15%);
    box-shadow: 0 0 10px rgb(0 122 154 / 15%);
border-radius: 15px;
	padding: 40px 15px;
opacity: 1;
}

.bottom-footer p {
  font-size: 16px;
  line-height: 21px;
  color: #0089AD;
}

.bottom-footer {
  margin-top: 48px;
}

.bottom-footer .logo-wrap {
  margin-bottom: 30px;
}

.safe-main {
  width: 65%;
}

/*.cook-shafe-section {
  width: 35%;
}*/

/*.safe-row,
.table-r-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}*/
.table-r-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


.ajax_loader {
  border: 5px solid #007A9A;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-top: 5px solid #F26223;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.form-wrapper .btn-wrap {
    text-align: center;
}
.form-wrapper .btn-wrap button.main-btn {
    display: inline-block;
    min-width: 190px;
    cursor: pointer;
}






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

.video-modal .modal-body {
  position: relative;
  padding: 0px;
}
.close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}
.video-modal .modal-content{background-color:transparent; border: none;}




.img-bg-wrap{background: url("../images/banner-bg-2.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat;    padding-bottom: 142px; padding-top: 280px;}
.science-banner-bg{background: url("../images/science-banner-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat;    padding-bottom: 0px; padding-top: 240px; margin-bottom: 400px;}




.designed-section .portable-table-wrap{
  transition: 0.4s;
}
.designed-section .portable-table h4{
  transition: 0.4s;
}
.designed-section .portable-table small{
  transition: 0.4s;
}
.designed-section .portable-table-wrap:hover{
  background-color: #0089ad;
}
.designed-section .portable-table-wrap:hover .portable-table h4{
  color: #fff;
}
.designed-section .portable-table-wrap:hover .portable-table small{
  color: #fff;
}

.data-text ul{
  margin: 20px 0 0 10px;
  list-style: none;
}
.data-text ul li{
  color: #fff;
  font-size: 14px;
  font-style: italic;
  margin: 0px 0 10px 0;
  position: relative;
  width: 100%!important;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.data-text ul li::before{
  content: "";
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  top: 7px;
  left: -10px;
}
.text-bold{
  font-weight: bold;
  font-family: 'sofia_problack';
}
.bg-white{
  background-color: #fff;
  color: #000;
  padding: 0 15px;
}

.cook-shafe-section .cafe-img .img-border{
  display: none;
}
.cook-shafe-section .cafe-img{
  min-height: 570px;
}

.img-bg-wrap{
  position: relative!important;
}
.getin-touch .mail-content-details {
padding: 90px 15px 40px;
margin-top: 260px;
}
.mail-content-details .owner-image {
       position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
/*.img-bg-wrap::after{
  content: "";
  width: 100%;
  height: 100%;
  background-image: url('../images/banner-c.png');
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}*/
.coming-soon-wrap{
  z-index: 11;
  position: relative;
}
.cook-shafe-section::before{
  display: none;
}
.cafe-img .play-wrap{
    top: 60%;
}

.logo-group a{
  display: inline-block;
  margin: 0;
}
.logo-group .logo-img-1{
  position: relative;
}
/*.logo-group .logo-img-1::before{
  content: "";
  width: 11px;
  height: 11px;
  background-image: url('../images/plus.png');
  background-size: cover;
  position: absolute;
  top: 45px;
  right: -24px;
}
*/
.designed-section .color-box{
  align-items: flex-start!important;
  position: relative;
}
.color-dot{
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 11;
}
.color-dot h6{
  font-size: 20px;
  color: #000000;
   font-family: 'sofia_proregular';
   margin: 0 0 10px 0;
}
.color-dot ul{
  list-style: none;
  margin: 0 0 0 0!important;
}
.color-dot ul li{
  display: inline-block;
  margin: 0 15px 0 0;
}
.color-dot ul li a{
  width: 19px;
  height: 19px;
  border-radius: 100px;
  display: block;
  cursor: pointer;
  position: relative;
}
.color-dot ul li a::before{
  content: "";
  width: 27px;
  height: 27px;
  border: 2px solid #000;
  position: absolute;
  top: -4px;
  left: -4px;
  border-radius: 100px;
  opacity: 0;
  transition: 0.4s;
}
.color-dot ul .active a::before{
  opacity: 1;
}
.color-dot ul li .active::before{
  opacity: 1;
}


.copper{
  background-color: #cb7955;
}
.gold{
  background-color: #cba855;
}
.silver{
  background-color: #bfbfbf;
}
.black{
  background-color: #2a2a2a;
}



.designed-section .color-box .portable-table{
  padding: 40px 0 0 40px;
  position: relative;
  z-index: 999;
}
.designed-section .portable-table-wrap:hover h6{
  color: #fff;
}


.report-slider{
    position: relative;
}
.report-slider .owl-carousel .owl-nav button.owl-next,
.report-slider .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    width: 50px;
    height: 50px;
    left: -100px;
    bottom: 20%;
    font-size: 0;
    font-weight: bold;
    background-image: url('../images/slide-arow.png');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    background-color: #f26223;
    border-radius: 100px;
}
.report-slider .owl-carousel .owl-nav button.owl-next{
    left: auto;
    right: -100px;
    transform: rotate(180deg);
}



.video-modal .modal-dialog{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.news_update .main-btn {
    max-width: inherit;
    display: inline-block;
    padding: 17px 25px;
    margin-left: 10px;
    margin-top: 15px;
    text-transform: uppercase;
}

.social-icons { text-align: center; margin-bottom: 50px; }

.social-icons ul.social { justify-content: center; }
ul.social { display: flex; }
ul.social li{margin-right: 15px;}
ul.social li:last-child {margin-right: 0;}
ul.social li a{ color: #007A9A; font-size: 20px;}
ul.social li a:hover { color: #f26223;}


.winner-content ul.social li a{ color: #fff;}
.winner-content ul.social li a:hover { color: #f26223;}

@media (min-width:1800px) and (max-width:2560px){
  .play-wrap {
      top: 62%;
      right: -110px;
  }
}
@media (min-width:1300px) and (max-width:1550px){
  .cook-shafe-section .cafe-img{
    min-height: 500px;
  }
}
@media (min-width:1200px) and (max-width:1299px){
  .cook-shafe-section .cafe-img{
    min-height: 520px;
  }
}
@media (min-width:992px) and (max-width:1199px){
  .cook-shafe-section .cafe-img{
    min-height: 370px;
  }
  .logo-group a{
    width: 170px;
  }
  .logo-group .logo-img-1::before {
    top: 35px;
  }
  .report-section .download-file-wrap .download-file-img img{
    width: 70%;
  }
.cook-shafe-section .cafe-img .main-btn {    bottom: -110px;}

}
@media (min-width:768px) and (max-width:991px){
  .cook-shafe-section .cafe-img{
    min-height: 200px;
  }
  /*.play-wrap{
    top: 50%;
  }*/
  .img-bg-wrap::after {
    background-position: left;
  }
  .designed-section .color-box .portable-table {
      padding-top: 160px;
  }
  .report-slider .owl-carousel .owl-nav button.owl-next, 
  .report-slider .owl-carousel .owl-nav button.owl-prev{
    left: -70px;
  }
  .report-slider .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -70px;
  }
  .news_update {
    text-align: center;
  }
  .news_update .main-btn {
    margin-left: 0;
  }
   .cook-shafe-section .cafe-img .main-btn { bottom: 0; }
   .play-wrap {position: relative;margin-top: 40px;}
}
@media (min-width:320px) and (max-width:767px){
  .cook-shafe-section .cafe-img{
    min-height: 300px;
  }
  .play-wrap{
    top: 50%;
  }
  .img-bg-wrap::after {
    background-position: left;
  }
  .logo-group{
    margin: 0 auto;
  }
  .logo-group a{
    margin: 0 0 30px 0;
    display: block;
  }
  .logo-group .logo-img-1::before {
    top: 117px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .designed-section .color-box .portable-table {
      padding: 120px 0 0 20px;
  }
  .color-dot{
    left: 20px;
  }

  .report-section .download-file-wrap .download-file-img img{
    width: 150px;
  }
  .report-slider .owl-carousel .owl-nav button.owl-next, 
  .report-slider .owl-carousel .owl-nav button.owl-prev{
    left: -20px;
  }
  .report-slider .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -20px;
  }
  
  .news_update {
    text-align: center;
  }
  .news_update .main-btn {
    margin-left: 0;
    margin-top: 0;
  }

   .cook-shafe-section .cafe-img .main-btn { bottom: 0; }

   .getin-touch-inner-content { margin-bottom: 30px; }


}

@media (min-width:576px) and (max-width:767px){
  .report-section .download-file-wrap .download-file-img img{
    width: 190px;
  }
}
.disabled
{
  cursor: not-allowed !important;
}


.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, .20);
  color: #ffffff;
    background-color: #f26223;
    border-color: #f26223;
}

header.header {
  transition: all 0.4s;
}

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

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

header.header .navbar-light .navbar-nav .nav-link {
  color: #fff;
  font-family: 'sofia_problack';
  font-size: 18px;
  border-bottom: 1px solid transparent;
  transition: all 0.4s;
  display: inline-block;
}
header.header .navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}

header.header .navbar-light .navbar-nav li.nav-item.active .nav-link{
  color: #fff;
  border-bottom: 1px solid #fff;
}
header.header .navbar-light .navbar-nav li.nav-item {
  margin-right: 20px;
}
header.header .navbar-light .navbar-nav li.nav-item:last-child {
  margin-right: 0;
}

header.sticky {
  position:fixed;
  padding:15px 0 5px 0px;
  box-shadow:0 0 15px #121521;
  z-index: 99;
  background-color:#1a89ad;
}


header.header .navbar .logo-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

header.header .navbar .logo-wrap .navbar-brand.logo-2 { margin-top: 5px; }
header.header .navbar .logo-wrap { transition: all 0.4s;}
header.sticky .navbar .logo-wrap { margin-top: -80px; }
header.sticky .navbar .logo-wrap .logo-1 img {   filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));}
header.sticky .navbar .logo-wrap .logo-2 img {    filter: brightness(0) invert(1);}

header.header .navbar .logo-wrap .navbar-brand.logo-2:hover img{  filter: brightness(0) invert(1);}
header.sticky .navbar .logo-wrap .navbar-brand.logo-2:hover img{  filter: none;}

.navbar-light .navbar-toggler{color: #fff;border-color: #fff; margin-top: 30px;}

.navbar-light .navbar-toggler-icon{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

header.header .navbar ul.social { position: absolute; right: 30px; top: 40px; transition: all 0.4s;}
header.sticky .navbar ul.social{ top: 0; }
header.header .navbar ul.social li a{ color: #fff; font-size: 20px;}
header.header .navbar ul.social li a:hover { color: #f26223;}

/*.btn-wrap.logo-group{display: flex;    justify-content: space-between;flex-wrap: wrap; align-items: center;}*/
.logo-group .button-group { display: flex; align-items: center;justify-content: space-between;flex-wrap: wrap;}
.logo-group .button-group .main-btn {padding: 15px; margin-top: 0px;}
.logo-group .button-group .main-btn.btn-blue {border: 2px solid #007a9a; background-color: transparent; color: #007a9a;}
.logo-group .button-group .main-btn:hover {color: #fff;}


@media (min-width: 320px) and (max-width: 767px){
  .logo-group .logo-img-1::before{top: 186px;}
  .logo-group a{    margin: 0;}
  .logo-group .button-group{margin-bottom: 30px; flex: 1 0 100%; justify-content: space-around;}
}

.coming-soon-wrap ul.banner-text{
  max-width: 625px;
}
.coming-soon-wrap ul.banner-text li{
  font-size: 25px;
  line-height: 35px;
 font-family: 'sofia_promedium';
  margin-bottom: 25px;
  color: #fff;
  display: flex;
}
.coming-soon-wrap ul.banner-text li img{ height: 100%; margin-right: 20px; margin-top: 6px;}

.winner-logo .winner-content ul.social{justify-content: flex-end;}

.tabeltop-content{ max-width: 575px; margin-left: 25px; }
.tabeltop-img .img-wrap img {width: 100%;}

.tabeltop-section .tabeltop-img {
    position: absolute;
    top: 0;
    left: 0;
    flex: 0 0 auto;
    width: 50%;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}



.approved-section ul{display: flex;    justify-content: space-between;    align-items: center;}

.worktops-section {background-color: #F4FAFC; padding: 120px 0; position: relative;}
.worktops-section .tabeltop-content h2 {    margin-top: 10px;    color: #007A9A;    font-size: 55px;    line-height: 70px;    font-family: 'sofia_problack';}
.worktops-section .tabeltop-content {margin-left: 0;}
.worktops-section .tabeltop-content ul.list-text{  max-width: 625px;}
.worktops-section .img-wrap img {width: 100%;}
.worktops-section .tabeltop-content ul.list-text li{  font-size: 25px;  line-height: 35px; font-family: 'sofia_promedium';  margin: 25px 0;  display: flex;}
.worktops-section .tabeltop-content ul.list-text li img{ height: 100%; margin-right: 20px; margin-top: 6px;}
.worktops-section .tabeltop-img { position: absolute; top: 0; right: 0; flex: 0 0 auto; width: 50%; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: flex-end;}
.worktops-section .tabeltop-content .main-btn{max-width: 190px;}

.station-section { padding: 120px 0; position: relative;}
.station-section .tabeltop-content h2 {margin-top: 10px; color: #007A9A; font-size: 55px; line-height: 70px; font-family: 'sofia_problack';}
.station-section .tabeltop-content ul.list-text{max-width: 625px;}
.station-section .img-wrap img {width: 100%;}
.station-section .tabeltop-content ul.list-text li{ font-size: 25px; line-height: 35px; font-family: 'sofia_promedium'; margin: 25px 0;  display: flex;}
.station-section .tabeltop-content ul.list-text li img{ height: 100%; margin-right: 20px; margin-top: 6px;}
.station-section .tabeltop-img { position: absolute; top: 0; left: 0; flex: 0 0 auto; width: 50%; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: flex-end;}
.station-section .tabeltop-content .main-btn{max-width: 190px;}




.kitchens-section { padding: 120px 0; position: relative; background-color: #007A9A;}
.kitchens-section .tabeltop-content h2 { margin-top: 10px; color: #fff; font-size: 54px; line-height: 70px; font-family: 'sofia_problack';}
.kitchens-section .tabeltop-content {margin-left: 0;}
.kitchens-section .tabeltop-content ul.list-text{max-width: 625px;}
.kitchens-section .img-wrap img {width: 100%;}
.kitchens-section .tabeltop-content ul.list-text li{ font-size: 25px; line-height: 35px; font-family: 'sofia_promedium'; margin: 25px 0; display: flex; color: #fff;}
.kitchens-section .tabeltop-content ul.list-text li img{ height: 100%; margin-right: 20px; margin-top: 6px;}
.kitchens-section .tabeltop-img { position: absolute; top: 0; right: 0; flex: 0 0 auto; width: 50%; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: flex-end;}
.kitchens-section .tabeltop-content .main-btn{max-width: 190px;}


.counters-section { padding: 190px 0; position: relative;}
.counters-section .tabeltop-content h4 { margin-top: 10px; color: #007A9A; font-size: 40px; font-family: 'sofia_problack';}
.counters-section .tabeltop-content h5 { margin-top: 10px; color: #007A9A; font-size: 28px; line-height: 40px; font-family: 'sofia_problack';}
.counters-section .tabeltop-content ul.list-text{max-width: 625px;}
.counters-section .img-wrap img {width: 100%;}
.counters-section .tabeltop-content ul.list-text li{ font-size: 25px; line-height: 35px; font-family: 'sofia_promedium';  margin: 25px 0;  display: flex;}
.counters-section .tabeltop-content ul.list-text li img{ height: 100%; margin-right: 20px; margin-top: 6px;}
.counters-section .tabeltop-img { position: absolute; top: 0; left: 0; flex: 0 0 auto; width: 50%; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: flex-end;}
.counters-section .tabeltop-content .main-btn{max-width: 190px;}


.ceiling-section {background-color: #F4FAFC; padding: 120px 0; position: relative;}
.ceiling-section .tabeltop-content h2 {    margin-top: 10px;    color: #007A9A;    font-size: 50px;    line-height: 70px;    font-family: 'sofia_problack';}
.ceiling-section .tabeltop-content {margin-left: 0;}
.ceiling-section .tabeltop-content ul.list-text{  max-width: 625px;}
.ceiling-section .img-wrap img {width: 100%;}
.ceiling-section .tabeltop-content ul.list-text li{  font-size: 25px;  line-height: 35px; font-family: 'sofia_promedium';  margin: 25px 0;  display: flex;}
.ceiling-section .tabeltop-content ul.list-text li img{ height: 100%; margin-right: 20px; margin-top: 6px;}
.ceiling-section .tabeltop-img { position: absolute; top: 0; right: 0; flex: 0 0 auto; width: 50%; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: flex-end;}
.ceiling-section .tabeltop-content .main-btn{max-width: 190px;}

.getin-touch-inner-content .logo-group .button-group { margin-top: 25px; }
.getin-touch-inner-content .logo-group .button-group .main-btn{ min-width: 190px; }



.science-banner .box-content { background-color: #FFF1EB; text-align: center; position: relative; padding-top: 250px; padding-bottom: 70px; border-radius: 0 0 90px 90px; bottom: -404px;}
.science-banner .box-content .image-content {position: absolute; top: -310px;}
.science-banner .box-content .image-content.image-content-two {position: absolute; top: -345px;}
.science-banner .box-content .image-content img{ width: 100%; }
.science-banner .box-content .image-content h4 { color: #fff; font-size: 30px; font-family: 'sofia_problack';}
.science-banner .box-content h5 { color: #F26223; font-size: 30px; font-family: 'sofia_proregular';}
.bottom-content{ text-align: center; padding-top: 40px; }
.bottom-content p{ font-size: 18px;  font-family: 'sofia_proregular'; color: #B7B7B7; margin-bottom: 15px;}
.bottom-content h4{ font-size: 30px; font-family: 'sofia_proregular';}


.comparison-section { padding: 120px 0; text-align: center; }
.comparison-section .comparison-content h2{ font-size: 50px; font-family: 'sofia_problack'; color: #007A9A; margin-bottom: 70px;}
.comparison-section .iec-content { display: flex; align-items: center; margin-top: 60px;}
.comparison-section .iec-content .logo{ margin-right: 40px; }
.comparison-section .iec-content p{ font-size: 30px; line-height: 40px; text-align: left;}

.bacteria-section {background-color: #F4FAFC; padding: 120px 0;}
.bacteria-section h2 { font-size: 50px; color: #007A9A; margin-bottom: 90px; }
.bacteria-section p { font-size: 30px; line-height: 40px;}
.bacteria-section .content-wrap { background-color: #fff; text-align: center; padding: 0 15px 15px; margin-top: 30px; box-shadow: 0 0 16px rgba(0, 122, 154, 16%); min-height: 321px; position: relative;}
.bacteria-section .content-wrap .stage { position: absolute; bottom: -15px; left: 0; right: 0;}
.bacteria-section .content-wrap .stage h6{font-size: 18px;font-family: 'sofia_problack';color: #fff; background-color: #F26223; width: 156px;padding: 4px; margin: 0 auto; }
.bacteria-section .bottom-content{margin-top: 70px;}
.bacteria-section .bottom-content h4 { font-size: 24px; margin-bottom: 10px;}
.bacteria-section .bottom-content p { font-size: 18px; color: #B7B7B7;}


.power-of-visible-section {background-color: #007A9A; padding: 90px 0;}
.power-of-visible-section h2 {color: #fff; font-family: 'sofia_problack'; font-size: 50px; margin-bottom: 60px;}
.power-of-visible-section .card { padding: 23px 20px 0; border-radius: 15px; margin-top: 30px;}
.power-of-visible-section .card-title {font-family: 'sofia_problack'; font-size: 20px; color: #007A9A;margin-bottom: 0;}




.cumulative-protection-section {background-color: #F4FAFC; padding: 120px 0;}
.cumulative-protection-section h2 { font-size: 50px; color: #007A9A; margin-bottom: 60px;font-family: 'sofia_problack';}
.cumulative-protection-section p { font-size: 30px; line-height: 40px;}
.cumulative-protection-section .content-wrap { background-color: #fff; text-align: center; padding: 0 15px 15px; margin-top: 30px; box-shadow: 0 0 16px rgba(0, 122, 154, 16%); min-height: 321px; position: relative; display: flex; align-items: center;}
.cumulative-protection-section .content-wrap img {width: 100%;}
.cumulative-protection-section .content-wrap .stage { position: absolute; top: -15px; left: 0; right: 0;}
.cumulative-protection-section .content-wrap .stage h6{font-size: 20px; font-family: 'sofia_promedium'; color: #fff; background-color: #F26223; width: 239px;padding: 8px; margin: 0 auto; }
.cumulative-protection-section .bottom-content{margin-top: 70px;}
.cumulative-protection-section .bottom-content h4 { font-size: 30px; margin-bottom: 10px;}
.cumulative-protection-section .bottom-content p { font-size: 18px; color: #B7B7B7;}



.advantages-of-cleanOhr-section { padding: 120px 0; text-align: center; }
.advantages-of-cleanOhr-section .comparison-content h2{ font-size: 50px; font-family: 'sofia_problack'; color: #007A9A; margin-bottom: 70px;}
.advantages-of-cleanOhr-section .iec-content { display: flex; align-items: center; margin-top: 60px;}
.advantages-of-cleanOhr-section .iec-content .logo{ margin-right: 40px; }
.advantages-of-cleanOhr-section .iec-content p{ font-size: 30px; line-height: 40px; text-align: left;}


.protection-difference-section {background: url(../images/protection-difference-section.png); padding: 120px 0 0px; position: relative; background-repeat: no-repeat; background-size: contain;}
.protection-difference-section h2 { font-size: 50px; color: #fff; margin-bottom: 60px;font-family: 'sofia_problack';}
.protection-difference-section p { font-size: 30px; line-height: 40px;}



.protection-difference-section .content-wrap { background-color: #fff; text-align: center; padding: 0 15px 15px; margin-top: 30px; box-shadow: 0 0 16px rgba(0, 122, 154, 16%); min-height: 321px; position: relative; display: flex; align-items: center;}
.protection-difference-section .content-wrap .stage { position: absolute; top: -15px; left: 0; right: 0;}
.protection-difference-section .content-wrap .stage h6{font-size: 20px; font-family: 'sofia_promedium'; color: #fff; background-color: #F26223; width: 477px;padding: 8px; margin: 0 auto; }
.protection-difference-section .bottom-content{margin-top: 20px;}
.protection-difference-section .bottom-content h4 { font-size: 30px; margin-bottom: 10px;}
.protection-difference-section .bottom-content p { font-size: 18px; color: #B7B7B7;}

/*.protection-difference-section .table-row-wrap {position: absolute; top: 250px;}*/


.uv-free-antimicrobial-section { padding: 120px 0; text-align: center; }
.uv-free-antimicrobial-section h2{ font-size: 50px; font-family: 'sofia_problack'; color: #007A9A; margin-bottom: 70px;}
.uv-free-antimicrobial-section .comparison-content { text-align: center; background-color: #FFF1EB; padding: 95px 67px 45px; border-radius: 25px;}
.uv-free-antimicrobial-section .comparison-content h3{ font-size: 70px; color: #F26223; line-height: 70px; margin-bottom: 40px;font-family: 'sofia_problack';}
.uv-free-antimicrobial-section .comparison-content p{ font-size: 18px; line-height: 30px;}



.tested-approved-section { padding: 120px 0; text-align: center; background-color: #0089AD; }
.tested-approved-section h2{ font-size: 50px; font-family: 'sofia_probold'; color: #fff; margin-bottom: 70px;}
.tested-approved-section .content-wrap {margin-bottom: 15px;}
.tested-approved-section .comparison-content { text-align: left; background-color: #fff; padding: 20px 25px 25px; border-radius: 15px;height: 100%;}
.tested-approved-section .comparison-content h6{ font-size: 15px; color: #007A9A; line-height: 21px; margin-bottom: 20px;font-family: 'sofia_prosemibold'; }
.tested-approved-section .comparison-content p span{ font-size: 11px; line-height: 18px; font-family: 'sofia_proitalic';}
.tested-approved-section .comparison-content p{ font-size: 12px; line-height: 18px; font-family: 'sofia_proregular';}


.approved-section.science {padding: 90px 0;}

header.header.fixed-top.sticky .navbar-second{margin-top: 10px; margin-bottom: 15px;}
.navbar-second{margin-top: 40px;}
.navbar-second .nav-pills.nav {    justify-content: space-evenly; }
.navbar-second .nav-pills .nav-link { color: #fff; text-transform: uppercase; font-size: 20px;font-family: 'sofia_promedium';}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #f26223;}

header.header.fixed-top.sticky .navbar-second .nav-pills .nav-link{ font-size: 16px; }