@charset "UTF-8";
* {
	margin: 0;
	padding: 0
}
html {
	height: 100%;
	width: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;z
	font-size: 18px;
   overflow-x: hidden;
}
body {
 
	background: #fff;
	overflow-x: hidden;
	max-width: 100%;
 
}
body.bg_grey,body.bg_gradient{
 	background: rgba(26,69,182,0.02);;
  /* background:#fcfcfc;*/
}
 
body.bfixed{
   
}
@media only screen and (max-width:991px) {
body.bfixed{
   
}
}
body, input, select, textarea, .standardinput, .styleselect {
   font-family: 'Poppins', sans-serif;
	font-size: 100%;
	font-size: 18px;
	font-weight: 400;
	
	 
   color: #384261;
 
 
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}
@media only screen and (max-width:991px) {
   body, input, select, textarea, .standardinput, .styleselect {
      font-size: 18px;
   }
   }

::-moz-selection {  
   color:#fff;
   background: #009cb4;
 }
 
 ::selection {
   color:#fff;
   background: #009cb4;
 }
 .bonopicon{

    content: url(../images/css_icon.svg);
    display: inline-block;
    vertical-align: baseline
   
}
body img{
   border-radius: 20px;
}
body div{
   overflow-wrap: break-word;
 
}
.clearfix::after{
   content: " ";
   display: table;
   clear: both;

}
.small{
   font-size:0.725rem
}
.dvbxshade{
   position: relative;
}
.dvbxshade:before {
   
   content: "";
   z-index: -1;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(47,27,85,0.25)), to(rgba(174,219,41,0.18)));
   background: -o-linear-gradient(top, rgba(47,27,85,0.25) 0%, rgba(174,219,41,0.18) 100%);
   background: linear-gradient(180deg, rgba(47,27,85,0.25) 0%, rgba(174,219,41,0.18) 100%);

   -webkit-filter: blur(70px);
   filter: blur(70px) ;
   border-radius: inherit;
   -ms-transform: rotate(-8deg);
   -webkit-transform: rotate(-8deg);
   transform: rotate(-8deg);
    
}
.dvbxshade::after {
   content: "";
   z-index: -1;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: none;
   border-radius: inherit;
}
.mt-20 {
	margin-top: 20px;
}
.mb-0 {
	margin-bottom: 0!important;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mb-40 {
	margin-bottom: 40px;
}
.pt-20 {
	padding-top: 20px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pt-40 {
	padding-top: 40px;
}
.pb-40 {
	padding-bottom: 40px;
}
@media only screen and (min-width: 1400px) {
	.textcontent p {
		max-width: 75%;
	}
}
*, *:focus, *:hover {
	outline: none;
}

@media only screen and (min-width: 992px) {
   .pagecol2 {
   column-count: 2;
   column-gap: 30px;
 }
 .pagecol3 {
   column-count: 3;
   column-gap: 30px;
 }
   }

 /* special ul */
 ul.special,.ulspecial ul{
   list-style: none;
   margin-top: 20px;
   margin-left: 30px;
   border-left: 2px solid #00b6d1;
   font-weight: 200;
}
ul.special li::before, .ulspecial ul li::before{
}
ul.special li, .ulspecial ul li{
   margin-bottom: 10px;
   padding-left: 30px;
 
   color:#596777;
 
}
ul.special li a, .ulspecial ul li a{
   color:inherit;
}

.child.ulspecial  ul li a{
   color:#00b6d1!important;
}
ul.special li a:hover, .ulspecial ul li a:hover{
   color:#253974!important;
}

 .format::before, pre::before{
    content: "\f05a";
    font-family: 'Font Awesome\ 6 Free';
    color:#fff;
    
    position: absolute;
    left: 15px;
    top: -20px;
    
    
   
    font-weight: 900!important;
}
 
 .format, pre{
    position: relative;
    border-radius: 8px;;
   border-top:25px solid #000f3c;
   background:#253974;
   padding: 15px;
   font-family: Consolas, 'Courier New', monospace;
   font-weight: normal;
   font-size: 14px;
   line-height: normal;
   
   margin-bottom: 20px;
   color:#ffeead;


   /*
   overflow-wrap: break-word;

	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
   
	hyphens: none;
    */
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */

   display: block;
   box-sizing: border-box;
   break-inside: avoid-column;

 }
 .format i, pre i{
    color:#009cb4;
 }
 .format a, pre a{
    color:#ff9da4!important
 }
 .format a:hover, pre a:hover{
    color:#ff9da4;
    text-decoration: underline;
 }
 .format strong,pre strong{
    color:#efc58f;
 }
 .format p,.format ul, .format ul li,.format ol, .format ol li, pre p,pre ul, pre ul li,pre ol,pre ol li{

    margin:0 0 0 0; 
 
   padding: 0 0 0 0!important;
   line-height: 20px!important;
   list-style: none;
 
 }
 .format p,.format ul, .format ol, pre p,pre ul, pre ol{
   margin:0 0 20px 0!important; 
   text-indent: 0!important;
  }
 .format ul li,.format ol li,pre ul li,pre ol li{
   margin: 0 0 0 0!important; 
   padding: 0 0 0 0!important;
 
 

 }
 .format ul li::after,.format ol li::after,pre ul li::after,pre ol li::after,
 .format ul li::before,.format ol li::before,pre ul li::before,pre ol li::before{
    content: none;
 }
 .format p:last-of-type,.format ul:last-of-type, .format ol:last-of-type{
   margin:0 0 0 0!important;
 
 }

 
/* mains */
@media only screen and (min-width: 992px) {
	.onlymobile {
		display: none!important;
	}
}
@media only screen and (max-width: 991px) {
	.nomobile {
		display: none!important;
	}
}
@media only screen and (max-width: 590px) {
	.noxsmob {
		display: none!important;
	}
}

svg:not(:root) {
	overflow: hidden
}
.overflow {
	overflow: visible!important;
}
a, .button, .topsearch, .pdelay, i {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.nonetrans {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none
}
.userinput {
	overflow-wrap: break-word;
   /*
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
   */
}
.noscript,noscript {
	width: 100%;
   display: block;
	padding:5px;
	background: #dd4135;
	color: white;
	 
}
.offline_mess {
	position: absolute;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.75);
	z-index: 6666666;
	top: 0;
	padding-top: 90px
}
.offline_mess i {
	font-size: 90px;
	color: #009cb4;
	margin-bottom: 30px
}
.offline_mess div {
	background: #fff;
	width: 450px;
	max-width: 90%;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
}
.embedbox {
	height: 1px!important;
	max-height: 1px!important;
	border: 0;
	overflow: hidden;
	width: 100%;
	background: #1a1c1d;
	display: none;
}
strong, .strong, b {
	font-weight: 600;
	/*font-family: '', Arial, Helvetica, sans-serif;*/
}
.underline, a.underline{
   text-decoration: underline dotted!important; 
 
   
}
@media only screen and (min-width: 992px) {
	.flright {
		float: right;
	}
}
 

.opacity{
   opacity: 0.6!important;
}
.blurr{
   color: transparent!important;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
 }
 .blurr:focus{
   color: #333!important;
    text-shadow: none;
 }
.uploadlogo {
   width: .1px;
   height: .1px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   z-index: -1
}
#balloon {
   display: none;
   height: 215px;
   margin-left: 438px;
   margin-top: -230px;
   position: absolute;
   width: 351px;
   z-index: 99928;
}
.getballoon:hover #balloon {
   display: block;
}
.space {
   margin-top: 30px;
   display: block;
}
.medspace {
   margin-top: 15px;
   display: block;
}
.center {
   text-align: center;
}
.right {
   text-align: right!important;
}
img {
   max-width: 100%;
   height: auto!important;
   border: 0;
}
.blue {
   color: #009cb4!important
}
.darkblue {
   color: #009cb4!important
}
.nblue{
   color: #009cb4!important
 
}
.ddblue{
    color: #253974!important
  
 }
.clear {
   clear: both;
   font-size: 0;
   height: 0;
}
ul {
   list-style-position: inside;
}
.title {
   display: block;
   font-weight: 600;
   font-family: 'Poppins', sans-serif;
   color: #009cb4;
}
.hidden {
   display: none;
}
.nonvisib{
   visibility: hidden;
}


.warn:not(.loginwrapper .warn ){
  
   background:#fff;
  /* background: linear-gradient(163deg, rgba(126,223,224,1) 0%, rgba(125,223,224,1) 2%, rgba(0,183,169,1) 100%);*/
   
    
   box-shadow: 0 0 25px rgba(0,24,95,0.1);
   
   border-left: 10px solid #009cb4;
   
   padding: 20px 20px 20px 10px;
   margin: 60px 0 60px 0;
   
font-size:0.825rem

 
}
.warn h1, .warn h2,.warn h3,.warn h4,.warn h5{
   font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    font-size: 3.0vw;
    font-weight: 600;
    margin-bottom: 10px;
}
@media only screen and (max-width:991px) {
    .warn:not(.loginwrapper .warn ){
  
 
        
        padding: 40px 15px 40px 25px;
        margin: 50px 0 50px 0;
        font-size: 0.825rem;
        color:#253974;
     }

     .warn.xl{

        font-size: 1rem!important;
     }
     .warn h1, .warn h2,.warn h3,.warn h4,.warn h5{
        font-size: 1.1rem;
        font-size: 2.8vw;
 
    }
}

 
 .warn.detailmtop{
    margin-top: 180px!important; 
 }
 .warn.noborder{
   
    border-left: none!important; 
 }
.warn strong{
    color:#009cb4;
}
.warn i{
    color:#009cb4;
}
 
 
.warnxs {
   background: #f2fcfd;
   background-image: -o-linear-gradient(284deg, #ffffff 0%, #f9f9f9 100%);
   background-image: linear-gradient(166deg, #ffffff 0%, #f9f9f9 100%);
   box-shadow: 0 0 15px #dadada;
   border-left: 10px solid #009cb4;
 
   padding: 10px 10px 10px 10px;
   margin: 20px 0
}
.warn a, .warnxs a {
   color: inherit;
   text-decoration: underline;
}
.warn p, .warn ul, .warnxs p, .warnxs ul {
   margin-bottom: 20px;
}
.warn p{
   width: 650px;
   max-width: 100%;
   margin-bottom: 20px;

}
.warn p:last-of-type, .warn ul:last-of-type, .warnxs p:last-of-type, .warnxs ul:last-of-type {
 
 margin-bottom: 0;
}
.warn .button, .warnxs .button {
   margin: 15px 15px 0 0!important
}
@media only screen and (min-width: 992px) {
   .warn .button.flright, .warnxs .button.flright {
	   margin: -7px 0 0 0!important;
	   position: relative;
   }
}
.warn ul, .warnxs ul {
   list-style: none;
   margin: 10px 0 10px 0
}
.warn ul li, .warnxs ul li {
   margin-bottom: 10px;
}
.warn ul li:before, .warnxs ul li:before {
 
   
   content: "\f0da";
   font-family: 'Font Awesome\ 6 Free';
   color:#fff;
   margin-right: 8px;
   
   
  
   font-weight: 900!important;
 
   
 
 
}

hr {
   border: none;
   margin: 50px 0 50px 0;
   border-top: 1px solid #ccc;
}
.nowrap{
   overflow: hidden;
   text-overflow: ellipsis;;
   white-space: nowrap;
}
 
.relative{
   position: relative;
}
/* basic flex*/
.flex{
   display: flex;
   width: 100%;
}
.flex.nowrap{
   flex-wrap: nowrap;
}
.flex.wrap {
   flex-wrap: wrap ;
}
.flex.space-between{
   justify-content: space-between;
 }
.flex.align-center{
   align-items:center
}
/* main wrapper */
.wrapper {
   width: 1400px;
   max-width: 100%;
   margin: 0 auto
}

.dashwrapper{
   width: 1700px;
   max-width: calc(100% - 10px);
   margin: 0 auto
}
@media only screen and (min-width: 992px) {
   .wrapper {
	   max-width: 99%;
   }
   .generalpage{
      padding-top: 80px;
      
   }
   .smallwrapper{
    padding: 0 40px;
   }

 
}
@media only screen and (max-width: 991px) {
   .wrapper {
      
   }
   .generalpage{
      padding-top: 50px;
      
   }
   .general{
      padding-top: 50px;
      
   }
 
   .wrapper.forumstart {
	   padding: 0 8px 0 8px;
	   box-sizing: border-box;
	   
   }
   .frontpage .wrapper, .searchresults .wrapper {
	   max-width: 100%;
   }
 
     .mobwrapper{
      padding: 0 10px;
      box-sizing: border-box;
   }
}

.column20 ,.column20fix{
   width: 20%;
   box-sizing: border-box;
   float: left;
}
.column25,.col_4 {
   width: 25%;
   box-sizing: border-box;
   float: left;
}
.column30,.column30fix {
   width: 30%;
   box-sizing: border-box;
   float: left;
}
.column33,.col_3 {
   width: 33%;
   box-sizing: border-box;
   float: left;
}
.column50 {
   width: 50%;
   box-sizing: border-box;
   float: left;
}
.column40 {
   width: 40%;
   box-sizing: border-box;
   float: left;
}
.column60 {
   width: 60%;
   box-sizing: border-box;
   float: left;
}
.column70,.column70fix {
   width: 70%;
   box-sizing: border-box;
   float: left;
}
.column80fix {
   width: 80%;
   box-sizing: border-box;
   float: left;
}
.inline {
   width: auto;
   display: inline-block;
   box-sizing: border-box;
   float: left;
}
.colfix300 {
   width: 300px;
   box-sizing: border-box;
   float: left;
}
.colfix400 {
   width: 400px;
   box-sizing: border-box;
   float: left;
}
.colfix300part {
   width: calc(100% - 300px);
   box-sizing: border-box;
   float: left;
}


.colfix400part {
   width: calc(100% - 400px);
   box-sizing: border-box;
   float: left;
}
@media only screen and (max-width: 1600px) {
   .col_4 {
      width: 33%;
      
   }
}
@media only screen and (max-width: 1280px) {
   .col_3,.col_4 {
      width: 50%;
      
   }
}
@media only screen and (max-width: 991px) {
   .column20, .column25 {
	   width: 50%;;
      margin-bottom: 30px;
	   
   }
   .column30,.column33, .column40, .column50, .column60, .column70,.col_3, .col_4,.colfix300,.colfix400,.colfix300part,.colfix400part{
	   width: 100%;
	   float: none;
      margin-bottom: 30px;
   }
}
.nofloat{
   float: none;
}
.pleft {
   padding-left: 30px;
   
}
.pr-10 {
   padding-right: 30px;
}
.pright {
   padding-right: 30px;
}
@media only screen and (min-width: 992px) {
.colfix400part.pright{
   padding-right: 80px;
}
.fpple{
   padding-left: 50px!important;
}
}
.pbottom {
   padding-bottom: 50px;
}
.mleft {
   margin-left: 13px;
}
.mright {
   margin-right: 13px;
}
.mbottom {
   margin-bottom: 13px;
}

@media only screen and (max-width: 991px) {
   .pleft {
	   padding-left: 0;
   }
   .pright {
	   padding-right: 0;
   }
   .mleft {
	   margin-left: 0;
   }
   .mright {
	   margin-right: 0;
   }
   .bm-30{
      margin-bottom: 30px;
   }
}

 
 
/* tables */
.tablewrapper {
	overflow-x: auto!important;
   margin-bottom: 40px;
}
.tablewrapper td, .tablewrapper th {
	white-space: nowrap
}
 
@media only screen and (max-width: 991px) {
 
.tablewrap {
	overflow-x: auto!important;
   margin-bottom: 40px;
}
.tablewrap td, .tablewrap th {
	white-space: nowrap
}

}

.table, .bltable {
   width: 100%;
   padding: 0;
   margin: 0 0 25px 0;
   border-spacing: 0;
   border:none
}
.table thead {}
.table thead th, .p_table table thead th {
   border-bottom: 1px solid #009cb4!important;
   text-align: left;
   padding: 10px;
   text-transform: uppercase;
   font-size: 0.85rem;
   font-family: "Poppins", Arial, Helvetica, sans-serif;
   font-weight: 400!important;
}
.table.bordertop {
   border-top: 1px solid #E3E3E3;
}
.table tr:nth-child(odd), .p_table table tr:nth-child(odd) {
   background: #eee;
}
.table.nobg tr:nth-child(even), .p_table_nobg table tr:nth-child(even) {
   background: none;
   border-bottom: 1px solid #009cb4!important;
}
.table.nobg tbody tr td, .p_table_nobg table tbody tr td {
   border-bottom: 1px solid #E3E3E3!important;
}
.table tr, .p_table table tr, .bltable tr {
   padding: 0;
   margin: 0;
   border: 0;
}
.table tr td, .table tr th, .p_table table tr td, .p_table table tr th, .bltable tr td, .bltable tr th {
   padding: 10px;
   margin: 0;
   border: 0;
}
.table.trover tbody tr{
   cursor: pointer;
}
.table.trover tbody tr:hover{
   background: #ededed;
   border-bottom: 1px solid #009cb4!important;
   /*color:#fff*/
}
.table.trover tbody tr:hover a{
   color:#fff
}
/* form und buttons */
 
.formrow {
   margin-bottom: 25px;
}
.formrow.short {
   margin-bottom: 15px;
}
.formrow .subformlabel {
   margin: 35px 0 15px 0
}
.formrow .subformlabel span {
   opacity: 0.6;
}
.formrow .proflabel {
   display: block;
   margin: 0 0 10px 2px;
   /*text-transform:uppercase;*/
   font-size: 0.85rem;
   font-weight: 600;
   font-family: 'Poppins', Arial, Helvetica, sans-serif;
   /*color:#666*/
   color: inherit;
}

.formrow .plabel{
   font-size: 1rem;
   font-weight: 600;
   font-family: 'Poppins', Arial, Helvetica, sans-serif;
   /*color:#666*/
   color: inherit;
   cursor: pointer;

}
.formrow .plabel .fa-toggle-on{
   color:#009cb4

}
.fa-toggle-off{
   color:#ccc
}
.formrow .formtip{
margin: -10px 0 10px 5px;
font-size:11px!important;
opacity: 0.85;
}
.formrow.specialbg {
   background: rgba(26,69,182,0.05);;
   padding: 10px 5px 10px 5px;
   border-bottom: 1px solid #009cb4;
}
.formrow.isreq span{
   display: inline-block;
   width: 20px;
}
input[type="search"] {
   -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}
.form-control {
   background: none;
   background-color: rgba(255,255,255,0.8);
    
   border: 1px solid #E3E3E3;
   border-radius: 6px;
   font-size: .875rem;
   color: #888888;
   padding: 8px 12px;
   height: 40px;
   -webkit-box-shadow: none;
   box-shadow: none;
   box-sizing: border-box;
   width: 100%;
   max-width: 100%;
   font-family: "Poppins", Arial, Helvetica, sans-serif;
   filter: none;
   margin-bottom: 4px;

   -webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

 
@media only screen and (max-width: 991px) {
.form-control.choosecat{
   margin-bottom: 15px!important;
}
}
.form-control:read-only {
   background-color: #f9f9f9;
 }
 .formrow.chzcmt label{
    color: #009cb4;
    font-weight: 600;
}
 
.password {
   padding-right: 50px;
   float: left;
}
.fpassshow {
   width: 30px;
   float: left;
   line-height: 42px;
   height: 42px;
   text-align: center;
   margin-left: -40px;
   font-size: 1.2rem;
   cursor: pointer;
   color: #ccc;
}
 
.form-control.autow {
   width: auto
}
.form-control.nomax{
   width: 90%;
}
.form-control.address {
   width: calc(75% - 15px);
   margin-right: 15px;
}
.form-control.addressnr {
   width: 25%;
   float: right;
}
.form-control.half {
   width: calc(50% - 5px);
   float: left;
   margin-right: 5px!important;
}
.formrow .double{
   display: flex;  
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}
.formrow .double .form-control {
   width: calc(50% - 5px);
}

.form-control:hover:not(.form-control:read-only:focus){
 

   border:1px solid #009cb4;
    
    }
.form-control:focus:not(.form-control:read-only:focus){
   background-color: #FFFFFF;
 
   -webkit-box-shadow: none;
   box-shadow: 0 0 4px #009cb4;
   outline: 0 !important;
   color: #253974;
}
.form-control.textarea {
   height: 140px;
}
.form-control.textarea.tasnakk {
   height: 120px;
   width: 400px;
   max-width: 90%
}
.form-control:disabled {
   background: #e7e7e7
}
.form-control.select {
   background-color: rgba(255,255,255,0.8);
   box-sizing: border-box;
   margin: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   padding-right: 24px;
   background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23009cb4%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
   background-repeat: no-repeat, repeat;
   background-position: right .7em top 50%, 0 0;
   background-size: .65em auto, 100%;
}
.form-control.select::-ms-expand {
   display: none;
}
.form-control.select.multi {
   height: auto!important;
   background-image:none!important;
 
 
}
.form-control.select option {
   /*color: #888888;*/
   background: #fff;
}
.form-control.select option:checked {
   color: #fff;
   background:#009cb4;
   padding-left:5px
}
.form-control.select.getblob {
   padding: 3px 24px 3px 3px;
   height: 30px;
   max-width: 100%;
   background-position: right .7em top 50%, 0 0;
   background-size: .55em auto, 100%;
}
.formsmalltxt{
   font-size: 0.725rem;
   color: #a7a7a7
}

 
.form-control.fricos{
   padding-left: 40px;
}
 
.formrow input[type=checkbox], .formrow input[type=radio], .showextrasrch input[type=checkbox] {
   display: none;
}
input[type=checkbox] + label:before, input[type=radio] + label:before {
   font-family: 'Font Awesome\ 6 Free';
   display: inline-block;
}
input[type=checkbox] + label:before, input[type=radio] + label:before {}
input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before {} /* allow space for check mark */
input + label:before {
   font-weight: 400;
}
input[type=checkbox] + label:before {
  
   content: "\f0c8";
   font-size: 1rem;
   color: #ccc;
   width: 20px
} /* unchecked icon */
input[type=checkbox]:checked + label:before {
   content: "\f14a";
   font-weight: 900;
   color: #009cb4
} /* checked icon */
input[type=radio] + label:before {
   content: "\f111";
   width: 20px;
   color: #ccc
} /* unchecked icon */
input[type=radio]:checked + label:before {
   content: "\f192";
   color: #009cb4
}
.searchbox{
   display: flex;
    justify-content: flex-start;;
 
 
    
   
}
.searchbox .form-search, .searchbox .searchbutton{

background: none;
background-color: rgba(255,255,255,0.8);
 
border: 1px solid #E3E3E3;

font-size: .875rem;
color: #888888;

height: 40px;
-webkit-box-shadow: none;
box-shadow: none;
box-sizing: border-box;

font-family: "Poppins", Arial, Helvetica, sans-serif;
filter: none;
margin-bottom: 4px;

-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
 
}

.searchbox .form-search{
padding: 8px 12px;
flex-shrink: 0;
flex-grow: 0;
border-right: none;
 border-radius: 6px 0 0 6px ;
 box-sizing: border-box;;

 width: calc(100% - 50px);
}

.searchbox .searchbutton{
padding: 8px 8px;
cursor: pointer;
box-sizing: border-box;;
   flex-shrink: 0;
flex-grow: 0;
border-left: none;
 border-radius:  0 6px 6px 0;
background: #00b6d1;
color:#fff;
font-weight: 600;
width: 50px
}
.replace-check {
   margin-right: 10px;
   cursor: pointer;
}
.replace-check:hover {
   color: #676767
}
.replace-check a {
   color: #009cb4;
   text-decoration: none;
}
.replace-check a:hover {
   color: #009cb4;
   text-decoration: underline;
}
.replace-check.xtrsrch {
   font-size: 0.725rem;
}
.red {
   color: #ff4c6d; 
}
.orange {
   color: #ff4c6d;
}
.green {
   color: #009cb4
}
.greentxt {
   color: #0dc143
}
.grey {
   color: #888888!important
}
.dgrey {
   color: #666!important
}
.facebook {
   color: #415dae
}
.linkedin {
   color: #0a66c2
}
.reddit {
   color: #ff4500;
}

.twitter {
   color: #1da1f2
}
.whatsapp {
   color: #0dc143
}

.cursor{
   cursor: pointer;
}
.button ,a.button,input[type=file]::file-selector-button{
   /*border:none!important;*/

   background: #00b6d1;
 
   
   font-family: 'Poppins', Arial, Helvetica, sans-serif;
   font-size: 14px!important;
   color: #fff!important;
   text-decoration: none!important;
   font-weight: 600;
   border-radius: 4px!important;
   cursor: pointer;
   line-height: 46px!important;
   height: 46px;
   padding: 0 28px 0 28px!important;
   text-shadow: none!important;
   /*text-transform: uppercase;*/
   letter-spacing: 1px!important;
    display: inline-block;
   -webkit-appearance: none;
   text-align: center!important;
   width: auto!important;
   white-space: nowrap!important;
   max-width: 100%;

   border: none!important;
 
}
.button.shade{
    box-shadow: 0 2px 4px 0 rgba(0,24,95,0.2);
     
 }
.button.round{
    border-radius: 100px!important;
}

.button i,a.button i{
    font-size: inherit!important;
    color:inherit
}

.button.full {
   width: 100%!important;
   text-align: center;
}
.button.noborder ,a.button.noborder{
   /*border:none!important;*/

   background: none;
  
   color: #fff!important;
  
 
  
}
 .button.arrrig::after{
   content: "\f178";
font-family: 'Font Awesome\ 6 Free';
 margin-left: 10px;
font-weight: 900;

}
 
 
 
.button:hover,a.button:hover,input[type=file]::file-selector-button:hover {
   opacity: 0.6!important;
   color:#fff!important
 
}
  
.button i {
   margin-right: 4px
}
.button i.left {
   margin: 0 0 0 4px!important;
}
.button:disabled, .button[disabled], .button.disabled {
   background: #cccccc!important;
}
  
@media only screen and (max-width: 991px) {
   .buttonbox{
      text-align: center;
      box-sizing: border-box;
   }
   .buttonbox .button,.buttonbox .object{
    width: 100%!important;
    display: block!important;
    margin: 0 0 20px 0!important;
    box-sizing: border-box;
       
   }
}

 
.button.hidden {
   display: none!important;
}

.listwarn{
    display: inline-block;
    
    margin-right: 10px;
     
    font-weight: 500;
    
 }
 .listwarn.wait, .listwarn.denied{
    background: #fff;
    color: #414141;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    border-radius: 50px;
    line-height: 24px;
    padding: 0 15px;
  
 }
 .listwarn.denied{
  
 }
 .listwarn.published{
   
 }
 .listwarn::before {
    content: "\f017";
    font-family: 'Font Awesome\ 6 Free';
    font-weight: 700;
    margin-right: 6px;
    color:#009cb4;
     
 }
 .listwarn.denied::before {
    content: "\f071";    
    color:#ff4c6d;
 }
 .listwarn.published::before {
    content: "\f058"; 
    color:#009cb4;   
 }
 
 @media only screen and (max-width: 991px) {
    .listwarn{
       display: block;
       margin-bottom: 12px;
 
    }
 }
 .admineditmenu
 {
    
    position: fixed;
    bottom:0;
    left: 0;
    z-index: 994499;
    background: rgba(0,0,0,0.85);
    width: 220px;
    box-sizing: border-box;
    padding:10px;
    color:#eee;
    text-align: center;
    font-size: 0.725rem;
     
 }
 .admineditmenu a{
   display: block;
    padding: 5px 0;
    box-sizing: border-box;
    width: 100%;
    border-radius: 8px;
    border:1px solid rgba(47,27,85,0.45);
    margin-bottom: 15px ;
    
 }
 .admineditmenu a i {
   color:#009cb4;
   width: 15px;
 }
 .admineditmenu a:hover{
 
   border:1px solid rgba(47,27,85,1);
 
   
}
@media only screen and (min-width: 992px) {

.admineditmenu a.logout{
    margin-top: 120px;
}
}
@media only screen and (max-width: 991px) {
   .admineditmenu a{
   
       margin: 10px 10px;
       
    }
}
/* header and top menu */
 


.mainnav {
	height: 100px;
	width: 100%;
	position: absolute;
   top: 0;
   z-index: 9969;
   

}
@media only screen and (max-height:650px) {
    .mainnav {
        position: fixed;
        top: 0;
        background: #fff;
         box-shadow: 0 0 20px rgba(0,24,95,0.1);
        z-index: 66336;
    }

}
.topnav{
    background: #253974;

    color:#fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 0;
     
}
.topnav .wrapper{
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
}
.topnav .wrapper a{
    padding: 0 15px;
    overflow: hidden;
    
}
.topnav .wrapper a:hover{
color:#009cb4
}
@media only screen and (max-width:991px) {
   .topnav .tnright{
      display: none;;
   }
	.mainnav {
		height: 50px;
      
	}
     
}
@media only screen and (min-width: 992px) {
   

body .mainnav .button{
   margin-left:30px
}
}
body.bfixed .mainnav{
	position: fixed;
   top: 0;
   background: #fff;
	box-shadow: 0 0 20px rgba(0,24,95,0.1);
   z-index: 66336;
}
body.bfixed .topnav{
    display: none;
}
.mainnav.bgwhite{
    top: 0;
   background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.mainnav .messcounter {
   background: #009cb4;
   font-size: 10px;
   color: #ffffff;
   padding: 0 3px 0 3px;
   line-height: 12px;
   position: absolute;
   margin: -2px 0 0 -2px;
   border-radius: 2px
}
/*
.bg_gradient .mainnav .messcounter {
   background: #fff;
   color: #009cb4;
}
*/
.mainnav .flexcontent {
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
@media only screen and (min-width:992px) {
   .mainnav .flexcontent {
		height: 100px;
      padding: 0 20px 0 20px;
	}
 
   
}

@media only screen and (max-width:991px) {
	.mainnav .flexcontent {
		height: 50px
	}
}
.mainnav .logo {
	width: 150px;
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: row;
	flex-wrap: wrap
}
.mainnav .logo img {
	width: 120px;
	height: auto
}
@media only screen and (max-width:991px) {
   .mainnav .logo {
 
  
   }
	.mainnav .logo img {
		width: 80px;
      margin:5px 0 0 4px;
	}
}

 

body.fpherofp .mainnav .logo img:not(body.bfixed .mainnav .logo img){
   filter:contrast(0%) brightness(2000%); 
}

.mainnav ul {
	list-style: none;
	padding: 0!important;
	margin: 0!important
}
.mainnav .mainul a {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-weight: 600;
   color:#253974;
 
   white-space: nowrap;
}
@media only screen and (min-width:992px) {
	.mainnav .mainul {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center
	}
	.mainnav .showmobilemenu {
		display: none
	}

	.mainnav .mainul .mainli {
	 flex-shrink: 0;
     flex-grow: 0;
	}
	.mainnav .mainul .first {
		display: inline-block;
		padding: 10px;
		margin: 0 0 0 5px
	}
   body.mainfront .mainnav .mainul .mainli .first:not(body.bfixed .mainnav .mainul .first){
      color:#fff
   } 
   .mainnav .mainul .mainli.lngchs{
      display: none;
   }
 
}
@media only screen and (max-width:991px) {
	.mainnav .showmobilemenu {
		height: 100%;
		cursor: pointer;
		width: 50px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		align-content: center;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		font-size: 30px;

      -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease;
    color:#253974
  
	}

   body.mainfront .mainnav .showmobilemenu:not(body.bfixed .mainnav .showmobilemenu):not(.mainnav.bgwhite .showmobilemenu){
      color:#fff
   }
   body.fpherofp .mainnav .showmobilemenu:not(body.bfixed .mainnav .showmobilemenu):not(.mainnav .showmobilemenu.visible){
      color:#fff!important;
   }
   .mainnav .showmobilemenu::after{
      content: "\f0c9";
font-family: 'Font Awesome\ 6 Free';

   font-size:30px;
   
   font-weight: 900;

}
.mainnav .showmobilemenu.visible::after{
   content: "\f00d"; 
 
 
}
	.mainnav .showmobilemenu:hover .mainnav .mainul {
		display: block
	}
	.mainnav .mainul {
		display: none;
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 633661;
		padding: 0!important

	}
	.mainnav .mainul .mainli {
		 
	}
	.mainnav .mainul .mainli .first {
		display: block;
		padding: 20px
	}
   .mainnav .mainul .mainli.getnow{
      background: #eee;
      padding: 20px;
      text-align: center;
   }

   .mainnav .mainul .mainli.lngchs{
text-align:center;
padding: 20px;
font-size: 0.925rem;

   }
   .mainnav .mainul .mainli.lngchs a{
      margin: 0 10px;
      font-weight: 500;
   }
   .mainnav .mainul .mainli.lngchs img{
      margin-right: 5px;
   }
 
}

@media only screen and (min-width:992px) {

  
body.fpherofp .mainnav .mainul .mainli a:not(body.bfixed .mainnav .mainul .mainli a){
	color:#fff;
	}
}
 
.mainpage {
   margin-top: 130px;
   margin-bottom: 50px;
    min-height: calc(100vh - 515px);
}
.nobottom .mainpage {
   
   margin-bottom: 0;
 }
@media only screen and (max-width: 991px) {
   .mainpage {
	   margin-top: 90px;
	   margin-bottom: 15px;
   }
}
.mainpage.mainfrontpage{
   margin-top: 0;
   margin-bottom: 0;
}
/* main & standard content pages */ 
.content {}


 


.content a {
   color:#253974;
   text-decoration-color:#009cb4;
   text-decoration: underline;
}
.content a:hover {
   color:#009cb4!important;
  
}
.hoverund a:hover{
   text-decoration: underline;
 
}
h1,.h1, h2, h3, h4, h5,h6, .title, .listbox .title, .listbox .detailbox .detprice {
   font-family: 'Poppins', sans-serif;
      color: #253974;
     
  font-weight: 700;
 
 line-height: normal;
 
}
h1.black,.h1.black, h2.black, h3.black, h4.black, h5.black,h6.black, .title.black, .listbox .title.black, .listbox .detailbox .detprice.black {
    
    color:#253974;   
  
 }
 
h4, h5,h6{
    font-weight: 500;  
}
h1 a,.h1 a, h2 a, h3 a, h4 a, h5 a,h6 a, .title a, .listbox .title a, .listbox .detailbox .detprice a{
   color: #253974!important;
}
h1 em,.h1 em, h2 em, h3 em, h4 em, h5 em,h6 em, .title em, .listbox .title em, .listbox .detailbox .detprice em,
h1 span,.h1 span, h2 span, h3 span, h4 span, h5 span,h6 span, .title span, .listbox .title span, .listbox .detailbox .detprice span{
   font-family: 'Poppins', Arial, Helvetica, sans-serif;
   font-style: normal;
   display: block;
   font-weight: 500;
   text-transform: uppercase;
   font-size: 0.875rem;
   color: #00b6d1;
   margin-bottom: 8px;
   line-height: 1.5rem;
 
 
 
 
}
@media only screen and (max-width: 991px) {
    h1 em,.h1 em, h2 em, h3 em, h4 em, h5 em,h6 em, .title em, .listbox .title em, .listbox .detailbox .detprice em,
h1 span,.h1 span, h2 span, h3 span, h4 span, h5 span,h6 span, .title span, .listbox .title span, .listbox .detailbox .detprice span{
 
 
 
 
 
}
}
.title{
   font-weight: 600;
}
.content h1,.content .h1 {
   margin-bottom: .5em;
 
   font-size: 2.5em;
   font-size: 3.0vw;
}
.dashwrapper h1{
   margin-bottom: 60px;
   color:#253974
}
.dashwrapper h1 span{
   margin-bottom: 0;
   color: #00b6d1
}
.content h2 {
   margin-bottom: .5em;
 
   font-size: 1.9em;
   font-size: 2.3vw;
}
.content h3 {
   margin-bottom: .5em;
 
   font-size: 1.7em;
   font-size: 2.0vw;
}
.content h4 {
   margin-bottom: .3em;
    font-size: 1.5em;
    font-size: 1.8vw;
}
.content h5 {
   margin-bottom: .2em;
    font-size: 1.1em;
    font-size: 1.8vw;
}
.content h6 {
   margin-bottom: .2em;
    font-size: 1em;
    font-size: 1.5vw;
}
@media only screen and (max-width: 991px) {


    .content h1,.content .h1 {
        font-size: 8.0vw;
     }
     
     .content h2 {
        font-size: 7.0vw;
     }
     .content h3 {
        font-size: 6.0vw;
     }
     .content h4 {
        font-size: 5.0vw;
     }
     .content h5 {
        font-size: 5.0vw;
     }
     .content h6 {
        font-size: 5.0vw;
     }


}
   
.content p {
 
   margin-bottom: 28px; 
   line-height: 36px
}
.content ul,.content ol {
   margin:0 0 28px 20px; 
   line-height: 36px
}
.ctul ul:not(.content ul.special){
   list-style: none;
   margin-left: 40px;
}
.ctul ul li:not(.content ul.special li):not(.content ul li ul li){
     position: relative;
     margin-bottom: 10px;
}
.ctul ul li::before {
   position: absolute;
   content: "\f0da";
   font-family: 'Font Awesome\ 6 Free';
   font-weight: 900;
   left: -16px;
    
    
}
 
.content .optionlist {
   list-style: none;
   width: 25%;
   float: left;
   margin-top: 15px;
   font-size: 13px;
}
.content .optionlist li {
   margin: 0 10px 14px 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   list-style: none;
}
@media only screen and (max-width: 991px) {
   .content .optionlist {
	   margin-top: 25px;
	   width: 50%;
	   float: left;
   }
}
 

/*fp hero */ 
 .mnisb{
   background: #253974;
 }
	
.fpmainhero{
	width: 100%;
 
	background-image:url(../images/frontpage/bg_hero_wr.webp);
 background-position: center center;
background-size: cover;
 border-radius: 0 0 240px 0;
   
}
@media only screen and (min-width: 992px) {
   .fpmainhero{
   height:100vh;
	min-height:100vh;
   
}
}
@media only screen and (max-width: 991px) {
   .fpmainhero{

 border-radius: 0 0 100px 0;
   
}
}
 
	.fpmainhero .herofp{
	width: 100%;
 height: 100%;
 
  background: rgba(37,57,116,0.5)
 
}
	
	@media only screen and (max-width:991px) {
      .fpmainhero{
         width: 100%;
         height:auto;
         
 
       
      }
		.fpmainhero .herofp .fpmntxt{
			padding: 220px 0 100px 0
		}
	}
	
	@media only screen and (min-width: 992px) {
		
		.fpmainhero .herofp{
		display: flex;
			flex-wrap: wrap;
			align-items: flex-end
		}
      .fpmainhero .textwrap{
         width: 1400px;
         max-width: 100%;
         margin: 0 0 0 100px
      }
	}
	
	
	.fpmainhero .fpmntxt{
		color:#fff;
		padding: 100px 0;
    
	}
	.fpmainhero .fpmntxt h1, .fpmainhero .fpmntxt h2, .fpmainhero .fpmntxt h3, .fpmainhero .fpmntxt h4, .fpmainhero .fpmntxt a, .fpmainhero .fpmntxt p,
	.fpmainhero .fpmntxt h1 em, .fpmainhero .fpmntxt h2 em{
		color:#fff!important;
      text-shadow: 2px 2px 30px rgba(0,0,0,0.75);
	}
	
	.herofp .fpmntxt h1{
     
     font-size: 6rem;
     
     font-weight: 700!important;
	margin-bottom:50px;
   line-height: 6rem!important;
     
   }
	@media only screen and (max-width:991px) {
		.herofp .fpmntxt h1{
     
     font-size: 3rem;
 
   line-height: 3rem!important;
     
   }
	}
   .herofp .fpmntxt h1 span,.herofp .fpmntxt h1 em{
   
    display: block!important;
    margin-bottom: 3px!important;
 
    line-height: 10px!important;
   }
	.fpmainhero .fpmntxt p{
		max-width: 50%;
      font-weight: 500;
	}
@media only screen and (max-width:991px) {
	.fpmainhero .fpmntxt p{
		max-width: 80%;
		font-size: 0.875rem
	}
	}

/* frontpage content */
.fpcontent {
   background: #fff;
   padding-bottom: 80px;
}
.fpcontent.blogpage {
   background: #fff;
   padding: 40px 0 20px 0;
}
.fpcontent .fpleft {
   background-image: url(https://cdn.bonop.com/file/forsale/images/sliders/classic_cars.webp);
   background-size: cover;
   background-position: center center;
}
.fpcontent .fpright {
   background: rgba(26,69,182,0.05);
}
@media only screen and (min-width: 992px) {
   .fpcontent .wrapper {
	   display: flex;
   }
   .fpcontent .fpleft {
	   width: 350px;
   }
   .fpcontent .fpright {
	   width: calc(100% - 350px);
	   box-sizing: border-box;
	   padding: 40px;
   }
}
@media only screen and (max-width: 991px) {
   .fpcontent .fpleft {
	   height: 150px;
   }
   .fpcontent .fpright {
	   padding: 40px 20px 20px 20px;
   }
}
 
.sidemenu ul {
   list-style: none;
}
.sidemenu ul li {
   padding: 5px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   box-sizing: border-box;
}
.sidemenu ul li a::before {
   content: "\f0da";
   font-family: 'Font Awesome\ 6 Free';
   font-weight: 900;
   margin-right: 10px;
   color: #009cb4
}
.sidemenu ul li a {
   display: block;
   color: inherit;
}
.sidemenu ul li a:hover {
   color: #009cb4
}

.bgbluediv{
   background: #253974;
   color:#fff;
   padding: 100px 0
   }
   .bgbluediv .wrapper{
      width: 1024px
   }
   .bgbluediv h1,.bgbluediv h2,.bgbluediv h3, .bgbluediv h4{
   color:#fff;
   text-align: center;
   font-size: 2.8rem;
   
 
   margin-bottom: 2.5rem;
   }
 
   .bgbluediv p:first-of-type {
 
   margin-bottom: 40px
   }
   @media only screen and (min-width: 992px) {
     
      .bgbluediv p:first-of-type {
         column-count: 2;
         column-gap: 40px;
         
         }

   }
   @media only screen and (max-width: 991px) {
   .bgbluediv h1,.bgbluediv h2,.bgbluediv h3, .bgbluediv h4{
      font-size: 1.8rem;
       
      }
   }
   .bgbluediv strong{
      display: block;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 0.725rem;
      letter-spacing: 2px;
      text-align: center
   }
.frontpage .fpmainherox,.frontpage .ourproducts,.frontpage .whyus,.frontpage .about{
   margin-bottom: 120px;
   }
   .ourproducts{
   
   }
   .ourproducts .intro{
   text-align: center;
   margin-bottom: 40px;
   display: flex;
   justify-content: center;
   width: 100%;
   
   
   flex-direction: row;
   flex-wrap: wrap
   
   }
   .ourproducts .intro h1,.ourproducts .intro h2,.ourproducts .intro h3,.ourproducts .intro h4,.ourproducts .intro h5{
   display: block;
   width: 100%;
   flex-shrink: 0;
   flex-grow: 0;


   font-size: 3.5vw;
   
 
   margin-bottom: 2.5rem;
   
   }
   @media only screen and (max-width: 1280px) {
      .ourproducts .intro h1,.ourproducts .intro h2,.ourproducts .intro h3,.ourproducts .intro h4,.ourproducts .intro h5{
        
        font-size: 8vw;
         }
   }
   .ourproducts .intro p{
   width: 700px;
   max-width: 100%;
   
   
   flex-shrink: 0;
   flex-grow: 0;
   
   }
   .ourproducts .wrapper .prodflex{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   
   }
   .ourproducts .wrapper .product{
   flex-grow: 0;
   flex-shrink: 0;
   background-position: center center;
   background-size: cover;
   
   margin-bottom: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   
   
   
   }
   .ourproducts .divwithdesc{
     
      margin-bottom: 60px;
      }
   @media only screen and (min-width: 992px) {
   .ourproducts .divwithdesc{
      width: 32%;
      flex-grow: 0;
      flex-shrink: 0;
      margin-bottom: 50px;
      }
   }
   .ourproducts .divwithdesc h3{
      font-size: 1.3rem;
      display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;

  line-height: 30px;
  height: 60px;
   }
   .ourproducts .divwithdesc p{
      font-size: 0.975rem;
      margin-bottom: 15px;

      display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;


  height: 120px;
   }
   
   .ourproducts .divwithdesc .button{
      
   }
   .ourproducts .wrapper .product span{
   
   
   transition:all 0.5s ;
   -webkit-transition:all 0.5s ;
   -o-transition:all 0.5s ;
   -moz-transition:all 0.5s ;
   
   font-family: 'Poppins', Arial, Helvetica, sans-serif;
   font-size: 18px!important;
   color: #ffffff!important;
   text-decoration: none!important;
   font-weight: 600;
   border-radius: 4px!important;
   cursor: pointer;
   line-height: 42px!important;
   height: 48px;
   padding: 0 28px 0 28px!important;
   text-shadow: 2px 2px 2px rgba(0,0,0,0.5)!important;
   
   /*text-transform: uppercase;*/
   letter-spacing: 1px!important;
   display: inline-block;
   -webkit-appearance: none;
   text-align: center!important;
   width: auto!important;
   white-space: nowrap!important;
   max-width: 100%;
   
   border-width: 3px!important;
   border-style: solid!important;
   border-color: #fff!important;
   
   box-sizing: border-box!important;
   box-shadow: 0 0 50px rgba(0,0,0,0.25)!important;		
   }
   
   .ourproducts .wrapper .product:hover {
   filter: grayscale(100%);
   }
   
 
   
   
   @media only screen and (min-width: 1301px) {
   
   .ourproducts .wrapper{
   }
   .ourproducts .wrapper .product{
   width: 32%;
   height: 220px;
   
   
   
   }

}
   @media only screen and (min-width: 992px) and (max-width:1300px) {
   
   .ourproducts .wrapper{
   }
   .ourproducts .wrapper .product{
   width: 49%;
   height: 220px;
   }			
   }
   @media only screen and (max-width:991px) {
   
   .ourproducts .wrapper{
   }
   .ourproducts .wrapper .product{
   width: 100%;
   height: 220px;
   }			
   }
   
 /*frontpage mods */
 @media only screen and (min-width: 992px) {
   .fpsection{
       margin-bottom: 220px 
   }
   .fpflexbox{
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       flex-wrap: wrap;
 
       align-items: center;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       
   }
   .fpflexbox.flexstart{
      align-items: flex-start;
   }
   .fpflexbox.flexcenter{
      align-items:center;
   }
   .fpflexbox .child {
       width: 48%;
       -webkit-box-flex: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
   }
}
@media only screen and (max-width: 991px) {
   .fpsection{
       margin-bottom: 140px 
   }
   .fpflexbox .child:first-child {
       margin-bottom: 40px;
   }
}
@media only screen and (max-width: 991px) {
   .frontpage {
       background-image:none 
   }
}
.newflxcnt{

}
.newflxcnt .child{
margin-bottom:140px;
position: relative;
    
}
@media only screen and (min-width: 1900px) {
.newflxcnt .child:nth-child(1) {
left:-150px
}
.newflxcnt .child:nth-child(1),.newflxcnt .child:nth-child(5) {
left:-150px
}
.newflxcnt .child:nth-child(4),.newflxcnt .child:nth-child(8) {
right:-150px;
 
}}
/*stories*/
.stories{
   z-index: 4;
}
.stories .infoblox{
}
.stories .infoblox{
   background: #effbfb;
   background: #fff;

   padding: 70px 55px 50px 55px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
/*
.stories p{
   font-size: 0.975rem 
}
   */
.stories .infoblox h3{
   font-size: 3.5rem;
 
   
   margin-bottom: 2.5rem;
}
.stories h4 {
   font-size: 1.9rem;
 
   margin-bottom: 20px;
   font-weight: 300;
}
.stories h4 span {
   font-size: 0.875rem;
   margin-bottom: -3px;
}
@media only screen and (max-width:991px) {
    .stories .infoblox h3{
      font-size: 1.8rem;
     }
     .stories .infoblox h4{
      font-size: 1.5rem;
     }
 
   .stories .infoblox{
       padding: 50px 20px ;
   }
   
   .stories .blbox{
       text-align: center;
   }
}
@media only screen and (min-width: 992px) {
   .stories .blbox{
       text-align: right;
   }
   .stories .infoblox{
       position: relative;
   }
   .stories .infoblox::before {
       position: absolute;
       content: '';
       z-index: -3;
       background: -webkit-gradient(linear, left top, left bottom, from(rgba(32,32,32,0.25)), to(rgba(255,255,255,0)));
       background: -o-linear-gradient(top, rgba(32,32,32,0.25) 0%, rgba(47,27,85,0) 100%);
       background: linear-gradient(180deg, rgba(32,32,32,0.25) 0%, rgba(47,27,85,0) 100%);
       width: 102%;
       height: 102%;
       left: -40px;
       top: 40px;
       border-radius: 0 0 0 40px;
       filter: blur(30px);
   }
   .stories .infoblox::after {
       content: "";
       z-index: -1;
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       background: none;
       border-radius: inherit;
   }
}
.stories .fpflexbox{
   align-items: stretch 
}
.stories .imgblox{
   display: flex;
   align-items: center;
   align-content: center;
   justify-content: center;
}
@media only screen and (max-width:991px) {
   .stories .imgblox{
       padding-top: 30px 
   }
}
.stories .imgblox{
}
.stories .imgblox div{
   width: 100%;
   position: relative;
}
.stories .imgblox div figure{
   position: relative;
   width: 53%;
   box-sizing: border-box;
   padding: 10px 10px 40px 10px;
   background: #fff;
   -webkit-box-shadow: 0 0 30px rgb(48,48,48, 0.15);
   box-shadow: 0 0 30px rgb(48,48,48, 0.15);

   -webkit-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out 
}
.stories .imgblox div figure img{
}
.stories .imgblox div figure:nth-child(1){
   z-index: 2;
   margin: -30px 0 0 0;
   transform: rotate(-2deg);
}
.stories .imgblox div figure:nth-child(2){
   z-index: 3;
   margin: -29% 0 0 48%;
   transform: rotate(2deg);
}
.stories .imgblox div figure:nth-child(3){
   z-index: 4;
   margin: -26% 0 0 7%;
   transform: rotate(0);
}
@media only screen and (min-width: 992px) {
   .stories .imgblox div figure:nth-child(1):hover{
   margin: -30px 0 0 -50px;
   }
   .stories .imgblox div figure:nth-child(2):hover{
   margin: -25% 0 0 55%;
   }
   .stories .imgblox div figure:nth-child(3):hover{
   margin: -30% 0 0 17%;
   }
   
   }



/* standard information content page */
.cntleft {
   width: 250px;
   float: left;
}
.cntright {
   width: calc(100% - 280px);
   float: left;
   margin: 0 0 30px 30px
}
@media only screen and (max-width: 991px) {
   .cntleft {
	   width: 100%;
	   float: none;
	   padding: 0 8px 0 8px;
	   box-sizing: border-box;
   }
   .cntright {
	   width: 100%;
	   float: none;
	   margin: 30px 0 30px 0;
	   padding: 0 8px 0 8px;
	   box-sizing: border-box;
   }
}
 
  
 
 /* landing */
 @media only screen and (min-width: 992px) {
   .herofp .landone {
      width: 30%;
      flex-grow: 0;
      flex-shrink: 0;
      box-sizing: border-box
   }
   }
   
   @media only screen and (min-width: 1301px) {
   .herofp .landone {
      width: 40%;
      box-sizing: border-box
   }
   }
   .frontpage .landone {
      min-height: 400px;
      padding: 0 0 0 0;
      background: rgba(26,69,182,0.05);
    
      border-radius: 0 0 0 80px;
      box-sizing: border-box
   }
   .frontpage .landone div {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }
   .frontpage .landone div img {
      margin: 30px;
      border-radius: 0 0 0 0
   }
   
   @media only screen and (max-width: 991px) {
      .frontpage .landone {
      min-height: auto;
      }
   .frontpage .landone div img {
      margin: 20px;
      height: 26px!important;
      width: auto
   }
   }
   .frontpage .examples {
      clear: both;
      padding: 40px 0 30px 0!important;
      margin: 80px 0 0 0;
      background: rgba(26,69,182,0.05);
      ;
   }
   .frontpage .examples .wrapper {
   }
   
   @media screen and (min-width: 992px) {
   .frontpage .examples .wrapper {
      display: flex;
   }
   .frontpage .examples .wrapper .expoint {
      width: 33.33%;
      flex-grow: 0;
      flex-shrink: 0;
      padding-right: 40px;
      box-sizing: border-box
   }
   }
   
   @media screen and (max-width: 991px) {
   .frontpage .examples .wrapper {
   }
   .frontpage .examples .wrapper .expoint {
      margin-bottom: 40px
   }
   }
   .frontpage .examples .wrapper h3 {
      font-size: 1.8rem;
      margin-bottom: 20px
   }
   .frontpage .trynowx {
      padding: 80px 0 0 0;
      display: flex;
      justify-content: center;
   }
.frontpage p{
   line-height: 36px;
}
/* notfound */
.notfound {
   display: flex;
   flex-wrap: wrap;
 
}
.notfound .general{
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;
}
.notfound .icon {
   font-family: 'Poppins', Arial, Helvetica, sans-serif;
   font-size: 8em;
   display: block;
   font-weight: 600;
 
   margin-bottom: 30px;
}

.notfound p {
   font-size: 1.1em;
 
}

 
 
#prevnext {
   margin: 2em 0;
   text-align: center;
   font-family: 'Poppins', Arial, Helvetica, sans-serif;
   font-weight: 700;
   font-size: 0.925rem;
   width: 100%;
}
#prevnext a, #prevnext span {
   box-shadow: 2px 2px 4px #dadada;
   background: #ffffff;
   display: inline-block;
   margin: 0 4px 8px;
   line-height: 34px;
   padding: 0 12px!important;
   text-decoration: none;
   color:#253974!important;
}
#prevnext a:hover {
   opacity: .5!important;
   filter: alpha(opacity=50)!important
}
#prevnext span {
   background: #00b6d1;
   color: #ffffff!important;
}

 
#footer:not(body.bg_gradient #footer) {
  /*  background-color: rgba(26,69,182,0.05);
   
   background: #eee;*/
   padding: 50px 0 ;
   position: relative;
  /* background: #2f3135;;
   color:#b6b7b8*/
 }
body.bg_grey  #footer{
 
 
 
}
.newfooter {
	width: 100%;
   margin: 180px 0;
   
 
}
.newfooter .title {
	font-size: 1.4rem!important;
	font-weight: 600;
	margin-bottom: 20px;
   /* color:#b6b7b8*/
}
.newfooter img.ftrlogo {
	width: 120px;
	height: auto;
	max-width: 100%;
	margin-bottom: 30px;
}
.ftlftbx .formrow.searchbox{
 
   width: 85%!important;
   box-sizing:border-box;
    
   overflow: hidden;
}
.newfooter .desc {
	line-height: 26px;
   font-size: 1rem;
   font-weight: 300;
	margin-bottom: 40px;
}
.newfooter ul {
	display: block;
	list-style: none;
    max-width: 97%;
}
.newfooter ul li a {
	display: block;
	font-weight: 500;
}
.newfooter ul li a:hover {
	color: #009cb4
}
.newfooter .ftlftbx, .newfooter .ftrtbox {
	box-sizing: border-box;
}

@media only screen and (min-width: 992px) {
.newfooter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
   align-items:center
}

.newfooter .ftlftbx {
	width: 25%;
	flex-grow: 0;
	flex-shrink: 0
}
.newfooter .ftlftbx  p {
	max-width: 90%;

}
.newfooter .ftrtbox {
	width: 75%;
   display: flex;
   justify-content: space-between;
 align-items: center;
	 
}
.newfooter .ftrtbox ul {
   width: 31%;
   box-sizing: border-box;
 
}
.ftrtbox{
   position: relative;
    
   padding: 100px 0;
}
.ftrtbox .ftul{
   position: relative;
   background: #fafafa;
   padding: 20px;;
   border-radius: 20px;;
}
.ftrtbox .ftul:nth-child(1){
margin-top:-100px!important;
}
.ftrtbox .ftul:nth-child(2){
   margin-top:100px!important;
    
}
.ftrtbox .ftul:nth-child(3){
   background:#eeeeee;
   border-radius: 0;
}
.newfooter .ftrtbox ul li {
	margin-bottom: 20px;
	font-size: 0.925rem;
}
}

@media only screen and (max-width: 991px) {
.newfooter {
	display: flex;
	flex-direction: column
}
.ftlftbx .formrow.searchbox{
 
   width: 100%!important;
 
}
.newfooter .ftlftbx, .newfooter .ftrtbox {
	width: 100%;
}
.newfooter .ftlftbx {
	order: 5;
	padding-top: 40px;
    text-align: center;
}
.newfooter .ftrtbox {
	order: 2;
	column-count: 2;
}
.newfooter .ftrtbox ul {
	break-inside: avoid-column;
}
.newfooter .ftrtbox ul li {
	margin-bottom: 20px;
	font-size: 0.825rem;
}
}
 
 
#footer .langbox li{
    margin-bottom: 12px;
	font-size: 0.925rem;
    
}
 
#footer .langbox li img{
   margin-right: 6px;
}
 
#footer .brands{
   width: 80px;
   
}
 
 

.accordion > dt {
   margin-bottom: 10px;


}
.accordion > dt > a {
   display: block;
   position: relative;
 
   color: #545454;
   text-decoration: none;
   padding-right: 30px;
   font-size: 1.1em;
   font-weight: 500;

 
   border-bottom: 1px dotted rgba(26,69,182,1);
   padding: 8px 20px;
 }
 
.accordion > dt > a:hover {
   text-decoration: none;
}
.accordion > dt > a.active {
   color: #009cb4;
   
   cursor: default;
    background: transparent;

    border-bottom: 1px dotted rgba(26,69,182,0); 

    padding: 8px 20px;
}
.accordion > dt > a:after {
   content: "\f105";
   width: 15px;
   height: 15px;
   margin-top: -8px;
   position: absolute;
   top: 50%;
   right: 0;
   font-family: 'Font Awesome\ 6 Free';
   font-weight: 900;
    speak: none;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 15px;
   text-align: center;
   color: #009cb4;
   -webkit-font-smoothing: antialiased;
}
.accordion > dt > a.active:after, .accordion > dt > a.active:hover:after {
   content: "\f106";
   color: #009cb4;
}
.accordion > dt > a:hover:after {
   color: #444;
}
.accordion > dd {
   margin-bottom: 10px;
   padding: 10px 20px 20px;
   line-height: 1.8;
 }
.accordion > dt > a, .accordion > dt > a:after, .toggle > dt > a, .toggle > dt > a:after {
   -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
   -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
   -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
   -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
   transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}


/* custom flex */
.catchooseop{
   display: flex;
   flex-direction: row ;
   flex-wrap: wrap;
   padding-top: 30px;
   align-items: center;
   justify-content: space-between;

}
/* new cms */
.cmsintro{
   text-align:center;
}
@media only screen and (min-width: 992px) {
   .cmsintro{
       display:flex;
       justify-content:center;
   }
   .cmsintro div{
       max-width:60%
   }
}
.cmsintro div p{
   font-size:0.825rem
}
.cmscontent{
   padding-top: 100px;
}
.cmscontent .navigation,.cmscontent .pagecontent{
   box-sizing: border-box;
}
.cmscontent .pagecontent{
   
}
.dflex .wrapper{
  display: flex; 


    }
    .cmscontent .navigation,.cmscontent .pagecontent{
        flex-grow: 0;
        flex-shrink: 0;
    }
@media only screen and (max-width: 991px) {
    .cmsbox{
        padding-top: 50px;
 
    }
    .cmscontent .wrapper{
        flex-direction: column
 

        }
   .cmscontent .navigation{
      margin-top: 30px;;
      order: 5;
      width: 100%;
   }
   .cmscontent .pagecontent{
    order: 2;
    width: 100%;
   }
}
@media only screen and (min-width: 992px) {
    .cmscontent {
       
 

        }
    .cmscontent .wrapper{
        flex-direction: row
 

        }
   .cmscontent .navigation{
      width: 350px;
      margin-right: 50px;
       
      
   }
   .cmscontent .pagecontent{
      width: calc(100% - 400px);
      
   }
}
@media only screen and (min-width: 1400px) {
   .cmscontent .pagecontent{
     padding-right: 200px;
   }
}
.cmscontent .navigation ul,.cmscontent .navigation ul li{
   list-style: none;
 
}
.cmscontent .navigation ul li {
   
}
.cmscontent .navigation ul li a{
   display: block;
  
   font-weight: 600;
   margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
    .cmscontent .navigation ul li a{
        
       
        font-weight: 500;
        font-size: 0.825rem;
     }
}
.cmscontent .innernav{
	padding:50px 30px;
       background:#fafaf9;
       border-radius:40px;
       box-sizing:border-box
}
.cmscontent .navigation ul li a:hover{
   opacity: 0.4;
}
.cmscontent .navigation ul li ul{
display: none;
   margin-left: 40px;
   
}
.cmscontent .navigation ul li ul.active{
    display: block;
}
.cmscontent .navigation ul li ul li a{
   font-weight: 400;
}

.newcms{

}
.newcms h1{
   font-size: 3.2em;
   margin-bottom: 30px;
   
}
.newcms h2{
   font-size: 2.4em;
   margin-bottom: 25px;   
}
@media only screen and (max-width: 991px) {
   .newcms h1{
      font-size: 2.8em;
      margin-bottom: 30px;
      
   }
   .newcms h2{
      font-size: 2.0em;
      margin-bottom: 25px;   
   }
}

.newcms h3{
   font-size: 1.6em;
   margin-bottom: 20px;   
}
.newcms h4{
   font-size: 1.4em;
   margin-bottom: 20px;   
}
.newcms h5,.newcms h6{
   font-size: 1.4em;
   margin-bottom: 20px;   
}
.newcms p,.newcms ul,.newcms ol,.newcms table{
   margin-bottom: 40px;  
   line-height: 36px;
}
.newcms ul,.newcms ol{
   list-style: none;
   line-height: 36px;
   margin-left: 50px;
 
}
@media only screen and (max-width: 991px) {
   .newcms h1{
      font-size: 2.0em;
      margin-bottom: 30px;
      
   }
   .newcms h2{
      font-size: 1.8em;
      margin-bottom: 25px;   
   }
   .newcms h3{
      font-size: 1.5em;
      margin-bottom: 20px;   
   }
   .newcms h4{
      font-size: 1.3em;
      margin-bottom: 20px;   
   }
   .newcms h5,.newcms h6{
      font-size: 1.2em;
      margin-bottom: 20px;   
   }

}
.newcms ul li p,.newcms ol li p{
   display: inline;
}
.newcms .contactform{
   background: #fff;;
   padding: 30px;
   box-sizing: border-box;
   margin: 50px 0;
 
   }
   @media only screen and (max-width: 991px) {
   .newcms .contactform{
 
   }
   }
.newcms .icons{
   font-size: 30px;
   margin-bottom: 20px;
   color:#9f9f9f
}
.newcms a{
   color:#253974!important;
   text-decoration-color:#009cb4;
   text-decoration: none;
}
.newcms a.button{
   color:#fff!important;
 
   text-decoration: none;
}
.newcms p a{
   color:#00b6d1!important;
 
   text-decoration: none;
}
.newcms a:hover{
   color:#009cb4!important;
   text-decoration-color:#253974;

  
}

.newcms p a:hover{
   color:#009cb4!important;
 
   text-decoration: underline;
}
.newcms a.button:hover{
   color:#fff!important;
  text-decoration: none;

  
}
.newcms a.button:hover{
   color:#fff!important;
 
   text-decoration: none;
}
.newcms img{
   border-radius: 12px;
}
.breadcrumb{
   font-size:0.825rem;
 
   margin-bottom: 40px;;
   
   overflow-x: auto;
   list-style: none;
   -ms-overflow-style: none;
  /* IE and Edge */
   scrollbar-width: none;
}

 
.breadcrumb ul{
   list-style: none;;
   display: flex;
   width: 100%;
   padding: 0 0 0 0!important;
   margin: 0 0 0 0!important;
   flex-wrap: nowrap;
   justify-content: flex-start;
   text-indent: 0;
   border-left: none!important;

 
}
.breadcrumb ul li{
   padding: 0 0 0 0!important;
   width: auto;
   margin: 0 20px 0 0!important;
   flex-grow: 0;
   flex-shrink: 0;
 
}
 
.breadcrumb ul li a{
   display: block;
   padding: 0 0 0 0!important;
   margin: 0 0 0 0!important;
 
}
.breadcrumb ul li a:hover{
   text-decoration: none;
}
.breadcrumb ul li a:not(.breadcrumb ul li:last-child a)::after{


   content: "\f105"!important;
   font-family: 'Font Awesome\ 6 Free';
   
    
   font-weight: 900;
 font-size: 0.725rem;
 
     
 
      margin:0 0 0 6px!important;;
 
   
   }

.cmscontent .video-container {
   position: relative;
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;
   margin: 20px 0 20px 0;
   box-shadow: 0 0 25px rgba(48,48,48,0.25);
}
.cmscontent .video-container iframe {
   position: absolute;
   border: 0;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.standardproductlisting{

   margin-top: 150px; 
   justify-content: space-between;
   }
   
   .standardproductlisting .divwithdesc{
      margin-bottom: 60px;

   }
   @media only screen and (min-width: 992px) {  
      .standardproductlisting{
         
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            }
            
            .standardproductlisting .divwithdesc{
            width: 49%;
            flex-grow: 0;
            flex-shrink: 0;
            margin-bottom: 50px;
            
            }

   }
   .rightproductlist .divwithdesc{
      width: 100%;
 
      margin-bottom: 30px;
      }
   
   .divwithdesc h1,.divwithdesc h2,.divwithdesc h3,.divwithdesc h4,.divwithdesc h5,.divwithdesc h6
   {
   font-size: 1.4rem
   
   }
   .divwithdesc .xbonc{
      padding: 0 20px;
   }
   .divwithdesc a{
   color: inherit
   }
   .divwithdesc p
   {
   font-size: 0.975rem
   
   }
   .divwithdesc figure{
   display: block;
   width: 100%;
   height: 300px;
   overflow: hidden;
   margin-bottom: 15px;
   
   
   }
   .divwithdesc figure img{
   
   height: 100%!important;;
   width: 100%!important;;
   object-fit: cover!important;;
   display: block!important;; /* to make the image fill up its parent element */
   border-radius: 20px;
   
   }
   @media screen and (max-width: 991px) {
   
      .divwithdesc .divwithdesc{
         width: 100%;
 
         }
   }
.divwithdesc a.button{
   color:#fff!important;
}
.divwithdesc a.button:hover{
   color:#fff!important;
}
   /* fix old */
   .blocks-gallery-grid{

      list-style: none;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
   }
   .blocks-gallery-grid li{
      width: 48%;
      flex-grow: 0;
      flex-shrink: 0;
      margin-bottom: 20px;;
   }
   @media screen and (max-width: 991px) {
   .blocks-gallery-grid li{
      width: 100%;
 
      margin-bottom: 20px;;
   }
}
img[class^="wp-image-"], img[class*=" wp-image-"] {
   width:50%;
   display: block;
   margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
   img[class^="wp-image-"], img[class*=" wp-image-"] {
      width:100%;
   }
}
 
 /*whatsapp */
 .chatwa{
   z-index: 3;
   position: fixed;
   right: 12px;
   bottom: 15px;
   background: #25d366;
   color:#fff;
   width: 60px;
   height: 60px;
    
   white-space: nowrap;
   border-radius: 50%;
   display: flex;
   
   justify-content: center;
   align-content: center;
   align-items: center;
    
   flex-wrap: nowrap;
   font-size: 40px;
   box-shadow: 0 0 15px rgba(33,33,33,0.2)

    
   
}

.chatwa a,.chatwa a:hover{
   color: #fff;
   text-decoration: none;
}
.mpoff{
   margin-top:180px!important;
}
.mpoff .fpflexbox{
   margin-bottom:160px
   
}

@media only screen and (min-width: 1900px) {
   

   .shoqbx:nth-child(odd) {
       left:-150px;
       position: relative;
   }
   .shoqbx:nth-child(even) {
       right:-150px;
       position: relative;
   }
}
@media only screen and (min-width: 992px) {      
   .siteproduct{
       display:flex;
       justify-content:space-between;
       
   }
   .siteproduct .nonflxleft{
       width: calc(100% - 450px );
       flex-shrink:0;
       flex-grow:0;
   }
   .siteproduct .rightproductlist{
       width: 400px;
       flex-shrink:0;
       flex-grow:0;
    
   }
   }
   .rightproductlist{
       padding:40px;
       background:#fafaf9;
       border-radius:40px;
       box-sizing:border-box
   }
   @media only screen and (min-width: 1900px) {
       .nonflxleft .child{
           position: relative;
       }
   .nonflxleft .child:nth-child(1) {
   left:-150px
   }
   }
   .nonflxleft .child:last-child,.fpflexbox.newflxcnt .child:last-child{
       background: #eeeeee;
       padding:40px;
       box-sizing:border-box;
       margin-top:100px
   }
   @media only screen and (min-width: 992px) {  
       .nonflxleft .child:last-child {
       max-width:600px
   }
   }
   @media only screen and (min-width: 1900px) {
       .nonflxleft .child:last-child {
      left:-75px
   }
   }

   .blogpage .blogleft {
      width: -moz-calc(100% - 390px);
      width: -webkit-calc(100% - 390px);
      width: calc(100% - 390px);
      float: left 
 }
 @media only screen and (min-width: 1900px) {
   .blogpage .blogleft .blogmainimg{
      left:-150px;
      position: relative;
   }
 }
 .blogpage .blogleft .blogmainimg img{
   border-radius: 12px;
 }
  .blogpage .pubdate {
      font-size: 12px;
      display: block;
      margin-bottom: 15px;
 }
 /*bogiten*/
  .blogpage .blogright {
      width: 360px;
      margin-left: 30px;
      float: left;
      padding-top: 50px 
 }
  .blogpage .blogright .title {
      margin-bottom: 15px 
 }
  @media only screen and (max-width: 991px) {
      .blogpage .blogleft {
          width: 100%;
          float: none 
     }
      .blogpage .blogright {
          width: 100%;
          margin-left: 0;
          float: none;
          padding-top: 25px 
     }
 }
 @media only screen and (min-width: 992px) {
      .blogpage .blogflex{
          display:flex;
          justify-content: space-between;
          flex-wrap:wrap;
    
     }
      .blogpage .blogitembox {
          width:49%;
     }
 }
  .blogflex{
 }
  .mainblogimg{
      margin-bottom:30px;
 }
  .blogtime{
      font-size:0.825rem;
      margin-bottom:30px;
 }
 .blogtime span{
   font-weight: 700;
 }
 .content.newcms .blogleft h1{
   font-size: 2.2rem;
 
 }
 .content.newcms .blogleft h2{
   font-size: 1.6rem;
 }
 .content.newcms .blogleft h3{
   font-size: 1.4rem;
 }
 .content.newcms .blogleft h4{
   font-size: 1.2rem;
 }
 .content.newcms .blogleft h5{
   font-size: 1.1rem;
 }
  .blogpage .blogitembox {
      margin-bottom: 30px;
      background:#fff;
 overflow:hidden;
      box-sizing: border-box;
      border-radius: 12px;
      box-shadow: 0 0 12px #cccccc;
  
 }
  .blogitembox figure{
      width:100%;
      height:250px;
      overflow:hidden;
      margin-bottom:10px 
 }
  .blogitembox figure img{
      width:100%;
      height:250px;
      object-fit:cover 
 }
  .blogpage .blogitembox .blgxxtx {
   padding:  20px;
      
 }
  .blogpage .blogitembox h3 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
      font-weight: 700;
      margin-bottom: .5em;
      color: #101b32;
      font-size: 1.2rem 
 }
  .blogpage .blogitembox h3 a{
      color:inherit;
 }
  .blogpage .blogitembox p {
      margin-bottom: 10px ;
      font-size:0.975rem
 }
 .blogpage .blogsidemenu ul{
   padding: 0;
   margin:0;
   list-style: none;;
   font-size:0.9725rem

 }
 .blogpage .blogsidemenu ul li{
   margin-bottom: 20px;
 }