body{font-family: Verdana, sans-serif;}

body .convertforms{margin:auto;}
.header{background-color:rgba(255, 255, 255, 0.9);background-image:none;    box-shadow: 7px -18px 33px #333;}
.header .grid-child{width:auto;margin:0;display:inline-block;vertical-align:top;}
.header > .grid-child{max-width:230px;min-height:89px;}
.header .grid-child:nth-child(1){/*padding-top:35px;*/}
.header .brand-logo img, .header .custom .logo2{max-width:200px;}
.header .grid-child:nth-child(2){display:inline-block;width:calc(100vw - 290px);max-width:calc(100vw - 290px);vertical-align:top;}
.header .custom, .header .moduletable{max-width:49%;width:49%;display:inline-block;text-align:center;width:calc(100% - 245px);max-width:calc(100% - 245px);}
.header .custom:nth-child(2), .header .custom:nth-child(2) img{text-align:right;}
.header .custom:nth-child(2){width:230px;max-width:230px;vertical-align:top;}
#mod-custom110 p{margin-bottom:0;}
 .slogan-header h3{position:relative; top:15px;}
body{background:#fff;}
.wrapper { width: 400px;height: 400px;background: #FC5B3F;
margin:0px auto 100px auto;
border-radius: 50%;overflow: hidden;position: relative;transform: rotate(0deg);}
.wrapper > .d1 div, .wrapper > .d2 div, .wrapper > .d3 div, .wrapper > .d4 div, .wrapper > .d5 div, .wrapper > .d16 div, .wrapper > .d7 div, .wrapper > .d8 div {
    width: 800px;
    height: 800px;
}
.wrapper > .d1, .wrapper > .d2, .wrapper > .d3, .wrapper > .d4, .wrapper > .d5, .wrapper > .d6, .wrapper > .d7, .wrapper > .d8 { width: 800px;
    height: 800px;
    position: absolute;
    top: -200px;
    left: -200px;
}

.wrapper > .d1 {
    transform: rotate(-0deg);
}
.wrapper > .d2 {
   transform: rotate(45.0deg);
}
.wrapper > .d3 {
   transform: rotate(90.0deg);
}
.wrapper > .d4 {
    transform: rotate(135.0deg);
}
.wrapper > .d5 {
    transform: rotate(180deg);
}
.wrapper > .d6 {
    transform: rotate(225.0deg);
}
.wrapper > .d7 {
    transform: rotate(270.0deg);
}
.wrapper > .d8 {
    transform: rotate(315.0deg);
}
.wrapper > .d1 div span, .wrapper > .d2 div span, .wrapper > .d3 div span, .wrapper > .d4 div span, .wrapper > .d5 div span, .wrapper > .d6 div span, .wrapper > .d7 div span, .wrapper > .d8 div span {display: block;width: 100%;position: absolute;left: 0;
    top: 28%;
    font-size: 16px;text-align: center;
    z-index: 100;
    color: #fff;}
.wrapper >  .d1 div span {
    transform: rotate(0deg);
}
.wrapper > .d2 div span {
    transform: rotate(315deg);
}
.wrapper > .d3 div span {
    transform: rotate(270deg);
}
.wrapper > .d4 div span {
    transform: rotate(225deg);
}
.wrapper > .d5 div span {
    transform: rotate(180deg);
}
.wrapper > .d6 div span {
    transform: rotate(135deg);
}
.wrapper > .d7 div span {
    transform: rotate(90deg);
}
.wrapper > .d8 div span {
    transform: rotate(44deg);
}
.wrapper > .d1 div:after, .wrapper > .d2 div:after, .wrapper > .d3 div:after, .wrapper > .d4 div:after, .wrapper > .d5 div:after, .wrapper > .d6 div:after, .wrapper > .d7 div:after, .wrapper > .d8 div:after {content: '';width: 0;height: 0;display: block;border: solid transparent;border-width: 400px;position: relative; transform: scaleX(0.43)}

.wrapper > .d1 div:after {
    border-top-color: #333;
   
}

.wrapper > .d2 div:after {
    border-top-color: #ff6b6b;
    
}

.wrapper > .d3 div:after {
    border-top-color: #c54d57;
   );
}
.wrapper > .d4 div:after {
    border-top-color: #fa5659;
   
}
.wrapper > .d5 div:after {
    border-top-color: #002200;
    
}
.wrapper > .d6 div:after {
    border-top-color: #448dc8;
    
}
.wrapper > .d7 div:after {
    border-top-color: #4dcdc5;
    
}
.wrapper > .d8 div:after {
    border-top-color: #556272;
    
}
.wrapper2 { width: 200px;height: 200px;background: #fff;margin: 100px auto;border-radius: 50%;overflow: hidden;position: relative;transform: rotate(0deg);text-align:center; overflow:visible;}
.wrapper2 span.arrow {
    
    transform: rotate(0deg);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    box-sizing: border-box;
    
    width: 20px;
    height: 20px;
    border-width: 4px 4px 0 0;
    border-style: solid;
    margin: 10px;
    border-color:#c3c3c3;
}


.wrapper2 .d1, .wrapper2 .d1a, .wrapper2 .d2, .wrapper2 .d3, .wrapper2 .d4, .wrapper2 .d5, .wrapper2 .d6, .wrapper2 .d7, .wrapper2 .d8 { width: 100px;
    height: 100px;
    position: relative;
    top: -200px;
    left: -200px;
   
}

.wrapper2 .d1 {
    transform: rotate(-45deg);
    top: -100%;
    left: 35%;
}
.wrapper2 .d1a {
    transform: rotate(-45deg) scale(-1);
    top: -165%;
    left: 14%;
}
.wrapper2 .d2 {
   transform: rotate(3.0deg);
    top: -178%;
    left: 64%;
}
.wrapper2 .d3 {
   transform: rotate(45.0deg);
    top: -193%;
    left: 71%;
}
.wrapper2 .d4 {
    transform: rotate(90.0deg);
    top: -214%;
    left: 50%;
}
.wrapper2 .d5 {
    transform: rotate(-227deg);
    top: -257%;
    left: 16%;
}
.wrapper2 .d6 {
    transform: rotate(179.0deg);
    top: -328%;
    left: -13%;
}
.wrapper2 .d7 {
    transform: rotate(-132.0deg);
    top: -413%;
    left: -18%;
}
.wrapper2 .d8 {
    transform: rotate(273.0deg);
    top: -490%;
    left: 0%;
}


.text-wrapper2{padding-top:12px;}

.grid-wrapper {
  display: grid;
  grid-template-columns: 33.333% 33.333% 33.333%;
  grid-gap: 10px;

}

.grid-wrapper > .grid-box {
  
}
.cta-btn{min-height:70px;text-align:center;width:80%;border:1px solid #cfcfcf;background:#333;color:#333;dislay:block;padding:10px 20px;border-radius:3px;}
.cta-btn a{color:#fff;}
.footer{margin-top:50px;background:#333;}


@media (width<=1025px) {
  .header .brand-logo img, .header .custom .logo2 {
    max-width: 100px;
}
  .header .custom, .header .moduletable{width: calc(100% - 162px);
    max-width: calc(100% - 162px);}
  .header .custom:nth-child(2) {
    width: 150px;
    max-width: 150px;
    vertical-align: top;
}
  .header .grid-child:nth-child(2) {
    display: inline-block;
    width: calc(100vw - 190px);
    max-width: calc(100vw - 190px);
    vertical-align: top;
}
  .slogan-header h3{font-size:20px}
  .grid-box.r2 {transform: scale(0.9)}
  
.grid-wrapper {
    display: grid;
    grid-template-columns: 25% 49% 25%;
    grid-gap: 5px;
}  
  
  
}