@font-face {
  font-family: 'SBK-Regular';
  src: url('../fonts/SBK-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'SBK-Bold';
  src: url('../fonts/SBK-Bold.ttf') format('truetype');
}
body{background-color:#FFF; font-family: 'SBK-Regular', sans-serif; font-size:16px;}
#direct{
  font-family: 'SBK-Bold';
}
a{color:#000; text-decoration:none;
-webkit-transition: all 400ms ease-out;
   -moz-transition: all 400ms ease-out;
     -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;}
a:hover,
a:active,
a:focus, a.active{color:#000000; text-decoration:none;}
.paddingzero{padding:0;}
#header{padding:60px 0;}

#menu ul li{ float:right; margin:0 16px;}
#menu ul li a{display:block;  font-family: 'Conv_Proxima Nova Alt Light'; font-size:18px; color:#444444; text-transform:uppercase; letter-spacing:1px;text-decoration:none !important; border-bottom:3px solid #eeefea;}
#menu ul li a:hover{ text-decoration:none; border-bottom:3px solid #a8d595;}

.title{ font-family:'Conv_Proxima Nova Bold'; font-size:39.15px; color:#FFF;}
.title a{color:#FFF;}
.sub-title{text-align:center; font-family:'Conv_Proxima Nova Alt Light';font-size:15.50px; color:#282828; text-transform:uppercase;}

#footer{position:absolute; bottom:20px; width:100%; text-align:center;}
.work-page #footer{position:relative; bottom:0px; background:#eeefea; overflow: hidden; padding:10px 0;}
.contact-page #footer{position:relative; bottom:0px; background:#eeefea; overflow: hidden; padding:10px 0;}
.footer-social{max-width: 120px}
.contact-page .footer-social{max-width: 120px;}
.footer-social ul li{padding:0 10px 0 10px; float:left; list-style:none;}
.footer-social ul li a{display: block; height: 19px; width: 19px; background: url(icons/icon-facebook.svg) center center no-repeat;}
.footer-social li a:hover{
	-moz-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
	background: url(icons/icon-facebook.svg) center center no-repeat;}
.youtube-icon a{background:url(icons/vimeo.svg) no-repeat center center !important;}
.youtube-icon a:hover{background:url(icons/vimeo.svg) no-repeat center center !important;}
.insta-icon a{background:url(icons/instagram_icon.svg) no-repeat center center !important;}
.insta-icon a:hover{background:url(icons/instagram_icon.svg) no-repeat center center !important;}

/* Home Page */
.home-page .home-section{background:#a4d390; display: flex;
  flex-direction: column;
  justify-content: center;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 1000ms ease-out;
     -o-transition: all 1000ms ease-out;
        transition: all 1000ms ease-out;}
.header-title{text-align:center;}
#header .header-title img{width: 200px;}
.home-section .home-content {text-align:center}
.home-section .home-content img {max-width:300px;}
.home-section .home-content .title{text-align:center;}
.home-page .header-title{float:left; display:none;}

/* Work Page */
.work-page #header{padding:12px 0 18px;}
.work-page #menu ul li a{ border-bottom:3px solid #fab455;color:#FFF; }
.work-page #menu ul li a:hover, .work-page #menu ul li a.active{border-bottom:3px solid #FFF;}
.work-page #work-content .col-md-6, .work-page #work-content .col-md-12{padding-bottom:20px;}
.work-page #work-content .single-video{max-width:50%; margin:0 auto; }
.work-page .footer-social ul li a{background: url(icons/icon-facebook-work.svg) center center no-repeat;}
.work-page .footer-social li a:hover{background: url(icons/icon-facebook-work.svg) center center no-repeat;}
.work-page .youtube-icon a{background:url(icons/vimeo-work.svg) no-repeat center center !important;}
.work-page .youtube-icon a:hover{background:url(icons/vimeo-work.svg) no-repeat center center !important;}
.work-page .insta-icon a{background:url(icons/insta-work.svg) no-repeat center center !important;}
.work-page .insta-icon a:hover{background:url(icons/insta-work.svg) no-repeat center center !important;}
.work-page .home-content{max-width:640px; margin:0 auto; background:none; padding-top:50px;}
.download_link{font-family:"Conv_Proxima Nova Alt Regular"; color:#333333; font-size:18px; text-align:center; margin-top:10px;}
.download_link a:hover{color:#fab455;}

/* Contact Page */
.contact-page #header{background:#48b8ac; padding:36px 0;}
.contact-page #menu ul li a{ border-bottom:3px solid #48b8ac;color:#FFF; }
.contact-page #menu ul li a:hover, .contact-page #menu ul li a.active{border-bottom:3px solid #FFF;}

.contact-page .footer-social ul li a{background: url(icons/icon-facebook-contact.svg) center center no-repeat;}
.contact-page .footer-social li a:hover{
	background: url(icons/icon-facebook-contact.svg) center center no-repeat;}
.contact-page .youtube-icon a{background:url(icons/vimeo-contact.svg) no-repeat center center !important;}
.contact-page .youtube-icon a:hover{background:url(icons/vimeo-contact.svg) no-repeat center center !important;}
.contact-page .insta-icon a{background:url(icons/insta-contact.svg) no-repeat center center !important;}
.contact-page .insta-icon a:hover{background:url(icons/insta-contact.svg) no-repeat center center !important;}
.contact-page .middle-section{background:#eeefea;}
.contact-page .home-content{max-width:700px; margin:0 auto; background:none; padding-top:30px;}
 .contact-page .home-content h3{text-align:center; font-family:"Conv_Proxima Nova Alt Bold"; font-size:18px; color:#48b8ac; text-transform:uppercase;}
 .contact-page .home-content p{text-align:center; margin-bottom:50px; font-family:"Conv_Proxima Nova Alt Regular"; font-size:18px;}

.contact-page #footer{}
.form-control{background:none; border: none; border-bottom:1px solid #000; border-radius: 0px; color:#000; font-size:18px;height:42px; text-align:center; font-family:"Conv_Proxima Nova Alt Regular";}
.form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #000;
}
.form-control::-webkit-input-placeholder {
  color: #000;
}
.form-control:focus{border: none; border-bottom:1px solid #48b8ac; border-radius: 0px; box-shadow:none;transition: 0.5s;height:42px;}
textarea.form-control{height:100px !important;width:100%;}
.btn-default{background:#FFF;  border: none;border-radius:none; font-size:16px; color:#7a7a7a; padding:5px 10px; outline:none !important; font-family:"Conv_Proxima Nova Alt Bold";}
.btn-default:active, .btn-default:hover{background:#48b8ac; border:none;  color:#FFF; transition: 0.5s; outline:none;}
.btn-default:focus{background:#48b8ac; border:none;}

@media (max-width: 1199px) {
}


@media (max-width: 991px) {
}

@media (max-width: 767px) {
	#header{padding: 20px 0;}
	#menu ul {max-width:290px; margin:10px auto 0 auto;}
	#menu ul li{margin: 0 35px;}
	.header-title{max-width:100%; float:none; margin-bottom: 30px;}
	#header .header-title img{width: 200px;}

	.title{font-size: 33.15px;text-align: center;}
	#footer{position:relative; bottom:0px; background:#a4d390; overflow: hidden; padding:10px 0;-webkit-transition: all 400ms ease-out;
   -moz-transition: all 1000ms ease-out;
     -o-transition: all 1000ms ease-out;
        transition: all 1000ms ease-out;}
	#footer .footer-social ul{margin:0;}

	.work-page #footer{background:#eeefea;}
	.work-page #menu{margin-top:10px;}
	.work-page .home-content{max-width: 90%;}
	.work-page #work-content .single-video{max-width:100%; margin:0 auto; }
	.work-page #footer{background:#eeefea;}

	.contact-page #footer{background:#eeefea; overflow:hidden;}
	.form-group{padding:0 30px; overflow:hiddden;}
	.row{margin-right:0px;}
	.footer-social ul li:first-child{padding: 0 10px 0 0;}
}