body {
    /*font-family: "Chivo",Helvetica,Arial,sans-serif;
font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 3;*/
}

* {
  box-sizing: Border-box;
}
.label {background-color: transparent!important;}

.circular-menu-container {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: none;
  width: auto;
}

.circular-menu {
  width: 500px;
  height: 500px;
  position: relative;
  left: 50%;
  margin: 0;
  margin-left: -250px;
  overflow: hidden;
  border-radius: 500px;
  border-radius: 50%;
  z-index: 1;
  list-style: none;
  box-shadow: 0px 0px 15px #333;
}

.center-section {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -150px;
  padding: 55px;
  border-radius: 500px;
  border-radius: 50%;
  text-align: center;
  background-image: url("../images/logos/iso-back.jpg");
  /*background: #fff;*/
  box-shadow: inset 0px 0px 15px #333;
  display: none;
  z-index: 1;
}

.center-section.section-intro {
  display: block;
}

.center-section.section-intro h2 {vertical-align: middle!important;
margin-top: 25%;}
.center-section.section-intro h3 {vertical-align: middle!important;
margin-top: 50%;}

.center-section a{color: #006699;font-size: 14px;}
.center-section a:hover{color: #FF0000;}

.circular-menu li:hover ~ .center-section.section-intro,
.touch .circular-menu li:focus ~ .center-section.section-intro {
  display: none;
}

.touch .circular-menu li:focus {
  outline: 0;
}

.circular-menu li div.label {
  position: absolute;
  width: 150px;
  height: 150px;
  z-index: 2;
}

.circular-menu li div.label p {
  text-align: center;
  max-width: 99px;
  margin: 0 auto;
  margin-top: 60px;
  color: #fff;
}

.circular-menu li div.label h3 {
  text-align: center;
  max-width: 99px;
  margin: 0 auto;
  margin-top: 60px;
  
}


.circular-menu li span.arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  transition: all 300ms ease-out;
  z-index: 2;
}

.circular-menu li .bg {
  width: 300px;
  height: 250px;
  position: absolute;
  transform-origin: 0 250px;
  margin-top: -250px;
  left: 50%;
  top: 50%;
  transition: all 300ms ease-out;
}

.circular-menu li {
  position: absolute;
  text-decoration: none;
  top: 50%;
  left: 50%;
  display: none;
}

.circular-menu li:nth-child(1) {
  display: block;
}

.circular-menu li:nth-child(1) .bg {
  transform: rotate(-77.1428571429deg) skew(-64.2857142857deg);
  background: #2877B7;
}

.circular-menu li:nth-child(1):hover .bg,
.touch .circular-menu li:nth-child(1):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(1) span.arrow {
  transform: rotate(-45deg);
  margin: -180px 0 0 -10px;
  background: #2877B7;
}

.circular-menu li:nth-child(1):hover span.arrow,
.touch .circular-menu li:nth-child(1):focus span.arrow {
  background: #6ab3e8;
  margin: -160px 0 0 -10px;
}

.circular-menu li:nth-child(1) div.label {
  margin: -275px 0 0 -75px;
}

.circular-menu li:nth-child(1):hover div.center-section.section-1,
.touch
.circular-menu
li:nth-child(1):focus
div.center-section.section-1 {
  display: block;
}

.circular-menu li:nth-child(2) {
  display: block;
}

.circular-menu li:nth-child(2) .bg {
  transform: rotate(-51.4285714286deg) skew(-64.2857142857deg);
  background: #4ea1e0;
}

.circular-menu li:nth-child(2):hover .bg,
.touch .circular-menu li:nth-child(2):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(2) span.arrow {
  transform: rotate(-19.2857142857deg);
  margin: -163.1647075434px 0 0 63.76023565px;
  background: #4ea1e0;
}

.circular-menu li:nth-child(2):hover span.arrow,
.touch .circular-menu li:nth-child(2):focus span.arrow {
  background: #6ab3e8;
  margin: -145.1453301854px 0 0 55.0825608676px;
}

.circular-menu li:nth-child(2) div.label {
  margin: -255.1937735805px 0 0 11.7767478235px;
}

.circular-menu li:nth-child(2):hover div.center-section.section-2,
.touch
.circular-menu
li:nth-child(2):focus
div.center-section.section-2 {
  display: block;
}

.circular-menu li:nth-child(3) {
  display: block;
}

.circular-menu li:nth-child(3) .bg {
  transform: rotate(-25.7142857143deg) skew(-64.2857142857deg);
  background: #2877B7;
}

.circular-menu li:nth-child(3):hover .bg,
.touch .circular-menu li:nth-child(3):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(3) span.arrow {
  transform: rotate(6.4285714286deg);
  margin: -115.993266316px 0 0 122.9113520196px;
  background: #2877B7;
}

.circular-menu li:nth-child(3):hover span.arrow,
.touch .circular-menu li:nth-child(3):focus span.arrow {
  background: #6ab3e8;
  margin: -103.5234702788px 0 0 107.2747223702px;
}

.circular-menu li:nth-child(3) div.label {
  margin: -199.6979603718px 0 0 81.3662964936px;
}

.circular-menu li:nth-child(3):hover div.center-section.section-3,
.touch
.circular-menu
li:nth-child(3):focus
div.center-section.section-3 {
  display: block;
}

.circular-menu li:nth-child(4) {
  display: block;
}

.circular-menu li:nth-child(4) .bg {
  transform: rotate(0deg) skew(-64.2857142857deg);
  background: #4ea1e0;
}

.circular-menu li:nth-child(4):hover .bg,
.touch .circular-menu li:nth-child(4):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(4) span.arrow {
  transform: rotate(32.1428571429deg);
  margin: -47.8285587726px 0 0 155.7377450709px;
  background: #4ea1e0;
}

.circular-menu li:nth-child(4):hover span.arrow,
.touch .circular-menu li:nth-child(4):focus span.arrow {
  background: #6ab3e8;
  margin: -43.3781400934px 0 0 136.2391868273px;
}

.circular-menu li:nth-child(4) div.label {
  margin: -119.5041867913px 0 0 119.9855824364px;
}

.circular-menu li:nth-child(4):hover div.center-section.section-4,
.touch
.circular-menu
li:nth-child(4):focus
div.center-section.section-4 {
  display: block;
}

.circular-menu li:nth-child(5) {
  display: block;
}

.circular-menu li:nth-child(5) .bg {
  transform: rotate(25.7142857143deg) skew(-64.2857142857deg);
  background: #2877B7;
}

.circular-menu li:nth-child(5):hover .bg,
.touch .circular-menu li:nth-child(5):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(5) span.arrow {
  transform: rotate(57.8571428571deg);
  margin: 27.8285587726px 0 0 155.7377450709px;
  background: #2877B7;
}

.circular-menu li:nth-child(5):hover span.arrow,
.touch .circular-menu li:nth-child(5):focus span.arrow {
  background: #6ab3e8;
  margin: 23.3781400934px 0 0 136.2391868273px;
}

.circular-menu li:nth-child(5) div.label {
  margin: -30.4958132087px 0 0 119.9855824364px;
}

.circular-menu li:nth-child(5):hover div.center-section.section-5,
.touch
.circular-menu
li:nth-child(5):focus
div.center-section.section-5 {
  display: block;
}

.circular-menu li:nth-child(6) {
  display: block;
}

.circular-menu li:nth-child(6) .bg {
  transform: rotate(51.4285714286deg) skew(-64.2857142857deg);
  background: #4ea1e0;
}

.circular-menu li:nth-child(6):hover .bg,
.touch .circular-menu li:nth-child(6):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(6) span.arrow {
  transform: rotate(83.5714285714deg);
  margin: 95.993266316px 0 0 122.9113520196px;
  background: #4ea1e0;
}

.circular-menu li:nth-child(6):hover span.arrow,
.touch .circular-menu li:nth-child(6):focus span.arrow {
  background: #6ab3e8;
  margin: 83.5234702788px 0 0 107.2747223702px;
}

.circular-menu li:nth-child(6) div.label {
  margin: 49.6979603718px 0 0 81.3662964936px;
}

.circular-menu li:nth-child(6):hover div.center-section.section-6,
.touch
.circular-menu
li:nth-child(6):focus
div.center-section.section-6 {
  display: block;
}

.circular-menu li:nth-child(7) {
  display: block;
}

.circular-menu li:nth-child(7) .bg {
  transform: rotate(77.1428571429deg) skew(-64.2857142857deg);
  background: #2877B7;
}

.circular-menu li:nth-child(7):hover .bg,
.touch .circular-menu li:nth-child(7):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(7) span.arrow {
  transform: rotate(109.2857142857deg);
  margin: 143.1647075434px 0 0 63.76023565px;
  background: #2877B7;
}

.circular-menu li:nth-child(7):hover span.arrow,
.touch .circular-menu li:nth-child(7):focus span.arrow {
  background: #6ab3e8;
  margin: 125.1453301854px 0 0 55.0825608676px;
}

.circular-menu li:nth-child(7) div.label {
  margin: 105.1937735805px 0 0 11.7767478235px;
}

.circular-menu li:nth-child(7):hover div.center-section.section-7,
.touch
.circular-menu
li:nth-child(7):focus
div.center-section.section-7 {
  display: block;
}

.circular-menu li:nth-child(8) {
  display: block;
}

.circular-menu li:nth-child(8) .bg {
  transform: rotate(102.8571428571deg) skew(-64.2857142857deg);
  background: #4ea1e0;
}

.circular-menu li:nth-child(8):hover .bg,
.touch .circular-menu li:nth-child(8):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(8) span.arrow {
  transform: rotate(135deg);
  margin: 160px 0 0 -10px;
  background: #4ea1e0;
}

.circular-menu li:nth-child(8):hover span.arrow,
.touch .circular-menu li:nth-child(8):focus span.arrow {
  background: #6ab3e8;
  margin: 140px 0 0 -10px;
}

.circular-menu li:nth-child(8) div.label {
  margin: 125px 0 0 -75px;
}

.circular-menu li:nth-child(8):hover div.center-section.section-8,
.touch
.circular-menu
li:nth-child(8):focus
div.center-section.section-8 {
  display: block;
}

.circular-menu li:nth-child(9) {
  display: block;
}

.circular-menu li:nth-child(9) .bg {
  transform: rotate(128.5714285714deg) skew(-64.2857142857deg);
  background: #2877B7;
}

.circular-menu li:nth-child(9):hover .bg,
.touch .circular-menu li:nth-child(9):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(9) span.arrow {
  transform: rotate(160.7142857143deg);
  margin: 143.1647075434px 0 0 -83.76023565px;
  background: #2877B7;
}

.circular-menu li:nth-child(9):hover span.arrow,
.touch .circular-menu li:nth-child(9):focus span.arrow {
  background: #6ab3e8;
  margin: 125.1453301854px 0 0 -75.0825608677px;
}

.circular-menu li:nth-child(9) div.label {
  margin: 105.1937735805px 0 0 -161.7767478235px;
}

.circular-menu li:nth-child(9):hover div.center-section.section-9,
.touch
.circular-menu
li:nth-child(9):focus
div.center-section.section-9 {
  display: block;
}

.circular-menu li:nth-child(10) {
  display: block;
}

.circular-menu li:nth-child(10) .bg {
  transform: rotate(154.2857142857deg) skew(-64.2857142857deg);
  background: #4ea1e0;
}

.circular-menu li:nth-child(10):hover .bg,
.touch .circular-menu li:nth-child(10):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(10) span.arrow {
  transform: rotate(186.4285714286deg);
  margin: 95.993266316px 0 0 -142.9113520195px;
  background: #4ea1e0;
}

.circular-menu li:nth-child(10):hover span.arrow,
.touch .circular-menu li:nth-child(10):focus span.arrow {
  background: #6ab3e8;
  margin: 83.5234702788px 0 0 -127.2747223702px;
}

.circular-menu li:nth-child(10) div.label {
  margin: 49.6979603717px 0 0 -231.3662964936px;
}

.circular-menu li:nth-child(10):hover div.center-section.section-10,
.touch
.circular-menu
li:nth-child(10):focus
div.center-section.section-10 {
  display: block;
}

.circular-menu li:nth-child(11) {
  display: block;
}

.circular-menu li:nth-child(11) .bg {
  transform: rotate(180deg) skew(-64.2857142857deg);
  background: #2877B7;
}

.circular-menu li:nth-child(11):hover .bg,
.touch .circular-menu li:nth-child(11):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(11) span.arrow {
  transform: rotate(212.1428571429deg);
  margin: 27.8285587729px 0 0 -175.7377450684px;
  background: #2877B7;
}

.circular-menu li:nth-child(11):hover span.arrow,
.touch .circular-menu li:nth-child(11):focus span.arrow {
  background: #6ab3e8;
  margin: 23.3781400937px 0 0 -156.2391868251px;
}

.circular-menu li:nth-child(11) div.label {
  margin: -30.4958132084px 0 0 -269.9855824334px;
}

.circular-menu li:nth-child(11):hover div.center-section.section-11,
.touch
.circular-menu
li:nth-child(11):focus
div.center-section.section-11 {
  display: block;
}

.circular-menu li:nth-child(12) {
  display: block;
}

.circular-menu li:nth-child(12) .bg {
  transform: rotate(205.7142857143deg) skew(-64.2857142857deg);
  background: #4ea1e0;
}

.circular-menu li:nth-child(12):hover .bg,
.touch .circular-menu li:nth-child(12):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(12) span.arrow {
  transform: rotate(237.8571428571deg);
  margin: -47.828558764px 0 0 -175.7377450124px;
  background: #4ea1e0;
}

.circular-menu li:nth-child(12):hover span.arrow,
.touch .circular-menu li:nth-child(12):focus span.arrow {
  background: #6ab3e8;
  margin: -43.3781400859px 0 0 -156.2391867756px;
}

.circular-menu li:nth-child(12) div.label {
  margin: -119.5041867812px 0 0 -269.9855823675px;
}

.circular-menu li:nth-child(12):hover div.center-section.section-12,
.touch
.circular-menu
li:nth-child(12):focus
div.center-section.section-12 {
  display: block;
}

.circular-menu li:nth-child(13) {
  display: block;
}

.circular-menu li:nth-child(13) .bg {
  transform: rotate(231.4285714286deg) skew(-64.2857142857deg);
  background: #2877B7;
}

.circular-menu li:nth-child(13):hover .bg,
.touch .circular-menu li:nth-child(13):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(13) span.arrow {
  transform: rotate(263.5714285714deg);
  margin: -115.9932661642px 0 0 -142.9113511061px;
  background: #2877B7;
}

.circular-menu li:nth-child(13):hover span.arrow,
.touch .circular-menu li:nth-child(13):focus span.arrow {
  background: #6ab3e8;
  margin: -103.5234701449px 0 0 -127.2747215642px;
}

.circular-menu li:nth-child(13) div.label {
  margin: -199.6979601932px 0 0 -231.3662954189px;
}

.circular-menu li:nth-child(13):hover div.center-section.section-13,
.touch
.circular-menu
li:nth-child(13):focus
div.center-section.section-13 {
  display: block;
}

.circular-menu li:nth-child(14) {
  display: block;
}

.circular-menu li:nth-child(14) .bg {
  transform: rotate(257.1428571429deg) skew(-64.2857142857deg);
  background: #4ea1e0;
}

.circular-menu li:nth-child(14):hover .bg,
.touch .circular-menu li:nth-child(14):focus .bg {
  background: #6ab3e8;
}

.circular-menu li:nth-child(14) span.arrow {
  transform: rotate(289.2857142857deg);
  margin: -163.1647055946px 0 0 -83.7602251641px;
  background: #4ea1e0;
}

.circular-menu li:nth-child(14):hover span.arrow,
.touch .circular-menu li:nth-child(14):focus span.arrow {
  background: #6ab3e8;
  margin: -145.1453284658px 0 0 -75.0825516154px;
}

.circular-menu li:nth-child(14) div.label {
  margin: -255.1937712878px 0 0 -161.7767354872px;
}

.circular-menu li:nth-child(14):hover div.center-section.section-14,
.touch
.circular-menu
li:nth-child(14):focus
div.center-section.section-14 {
  display: block;
}

.animated {
  animation-duration: 0.75s;
  animation-fill-mode: both;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}




@media (max-width: 767px) {

.center-section a{color: #006699;font-size: 12px;}
.center-section a:hover{color: #FF0000;}

.circular-menu-container {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: none;
  width: auto;
}

.circular-menu {
  width: 280px;
  height: 280px;
  position: relative;
  left: 50%;
  margin: 0;
  margin-left: -140px;
  overflow: hidden;
  border-radius: 280px;
  border-radius: 50%;
  z-index: 1;
  list-style: none;
  box-shadow: 0px 0px 7px #333;
}

.center-section {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -90px;
  padding: 55px;
  border-radius: 280px;
  border-radius: 50%;
  text-align: center;
  background-image: url("../images/logos/iso-back-sm.jpg");
  /*background: #fff;*/
  box-shadow: inset 0px 0px 7px #333;
  display: none;
  z-index: 1;
}

.center-section.section-intro {
  display: block;
}
.circular-menu li div.label p {
font-size: 9px;
  text-align: center;
  max-width: 45px;
  margin: 0 auto;
  margin-top: 30px;
  color: #fff;
}
.center-section.section-intro h3 {vertical-align: middle!important;
margin-top: 50%;}

.center-section.section-intro h2 {vertical-align: middle!important;
margin-top: 25%;}

.circular-menu li:hover ~ .center-section.section-intro,
.touch .circular-menu li:focus ~ .center-section.section-intro {
  display: none;
}

.touch .circular-menu li:focus {
  outline: 0;
}

.circular-menu li div.label {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 2;
}

.circular-menu li div.label p {
  text-align: center;
  max-width: 99px;
  margin: 0 auto;
  margin-top: 60px;
  color: #fff;
}

.center-section h3 {
  text-align: center;
  max-width: 99px;
  margin: 0 auto;
  margin-top: 60px;
  font-size: 14px!important;
  line-height: 18px!important;
  
}

.circular-menu li span.arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  transition: all 300ms ease-out;
  z-index: 2;
}

.circular-menu li .bg {
  width: 180px;
  height: 180px;
  position: absolute;
  transform-origin: 0 180px;
  margin-top: -180px;
  left: 50%;
  top: 50%;
  transition: all 300ms ease-out;
}

.circular-menu li {
  position: absolute;
  text-decoration: none;
  top: 50%;
  left: 50%;
  display: none;
}


}



article {
-webkit-columns: 2 200px;
   -moz-columns: 2 200px;
columns: 2 200px;
-webkit-column-gap: 4em;
   -moz-column-gap: 4em;
column-gap: 4em;
-webkit-column-rule: 1px dotted #ddd;
   -moz-column-rule: 1px dotted #ddd;
column-rule: 1px dotted #ddd;
}

article h5{color: #2877b7;
font-weight: 600;
font-size: 16px;}