@charset "utf-8";
/**--------------------------------------------------------
 * CSS Information
 * File Name	:  verz-new-style.css
 * Theme Name   :  Verz Design
 * Author       :  Shashikant
 * Description  :  March 2021
 -----------------------------------------------------------*/

.homepage.sr { visibility: visible !important; }
#wrapper, .vd--footer--wrapper { max-width: 1920px; margin: 0px auto; }
#pageHeader { background: rgba(255, 255, 255, 0.5); border-bottom: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
.is-sticky #pageHeader { background: rgba(255, 255, 255, 1); left: auto; right: auto; max-width: 1920px; }
.header-container { max-width: 1400px; }
.logo { width: 176px; height: 36px; margin: 27px 0 27px 30px }
.headerGroupContainer { position: static; float: right; display: block; margin: 0px auto; padding: 20px 30px 20px 15px; }
.header-enquire-btn { font-family: Poppins-Bold; position: relative; display: block; font-size: 14px; float: left; line-height: 20px; margin: 0px auto; text-transform: uppercase; }
.header-enquire-btn a { position: relative; color: #ffffff; overflow: hidden; margin: 0px auto; text-align: center; border-radius: 100px; vertical-align: top; background: #f27a36; display: inline-block; padding: 15px 25px 15px; }
.header-enquire-btn a:hover { color: #ffffff; background: #000000; }
.header-whatsapp-link-btn { font-family: Poppins-Bold; position: relative; display: block; font-size: 14px; float: right; line-height: 20px; margin: 0px auto; text-transform: uppercase; margin-left: 10px; }
.header-whatsapp-link-btn a { position: relative; color: #1bc348; overflow: hidden; margin: 0px auto; text-align: center; border-radius: 100px; vertical-align: top; background: #ffffff; display: inline-block; padding: 15px 25px 15px; }
.is-sticky .header-whatsapp-link-btn a { background: #f1f1f1; }
.header-whatsapp-link-btn a span { position: relative; display: inline-block; margin-left: 5px; }
.header-whatsapp-link-btn a:hover { color: #ffffff; background: #1bc348; }

/* Banner Wrapper */
.bannerWrapper { background: #ffffff !important; }

/* Mega Menu */
.topRightContainer, .nav-wrapper, .nav-container, .nav, #mega-menu-wrap-topmenu, #mega-menu-wrap-topmenu #mega-menu-topmenu { position: static; }

#mega-menu-wrap-topmenu { font-family: Poppins-Medium; position: static; font-size: 14px; padding: 0; width: 100%; margin: 0 auto; display: block; background: #f5f5f5 !important; }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-item { position: relative; display: block; float: left; margin: 0 15px 0 0; padding: 0 }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-item>a.mega-menu-link { font-weight: 400; text-transform: none; font-size: 14px; background: 0 0!important; position: relative; display: block; color: #000000 !important; line-height: 30px; padding: 30px 10px 30px; height: auto!important }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-item>a.mega-menu-link:after { position: absolute; display: block; content: ''; right: 0; width: 0; bottom: 0; height: 5px; overflow: hidden; background: #f37936; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-current-menu-item>a.mega-menu-link, #mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-item>a.mega-menu-link:focus, #mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-item>a.mega-menu-link:hover { color: #000000 !important; background: 0 0!important; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-current-menu-item>a.mega-menu-link:after, #mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-item:hover>a.mega-menu-link:after { width: 100%; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
#mega-menu-wrap-topmenu #mega-menu-topmenu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none !important; }
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu, #mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-flyout ul.mega-sub-menu { font-family: Poppins-Regular; }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-flyout ul.mega-sub-menu { background: #f5f5f5; width: 250px; }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: 0 0; color: #000000; font-size: 13px; padding: 8px 15px; line-height: 20px }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-flyout ul.mega-sub-menu li.mega-current_page_item a.mega-menu-link, #mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus, #mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover { color: #ffffff; background: #f37936; }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu { background: #f5f5f5; padding: 15px; min-width: 900px; }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item { color: #000000; padding: 5px 10px; min-height: inherit; }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link { background: 0 0; color: #f37936; font-size: 12px; padding: 5px 10px; line-height: 20px; font-weight: 400 }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus, #mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover { background: 0 0; color: #f37936; font-weight: 400 }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link { background: 0 0; color: #707070; font-size: 12px; padding: 5px 10px; line-height: 18px; font-weight: 400; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:focus, #mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover { color: #ffffff; background: #000000; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 5px 10px 5px 20px }
#mega-menu-wrap-topmenu #mega-menu-topmenu li.mega-current-menu-parent a.mega-menu-link:after { position: absolute; display: block; content: ''; right: 0; width: 100%!important; bottom: 0; height: 5px; overflow: hidden; background: #fff; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
#mega-menu-wrap-topmenu #mega-menu-topmenu li.mega-current-menu-parent ul li a.mega-menu-link:after { background: 0 0 }

/* VD PSG Grant Services Container */
.vd--psg--grant--services--container { position: absolute; display: block; padding: 0px; width: 100%; left: 0px; z-index: 5; bottom: 0px; overflow: hidden; }
.vd--psg--grant--services--container .link-btn { font-size: 14px; margin: 0px auto 30px; }
.vd--psg--grant--services--container .link-btn a { color: #f37936; min-width: 186px; letter-spacing: 0px; padding: 15px 40px 12px; background: #ffffff; box-shadow: 0px 10px 20px rgba(255, 255, 255, 0.5); }
.vd--psg--grant--services--container .link-btn a:hover { color: #ffffff; background: #000000; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); }

/* VD PSG Grant Slider */
.vd--psg--grant--slider { position: relative; display: block; padding: 0px 0px; margin: 0px -12px 40px; }
.vd--psg--grant--item { font-family: Poppins-Medium; position: relative; display: block; font-size: 14px; overflow: hidden; line-height: 20px; text-align: center; margin: 0px auto 0px; padding: 0px 12px 0px; }

/*@media (min-width:300px) { .vd--psg--grant--item { width: 194px !important; }}*/

.vd--psg--grant--item a { position: relative; display: block; width: 100%; padding: 25px; color: #000000; overflow: hidden; border-radius: 5px; background: #ffffff; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; }
.vd--psg--grant--item a:hover { color: #ffffff; background: #15a99b; -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); }
.vd--psg--grant--item--pic--container { position: relative; display: block; height: 80px; width: 100%; overflow: hidden; margin: 0px auto 20px; }
.vd--psg--grant--item--pic--container figure { position: absolute; overflow: hidden; padding: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; margin: 0px auto; text-align: center; }
.vd--psg--grant--item--pic--container figure img { position: absolute; z-index: 1; top: 50%; left: 50%; max-width: 100%; max-height: 100%; margin: 0px auto; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; }
.vd--psg--grant--item--pic--container figure img.show-img { opacity: 1; visibility: visible; }
.vd--psg--grant--item--pic--container figure img.hidden-img { opacity: 0; visibility: hidden; }
.vd--psg--grant--item a:hover .vd--psg--grant--item--pic--container figure img.show-img { opacity: 0; visibility: hidden; }
.vd--psg--grant--item a:hover .vd--psg--grant--item--pic--container figure img.hidden-img { opacity: 1; visibility: visible; }
.vd--psg--grant--item--content { position: relative; display: block; width: 100%; }
.vd--psg--grant--item--content--inner { position: relative; display: block; overflow: hidden; margin: 0px auto; padding-bottom: 1px; }
.vd--psg--grant--item--name { position: relative; display: block; padding: 0px; font-size: 14px; line-height: 20px; }
.vd--psg--grant--slider .slick-prev, .vd--psg--grant--slider .slick-next { width: 46px; height: 46px; }
.vd--psg--grant--slider .slick-prev { left: -70px; padding: 0px 0px 0px 46px; background: url("../images/new-images/vd-slick-nav.png") left top no-repeat; }
.vd--psg--grant--slider .slick-next { right: -70px; padding: 0px 46px 0px 0px; background: url(../images/new-images/vd-slick-nav.png) right top no-repeat; }
.vd--psg--grant--slider .slick-prev:hover, .vd--psg--grant--slider.slick-prev:focus { background: url(../images/new-images/vd-slick-nav.png) left bottom no-repeat; }
.vd--psg--grant--slider .slick-next:hover, .vd--psg--grant--slider .slick-next:focus { background: url(../images/new-images/vd-slick-nav.png) right bottom no-repeat; }
.vd--psg--grant--slider .slick-dots { bottom: -25px; margin: 0px auto; }

/* Main Content Wrapper */
.main--content--wrapper { position: relative; display: block; padding: 0px; width: 100%; overflow: hidden; max-width: 1920px; margin: 0px auto; background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(250,247,242,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(250,247,242,1) 100%); background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(250,247,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#faf7f2',GradientType=1 ); }

/* VD Portfolio Container */
.vd--portfolio--container { position: relative; display: block; padding: 70px 0px; width: 100%; }
.vd--portfolio--container .container { position: relative; z-index: 2; }

/* VD Portfolio Header */
.vd--portfolio--header { font-family: Poppins-Light; position: relative; display: block; color: #363636; font-size: 16px; margin: 0 auto; padding: 50px 67px 40px; width: 100%; }
.vd--portfolio--header:before { position: absolute; top: 0px; left: -50px; width: 200px; height: 200px; content: ''; overflow: hidden; z-index: -1; background: #ffcd60; border-radius: 100%; }
.vd--portfolio--header h1, .vd--portfolio--header h2 { font-family: Poppins-Semibold; font-size: 50px; color: #000000; line-height: 1.2; text-transform: none; padding: 0px; display: inline; }
.vd--portfolio--content { position: relative; display: block; float: right; }
.vd--portfolio--header p { line-height: 26px; margin: 15px auto 0px; }

/* VD Awwwards Container */
#vd__awwwards { position: absolute; top: 50px; left: 0px; /*width: 90px; height: 135px;*/ width: 110px; height: 165px; text-indent: -666em; overflow: hidden; z-index: 999; -webkit-transition: all 1s ease; transition: all 1s ease; }
#vd__awwwards a { position: absolute; top: 0; left: 0; display: block; /*width: 90px; height: 135px;*/ width: 110px; height: 165px; background-repeat: no-repeat; /*background-size: 90px 135px;*/ background-size: 110px 165px; }
#vd__awwwards.nominee.white.left a { background-image: url("../images/new-images/awwwards_nominee_white_left.png"); }

/* VD Portfolio Slider */
.vd--portfolio--slider { position: relative; display: block; padding: 0px 0px; margin: 0px -10px 0px; }
.vd--portfolio--item { font-family: Poppins-Medium; position: relative; display: block; font-size: 18px; overflow: hidden; line-height: 26px; text-align: center; margin: 0px auto 0px; padding: 0px 10px 0px; }
.vd--portfolio--item a { position: relative; display: block; width: 100%; padding: 25px 10px; color: #000000; overflow: hidden; border-radius: 5px; background: #f6f6f6; }
.vd--portfolio--item a:hover { color: #f37936; }
.vd--portfolio--item--pic--container { position: relative; display: block; height: 0px; width: 100%; overflow: hidden; margin: 0px auto 20px; padding-bottom: 62.86%; }
.vd--portfolio--item--pic--container figure { position: absolute; overflow: hidden; padding: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; margin: 0px auto; text-align: center; }
.vd--portfolio--item--pic--container figure img { position: absolute; z-index: 1; top: 50%; left: 50%; max-width: 100%; max-height: 100%; margin: 0px auto; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; }
.vd--portfolio--item--content { position: relative; display: block; width: 100%; }
.vd--portfolio--item--content--inner { position: relative; display: block; overflow: hidden; margin: 0px auto; padding-bottom: 1px; }
.vd--portfolio--item--name { position: relative; display: block; padding: 0px; font-size: 18px; line-height: 26px; }
.vd--portfolio--slider .slick-prev, .vd--portfolio--slider .slick-next { width: 46px; height: 46px; }
.vd--portfolio--slider .slick-prev { left: -70px; padding: 0px 0px 0px 46px; background: url("../images/new-images/vd-slick-nav.png") left top no-repeat; }
.vd--portfolio--slider .slick-next { right: -70px; padding: 0px 46px 0px 0px; background: url(../images/new-images/vd-slick-nav.png) right top no-repeat; }
.vd--portfolio--slider .slick-prev:hover, .vd--portfolio--slider .slick-prev:focus { background: url(../images/new-images/vd-slick-nav.png) left bottom no-repeat; }
.vd--portfolio--slider .slick-next:hover, .vd--portfolio--slider .slick-next:focus { background: url(../images/new-images/vd-slick-nav.png) right bottom no-repeat; }

/* VD Intro Container */
.vd--intro--container { position: relative; display: block; padding: 0px 0px 70px; width: 100%; }
.vd--intro--container:before { position: absolute; display: block; width: 580px; right: 0px; top: 20%; height: 731px; margin: 0px; content:''; background: url("../images/new-images/vd-bg1.png") right center no-repeat; }
@keyframes wave { 0% { background-position: 0 0; } 100% { background-position: 108px 0; } }
.waveItem { position: relative; display: block; width: 108px; height: 22px; margin: 0px; background: url("../images/new-images/wave.png") repeat-x 0%; background-size: cover; -webkit-animation: 5s wave linear infinite; animation: 5s wave linear infinite; }
.dots-container { position: absolute; left: 40px; bottom: 0px; width: 130px; height: 200px; margin: 0px auto; }
.dotBlock { position: relative; display: block; width: 100%; font-size: 0px; margin: 0px auto; }
.dotBlock .dot { display: inline-block; position: relative; width: 4px; height: 4px; overflow: hidden; border-radius: 100%; background: #15a99b; vertical-align: top; margin: 0px 15px 15px 0px; -webkit-animation: blink 10s infinite; -moz-animation: blink 10s infinite; -o-animation: blink 10s infinite; animation: blink 10s infinite; }
@keyframes blink { 0% { background-color: #15a99b; } 50% { background-color: #f37936; } }

.vd--intro--container .row { margin-left: -10px; margin-right: -10px; }
.vd--intro--container .row [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.vd--intro--content { font-family: Poppins-Light; position: relative; display: block; color: #363636; font-size: 16px; margin: 0 auto; padding: 0px 50px; }
.vd--intro--content h2 { font-family: Poppins-Semibold; font-size: 50px; color: #000000; line-height: 1.2; text-transform: none; }
.vd--intro--content p { margin-bottom: 30px; line-height: 26px; }
.vd--intro--img-container { padding: 70px 0px 0px; }
.vd--intro--img1, .vd--intro--img2 { position: relative; display: block; height: 0px; overflow: hidden; background: #eeeeee; padding-bottom: 102.5%; border-radius: 5px; }
.vd--intro--img2 { padding-bottom: 105.05%; }
.vd--intro--img1 figure, .vd--intro--img2 figure { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; margin: 0px auto; text-align: center; }
.vd--intro--img1 figure img, .vd--intro--img2 figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.vd--intro--content .link-btn { font-size: 14px; }
.vd--intro--content .link-btn a { min-width: 186px; letter-spacing: 0px; padding: 15px 40px 12px; box-shadow: 0px 10px 20px rgba(243, 121, 54, 0.5); }
.vd--intro--content .link-btn a:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); }

.img-animation-holder { position: absolute; left: 50%; margin-left: 520px; bottom: -70px; width: 164px; height: 272px; -webkit-animation: bounce-1 2s infinite; -moz-animation: bounce-1 2s infinite; -o-animation: bounce-1 2s infinite; animation: bounce-1 2s infinite; }
@keyframes bounce-1 { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 40px); } 100% { transform: translate(0, 0px); } }

/* VD Blog Container */
.vd--blog--container { position: relative; display: block; padding: 70px 0px 70px; width: 100%; }
.img-animation-holder2 { position: relative; display: block; width: 10px; height: 10px; margin: 0px auto 70px; text-align: center; -webkit-animation: bounce-1 2s infinite; -moz-animation: bounce-1 2s infinite; -o-animation: bounce-1 2s infinite; animation: bounce-1 2s infinite; }

.vd--blog--container h2 { font-family: Poppins-Semibold; font-size: 50px; color: #000000; line-height: 1.2; text-align: center; text-transform: none; }
.vd--blog--container .link-btn { font-size: 14px; margin: 0px auto 30px; }
.vd--blog--container .link-btn a { min-width: 186px; letter-spacing: 0px; padding: 15px 40px 12px; box-shadow: 0px 10px 20px rgba(243, 121, 54, 0.5); }
.vd--blog--container .link-btn a:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); }

/* VD Blog Slider */
.vd--blog--slider { position: relative; display: block; padding: 0px; margin: 30px -10px 40px; }
.vd--blog--item { font-family: Poppins-Regular; position: relative; display: block; font-size: 14px; overflow: hidden; line-height: 20px; margin: 0px auto 0px; padding: 0px 10px 0px; }
.vd--blog--item a { position: relative; display: block; width: 100%; padding: 12px; color: #000000; overflow: hidden; border-radius: 5px; background: #ffffff; }
.vd--blog--item a:hover { color: #000000; }
.vd--blog--item--pic--container { position: relative; display: block; height: 0px; width: 100%; overflow: hidden; padding-bottom: 52.663%; margin: 0px auto 15px; }
.vd--blog--item--pic--container figure { position: absolute; overflow: hidden; padding: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; margin: 0px auto; text-align: center; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; }
.vd--blog--item a:hover .vd--blog--item--pic--container figure { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.vd--blog--item--pic--container figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.vd--blog--item--content { position: relative; display: block; width: 100%; padding: 25px 0px 5px; background: url("../images/new-images/shape1.png") left top no-repeat; }
.vd--blog--item--content--inner { position: relative; display: block; overflow: hidden; margin: 0px auto; padding-bottom: 1px; }
.vd--blog--post--date { font-family: Poppins-Medium; position: relative; display: block; color: #808080; font-size: 14px; line-height: 20px; padding: 0px 0px 15px; }
.vd--blog--title { font-family: Poppins-Regular; position: relative; display: block; padding: 0px; color: #000000; font-size: 18px; line-height: 26px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; }
.vd--blog--item a:hover .vd--blog--title { color: #f37936; }
.vd--blog--item--content--inner p { margin: 15px auto 0px; }
.vd--blog--slider .slick-prev, .vd--blog--slider .slick-next { width: 46px; height: 46px; }
.vd--blog--slider .slick-prev { left: -70px; padding: 0px 0px 0px 46px; background: url("../images/new-images/vd-slick-nav.png") left top no-repeat; }
.vd--blog--slider .slick-next { right: -70px; padding: 0px 46px 0px 0px; background: url(../images/new-images/vd-slick-nav.png) right top no-repeat; }
.vd--blog--slider .slick-prev:hover, .vd--blog--slider .slick-prev:focus { background: url(../images/new-images/vd-slick-nav.png) left bottom no-repeat; }
.vd--blog--slider .slick-next:hover, .vd--blog--slider .slick-next:focus { background: url(../images/new-images/vd-slick-nav.png) right bottom no-repeat; }

/* VD Contact Form Container */
.vd--contact--form--container { position: relative; display: block; margin: 0 auto; padding: 140px 0; background: #000000 url("../images/new-images/contact--form--bg.jpg") center top no-repeat; background-size: cover; }

.dots-container2 { position: absolute; left: -30px; top: -30px; width: 120px; height: 120px; margin: 0px auto; z-index: 5; }
.dotBlock2 { position: relative; display: block; width: 100%; font-size: 0px; margin: 0px auto; }
.dotBlock2 .dot2 { display: inline-block; position: relative; width: 4px; height: 4px; overflow: hidden; border-radius: 100%; background: #f37936; vertical-align: top; margin: 0px 15px 15px 0px; -webkit-animation: blink2 10s infinite; -moz-animation: blink2 10s infinite; -o-animation: blink2 10s infinite; animation: blink2 10s infinite; }
@keyframes blink2 { 0% { background-color: #f37936; } 50% { background-color: #ffffff; } }

.waveItemContainer { position: absolute; display: block; width: 108px; right: 30px; bottom: -40px; z-index: 5; }
.waveItem2 { position: relative; display: block; width: 108px; height: 22px; margin: 0px; background: url("../images/new-images/wave2.png") repeat-x 0%; background-size: cover; -webkit-animation: 5s wave linear infinite; animation: 5s wave linear infinite; }
.vd--contact--form--inner { position: relative; display: block; margin: 0 auto; padding: 0; border-radius: 5px; overflow: hidden; background: #f0f0f0; }
.vd--contact--form--inner .row { margin-left: 0px; margin-right: 0px; }
.vd--contact--form--inner .row [class*="col-"] { padding-left: 0px; padding-right: 0px; }
.vd--contact--info--col { position: relative; display: block; background: #4ea69b; padding: 85px 50px 350px; }
.vd--contact--info--col h2 { font-family: Poppins-Semibold; font-size: 40px; color: #000000; line-height: 1.2; text-align: center; text-transform: none; }
.vd--contact--img--col { position: absolute; display: block; width: 100%; left: 0px; bottom: 0px; padding: 0px 50px 0px; }

/* VD Contact Form */
.vd--contact--form { position: relative; display: block; margin: 0 auto; padding: 50px 60px; }
.wpcf7-form .form-group:after, .wpcf7-form .form-group:before { display: table; content: " "; }
.wpcf7-form .form-group:after { clear: both; }
.vd--contact--form .form-group { margin-bottom: 20px; }
.vd--contact--form .form-group:last-child { margin-bottom: 0px; }
.vd--contact--form--inner .form-group label { font-family: Poppins-Regular; color: #363636; font-weight: 400; position: absolute; pointer-events: none; left: 8px; top: 15px; line-height: 25px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; margin: 0px; width: auto; display: block; text-transform: uppercase; font-size: 14px; padding: 0px 12px; background: transparent; }
.vd--contact--form--inner .form-group .focus label, .vd--contact--form--inner .form-group .not-empty label, .vd--contact--form--inner .form-group .focus + label, .vd--contact--form--inner .form-group .not-empty + label, .vd--contact--form--inner .form-group.focus label, .vd--contact--form--inner .form-group.not-empty label { font-family: Poppins-Medium; top: -11px; font-size: 13px; }
.vd--contact--form--inner .form-control, .vd--contact--form--inner .form-control[disabled], .vd--contact--form--inner .form-control[readonly], .vd--contact--form--inner .select2-container--default .select2-selection--single, .vd--contact--form--inner fieldset[disabled] .form-control { color: #363636; height: 55px; line-height: 35px; padding: 9px 15px; border: 1px solid transparent; }
.vd--contact--form--inner textarea.form-control { min-height: 200px; line-height: 20px; height: auto; padding: 15px; }
.vd--contact--form--inner .select2-container { color: #363636; font-size: 14px; }
.vd--contact--form--inner .form-control:focus, .vd--contact--form--inner .form-control:hover, .vd--contact--form--inner .select2-container--default .select2-selection--single:focus, .vd--contact--form--inner .select2-container--default .select2-selection--single:hover { /*border: 1px solid #f37936;*/ border: 1px solid transparent; }
.vd--contact--form--inner .form-control::-webkit-input-placeholder, .vd--contact--form--inner ::-webkit-input-placeholder { color:#363636; }
.vd--contact--form--inner .form-control:-moz-placeholder, .vd--contact--form--inner :-moz-placeholder { color:#363636; }
.vd--contact--form--inner .form-control::-moz-placeholder, .vd--contact--form--inner ::-moz-placeholder { color:#363636; }
.vd--contact--form--inner .form-control:-ms-input-placeholder, .vd--contact--form--inner :-ms-input-placeholder { color:#363636; }
.vd--contact--form--inner .resetBtn, .vd--contact--form--inner .resetBtn:focus, .vd--contact--form--inner .sendEnquiry, .vd--contact--form--inner .sendEnquiry:focus, .vd--contact--form--inner .submit, .vd--contact--form--inner .submit:focus { font-size: 14px; letter-spacing: 0px; min-width: 186px; padding: 15px 40px 12px; background: #f37936; box-shadow: 0px 10px 20px rgba(243, 121, 54, 0.5); }
.vd--contact--form--inner .resetBtn:hover, .vd--contact--form--inner .resetBtn:focus, .vd--contact--form--inner .sendEnquiry:hover, .vd--contact--form--inner .sendEnquiry:focus, .vd--contact--form--inner .submit:hover, .vd--contact--form--inner .submit:focus {  background: #000000; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); }

/* VD Footer Container */
.vd--footer--wrapper { position: relative; width: 100%; display: block; overflow: hidden; margin: 0px auto; }
.footer-container { position: relative; width: 100%; display: block; overflow: hidden; background: #1d1c1d; }
.footer-left-col { position: relative; width: 50%; display: block; float: left; background: #242324; margin-left: -95px; }
.footer-left-col-content { position: relative; display: block; float: right; width: 490px; }
.footer-right-col { position: relative; width: 50%; display: block; float: right; background: #1d1c1d; margin-right: 95px; }
.footer-right-col-content { position: relative; display: block; float: left; width: 680px; }
/* Footer Left */
.footer-left { position: relative; display: block; color: #ffffff; font-size: 14px; overflow: hidden; line-height: 24px; padding: 70px 70px 70px 15px; }
.footer { position: relative; overflow: hidden; display: block; margin: 0 auto; }
.footer.container-fluid { padding: 0px; }
.footer .row { position: relative; }
.no-gutters { margin-right: 0px !important; margin-left: 0px !important; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; }
.footer a { color: #ffffff; }
.footer a:hover { color: #f37936; }
.ftcol, .fbcol { position: relative; display: block; float: left; width: 100%; padding: 0px 15px; }
.fbcol { width: 50%; }

/* Footer Head */
.footer-head { font-family: Poppins-Medium; position: relative; display: block; color: #ffffff; font-size: 24px; padding: 0px; line-height: 1.4; margin: 0px 0px 20px; }
.footer-head a { position: relative; display: block; color: #ffffff; }
.footer-head a:hover { color: #f37936; }
.fbcol .collapse, .custom-lg-header, .fbcol .collapse.in { display: block; }
.custom-md-header { display: none; text-align: center; margin: 0px auto; }
.custom-md-header a { position: relative; display: block; color: #ffffff; max-width: 210px; padding: 15px 0px; border-top: 1px solid rgba(255, 255, 255, 0.1); margin: 0px auto; }
.custom-md-header.first-child a { border-top: none; }
.custom-md-header a .fa { position: relative; color: #f37936; margin: 2px 0px 0px 5px; font-size: 18px; }

/* VD Newsletter */
.newsletter-col { position: relative; display: block; width: 100%; }
.newsletter-box { position: relative; color: #ffffff; display: block; width: 100%; overflow: hidden; margin: 0px auto 50px; }
.newsletter-input { position: relative; width: 100%; height: 50px; border: none; color: #363636; font-size: 14px; line-height: 20px; padding: 15px 20px; background: #ffffff; border-radius: 50px; margin: 0 auto 20px; }
.newsletter-btn { font-family: Poppins-Bold; position: relative; display: block; color: #ffffff; width: 100%; height: 50px; border: none; font-size: 14px; padding: 0 0; line-height: 50px; text-align: center; background: #f37936; border-radius: 50px; text-transform: uppercase; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
.newsletter-btn:hover { background: #df5003; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
.newsletter-input::-webkit-input-placeholder { color:#363636; }
.newsletter-input:-moz-placeholder { color:#363636; }
.newsletter-input::-moz-placeholder { color:#363636; }
.newsletter-input:-ms-input-placeholder { color:#363636; }

/* VD Contact Details */
.vd-contact-details-block { position: relative; display: block; margin: 0px auto 50px; }
.vd-location, .vd-tel, .vd-email { position: relative; display: block; line-height: 24px; margin: 0 auto 15px; padding: 0 0 0 25px; background: url("../images/new-images/location-icon.png") 0px 4px no-repeat; }
.vd-tel { background: url("../images/new-images/tel-icon.png") 0px 4px no-repeat; }
.vd-email { background: url("../images/new-images/email-icon.png") 0px 4px no-repeat; }

/* Footer Social Nav */
ul.footer-social-nav { position: relative; display: block; padding: 0px; font-size: 0px; margin: 0px -7px 0px; list-style-type: none; }
ul.footer-social-nav li { position: relative; font-size: 15px; padding: 0px; vertical-align: top; margin: 5px 7px 5px; display: inline-block; }
ul.footer-social-nav li a { position: relative; color: #ffffff; height: 40px; width: 40px; display: block; overflow: hidden; line-height: 40px; text-align: center; border-radius: 50%; background: #383838; }
ul.footer-social-nav li a:hover, ul.footer-social-nav li.selected a { color: #ffffff; background: #f37936; }

/* Footer Nav */
.footer-nav { position: relative; display: block; font-size: 0; margin: 0px auto 40px; }
.footer-nav li { position: relative; display: block; font-size: 14px; line-height: 24px; margin: 0 0 7px; }
.footer-nav li a { position: relative; color: #ffffff; display: block; padding: 0 0 0 15px; background: url("../images/new-images/footer-nav-arrow.png") 0px 8px no-repeat; }
.footer-nav li a:hover, .footer-nav li.current_page_item a { color: #f37936; }

/* VD Awards Logo */
.vd-awards-logo { position: relative; display: block; margin: 0 auto 20px; }
.vd-awards-logo img { position: relative; max-width: 300px; }

/* Footer Right */
.footer-right { position: relative; display: block; color: #ffffff; font-size: 14px; overflow: hidden; line-height: 24px; padding: 70px 15px 70px 70px; }

/* VD Copyright */
.vd-copyright { position: relative; display: block; }

/* VD To Top */
#toTop { text-decoration: none; position: fixed; display: none; bottom: 50px; right: 50px; width: 81px; height: 112px; border: none; z-index: 5001; text-indent: 100%; background: url("../images/new-images/ui.totop.png") left top no-repeat; overflow: hidden; box-shadow: 0px 23px 86px rgba(154, 152, 151, 0.5); border-radius: 81px; }
#toTopHover { background: url("../images/new-images/ui.totop.png") left bottom no-repeat; width: 81px; height: 112px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; box-shadow: 0px 23px 86px rgba(154, 152, 151, 0.5); }
#toTop:active, #toTop:focus { outline: 0; }


/* = VD Media Queries
-------------------------------------------------------------- */

@media (max-width:1399px) {
    #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item { margin: 0 10px 0 0; }
    #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item > a.mega-menu-link { padding: 30px 5px; }
    .img-animation-holder { left: auto; margin-left: 0px; right: 30px; }
    }

@media (max-width:1299px) {
    #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item > a.mega-menu-link { font-size: 13px; padding: 30px 3px; }
    .vd--psg--grant--slider, .vd--portfolio--slider, .vd--blog--slider { margin-left: 50px; margin-right: 50px; }
    .vd--psg--grant--slider .slick-prev, .vd--portfolio--slider .slick-prev, .vd--blog--slider .slick-prev { left: -60px; }
    .vd--psg--grant--slider .slick-next, .vd--portfolio--slider .slick-next, .vd--blog--slider .slick-next { right: -60px; }
    .vd--portfolio--header { padding: 50px 70px 40px 150px; }
    .vd--portfolio--header::before { left: 30px; }
    }

@media (max-width:1199px) {
    .homePageHeader, .fixedHeader, .sticky-wrapper { position: absolute !important; }
    .is-sticky .fixedHeader { position: fixed !important; margin: 0px !important; }
    .topRightContainer { padding-right: 60px; }
    .headerGroupContainer, .nav, #mega-menu-wrap-topmenu, #mega-menu-wrap-topmenu #mega-menu-topmenu { position: relative; }
    body.scrollLock { overflow: hidden !important; }
    #mega-menu-wrap-topmenu.active { position: fixed; top: 0px; bottom: 0px; width: 100%; height: 100vh; padding-top: 90px; overflow: hidden; background: #ffffff !important; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); }
    .mean-container .mean-nav ul { height: 100%; overflow: auto; }
    .nav-container { position: absolute; z-index: 1; }
    .topRightContainer, .nav-wrapper { min-height: 90px; position: absolute; max-width: 100%; }
    .nav-wrapper { min-height: 60px; top: 15px; z-index: 1; }
    .headerGroupContainer { z-index: 5; }
    .topRightContainer.active { z-index: 11111111; }
    .topRightContainer.active .nav-wrapper, .topRightContainer.active .nav-container, .topRightContainer.active .mean-container a.meanmenu-reveal { z-index: 11; }
    .headerGroupContainer:after { position: absolute; right: 0px; top: 50%; width: 1px; height: 40px; content:''; margin-top: -20px; background: #707070; }
    .mean-container .mean-nav ul li.mega-current-menu-item.mega-current_page_item > a, #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { color: #f27a36 !important; border-left-color: #f27a36 !important; }
    .footer-left-col { margin-left: -78px; }
    .footer-right-col { margin-right: 78px; }
    .footer-left-col-content { width: 407px; }
    .footer-right-col-content { width: 563px; }
    .vd--portfolio--content { float: none; }
    }

@media (max-width:991px) {
    .vd--portfolio--header { padding: 40px 0px 40px 120px; }
    .vd--portfolio--content { float: none; }
    .vd--intro--content { padding: 0px 0px 40px 50px; }
    .vd--intro--img-container { padding: 0px 0px 0px 50px; }
    .vd--contact--form--container { padding: 70px 0px; }
    .vd--contact--info--col { padding: 50px 30px 0px; }
    .vd--contact--img--col { position: relative; left: auto; bottom: auto; padding: 30px 30px 0px; }
    .footer-left-col, .footer-right-col, .footer-left-col-content, .footer-right-col-content { width: 100%; margin: 0px auto; float: none; }
    .footer-left-col-content, .footer-right-col-content { max-width: 750px; }
    .footer-left, .footer-right { padding: 50px 15px; text-align: center; }
    .vd-location, .vd-tel, .vd-email { display: table; width: auto; }
    .ftcol, .fbcol { float: none; width: 100%; }
    .footer-nav li a { display: inline-block; }
    .fbcol .collapse, .custom-lg-header { display: none; }
    .custom-md-header { display: block; }
    .footer-nav { margin: 10px auto 25px; }
    #toTop { right: 15px; }
    .vd--psg--grant--slider, .vd--portfolio--slider, .vd--blog--slider { margin-left: 0px; margin-right: 0px; padding-left: 30px; padding-right: 30px; }
    .vd--psg--grant--slider .slick-list, .vd--portfolio--slider .slick-list, .vd--blog--slider .slick-list { overflow: visible !important; }
    }

@media (max-width:767px) {
    .vd--intro--container, .vd--blog--container { padding: 0px 0px 70px; }
    .vd--intro--container:before { top: 50%; }
    .img-animation-holder { position: relative; right: auto; bottom: auto; width: 100%; height: auto; text-align: right; padding: 0px 30px; }
    .img-animation-holder img { max-width: 95px; }
    .dots-container { left: -55px; top: 20%; bottom: auto; }
    }

@media (max-width:650px) {
    .logo { margin-left: 15px; }
    .header-whatsapp-link-btn a { width: 50px; height: 50px; padding: 15px; font-size: 20px; }
    .header-whatsapp-link-btn a span { display: none !important; }
    .vd--psg--grant--item a { padding: 15px; }
    .vd--blog--item { opacity: 0.5; transition: all 0.5s; }
    .vd--blog--item.slick-current { opacity: 1; }
    .vd--portfolio--header::before { left: 0px; }
    .vd--portfolio--header { padding: 30px 0px 30px 50px; }
    .vd--portfolio--header h1, .vd--portfolio--header h2 { font-size: 40px; }
    }

@media (max-width:575px) {
    .vd--portfolio--item { opacity: 0.5; transition: all 0.5s; }
    .vd--portfolio--item.slick-current { opacity: 1; }
    }

@media (max-width:500px) {
    .logo { width: 40px; }
    .logo img { width: auto; max-width: none; min-width: 100%; }
    .headerGroupContainer { padding: 20px 15px; }
    .header-enquire-btn a { padding: 15px 20px; }
    #vd__awwwards, #vd__awwwards a { width: 90px; height: 135px; }
    #vd__awwwards { top: 70px; }
    #vd__awwwards a { background-size: 90px 135px; }
    /*.vd--portfolio--header { padding: 30px 0px 30px 90px; }*/
    .vd--portfolio--header h2, .vd--intro--content h2, .vd--blog--container h2, .vd--contact--info--col h2 { font-size: 40px; line-height: 1.1; }
    .vd--portfolio--header h1, .vd--portfolio--header h2 { font-size: 30px; }
    .vd--intro--content { padding: 0px 0px 40px 30px; }
    .vd--intro--img-container { padding: 0px 0px 0px 30px; }
    .vd--contact--form { padding: 40px 30px; }
    .vd--contact--info--col { padding: 40px 15px 0px; }
    .vd--contact--img--col { padding: 30px 15px 0px; }
    .dots-container { left: -70px; }
    .img-animation-holder img { max-width: 75px; }
    }

@media (max-width:480px) {
    .vd--psg--grant--item { opacity: 0.5; transition: all 0.5s; }
    .vd--psg--grant--item.slick-current { opacity: 1; }
    }

@media (max-width:360px) {
    .topRightContainer { padding-right: 60px; }
    .header-enquire-btn { font-size: 12px; }
    /*.vd--portfolio--item, .vd--blog--item { padding: 0px; }*/
    }