.div-new { margin: 0 auto!important; width: 1150px }
.pos, .relative { position: relative }
.wdi-main1 { display: block; overflow: hidden; text-align: center; clear: both }
.wdi-main1 h4 { color: #000; font-family: proxima_novaregular; font-size: 37px }
.wdi-main1 h4 span { display: block; font-size: 20px; color: #5f5f5f; font-family: proxima_novaregular }
.wdi-photo-main { overflow: hidden }
.wdi-one { width: 330px; height: 384px; float: left }
.wdi-mid { border-left: 8px solid #fff; border-right: 8px solid #fff; float: left; width: 473px; height: 384px }
.wdi-last { width: 330px; height: 384px; float: left; overflow: hidden }
.small-one { float: left; width: 232px; height: 188px }
.small-two { float: left; width: 232px; height: 188px; border-left: 8px solid rgba(0,0,0,0) }
.big-mid { width: 473px; height: 191px; border-top: 8px solid rgba(0,0,0,0); float: left }
.big-mid, .wdi-last, .wdi-one, .small-one, .small-two { position: relative }
.big-mid h5, .wdi-last h5, .wdi-one h5, .small-one h5, .small-two h5 { position: absolute; font-family: ProximaNovaBold; text-transform: uppercase; color: #fff; text-align: left; z-index: 2; font-size: 24px; padding: 5px 15px; line-height: 28px }
.wdi-one h5 { right: 40px; bottom: 40px; background: #202227 }
.small-one h5 { right: 0; background: #0a3865 }
.small-two h5 { right: 0; background: #3332c4 }
.big-mid h5 { right: 0; top: 80px; background: #244904 }
.wdi-last h5 { left: 0; top: 20px; background: #e13b00 }
.banner-bg { background: #fff; display: block; float: left; width: 100%; height: 510px; z-index: 2 }
.big-mid span, .big-mid:hover span, .wdi-last img, .wdi-last span, .wdi-last:hover img, .wdi-last:hover span, .wdi-one img, .wdi-one span, .wdi-one:hover img, .wdi-one:hover span, .wdi1 img, .wdi1 span, .wdi11 img, .wdi11 span, .small-one span, .small-one:hover span, .small-two span, .small-two:hover span { -webkit-transition: 500ms; -o-transition: 500ms; transition: 500ms; }
.wdi-last img, .wdi-last:hover span { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
.wdi-last:hover img, .wdi5 img, .wdi55 img { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) }
.big-mid span, .wdi4 span, .wdi44 span { background: #2CBDF6; display: block; width: 473px; top: 0; left: 0; height: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 0; position: relative }
.big-mid:hover span, .wdi4 span, .wdi44 span { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 1 }
.wdi-one span { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: perspective(1300px) rotateY(180deg); -ms-transform: perspective(1300px) rotateY(180deg); -o-transform: perspective(1300px) rotateY(180deg); transform: perspective(1300px) rotateY(180deg); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; opacity: 0; }
.wdi-one:hover span, .wdi1 span { width: 330px; height: 384px; background: #2b265c; display: block; -webkit-transform: perspective(1300px) rotateY(360deg); -ms-transform: perspective(1300px) rotateY(360deg); -o-transform: perspective(1300px) rotateY(360deg); transform: perspective(1300px) rotateY(360deg); opacity: 1; }
.wdi-one img { -webkit-transform: perspective(1300px); -ms-transform: perspective(1300px); -o-transform: perspective(1300px); transform: perspective(1300px); -webkit-transition: 500ms; -o-transition: 500ms; transition: 500ms }
.wdi-one:hover img, .wdi1 img, .wdi11 img { -webkit-transform: perspective(1300px) rotateY(180deg); -ms-transform: perspective(1300px) rotateY(180deg); -o-transform: perspective(1300px) rotateY(180deg); transform: perspective(1300px) rotateY(180deg) }
.small-one span, .small-two span { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: perspective(1300px) rotateX(180deg); -ms-transform: perspective(1300px) rotateX(180deg); -o-transform: perspective(1300px) rotateX(180deg); transform: perspective(1300px) rotateX(180deg); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; }
.wdi2 span, .wdi22 span, .wdi3 span, .wdi33 span, .small-one:hover span, .small-two:hover span { -webkit-transform: perspective(1300px) rotateX(360deg); -ms-transform: perspective(1300px) rotateX(360deg); -o-transform: perspective(1300px) rotateX(360deg); transform: perspective(1300px) rotateX(360deg); }
.small-one img, .small-two img { -webkit-transform: perspective(1300px); -ms-transform: perspective(1300px); -o-transform: perspective(1300px); transform: perspective(1300px); -webkit-transition: 500ms; -o-transition: 500ms; transition: 500ms }
.wdi2 img, .wdi22 img, .wdi3 img, .wdi33 img, .small-one:hover img, .small-two:hover img { -webkit-transform: perspective(1300px) rotateX(180deg); -ms-transform: perspective(1300px) rotateX(180deg); -o-transform: perspective(1300px) rotateX(180deg); transform: perspective(1300px) rotateX(180deg) }
.big-mid span, .wdi-last span, .wdi-one span, .wdi1 span, .wdi11 span, .wdi2 span, .wdi22 span, .wdi3 span, .wdi33 span, .wdi4 span, .wdi44 span, .wdi5 span, .wdi55 span, .small-one span, .small-two span { z-index: 4 }

.banner-bg-right { background: #ededed; display: block; overflow: hidden; border-radius: 4px 0 0 4px; padding: 15px }


.wdi2 span, .small-one:hover span { width: 232px; height: 188px; background: #DC1462; display: block }
.wdi3 span, .small-two:hover span { width: 232px; height: 188px; background: #F76B30; display: block }
.wdi-last span { background: #F52947; display: block; width: 330px; height: 384px; height: 100%; position: absolute; top: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 1 }
.wdi-last:hover span, .wdi5 span { display: block; width: 330px; height: 384px; height: 100%; position: absolute; top: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 }


	
#wrapper { height: 100%!important }
.wdi-photo-main { display: block; clear: both; width: 1150px; margin: 0 auto }
.wdi-main1 { padding-top: 33px }
* { -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent }
#wrapper>.div-new>.wdi-container { -webkit-box-pack: center; -webkit-box-orient: vertical; height: 100%; display: -webkit-box }
.small-one h5, .small-two h5 { top: 90px; bottom: auto }
a.round-small span { display: block; width: 51px; height: 50px; float: left; margin-right: 15px; background:  no-repeat }
a.round-small.icon-partner span { background-position: 0 -39px }
a.round-small.icon-partner i { color: #009cc5; font-style: normal }
.topmenu ul li a.round-small { font-family: ProximaNovaBold; font-size: 20px; color: #000; display: inline-block; clear: both; text-transform: none; border-bottom: 0; margin-top: 20px }
a.round-small em { font-family: proxima_novaregular; font-size: 18px; color: #000; font-style: normal }
a.round-small i { display: inline-block; font-style: normal; margin: 0; padding: 5px 0 0; vertical-align: top }
.active .services-main, .tab-link ul li:hover .services-main { display: block }
.mobile-ver { display: none }
.topmenu ul li .block-drop a { border-bottom: 0 }
.app-ser-cont a:hover span { background-position: 0 -1014px; width: 90px; height: 107px; margin-top: 16px }
.topmenu ul li div.dropdown-bg { display: none }

.background-pattern { background: url(../images/drop-bg.jpg); float: left; padding-bottom: 37px; width: 100% }
.wdibg-1-box { margin: 24px; font-family: proxima_novaregular; text-align: left; }
.wdibg-1-hd { color: #0f96c6; font-family: ProximaNovaBold; font-size: 33px; margin-bottom: 30px; line-height: 33px; }
.wdibg-1-mobapp { display: block; margin-bottom: 37px; color: #889bbb; font-size: 25px; line-height: 25px; position: relative; }
.wdibg-1-mobapp em { font-style: normal; font-size: 75px; line-height: 75px; font-family: ProximaNovaBold; }
.wdibg-1-mobapp em sup { font-size: 35px; line-height: 20px; position: relative; top: -10px; }
.wdibg-2-percent { display: block; width: 266px; height: 135px; background:  no-repeat -585px -642px; }
.mobapp-bg-cnt { width: 99px; height: 85px; display: block; position: absolute; top: 0px; right: 0; background:  no-repeat -484px -584px; }
.wdibg-2-box { margin: 24px; font-family: proxima_novaregular; text-align: center; color: #fff; }
.wdibg-2-hd { font-family: ProximaNovaBold; font-size: 22px; text-transform: uppercase; }
.wdibg-2-count { font-family: ProximaNovaBold; font-size: 50px; margin: 15px 0; }
.wdibg-2-txt { font-size: 18px; }
.wdibg-3-box { margin: 10px; font-family: proxima_novaregular; text-align: center; color: #fff; }
.sanjay { font-family: ProximaNovaBold; font-size: 22px; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: 10px; margin-top: 10px; }
.wdibg-3-txt { font-size: 14px; margin-bottom: 7px; }
.wdibg-3-icon { width: 136px; height: 74px; display: block; margin: auto; background:  no-repeat 0 -710px; }
.wdibg-3-botttxt { display: block; font-family: ProximaNovaBold; font-size: 19px; }
.wdibg-last-box { margin: 25px; font-family: proxima_novaregular; text-align: center; color: #fff; }
.wdibg-last-hd { font-family: ProximaNovaBold; font-size: 25px; text-transform: uppercase; margin-bottom: 10px; margin-top: 20px; }
.wdibg-last-border { border: 1px dashed #0080d6; padding: 8px; border-radius: 10px; }
.wdibg-last-innerborder { border: 1px dashed #0080d6; padding: 0px; border-radius: 15px; }
.wdibg-last-count { font-size: 120px; font-family: ProximaNovaBold; line-height: 120px; }
.wdibg-last-count sup { font-size: 40px; position: relative; top: 45px; left: -28px; }
.wdibg-last-txt { font-size: 30px; font-family: ProximaNovaBold; line-height: 30px; }
.wdibg-last-icon { width: 242px; height: 75px; background:  no-repeat -341px -741px; margin: auto; margin-top: 15px; }
.wdibg-4-box { padding: 12px; font-family: proxima_novaregular; text-align: center; color: #fff; }
.wdibg-4-hd { font-family: ProximaNovaBold; font-size: 25px; text-transform: uppercase; margin-bottom: 12px; }
.wdibg-4-icon { width: 339px; height: 102px; display: block; margin: auto; background: url(https://www.alhudacreatives.com/images/abc.html) no-repeat 0 -784px; }
.wdibg-4-txt em { font-style: normal; font-size: 14px; font-family: ProximaNovaBold; margin: 0 40px; }
.small-one span { opacity: 0; }
.small-one:hover span, .small-one-active span { opacity: 1; }
.small-two span { opacity: 0; }
.small-two:hover span, .small-one-active span { opacity: 1; }

@media (max-width:767px){.wdi-backgroundbanner{display:none;}}
@media (max-width:1149px){
	.wdi-photo-main {
    width: 95%;
}
.wdi-one {
    height: 382px;
    width: 240px;
}

.wdi-one img {
    height: 100%;
    width: 100%;
}
.topmenu ul li .hiring-certi-box {
margin-top: 16px;
}
.topmenu ul li .hiring-partner-box a.round-small {
margin-top:36px;
}

#inq-popup .inqury-check-box li span { font-size: 12px; }
#inq-popup .inquiry-footer-main div.address-details-main div.address-details-inner ul.inquiry-footer { width: 100%; }
#inq-popup .address-details-inner { width: 95%; }
.menu--social { display: none }
div#top-container-def div.centerdiv { width: 95%!important }
#bott-container div.centerdiv { height: 71%!important }
.footer-side { padding-top: 40px }
.footer-div { padding-top: 0 }
.centerdiv { width: 95%!important }
.topmenu ul li a { font-size: 13px }
.topmenu ul li { padding-left: 18px }
.news-carr-aw { width: 300px }
.news-carr-aw+.news-carr-aw { padding-left: 27px }
#dot-img { right: -2px }
.news-carr-aw h6 { font-size: 21px }
.tab-link ul li { padding: 15px 0;  }
#bannerimg div.centerdiv { padding-top: 213px }
.com-wdi h4 { font-size: 33px }
.com-wdi h4 span { font-size: 18px }
.left-cont-video { font-size: 20px; line-height: 22px; width: 610px; padding-left: 50px }
.right-video { margin-left: 20px; width: 270px }
.right-video img { width: 270px; height: auto }
.gray-bg { width: 100% }
.small-one { margin-right: 2px; width: 222px; height: auto }
.wdi2 span, .small-one:hover span { display: block }
.wdi3 span, .small-two:hover span { display: block; }
.big-mid span, .wdi4 span, .wdi44 span { display: block; width: 100%; height: 100%; background-size: 100% 100% }
.wdi-last span, .wdi-last:hover span, .wdi5 span, .wdi55 span { background-size: 100% 100%; display: block; width: 100%; height: 100% }
.big-mid, .wdi-mid { width: 465px }
.wdi-one { width: 240px; height: 382px }
.wdi-one img { width: 100%; height: 100% }
.wdi-one:hover span, .wdi1 span { width: 100%; height: 100%; background-size: 100% 100% }
.big-mid h5, .wdi-last h5, .wdi-one h5, .small-one h5, .small-two h5 { font-size: 20px }
.wdi-last { width: 235px; height: auto }
.wdi-photo-main { width: 95%; }
.big-mid img { width: 465px }
.wdi2 span, .small-one:hover span { background-size: 100% 100%; width: 224px; height: 187px }
.part-com span { margin-left: 0 }
div#header_menu.r-clear.topmenu ul li div.dropdown-bg div.centerdiv div.company-tb ul li { padding-left: 0 }
.block-drop.block240 { width: 200px }
.block-drop.block280 { width: 220px }
#bott-container div.centerdiv { width: 95%!important; margin: auto }
.email-and-number a { font-size: 15px!important }
.email-and-number, .topmenu ul li a.round-small { font-size: 16px }
a.round-small em { font-size: 15px }
.adv-bg div.embedded-m-icon-main a { margin-left: 10px; margin-right: 10px }
.quick-links-box ul { width: 100% }
.f-social-media-box img { width: 100%; height: auto; }
.homebody .centerdiv { width: 100%!important }
a.next-arw { left: 0 }
a.pre-arw { right: 0 }
#newsletter-subscribe .center-align { width: 100%!important }
#newsletter-subscribe .title-txt h2 { font-size: 46px!important }
#newsletter-subscribe .title-txt span { font-size: 16px!important }
.fancybox-wrap { top: 5%!important }
.adv-bg div.open-s-m-icon-main a { margin-left: 12px; margin-right: 12px }
#bannerimg, #bannerimg .wdt { height: 507px !important; }
input { border-radius: 0px; }
.client-testimonial-img1{ width:257px; height:145px; background-size:100%}
.client-testimonial-img2{ width:257px; height:145px; background-size:100%; background-position:0px -145px}
/*Christmas CSS ADD*/
.bg-img-main:after{ height:97px; background-size:100%; width:100%; background-position:center}
.footer-div:after{ height:110px; background-size:100%; width:100%; background-position:center}

.footer-left {margin-right: 20px;width: 34%;}
.footer-mid {width: 30%; margin-left: 0;}
.footer-right {width: 33%;}
.stay-with-us a {width: 40px; height: 40px; line-height: 44px;}
.footer-content {padding-bottom: 50px;}

/** vibrant css **/
/*.vibrant-banner {background-position: -300px top;background-size: cover;height: 400px;}
#bannerimg, #bannerimg .wdt {height: 407px !important;}
#bannerimg .vibrant-banner .centerdiv {padding-top:0;}
.vibrant-guj-img {left: 20px;position: absolute;top: 90px;}*/
/** vibrant css **/

/* Added on 8-2-2017 for europe banner */
.europe-meet {top: inherit; left: 59%;}
.europe-banner-main {background-position: center bottom;background-size: 165% auto;}
/* Added on 8-2-2017 for europe banner */


	}
	
.div-new.wdi-backgroundbanner * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.div-new.wdi-backgroundbanner > div {
    background: none !important;
}

.div-new.wdi-backgroundbanner * {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.div-new.wdi-backgroundbanner .fea_heading {
    padding-bottom: 0 !important;
    margin-bottom: 7px !important;
}

.div-new.wdi-backgroundbanner .fea_heading span {
    font-size: 27px !important;
    padding-bottom: 0 !important;
}