@font-face {
     font-family: 'sourcelight';
    src: url('fonts/bradley_hand_itc_tt_bold.eot?#iefix') format('embedded-opentype'),  url('fonts/bradley_hand_itc_tt_bold.otf')  format('opentype'),
           url('fonts/bradley_hand_itc_tt_bold.woff') format('woff'), url('fonts/bradley_hand_itc_tt_bold.ttf')  format('truetype'), url('fonts/bradley_hand_itc_tt_bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
.main-wrapper{font-family: 'Source Sans Pro', sans-serif;}
.topbanner{background: #eceded}
.text11{text-align: center;}

.slider-text {padding: 160px 30px 30px 30px;}
.slider-text h1{color: #293991;font-weight: 600;font-size: 42px;line-height: 48px;}
.slider-text span{color: #eb1f3c;display: block;font-size: 35px;}
.slider-text ul{padding: 0px; margin: 0px;}
.slider-text li{display: inline-block; vertical-align: top;position: relative; padding-left: 15px;   margin-left: 5px;}
.slider-text li:before{font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; top: 8px; left: 0px;color: #eb1f3c;font-size: 12px;}
/* .slider-text li:first-child {padding: 0;margin: 0;} */
/* .slider-text li:first-child::before{content: inherit;} */

.text11{font-size: 20px; color: #000000;font-weight: 400;}

.text11n{font-size: 30px; color: #000000;font-weight: 400; text-align: center;     font-family: 'Source Sans Pro';}
.owl-text{text-align: center;padding: 0px 50px;}
.owl-text img {margin-bottom: 25px;}
.owl-text p {font-size: 32px;line-height: 35px;color: #000000;font-weight: 400;}

.howit-works{text-align: center;margin-top: 20px;} 
.heading-title h2{background: #293593;background: -webkit-linear-gradient(to right, #293593 30%, #00A17F 60%);background: -moz-linear-gradient(to right, #293593 30%, #00A17F 60%);background: linear-gradient(to right, #293593 30%, #00A17F 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 42px; text-align: center;font-weight: 600;position: relative;display: inline-block;line-height: 50px;margin: 20px 0px;}
.heading-title h2:before{position: absolute; top: 0px;left: 2px; content: ''; width: 22px; height: 3px; background: #ed1c24;}
.circletxt {
   margin: 0px auto;
   width: 80%;
}
.padding71 {padding-top: 81px !important;}
.gradientButton{margin-top: 20px; display: inline-block; padding: 8px 15px; text-align: center;background: rgb(41,53,147);
background: -moz-linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
background: linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#293593",endColorstr="#00a17f",GradientType=1);}
.gradientButton a{color: #ffffff; display: block;}
.gradientButton a:hover{text-decoration: none;}

.gray-section{background: #eceded;margin-top: 50px;}
.text12 {text-align: center;padding: 40px 0px;}
.text12 span {display: block;font-style: italic;font-size: 32px;color: #eb1f3c;}
.text12 p{color: #000000; font-size: 18px; margin: 0px;}

.borderBottom-left{ width: 100%;border-bottom: 2px dotted #afb0b0; -ms-transform: rotate(2deg); transform: rotate(2deg);}

.borderBottom-right{ width: 100%;border-bottom: 2px dotted #afb0b0; -ms-transform: rotate(-2deg);transform: rotate(-2deg);}

.office-applications { border-bottom: 2px dotted #cdcccc; padding-top: 30px; padding-bottom: 30px; margin-bottom: 60px;}
.applicationlist{padding: 0px; margin: 0px;}
.applicationlist li{list-style: none; vertical-align: top; display: inline-block;width: 24%;    margin-bottom: 10px;}
.applicationlist p{display:inline;}
.across-sector{}

.why-sharp{background: #d9d9d9; padding: 10px 0px; text-align: center; color: #000000; display: block; margin: 40px 0px; font-size: 32px;}

.whyBox {display: table;border: 1px solid #d9d9d9;}
.whyBox ul {padding: 0px 0px 0px 9px;margin: 0;}
.whyBox li{list-style: none;padding: 2px 0px;font-size: 15px; line-height: 18px;}
.whyBox li:before{  content: "•"; padding-right: 8px;  color: #eb1f3c;  
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;}
.whyBox .content {font-size: 14px;padding: 10px;background: #f2f2f2;line-height: 18px;display: table-cell; height: 172px;}
.whyBox .heading {font-size: 1.2rem; margin-bottom: 5px;font-weight:700;text-align: center;}
.fs-mt-5 {margin-top: 3.2rem!important;}
.text13 {font-size: 20px;line-height: 30px;padding: 75px 40px;}



.sec1 .icona{    width: 80px;
    margin: auto;}
.sec1 .icn_txt{     font-size: 1.8rem;
	text-align: center;}
 .3dsec1{  background-color: #fff;}

.3dsec1 p {
    font-size: 1.8rem;
	text-align: center;
}
.3dsec1 .icon{
    width: 80px;
    margin: auto;
}

.icon-content {
    height: 200px;
}
.3dsec1 .icon img{
  width:100%;
}
.strap{
  background-color: #6383a1;
  color: #fff;
}
.red-strap{
    background-color: #e6000d;
    color: #fff;
}
/*
.3dsec1 .owl-carousel .owl-dots {
    bottom: 20px;
    left: 50%;
    transform: translate(0%, 30px);
}
.3dsec1 .owl-carousel .owl-dot {
background: none;
    border: 2px solid #7f7f7f !important;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 50%;
}
.3dsec1 .owl-carousel .owl-dot.active{
    background: #7f7f7f  !important;
}

.3dsec1 .owl-carousel.red-theme .owl-dot {
    background: #ff7472 !important;
}
.3dsec1 .owl-carousel.red-theme .owl-dot.active{
    background: #e62422 !important;
}*/

.owl-carousel .owl-dots {
    bottom: 20px;
    left: 50%;
    transform: translate(0%, 30px);
    text-align: center;
}
.owl-carousel .owl-dot {
    background: none;
    border: 2px solid #7f7f7f !important;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 50%;
}
.owl-carousel .owl-dot.active {
    background: #7f7f7f !important;
}



.carousel_line{border-top: 0px !important;
  
    border-right: 0px !important;
    border-left: 0px !important;
    border-style: solid;
    border-width: 10px;
    border-image: linear-gradient(45deg, rgb(33,102,166,1), rgb(57,168,138,1)) 1;}
	
 .txt_last{padding: 15% 2em;}
	
@media(max-width:768px){
		  .3dsec1 p {
        font-size: 1rem;
    }
    .3dsec1 .owl-carousel .owl-dots {
	}
	.slider-text h1{font-size:32px;     line-height: 37px;}
	.slider-text span{    font-size: 26px;}

	}


/******************************************/
/*Naturizer*/

.header_img1{    position: absolute;   right: -118px;top: 170px;}
.header_img2	{    position: absolute;
    left: -81px;
    bottom: 10px;}
.naturizer-howit-works{text-align: center;margin-top: 20px;  padding-bottom: 40px;background: #eceded;}
.naturizer-heading-title h2{  color:#003da6; font-size: 42px; text-align: center;font-weight: 600;position: relative;display: inline-block;line-height: 50px;margin: 20px 0px;}
.naturizer-heading-title h2:before{position: absolute; top: 0px;left: 2px; content: ''; width: 22px; height: 3px; background: #93d500;}

.naturizer-gradientButton{margin-top: 20px; display: inline-block; padding: 8px 15px; text-align: center; background: rgb(41,53,147);
background: -moz-linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
background: linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#293593",endColorstr="#00a17f",GradientType=1);}
.naturizer-gradientButton a{color: #ffffff; display: block;}
.naturizer-gradientButton a:hover{text-decoration: none;}

.graphtable{border:1px solid #707070;     margin-top: 75px;}

.graphtable .whitecell{background:#fff; font-weight:600; width:30%}
.graphtable td{border:1px solid #aeaeae; padding: .40rem !important;}

.office-use-application { border-bottom: 2px dotted #cdcccc; padding-top: 30px;  margin-bottom: 30px; font-weight:800; color:#003da6; font-size:1.5rem;}
.home-use-application { border-bottom: 2px dotted #cdcccc; padding-top: 30px;  margin-bottom: 30px; font-weight:800; color:#003da6; font-size:1.5rem;}

.naturizer-applicationlist{padding: 0px; margin: 0px;}
.naturizer-applicationlist li{list-style: none; vertical-align: top; display: inline-block;width: 49%;    margin-bottom: 10px;}
.naturizer-applicationlist p{display:inline;}

.naturizer-how-to-prepare{text-align: center;margin-top: 20px;  padding-bottom: 40px;}
/* .rowline-steps{border-bottom:3px solid #a4dc28;     padding-bottom: 40px;} */
.prepare-steps:before{position: absolute; top: 86px;left: 6px; content: ''; width: 36px; height: 3px; border:2px dotted #a4dc28;}
.prepare-steps:after{position: absolute; top: 86px;left: 0px; content: ''; width: 2px; height: 80%; border:2px dotted #a4dc28;}

.step-content{  text-align: left;  padding:20px;}
.step-heading{color: #003da6;
    font-size: 24px;
    text-align: left;
    font-weight: 600;
  
    display: block;
   
    margin: 10px 0px 0px 0px;}
.step-content-bdr{/*border-left:4px dotted #a4dc28; */}
	.prepare-steps{    padding-bottom: 40px;
    border-bottom: 3px solid #a4dc28;}
    
    

/*********************************************************/
/*WORKSPACE PROCAT*/



.workspace-howit-works{text-align: center;margin-top: 20px;  padding-bottom: 40px; padding-top: 20px; background: #dff3fd;}
.workspace-heading-title h2{  color:#003da6; font-size: 42px; text-align: center;font-weight: 600;position: relative;display: inline-block;line-height: 50px; margin: 20px 0px; padding:0 0 40px 0;}
.workspace-heading-title h2:before{position: absolute; top: 0px;left: 2px; content: ''; width: 22px; height: 3px; background: #2ab574;}
	
	.workspace-gradientButton{margin: 40px 0 20px 0; display: inline-block; padding: 8px 15px; text-align: center; background: rgb(41,53,147);
background: -moz-linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
background: linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#293593",endColorstr="#00a17f",GradientType=1); }
.workspace-gradientButton a{color: #ffffff; display: block;}
.workspace-gradientButton a:hover{text-decoration: none;}
	
.workspace_graph_text {padding: 40px 0px;}
.workspace_graph_text span {display: block;font-style: italic;font-size: 32px;color: #eb1f3c;}
.workspace_graph_text p{color: #000000; font-size: 18px; margin: 0px;}
.workspace_graph_btn{background:#214498; color:#fff; padding: 8px 15px;
    text-align: center; display: inline-block;}	

	.workspace-gray-section{background: #f7f8f8;margin-top: 50px;}
	
.workspace-office-use-application { border-bottom: 2px dashed #404041; padding-top: 30px; padding-bottom:20px;  margin-bottom: 30px; font-weight:600; color:#2ab574; font-size:1.5rem;}
.workspace-shared-use-application { border-bottom: 2px dashed #404041; padding-top: 30px; padding-bottom:20px;  margin-bottom: 30px; font-weight:600; color:#2ab574; font-size:1.5rem;}
	
.mustknowcontainer{     margin-top: 40px; background: rgb(41,53,147);
background: -moz-linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
background: linear-gradient(90deg, rgba(41,53,147,1) 0%, rgba(0,161,127,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#293593",endColorstr="#00a17f",GradientType=1); padding-bottom:20px;}
	
.mustknow-heading-title h2{color:#fff; font-size: 30px; text-align: center;font-weight: 600;position: relative;display: inline-block;line-height: 50px;margin: 20px 0px; text-decoration:underline; text-transform:uppercase;}
 ul.mustknow{margin:0px 40px;}
 
 ul.mustknow li{background: rgb(33,102,166);
background: -moz-linear-gradient(90deg, rgba(33,102,166,1) 0%, rgba(57,168,138,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(33,102,166,1) 0%, rgba(57,168,138,1) 100%);
background: linear-gradient(90deg, rgba(33,102,166,1) 0%, rgba(57,168,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2166a6",endColorstr="#39a98a",GradientType=1);
color:#fff;
text-align:center; 
list-style:none; font-size:20px;
padding:10px; border-radius:20px;
margin-bottom:10px;
}	
ul.testresults_blk{margin:0; padding:0;}
ul.testresults_blk li.head{background:#e7e7e8; background: -moz-linear-gradient(90deg, rgba(33,102,166,1) 0%, rgba(57,168,138,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(33,102,166,1) 0%, rgba(57,168,138,1) 100%);
background: linear-gradient(90deg, rgba(33,102,166,1) 0%, rgba(57,168,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2166a6",endColorstr="#39a98a",GradientType=1);
color:#fff;
text-align:center; 
list-style:none; font-weight:600; }	
ul.testresults_blk li{background:#e7e7e8; text-align:center; 
list-style:none;      padding: 5px;
    border-bottom: 1px solid #fff; font-weight:600;}
	
	
	
	
/***************************************/
@media only screen and (max-width: 767px) {
.slider-text {padding: 20px;}
.applicationlist li{list-style: none; vertical-align: top; display: inline-block;width: 31%;    margin-bottom: 10px;}
.applicationlist p{display:block;}
.naturizer-applicationlist li{list-style: none; vertical-align: top; display: inline-block;width: 31%;    margin-bottom: 10px;}
.naturizer-applicationlist p{display:block;}
	.header_img1{    position: initial;
    left: 0;
    top: 0;}
		.header_img2{    position: initial;
    left: 0;
    bottom: 0;}
	ul.mustknow{margin:0px 0px; padding:0px;}
}