body {
    background-color: #171717;
}

@font-face {
    font-family: GoBold;
    src: url(../fonts/Gobold/gobold-bold.otf);
}

@font-face {
    font-family: nexaBold;
    src: url(../fonts/Nexa/NexaText-Bold.ttf);
}

@font-face {
    font-family: nexaRegular;
    src: url(../fonts/Nexa/NexaText-Regular.ttf);
}

.tagline {
    color: #adadad;
    font-family: "GoBold";
}

.bigTitle, .bigTitle strong, h2.main-title {
    color: #adadad;
    font-family: "GoBold";
}

.header-text-bg {
    color: #282e36;
    font-family: "GoBold";
}

h5, h4.sub-title {
    font-family: "nexaBold" !important;
}

p, h6 {
    font-family: "nexaRegular" !important;
}

.wrap-link span {
    color: #d62f3f;
    font-size: 25px;
}

.wrap-link .link-hover {
    font-size: 25px;
}

.s-link, .link-text {
    height: 25px;
}

.social-icon .wrap-link span svg {
    width: 20px;
}

.tagline-marquee.tm-1 {
    background-color: #d62f3f;
}

.button-underline:before, .button-underline:after {
    border: 1px solid #d62f3f;
}

.float{
	position:fixed;
	width:40px;
	height:40px;
	bottom:60px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
	width: 100%;
}

.my-float svg {
        width: 25px;
    padding-top: 5px;
    margin: auto;
}

@media only screen and (max-width: 750px) {
    /* index page */
    .home-block {
        margin-top: 30px !important;    
    }
    .home-block .block-content {
        margin-top: 50px !important;
    }
    .home-header-bg .social-icon {
        position: relative !important;
        left: 20px !important;
        float: left !important;
        margin-top: 50px !important;
        bottom: 20px !important;
    }
    
    /* prod & content */
    .swiper-projects .swiper-slide .video {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .swiper-video, .swiper-text {
        width: 100% !important;
        float: left !important;
    }
    .swiper-projects .swiper-slide {
        display: block !important;
    }
    
    .media-thumbnail-card {
        padding-top: 160px !important;
    }
    
    /* last video youtube */
    .last-video-yt {
        max-height: 350px !important;
    }

}

video::-webkit-media-controls {
    display:none !important;
}