/*=======================================================
      Personal Resume
========================================================*/
canvas {
  width: 100%;
  height: 100%;
  position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.animate-caption {
    text-align: center;
    text-transform: uppercase;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.animate-caption h2 {
	font-size:50px;
}

.contact-me {
	background: #fff;
    padding: 50px 40px 35px 40px;
    box-shadow: 0 10px 30px 5px rgba(17,21,23,.1);
}

.resume-bar .progress {
	margin-bottom: 40px;
}

#resume h3 {
	color:#ec407a;
}

ul.resume-slider {
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

ul.resume-slider li {
    background: #fff;
    padding: 30px;
    list-style: none;
    box-shadow: 0 10px 30px 5px rgba(17,21,23,.1);
	margin-right: 20px;
	margin-bottom:20px;
}

ul.resume-slider li h3 {
    font-size: 14px;
    margin-bottom: 15px;
    color: #212121!important;
    margin-top: 0px;
    display: inline-block;
    margin-right: 20px;
    font-family: 'Raleway', sans-serif;
	font-feature-settings: 'lnum';
    -moz-font-feature-settings: 'lnum=1';
    -ms-font-feature-settings: 'lnum';
    -webkit-font-feature-settings: 'lnum';
    -o-font-feature-settings: 'lnum';
}

ul.resume-slider li i {
	font-size:20px;
	margin-right:5px;
}

ul.resume-slider li h2 {
    font-size: 18px;
    color: #ec407a;
    margin-top: 8px;
    text-transform: uppercase;
}

ul.social-media-dark{
  display:block;
  text-align:center;
}

ul.social-media-dark li {
	display:inline-block;
	margin-right: 12px;
}

ul.social-media-dark li:last-child {
	margin-right:0;
}

ul.social-media-dark li a{
  font-size: 16px;
  display: inline-block;
  color: #212121;
}

ul.social-media-dark li a:hover{
  color: #ec407a;
}


ul.social-media-dark.social-orange li a:hover  {
	color: #ff9800;
}

ul.social-top li{
	margin-right:0;
}

ul.social-top li a{
	font-size: 19px;
}

.resume-slider .owl-controls .owl-page span {
	background: rgba(255, 255, 255, 0.5);
}

.resume-slider .owl-controls .owl-page.active span, .owl-controls .owl-page:hover span {
    background: rgba(255, 255, 255, 0.9);
}

/*=============================================
			Sliders and Hero Section
=============================================*/
.hero-text{
	display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 100%;
    z-index: 10;
    color: #fff;
}
.hero-text h3, .hero-text h1{color:#FFF;}
.hero-text h3 {
	font-size:30px;
}
.hero-text h1 {
	font-size:85px;
}

.hero-text h2 {
	font-size:65px;
}

.hero-text h2.font-130px{font-size:130px;}

.dark-bg{background-color:#212121;}
.white-bg{background-color: #fff;}
.blue-bg{background-color:#FFF;}
.light-blue-bg{background-color:#00e7f6;}
.theme-bg{background-color:#FFF;}
.red-bg{background:#f44336;}
.grey-bg{background:#eee;}
.yellow-bg{background:#FDD835;}
.green-bg{background-color:#8BC34A;}
.parallax-bg {
    background: url(../images/background/parallax-bg.jpg) center 0 no-repeat;
    background-size: cover;
	height: 800px;
}

.fixed-bg{background-attachment: fixed!important;}

.overlay-bg {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
	z-index: -1;
	top:0;
	left:0;
}

.hero-text-wrap.overlay-bg {
	background: rgba(0, 0, 0, 0.45);
	width: 100%;
    height: 101vh;
    position: absolute;
	z-index: 1;
}

.hero-text-wrap.blue-overlay-bg {
	background: rgba(33,150,243,0.82);
	width: 100%;
    height: 101vh;
    position: absolute;
	z-index: 1;
}

.hero-text-wrap.theme-overlay-bg {
	background: rgba(236,64,122,0.82);
	width: 100%;
    height: 101vh;
    position: absolute;
	z-index: 1;
}

.overlay-bg-dark {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
	z-index: -1;
	top:0;
	left:0;
}

.overlay-bg-light {
    background: rgba(255,255,255,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.parallax-overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
	z-index: -1;
	top:0;
	left:0;
}

.parallax-bg-2 {
    background: url(../images/background/parallax-bg-3.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-3 {
    background: url(../images/background/parallax-bg-3.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-4 {
    background: url(../images/background/parallax-bg-4.jpg) center 0 no-repeat;
    background-size: cover;
}


.parallax-bg-6 {
    background: url(../images/background/parallax-bg-6.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-7 {
    background: url(https://my-redweb.com/uploads/DARKFILES/upload-private/1/data/1598358046-923072.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-9 {
    background: url(https://my-redweb.com/uploads/DARKFILES/upload-admin/1524918324-dj01.png) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-raza {
    background: url(https://06rz.com/uploads/community/49dc67f75bc5a6822423f39c05bf7f05.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-10 {
    background: url(../images/background/parallax-bg-10.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-12 {
    background: url(https://my-redweb.com/uploads/DARKFILES/upload-private/1/data/1592571220-DEMOROOM.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-13 {
    background: url(../images/background/parallax-bg-14.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-14 {
    background: url(../images/background/parallax-bg-15.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-15 {
    background: url(../images/background/parallax-bg-16.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-16 {
    background: url(../images/background/parallax-bg-17.jpg) center 0 no-repeat;
    background-size: cover;
}

.parallax-bg-17 {
    background: url(../images/background/parallax-bg-18.jpg) center 0 no-repeat;
    background-size: cover;
}

.box-shadow {box-shadow: 0 10px 30px 5px rgba(17,21,23,.1);}

.box-shadow-hover{}
.box-shadow-hover:hover{box-shadow: 0 10px 30px 5px rgba(17,21,23,.1);}
.member-socialicons{
    overflow: hidden;
    list-style: none;
    text-align:center;
    line-height: 20px;
}
.member-socialicons li{
    float: left;
    padding: 0 10px;
    line-height: inherit;
    list-style-type: none;
}
.member-socialicons li a{
    color: #fff;
    display:block;
}
.member-socialicons li a:hover {
    color: #ff4552;
}
.member-socialicons li a i{
    display:block;
    font-size:13px;
    text-align:center;
}
.row.no-gutters{
    margin-right: 0;
    margin-left: 0;
}
.no-bottom-padding{
    padding-bottom: 0;
}
.no-gutters > [class^="col-"],
.no-gutters > [class*="col-"],
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*="col-"]{
    padding-right: 0;
    padding-left: 0;
}
.no-top-padding{
    padding-top: 0;
}

/*=======================================================
      FLEX SLIDER
========================================================*/
.flexslider {
    border:0;
	overflow: hidden;
    margin: 0;
	border-radius:0;
}
.flex-direction-nav a:before {
    font-family: 'Material Design Icons';
    font-size: 20px;
    display: block;
    content: '';
    color: #fff;
    text-shadow: none;
    text-align: center;
    line-height: 53px;
}

.flex-direction-nav a.flex-prev:before {
    content: '\f04d';
}

.flex-direction-nav a.flex-next:before {
    content: '\f054';
}

.slider-bg .flex-control-nav {
	z-index: 999;
	bottom: 20px;
}

.slider-bg .flex-direction-nav a {
    width: 56px;
    height: 56px;
    opacity: 0;
    color: #fff;
    text-shadow: none;
    border: 1px solid #fff;
	background-color:transparent;
	border-radius:50px;
}

.slider-bg .flex-direction-nav a:hover {
	background-color:#212121;
	border: 1px solid #212121;
}

.slider-bg .flex-direction-nav .flex-next, .slider-bg .flex-direction-nav .flex-prev {
	text-align:center;
}

.slider-bg .flex-control-paging li a {
	background:rgba(255, 255, 255, 0.7);
}

.slider-bg .flex-control-paging li a {
	width: 60px;
    height: 6px;
	border-radius: 0px;
}

.slider-bg .flex-control-paging li a.flex-active {
	background:rgba(255, 255, 255, 1);
}

.slider-bg .flexslider li h1,
.slider-bg .flexslider li h2,
.slider-bg .flexslider li .hero-text p,
.slider-bg .flexslider li .hero-text h3,
.slider-bg .flexslider li .hero-text h4,
.slider-bg .flexslider li .hero-text h5,
.slider-bg .flexslider li .hero-text h6, 
.bg-video .hero-text h1, 
.bg-video .hero-text h2, 
.bg-video .hero-text h3, 
.bg-video .hero-text p {
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
}

.slider-bg .flex-active-slide .hero-text h1,
.slider-bg .flex-active-slide .hero-text h2,
.slider-bg .flex-active-slide .hero-text h3,
.slider-bg .flex-active-slide .hero-text h4,
.slider-bg .flex-active-slide .hero-text h5,
.slider-bg .flex-active-slide .hero-text h6,
.slider-bg .flex-active-slide .hero-text p, 
.bg-video .hero-text h1, 
.bg-video .hero-text h2, 
.bg-video .hero-text h3, 
.bg-video .hero-text p{
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
}

.slider-bg .flex-active-slide .hero-text h2, .bg-video h2 .hero-text h2 {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
}

.slider-bg .flex-active-slide .hero-text p, .bg-video .hero-text p {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
}

.slider-bg {
	border: 0;
    margin: 0;
    height: 100vh;
    background-color: #222225;
}
.slider-bg .slides {
    height: 100%;
}

.slider-bg .slides > li {
    height: 100%;
}

.slider-bg .hero-text{
	display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 100%;
    z-index: 10;
    color: #fff;
}
.slider-bg .hero-text P{
	line-height: 50px;
    font-size: 35px;
}

.slider-bg .hero-text h1 {
    font-size: 100px;
}

.slide-img, .parallax-img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.full-screen-bg {
	height: 100vh;
    background-color: transparent;
 	min-height: 100vh;
}

.hero-text-wrap {
	display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    background-color: rgba(34, 34, 37, 0.45);
    z-index: 200;
}

.overlay-none .hero-text-wrap {
	background-color: transparent;
}

.hero-text-wrap.gradient-overlay-bg {
	background: rgba(112,155,194,1);
	background: -moz-linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(112,155,194,1)), color-stop(100%, rgba(92,7,183,0.6)));
	background: -webkit-linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	background: -o-linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	background: -ms-linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	background: linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d74178', endColorstr='#67AFBF', GradientType=1 );
	width: 100%;
    height: 100vh;
    position: absolute;
	z-index: 1;
}

.gradient-overlay-bg {
	background: rgba(112,155,194,1);
	background: -moz-linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(112,155,194,1)), color-stop(100%, rgba(92,7,183,0.6)));
	background: -webkit-linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	background: -o-linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	background: -ms-linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	background: linear-gradient(45deg, rgba(112,155,194,1) 0%, rgba(92,7,183,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d74178', endColorstr='#67AFBF', GradientType=1 );
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.hero-text-wrap.demo-gradient-overlay-bg{
	width: 100%;
    height: 100vh;
    position: absolute;
	z-index: 1;
	background: rgba(108,207,126,1);
background: -moz-linear-gradient(-45deg, rgba(108,207,126,1) 0%, rgba(150,201,61,0.6) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(108,207,126,1)), color-stop(100%, rgba(150,201,61,0.6)));
background: -webkit-linear-gradient(-45deg, rgba(108,207,126,1) 0%, rgba(150,201,61,0.6) 100%);
background: -o-linear-gradient(-45deg, rgba(108,207,126,1) 0%, rgba(150,201,61,0.6) 100%);
background: -ms-linear-gradient(-45deg, rgba(108,207,126,1) 0%, rgba(150,201,61,0.6) 100%);
background: linear-gradient(135deg, rgba(108,207,126,1) 0%, rgba(150,201,61,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b09b', endColorstr='#96c93d', GradientType=1 );
}


.video-container video.fillWidth {
    width: 100%!important;
	margin-left: 0 !important;
}

.video-container .filter {display:none;}

.video-container video {
    position: absolute;
    top: 0%;
    left:0%;
    object-fit: cover;
    height: 100%!important;
    width: 100%!important;
}

.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.about-video {
	padding-bottom: 88.25%;
}
.about-video iframe {
	height:318px;
}

.arcon-video-box {
  position: relative;
  overflow: hidden;
}
.arcon-video-box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.arcon-video-box:hover .arcon-video-box_overlay {
  background-color: rgba(0, 0, 0, 0.25);
}
.arcon-video-box:hover .arcon-video-box_overlay .play-button {
  background-color: #fff;
  color: #2d2d2d;
}
.arcon-video-box img {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.arcon-video-box_overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
}
.play-button {
  cursor: pointer;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #fff;
  border-radius: 50%;
  line-height: 76px;
  color: #fff;
  text-align: center;
  font-size: 50px;
  position: relative;
  z-index: 10;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.play-button i {
  line-height: inherit;
}
.play-button:hover {
  background-color: #fff;
  color: #2d2d2d;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.btn[data-play-button] {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.btn[data-play-button]:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.video-alpha .video-play {
    position: absolute;
    top: 65%;
    left: 50%;
    margin-top: 0px;
    margin-left: -37px;
    width: 74px;
    height: 74px;
    font-size: 30px;
    line-height: 71px;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 100%;
}
.video-alpha .video-play i.fa-play {
    margin-left: 5px;
}

.music-event .video-play{
    font-size:100px;
	color:#fff;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);  
	display:inline-block;
}

.music-event .video-play:hover{
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.5);
}




.hero-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hero-video video {
  position: absolute;
  max-width: none;
}

.about-me {
	margin-bottom:20px;
}

.about-me img {
	width:200px;
}

.about-us-bg{
  background:url(../images/about-us.jpg) center no-repeat;
  background-size: cover;
}

.startup-bg-left {
  background:url(../images/startup-bg-left.jpg) center no-repeat;
  background-size: cover;
}

.startup-bg-right {
  background:url(../images/travel-bg-right.jpg) center no-repeat;
  background-size: cover;
}

.insta-bg-left {
  background:url(https://my-redweb.com/uploads/DARKFILES/upload-private/1/data/1601748435-instagram_zom.jpg) center no-repeat;
  background-size: cover;
}

.spotify-bg-right {
  background:url(https://my-redweb.com/uploads/DARKFILES/upload-private/1/data/1601748435-spotify_zomb.jpg) center no-repeat;
  background-size: cover;
}

.facebook-bg-left {
  background:url(https://my-redweb.com/uploads/DARKFILES/upload-private/1/data/1601748435-facebook_zom.jpg) center no-repeat;
  background-size: cover;
}

.blog-bg-right {
  background:url(https://my-redweb.com/uploads/DARKFILES/upload-private/1/data/1601748435-backwinkel-blog-diese-grundschulblogs-sollte-man-kennen-heroimage.jpg) center no-repeat;
  background-size: cover;
}

.travel-bg-left {
  background:url(https://my-redweb.com/uploads/DARKFILES/upload-private/1/data/1597258922-_MG_8255.jpg) center no-repeat;
  background-size: cover;
}

.travel-bg-right {
  background:url(https://my-redweb.com/uploads/DARKFILES/upload-admin/1524918326-equip3.png) center no-repeat;
  background-size: cover;
}

.gym-bg-left {
  background:url(../images/gym-bg-left.jpg) center no-repeat;
  background-size: cover;
}

.gym-bg-right {
  background:url(../images/gym-bg-right.jpg) center no-repeat;
  background-size: cover;
}

.barber-bg-left {
  background:url(../images/barber-bg-left.jpg) center no-repeat;
  background-size: cover;
}

.barber-bg-right {
  background:url(../images/barber-bg-right.jpg) center no-repeat;
  background-size: cover;
}

.archi-bg-left {
  background:url(../images/archi-bg-left.jpg) center no-repeat;
  background-size: cover;
}

.bg-flex.bg-flex-left {
    left: 0;
}

.bg-flex.bg-flex-right {
    right: 0;
}

.bg-flex{
  padding: 0;
  position: absolute!important;
  top: 0px;
  height: 100%;
  overflow: hidden;
  z-index: 100;
}

.bg-flex-holder {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.bg-flex-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bg-flex-right{
  position: absolute;
  padding: 0;
  right:0;
  top:0;
  bottom: 0;
  overflow: hidden;
}


.col-about-right {
    padding-left: 60px;
}

.col-about-left {
    padding-right: 60px;
}

.row-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row-flex:before {
  content: none;
}
.row-flex > [class*="col-"] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 767px) {
  .row-flex > [class*="col-"]:not([class*="col-xs"]) {
    width: 100%;
  }
}
.row-flex > [class*="col-"] .col-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: -15px;
  margin-right: -15px;
}

.col-inner.spacer {
    padding: 100px 50px;
}

.row-flex.flex-center > [class*="col-"] {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .row-flex.full-width-flex > [class*="col-"] {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
}
.row-flex.padding-row > [class*="col-"] {
  padding: 7.5% 6.5%;
}
.row-flex.flex-horizontal > [class*="col-"]:last-child {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.row-flex.flex-spacing .column-inner {
  margin-left: 0;
  margin-right: 0;
}




.social-networks {
  padding: 0;
  list-style: none;
  margin: 0;
}
.social-networks > li {
  display: inline-block;
  margin-right: 12px;
}
.social-networks > li > a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 47px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #e8e8e8;
    color: #212121;
    border-radius: 100%;
}
.social-networks > li > a:hover {
  color: #fff;
}
.social-networks > li.social-icon-fb > a:hover {
  background-color: #3b5998;
  border-color: #3b5998;
}
.social-networks > li.social-icon-tw > a:hover {
  background-color: #55acee;
  border-color: #55acee;
}
.social-networks > li.social-icon-lk > a:hover {
  background-color: #0077b5;
  border-color: #0077b5;
}
.social-networks > li.social-icon-be > a:hover {
  background-color: #053eff;
  border-color: #053eff;
}
.social-networks > li.social-icon-de > a:hover {
  background-color: #ea4c89;
  border-color: #ea4c89;
}