@font-face { font-family: Poppins-Regular; src: url(fonts/Poppins-Regular.eot); src: url(fonts/Poppins-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Poppins-Regular.woff) format('woff'), url(fonts/Poppins-Regular.ttf) format('truetype'), url(fonts/Poppins-Regular.svg#Poppins-Regular) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: Poppins-Light; src: url(fonts/Poppins-Light.eot); src: url(fonts/Poppins-Light.eot?#iefix) format('embedded-opentype'), url(fonts/Poppins-Light.woff) format('woff'), url(fonts/Poppins-Light.ttf) format('truetype'), url(fonts/Poppins-Light.svg#Poppins-Light) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: Poppins-Medium; src: url(fonts/Poppins-Medium.eot); src: url(fonts/Poppins-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/Poppins-Medium.woff) format('woff'), url(fonts/Poppins-Medium.ttf) format('truetype'), url(fonts/Poppins-Medium.svg#Poppins-Medium) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: Poppins-Semibold; src: url(fonts/Poppins-Semibold.eot); src: url(fonts/Poppins-Semibold.eot?#iefix) format('embedded-opentype'), url(fonts/Poppins-Semibold.woff) format('woff'), url(fonts/Poppins-Semibold.ttf) format('truetype'), url(fonts/Poppins-Semibold.svg#Poppins-Semibold) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: Poppins-Bold; src: url(fonts/Poppins-Bold.eot); src: url(fonts/Poppins-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/Poppins-Bold.woff) format('woff'), url(fonts/Poppins-Bold.ttf) format('truetype'), url(fonts/Poppins-Bold.svg#Poppins-Bold) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: Poppins-ExtraBold; src: url(fonts/Poppins-ExtraBold.eot); src: url(fonts/Poppins-ExtraBold.eot?#iefix) format('embedded-opentype'), url(fonts/Poppins-ExtraBold.woff) format('woff'), url(fonts/Poppins-ExtraBold.ttf) format('truetype'), url(fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: "Gotham-Light"; src: url("fonts/GothamLight.eot"); /* IE9 Compat Modes */ src: url("fonts/GothamLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/GothamLight.otf") format("opentype"), /* Open Type Font */ url("fonts/GothamLight.svg") format("svg"), /* Legacy iOS */ url("fonts/GothamLight.ttf") format("truetype"), /* Safari, Android, iOS */ url("fonts/GothamLight.woff") format("woff"), /* Modern Browsers */ url("fonts/GothamLight.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }
@font-face { font-family: "Gotham-Bold"; src: url("fonts/GothamBold.eot"); /* IE9 Compat Modes */ src: url("fonts/GothamBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/GothamBold.otf") format("opentype"), /* Open Type Font */ url("fonts/GothamBold.svg") format("svg"), /* Legacy iOS */ url("fonts/GothamBold.ttf") format("truetype"), /* Safari, Android, iOS */ url("fonts/GothamBold.woff") format("woff"), /* Modern Browsers */ url("fonts/GothamBold.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }
*, :after, :before { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body, html { height: 100% }
body { font-family: Poppins-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #363636; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; background: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; overflow-x: hidden }
::selection { background: #f37936; color: #fff }

::-moz-selection {
 background:#f37936;
 color:#fff
}
img { width: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic }
a, a:focus, a:hover { color: #363636; outline: 0; cursor: pointer; text-decoration: none; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
a:hover { color: #f37936; outline: 0; text-decoration: none; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
:focus { border: none; outline: 0 }
a img, fieldset { border: none }
a { color: #363636 }
.webExcellenceContent a { color: #fff }
p span { text-decoration: none!important }
ol, ul { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
.clear { clear: both; height: 0; overflow: hidden }
.container:after { content: " "; display: block; clear: both }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-table }
.clearfix { height: 1% }
.clearfix { display: block }
#wrapper { position: relative; height: auto!important; min-height: 100%; height: 100%;/*z-index:5;*/ width: 100%; display: block; margin: 0 auto; background: #fff!important }
.container { position: relative }
#pageHeaderWrapper { position: absolute; left: 0; top: 0; width: 100%; display: block; z-index: 999999; margin: 0 auto }
#pageHeader { position: relative; width: 100%; display: block; margin: 0 auto; z-index: 11111111; padding: 0 0 0; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,.2); -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s }
.sticky-wrapper { position: absolute; z-index: 11111111; width: 100%; left: 0 }
.fixedHeader { position: absolute; width: 100%; top: 0; left: 0; padding: 0 0; -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 }
.career-page #pageHeader, .career-page .fixedHeader, .innerPageHeader .fixedHeader, .is-sticky .fixedHeader, .project-details-page #pageHeader, .project-details-page .fixedHeader, .thank-you-page #pageHeader, .thank-you-page .fixedHeader { background: #000; background: rgba(0,0,0,.8); border-bottom: none!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 }
.header-container { position: relative; display: block; margin: 0 auto }
.logo { position: relative; display: block; width: 172px; height: 35px; float: left; z-index: 11111111; padding: 0 0 0; margin: 24px 0 23px 30px }
.logo h1 { margin: 0; padding: 0 }
.logo a { position: relative; width: 100%; height: auto; display: block; overflow: hidden }
.logo img { position: relative; display: block; height: auto; max-width: 100% }
.topRightContainer { position: relative; float: right; display: block; margin: 0 auto 0; min-width: 960px; }
.topContactBox { position: relative; display: block; float: right; color: #fff; font-size: 14px; z-index: 1111111; line-height: 24px; letter-spacing: 1px; }
.topContactBox a { position: relative; display: block; color: #fff; padding: 15px 30px; background: #f37936 }
.topContactBox a:hover { color: #fff; background: #11cec5 }
.topContactBox b, .topContactBox strong { font-family: Poppins-Semibold; font-size: 20px; display: block; line-height: 28px; letter-spacing: 0; font-weight: 400 }
.career-page .topContactBox a { font-family: Poppins-Bold; padding: 29px 30px 29px 70px; background: #f37936 url(../images/arrow2.png) 30px center no-repeat }
.career-page .topContactBox a:hover { color: #fff; background: #11cec5 url(../images/arrow2.png) 30px center no-repeat }
.nav-wrapper { position: relative; display: block; float: left; z-index: 1111111; margin: 0 auto 0 }
.nav-container { position: relative; display: block; z-index: 1111111; vertical-align: top; margin: 0 auto 0 }
.nav { position: relative; width: 100%; display: block; z-index: 1111111; margin: 0 auto; text-align: center }
/*.nav ul { font-family: Poppins-Regular; position: relative; font-size: 14px; padding: 0; width: 100%; margin: 0 auto; display: block; list-style: none }
.nav>ul>li { position: relative; display: block; float: left; margin: 0 30px 0 0 }
.nav>ul>li>a { position: relative; display: block; color: #fff; line-height: 32px; padding: 25px 10px 25px; -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 }
.nav>ul>li>a:after { position: absolute; display: block; content: ''; right: 0; width: 0; bottom: 0; height: 2px; 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 }
.nav>ul>li.selected>a, .nav>ul>li:hover>a { color: #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 }
.nav>ul>li.selected>a:after, .nav>ul>li:hover>a: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 }
.nav>ul>li.selected>a { font-family: Poppins-Semibold }
.nav>ul ul, .nav>ul ul ul { position: absolute; font-size: 14px; left: 0; top: 100%; opacity: 0; width: 100%; min-width: 250px; text-align: left; visibility: hidden; background: #fff; text-transform: none; margin: 30px 0 0 0; box-shadow: 0 0 4px 1px rgba(0,0,0,.1); transition: all .4s ease-in; -moz-transition: all .4s ease-in; -webkit-transition: all .4s ease-in }
.nav>ul ul ul { left: 100%; top: auto; margin: 0; padding: 0 }
.nav>ul ul>li:hover>ul, .nav>ul>li:hover>ul { opacity: 1; top: auto; margin-top: 0; padding: 0 0; visibility: visible }
.nav>ul ul>li:hover>ul { margin-top: -45px }
.nav>ul ul a, .nav>ul ul ul a { display: block; color: #000; padding: 10px 15px; border-top: 1px solid #f1f1f1 }
.tp-video-play-button { display: none!important }
.nav>ul ul li.selected>a, .nav>ul ul li:hover>a, .nav>ul ul ul ul li.selected>a, .nav>ul ul ul ul li:hover>a { color: #000; background: #f1f1f1; -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 { background: 0 0!important; font-family: Poppins-Regular; position: relative; font-size: 14px; padding: 0; width: 100%; margin: 0 auto; display: block; list-style: none }
#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: #fff; line-height: 32px; padding: 25px 10px 25px; 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: 2px; 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-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: #fff; 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-flyout ul.mega-sub-menu { background: #000; 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: #fff; font-size: 13px; padding: 10px 15px; line-height: 18px }
#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: #fff; background: #363636; background: rgba(54,54,54,.6) }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu { background: #000 url(../images/compressed/menuBg.jpg) center right no-repeat; padding: 20px; min-width: 900px }
#mega-menu-wrap-topmenu #mega-menu-topmenu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item { color: #fff; padding: 0; min-height: 220px }
#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: #f47936; font-size: 13px; padding: 15px 15px; 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: #f47936; 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: #fff; font-size: 13px; padding: 8px 15px; line-height: 13px; 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: #fff; background: #363636; background: rgba(54,54,54,.6); -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: 8px 15px 8px 25px }
#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: 2px; 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 }*/
.bannerWrapper { position: relative; display: block; width: 100%; margin: 0 auto; background: #000!important; min-height: 100% }
.banner { position: relative; display: block; z-index: 0; width: 100%; margin: 0 auto; height: 100vh }
.flex-loading { min-height: 300px }
.banner_caption, .banner_caption2, .banner_caption3 { position: absolute; z-index: 7; top: 50%; left: 0; width: 100%; display: block; margin: 0 auto; padding-top: 50px; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d }
.banner_caption_inner { position: absolute; top: auto; left: 0; width: 100%; bottom: 50px; display: block; margin: 0 auto; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none }
.banner_caption .captionWrapper, .banner_caption_inner .captionWrapper { position: relative; display: block; margin: 0 auto }
.captionContainer { position: relative; display: block; color: #fff; margin: 0 auto; padding: 50px 0 0; background: url(../images/shape1.png) 0 0 no-repeat }
.captionContainer .bannerHeading1 { font-family: Poppins-Light; font-size: 40px; color: #fff; line-height: 45px; font-weight: 400; padding-bottom: 10px; letter-spacing: -1px; text-transform: none }
.captionContainer .bannerHeading2 { font-family: Poppins-Semibold; font-size: 60px; color: #12e4da; padding: 0; line-height: 65px; font-weight: 400; letter-spacing: -1px; text-transform: none }
.inner-banner .banner_caption { top: 50% }
.inner-banner .banner_caption .captionContainer { padding: 0 0 30px; background-position: center bottom }
.banner_caption .captionContainer .bannerHeading3 { font-family: Poppins-Medium; font-size: 60px; color: #fff; padding: 0; line-height: 65px; text-align: center; letter-spacing: -1px; font-weight: 400; text-transform: none }
.banner_caption .captionContainer p { text-align: left; line-height: 24px; margin: 15px 0 20px }
.inner-banner .banner_caption .captionContainer p { line-height: 24px; text-align: center; margin: 10px 0 0 }
.captionContainer2 { position: relative; display: block; color: #363636; font-size: 16px; max-width: 560px; margin-top: 50px }
.banner_caption2 .bannerHeading4 { font-family: Poppins-Bold; font-size: 80px; color: #F47936; line-height: 85px; font-weight: 400; letter-spacing: -5px; text-transform: none }
.banner_caption2 .bannerHeading5 { font-family: Poppins-Light; font-size: 30px; color: #464646; line-height: 40px; font-weight: 400; letter-spacing: -1.5px; text-transform: none }
.banner_caption2 .bannerHeading5 b, .banner_caption2 .bannerHeading5 strong { font-family: Poppins-Semibold; color: #231F20 }
.banner_caption2 .captionContainer2 p { line-height: 28px }
.banner_caption2 b, .banner_caption2 strong { font-family: Poppins-Semibold; font-weight: 400 }
.captionContainer3 { position: relative; display: block; color: #fff; font-size: 16px; text-align: center }
.captionContainer3 .bannerHeading6 { font-family: Poppins-Medium; font-size: 60px; color: #fff; line-height: 65px; font-weight: 400; letter-spacing: -1px; text-transform: none }
.captionContainer3 .bannerHeading6 .textcolor-01 { color: #f37936 }
.captionContainer3 .bannerHeading6 .bannertext-01 { position: relative; padding: 0 10px; display: inline-block }
.captionContainer3 .bannerHeading6 .bannertext-01 img { position: absolute; z-index: 7; top: 50%; left: 50%; display: block; max-width: 100%; max-height: 100%; margin: 5px auto 0; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d }
.captionContainer3 p { line-height: 28px; text-align: center; margin: 20px auto 30px }
.captionContainer3 .link-btn a { letter-spacing: 2px }
#back_to_fluid_dg { clear: both; display: block }
.fluid_container { position: relative; margin: 0 auto; width: 100%; z-index: 1 }
#camera_wrap_3 { position: absolute; bottom: 0; right: 0; left: 0; top: 0; height: 100%; margin-bottom: 0!important }
.camera_pag { position: absolute; right: 52px; top: 42%; z-index: 5 }
.camera_wrap .camera_pag .camera_pag_ul { text-align: center }
img.imgLoaded { width: 100%; overflow: hidden }
.pt0 { padding-top: 0!important }
.pt10 { padding-top: 10px!important }
.pt15 { padding-top: 15px!important }
.pt20 { padding-top: 20px!important }
.pt30 { padding-top: 30px!important }
.pt40 { padding-top: 40px!important }
.pt50 { padding-top: 50px!important }
.pt60 { padding-top: 60px!important }
.pt100 { padding-top: 100px!important }
.pb0 { padding-bottom: 0!important; margin-top: 0 }
.pb10 { padding-bottom: 10px!important }
.pb15 { padding-bottom: 15px!important }
.pb20 { padding-bottom: 20px!important }
.pb30 { padding-bottom: 30px!important }
.pb40 { padding-bottom: 40px!important }
.pb50 { padding-bottom: 50px!important }
.pb60 { padding-bottom: 60px!important }
.pb100 { padding-bottom: 100px!important }
.mt0 { margin-top: 0!important }
.mt5 { margin-top: 5px!important }
.mt10 { margin-top: 10px!important }
.mt15 { margin-top: 15px!important }
.mt20 { margin-top: 20px!important }
.mt30 { margin-top: 30px!important }
.mt40 { margin-top: 40px!important }
.mt50 { margin-top: 50px!important }
.mt100 { margin-top: 100px!important }
.mb0 { margin-bottom: 0!important }
.mb5 { margin-bottom: 5px!important }
.mb10 { margin-bottom: 10px!important }
.mb15 { margin-bottom: 15px!important }
.mb20 { margin-bottom: 20px!important }
.mb30 { margin-bottom: 30px!important }
.mb40 { margin-bottom: 40px!important }
.mb50 { margin-bottom: 50px!important }
.mb100 { margin-bottom: 100px!important }
.mg5 { margin: 5px!important }
.p15 { padding: 15px!important }
.ml15 { margin-left: 15px!important }
.mr15 { margin-right: 15px!important }
.ml20 { margin-left: 20px!important }
.mr20 { margin-right: 20px!important }
.quickEnquiryBtn { position: fixed; display: block; top: 70%; right: 0; width: 60px; height: 230px; z-index: 99999; overflow: hidden; margin-top: -115px }
.hideBtn { display: none }
.quickEnquiryBtn a { position: relative; width: 60px; height: 230px; display: block; overflow: hidden; text-indent: -10000px; background: url(../images/sprite1.png) -187px -310px no-repeat; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out }
.quickEnquiryBtn a:hover { background: url(../images/sprite1.png) -187px -540px no-repeat; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out }
span.explore { position: absolute; display: block; bottom: 30px; left: 50%; width: 87px; height: 62px; z-index: 99999; overflow: hidden; margin-left: -44px }
span.explore a { position: relative; width: 87px; height: 62px; display: block; overflow: hidden; text-indent: -10000px; background: url(../images/sprite1.png) 0 -310px no-repeat; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out }
span.explore a:hover { background: url(../images/sprite1.png) 0 -372px no-repeat; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out }
.intro-container { background: #f7f7f7 url(../images/compressed/introBg.jpg)!important; position: relative; display: block; margin: 0 auto; padding: 90px 0; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; }
.intro-content { position: relative; display: block; color: #363636; font-size: 15px; margin: 0 auto }
.intro-content h2 { font-family: Poppins-Bold; font-size: 100px; color: #363636; line-height: 105px; text-transform: none }
.intro-content p { margin-bottom: 30px }
.servicesContainer { position: relative; display: block; margin: 0 auto; padding: 70px 0; background: #fff }
.servicesBox { position: relative; display: block; padding: 0 0; margin: 0 auto 30px }
.servicesBox h2 { color: #464646; font-size: 40px; line-height: 45px; margin-bottom: 40px; padding-bottom: 25px; text-transform: none; background: url(../images/shape2.png) 0 bottom no-repeat }
.servicesBox h2 span { display: block; color: #f37936 }
.servicesBoxNew { position: relative; display: block; padding: 0 0; margin: 0 auto 30px }
.servicesBoxNew h2 { color: #464646; font-size: 60px; line-height: 1.2; margin-bottom: 40px; padding-bottom: 25px; text-transform: none; background: url(../images/shape2.png) 0 bottom no-repeat }
.servicesBoxNew h2 span { display: block; color: #f37936 }
.servicesBoxNew { position: relative; display: block; padding: 0 0; margin: 0 auto 30px }
.servicesBoxNew h2 { color: #464646; font-size: 60px; line-height: 1.2; margin-bottom: 40px; padding-bottom: 25px; text-transform: none; background: url(../images/shape2.png) 0 bottom no-repeat }
.servicesBoxNew h2 span { display: block; color: #f37936 }
.servicesListingsNew { list-style: none; margin: 0 0 0 -15px; padding: 0; height: 100% }
.servicesListingsNew li { position: relative; display: block; float: left; padding: 1px; width: 50%; height: 100%; cursor: pointer; margin: 0 0 0 }
.servicesListingsNew li a { position: relative; display: block; width: 100%; height: 100%; color: #fff; overflow: hidden; padding: 0 0; background: #000 }
.servicesListingsNew li figure { position: relative; display: block; z-index: 1; width: 100%; height: 100%; margin: 0 auto; overflow: hidden }
.servicesListingsNew li figure img { position: relative; display: block; width: 100% }
.servicesListingsNew li figure:before { position: absolute; display: block; left: 0; width: 100%; bottom: 0; height: 100%; content: ''; overflow: hidden; background: url(../images/maskbg.png) 0 bottom repeat-x; z-index: 2 }
.servicesListingsNew li .servicesMaskContainer { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 3; width: 100%; height: 0%; display: block; background: #f37936; background: rgba(243,121,54,.9); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.servicesListingsNew li .servicesMaskContent { position: absolute; top: 0; left: 0; right: 0; color: #fff; display: block; margin: 0 auto; padding: 15px 20px }
.servicesListingsNew li h5 { font-family: Poppins-Medium; font-size: 18px; padding: 15px 20px; position: absolute; bottom: 0; left: 0; z-index: 5; right: 0; color: #fff; display: block; margin: 0 auto; text-align: center }
.servicesListingsNew li:hover .servicesMaskContainer { height: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.servicesListingsNew2 { list-style: none; margin: 0; padding: 0; height: 100% }
.servicesListingsNew2 li { position: relative; display: block; float: left; padding: 1px; width: 25%; height: 100%; cursor: pointer; margin: 0 0 0 }
.servicesListingsNew2 li a { position: relative; display: block; width: 100%; height: 100%; color: #fff; overflow: hidden; padding: 0 0; background: #000 }
.servicesListingsNew2 li figure { position: relative; display: block; z-index: 1; width: 100%; height: 100%; margin: 0 auto; overflow: hidden }
.servicesListingsNew2 li figure img { position: relative; display: block; width: 100% }
.servicesListingsNew2 li figure:before { position: absolute; /*display: block;*/ left: 0; width: 100%; bottom: 0; height: 100%; content: ''; overflow: hidden; background: url(../images/maskbg.png) 0 bottom repeat-x; z-index: 2 }
.servicesListingsNew2 li .servicesMaskContainer { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 3; width: 100%; height: 0%; display: block; background: #f37936; background: rgba(243,121,54,.9); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.servicesListingsNew2 li .servicesMaskContent { position: absolute; top: 0; left: 0; right: 0; color: #fff; display: block; margin: 0 auto; padding: 15px 20px }
.servicesListingsNew2 li h5 { font-family: Poppins-Medium; font-size: 18px; padding: 15px 20px; position: absolute; bottom: 0; left: 0; z-index: 5; right: 0; color: #fff; display: block; margin: 0 auto; text-align: center }
.servicesListingsNew2 li:hover .servicesMaskContainer { height: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.servicesListings { position: relative; display: block; width: 100%; float: left; padding: 0 0; margin: 0 0 30px }
.servicesListings>li { position: relative; display: block; float: left; margin: 0 12px 12px 0 }
.servicesListings>li>a { position: relative; display: table-cell; width: 60px; height: 60px; overflow: hidden; padding: 10px 10px; border-radius: 50%; text-align: center; background: #ebebeb; vertical-align: middle }
.servicesListings>li>a:hover { background: #ddd }
.servicesListings>li img { position: relative; max-width: 100%; max-height: 100%; display: inline-block }
.learn-more-link-dark { font-family: Poppins-Bold; position: relative; display: block; font-size: 13px; margin: 0 auto; font-weight: 400; letter-spacing: 4px; text-transform: uppercase }
.learn-more-link-dark a { position: relative; text-align: center; color: #363636; overflow: hidden; padding-left: 30px; vertical-align: top; display: inline-block; background: url(../images/long-arrow5.png) 0 center no-repeat; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out }
.learn-more-link-dark a:hover { color: #f37936; background: url(../images/long-arrow6.png) 0 center no-repeat; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out }
.slyFrame { height: 360px; overflow: hidden; line-height: 360px; margin-bottom: 50px }
.slyFrame ul { list-style: none; margin: 0; padding: 0; height: 100% }
.slyFrame ul li { position: relative; display: block; float: left; padding: 0; width: 366px; height: 100%; cursor: pointer; margin: 0 25px 0 0 }
.slyFrame ul li a { position: relative; display: block; width: 100%; height: 100%; color: #fff; overflow: hidden; padding: 0 0; background: #000 }
.slyFrame ul li figure { position: relative; display: block; z-index: 1; width: 100%; height: 100%; margin: 0 auto; overflow: hidden }
.slyFrame ul li figure img { position: relative; display: block; min-width: 100%; max-width: none; min-height: 100% }
.slyFrame ul li .slyMaskContainer { position: absolute; overflow: hidden; bottom: 0; left: 0; z-index: 6; width: 100%; height: 0%; display: block; background: #f37936; background: rgba(243,121,54,.9); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.slyFrame ul li .slyMaskContent { position: absolute; bottom: 30px; left: 30px; z-index: 7; right: 30px; color: #fff; display: block; margin: 0 auto }
.terms-main-ul { padding: 0px 0px; list-style-type: none; }
.terms-main-ul li { padding: 2px 0px 2px 25px; position: relative; }
.terms-main-ul li:before { list-style: none; content: ''; line-height: 24px; padding: 2px 0 2px 15px; height: 20px; background: url(//www.verzdesign.com/wp-content/themes/verz/css/../images/bullet.png) 0 4px no-repeat; left: 0px; position: absolute; top: 0px; }
.terms-inner-ul { padding: 0px 0px 0px 60px; list-style-type: disc; }
.slyFrame ul li .slyMaskContent h5 { color: #fff; padding: 0 30px 0 0; text-transform: uppercase; background: url(../images/long-arrow1.png) right center no-repeat }
.slyFrame ul li:hover .slyMaskContainer { height: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.slyScrollbar { margin: 0 0 0; height: 13px; line-height: 0; background: url(../images/sprite1.png) 0 0 repeat-x }
.slyScrollbar .slyHandle { width: 303px; height: 13px; cursor: pointer; background: url(../images/sprite1.png) 0 -33px no-repeat }
.slyScrollbar .slyHandle .slyMousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px }
.excellenceContainer { position: relative; display: block; margin: 0 auto; padding: 0 0; background: #202020 url(../images/compressed/introBg2.jpg) center center no-repeat; background-size: cover }
.excellenceContainer .photoContainer { margin: 0 auto }
.excellenceContentBox { position: relative; display: block; color: #fff; font-size: 15px; margin: 0 auto; vertical-align: middle; padding: 130px 0 130px 30px }
.excellenceContentBox h3 { font-family: Poppins-Light; font-size: 40px; color: #fff; padding: 0; line-height: 45px; text-transform: none }
.excellenceContentBox h2 { font-size: 60px; color: #12e4da; line-height: 65px; text-transform: none }
.learn-more-link { font-family: Poppins-Bold; position: relative; display: block; font-size: 13px; margin: 0 auto; font-weight: 400; letter-spacing: 4px; text-transform: uppercase }
.learn-more-link a { position: relative; text-align: center; color: #fff; overflow: hidden; padding-left: 30px; vertical-align: top; display: inline-block; background: url(../images/long-arrow1.png) 0 center no-repeat }
.learn-more-link a:hover { color: #f37936; background: url(../images/long-arrow2.png) 0 center no-repeat }
.portfolioContainer { position: relative; display: block; margin: 0 auto; padding: 0 0; background: #f37936 }
.portfolioContentBox { font-family: Poppins-Semibold; position: relative; display: block; color: #252525; font-size: 30px; margin: 0 auto; padding: 70px 0; text-align: center }
.portfolioContentBox a { position: relative; color: #fff; padding-right: 50px; display: inline-block; background: url(../images/long-arrow3.png) right center no-repeat }
.portfolioContentBox a:hover { color: #000; background: url(../images/long-arrow4.png) right center no-repeat }
.portfolioListingContainer { position: relative; display: block; width: 100% }
.portfolioCol { position: relative; display: block; float: left; width: 33.3333% }
.portfolioBox { position: relative; display: block }
.portfolioBox figure { position: relative; display: block; width: 100%; z-index: 1 }
.portfolioBox img { position: relative; display: block; width: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.portfolioBox .portfolioMask-container { position: absolute; overflow: hidden; bottom: 0; left: 0; z-index: 6; width: 100%; height: 100%; display: block; text-align: center; background: #121212; background: rgba(18,18,18,.7); -moz-opacity: 0; opacity: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.portfolioBox:hover .portfolioMask-container { -moz-opacity: 1; opacity: 1 }
.portfolioBox .portfolioMask-content { position: absolute; z-index: 7; top: 50%; left: 30px; right: 30px; color: #fff; display: block; margin: 0 auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d }
.text-01 { position: relative; display: block; color: #bebebe; font-size: 12px; text-align: center; letter-spacing: 1px; margin: 0 auto 0 }
.portfolioCategory { font-family: Poppins-Medium; position: relative; display: block; color: #fff; font-size: 25px; line-height: 28px; letter-spacing: 1px; margin: 0 auto 30px; text-transform: uppercase }
.portfolio-cat-listing { position: relative; display: block; margin: 0 auto; padding: 0 0; list-style: none }
.portfolio-cat-listing>li { position: relative; display: block; float: left; width: 48.5%; margin: 0 3% 40px 0; padding: 0 0; list-style: none; text-align: center }
.portfolio-cat-listing>li>a { position: relative; display: block; background: #f5f5f5; cursor: pointer; color: #464646 }
.portfolio-cat-listing>li>a:hover { color: #f37936 }
.portfolio-cat-listing>li .catname { position: relative; display: block; font-family: Poppins-Semibold; font-size: 30px; text-align: center; padding: 30px 15px }
.portfolio-cat-listing>li figure { position: relative; display: block; text-align: center }
.portfolio-cat-listing>li figure img { position: relative; display: block; width: 100%; margin: 0 auto }
.portfolio-cat-listing>li:nth-child(2n+2) { margin-right: 0 }
.portfolio-cat-listing>li:nth-child(2n+3) { clear: both }
.projectListing { position: relative; display: block; margin: 0 -2px 60px; padding: 0 0; list-style: none; font-family: Poppins-Semibold }
.projectListing>li { position: relative; display: block; float: left; width: 33.3333%; margin: 0 auto; padding: 0 0; border-right: 1px solid transparent; border-bottom: 1px solid transparent; list-style: none; text-align: center; overflow: hidden }
.projectListing>li>a { position: relative; display: block; background: #efefef; cursor: pointer; color: #464646; height: 380px; overflow: hidden }
.projectListing>li:nth-child(2n+2)>a { background: #f6f6f6 }
.projectListing>li>a:hover { color: #f37936 }
.projectListing>li figure { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; text-align: center; margin: 0 auto 0 }
.projectListing>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle }
.projectListing>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block }
.projectListing>li .portfolio-mask-container { position: absolute; display: block; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; overflow: hidden; background: #ee712c; background: rgba(238,113,44,.85); -moz-opacity: 0; opacity: 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.portfolio-mask-content { position: absolute; z-index: 7; top: 50%; left: 15px; right: 15px; color: #fff; display: block; font-size: 20px; margin: 0 auto; text-align: center; text-transform: uppercase; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d }
.projectListing>li>a:hover .portfolio-mask-container { -moz-opacity: 1; opacity: 1; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.back-to-row { position: relative; display: block; background: #f2f2f2; margin: 83px auto 0 }
.back-to-col { position: relative; display: block; margin: 0 auto; font-family: Poppins-Semibold; font-size: 12px }
.back-to-col a { position: relative; display: inline-block; padding: 10px 20px 10px 40px; line-height: 25px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background: url(../images/listing-icon.png) 20px 18px no-repeat }
.project-description-container { position: relative; display: block; padding: 80px 0 60px }
.project-description-container .pageTitle2 { margin-bottom: 0 }
.project-description-container h5 { margin: 15px auto 10px }
.project-description-container ul.ul-listing li { color: #f37936; /*background: url(../images/bullet2.png) 0 4px no-repeat*/ }
.project-description-container ul.ul-listing li:before { background: url(../images/bullet2.png) 0 4px no-repeat; }
.project-description-container.new-description ul.ul-listing li:before { background: url(../images/bullet2.png) 0 center no-repeat; }
.project-description-container ul.ul-listing li a { color: #f37936 }
.project-description-container ul.ul-listing li a:hover { color: #363636 }
.new-description ul.ul-listing li a { pointer-events: none !important; }
.project-container { position: relative; display: block; width: 100%; padding: 60px 0; text-align: center; background: #f3f3f3 }
.projects-slider { position: relative; display: block; margin: 0 auto 0; padding: 0 0 0 }
.project-box { position: relative; display: block }
.project-box figure { position: relative; display: block; overflow: hidden; margin: 0 auto; text-align: center; vertical-align: middle }
.project-box figure img { position: relative; width: 100%; display: block }
.projects-slider .slick-slider { margin-bottom: 0 }
.projects-slider .slick-next, .projects-slider .slick-prev { width: 32px; height: 32px }
.projects-slider .slick-prev { left: -40px; padding: 0 0 0 32px; background: url(../images/slick-nav.png) 0 0 no-repeat }
.projects-slider .slick-next { right: -40px; padding: 0 32px 0 0; background: url(../images/slick-nav.png) -32px 0 no-repeat }
.projects-slider .slick-prev:focus, .projects-slider .slick-prev:hover { background: url(../images/slick-nav.png) 0 0 no-repeat }
.projects-slider .slick-next:focus, .projects-slider .slick-next:hover { background: url(../images/slick-nav.png) -32px 0 no-repeat }
.apps-slide-container { position: relative; display: block; width: 100%; padding: 30px 0; text-align: center; background: #f3f3f3 }
.apps-slide-container .device { position: absolute; top: 50%; left: 50%; width: 355px; height: 702px; margin-left: -177.5px; margin-top: -351px; background: url(../images/iphone.png) left top no-repeat; background-size: 100% }
.apps-slider { position: relative; display: block; margin: 0 auto 0; padding: 0 0 0 }
.app-box { position: relative; display: block; margin: 0 0; width: 355px; height: 702px; padding: 78px 24px; overflow: hidden }
.app-box figure { position: relative; display: block; overflow: hidden; margin: 0 auto; text-align: center; vertical-align: middle }
.app-box figure img { position: relative; width: 100%; display: block; -moz-opacity: .1; opacity: .1; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.app-box figure img { position: relative; width: 100%; display: block; -moz-opacity: .1; opacity: .1; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.apps-slider .slick-center figure img, .apps-slider .slick-current figure img { -moz-opacity: 1; opacity: 1; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.apps-slider .slick-slider { margin-bottom: 0 }
.apps-slider .slick-next, .apps-slider .slick-prev { width: 32px; height: 32px }
.apps-slider .slick-prev { left: 40px; padding: 0 0 0 32px; background: url(../images/slick-nav.png) 0 0 no-repeat }
.apps-slider .slick-next { right: 40px; padding: 0 32px 0 0; background: url(../images/slick-nav.png) -32px 0 no-repeat }
.apps-slider .slick-prev:focus, .apps-slider .slick-prev:hover { background: url(../images/slick-nav.png) 0 0 no-repeat }
.apps-slider .slick-next:focus, .apps-slider .slick-next:hover { background: url(../images/slick-nav.png) -32px 0 no-repeat }
.portfolioLinkBox { font-family: Poppins-Light; position: relative; display: block; color: #fff; font-size: 25px; margin: 0 auto; padding: 50px 0; text-align: center; background: #f37936 }
.portfolioLinkBox b, .portfolioLinkBox strong { font-family: Poppins-Semibold; font-weight: 400 }
.portfolioLinkBox a { position: relative; color: #fff; display: inline-block }
.portfolioLinkBox a:hover { color: #000 }
.view-more-btn { font-family: Poppins-Bold; position: relative; color: #fff; font-size: 13px; margin: 0 auto; overflow: hidden; text-align: center; font-weight: 400; padding: 12px 40px; vertical-align: top; background: #f37936; border-radius: 40px; letter-spacing: 4px; display: inline-block; text-transform: uppercase; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.testimonialContainer { position: relative; display: block; width: 100%; color: #fff; overflow: hidden; padding: 100px 0; text-align: center; background: #202020 url(../images/compressed/testimonial-bg.jpg) center center no-repeat; background: cover }
.testimonialContainer h5 { font-family: Poppins-Medium; text-transform: uppercase; color: #34d0d4 }
.testimonial-box { font-family: Poppins-Light; position: relative; display: block; font-size: 16px; padding: 0 0; overflow: hidden }
.testimonial-box blockquote, .testimonial-box p { font-weight: 400; border: none; color: #fff; font-size: 16px; line-height: 30px; text-align: center; padding: 0 0 0; margin: 15px auto 50px }
.testimonial-box .cName { font-family: Poppins-Semibold; font-weight: 400; position: relative; display: block; color: #fff; font-size: 12px; line-height: 20px; text-align: center; margin: 0 auto 0; text-transform: uppercase }
.testimonial-box .cDesignation { position: relative; display: block; color: #bebebe; font-size: 12px; line-height: 20px; text-align: center; margin: 0 auto 0 }
.testimonialContainer .flex-direction-nav .flex-prev { left: -40px }
.testimonialContainer .flex-direction-nav .flex-next { right: -40px }
.blogContainer { position: relative; display: block; margin: 0 auto; background: #f7f7f7; padding: 70px 0 40px }
.blogContent { position: relative; display: block; padding: 0 0; margin: 0 auto 30px }
.blogContent h2 { color: #464646; font-size: 40px; line-height: 45px; margin-bottom: 40px; padding-bottom: 25px; text-transform: none; background: url(../images/shape2.png) 0 bottom no-repeat }
.blogContent h2 span { display: block; color: #f37936 }
.blogListings { position: relative; display: block; margin: 0; padding: 0; height: 100%; font-size: 13px; list-style: none }
.blogListings>li { position: relative; display: block; float: left; padding: 0; width: 31%; margin: 0 3.5% 30px 0 }
.blogListings>li:nth-child(3n+3) { margin-right: 0 }
.blogListings>li:nth-child(3n+4) { clear: both }
.blogListings>li>a { position: relative; display: block; width: 100%; height: 100%; color: #363636; overflow: hidden; padding: 0 0 }
.blogListings>li figure { position: relative; display: block; z-index: 1; width: 100%; height: 100%; overflow: hidden; margin: 0 auto 20px }
.blogListings>li figure img { position: relative; display: block; width: 100% }
.blogListings>li .blogMaskContainer { overflow: hidden; bottom: 0; left: 0; z-index: 6; width: 100%; display: block; color: #fff; background: #c2c2c2; padding: 10px 15px 10px 15px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.blogListings>li:hover .blogMaskContainer { color: #fff; background: #00b1a9; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.blogListings>li .blogPost-date { font-family: Poppins-Semibold; position: relative; display: block; margin: 0 auto; padding: 0 30px 0 0; background: url(../images/long-arrow1.png) right center no-repeat; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.blogListings>li .blogHeading { font-family: Poppins-Semibold; margin: 0 auto 10px; font-size: 13px }
.webExcellenceContainer { position: relative; display: block; margin: 0 auto; padding: 0 0; background: #090b0d url(../images/web-excellence-bg-new.jpg) no-repeat; background-size: cover }
.webExcellenceContent { position: relative; display: block; color: #fff; font-size: 17px; line-height: 29px; padding: 100px 0px; max-width: 750px; font-family: "Gotham-Light"; margin-left: -70px; }
.webExcellenceContent p:last-child { margin-bottom: 0px; }
.webExcellenceContent h2 { font-size: 72px; color: #f37936; line-height: 77px; letter-spacing: -2px; text-transform: uppercase; font-family: "Gotham-Bold"; }
.webExcellenceContent h3 { font-size: 25px; color: #13a99b; line-height: 35px; letter-spacing: -1px; text-transform: none; font-family: "Gotham-Bold"; }
.webExcellenceContent h3 span { display: inline-block; padding-left: 17px; margin-right: 17px; background: url(../images/tick.png) no-repeat 0px 8px; }
.webExcellenceContent h3 span:last-child { margin-right: 0px; }
.webExcellenceContent h4 { font-family: "Gotham-Light"; font-size: 29px; color: #fff; line-height: 35px; letter-spacing: -1.4px; text-transform: none; border-bottom: 2px solid #f37936; padding-bottom: 30px; margin-bottom: 25px; }
/*testimonials-update*/

.testimonial-rating-box { position: relative; display: block; background: #f5f5f5; padding: 30px 15px 15px; border-radius: 15px; text-align: center; }
.rating-star { position: relative; display: block; }
.rating-star ul { padding: 0px 0px; margin: 0px 0px; }
.rating-star ul li { padding: 0px 0px; display: inline-block; margin: 0px 2px 5px; font-size: 30px; color: #f37936; position: relative; }
.rating-star ul li::before { position: absolute; left: 0px; top: 7px; z-index: 0; font-family: "FontAwesome"; font-weight: 900; content: "\f005"; color: #cccccc; font-size: 30px; line-height: 30px; }
.rating-star ul li i { position: relative; z-index: 2; }
.testimonial-rating-box h3 { font-size: 80px; color: #f37936; padding: 0px 0px 3px; line-height: 80px; }
.testimonial-rating-box figure { margin: 0px 0px 15px; }
.clientTextimonial { background: url(../images/client-testimonial.jpg); background-size: cover; }
.clientTextimonial .webExcellenceContent h2 { font-size: 50px; text-transform: lowercase; }
/*Feedback*/

.feedback-tabs { position: relative; display: block; background: #f2f2f2; }
.feedback-tabs ul { border: none; }
.feedback-tabs ul li { width: 50%; float: left; margin: 0px 0px; }
.feedback-tabs ul li a { display: block; text-align: center; border: none; margin: 0px 0px; }
.feedback-tabs ul li a:hover, .feedback-tabs .nav .active > a { background: #f37936 !important; border: none !important; color: #ffffff !important; border-radius: 0px; }
.feedback-tabs .nav .active > a { font-weight: 600; }
.overview-feedback { position: relative; display: block; }
.feedback-left-content { position: relative; display: block; width: 555px; float: right; margin: 0px 0px 25px; }
.thumbs-heading { position: relative; display: block; margin: 20px 0px 25px; }
.thumbs-heading figure { float: left; }
.feedback-top-heading { position: relative; display: block; float: left; padding: 0px 0px 0px 30px; }
.feedback-top-heading h2 { font-size: 50px; color: #f37936; }
.feedback-top-heading .dot-line { max-width: 150px; }
.feedback-left-content h3 { font-family: Poppins-Regular; font-size: 28px; text-transform: capitalize; }
.feedback-left-content p a { color: #f37936; }
.feedfack-right-content { position: relative; display: block; width: 555px; float: left; }
.feedfack-right-content .contactFormInner { margin: 0px 0px; }
.feedback-bottom-pic { position: relative; display: block; float: left; }
.feedback-checkbox { position: relative; display: block; }
.feedback-checkbox ul { padding: 0px; margin: 0px -5px; list-style-type: none; }
.feedback-checkbox ul li { float: left; padding: 5px; }
.feedHeight { position: relative; display: block; }
.feedback-custom-checkbox { position: relative; display: table; width: 100%; }
.feedback-custom-checkbox label { position: relative; display: table-cell; vertical-align: middle; background: #ececec; border: 1px solid #c2c2c2; text-align: center; border-radius: 5px; padding: 15px 8px; font-weight: 400; font-size: 12px; cursor: pointer; /*height: 71px;*/ margin: 0px 0px 10px; }
.feedback-custom-checkbox input[type=checkbox] { display: none; }
.feedback-custom-checkbox input[type=checkbox]:checked + label { background: #ececec; border: 1px solid #c2c2c2; color: #000000; }
.feedback-radio { position: relative; display: block; }
.feedback-radio ul { padding: 0px 0px; margin: 0px -10px; list-style-type: none; }
.feedback-radio ul li { position: relative; display: block; float: left; width: 50%; padding: 0px 10px; margin: 0px 0px 2px; }
.feedback-custom-radio { position: relative; display: block; }
.feedback-custom-radio input[type="radio"] { display: none; }
.feedback-custom-radio .custom-label { font-weight: normal; cursor: default; font-size: 14px; color: #272727; line-height: 24px; position: relative; margin: 0px 0px 0px; vertical-align: top; display: inline-block; padding: 3px 0px 3px 20px; }
.feedback-custom-radio .custom-label::before { position: absolute; content: ""; left: 0; top: 9px; width: 12px; height: 12px; text-align: center; vertical-align: top; display: inline-block; border-radius: 50px; border: 1px solid #acacac; background-color: #ffffff; }
.feedback-custom-radio input[type="radio"]:checked + .custom-label::before { font-family: "fontawesome"; content: "\f111"; font-size: 8px; line-height: 10px; text-align: center; color: #f37936; border: 1px solid #acacac; }
.submitEnquiry { font-family: Poppins-Bold; position: relative; display: block; cursor: pointer; float: none; border: none; color: #ffffff; font-size: 13px; overflow: hidden; padding: 15px 15px 12px; text-align: center; letter-spacing: 4px; background: #00b1a8; margin: 5px auto 5px; border-radius: 50px; text-transform: uppercase; width: 100%; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.submitEnquiry:hover { background: #1d1c1d; }
.bottom-gray-section { position: relative; display: block; padding: 20px 0px; background: #ececec; text-align: center; }
.bottom-gray-section h4, .bottom-gray-section h6 { font-size: 18px; padding: 0px 0px; margin: 0px 0px; text-transform: capitalize; }
.bottom-gray-section h6 { color: #262626; }
.bottom-gray-section h4 { color: #f37936; }
.feedback-webExcellence h2 { padding: 0px 0px; }
.feedback-webExcellence h4 { font-size: 28px; border: none; }
.webExcellenceLogo { position: relative; display: block; margin: 0px 0px 50px; }
.webExcellenceLogo figure { float: left; margin: 0px 15px 0px 0px; }
.webExcellenceLogo h3 { color: #ffffff; font-size: 30px; }
/* Ratings widget */
.rate { display: inline-block; border: 0; margin: 0px; }
/* Hide radio */
.rate > input { /*display: none;*/ opacity: 0; position: absolute; left: 15px; top: 15px; }
/* Order correctly by floating highest to the right */
.rate > label { float: right; color: #dbdbdb; margin: 0px 0px; }
/* The star of the show */
.rate > label:before { display: inline-block; font-size: 40px; line-height: 40px;  padding:0px .2rem;
margin: 0; cursor: pointer; font-family: FontAwesome; content: "\f005 "; /* full star */ }
/* Zero stars rating */
.rate > label:last-child:before { content: "\f006 "; /* empty star outline */ }
/*sad-rating*/

.sad-rating { padding: 0px 0px; margin: 0px 0px; list-style-type: none; }
.sad-rating li { display: inline-block; margin: 0px 5px 0px 0px; }
.sad-rating li:nth-child(1) label:hover, .sad-rating li:nth-child(1) input[type="radio"]:checked + label { color: #ff8a00; }
.sad-rating li:nth-child(2) label:hover, .sad-rating li:nth-child(2) input[type="radio"]:checked + label { color: #ff6300; }
.sad-rating li:nth-child(3) label:hover, .sad-rating li:nth-child(3) input[type="radio"]:checked + label { color: #ff4c00; }
.sad-rating li:nth-child(4) label:hover, .sad-rating li:nth-child(4) input[type="radio"]:checked + label { color: #ff2e00; }
.sad-rating li:nth-child(5) label:hover, .sad-rating li:nth-child(4) input[type="radio"]:checked + label { color: #ff1700; }
.sad-rating li:nth-child(6) label:hover, .sad-rating li:nth-child(6) input[type="radio"]:checked + label { color: #ff0000; }
.sad-rating li input { display: none; }
.sad-rating li label { color: #000000; font-size: 70px; margin: 0px 0px; line-height: 40px; cursor: pointer; }
.sad-rating li label:hover { color: #f37936; }
.sad-rating li input[type="radio"]:checked + label { color: #f37936; }
/* Half star trick */
.rate .half:before { content: "\f089 "; /* half star no outline */ position: absolute; padding-right: 0; }
/* Click + hover color */
.rate input:checked ~ label, /* color current and previous stars on checked */ .rate label:hover, label:hover ~ label { color: #f37936; } /* color previous stars on hover */
/* Hover highlights */
.rate input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */ .rate input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */ .rate label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #f37936; }
.main-container { position: relative; display: block; z-index: 5; margin: 0 auto 0; padding: 0 0 0 }
.sr .boxReveal, .sr .fooReveal { visibility: hidden }
.innerMenu-wrapper { position: relative; display: block; background: #f2f2f2; margin: 0 auto 0 }
.innerMenu-container { position: relative; display: table; width: 100%; margin: 0 auto; text-align: center; vertical-align: middle }
.innerMenu-container ul { font-family: Poppins-Medium; position: relative; font-size: 0; padding: 0; width: auto; margin: 0 auto; /*display: table;*/ display: flex; flex-flow: nowrap; list-style: none; text-align: center; text-transform: uppercase }
.innerMenu-container>ul>li { position: relative; /*height: 45px;*/ align-items: stretch; font-size: 12px; /*display: table-cell;*/ margin: 0 }
.innerMenu-container>ul>li>a { position: relative; /*display: block;*/ display: table; width: 100%; height: 100%; color: #555; line-height: 17px; padding: 14px 26px 14px; -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 }
.innerMenu-container>ul>li>a span { position: relative; /*display: block;*/ display: table-cell; vertical-align: middle; z-index: 5 }
.innerMenu-container>ul>li>a:before { position: absolute; display: block; content: ''; left: 0; width: 0; bottom: 0; height: 100%; 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 }
.innerMenu-container>ul>li.selected>a, .innerMenu-container>ul>li:hover>a { color: #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 }
.innerMenu-container>ul>li.selected>a:before, .innerMenu-container>ul>li:hover>a:before { 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 }
.dark-container { position: relative; display: block; float: left; width: 100%; margin: 0 auto; padding: 0 0; background: #252525 }
.darkBoardCol { position: relative; float: left; width: 42.4% }
.darkBoardContainer { position: relative; float: right; width: 468px; background: #252525; padding: 0 50px 0 0 }
.darkBoardContainer .pageTitle { font-size: 50px; line-height: 60px; color: #fff; background: url(../images/shape1.png) 0 bottom no-repeat }
.whiteBoardCol { position: relative; float: right; width: 57.6%; background: #fff }
.whiteBoardContainer { position: relative; float: left; width: 672px; padding: 80px 0 80px 80px }
.motivationalQuote { font-family: Poppins-Semibold; position: relative; font-size: 40px; color: #464646; line-height: 50px; font-weight: 400; margin: 0 0 5px; text-transform: none; padding: 0 0 0 }
.motivationalQuote span { font-family: Poppins-Light }
.motivationalQuote:before { position: absolute; left: -30px; top: 10px; content: ''; width: 22px; height: 19px; background: url(../images/quote-icon2.png) 0 center no-repeat }
.quoteOwner { font-family: Poppins-Medium; position: relative; font-size: 14px; color: #999; line-height: 24px; font-weight: 400; margin: 0 0 30px; padding: 0 0 0; text-transform: uppercase }
.element-tabs { width: 100%; display: block; margin: 0 auto 30px }
.element-tabs .list-wrap { padding: 0; display: block }
.element-tabs>ul.tab-nav { font-family: Poppins-Semibold; position: relative; overflow: hidden; display: block; float: right; z-index: 21; font-size: 0; list-style: none; text-align: right; padding: 0 0 0; margin: -100px auto 30px; text-transform: uppercase }
.tab-nav>li { position: relative; font-size: 13px; letter-spacing: 1px; font-weight: 400; padding: 0!important; display: inline-block; margin: 0 5px 10px!important; line-height: normal!important; background: 0 0!important }
.tab-nav>li>a { position: relative; color: #999; display: block; min-width: 220px; overflow: hidden; line-height: 20px; text-align: center; padding: 15px 15px 10px; background: #fff; border-radius: 30px; border: 2px solid #999; -webkit-transition: all 0ms ease-out; -moz-transition: all 0ms ease-out; -o-transition: all 0ms ease-out; -ms-transition: all 0ms ease-out; transition: all 0ms ease-out }
.tab-nav>li>a.current, .tab-nav>li>a.current:hover, .tab-nav>li>a:focus, .tab-nav>li>a:hover { color: #f37936; border-color: #f37936; -webkit-transition: all 0ms ease-out; -moz-transition: all 0ms ease-out; -o-transition: all 0ms ease-out; -ms-transition: all 0ms ease-out; transition: all 0ms ease-out }
.tab-container { position: relative; display: block; width: 100%; padding: 0 0; margin: 0 0 0 }
.teamList { position: relative; display: block; width: 100%; float: left; font-size: 14px; margin: 15px 0 15px }
.teamList>li { position: relative; display: block; float: left; width: 23.125%; margin: 15px 2.5% 15px 0 }
.teamList>li:nth-child(4n+4) { margin-right: 0 }
.teamList>li:nth-child(4n+5) { clear: both }
.teamList>li>a { color: #999 }
.teamList>li a:hover { color: #f37936 }
.teamList>li figure { position: relative; z-index: 1; width: 100%; height: 265px; display: block; overflow: hidden; margin: 0 auto; background: #f1f1f1 }
.teamList>li figure img { position: absolute; z-index: 1; top: 50%; left: 50%; display: block; min-width: 100%; max-width: none; min-height: 100%; margin: 0 auto; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.text1 { font-family: Poppins-Semibold; position: absolute; display: block; bottom: 0; left: 0; z-index: 6; width: 100%; color: #fff; font-size: 14px; overflow: hidden; text-align: center; padding: 20px 15px; text-transform: uppercase; text-shadow: 0 0 5px #000 }
.teamList .mask-container { position: absolute; overflow: hidden; bottom: 0; left: 0; z-index: 6; width: 100%; height: 100%; display: block; text-align: center }
.teamList .mask-content { position: absolute; z-index: 7; top: 50%; left: 30px; right: 30px; color: #fff; display: block; margin: 0 auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d }
.memberDescriptionBox { position: relative; display: block; text-align: center; margin: 30px auto 0 }
.memberName { font-family: Poppins-Semibold; position: relative; display: block; color: #262626; font-size: 20px; line-height: 28px; margin: 0 auto 0 }
.memberDesignation { font-family: Poppins-Medium; position: relative; display: block; color: #999; font-size: 14px; line-height: 24px; margin: 0 auto 15px; text-transform: uppercase }
.memberDescriptionBox p { text-align: center }
.contactLinks { position: relative; display: block; font-size: 0; padding: 0 0; margin: 0 auto; text-align: center }
.contactLinks li { position: relative; color: #999; font-size: 16px; line-height: 24px; display: inline-block; margin: 0 10px 15px }
.contactLinks li a { color: #999; display: block }
.contactLinks li a:hover { color: #f37936 }
.grayContainer { position: relative; display: block; margin: 0 auto; background: #f7f7f7; padding: 70px 0 55px }
.grayBoxContent { font-family: Poppins-Light; position: relative; display: block; font-size: 20px; margin: 0 auto; padding: 0 0; text-align: center }
.grayBoxContent p { line-height: 30px; text-align: center }
.whiteContainer { position: relative; display: block; margin: 0 auto; background: #fff; padding: 70px 0 55px }
.whiteBoxContent { font-family: Poppins-Light; position: relative; display: block; font-size: 20px; margin: 0 auto; padding: 0 0; text-align: center }
.whiteBoxContent p { line-height: 30px; text-align: center }
.grayContainer2 { position: relative; display: block; z-index: 5; background: #f7f7f7; padding: 40px 40px 25px; margin: -35px -200px 30px -40px }
.heading1 { font-family: Poppins-Semibold; position: relative; font-size: 20px; color: #262626; font-weight: 400; line-height: normal; margin: 30px 0 0; padding: 0 0 15px; text-transform: uppercase }
.heading1 span { color: #999 }
body.page-id-39 h5.heading1 { padding: 0 }
body.page-id-39 .cDesignation { padding-bottom: 25px; font-style: italic; color: #a0a0a0 }
body.page-id-39 .col-md-3 img { margin-top: 10px }
.quoteContainer { position: relative; display: block; padding: 100px 0; margin: 70px auto 0; background: #262626 url(../images/quoteBg.jpg) center center no-repeat; background-size: cover }
.quoteContent { font-family: Poppins-Light; position: relative; display: block; color: #fff; font-size: 20px; margin: 0 auto }
.quoteContent p { line-height: 30px; text-align: center }
.quoteContent b, .quoteContent strong { font-family: Poppins-Semibold; font-weight: 400; color: #00bab1 }
.boxContainer1 { position: relative; display: block; margin: 0 auto; padding: 0 0 50px }
.boxColLeft { position: relative; display: table; height: 100%; margin: 0 auto; padding: 0 0 0 15px }
.boxColRight { position: relative; display: table; height: 100%; margin: 0 auto; padding: 0 15px 0 0 }
.boxColLeftContent, .boxColRightContent { position: relative; display: table-cell; vertical-align: middle }
.textStyle1 { font-family: Poppins-Semibold; font-size: 20px; color: #00bab1; line-height: 30px }
.textStyle2 { font-family: Poppins-Medium; position: relative; display: block; color: #363636; font-size: 14px; line-height: 24px; margin-bottom: 15px }
.midText { position: relative; display: block; font-size: 16px; line-height: 26px; margin-bottom: 20px }
.enquiry-box { position: relative; display: block; overflow: hidden; padding: 20px 20px; background: #edebe6; margin: 0 auto 30px; border-bottom: 5px solid rgba(0,0,0,.2) }
.enquiryForm { position: relative; display: block; width: 100%; margin: 0 auto; padding: 0 0 0 }
.servicebanner { position: relative; display: block; width: 100%; margin: 0 auto; padding: 0 0 }
.servicebanner img { position: relative; display: block; width: 100% }
.serviceContentBox { position: relative; display: block; margin: 0 auto; padding: 0 0 }
.webDesignContainer { position: relative; display: block; margin: 0 auto; padding: 0 0; background: #202020 url(../images/web-design-bg.jpg) center center no-repeat; background-size: cover }
.webDesignContentBox { position: relative; display: block; color: #fff; margin: 0 auto; padding: 70px 0 55px }
.webDesignContentBox h2 { font-size: 40px; color: #fff; line-height: 50px; text-align: center; text-transform: none }
.webDesignContentBox h5 a { color: #fff }
.webDesignContentBox h5 a:hover { color: #f37936 }
.webServiceCol { position: relative; display: block; color: #999; text-align: center; margin: 30px auto 0 }
.webServiceCol>a { position: relative; display: block; color: #999 }
.webServiceCol .iconBox { position: relative; display: block; width: 112px; height: 112px; margin: 0 auto 30px; text-indent: -10000px; background: url(../images/sprite1.png) 0 -66px no-repeat }
.webServiceCol:hover .iconBox { background: url(../images/sprite1.png) 0 -178px no-repeat }
.webServiceCol.col2 .iconBox { background: url(../images/sprite1.png) -132px -66px no-repeat }
.webServiceCol.col2:hover .iconBox { background: url(../images/sprite1.png) -132px -178px no-repeat }
.webServiceCol.col3 .iconBox { background: url(../images/sprite1.png) -264px -66px no-repeat }
.webServiceCol.col3:hover .iconBox { background: url(../images/sprite1.png) -264px -178px no-repeat }
.webServiceCol h5 { color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.webServiceCol p { text-align: center }
.webServiceCol>a:hover h5 { color: #f37936 }
.fullPageContainer { position: relative; display: block; background: #f9f9f9 }
.fullPageContainer.whiteBg { background: #fff }
.halfPageContainerLeft, .halfPageContainerRight { position: relative; display: block; float: left; width: 50% }
.halfPageContainerRight { float: right }
.halfPageContent { position: relative; display: block; width: 100%; height: 100%; padding: 70px 60px }
.halfPageContent p, .serviceContentBox p { margin-bottom: 30px }
.servicebanner2 { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0 0 }
.servicebanner2 img { position: relative; display: block; min-width: 100%; min-height: 100%; max-width: none }
.column { float: left; width: 100%; padding: 15px; display: block; -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease }
.size-1of4 { width: 25% }
.size-1of3 { width: 33.33333% }
.size-1of2 { width: 50% }

/*29-09-2020*/

.csr-heading { position:relative; display:block; text-align:center; padding-bottom:80px; }
.csr-info h2 { font-size:50px; color:#F37936; text-transform:capitalize; }
.csr-info h6 { margin-top:0px; text-transform:capitalize; font-size:16px; }
.pattern-csr img, .pattern-csr-right img { z-index:2; }
.pattern-csr::after { position:absolute; display:block; content:''; z-index:1 !important; width:416px; top:-50px; left:-115px; height: 101px; overflow:hidden; background:url(../images/sprite1.png) 0 -790px no-repeat; }
.pattern-csr-right::after { position:absolute; display:block; content:''; z-index:1 !important; width:416px; top:-50px; right:-115px; height: 101px; overflow:hidden; background:url(../images/sprite1.png) 0 -790px no-repeat; }
.csr-section { position:relative; display:block; text-align:center; padding:55px 0px; background:#FF752A; }
.csr-section h6 { color:#ffffff; font-size:22px; margin:0px 0px 15px; text-transform:capitalize; }
.csr-section .link-btn a { background:#ffffff; color:#F37936; }

 @media screen and (max-width:480px) {
#grid-container[data-columns]::before { content: '1 .column' }
}
 @media screen and (min-width:481px) and (max-width:991px) {
#grid-container[data-columns]::before { content: '2 .column.size-1of2' }
}
 @media screen and (min-width:992px) {
#grid-container[data-columns]::before { content: '3 .column.size-1of3' }
}
.portfolio-container { position: relative; margin: 0 -15px }
.portfolio-box { position: relative; display: block; margin: 0 auto 30px }
.portfolio-box>a { position: relative; display: block; color: #707070; overflow: hidden; margin: 0 auto; border-radius: 5px; background: #f5f5f5; border: 3px solid #fff; box-shadow: 0 0 4px 2px rgba(0,0,0,.1) }
.portfolio-box>a:hover { color: #000 }
.portfolio-box figure { position: relative; display: block; overflow: hidden; margin: 0 auto; text-align: center }
.portfolio-box figure img { position: relative; display: block; width: 100%; margin: 0 auto }
.portfolio-box .portfolio-mask { position: absolute; display: block; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; overflow: hidden; background: #1f1e1b; background: rgba(31,30,27,.8); -moz-opacity: 0; opacity: 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.portfolio-content { position: absolute; z-index: 7; top: 50%; left: 15px; right: 15px; color: #fff; display: block; font-size: 20px; margin: 0 auto; text-align: center; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d }
.portfolio-box:hover .portfolio-mask { -moz-opacity: 1; opacity: 1; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.loadmore-btn { font-family: Poppins-Bold; position: relative; display: block; border: none; color: #fff; cursor: pointer; font-size: 13px; text-align: center; font-weight: 400; padding: 12px 40px; vertical-align: top; border-radius: 40px; background: #f37936; letter-spacing: 4px; margin: 15px auto 30px; text-transform: uppercase; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.loadmore-btn:hover { color: #fff; background: #000; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.popUp-container { position: relative; display: block; overflow: hidden }
.popUpContainer { position: relative; display: block; width: 100%; padding: 0; margin: 0 auto }
.popUpContainer img { position: relative; display: block; width: 100% }
.popUpConttent { position: relative; display: block; padding: 50px 20px 50px 50px }
.popUpConttent h2 { font-size: 40px; text-transform: none }
.link-btn.patternBg:before { position: absolute; display: block; content: ''; z-index: 0; top: 20px; left: 50%; width: 416px; height: 101px; overflow: hidden; margin-left: -400px; background: url(../images/sprite1.png) 0 -790px no-repeat }
.aboutUsContainer { position: relative; display: block; width: 100%; margin: 0 auto; padding: 0 0 }
.leftCol42, .rightCol42 { position: relative; float: left; width: 42.4% }
.leftCol57, .rightCol57 { position: relative; float: left; width: 57.6%; background: #fff }
.rightCol42, .rightCol57 { float: right }
.leftCol57Content, .rightCol57Content { position: relative; display: block; float: right; width: 672px; padding: 0 50px 0 0 }
.rightCol57Content { float: left; padding: 0 0 0 50px }
.leftCol42Content, .rightCol42Content { position: relative; display: block; float: right; width: 468px; padding: 0 50px 0 0 }
.rightCol42Content { float: left; padding: 0 0 0 50px }
.textCol { position: relative; display: block; padding: 60px 0 }
.picBox2 { position: relative; display: block; width: 100%; margin: 0 0 30px }
.picBox2 img { position: relative; display: block; width: 100% }
.picBox2:after { position: absolute; display: block; content: ''; z-index: 5; width: 416px; bottom: -50px; right: -115px; height: 101px; overflow: hidden; background: url(../images/sprite1.png) 0 -790px no-repeat }
.picBox2.patternLeft:after { position: absolute; display: block; content: ''; z-index: 5; width: 416px; bottom: -50px; left: -115px; height: 101px; overflow: hidden; background: url(../images/sprite1.png) 0 -790px no-repeat }
.gearsContainer { position: relative; display: block; margin: 0 auto; padding: 0 0; background: #202020 url(../images/gears-bg.jpg) center center no-repeat; background-size: cover }
.gearsContentBox { position: relative; display: block; color: #fff; margin: 0 auto; padding: 100px 0 85px }
.gearsContentBox h2 { font-size: 40px; color: #fff; line-height: 50px; text-align: center; text-transform: none }
.gearsCol { position: relative; display: block; color: #999; text-align: center; margin: 0 auto 30px }
.gearsCol>a { position: relative; display: block; color: #999; height: 100% }
.gearsCol figure { position: relative; display: block; width: 100%; height: 100px; overflow: hidden; text-align: center; margin: 0 auto 0 }
.gearsCol figure:before { position: relative; height: 100px; content: ''; display: inline-block; vertical-align: middle }
.gearsCol figure img { position: relative; max-width: 90%; max-height: 90%; display: inline-block }
.gearsCol h5 { color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.gearsCol p { text-align: center }
.text10 { position: relative; display: block; font-size: 16px; line-height: 26px; text-align: center; margin-bottom: 30px; padding-bottom: 30px; background: url(../images/shape3.png) center bottom no-repeat }
.text11 { font-family: Poppins-Light; position: relative; display: block; color: #fff; font-size: 20px; line-height: 30px; text-align: center; margin: 0 auto 15px }
.memberList { position: relative; display: block; overflow: hidden; margin: 0 -4px -4px 0 }
.memberList>li { position: relative; display: block; float: left; width: 25%; margin: 0 0; background: #fff; padding: 0 4px 4px 0 }
.memberList>li:nth-child(4n+5) { clear: both }
.memberList>li img { position: relative; display: block; width: 100% }
.clientListContainer { position: relative; display: block; padding: 60px; background: #fff }
.clientList { position: relative; display: block; padding: 0; overflow: hidden; margin: 0 auto; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea }
.clientList>li { position: relative; display: block; float: left; width: 33.3333%; margin: 0 0; background: #fff; padding: 0; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea }
.clientList>li:nth-child(3n+4) { clear: both }
.clientList>li figure { position: relative; display: block; width: 100%; height: 215px; overflow: hidden; text-align: center }
.clientList>li figure:before { position: relative; content: ''; height: 100%; display: inline-block; vertical-align: middle }
.clientList>li figure img { position: relative; max-width: 90%; max-height: 90%; display: inline-block }
.OurClientList { position: relative; display: block; padding: 0; overflow: hidden; margin: 0 auto 50px }
.OurClientList>li { position: relative; display: block; float: left; width: 20%; margin: 0 0; background: #fff; padding: 15px 15px; text-align: center }
.OurClientList>li:nth-child(5n+6) { clear: both }
.OurClientList>li figure { position: relative; display: block; width: 100%; height: 160px; overflow: hidden; text-align: center; margin-bottom: 15px }
.OurClientList>li figure:before { position: relative; content: ''; height: 100%; display: inline-block; vertical-align: middle }
.OurClientList>li figure img { position: relative; max-width: 90%; max-height: 90%; display: inline-block }
.OurClientList>li h6 { font-size: 12px; padding: 0 }
.displayTable { position: relative; display: table; height: 100%; margin: 0 auto }
.tableCell { position: relative; display: table-cell; vertical-align: middle }
.slick-slide img { display: inline-block }
.slick-next, .slick-prev { background: 0 0; width: 11px; height: 12px; font-size: 0; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -ms-transition: all 0s ease-out; transition: all 0s ease-out }
.slick-next:before, .slick-prev:before { display: none }
.slider-nav { margin-left: 0; margin-right: 0 }
.slick-prev { left: 0; padding: 0 0 0 12px; background: url(../images/sprite1.png) -107px -390px no-repeat }
.slick-next { right: 0; padding: 0 12px 0 0; background: url(../images/sprite1.png) -355px -402px no-repeat }
.slick-prev:focus, .slick-prev:hover { background: url(../images/sprite1.png) -355px -370px no-repeat; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -ms-transition: all 0s ease-out; transition: all 0s ease-out }
.slick-next:focus, .slick-next:hover { background: url(../images/sprite1.png) -138px -390px no-repeat; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -ms-transition: all 0s ease-out; transition: all 0s ease-out }
.tagline { font-family: Poppins-Light; position: relative; display: block; color: #00bab1; font-size: 20px; line-height: 28px; margin: 0 auto 15px }
.caseStudiesPic { position: relative; display: block; padding: 0 0; margin: 30px auto }
.caseStudiesPic img { position: relative; display: block; width: 100% }
.fullContainer { position: relative; display: block }
.halfContainerLeft { position: relative; display: block; float: left; width: 50%; padding-right: 15px }
.halfContainerLeftContent { position: relative; display: block; float: right; width: 100%; width: 555px }
.halfContainerRight { position: relative; display: block; float: right; width: 50%; padding-left: 15px }
.caseStudiesDescription { position: relative; display: block }
.caseStudiesDescription h5 span { color: #f37936 }
.caseStudiesDescription .tagline { padding-left: 30px; background: url(../images/quote-icon2.png) 0 2px no-repeat }
.caseStyudiesMenu { font-family: Poppins-Medium; position: relative; font-size: 12px; padding: 0; width: 100%; display: block; list-style: none; margin: 30px auto; text-transform: uppercase }
.caseStyudiesMenu>li { position: relative; line-height: 18px; letter-spacing: 1px; display: inline-block; margin: 0 20px 0 0 }
.caseStyudiesMenu>li>a { position: relative; display: block; color: #555; -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 }
.caseStyudiesMenu>li>a:before { position: absolute; display: block; content: ''; left: -12px; top: 50%; width: 1px; height: 14px; overflow: hidden; margin-top: -7px; background: #555; -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 }
.caseStyudiesMenu>li:first-child>a:before { display: none }
.caseStyudiesMenu>li.selected>a, .caseStyudiesMenu>li:hover>a { color: #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 }
.fullContainerGray { position: relative; display: block; background: #f5f5f5 }
.halfContainerLeft { position: relative; display: block; float: left; width: 50%; padding-right: 15px }
.halfContainerLeftContent { position: relative; display: block; float: right; width: 100%; width: 555px }
.halfContainerRight { position: relative; display: block; float: right; width: 50%; padding-left: 15px }
.halfContainerRightContent { position: relative; display: block; float: left; width: 100%; width: 555px }
.projectPicContainer { font-family: Poppins-Medium; position: relative; display: block; color: #c2c2c2; padding: 50px 0 0 }
.projectPicBox { position: relative; display: block; margin: 0 auto; box-shadow: 0 0 5px 3px rgba(0,0,0,.15) }
.projectPicBox img { position: relative; display: block; width: 100% }
.projectDescription { position: relative; display: block; padding: 80px 0 }
.projectDescription h5 span { color: #f37936 }
.colorPalette { position: relative; display: block; width: 100%; padding: 0 0; margin: 25px auto }
.colorPalette>li { position: relative; display: block; float: left; width: 65px; height: 65px; overflow: hidden; padding: 0 0; border-radius: 5px; margin: 5px 10px 5px 0; text-indent: -9999em }
.projectIcons { position: relative; display: block; width: 100%; padding: 0 0; margin: 25px auto }
.projectIcons>li { position: relative; display: block; float: left; width: auto; height: 40px; overflow: hidden; padding: 0 0; margin: 10px 30px 10px 0 }
.projectIcons>li img { position: relative; display: block; max-height: 40px }
.projectTypography { position: relative; display: block; width: 100%; padding: 0 0; margin: 25px auto }
.projectTypography>li { position: relative; display: block; color: #363636; font-size: 30px; padding: 0 0; line-height: 35px; margin: 5px 0 5px 0 }
.projectLinkContainer { position: relative; display: block; margin: 0 auto; padding: 0 0; background: #f37936 }
.projectLinkBox { font-family: Poppins-Light; position: relative; display: block; color: #fff; font-size: 25px; margin: 0 auto; padding: 50px 0; text-align: center }
.projectLinkBox a { font-family: Poppins-Semibold; position: relative; color: #fff; display: inline-block }
.projectLinkBox a:hover { color: #000 }
.mainBlogContainer, .mainBlogContainerInner { position: relative; display: block; margin: 0 auto; padding: 0 0 30px }
.mainBlogContainerInner a { color: #f60 }
.mainBlogContainerInner a:hover { color: #000 }
.mainBlogContainerInner img { width: 100%!important; height: auto!important }
.mainBlogPic { position: relative; display: block; padding: 0 0 0; margin: 20px auto 30px }
.mainBlogPic img { position: relative; display: block; width: 100% }
.mainBlogText { position: relative; display: block; padding: 0 0 0; margin: 0 auto 0 }
.mainBlogPostDate { font-family: Poppins-Semibold; position: absolute; overflow: hidden; bottom: 20px; left: 0; z-index: 2; display: block; color: #fff; font-size: 13px; padding: 10px 15px; background: #9b9b9b }
.articlePostDate { font-family: Poppins-Semibold; position: relative; color: #fff; font-size: 13px; padding: 10px 15px; background: #9b9b9b; display: inline-block; margin: 0 auto 15px }
.mainBlogHeading { font-family: Poppins-Semibold; position: relative; display: block; color: #363636; font-size: 22px; padding: 0 0; line-height: 32px; text-transform: none; margin: 0 auto 15px }
.mainBlogContainer h2 { font-family: Poppins-Semibold; position: relative; font-size: 40px; color: #464646; font-weight: 400; line-height: normal; margin: 0 0 0; text-transform: none; letter-spacing: -1px; padding: 0 0 15px }
.mainBlogContainer h2 span { font-family: Poppins-Light }
.mainBlogContainer h6 { text-transform: none }
.mainBlogContainer h6:before { position: relative; width: 15px; height: 13px; padding-right: 10px; content: url(../images/quote-icon.png) }
.highlightedText { font-family: Poppins-Semibold; position: relative; color: #00bab1 }
.socialSharingBox { position: absolute; display: block; z-index: 101; left: 0; top: 70px; width: 50px; height: auto }
.innerBlogList { position: relative; display: block; padding: 0; height: 100%; font-size: 13px; list-style: none; margin: 0 0 30px }
.innerBlogList>li { position: relative; display: block; float: left; padding: 0; width: 47.5%; margin: 0 5% 40px 0 }
.innerBlogList>li:nth-child(2n+2) { margin-right: 0 }
.innerBlogList>li:nth-child(2n+3) { clear: both }
.innerBlogList>li>a.bloglink { position: relative; display: block; width: 100%; height: 100%; color: #363636; overflow: hidden; padding: 0 0 }
.innerBlogList>li figure { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto 25px }
.innerBlogList>li figure img { position: relative; display: block; width: 100%; z-index: 1 }
.innerBlogList>li .blogPostDate { font-family: Poppins-Semibold; overflow: hidden; bottom: 20px; left: 0; z-index: 2; display: block; color: #fff; padding: 10px 15px; background: #c2c2c2; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.innerBlogList>li .blogPostDate div { background: url(//www.verzdesign.com/wp-content/themes/verz/css/../images/long-arrow1.png) right center no-repeat }
.innerBlogList>li:nth-child(2n+2) .blogPostDate { background: #c2c2c2 }
.innerBlogList>li:hover .blogPostDate { color: #fff; background: #00b1a9; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.innerBlogList>li .blogHeading { font-family: Poppins-Semibold; position: relative; display: block; clear: #363636; font-size: 16px; padding: 0 0; line-height: 26px; text-transform: none; margin: 0 auto 10px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.innerBlogList>li>a:hover .blogHeading { color: #f37936; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.cac-box { font-family: Poppins-Medium; position: relative; font-size: 14px; display: block; color: #999; margin: 10px auto }
.cat-box, .comment-box { font-family: Poppins-Medium; position: relative; display: block; float: left; margin: 0 20px 0 0 }
.cac-box a { position: relative; display: block; color: #999 }
.cac-box .fa, .cac-box a:hover { color: #f37936 }
.cac-box .fa { margin-right: 5px }
.blog-slider-box { position: relative; display: block; margin: 0 auto 30px }
.blog-slider-box figure { position: relative; display: block; width: 100%; margin: 0 auto 25px }
.blog-slider-box figure img { position: relative; display: block; width: 100% }
#flexslider2 .flex-direction-nav .flex-prev { left: 30px }
#flexslider2 .flex-direction-nav .flex-next { right: 30px }
.pagination { position: relative; width: 100%; display: block; text-align: right; font-weight: 400; margin: 0 auto 30px }
.pagination.center-align { text-align: center }
.pagination li { color: #999; font-size: 11px; position: relative; margin: 0 5px 0; display: inline-block; padding: 0 0!important; background: 0 0!important; text-transform: uppercase }
.pagination li a, .pagination li.first-child>a, .pagination li.last-child>a { position: relative; border: none; color: #999; display: block; padding: 0 0; line-height: 22px; text-align: center; background: 0 0 }
.pagination li a:hover, .pagination li.selected a { background: 0 0; color: #363636 }
.pagination li.selected a { font-family: Poppins-Semibold }
.pagination li.first-child>a, .pagination li.last-child>a { font-family: Poppins-Semibold; color: transparent; -moz-opacity: .5; opacity: .5; background: url(../images/pagination-arrow-left.png) right center no-repeat; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease }
.pagination li.first-child>a { padding-right: 30px }
.pagination li.last-child>a { padding-left: 30px; background: url(../images/pagination-arrow-right.png) 0 center no-repeat }
.pagination li.first-child>a:hover, .pagination li.last-child>a:hover { color: #363636; -moz-opacity: 1; opacity: 1 }
.link-btn { font-family: Poppins-Bold; position: relative; display: block; font-size: 13px; margin: 0 auto; font-weight: 400; text-transform: uppercase }
.link-btn a { position: relative; text-align: center; color: #fff; overflow: hidden; padding: 14px 40px 11px; vertical-align: top; background: #f37936; border-radius: 40px; letter-spacing: 4px; display: inline-block; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.link-btn a:hover { color: #fff; background: #000; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.inlineBtn { display: inline-block; margin: 0 5px 10px }
.inlineBtn:first-child { margin-left: 0 }
.inlineBtn:last-child { margin-right: 0 }
.link-btn.smallBtn a { padding: 8px 15px }
.link-btn.midBtn a { padding: 12px 25px }
.link-btn.blockBtn a { display: block }
.photoContainer, .picBox { position: relative; display: block; width: 100%; margin: 5px 0 30px }
.photoContainer img, .picBox img { position: relative; display: block; width: 100% }
.picBox:after { position: absolute; display: block; content: ''; z-index: 5; width: 416px; bottom: 70px; right: -115px; height: 101px; overflow: hidden; background: url(../images/sprite1.png) 0 -790px no-repeat }
.picBox.patternLeft:after { position: absolute; display: block; content: ''; z-index: 5; width: 416px; bottom: 70px; left: -115px; height: 101px; overflow: hidden; background: url(../images/sprite1.png) 0 -790px no-repeat }
.career-container { position: relative; display: block; color: #363636; font-size: 16px; text-align: center; margin: 0 auto 0; padding: 100px 0 100px }
.career-container h2 { font-family: Poppins-Semibold; color: #464646; font-size: 40px; text-align: center; text-transform: none }
.career-container p { text-align: center; line-height: 30px }
.full-banner-img, .full-banner-img img { position: relative; display: block; width: 100%; margin: 0 auto; padding: 0 0 }
.benefit-listings { font-weight: 400; padding: 0; font-size: 14px; text-align: left; overflow: hidden; position: relative; margin: 0!important }
.benefit-listings>li { position: relative; display: block; float: left; width: 50%; text-align: left; padding: 0 30px; margin: 15px auto 15px }
.benefit-listings>li figure { position: absolute; display: block; left: 30px; width: 65px; height: 65px; overflow: hidden }
.benefit-listings>li figure img { position: relative; display: block; max-width: 100%; max-height: 100% }
.benefit-description { position: relative; display: block; min-height: 90px; text-align: left; margin: 0 auto; padding: 0 0 0 85px }
.benefit-description h5 { padding-bottom: 0 }
.benefit-description p { text-align: left; line-height: 24px }
.career-container .element-tabs>ul.tab-nav { font-family: Poppins-Regular; float: none; text-align: center; text-transform: none; margin: 0 auto 30px }
.career-container .tab-nav>li { font-size: 20px; letter-spacing: 0; margin: 0 30px 0!important }
.career-container .tab-nav>li>a { border: none; color: #707070; min-width: 1px; border-radius: 0; line-height: normal; padding: 0 0 0; border-bottom: 1px solid transparent }
.career-container .tab-nav>li>a.current, .career-container .tab-nav>li>a.current:hover, .career-container .tab-nav>li>a:focus, .career-container .tab-nav>li>a:hover { color: #00b1a9; border-color: #00b1a9 }
.career-container .tab-nav>li>a.current { font-family: Poppins-Semibold }
.job-listings { font-weight: 400; padding: 0; font-size: 14px; text-align: left; overflow: hidden; position: relative; margin: 0 auto!important }
.job-listings>li { position: relative; display: block; float: left; width: 100%; overflow: hidden; text-align: left; padding: 15px 30px; background: #f7f7f7; border-radius: 5px; margin: 15px auto 0 }
.job-description { position: relative; display: block; float: left; padding: 10px 0; margin: 0 30px 0 0 }
.job-description h5 { padding-bottom: 0 }
.job-description p { text-align: left; margin-bottom: 0 }
.job-listings>li .link-btn { margin: 20px auto }
.job-listings>li .link-btn a { letter-spacing: 1px }
.job-deatils-container { position: relative; display: block; color: #363636; font-size: 16px; margin: 0 auto 0; padding: 150px 0 60px }
.job-deatils-container h2 { font-family: Poppins-Regular; font-size: 35px; color: #262626; line-height: 40px; text-transform: none }
.job-deatils-container h2 b, .job-deatils-container h2 strong { font-family: Poppins-Semibold }
.applicationFormContainer { position: relative; display: block; margin: 0 auto; padding: 70px 0; background: #00b1a9 }
.applicationForm { position: relative; display: block; color: #fff; margin: 0 auto; padding: 0 0 0 }
.applicationForm h2 { color: #fff; font-size: 35px; text-align: center; padding-bottom: 0; text-transform: none }
.applicationForm p { text-align: center; margin: 0 auto 30px }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.btn-file { overflow: hidden; position: relative; vertical-align: middle }
.btn-file>input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; font-size: 23px; direction: ltr; cursor: pointer }
.fileupload { margin: 0; overflow: hidden; padding-right: 110px!important }
.fileupload .uneditable-input { display: inline-block; margin-bottom: 0; vertical-align: middle; cursor: text }
.fileupload-preview { margin: 0 auto; vertical-align: middle; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none }
.fileupload .close { margin-top: 5px; vertical-align: middle; font-size: 14px; color: #b81919; opacity: 1; font-family: OpenSans-Bold; font-weight: 400; float: none }
.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists { display: none }
.btnStyle2 { font-family: Poppins-Bold; position: absolute; right: 4px; top: 4px; width: 100px; color: #fff; font-size: 13px; overflow: hidden; line-height: 30px; padding: 5px 20px; text-align: center; border-radius: 5px; background: #f37936; display: inline-block; text-transform: uppercase; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out }
.btnStyle2:hover { color: #fff; background: #000; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out }
.sidebar { position: relative; display: block; margin: 0 auto 0; padding: 0 0 0 }
.sidebarWrapper { position: relative; display: block; margin: 0 auto 30px; padding: 0 0 0 }
.sidebarHeading { font-family: Poppins-Semibold; position: relative; font-size: 40px; color: #464646; z-index: 10; font-weight: 400; line-height: normal; margin: 0 0 15px; text-transform: none; padding: 0 0 15px; background: url(../images/shape2.png) 0 bottom no-repeat }
.sidebarHeading span { font-family: Poppins-Light }
ul.sidenav, ul.sidenav ul { font-weight: 400; padding: 0; font-size: 14px; text-align: left; overflow: hidden; position: relative; margin: 0!important }
ul.sidenav ul { display: none; border-top: 1px solid #e4e4e4 }
ul.sidenav>li.selected>ul { display: block }
ul.sidenav li li li>a, ul.sidenav li li>a, ul.sidenav>li, ul.sidenav>li li, ul.sidenav>li li li, ul.sidenav>li>a { position: relative; display: block; color: #363636; overflow: hidden }
ul.sidenav li li li, ul.sidenav>li, ul.sidenav>li li { line-height: 24px; margin: 0 0!important; padding: 0!important; background: 0 0!important }
ul.sidenav li li li>a, ul.sidenav li li>a, ul.sidenav>li>a { padding: 13px 15px; border-top: 1px solid #e4e4e4; background: url(../images/sidenav-arrow1.png) 0 19px no-repeat; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
ul.sidenav li:first-child>a { border-top: none }
ul.sidenav li li>a { padding-left: 30px; background: url(../images/sidenav-arrow1.png) 15px 19px no-repeat }
ul.sidenav li li li>a { padding-left: 45px; background: url(../images/sidenav-arrow1.png) 30px 19px no-repeat }
ul.sidenav>li li li.selected>a, ul.sidenav>li li li:hover>a, ul.sidenav>li li.selected>a, ul.sidenav>li li:hover>a, ul.sidenav>li.selected>a, ul.sidenav>li:hover>a { color: #f37936; background: url(../images/sidenav-arrow1.png) 0 19px no-repeat; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
ul.sidenav>li li.selected>a, ul.sidenav>li li:hover>a { background: url(../images/sidenav-arrow1.png) 15px 19px no-repeat }
ul.sidenav>li li li.selected>a, ul.sidenav>li li li:hover>a { background: url(../images/sidenav-arrow1.png) 30px 21px no-repeat }
ul.sidenav2, ul.sidenav2 ul { font-weight: 400; padding: 0; font-size: 16px; text-align: left; position: relative; margin: 0!important }
ul.sidenav2 { margin-bottom: 30px!important }
ul.sidenav2 ul { display: none }
ul.sidenav2>li.selected>ul { display: block }
ul.sidenav2 li li li>a, ul.sidenav2 li li>a, ul.sidenav2>li, ul.sidenav2>li li, ul.sidenav2>li li li, ul.sidenav2>li>a { position: relative; display: block; color: #ababab }
ul.sidenav2 li li li, ul.sidenav2>li, ul.sidenav2>li li { line-height: 26px; margin: 0 0!important; padding: 0!important; background: 0 0!important }
ul.sidenav2 li li li>a, ul.sidenav2 li li>a, ul.sidenav2>li>a { padding: 5px 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
ul.sidenav2 li li li>a:before, ul.sidenav2 li li>a:before, ul.sidenav2>li>a:before { position: absolute; display: block; content: ''; left: -30px; width: 0; top: 12px; height: 8px; overflow: hidden; background: url(../images/long-arrow2.png) 0 center no-repeat; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
ul.sidenav2>li li li.selected>a, ul.sidenav2>li li li:hover>a, ul.sidenav2>li li.selected>a, ul.sidenav2>li li:hover>a, ul.sidenav2>li.selected>a, ul.sidenav2>li:hover>a { color: #f37936; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
ul.sidenav2>li li li.selected>a:before, ul.sidenav2>li li li:hover>a:before, ul.sidenav2>li li.selected>a:before, ul.sidenav2>li li:hover>a:before, ul.sidenav2>li.selected>a:before, ul.sidenav2>li:hover>a:before { width: 21px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.inner-banner { position: relative; float: left; width: 100%; display: block; margin: 0 auto 0 }
.inner-banner img { position: relative; width: 100%; z-index: 1; margin: 0 auto; overflow: hidden }
.breadcrumb-container { position: relative; width: 100%; display: block; color: #555; font-size: 12px; margin: 0 auto }
#breadcrumb { font-family: Poppins-Semibold; position: relative; width: 100%; display: block; color: #555; font-size: 12px; margin: 30px auto }
#breadcrumb a, #breadcrumb a.selected { font-family: Poppins-Medium; position: relative; color: #555; display: inline-block; margin: 0 7px 0 0 }
#breadcrumb a .fa { padding-left: 3px; vertical-align: top; margin: 3px 0 0 0 }
#breadcrumb a:hover { color: #ff2800 }
.pageTitle, .pageTitle2 { font-family: Poppins-Semibold; position: relative; font-size: 40px; color: #464646; z-index: 10; line-height: 50px; font-weight: 400; margin: 0 0 30px; text-transform: none; padding: 0 0 25px }
.pageTitle { background: url(../images/shape2.png) 0 bottom no-repeat }
.pageTitle3 { font-family: Poppins-Semibold; position: relative; font-size: 40px; color: #464646; line-height: 50px; font-weight: 400; margin: 0 0 30px; text-transform: none; padding: 0 0 20px; background: url(../images/shape2.png) 0 20px repeat-x }
.pageTitle3 span.boldText { font-family: Poppins-Semibold; z-index: 2; position: relative; background: #fff; display: inline-block; padding: 0 15px 0 0 }
.pageTitle span, .pageTitle2 span, .pageTitle3 span { font-family: Poppins-Light }
.pageTitle.text-center { text-align: center; background-position: center bottom }
.pageTitleNew { font-family: Poppins-Semibold; position: relative; font-size: 50px; color: #f37936; z-index: 10; line-height: 1.2; font-weight: 400; margin: 0 0 30px; text-transform: none; padding: 0 0 25px }
.pageTitleBox { position: relative; display: block; margin: 0 auto 30px; padding: 0 0 30px; background: url(../images/shape2.png) 0 bottom no-repeat }
.pageTitleBox.text-center { background-position: center bottom }
.pageTitleBox h1, .pageTitleBox h2 { font-family: Poppins-Semibold; text-transform: none; padding-bottom: 10px; line-height: 1.3; font-size: 40px; color: #464646; margin: 0 auto }
.pageTitleBox h3, .pageTitleBox h4, .pageTitleBox h5, .pageTitleBox h6 { text-transform: none; padding-bottom: 10px; line-height: 1.2; margin: 0 auto }
.pageTitleBox h1 span, .pageTitleBox h2 span, .pageTitleBox h3 span, .pageTitleBox h4 span, .pageTitleBox h5 span, .pageTitleBox h6 span { font-family: Poppins-Light; color: #464646 }
.colorStyle1 { color: #f37936!important }
.NoUppercase { text-transform: none!important }
h2, h3, h4, h5, h6 { font-family: Poppins-Semibold; position: relative; font-size: 32px; color: #262626; font-weight: 400; margin: 0 0 0; line-height: normal; padding: 0 0 15px; text-transform: uppercase }
h3 { font-size: 28px }
h4 { font-size: 24px }
h5 { font-size: 20px; margin-top: 30px }
body.page-id-160 h5 { font-size: 20px; margin-top: 0 }
h5 span { color: #f37936 }
h6 { font-size: 16px; margin-top: 30px }
.col-md-9 h6 { font-size: 16px; margin-top: 0 }
p { line-height: 24px; margin: 0 0 15px }
ol.ol-listing, ul.ul-listing { margin: 0 0 15px; display: block; padding: 0; width: 100%; text-align: left; list-style-position: inside }
ul.ul-listing.text-center, ol.ol-listing.text-center { text-align:center; }
ul.ul-listing { padding-left: 0 }
/*ul.ul-listing li { list-style: none; line-height: 24px; padding: 2px 0 2px 20px; background: url(../images/bullet.png) 0 4px no-repeat }*/
ul.ul-listing li li { padding: 2px 0 2px 40px; /*background: url(../images/bullet.png) 20px 4px no-repeat*/ }
ul.ul-listing li { position:relative; line-height:24px; list-style-type:none; padding:2px 0px 2px 20px; }
ul.ul-listing li:before { position:absolute; content:''; left:auto; top:6px; width:12px; height:15px; overflow:hidden; margin-left:-20px; background:url(../images/bullet.png) 0px center no-repeat; }
ul.ul-listing ul { margin: 8px 0 }
ol.ol-listing { padding: 0 0 0 15px; list-style-position: outside }
ol.ol-listing li { line-height: 24px; list-style-type: decimal; padding: 2px 0 2px 0 }
.imgLeft { position: relative; float: left; width: auto; max-width: 100%; clear: left!important; margin: 5px 30px 30px 0 }
.imgRight { position: relative; float: right; width: auto; max-width: 100%; clear: right!important; margin: 5px 0 30px 30px }
.footer-wrapper { position: relative; width: 100%; z-index: 3; display: block; overflow: hidden }
.brand-container { position: relative; display: block; width: 100%; padding: 30px 0; text-align: center; background: #fff }
.brands-slider { position: relative; display: block; margin: 0 auto 0; padding: 0 0 0 }
.brand-box { position: relative; display: block }
.brand-box figure { position: relative; display: block; height: 135px; overflow: hidden; margin: 0 auto; padding: 0 15px; text-align: center; vertical-align: middle }
.brand-box figure:before { position: relative; content: ''; height: 100%; text-align: center; display: inline-block; vertical-align: middle }
.brand-box figure img { position: relative; max-width: 98%; max-height: 98%; display: inline-block; vertical-align: middle }
.brands-slider .slick-slider { margin-bottom: 0 }
.footer-top { position: relative; display: block; color: #a1a1a1; font-size: 12px; overflow: hidden; line-height: 24px; background: #1d1c1d; padding: 50px 0 50px }
.footer-bottom { position: relative; display: block; color: #a1a1a1; font-size: 12px; overflow: hidden; line-height: 24px; background: #151515; padding: 20px 0 15px }
.footer { position: relative; overflow: hidden; display: block; margin: 0 auto }
.footer a { color: #a1a1a1 }
.footer a:hover { color: #f37936 }
.footer img { vertical-align: middle }
.fcol1, .fcol2, .fcol3, .fcol4 { position: relative; display: block; float: left; width: 20%; margin: 0 4% 0 0 }
.fcol4 { width: 28%; margin-right: 0 }
.footHead { font-family: Poppins-Semibold; position: relative; font-size: 13px; display: block; color: #fff; margin-bottom: 10px; text-transform: uppercase }
.flogo { position: relative; display: block; margin: 0 auto 30px }
.fcontact-details-block { position: relative; display: block }
.femail, .ffax, .flocation, .ftel { position: relative; display: block; line-height: 24px; margin: 0 auto 3px; padding: 0 0 0 20px }
.flocation { position: relative }
.flocation:before { background: url(../images/spirite-icons1.png) -100px 4px no-repeat; position: absolute; content: ''; top: 0; left: 0; width: 15px; height: 20px; background-size: auto }
.femail { position: relative }
.femail:before { background: url(../images/spirite-icons1.png) 0 2px no-repeat; position: absolute; content: ''; top: 0; left: 0; width: 15px; height: 20px; background-size: auto }
.ftel { position: relative }
.ftel:before { background: url(../images/spirite-icons1.png) -151px 2px no-repeat; position: absolute; content: ''; top: 0; left: 0; width: 15px; height: 20px; background-size: auto }
.ffax { position: relative }
.ffax:before { background: url(../images/spirite-icons1.png) -48px 2px no-repeat; position: absolute; content: ''; top: 0; left: 0; width: 15px; height: 20px; background-size: auto }
.whatsapp a { margin-top: 10px; margin-bottom: 20px; border: 2px solid #959595; border-radius: 50px; display: inline-block; font-size: 12px; font-weight: 700; padding: 10px 25px 10px 20px; color: #959595!important; line-height: 17px }
.whatsapp a .fa-whatsapp { float: left; font-size: 30px; margin-right: 15px }
.whatsapp a:hover { border: 2px solid #24cd63!important; color: #fff!important; background: #24cd63!important }
.whatsapp a:hover .fa-whatsapp { color: #fff }
.fcontact-details-block a { color: #f37936 }
.fcontact-details-block a:hover { color: #fff }
.foot-nav { position: relative; display: block; font-size: 0 }
.foot-nav li { position: relative; display: block; font-size: 12px; line-height: 24px; margin: 0 0 5px }
.foot-nav li a { position: relative; color: #a1a1a1; display: inline-block; padding: 0 0 0 17px }
.foot-nav li a:before { background: url(../images/spirite-icons1.png) -200px 2px no-repeat; position: absolute; content: ''; top: 0; left: 0; width: 15px; height: 20px; background-size: auto }
.foot-nav li a:hover, .foot-nav li.current_page_item a { color: #f37936 }
.newsletter-col { position: relative; display: block; width: 100% }
.newsletter-box { position: relative; color: #a1a1a1; display: block; width: 100%; overflow: hidden; margin: 15px auto 20px }
.newsletter-input { position: relative; width: 100%; height: 40px; border: none; color: #a1a1a1; font-size: 12px; line-height: 20px; padding: 10px 20px; background: #343434; border-radius: 30px; margin: 0 auto 20px }
.newsletter-btn { font-family: Poppins-Bold; position: relative; display: block; color: #fff; width: 100%; height: 40px; border: none; font-size: 13px; padding: 0 0; line-height: 44px; text-align: center; background: #f37936; border-radius: 30px; 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:#a1a1a1
}
 .newsletter-input:-moz-placeholder {
 color:#a1a1a1
}
 .newsletter-input::-moz-placeholder {
 color:#a1a1a1
}
 .newsletter-input:-ms-input-placeholder {
 color:#a1a1a1
}
.copyright { position: relative; display: block; float: right }
.bottom-nav { position: relative; display: block; float: left; font-size: 0; margin: 0 auto }
.bottom-nav li { position: relative; color: #fff; font-size: 12px; display: inline-block; margin: 0 20px 0 0 }
.bottom-nav li b, .bottom-nav li strong { font-family: Poppins-Semibold; font-weight: 400; font-size: 13px }
.bottom-nav li a { position: relative; color: #a1a1a1; display: block; padding: 0 0 }
.bottom-nav li a:hover, .bottom-nav li.selected a { color: #f37936 }
.bottom-logo { position: relative; display: block; margin: 0 auto }
.contact-details-block { position: relative; display: block }
.contact-details-block b, .contact-details-block strong { font-family: Poppins-Semibold; font-weight: 400 }
.location, .oh { position: relative; display: block; line-height: 24px; margin: 0 0 30px; padding: 0 0 0 30px; background: url(../images/location-icon2.png) 0 7px no-repeat }
.oh { background: url(../images/clock-icon.png) 0 7px no-repeat }
.table-container { width: 100%; overflow-y: auto; margin: 0 0 1em }
 .table-container::-webkit-scrollbar {
 -webkit-appearance:none;
 width:14px;
 height:14px
}
 .table-container::-webkit-scrollbar-thumb {
 border-radius:8px;
 border:3px solid #fff;
 background-color:rgba(0,0,0,.3)
}
.table-data { position: relative; width: 100%; font-size: 14px; margin: 15px auto 30px }
.table-data td, .table-data th { padding: 10px 30px; color: #fff; line-height: 24px; background: #f37936; vertical-align: middle; border-left: 1px solid #36bbaf }
.table-data th { border-left: 1px solid #167dd1 }
.table-data td:first-child, .table-data th:first-child { border-left: none }
.table-data tr:nth-child(even) td { background: #f37936 }
.table-data tr:nth-child(odd) td { background: #19877d }
.table-data th { font-family: Poppins-Semibold; font-weight: 400; color: #fff; background: #005eab; text-transform: uppercase }
.contactFormContainer { position: relative; display: block; margin: 0 auto; padding: 70px 0; background: #00b1a9 }
.contactForm, .contactFormInner { position: relative; display: block; margin: 0 auto; padding: 0 0 0 }
.contactFormInner { margin: 30px auto 70px }
.contactForm h2 { color: #fff; font-size: 28px; text-align: center; margin-bottom: 50px; padding-bottom: 30px; text-transform: none; margin-top: 10px; position: relative }
.contactForm h2:before { background: url(../images/spirite-icons1.png) -48px 2px no-repeat; position: absolute; content: ''; top: 80%; left: 50%; width: 200px; height: 15px; background-size: auto; background-position: 0 -222px; margin-left: -100px }
.control-label, .form-horizontal .control-label { text-align: left; color: #959595; font-size: 14px; padding-top: 12px; font-weight: 400; padding-bottom: 5px }
.contactFormInner .control-label, .contactFormInner .form-horizontal .control-label { font-family: Poppins-Semibold; color: #363636 }
.colon { position: relative; float: right; margin-right: -10px }
.required { font-family: Poppins-Regular; position: relative; color: #f37936 }
.footNote { font-family: Poppins-Regular; position: relative; color: #00bab1; font-size: 12px; margin: 5px auto 15px }
.form-group { margin-right: -15px; margin-left: -15px }
.form-control, .form-control[disabled], .form-control[readonly], .select2-container--default .select2-selection--single, fieldset[disabled] .form-control { position: relative; display: block; width: 100%; height: 50px; color: #959595; font-size: 14px; line-height: 30px; padding: 9px 12px; font-weight: 400; background-image: none; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s }
.form-horizontal .checkbox, .form-horizontal .radio { position: relative; min-height: 1px; font-weight: 400; display: inline-block; margin: 3px 5px 0 0 }
.contactFormInner .form-control, .contactFormInner .form-control[disabled], .contactFormInner .form-control[readonly], .contactFormInner .select2-container--default .select2-selection--single, .contactFormInner fieldset[disabled] .form-control { color: #363636; border: 1px solid #464646 }
textarea.form-control { min-height: 115px; line-height: 20px; height: auto }
.select2-container { color: #959595; font-size: 14px }
.select2-container--default .select2-selection--single { padding: 0 30px 0 0 }
.form-control:focus, .form-control:hover, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:hover { border-color: #00fff3; outline: 0; -webkit-box-shadow: none; box-shadow: none }
.contactFormInner .form-control:focus, .contactFormInner .form-control:hover, .contactFormInner .select2-container--default .select2-selection--single:focus, .contactFormInner .select2-container--default .select2-selection--single:hover { border: 1px solid #f37936 }
 .form-control::-webkit-input-placeholder, ::-webkit-input-placeholder {
 color:#959595
}
 .form-control:-moz-placeholder, :-moz-placeholder {
 color:#959595
}
 .form-control::-moz-placeholder, ::-moz-placeholder {
 color:#959595
}
 .form-control:-ms-input-placeholder, :-ms-input-placeholder {
 color:#959595
}
 .form-control:focus::-webkit-input-placeholder {
 color:transparent!important
}
 .form-control:focus:-moz-placeholder {
 color:transparent!important
}
 .form-control:focus::-moz-placeholder {
 color:transparent!important
}
 .form-control:focus:-ms-input-placeholder {
 color:transparent!important
}
.fleft { position: relative; float: left!important }
.fright { position: relative; float: right!important }
.resetBtn, .resetBtn:focus, .sendEnquiry, .sendEnquiry:focus, .submit, .submit:focus { font-family: Poppins-Bold; position: relative; cursor: pointer; float: none; border: none; display: block; color: #fff; font-size: 13px; overflow: hidden; min-width: 240px; padding: 15px 15px 12px; text-align: center; letter-spacing: 4px; background: #1d1c1d; margin: 5px auto 5px; border-radius: 50px; text-transform: uppercase; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.submit:hover { color: #fff; background: #f37936; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.sendEnquiry, .sendEnquiry:focus { margin: 5px 5px 5px; background: #f37936; display: inline-block }
.resetBtn, .resetBtn:focus { margin: 5px 5px 5px; background: #d4d4d4; display: inline-block }
.resetBtn:hover, .sendEnquiry:hover { color: #fff; background: #363636; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.thankYouContainer { position: relative; display: block }
.thankYouLeftHolder, .thankYouRightHolder { float: left; width: 50%; position: relative; display: block; }
.thankYouLeft { position: relative; display: block; margin-right: 182px; }
.thankYouLeftContent { position: relative; display: block; float: right; width: 100%; width: 400px; padding: 98px 98px 98px 0; }
.thankYouLeftContent p, .thankYouRightContent>p { font-size: 18px; line-height: 30px; letter-spacing: -.9px; color: #777777; }
.thankYouLeftContent h2, .thankYouRightContent h2 { font-family: Poppins-Bold; font-weight: 400; color: #231F20; letter-spacing: -1.8px; font-size: 36px; line-height: 46px; }
.thankYouLeftContent h2 strong, .thankYouRightContent h2 strong { font-family: Poppins-Bold; font-weight: 400; color: #f37936 }
.thankYouRight { position: relative; display: block; background: #f5f5f5; margin-left: -182px; }
.thankYouRightContent { position: relative; display: block; float: left; width: 100%; width: 770px; padding: 98px 0 98px 98px }
.tableContainer { position: relative; display: table; height: 100%; margin: 0 auto; padding: 15px 0px; cursor: pointer; }
.tableContainer a { display: block; }
.tableContentLeft { position: relative; width: 32.55%; padding-right: 22px; display: table-cell; vertical-align: middle }
.tableContentRight { position: relative; width: 67.45%; padding-left: 0px; display: table-cell; vertical-align: middle; font-family: Poppins-SemiBold; color: #231F20; font-size: 20px; line-height: 30px; letter-spacing: -1px; transition: all 0.2s linear; }
.tableContentRight .link-btn a { letter-spacing: 0 }
.thankYouRightContent>p a { font-family: Poppins-SemiBold; color: #02B1A9; }
.tableContainer:hover .tableContentRight, .thankYouRightContent>p a:hover { color: #f37936; }
.grid-tb { display: table; height: 100%; width: 100%; }
.grid-tc { display: table-cell; vertical-align: middle; }
.map { font-family: Arial, Helvetica, sans-serif; position: relative; display: block; width: 100%; height: 350px; color: #333; margin: 0 0 30px; border: 0 solid #d4d4d4 }
.firstHeading { font-size: 14px; color: #333; margin: 0 }
.map p { font-size: 12px; text-align: left; line-height: 18px }
.map img { max-width: none!important }
.map a { color: #f37936 }
.map a:hover { color: #000 }
#toTop { text-decoration: none; position: fixed; display: none; bottom: 20px; right: 5px; width: 65px; height: 65px; border: none; z-index: 5001; text-indent: 100%; background: url(../images/sprite1.png) 0 -455px no-repeat; overflow: hidden }
#toTopHover { background: url(../images/sprite1.png) 0 -520px no-repeat; width: 65px; height: 65px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0 }
#toTop:active, #toTop:focus { outline: 0 }
.vclear { clear: both; height: 30px }
.dot-line { background: url(../images/shape2.png) 0 bottom repeat-x; margin: 0 0 30px; height: 12px }
body.page-id-39 .dot-line { height: 1px }
.motivationalQuote.text-center:before { background: 0 0 }
body.single-post h2 { font-size: 20px }
body.single-post .webExcellenceContent h2 { font-size: 50px }
.your-cv { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; font-size: 23px; direction: ltr; cursor: pointer }
.animated-video-slider { position: relative; display: block; overflow: hidden; margin: 15px auto!important }
.animated-video-box { position: relative; display: block; overflow: hidden; margin: 0 auto; padding-bottom: 60px }
.animated-video-img-box { position: relative; display: block; float: left; width: 188px; overflow: hidden }
.animated-video-img-box figure, .animated-video-img-box figure img { position: relative; display: block; width: 100%; overflow: hidden; border-radius: 50% }
.animated-video-content-box { position: relative; display: block; margin-left: 230px; overflow: hidden }
.animated-video-title { font-family: Poppins-Semibold; position: relative; display: block; color: #262626; font-size: 16px; margin: 0 auto 15px; padding: 0 }
.slick-dots li { width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #e1e1e1 }
.slick-dots li.slick-active, .slick-dots li:hover { background: #ff752a }
.slick-dots li button { width: 10px; height: 10px; border-radius: 50% }
.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 }
.slick-dots li button:before { line-height: 10px; border: none; opacity: 1; top: 0; left: 0; width: 10px; height: 10px; overflow: hidden; border-radius: 50%; background: 0 0 }
.slick-dots li.slick-active button:before, .slick-dots li:hover button:before { opacity: 1; background: 0 0 }
.animated-video-slider .slick-dots { bottom: 20px; margin: 0 0 0 230px; text-align: left }
.animated-video-production-container { position: relative; display: block; width: 100%; margin: 0 auto }
.slide-for { position: relative; display: block; width: 100%; overflow: hidden; margin: 15px auto!important }
.animated-video-production-box { position: relative; display: block; overflow: hidden; margin: 0 auto; padding: 30px 0 0; background: url(../images/shape3.png) 0 0 no-repeat }
.animated-video-production-img-box { position: relative; display: block; float: right; width: 173px; overflow: hidden }
.animated-video-production-img-box figure, .animated-video-production-img-box figure img { position: relative; display: block; width: 100%; overflow: hidden }
.animated-video-production-content-box { position: relative; display: block; margin-right: 210px; overflow: hidden; padding: 0 }
.animated-video-production-box h5 { font-family: Poppins-Light; color: #00bab1; font-size: 20px; margin: 0 auto; padding: 0 0 15px; text-transform: none }
.slideNavBox { position: relative; display: block; margin: 30px -30px 40px -30px; padding: 0; overflow: hidden }
.slideNavBox:before { position: absolute; content: ''; left: 40px; right: 100px; top: 50%; height: 5px; overflow: hidden; margin-top: -2px; background: #eee }
.slideNav { position: relative; display: block; height: 90px; width: 90px!important; margin: 0 30px; text-align: center; overflow: hidden }
.slideNav:hover { background-position: 0 -90px }
.slideNav.slick-current { background-position: 0 -180px }
.slideNav1 { background: url(../images/slide-nav-icon1.png) 0 0 no-repeat }
.slideNav2 { background: url(../images/slide-nav-icon2.png) 0 0 no-repeat }
.slideNav3 { background: url(../images/slide-nav-icon3.png) 0 0 no-repeat }
.slideNav4 { background: url(../images/slide-nav-icon4.png) 0 0 no-repeat }
/* Features Section */
.feature-block { position: relative; display: block; width: 100%;; margin: 0px auto 30px; line-height: 1.4; }
.feature-block a { position: relative; display: block; width: 100%; color: #565656; padding: 30px; border-radius: 5px; background: #ffffff; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); }
.feature-block a:hover, .feature-block a:focus { color: #ffffff; background: #00b0a7; }
.feature-img-block { position: relative; display: block; float: left; width: 115px; }
.feature-img-block img { position: relative; max-width: 100%; height: auto; }
.feature-text-block { position: relative; margin-left: 135px; }
.feature-block-heading { font-family: Poppins-Semibold; position: relative; display: block; font-size: 16px; padding-bottom: 5px; }
.read-more-btn { font-family: Poppins-Bold; position: relative; display: block; color: #00b0a7; font-size: 12px; text-transform: uppercase; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out; }
.feature-block a:hover .read-more-btn, .feature-block a:focus .read-more-btn { color: #ffffff; }

/* Features Section 2 */
.feature-block2 { position: relative; display: block; width: 100%;; margin: 0px auto 30px; line-height: 1.4; }
.feature-block2 a { position: relative; display: block; width: 100%; color: #565656; padding: 0px; text-align: center; /*pointer-events: none;*/ }
.feature-block2 a:hover, .feature-block2 a:focus { color: #00b0a7; }
.feature-img-block2 { position: relative; display: block; width: 100%; height: 95px; overflow: hidden; margin: 0px auto 5px; }
.feature-img-block2 figure { position:absolute; overflow:hidden; top:0px; left:0px; right:0px; bottom:0px; display:block; margin:0px auto; text-align:center; }
.feature-img-block2 figure:before { position:relative; clear:both; content:''; height:100%; display:inline-block; vertical-align:middle; }
.feature-img-block2 figure img { position:relative; max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; }
.feature-text-block2 { position: relative; display: block; }
.feature-block-heading2 { font-family: Poppins-Semibold; position: relative; display: block; font-size: 14px; }

 @media (min-width:1600px) {
.webExcellenceContent { padding: 200px 0px; }
}
 @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: 25px 2px 25px }
}

/*@media (max-width:1399px) {

.topRightContainer { width: 100%; margin: 0; min-height: 82px; position: absolute; right: 0; top: 0; z-index: 111111; padding-right: 82px; min-width: 100%; }

.career-page .topRightContainer { padding-right: 0 }

.nav-wrapper { width: 100%; margin: 0; min-height: 82px; position: absolute; right: 0; top: 0; max-width: 350px; z-index: 111111 }

.nav-container { position: absolute; top: auto; margin: 0; display: block; clear: both; width: 100% }

.mega-menu-toggle, .nav { display: none!important }

}*/

@media (max-width:1280px) {
/*#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: 25px 5px 25px }*/

.nav>ul>li { margin: 0 20px 0 0 }
.imgLeft, .imgRight { max-width: 50% }
.webExcellenceContent { margin: 0px; }
}
@media (max-width:1199px) {
.topRightContainer { width: 100%; margin: 0; min-height: 82px; position: absolute; right: 0; top: 0; z-index: 111111; padding-right: 82px; min-width: 100%; }
.career-page .topRightContainer { padding-right: 0 }
.nav-wrapper { width: 100%; margin: 0; min-height: 82px; position: absolute; right: 0; top: 0; max-width: 350px; z-index: 111111 }
.nav-container { position: absolute; top: auto; margin: 0; display: block; clear: both; width: 100% }
.mega-menu-toggle, .nav { display: none!important }
.inner-menu { display: block!important }
.innerMenu-container>ul>li>a { padding: 14px 20px }
.innerMenu-container>ul>li>a span { white-space: normal }
.imgLeft, .imgRight { max-width: 50% }
.teamList>li figure { height: 218px }
.excellenceContentBox { padding: 100px 0 100px 30px }
.excellenceContentBox h2 { font-size: 50px; line-height: 55px }
.leftCol57Content, .rightCol57Content { width: 550px }
.leftCol42Content, .rightCol42Content { width: 420px }
.textCol { padding: 0 0 }
.clientListContainer, .halfPageContent { padding: 30px 30px }
.pageTitle, .pageTitle2 .pageTitle3 { font-size: 32px; line-height: 40px }
.darkBoardCol { width: 40.8% }
.whiteBoardCol { width: 59.2% }
.whiteBoardContainer { width: 567px }
.darkBoardContainer { width: 373px }
.halfContainerLeftContent, .halfContainerRightContent { width: 455px }
.projectPicContainer, .projectPicContainer2 { padding: 50px 30px }
.captionContainer2 { max-width: 550px; margin-top: 0 }
.banner_caption2 .bannerHeading4 { font-size: 60px; line-height: 65px }
.banner_caption2 .bannerHeading5 { font-size: 30px; line-height: 40px }
.projectListing>li>a { height: 314px }
.servicesBoxNew h2 { font-size: 40px }
.slideNavBox { margin: 30px -15px 40px }
.slideNavBox:before { left: 30px }
.slideNav { margin: 0 15px }
.thankYouLeft { margin-right: 80px; }
.thankYouRight { margin-left: -80px; }
.thankYouLeftContent { width: 100%; padding-left: 104px; }
.thankYouRightContent { width: 100%; padding-right: 104px; }
/*updated*/
.feedback-left-content, .feedfack-right-content { width: 455px; }
.feedback-checkbox ul li { width: 50%; }
.feedback-tabs .nav { display: block !important; }
.feedback-top-heading h2 { font-size: 40px; padding: 20px 0px 0px; }
.homePageHeader,.fixedHeader,.sticky-wrapper{ position:relative !important;}
.fixedHeader{background: rgba(0,0,0,.8);}
/*29-09-2020*/
.csr-info { position:relative; display:block; }
.csr-info h2 { font-size:35px; }
}
 @media (max-width:1024px) {
.thankYouLeftContent, .thankYouRightContent { padding: 40px; }
}
 @media (max-width:991px) {
.innerMenu-wrapper { display: none!important }
.excellenceContentBox { padding: 70px 0 70px 30px }
.excellenceContentBox h2, body.single-post .webExcellenceContent h2 { font-size: 40px; line-height: 45px }
.excellenceContentBox h3 { font-size: 30px; line-height: 35px }
.portfolioContentBox { padding: 50px 0 }
.aboutUsContainer .equalheight-container2 { margin: 30px auto 50px }
.leftCol57Content, .rightCol57Content { width: 434px }
.leftCol42Content, .rightCol42Content { width: 316px }
.grayContainer2 { margin: 0 auto 30px }
.teamList>li figure { height: 166px }
.text1 { font-size: 12px; padding: 15px 10px }
.servicebanner { margin-bottom: 30px }
.servicebanner img, .servicebanner2 img { min-height: 1px; max-width: 100%; height: auto }
.darkBoardCol, .halfContainerLeft, .halfContainerRight, .halfPageContainerLeft, .halfPageContainerRight, .whiteBoardCol { width: 100% }
.halfContainerLeft, .halfContainerRight { padding: 0 }
.halfContainerLeftContent, .halfContainerRightContent { width: 100%; padding: 40px }
.projectDescription { padding: 0 }
.pagination.mb50 { margin-bottom: 30px!important }
.sidebar { margin: 30px auto 0; width: 100% }
.dark-container .equalColHeight, .eqlHeight, .eqlHeight2, .equalheight-container { height: auto!important }
.webExcellenceContainer { padding: 0 0 530px 0; background-position: right bottom; background-size: auto }
.darkBoardContainer { width: 100%; padding: 10px 50px 30px }
.whiteBoardContainer { width: 100%; padding: 50px 50px }
.popUpConttent { padding: 40px }
.fancybox-next { right: 20px }
.webExcellenceContent, .webExcellenceContent p { text-align: center }
.webExcellenceContent h3 { display: inline-block }
.webExcellenceContent { padding: 70px 0px; }
.displayTable { margin: 30px auto }
#flexslider { padding: 0 30px }
.testimonialContainer .flex-direction-nav .flex-prev { left: 0 }
.testimonialContainer .flex-direction-nav .flex-next { right: 0 }
.mainBlogContainerInner { padding-left: 0px; }
.fcol1, .fcol2, .fcol3, .fcol4 { width: 34%; margin: 0 5% 0 0 }
.fcol3 { width: 22%; margin-right: 0 }
.fcol4 { width: 100%; margin: 30px 0 0 }
.bottom-logo { text-align: center }
.bottom-nav, .copyright { float: none; text-align: center }
.bottom-nav li { margin: 0 10px }
.resetBtn, .resetBtn:focus, .sendEnquiry, .sendEnquiry:focus { min-width: 200px }
.OurClientList>li { width: 25% }
.OurClientList>li:nth-child(6n+6) { clear: none }
.OurClientList>li:nth-child(4n+5) { clear: both }
.banner_caption2 { position: relative; top: auto; left: auto; padding: 30px 0; margin: 0 auto; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); clear: both; border-bottom: 1px solid #ddd }
.captionContainer2 { max-width: 100% }
.thankYouLeft, .thankYouRight { width: 100% }
.thankYouLeftContent, .thankYouRightContent { float: none; display: block; margin: 0 auto; padding: 60px 15px; width: 750px }
.banner_caption3 { position: relative; top: auto; left: auto; padding: 40px 0; margin: 0 auto; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); clear: both; border-bottom: 1px solid #ddd }
.captionContainer3, .captionContainer3 .bannerHeading6 { color: #363636 }
.captionContainer3 .bannerHeading6 { font-size: 50px; line-height: 55px }
.portfolio-cat-listing>li .catname { font-size: 25px }
.projectListing>li>a { height: 241px }
.servicesListingsNew { margin: 0 }
.servicesListingsNew2 li { width: 50% }
.slideNavBox { margin: 30px -30px 40px }
.slideNavBox:before { left: 40px }
.slideNav { margin: 0 30px }
.projectPicContainer2 { padding: 50px 40px 0 }
.thankYouLeftHolder, .thankYouRightHolder { width: 100%; }
.thankYouLeft, .thankYouRight { margin: 0px; }
/*update*/

.testimonial-rating-box { margin: 0px 0px 25px; }
.feedback-left-content, .feedfack-right-content { width: 100%; padding: 0px 15px; }
.feedfack-right-content { float: right; }
.feedback-bottom-pic { text-align: center; }
.clientTextimonial { padding: 0px 0px; }
}
 @media (max-width:800px) {
.projects-slider .slick-prev { left: 0 }
.projects-slider .slick-next { right: 0 }
}
 @media (max-width:767px) {
.nav-wrapper { max-width: 280px }
.banner_caption .captionContainer .bannerHeading1 { font-size: 30px; line-height: 35px }
.banner_caption .captionContainer .bannerHeading2, .banner_caption .captionContainer .bannerHeading3 { font-size: 40px; line-height: 45px }
.intro-container { padding: 90px 0 350px; background-size: auto; background-position: center bottom }
.boxContainerInner { height: auto!important }
.blogListings>li { width: 100%; margin: 0 auto 30px }
.quickEnquiryBtn { right: -45px }
.quickEnquiryBtn:hover { right: 0 }
.testimonialContainer { padding: 70px 0 }
.leftCol57Content, .rightCol57Content { width: 100%; padding: 0 }
.leftCol42Content, .rightCol42Content { width: 100%; padding: 0 }
.darkBoardCol, .leftCol42, .leftCol57, .rightCol42, .rightCol57, .whiteBoardCol { width: 100%; padding: 15px }
.aboutUsContainer .fullContainer.mb50 { margin-bottom: 0!important }
.aboutUsContainer .equalheight-container2 { margin: 0 auto 30px }
.element-tabs>ul.tab-nav { margin: 0 auto 15px; float: left; width: 100%; text-align: left }
.teamList>li { width: 48%; margin: 15px 4% 15px 0 }
.teamList>li:nth-child(4n+4) { margin-right: 4% }
.teamList>li:nth-child(4n+5) { clear: none }
.teamList>li:nth-child(2n+2) { margin-right: 0 }
.teamList>li:nth-child(2n+3) { clear: both }
.teamList>li figure { height: 260px }
.halfContainerLeftContent, .halfContainerRightContent { padding: 30px 15px 30px }
.darkBoardContainer { padding: 0 15px 30px 30px }
.whiteBoardContainer { padding: 30px 15px 30px 30px }
.popUpConttent { padding: 30px 15px }
.boxColLeft { padding-left: 0 }
.boxColRight { padding-right: 0 }
.pageTitle3.mt50 { margin-top: 0!important }
.camera_pag { display: none!important }
.fcol1 { width: 100%; clear: both; margin-bottom: 15px; text-align: center }
.fcol2 { width: 100%; padding: 0; margin: 0 0 15px; text-align: center }
.fcol3 { width: 100%; text-align: center }
.fcontact-details-block, .footHead, .footer p { text-align: center }
.femail, .ffax, .flocation, .ftel { display: inline-block; margin: 0 10px 3px }
.foot-nav li { display: inline-block; margin: 3px 10px }
.colon { float: none; margin: 0 auto 0 10px }
.contactFormInner { margin: 30px auto }
.thankYouLeftContent, .thankYouRightContent { padding: 60px 15px; width: 100% }
.portfolioCol { width: 100% }
.benefit-listings>li { width: 100%; padding: 0 0 }
.benefit-listings>li figure { left: 0 }
.portfolio-cat-listing>li { width: 100%; margin: 0 auto 40px }
.projectListing>li { width: 100%; border-right: none; border-bottom: 1px solid transparent }
.projectListing>li>a { height: auto }
.apps-slide-container .device { width: 260px; height: 514px; margin-left: -130px; margin-top: -257px }
.app-box { width: 260px; height: 514px; padding: 57px 17px }
.projectPicContainer2 { padding: 50px 15px 0 }
.csr-info .link-btn { text-align:center; }
.pattern-csr-right::after { display:none; }
}
 @media (max-width:650px) {
.table-data td, .table-data th { padding: 8px 15px }
.career-container .tab-nav>li { font-size: 18px; margin: 0 15px 0!important }
.slideNavBox { margin: 30px 0 40px }
.slideNavBox:before { display: none }
.slideNav { margin: 0 15px }
.webExcellenceContent h2, body.single-post .webExcellenceContent h2 { font-size: 55px; line-height: 65px; }
.webExcellenceContent h3 { font-size: 25px; line-height: 35px; }
.webExcellenceContent h4 { font-size: 22px; line-height: 30px; }
}
 @media (max-width:560px) {
.logo { margin-left: 15px }
.topContactBox a { padding: 15px 25px }
.intro-container { padding: 90px 0; background: #f7f7f7!important }
.portfolioContentBox { font-size: 24px; line-height: 30px }
.webExcellenceContainer { background: #0f111d; padding: 0 0 }
.darkBoardContainer .pageTitle, .mainBlogContainer h2, .motivationalQuote, .pageTitle, .pageTitle2, .popUpConttent h2, .webExcellenceContent h2, body.single-post .webExcellenceContent h2 { font-size: 35px; line-height: 40px; letter-spacing: 0 }
.clientList>li { width: 100%; margin: 0 }
.pageTitle3 { font-size: 28px; line-height: 35px; background-position: 0 12px; margin-bottom: 0 }
.projectLinkBox { font-size: 18px; line-height: 28px }
.slyFrame { height: 230px; line-height: 230px; margin-bottom: 30px }
.slyFrame ul li { width: 230px }
.slyFrame ul li .slyMaskContent { bottom: 20px; left: 20px; right: 20px }
.slyFrame ul li .slyMaskContent h5 { font-size: 18px; line-height: 24px }
.OurClientList>li { width: 33.3333% }
.OurClientList>li:nth-child(4n+5), .OurClientList>li:nth-child(6n+6) { clear: none }
.OurClientList>li:nth-child(3n+4) { clear: both }
.tableContentLeft, .tableContentRight { width: 100%; padding: 15px; text-align: center; display: table }
.banner_caption2 .bannerHeading4 { font-size: 40px; line-height: 45px; letter-spacing: -1px; }
.banner_caption2 .bannerHeading5 { font-size: 25px; line-height: 35px; letter-spacing: -1px; }
.career-container { padding: 40px 0 }
.banner_caption2 .bannerHeading5, .captionContainer3 .bannerHeading6, .career-container h2 { font-size: 25px; line-height: 35px }
.slideNav { margin: 0 5px }
.animated-video-img-box, .animated-video-production-img-box { float: none; width: 100%; text-align: center }
.animated-video-img-box figure, .animated-video-img-box figure img, .animated-video-production-img-box figure, .animated-video-production-img-box figure img { max-width: 100%; margin: 0 auto; width: auto }
.animated-video-content-box, .animated-video-production-content-box { margin: 25px auto 0; text-align: center }
.animated-video-production-box { background-position: center top }
.animated-video-content-box p, .animated-video-production-content-box p { text-align: center }
.animated-video-slider .slick-dots { margin: 0 auto; text-align: center }
/*updated*/

.thumbs-heading figure { width: 100px; }
.feedback-top-heading h2 { font-size: 40px; }
.webExcellenceLogo figure { float: none; width: 100%; text-align: center; margin: 0px 0px 25px; }
.clientTextimonial .webExcellenceContent h2 { line-height: 50px; padding: 0px 0px 15px; }
/*29-09-2020*/
.pattern-csr-right::after { display:none; }
}
 @media (max-width:480px) {
.logo { width: 40px }
.logo img { width: auto; max-width: none; min-width: 100% }
.banner_caption .captionContainer .bannerHeading1 { font-size: 18px; line-height: 28px }
.banner_caption .captionContainer .bannerHeading2, .banner_caption .captionContainer .bannerHeading3 { font-size: 28px; line-height: 35px }
.intro-content h2 { font-size: 80px; line-height: 85px }
.tab-nav>li { font-size: 11px; letter-spacing: 0 }
.tab-nav>li>a { padding: 8px 12px; min-width: 100px }
.innerBlogList>li, .teamList>li { width: 100%; margin: 15px auto }
.OurClientList>li { width: 50% }
.OurClientList>li:nth-child(3n+4), .OurClientList>li:nth-child(4n+5), .OurClientList>li:nth-child(6n+6) { clear: none }
.OurClientList>li:nth-child(2n+3) { clear: both }
.career-container .tab-nav>li { font-size: 15px; margin: 0 5px 0!important }
.portfolioLinkBox { font-size: 18px; line-height: 26px }
.servicesListingsNew li, .servicesListingsNew2 li { width: 100% }
/*29-09-2020*/
.csr-info h2 { word-wrap:break-all; font-size:25px; }
.csr-info h6 { font-size:14px; }
.csr-heading .pageTitle { font-size:25px; }
.csr-section h6 { font-size:18px; }
}
 @media (max-width:400px) {
.feedback-checkbox ul li { width: 100%; }
.thumbs-heading figure { width: 100px; display: block; float: none; }
.feedback-top-heading { padding: 0px 0px; }
.feedback-top-heading .dot-line { margin: 0px 0px; }
}
 @media (max-width:360px) {
.nav-wrapper { max-width: 280px }
.topRightContainer { padding-right: 72px }
.topContactBox { font-size: 13px }
.topContactBox a { padding: 21px 15px }
.topContactBox b, .topContactBox strong { font-size: 16px; line-height: 16px }
.mean-container a.meanmenu-reveal { width: 72px!important }
.career-container .tab-nav>li { font-size: 12px }
.career-page .topContactBox a { padding: 17px 15px 17px 50px; background: #f37936 url(../images/arrow2.png) 15px center no-repeat; width: 200px }
.career-page .topContactBox a:hover { color: #fff; background: #11cec5 url(../images/arrow2.png) 15px center no-repeat }
.webExcellenceContent h2, body.single-post .webExcellenceContent h2 { font-size: 26px; line-height: 32px; letter-spacing: 0 }
.webExcellenceContent h4 { font-size: 20px; letter-spacing: -.5px; line-height: 24px; }
/*updated*/
.feedback-tabs ul li { width: 100%; }
}
 @-ms-viewport {
 width:auto!important
}
#grid { overflow: hidden; width: 100% }
.famous-brand-banner { background: url(../images/famous-brand-banner.jpg) left no-repeat #f4f4f4; height: 385px; width: 100%; display: block; margin-bottom: 30px }
.famous-brand-banner .cont-right { float: right; width: 320px; padding-top: 50px }
.famous-brand-banner .cont-right .catname { position: relative; display: block; font-family: Poppins-Semibold; font-size: 35px; text-align: left; padding: 20px 0 }
.famous-brand-banner .cont-right p { font-size: 14px; padding-right: 30px }
 @media screen and (min-width:1025px) {
#grid[data-columns]::before { content: '3 .column.size-1of3' }
}
 @media screen and (min-width:561px) and (max-width:1024px) {
#grid[data-columns]::before { content: '2 .column.size-1of2' }
}
 @media screen and (max-width:560px) {
#grid[data-columns]::before { content: '1 .column.size-1of1' }
}
#grid .column { float: left }
#grid .size-1of3 { width: 33.333% }
#grid .size-1of2 { width: 50% }
#grid .size-1of1 { width: 100% }
 body.page-template-case h5::first-word {
 color:#f37936
}
body.page-id-4022 ul.ul-listing li { padding-bottom: 10px }
ul li.page-item-4022 { display: none }
body.page-id-4096 .col-md-3 { position: relative }
.latest-issue { position: absolute; top: 0; right: 15px; background: url(../images/latest-issue.png) no-repeat; width: 102px; height: 92px; display: block }
body.page-id-4096 .pageTitle { display: none }
body.page-id-4096 .pageTitle.text-center { display: block }
iframe[name=google_conversion_frame] { height: 0!important; width: 0!important; line-height: 0!important; font-size: 0!important; margin-top: -13px; float: left }
#contactUs select option { font-family: Poppins-Regular, Arial, Helvetica, sans-serif; font-size: 14px; color: #959595 }
#contactUs select option:hover { background: #00b1a9; color: #fff }
#contactUs select option:checked, #contactUs select option:hover { box-shadow: 0 0 10px 100px #00b1a9 inset }
#contactUs select:focus>option:checked { background: #00b1a9!important }
.portfolioListingContainer p { margin: 0!important }
.mc4wp-success { color: #00b1a9; text-align: center; padding-top: 10px }
.mc4wp-success p { line-height: 18px }
body.page-id-4349 .benefit-description h5, body.page-id-4349 .job-description h5 { margin-top: 0 }
.psgal { opacity: 1!important }
.psgal figure{ position: relative; }
.psgal figure figcaption { font-size: 16px!important; position: absolute; top: 50%; left: 0; padding-top: 0; color: #fff; text-align: center; display: none; width: 100%; margin-top: -13px }
.psgal figure:hover figcaption { display: block }
.psgal figure:hover img { opacity: .2 }
.psgal figure a { position: relative }
.psgal figure a:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(243,121,54,.8); display: none }
.psgal figure:hover a:before { display: block }
body.page-id-5497 .innerMenu-wrapper { display: none }
body.single-post h1 { font-family: Poppins-Semibold; position: relative; font-size: 20px; color: #262626; font-weight: 400; margin: 0; line-height: normal; padding: 0 0 15px; text-transform: uppercase }
body.page-id-251 input.wpcf7-submit { margin: 5px 5px 5px; background: #f37936; display: inline-block }
body.page-id-251 input.wpcf7-submit:hover { color: #fff; background: #363636; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out }
.whatsapp_frame { border: 0; width: 80px; height: 94px; position: fixed; bottom: 0; left: 0; z-index: 5 }
.pslogo-holder { padding: 20px; text-align: center; background: #ffffff; border-radius: 10px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); }
.pslogo-holder a { display: block; }
.pslogo-holder img { max-width: 100%; }
.ecommerceGrantBtn { position: fixed; display: block; top: 35%; right: 0; width: 136px; height: 158px; z-index: 9; overflow: hidden; margin-top: -115px }
.ecommerceGrantBtn a { position: relative; width: 136px; height: 158px; display: block; overflow: hidden; text-indent: -10000px; background: url(../images/Verz-Grant-80.png) no-repeat; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out }
.ecommerceGrantBtn a:hover { background: url(../images/Verz-Grant-80.png) no-repeat; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out }
.banner-logo { position: absolute; bottom: 15%; width: 450px; left: 50%; margin-left: -225px; }
.banner-logo .pslogo-holder { transition: all 0.2s linear; position: relative; }
.banner-logo .pslogo-holder:hover { margin-top: -10px; }
 @media (max-width:767px) {
.ecommerceGrantBtn { right: -115px }
.ecommerceGrantBtn:hover { right: 0 }
}
 @media (max-width:567px) {
.pslogo .col-xs-6 { width: 100%; }
.pslogo .col-xs-6:first-child { margin-bottom: 20px; }
.banner-logo { position: absolute; bottom: 15%; width: 100%; left: 0%; margin-left: 0px; padding: 0px 20px; }
.banner-logo .pslogo-holder { padding: 10px; }
}
.fileupload .your-cv { position: static !important; top: auto; right: auto; opacity: 1; filter: alpha(opacity=100); font-size: 14px; direction: ltr; cursor: auto; }
.fileupload .your-cv span.wpcf7-not-valid-tip { display: inline-block !important; vertical-align: middle; margin-right: 5px; }
.fileupload-preview { margin-right: 5px; }
/*NEW STYLE FOR custom-web-applications Page START*/

.custom-web-applicationsContainer .rightCol42 { z-index: 9; }
.wcew-section { width: 100%; display: block; position: relative; margin-top: 40px; }
.wcew-box { margin-bottom: 50px; }
.wcew-details p strong { line-height: 26px; font-size: 16px; }
.wcew-details { padding-left: 40px; padding-top: 30px; }
.key-benefits-section { width: 100%; display: block; position: relative; padding: 70px 0; }
.key-list { width: 100%; margin-bottom: 20px; margin-left: 0; }
.key-list h6 { text-transform: capitalize; margin-bottom: 0px; padding-bottom: 10px; }
.key-list .col-md-9 { padding: 0; }
.key-benefits-section .halfPageContainerLeft { padding-right: 50px; }
.key-benefits-section .pageTitle { background: none; }
.key-benefits-section .pageTitle:before { content: ""; background: url(../images/shape2.png) 0 bottom no-repeat; width: 100%; position: absolute; top: -60px; left: 0; height: 20px; }
.distinct-types-section { display: block; position: relative; width: 100%; padding: 80px 0; background: #ff752a; }
.distinct-types-section .pageTitle2 { color: #ffffff; }
.distinct-box { text-align: center; border-radius: 10px; padding: 15px; position: relative; display: block; }
.distinct-box a { display: block; background: #f9f9f9; border-radius: 20px; width: 100%; overflow: hidden; transition: all 0.2s linear; position: relative; }
.distinct-box a:hover { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
.dis-icon { display: block; padding: 40px 25px; padding-bottom: 0; }
.lmr { background: #c2c2c2; font-size: 13px; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; color: #fff; padding: 10px 0; }
.distinct-box .lmr { position: absolute; bottom: 0; width: 100%; }
.distinct-box:hover .lmr { background: #00b1a7; }
.dis-details { margin-bottom: 50px; padding: 30px; padding-bottom: 5px; position: relative; width: 100%; }
.distinct-box a:hover { color: #363636; }
.dis-details h3 { font-size: 20px; line-height: 24px; }
 @media (max-width:991px) {
.key-list .col-md-9 { text-align: center; padding-top: 10px; }
.wcew-details { padding-left: 20px; padding-top: 20px; }
.key-benefits-section .halfPageContainerLeft { padding-right: 0; }
.distinct-types-section { padding: 32px 0; }
}
/*STYLE FOR custom-web-applications Page END*/



/*NEW STYLE FOR Terms and Conditions  Page START*/

.trms-main-title { text-transform: none; }
.trms-box-title { text-transform: inherit; color: #2E2E2E; font-size: 18px; }
.trms-data-box { display: inline-block; width: 100%; clear: both; position: relative; margin: 12px 0; margin-bottom: 0px; }
.trms-list-item span { display: inline-block; }
.trms-list-item p { display: inline-block; width: 96%; float: right; }
.trms-list { display: block; width: 100%; clear: both; position: relative; }
.trms-list-item { display: inline-block; width: 100%; clear: both; position: relative; }
.trms-data-box p { margin-bottom: 20px; }
.trms-box-title span { display: inline-block; min-width: 25px; }
ul.sidenav3, ul.sidenav3 ul { font-weight: 400; padding: 0; font-size: 14px; text-align: left; overflow: hidden; position: relative; margin: 0!important }
ul.sidenav3 ul { display: none; border-top: 1px solid #e4e4e4 }
ul.sidenav3>li.selected>ul { display: block }
ul.sidenav3 li li li>a, ul.sidenav3 li li>a, ul.sidenav3>li, ul.sidenav3>li li, ul.sidenav3>li li li, ul.sidenav3>li>a { position: relative; display: block; color: #363636; overflow: hidden }
ul.sidenav3 li li li, ul.sidenav3>li, ul.sidenav3>li li { line-height: 24px; margin: 0 0!important; padding: 0!important; background: 0 0!important }
ul.sidenav3 li li li>a, ul.sidenav3 li li>a, ul.sidenav3>li>a { padding: 18px 18px; border: 1px solid #e4e4e4; border-top: 0; background: url(../images/sidenav3-arrow.png) 30px 25px no-repeat; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out; padding-left: 75px; }
ul.sidenav3 li:first-child>a { border-top: 1px solid #e4e4e4; }
ul.sidenav3 li li>a { padding-left: 30px; background: url(../images/sidenav3-arrow.png) 15px 19px no-repeat }
ul.sidenav3 li li li>a { padding-left: 45px; background: url(../images/sidenav3-arrow.png) 30px 19px no-repeat }
ul.sidenav3>li li li.selected>a, ul.sidenav3>li li li:hover>a, ul.sidenav3>li li.selected>a, ul.sidenav3>li li:hover>a, ul.sidenav3>li.selected>a, ul.sidenav3>li:hover>a { color: #363636; background: url(../images/sidenav3-arrow-hover.png) 20px 16px no-repeat; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out; font-weight: 600; }
ul.sidenav3>li li.selected>a, ul.sidenav3>li li:hover>a { background: url(../images/sidenav3-arrow-hover.png) 20px 19px no-repeat }
ul.sidenav3>li li li.selected>a, ul.sidenav3>li li li:hover>a { background: url(../images/sidenav3-arrow-hover.png) 30px 21px no-repeat }
ul.sidenav3 li:last-child>a { }
ul.sidenav3>li.selected>a:before, ul.sidenav3>li:hover>a:before, ul.sidenav3>li li.selected>a:before { content: ""; height: 100%; width: 2px; background: #F47936; position: absolute; left: 0; top: 0; }
 @media (max-width:991px) {
.trms-list-item p { display: inline-block; width: 90%; float: right; }
.trms-list-item span { display: inline-block; max-width: 30px; float: left; }
}
/*NEW STYLE FOR Terms and Conditions  Page END*/


/*NEW STYLE FOR DATA PROTECTION POLICY  Page START*/

.protect-box-title { text-transform: inherit; color: #2E2E2E; font-size: 18px; }
.protect-data-box { display: inline-block; width: 100%; clear: both; position: relative; margin: 12px 0; margin-bottom: 0px; }
.protect-list { display: block; width: 100%; clear: both; position: relative; }
.protect-list-item { display: inline-block; width: 100%; clear: both; position: relative; }
.protect-list-item span { display: inline-block; }
.protect-data-box p { margin-bottom: 20px; display: inline-block; width: 97%; float: right; }
.protect-list-item .protect-list-item { margin-left: 30px; }

/*NEW STYLE FOR DATA PROTECTION POLICY Page End*/

@media (max-width:991px) {
.protect-list-item p { display: inline-block; width: 88%; float: right; }
.protect-list-item span { display: inline-block; max-width: 30px; float: left; }
.protect-list-item .protect-list-item { margin-left: 0; }
}
@supports (-webkit-overflow-scrolling: touch) {
 /* CSS specific to iOS devices */  .banner.dsk {
 background-attachment:scroll !important;
}
}
 @supports not (-webkit-overflow-scrolling: touch) {
 /* CSS for other than iOS devices */  .banner.dsk {
 background-attachment:scroll !important;
}
}
/*STYLE FOR MARKET PLACE PAGE START*/
.wcmd-section { width: 100%; position: relative; display: block; padding: 30px 0; }
.wcmd-section .wcew-details { padding-left: 20px; }
.fea-suc-marketplace-section { width: 100%; display: block; position: relative; padding: 70px 0; }
.fea-list-wrap { display: inline-block; text-align: center; width: 100%; }
.fea-box { text-align: center; display: inline-block; margin-bottom: 25px; }
.fea-box h4 { text-align: center; text-transform: inherit; font-size: 16px; color: #262626; font-weight: 600; }
.fea-icon { display: block; width: 100%; margin-bottom: 20px; }
.find-out-section .dis-details h3 { text-transform: inherit; }
.how-can-help-section { width: 100%; background: #fff; display: inline-block; position: relative; }
.pt90 { padding-top: 90px; }
.buyer-seller-section { background: #00b1a8; display: block; width: 100%; position: relative; padding: 70px 0; }
.white-text { color: #fff; }
.white-text .pageTitle2 { color: #fff; }
.buy-sell-wrap { display: block; width: 100%; position: relative; margin-top: 50px; }
.buy-sell-box { background: #ffffff; border-radius: 20px; overflow: hidden; transition: all 0.2s linear; position: relative; margin-bottom: 15px; }
.bs-title { border-bottom: 1px dashed #00b1a8; font-size: 30px; text-transform: inherit; text-align: center; width: 100%; display: block; padding-top: 20px; }
.buy-sell-box ul { width: 100%; display: inline-block; padding: 35px 42px; }
.buy-sell-box ul li { display: table; width: 100%; margin-bottom: 22px; vertical-align: middle; }
.bs-icon { margin-right: 22px; float: left; }
.buy-sell-box ul li p { font-size: 16px; font-weight: 600; vertical-align: middle; width: 73%; display: table-cell; margin-bottom: 0; padding-bottom: 0; line-height: 26px; }
.hc-right { padding-left: 100px; padding-top: 20px; }
.how-can-help-section .picBox2:after { right: -65px; }
@media (max-width:991px) {
.how-can-help-section .hc-right { padding-left: 30px; }
.how-can-help-section .picBox2:after { right: 0; }
.hc-left { padding-top: 20px; }
.fea-box { width: 100%; }
}
/*STYLE FOR MARKET PLACE PAGE END*/



/*Filter Select /*/
.filter-select-box { font-family: Poppins-Semibold; position: relative; color: #464646; font-size: 0px; margin: 15px auto; vertical-align: top; display: inline-block; }
.filter-select-text { position: relative; line-height: 20px; font-size: 14px; vertical-align: top; display: inline-block; margin: 2px 0px 2px 0px; text-transform: uppercase; padding: 15px 0px 15px 0px; }
.filter-select { position: relative; height: 50px; color: #464646; min-width: 135px; vertical-align: top; display: inline-block; margin: 2px 0px 2px 10px; }
.filter-select .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single { border-color: #e9e9e9; }
/*
.banner.dsk { display:block; }
.banner.mb { display:none; }
@media (max-width:767.98px) {
.banner.dsk { display:none; }
.banner.mb { display:block; }
}*/
/*--Added By Jayesh 20-07-2020---*/
.mainBlogWebExcellence{ font-size:13px; color:#000000;font-family: Poppins-Semibold; margin-top:30px; padding-bottom:15px;}
.BlogWebExcellence-info-header{ position:relative; margin-bottom:10px; text-align:left;}
.BlogWebExcellence-info-header img{ width:100%; vertical-align:top;}
/*.BlogWebExcellence-info-header{ position:relative; border-bottom:3px solid #F47936; padding-bottom:15px; position:relative; margin-bottom:30px; text-align:left;}*/
.BlogWebExcellence-info-header p{ margin-bottom:10px;}
.BlogWebExcellence-info-header p:last-child{ margin-bottom:0px;}
/*.BlogWebExcellence-info-header::before{ position:absolute; content:"";width: 0; height: 0; border-left: 13px solid transparent;
border-right: 13px solid transparent;border-top: 16px solid #F47936; bottom:-16px; left:40px;}
.BlogWebExcellence-info-header::after{ position:absolute; content:"";width: 0; height: 0; border-left: 10px solid transparent;
border-right: 10px solid transparent;border-top: 13px solid #ffffff; bottom:-12px; left:43px;}*/
/*.BlogWebExcellence-info-header::before{ position:absolute; left:40px; bottom:-16px; content:""; width:25px; height:16px; background:url(../images/blog-img1.jpg) no-repeat left top;}*/
.mainBlogWebExcellence ul{ list-style:none; margin:0px -4px; padding:0px; position:relative; display:block; width:100%;}
.mainBlogWebExcellence ul li{ width:33.33%; padding:0px 4px; display:block; float:left; margin-bottom:8px;}
.mainBlogWebExcellence ul li a{ display:block; position:relative;}
.BlogWebExcellence-info{ position:relative; font-size:13px; color:#000000;font-family: Poppins-Semibold; line-height:17px; border:1px solid #DEDEDE; border-left:3px solid #8C8D90; padding:15px;transition: all .4s ease-out; }
.BlogWebExcellence-info p{ line-height:17px;}
.BlogWebExcellence-info p:last-child{ margin-bottom:0px;}
.mainBlogWebExcellence ul.BlogWebExcellence-6col li{ width:16.6666%;}
.mainBlogWebExcellence ul li a:hover .BlogWebExcellence-info{ color:#F47936; border-color:#F47936;}
.mission-vision-box{ padding:0px 55px; position:relative;}
.mission-box::before{ position:absolute; top:50%; right:-15px; content:""; width:1px; height:98px; background:#E9E9E9; transform:translate(0%,-50%);}
.mission-vision-info{ background:#F9F9F9; text-align:center; padding:50px;}
.company-culture-container{ padding:70px 0px;}
.company-culture-intro-info{position: relative;  display: block; z-index: 5; background: #f7f7f7; padding: 50px 50px 35px;    margin: 100px 0px 0px -70px;}
.company-culture-intro-img{ position:relative; display:block; margin-right:-70px;}
.company-culture-intro-img::before{ position:absolute; right:0px; bottom:-40px; content:""; width:186px; height:81px; background:url(../images/dot-pattern.png) no-repeat; z-index:0;}
.company-culture-intro-img img{ width:100%;}
.company-culture-intro-info .pageTitle, .company-culture-list .pageTitle{ color:#262626;}
.company-culture-list{ padding-bottom:100px;}
.company-culture-list-info{position: relative;  display: block; z-index: 5; background: #f7f7f7; padding: 50px 50px 35px;margin-left:-55px; }
.company-culture-list .pull-left .company-culture-list-info{margin-right:-85px; margin-left:0px;}
.company-culture-list-img{ position:relative; }
.company-culture-list .company-culture-list-img{ margin-right:-95px;}
.company-culture-list .pull-right .company-culture-list-img{ margin-left:-95px; margin-right:0px;}
.company-culture-list .company-culture-list-img img{ width:100%;}
.company-culture-list .photoContainer{ margin:0px;}
.company-culture-list ul.ul-listing li{padding: 10px 0 10px 20px;/*background: url(../images/bullet.png) 0 13px no-repeat;*/}
.company-culture-list ul.ul-listing li:before { top:14px; }

.supportive-info{ padding-left:30px;}
.supportive-info ul:last-child{ margin-bottom:0px;}
.supportive-img{ position:relative; margin-right:-15px;}
.company-culture-list .boxColRight{ padding-right:0px;}
.company-culture-list-info p strong{font-family: Poppins-Semibold;}
.pt-btr::before, .pt-btl::before{ position:absolute; right:-30px; bottom:-30px; content:""; width:186px; height:81px; background:url(../images/dot-pattern.png) no-repeat; z-index:1;}
.pt-btl::before{ left:-90px; bottom:0px; right:auto;transform: rotate(90deg);}

.vblog-mid-section{ padding-bottom:30px;}
.vblog-top-section{background:url(../images/verz-blog-2.png) no-repeat top center; background-size:100% 100%; }
.vblog-section .container{width:1304px;}
.vblog-hero{padding-top:130px; position:relative; z-index:2;}
.vblog-hero h1{ color:#ffffff; font-family: Poppins-Bold; font-size:70px; letter-spacing:-3.8px;}
.vblog-hero-text{ padding-top:90px; padding-bottom:120px;}
.vblog-holder{ border-radius:20px;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1); background:#ffffff; position:relative; margin-top:-215px;}
.vblog-hero, .vblog-header-holder{max-width:1080px;margin:0px auto;}
.vblog-header-holder{padding:50px 0px;}
.vblog-header{ background:#f8f8f8;border-radius:20px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.vblog-header-info{font-size:18px; line-height:28px; color:#626262; letter-spacing:-.9px; position:relative; z-index:5;}
.vblog-header-info p{line-height:28px;}
.vblog-header-info h2{ font-size:31px; color:#F47936;font-family: Poppins-Bold; text-transform:none; line-height:47px;}
.vblog-info-section{ padding-bottom:40px;font-size:16px;line-height:28px; padding-left:100px; padding-right:60px; letter-spacing:-.48px;}
.vblog-info-section p{line-height:28px;}
.info-section-left{ padding-top:40px;}
.info-section-left h2{font-size:40px; color:#000000;font-family: Poppins-Bold; text-transform:none; line-height:47px;letter-spacing:-1.2px; }
.info-section-left h2 span{ display:block;color:#F47936;}
.info-section-right{ padding-top:60px;}
.possibilities-box{ overflow-y:auto;}
/*.possibilities-box{ margin:10px 0px 90px;}
.possibilities-box:first-child{ padding-top:110px; margin-top:0px;}*/
.possibilities-box:last-child{ margin-bottom:0px;}
.possibilities-box h3{ font-size:20px ; color:#000000;font-family: Poppins-Bold; text-transform:none; position:relative; padding-bottom:5px;}
.possibilities-box h3::before{ position:absolute; left:0px; bottom:0px; content:""; width:35px; height:3px; background:#F47936;}
.possibilities-img-holder{ padding:40px 0px;}
.vblog-bottom-section{ position:relative;}
.vblog-bottom-section>img{ width:100%;}
.vblog-bottom-info{ position:absolute; top:0px; left:0px; z-index:2; width:100%;}
.vblog-bottom-info-container{ max-width:510px; margin:0px auto; text-align:center;}
.vblog-bottom-info-container p{ font-size:20px; line-height:30px;letter-spacing:-.6px;}
.vblog-bottom-info-container h2{font-size:70px; color:#F47936;font-family: Poppins-ExtraBold; text-transform:none; line-height:75px; letter-spacing:-1.05px;}
.vblog-bottom-img{ padding:10px 0px;}
.vblog-bottom-info-container .link-btn a{ background:#12CDC4;}
.vblog-bottom-info-container .link-btn a:hover{ background:#000000;}
.possibilities-nav{ padding-top:5px;}
.possibilities-nav a{ display:block; color:#BABABA; font-family:20px;font-family: Poppins-Bold; letter-spacing:-.6px; padding:12px 0px 12px 70px; position:relative; line-height:30px; margin:10px 0px;}
.possibilities-nav-count{ position:absolute; left:0px; top:0px; line-height:54px; width:54px; height:54px; text-align:center; border-radius:15px; background:#F0F0F0;transition: all .2s linear;}
.possibilities-nav a:hover, .possibilities-nav a.active{ color:#000000;}
.possibilities-nav a:hover .possibilities-nav-count, .possibilities-nav a.active .possibilities-nav-count{ color:#ffffff; background:#F47936;}
.info-section-left-holder{ float:left; width:480px;}
.info-section-right{ margin-left:550px;}
.show-sm{ display:none;}
.vblog-bottom-cloud{ position:absolute; left:0px; bottom:0px; width:100%; display:none;}
.vblog-bottom-cloud img{ width:100%;}
.possibilities-info-holder .mCSB_draggerContainer{ opacity:0}
.possibilities-box .mCSB_draggerContainer{ opacity:1}
.mCSB_scrollTools{ visibility:hidden !important;}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{ background:none !important;background-image:none !important;opacity:1;}
.mCSB_scrollTools .mCSB_buttonUp::before,.mCSB_scrollTools .mCSB_buttonDown::before{ position: absolute; left: 0px; top: 0px; z-index: 0; font-family: "FontAwesome"; font-weight: 900; color: #626262; font-size: 16px; line-height: 20px; opacity:1; width:20px; text-align:center;}
.mCSB_scrollTools .mCSB_buttonUp::before{content: "\f077";}
.mCSB_scrollTools .mCSB_buttonDown::before{content: "\f078";}
.mCSB_scrollTools .mCSB_buttonUp:hover::before,.mCSB_scrollTools .mCSB_buttonDown:hover::before{color: #F47936;}
.possibilities-info-holder .mCSB_scrollTools{ width:20px !important}
.info-section-right{ position:relative;}
.scroll_buttonUp,.scroll_buttonDown{ position:absolute; right:0; cursor:pointer;}
.scroll_buttonUp{ top:60px;}
.scroll_buttonDown{ bottom:20px;}
.scroll_buttonUp::before,.scroll_buttonDown::before{ position: absolute; left: 0px; top: 0px; z-index: 0; font-family: "FontAwesome"; font-weight: 900; color: #626262; font-size: 16px; line-height: 20px; opacity:1; width:20px; text-align:center;}
.scroll_buttonUp::before{content: "\f077";}
.scroll_buttonDown::before{content: "\f078";}

/*STYLE FOR LINK IN BIO PAGE START*/
/*--Added By Keval 07-01-2021---*/
.bio-container{padding: 30px 0 95px;background:#f5f5f5;position: relative;overflow: hidden;}
.bio-container:before{content: '';position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 300px;background:url(../images/ptrn-bottom2.png)no-repeat bottom center;background-size: cover;}
.bio-container .sub-title{display: block;position:relative;font-weight:600;font-size:30px;line-height: 30px;color: #262626;padding-bottom: 30px;margin-bottom:15px;text-transform: uppercase;}
.bio-container .sub-title:after{content: '';position: absolute;left:0;bottom: 0;width:100%;height: 15px;background:url(../images/sub-line2.png)no-repeat center bottom;background-size: cover;}
.bio-block{display: flex;width:100%;align-items: center;padding:8px;margin-bottom:10px;background-color: #fff;color:#464646;border-radius: 8px;}
.bio-block .img-wrapper{display: inline-flex;width:67px;height:67px;overflow: hidden;border-radius:4px;border:3px solid #2626260A;}
.bio-block .img-wrapper img{width:100%;height:61px;object-fit:cover;border-radius: 4px}
.bio-block .content-wrapper{display: inline-flex;max-width:85%;padding:0 20px;flex-direction: column;}
.bio-block .content-wrapper p{font-size:18px;line-height:22px;margin-bottom: 0}
.bio-block .content-wrapper span{display:block;font-size:14px;line-height:25px;color:#67686B;text-transform: uppercase;font-weight: 600;letter-spacing: 0.42px}
.bio-block:hover{background-color:#13A99B;color:#fff;box-shadow: 0 10px 20px #49807A29;}
.bio-block:hover .content-wrapper span{color:#fff;}
.social-link{display: flex;width:100%;align-items: center;}
.bio-container h4{display: block;color: #262626;text-transform:capitalize;font-size: 24px;font-weight: 600;line-height: 23px;margin-top:60px;margin-bottom: 20px;}
.social-link a{	display: inline-flex;align-items:center;width:50px;height: 50px;font-weight:400;margin-right:8px;border-radius: 50px;color:#fff;justify-content: center;font-size:20px;}
.social-link a.fb{background-color: #244B8F}
.social-link a.in{background-color: #EE2F7C}
.social-link a.tw{background-color: #00A3FC}
.social-link a.ln{background-color: #0078BF}
.social-link a:hover{background-color: #f37936 !important;color:#ffffff;}
.bio-container .fx-img{position: absolute;z-index:-1;bottom: -20px;right: 22%}

/*STYLE FOR LINK IN BIO PAGE END*/

@media (max-width:1279px) {
.vblog-section .container{width: 1170px;}
}
@media (max-width:1147px) {
.mainBlogWebExcellence ul.BlogWebExcellence-6col li{ width:33.3333%; margin-bottom:8px;}
.mission-vision-box{ padding:0px 30px; position:relative;}
.vblog-section .container{width: 100%;}
}
@media (max-width:991px) {
.company-culture-intro-img{margin-right:0px;}
.company-culture-intro-info{margin: 0px;}
.company-culture-intro-img::before{ right:-40px;}
.company-culture-list-img,.company-culture-list-info, .supportive-img{ margin:0px !important;}
.supportive-info{position: relative;  display: block; z-index: 5; background: #f7f7f7; padding: 50px 50px 35px;}

.vblog-hero{ padding-top:50px;}
.vblog-hero h1{ font-size:62px;}
.vblog-header-info{ padding-right:30px;}
.vblog-info-section{ padding:0px 40px 40px;}
.info-section-left-holder{ width:40%;}
.info-section-right{ margin-left:50%;}
.vblog-hero-img{ text-align:center;}
.vblog-top-section{ background:url(../images/verz-blog7.png) no-repeat center center; background-size:cover;}
.vblog-holder{ margin-top:0px;}
.vblog-hero-text{ text-align:center; padding:30px 0px 30px;}
.vblog-header-info{ padding:0px 40px;}
}

@media (max-width:767px){
.mainBlogWebExcellence ul{ display:block;}
.mainBlogWebExcellence ul li{ width:100% !important; margin-bottom:8px; display:block;}
.BlogWebExcellence-info, .mission-vision-info{ height:auto !important;}
.mission-vision-box{ padding:15px 0px;}
.mission-box::before{ display:none;}
.info-section-left-holder, .info-section-right{ width:100%; float:none; margin:0px; position:relative !important;}
.info-section-right{ padding-top:40px;}
.vblog-bottom-info{ position:static;}
.hide-sm{ display:none !important;}
.show-sm{ display:block;}
/*.possibilities-box:first-child{ padding-top:60px;}*/
.possibilities-box{margin: 10px 0px 50px;}
.possibilities-info-holder,.possibilities-box{ height:auto !important;}
.scroll_buttonUp, .scroll_buttonDown{ display:none;}

}
/*-480-*/
 @media (max-width:567px) {
.mission-vision-info{ padding:30px;}
.company-culture-intro-info, .supportive-info, .company-culture-list-info{padding:30px 30px 15px;}
.company-culture-list-info .pageTitle{font-size: 30px;}
.company-culture-list{ padding-bottom:50px;}
.vblog-hero h1{font-size: 40px;letter-spacing: -2.8px;}
.vblog-header-info{ padding:0px 30px;}
.vblog-info-section{padding: 0px 30px 40px;}
.vblog-bottom-info-container h2{ font-size:50px;}
.vblog-bottom-info-container p{ font-size:16px; line-height:28px;}
.BlogWebExcellence-info-header{ margin-bottom:0px;}
.BlogWebExcellence-info-header p{ margin-bottom:8px;}
.bio-container .fx-img{height:210px;right:-3%;bottom:-15px;}
.bio-block .content-wrapper{max-width:78%;padding:0 5px 0 15px}
.bio-container .sub-title:after{height: 12px;}
.bio-container h4{margin:30px 15px 0px;font-size: 16px;line-height: 23px;}
.bio-container:before{background:url(../images/mb-ptrn-bottom.png)no-repeat bottom center;background-size: cover;}
.social-link{padding:0 15px;}
.social-link a {width: 40px;height: 40px;font-size: 16px}
.bio-container .pageTitle{font-size:30px;line-height: 37px;letter-spacing: -0.9px; padding: 0 10% 25px;}
.bio-container .sub-title{font-size:20px;letter-spacing: .6px;line-height: 25px}
.bio-block .content-wrapper p {font-size: 15px; line-height: 20px;}
.bio-block .content-wrapper span{font-size:12px;line-height: 16px;}
.feature-img-block { float: none; width: 100%; text-align: center; margin-bottom: 30px; }
.feature-img-block img { max-width: 150px; }
.feature-text-block { margin: 0px auto; text-align: center; }
}
/*-320-*/
@media only screen and (max-width: 359px) {
.vblog-hero h1{ font-size:25px;letter-spacing: -1.8px;}
.vblog-header-info h2{ font-size:18px; line-height:28px;}
.vblog-info-section, .vblog-header-info{font-size: 14px;}
.info-section-left h2{ font-size:20px; line-height:28px;}
.possibilities-box h3{ font-size:16px;}
.vblog-bottom-info-container h2{ font-size:38px;}
.bio-block .content-wrapper{max-width:75%;padding:0 0 0 10px}
.bio-block .content-wrapper p {font-size: 13px; line-height: 20px;}
.bio-block .content-wrapper span{font-size:10px;line-height: 16px;}
.social-link a {width: 30px;height: 30px;font-size: 14px}
}
.redesigning-sign li { background-position: 0 12px !important ; }
.blog-h2 { font-size: 22px !important; padding-bottom: 5px; line-height: 30px; }
.blog-h3 { font-size: 14pt !important; font-weight: 700; padding-bottom: 5px !important; margin-top: 0; line-height: 30px; }
.blog-h4 { font-size: 12pt !important; font-weight: 700; padding-bottom: 5px !important; margin-top: 0; line-height: 30px; }
.blog-div { line-height: 24px; margin: 0 0 16px; }
.blog-div p { line-height: 24px; margin: 0 0 10px; }
.verz-agency { padding:0px 0px; margin:0px 0px 15px; color:#f37936; font-weight:600; font-size:15px; text-transform:uppercase; letter-spacing:2px; }