@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');

.odd {
    background-image: -webkit-linear-gradient(225deg, #3498db 0%, #00C4E1 45%, #3498db 70%);
}


.wrap {
    display: flex;
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

.wrap:hover {
    background: linear-gradient(135deg,#6394ff 0%,#0a193b 100%);
    color: white;
}

.ico-wrap {
    margin: auto;
}

.mbr-iconfont {
    font-size: 4.5rem !important;
    color: #313131;
    margin: 1rem;
    padding-right: 1rem;
}
.vcenter {
    margin: auto;
}

.mbr-section-title3 {
    text-align: left;
}
h2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.display-5 {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 1.4rem;
}
.mbr-bold {
    font-weight: 700;
}

 p {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 25px;
}






#cookie {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgb(0,0,0);
    background:rgba(0,0,0,0.9);
    z-index:9999;
    font-size:60%;
    line-height:190%;
    display:none;
}
#cookie #wrapper {
    padding:20px;
}
#cookie h2 {
    color:#ffffff;
    padding-top:0;
    display:block;
    text-align:center;
    font-family:ariel,sans-serif;
    font-size:1.8em
}
#cookie p {
    color:#BEBEBE;
    display:block;
    font-family:ariel,sans-serif;
    font-size:1.45em
}
#cookie #close {
    text-align:center;
}
#closecookie {
    color:#ffffff;
    font-family:ariel,sans-serif;
    font-size:1.6em;
    text-decoration:none
}
@media only screen and (min-width: 480px) {
    #cookie {
        height:auto;
    }
    #cookie #wrapper {
        max-width:980px;
        margin-left:auto;
        margin-right:auto;
    }
    #cookie h2 {
        width:18%;
        margin-top:0;
        margin-right:2%;
        float:left;
        text-align:right;
    }
    #cookie p {
        width:68%;
        margin:0 1%;
        float:left;
    }
    #cookie #close {
        width:9%;
        float:right;
    }
}

body m{
  background: linear-gradient(to right, #00E39F, #00C4E1);
  color: #111111;
  font-family: 'Quicksand', sans-serif;
}

.header-area {
	
}

.overlay {
	
}
.visitor {
	text-align: left;
	margin: 3% auto 1% auto;
	
}
.result {
	color: #333;
}

.how-to-use {
	text-align: left;
	margin: 3% auto;
	
}
.snippet .btn {
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    padding: 2px 6px;
    position: absolute;
    right: 4px;
    top: 4px;
}



.b-header h1 {
	font-family: 'Open Sans', sans-serif;
}


@media (min-width:320px) { .b-header{height: 100%;} }
@media (min-width:481px) { .b-header {height: 100%;} }
@media (min-width:641px) { .b-header {height: 90%;} }
@media (min-width:961px) { .b-header {height: 80%;} }
@media (min-width:1025px) { .b-header {height: 80%;} }
@media (min-width:1281px) { .b-header {height: 50%;} }



.b-header {
    background-image: -webkit-linear-gradient(225deg, #3498db 0%, #00C4E1 45%, #3498db 70%);
    /*background-image: -webkit-linear-gradient(225deg, #2ecc71 30%, #3498db 70%);
    background-image: linear-gradient(-135deg, #2ecc71 30%, #3498db 70%);
    background: linear-gradient(to right, #00E39F, #00C4E1);*/
    color: #111111;
    font-family: 'Quicksand', sans-serif;
    position: relative;
    height: 100%;
    width: 100%;
}
.b-header__map {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.b-header__map circle {
  fill: rgba(255,255,255,0.15) !important;
  stroke: none !important;
}
.b-header__map circle.active {
  stroke: #fff !important;
  stroke-opacity: 0.9;
  stroke-width: 1px;
  fill: #fff !important;
  fill-opacity: 0.75;
  -webkit-animation: pulse 3s ease infinite;
  animation: pulse 3s ease infinite;
}
.b-header__map circle.active-first {
  stroke: #fff !important;
  stroke-opacity: 0.9;
  fill: #fff !important;
  fill-opacity: 0.4;
  -webkit-animation: pulse-first 3s ease infinite;
  animation: pulse-first 3s ease infinite;
}
.b-header__map circle.active-second {
  stroke: #fff !important;
  stroke-opacity: 0.9;
  fill: #fff !important;
  fill-opacity: 0.3;
  -webkit-animation: pulse-second 3s ease infinite;
  animation: pulse-second 3s ease infinite;
}
.b-header__map circle.active-third {
  stroke: #fff !important;
  stroke-opacity: 0.9;
  fill: #fff !important;
  fill-opacity: 0.25;
  -webkit-animation: pulse-third 3s ease infinite;
  animation: pulse-third 3s ease infinite;
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
  }
  75% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  25% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
  }
  75% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulse-first {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    stroke-width: 0px;
  }
  25% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  50% {
    stroke-width: 12px;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  75% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    stroke-width: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulse-first {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    stroke-width: 0px;
  }
  25% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  50% {
    stroke-width: 12px;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  75% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    stroke-width: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulse-second {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    stroke-width: 0px;
  }
  25% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  50% {
    stroke-width: 16px;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  75% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    stroke-width: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulse-second {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    stroke-width: 0px;
  }
  25% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  50% {
    stroke-width: 16px;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  75% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    stroke-width: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulse-third {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    stroke-width: 0px;
  }
  25% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  50% {
    stroke-width: 20px;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  75% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  100% {
    stroke-width: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulse-third {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    stroke-width: 0px;
  }
  25% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  50% {
    stroke-width: 20px;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  75% {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
  }
  100% {
    stroke-width: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}