@import url('https://fonts.googleapis.com/css2?family=Inter&family=Roboto:wght@100;300;400;500;700;900&display=swap');

*, :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: "Inter", 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%; 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: 999; margin: 0 auto }
#pageHeader { position: relative; width: 100%; display: block; margin: 0 auto; z-index: 9; 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: 1; 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; }
.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-weight: 600 !important; font-size: 20px; display: block; line-height: 28px; letter-spacing: 0; font-weight: 400 }
.career-page .topContactBox a { font-weight: 700 !important; 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 }
.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: 0px; -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: 0px 0 0; background: url(../images/shape1.png) 0 0 no-repeat } */
.captionContainer .bannerHeading1 { font-size: 40px; color: #fff; line-height: 45px; font-weight: 300; padding-bottom: 10px; letter-spacing: -1px; text-transform: none }
.captionContainer .bannerHeading2 { font-weight: 600 !important; font-size: 60px; color: #12e4da; padding: 0; line-height: 65px; font-weight: 400; letter-spacing: -1px; text-transform: none }
.inner-banner .banner_caption { }
.inner-banner .banner_caption .captionContainer { padding: 0 0 30px; background-position: center bottom }
.banner_caption .captionContainer .bannerHeading3 { font-weight: 500 !important; 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-weight: 700 !important; font-size: 80px; color: #f47936; line-height: 85px; font-weight: 400; letter-spacing: -5px; text-transform: none }
.banner_caption2 .bannerHeading5 { font-size: 30px; color: #464646; line-height: 40px; font-weight: 300; letter-spacing: -1.5px; text-transform: none }
.banner_caption2 .bannerHeading5 b, .banner_caption2 .bannerHeading5 strong { font-weight: 600 !important; color: #231f20 }
.banner_caption2 .captionContainer2 p { line-height: 28px }
.banner_caption2 b, .banner_caption2 strong { font-weight: 600 !important; font-weight: 400 }
.captionContainer3 { position: relative; display: block; color: #fff; font-size: 16px; text-align: center }
.captionContainer3 .bannerHeading6 { font-weight: 500 !important; 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-weight: 700 !important; 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-weight: 500 !important; 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; 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-weight: 500 !important; 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-weight: 700 !important; 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: 0 0; list-style-type: none }
.terms-main-ul li { padding: 2px 0 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("") 0 4px no-repeat; left: 0; position: absolute; top: 0 }
.terms-inner-ul { padding: 0 0 0 60px; list-style-type: disc }
.slyFrame ul li .slyMaskContent h5 { color: #fff; padding: 0 30px 0 0; text-transform: uppercase; background: url("") 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-weight: 300 !important; 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-weight: 700 !important; 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("") 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-weight: 600 !important; 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-weight: 500 !important; 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-weight: 600 !important; 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-weight: 600 !important; }
.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: 90px auto 0 }
.back-to-col { position: relative; display: block; margin: 0 auto; font-weight: 600 !important; 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 }
/*-Slick Arrow-*/

.slick-arrow { position: absolute; border: none; background: none; top: 50%; transform: translate(0%, -50%); padding: 0px; z-index: 5; opacity: 1; transition: all 0.2s linear; text-align: center; font-size: 20px; display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 50%; background-color: #eaeaea; color: #f27a36; }
.slick-arrow:hover { background-color: #f27a36; color: #eaeaea; }
.slick-slide img { display: inline-block }
.slick-next:before, .slick-prev:before { display: none }
.slider-nav { margin-left: 0; margin-right: 0 }
.slick-prev { left: 0; }
.slick-next { right: 0; }
.no-arrow .slick-arrow, .no-dots .slick-dots { display: none !important; }
.arrows-inside .slick-prev { left: 35px; }
.arrows-inside .slick-next { right: 35px; }
.arrows-outside .slick-prev { left: -70px; }
.arrows-outside .slick-next { right: -70px; }
.arrows-outside1 .slick-prev { left: -23px; }
.arrows-outside1 .slick-next { right: -23px; }
.arrows-alternate .slick-arrow { background-color: #f27a36; color: #eaeaea; }
.arrows-alternate .slick-arrow:hover { background-color: #eaeaea; color: #f27a36; }
.arrows-white .slick-arrow { background-color: #ffffff; color: #f27a36; }
.arrows-white .slick-arrow:hover { background-color: #f27a36; color: #ffffff; }
.arrows-plain .slick-arrow { width: auto; height: auto; border: 0px; border-radius: 0px; opacity: 1; background: none; box-shadow: none; color: #f27a36; font-size: 20px; }
.arrows-plain .slick-arrow:hover { background: none; color: #000000; opacity: 1; }
.arrows-plain.arrows-white .slick-arrow { background: none; color: #ffffff; opacity: 1; }
.arrows-plain.arrows-white .slick-arrow:hover { background: none; color: #f27a36; opacity: 1; }
.custom-arrows { display: flex; align-items: center; }
.custom-arrows .slick-arrow { position: static; transform: none; }
.custom-arrows .slick-arrow:first-child { margin-right: 10px; }
.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 }
/*---*/



.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 }
.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-prev { left: -14px }
.projects-slider .slick-next { right: -14px }
.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-weight: 300; 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-weight: 600 !important; font-weight: 400 }
.portfolioLinkBox a { position: relative; color: #fff; display: inline-block; word-break: break-all; }
.portfolioLinkBox a:hover { color: #000 }
.view-more-btn { font-weight: 700 !important; 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-weight: 500 !important; text-transform: uppercase; color: #34d0d4 }
.testimonial-box { font-weight: 300; position: relative; display: block; font-size: 16px; padding: 0 0; overflow: hidden; padding: 0px 30px; }
.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-weight: 600 !important; 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-weight: 600 !important; position: relative; display: block; margin: 0 auto; padding: 0 30px 0 0; background: url("") 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-weight: 600 !important; 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 0; max-width: 750px; font-weight: 300; margin-left: -70px }
.webExcellenceContent p:last-child { margin-bottom: 0 }
.webExcellenceContent h2 { font-size: 72px; color: #f37936; line-height: 77px; letter-spacing: -2px; text-transform: uppercase; font-weight: 700; }
.webExcellenceContent h3 { font-size: 25px; color: #13a99b; line-height: 35px; letter-spacing: -1px; text-transform: none; font-weight: 700;}
.webExcellenceContent h3 span { display: inline-block; padding-left: 17px; margin-right: 17px; background: url(../images/tick.png) no-repeat 0 8px }
.webExcellenceContent h3 span:last-child { margin-right: 0 }
.webExcellenceContent h4 {font-weight: 300; 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 }
.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: 0 0; margin: 0 0 }
.rating-star ul li { padding: 0 0; display: inline-block; margin: 0 2px 5px; font-size: 30px; color: #f37936; position: relative }
/* .rating-star ul li::before { position: absolute; left: 0; top: 7px; z-index: 0; font-family: FontAwesome; font-weight: 900; content: "\f005"; color: #ccc; 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: 0 0 3px; line-height: 80px }
.testimonial-rating-box figure { margin: 0 0 15px }
.clientTextimonial { background: url(../images/client-testimonial.jpg); background-size: cover }
.clientTextimonial .webExcellenceContent h2 { font-size: 50px; text-transform: lowercase }
.feedback-tabs { position: relative; display: block; background: #f2f2f2 }
.feedback-tabs ul { border: none }
.feedback-tabs ul li { width: 50%; float: left; margin: 0 0 }
.feedback-tabs .nav li a { padding: 10px 15px; }
.feedback-tabs ul li a { display: block; text-align: center; border: none; margin: 0 0 }
.feedback-tabs .nav .active>a, .feedback-tabs ul li a:hover { background: #f37936!important; border: none!important; color: #fff!important; border-radius: 0 }
.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: 0 0 25px }
.thumbs-heading { position: relative; display: block; margin: 20px 0 25px }
.thumbs-heading figure { float: left }
.feedback-top-heading { position: relative; display: block; float: left; padding: 0 0 0 30px }
.feedback-top-heading h2 { font-size: 50px; color: #f37936 }
.feedback-top-heading .dot-line { max-width: 150px }
.feedback-left-content h3 { 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: 0 0 }
.feedback-bottom-pic { position: relative; display: block; float: left }
.feedback-checkbox { position: relative; display: block }
.feedback-checkbox ul { padding: 0; margin: 0 -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; margin: 0 0 10px }
.feedback-custom-checkbox input[type=checkbox] { display: none }
.feedback-custom-checkbox input[type=checkbox]:checked+label { background: #ececec; border: 1px solid #c2c2c2; color: #000 }
.feedback-custom-checkbox label:hover { background: #f37936; border: 1px solid #f37936; color: #ffffff }
.feedback-radio { position: relative; display: block }
.feedback-radio ul { padding: 0 0; margin: 0 -10px; list-style-type: none }
.feedback-radio ul li { position: relative; display: block; float: left; width: 50%; padding: 0 10px; margin: 0 0 2px }
.feedback-custom-radio { position: relative; display: block }
.feedback-custom-radio input[type=radio] { display: none }
.feedback-custom-radio .custom-label { font-weight: 400; cursor: default; font-size: 14px; color: #272727; line-height: 24px; position: relative; margin: 0 0 0; vertical-align: top; display: inline-block; padding: 3px 0 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: #fff }
.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-weight: 700 !important; position: relative; display: block; cursor: pointer; float: none; border: none; color: #fff; 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 0; background: #ececec; text-align: center }
.bottom-gray-section h4, .bottom-gray-section h6 { font-size: 18px; padding: 0 0; margin: 0 0; text-transform: capitalize }
.bottom-gray-section h6 { color: #262626 }
.bottom-gray-section h4 { color: #f37936 }
.feedback-webExcellence h2 { padding: 0 0 }
.feedback-webExcellence h4 { font-size: 28px; border: none }
.webExcellenceLogo { position: relative; display: block; margin: 0 0 50px }
.webExcellenceLogo figure { float: left; margin: 0 15px 0 0 }
.webExcellenceLogo h3 { color: #fff; font-size: 30px }
.rate { display: inline-block; border: 0; margin: 0 }
.rate>input { opacity: 0; position: absolute; left: 15px; top: 15px }
.rate>label { float: right; color: #dbdbdb; margin: 0 0 }
.rate>label:before { display: inline-block; font-size: 40px; line-height: 40px; padding:0 .2rem;
margin: 0; cursor: pointer; font-family: 'Font Awesome 5 Free'; content: "\f005 " }
/* .rate>label:last-child:before { content: "\f006 " } */

.sad-rating { padding: 0 0; margin: 0 0; list-style-type: none }
.sad-rating li { display: inline-block; margin: 0 5px 0 0 }
.sad-rating li:nth-child(1) input[type=radio]:checked+label, .sad-rating li:nth-child(1) label:hover { color: #ff8a00 }
.sad-rating li:nth-child(2) input[type=radio]:checked+label, .sad-rating li:nth-child(2) label:hover { color: #ff6300 }
.sad-rating li:nth-child(3) input[type=radio]:checked+label, .sad-rating li:nth-child(3) label:hover { color: #ff4c00 }
.sad-rating li:nth-child(4) input[type=radio]:checked+label, .sad-rating li:nth-child(4) label:hover { color: #ff2e00 }
.sad-rating li:nth-child(4) input[type=radio]:checked+label, .sad-rating li:nth-child(5) label:hover { color: #ff1700 }
.sad-rating li:nth-child(6) input[type=radio]:checked+label, .sad-rating li:nth-child(6) label:hover { color: red }
.sad-rating li input { display: none }
.sad-rating li label { color: #000; font-size: 70px; margin: 0 0; line-height: 40px; cursor: pointer }
.sad-rating li label:hover { color: #f37936 }
.sad-rating li input[type=radio]:checked+label { color: #f37936 }
.rate .half:before { content: "\f089 "; position: absolute; padding-right: 0 }
.rate input:checked~label, .rate label:hover, label:hover~label { color: #f37936 }
.rate input:checked+label:hover, .rate input:checked~label:hover~label, .rate label:hover~input:checked~label, input:checked~label:hover { 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-weight: 500 !important; position: relative; font-size: 0; padding: 0; width: auto; margin: 0 auto; display: flex; flex-flow: nowrap; list-style: none; text-align: center; text-transform: uppercase }
.innerMenu-container>ul>li { position: relative; align-items: stretch; font-size: 12px; margin: 0 }
.innerMenu-container>ul>li>a { position: relative; 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: 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-weight: 600 !important; 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-weight: 300 !important; }
.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-weight: 500 !important; 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-weight: 600 !important; 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 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 }
.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 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 }
.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-weight: 600 !important; 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-weight: 600 !important; position: relative; display: block; color: #262626; font-size: 20px; line-height: 28px; margin: 0 auto 0 }
.memberDesignation { font-weight: 500 !important; 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-weight: 300; 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-weight: 300; 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-weight: 600 !important; 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-weight: 300; 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-weight: 600 !important; 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-weight: 600 !important; font-size: 20px; color: #00bab1; line-height: 30px }
.textStyle2 { font-weight: 500 !important; 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% }
.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: 0; 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 0; background: #ff752a }
.csr-section h6 { color: #fff; font-size: 22px; margin: 0 0 15px; text-transform: capitalize }
.csr-section .link-btn a { background: #fff; 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-weight: 700 !important; 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; z-index: 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-weight: 300; 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: flex; flex-wrap: wrap; justify-content: center; padding: 0; overflow: hidden; margin: 0 -15px 50px }
.OurClientList>li { position: relative; display: block; width: 20%; margin: 0 0; background: #fff; padding: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 }
.tagline { font-weight: 300; 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-weight: 500 !important; 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-weight: 500 !important; 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-weight: 300; position: relative; display: block; color: #fff; font-size: 25px; margin: 0 auto; padding: 50px 0; text-align: center }
.projectLinkBox a { font-weight: 600 !important; 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-weight: 600 !important; 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-weight: 600 !important; position: relative; color: #fff; font-size: 13px; padding: 10px 15px; background: #9b9b9b; display: inline-block; margin: 0 auto 15px }
.mainBlogHeading { font-weight: 600 !important; 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-weight: 600 !important; 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-weight: 300 !important; }
.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-weight: 600 !important; 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-weight: 600 !important; 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("") 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-weight: 600 !important; 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-weight: 500 !important; position: relative; font-size: 14px; display: block; color: #999; margin: 10px auto }
.cat-box, .comment-box { font-weight: 500 !important; 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-weight: 600 !important; }
.pagination li.first-child>a, .pagination li.last-child>a { font-weight: 600 !important; 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-weight: 700 !important; position: relative; display: block; font-size: 13px; margin: 0 auto; font-weight: 400; text-transform: uppercase }
.link-btn a { cursor: pointer; transition: all 0.2s linear; display: inline-flex; align-items: center; justify-content: center; text-align: center; position: relative; z-index: 1; outline: none !important; text-decoration: none !important; font-weight: 500; color: #ffffff !important; border-radius: 30px; border: 1px solid transparent; vertical-align: top; padding: 0px 35px 0px; font-size: 16px; line-height: 1; height: 50px; text-transform: capitalize; background: #F47936; }
.link-btn a:hover { color: #ffffff; background: #222222; border-color: transparent !important; }
.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% !important; height: auto !important; }
/* .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-weight: 600 !important; 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 { 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-weight: 600 !important; }
.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-size: 35px; color: #262626; line-height: 40px; text-transform: none }
.job-deatils-container h2 b, .job-deatils-container h2 strong { font-weight: 600 !important; }
.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;  float: none }
.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists { display: none }
.btnStyle2 { font-weight: 700 !important; 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-weight: 600 !important; 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-weight: 300 !important; }
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; 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: flex; color: #727272; margin: 0 auto; flex-wrap: wrap; align-items: center;}
#breadcrumb { font-weight: 500 !important; position: relative; width: 100%; display: flex; color: #f37936; font-size: 14px; margin: 30px auto;flex-wrap: wrap; align-items: center; }
#breadcrumb a { font-weight: 300 !important; position: relative; color: #727272; display: inline-flex; margin: 0 10px 0 0; align-items: center; }
#breadcrumb a>i { margin-left: 10px; margin-right: 0px;}
#breadcrumb.inner-breadcrumb a{ margin: 0px;}
#breadcrumb.inner-breadcrumb i{margin-left: 10px; margin-right: 10px; color: #727272;}
#breadcrumb.inner-breadcrumb *{ line-height: 1; }
#breadcrumb a:hover,#breadcrumb a.selected  { color: #f37936 }
#breadcrumb a.selected{ font-weight: 500 !important;}
.pageTitle, .pageTitle2 { font-weight: 600 !important; position: relative; font-size: 40px; color: #464646; z-index: 10; line-height: 50px; font-weight: 400; margin: 0 0 30px; text-transform: none; padding: 0px }
.pageTitle.lg { font-size: 55px; }
/* .pageTitle { background: url(../images/shape2.png) 0 bottom no-repeat } */
.pageTitle3 { font-weight: 600 !important; 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-weight: 600 !important; z-index: 2; position: relative; background: #fff; display: inline-block; padding: 0 15px 0 0 }
/* .pageTitle span, .pageTitle2 span, .pageTitle3 span { font-weight: 300 !important; } */
.pageTitle.text-center { text-align: center; background-position: center bottom }
.pageTitleNew { font-weight: 600 !important; 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-weight: 600 !important; 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-weight: 300; color: #464646 }
.colorStyle1 { color: #f37936!important }
.NoUppercase { text-transform: none!important }
h2, h3, h4, h5, h6 { font-weight: 600 !important; 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 }
ol.ol-listing.text-center, ul.ul-listing.text-center { text-align: center }
ul.ul-listing { padding-left: 0 }
ul.ul-listing li li { padding: 2px 0 2px 40px }
ul.ul-listing li { position: relative; line-height: 24px; list-style-type: none; padding: 2px 0 2px 20px }
ul.ul-listing li:before { position: absolute; content: ''; left: auto; top: 3px; width: 12px; height: 19px; overflow: hidden; margin-left: -20px; background: url("") 0 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-weight: 600 !important; 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-weight: 700 !important; 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-weight: 600 !important; 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-weight: 600 !important; font-weight: 400 }
.location, .oh, .sp-bg { 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 }
.sp-bg { background: url(../images/Verz-Support-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-weight: 600 !important; 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-weight: 600 !important; color: #363636 }
.colon { position: relative; float: right; margin-right: -10px }
.required { position: relative; color: #f37936 }
.footNote { 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: #D1D1D1; 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-weight: 700 !important; 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: #777 }
.thankYouLeftContent h2, .thankYouRightContent h2 { font-weight: 700 !important; font-weight: 400; color: #231f20; letter-spacing: -1.8px; font-size: 36px; line-height: 46px }
.thankYouLeftContent h2 strong, .thankYouRightContent h2 strong { font-weight: 700 !important; 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 0; 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: 0; display: table-cell; vertical-align: middle; font-weight: 600 !important; color: #231f20; font-size: 20px; line-height: 30px; letter-spacing: -1px; transition: all .2s linear }
.tableContentRight .link-btn a { letter-spacing: 0 }
.thankYouRightContent>p a { font-weight: 600 !important; 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 { 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: 100% !important }
.map a { color: #f37936; display: block; }
.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-weight: 600 !important; position: relative; display: block; color: #262626; font-size: 16px; margin: 0 auto 15px; padding: 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-weight: 300 !important; 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 }
.feature-block { position: relative; display: block; width: 100%; margin: 0 auto 30px; line-height: 1.4 }
.feature-block a { position: relative; display: block; width: 100%; color: #565656; padding: 30px; border-radius: 5px; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.16) }
.feature-block a:focus, .feature-block a:hover { color: #fff; 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-weight: 600 !important; position: relative; display: block; font-size: 16px; padding-bottom: 5px }
.read-more-btn { font-weight: 700 !important; 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:focus .read-more-btn, .feature-block a:hover .read-more-btn { color: #fff }
.feature-block2 { position: relative; display: block; width: 100%; margin: 0 auto 30px; line-height: 1.4 }
.feature-block2 a { position: relative; display: block; width: 100%; color: #565656; padding: 0; text-align: center }
.feature-block2 a:focus, .feature-block2 a:hover { color: #00b0a7 }
.feature-img-block2 { position: relative; display: block; width: 100%; height: 95px; overflow: hidden; margin: 0 auto 5px }
.feature-img-block2 figure { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: 0 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-weight: 600 !important; position: relative; display: block; font-size: 14px }
 @media (min-width:1600px) {
.webExcellenceContent { padding: 200px 0 }
}
 @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:1280px) {
.nav>ul>li { margin: 0 20px 0 0 }
.imgLeft, .imgRight { max-width: 50% }
.webExcellenceContent { margin: 0 }
}
 @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 }
.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 0 0 }
.fixedHeader, .homePageHeader, .sticky-wrapper { position: relative!important }
.fixedHeader { background: rgba(0,0,0,.8) }
.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 0 }
.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: 0 }
.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: 240px }
.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: 0 }
.testimonial-rating-box { margin: 0 0 25px }
.feedback-left-content, .feedfack-right-content { width: 100%; padding: 0 15px }
.feedfack-right-content { float: right }
.feedback-bottom-pic { text-align: center }
.clientTextimonial { padding: 0 0 }
}
 @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 30px 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 }
.thumbs-heading figure { width: 100px }
.feedback-top-heading h2 { font-size: 40px }
.webExcellenceLogo figure { float: none; width: 100%; text-align: center; margin: 0 0 25px }
.clientTextimonial .webExcellenceContent h2 { line-height: 50px; padding: 0 0 15px }
.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% }
.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 }
.pageTitleNew { font-size: 34px; }
}
 @media (max-width:400px) {
.feedback-checkbox ul li { width: 100% }
.thumbs-heading figure { width: 100px; display: block; float: none }
.feedback-top-heading { padding: 0 0 }
.feedback-top-heading .dot-line { margin: 0 0 }
}
 @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 }
.feedback-tabs ul li { width: 100% }
.darkBoardContainer .pageTitle, .mainBlogContainer h2, .motivationalQuote, .pageTitle, .pageTitle2, .popUpConttent h2, .webExcellenceContent h2, body.single-post .webExcellenceContent h2 { font-size: 25px; }
}
 @-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-weight: 600 !important; 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-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-weight: 600 !important; 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: #fff; border-radius: 10px; box-shadow: 0 0 15px 0 rgba(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 .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: 0; padding: 0 20px }
.banner-logo .pslogo-holder { padding: 10px }
}
.fileupload .your-cv { position: static!important; top: auto; right: auto; opacity: 1; 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 }
.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: 0; padding-bottom: 10px }
.key-list .col-md-9 { padding: 0 }
.key-benefits-section .halfPageContainerLeft { padding-right: 50px }
.key-benefits-section .pageTitle { background: 0 0 }
.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: #fff }
.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 .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: 700; 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 }
}
.trms-main-title { text-transform: none ; padding-bottom:5px;}
.trms-box-title { text-transform: inherit; color: #2e2e2e; font-size: 18px; padding-bottom:5px }
.trms-data-box { display: inline-block; width: 100%; clear: both; position: relative; margin: 12px 0; margin-bottom: 0 }
.trms-list-item span { display: inline-block;line-height: 24px; }
.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 ; padding-left: 25px;}
.trms-list-item p{ margin-bottom: 5px}
.trms-data-box p { margin-bottom: 20px }
.trms-data-box>p { margin-bottom: 10px }
.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 li.selected>a:before, ul.sidenav3>li.selected>a:before, ul.sidenav3>li:hover>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 }
}
.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: 0 }
.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 }
 @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) {
 .banner.dsk {
 background-attachment:scroll!important
}
}
 @supports not (-webkit-overflow-scrolling:touch) {
 .banner.dsk {
 background-attachment:scroll!important
}
}
.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: #fff; border-radius: 20px; overflow: hidden; transition: all .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% }
}
.filter-select-box { font-weight: 600 !important; position: relative; color: #464646; font-size: 0; 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 0 2px 0; text-transform: uppercase; padding: 15px 0 15px 0 }
.filter-select { position: relative; height: 50px; color: #464646; min-width: 135px; vertical-align: top; display: inline-block; margin: 2px 0 2px 10px }
.filter-select .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single { border-color: #e9e9e9 }
.mainBlogWebExcellence { font-size: 13px; color: #000; font-weight: 600 !important; 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 p { margin-bottom: 10px }
.BlogWebExcellence-info-header p:last-child { margin-bottom: 0 }
.mainBlogWebExcellence ul { list-style: none; margin: 0 -4px; padding: 0; position: relative; display: block; width: 100% }
.mainBlogWebExcellence ul li { width: 33.33%; padding: 0 4px; display: block; float: left; margin-bottom: 8px }
.mainBlogWebExcellence ul li a { display: block; position: relative }
.BlogWebExcellence-info { position: relative; font-size: 13px; color: #000; font-weight: 600 !important; 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: 0 }
.mainBlogWebExcellence ul.BlogWebExcellence-6col li { width: 16.6666% }
.mainBlogWebExcellence ul li a:hover .BlogWebExcellence-info { color: #f47936; border-color: #f47936 }
.mission-vision-box { padding: 0 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 0 }
.company-culture-intro-info { position: relative; display: block; z-index: 5; background: #f7f7f7; padding: 50px 50px 35px; margin: 100px 0 0 -70px }
.company-culture-intro-img { position: relative; display: block; margin-right: -70px }
/* .company-culture-intro-img::before { position: absolute; right: 0; 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: 0 }
.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: 0 }
.company-culture-list .company-culture-list-img img { width: 100% }
.company-culture-list .photoContainer { margin: 0 }
.company-culture-list ul.ul-listing li { padding: 10px 0 10px 20px }
.company-culture-list ul.ul-listing li:before { top: 14px }
.supportive-info { padding-left: 30px }
.supportive-info ul:last-child { margin-bottom: 0 }
.supportive-img { position: relative; margin-right: -15px }
.company-culture-list .boxColRight { padding-right: 0 }
.company-culture-list-info p strong { font-weight: 600 !important; }
/* .pt-btl::before, .pt-btr::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: 0; 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: #fff; font-weight: 700 !important; font-size: 70px; letter-spacing: -3.8px }
.vblog-hero-text { padding-top: 90px; padding-bottom: 120px }
.vblog-holder { border-radius: 20px; box-shadow: 0 10px 20px 0 rgba(0,0,0,.1); background: #fff; position: relative; margin-top: -215px }
.vblog-header-holder, .vblog-hero { max-width: 1080px; margin: 0 auto }
.vblog-header-holder { padding: 50px 0 }
.vblog-header { background: #f8f8f8; border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
.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-weight: 700 !important; 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: #000; font-weight: 700 !important; 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:last-child { margin-bottom: 0 }
.possibilities-box h3 { font-size: 20px; color: #000; font-weight: 700 !important; text-transform: none; position: relative; padding-bottom: 5px }
.possibilities-box h3::before { position: absolute; left: 0; bottom: 0; content: ""; width: 35px; height: 3px; background: #f47936 }
.possibilities-img-holder { padding: 40px 0 }
.vblog-bottom-section { position: relative }
.vblog-bottom-section>img { width: 100% }
.vblog-bottom-info { position: absolute; top: 0; left: 0; z-index: 2; width: 100% }
.vblog-bottom-info-container { max-width: 510px; margin: 0 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-weight: 800 !important; text-transform: none; line-height: 75px; letter-spacing: -1.05px }
.vblog-bottom-img { padding: 10px 0 }
.vblog-bottom-info-container .link-btn a { background: #12cdc4 }
.vblog-bottom-info-container .link-btn a:hover { background: #000 }
.possibilities-nav { padding-top: 5px }
.possibilities-nav a { display: block; color: #bababa;  font-weight: 700 !important; letter-spacing: -.6px; padding: 12px 0 12px 70px; position: relative; line-height: 30px; margin: 10px 0 }
.possibilities-nav-count { position: absolute; left: 0; top: 0; line-height: 54px; width: 54px; height: 54px; text-align: center; border-radius: 15px; background: #f0f0f0; transition: all .2s linear }
.possibilities-nav a.active, .possibilities-nav a:hover { color: #000 }
.possibilities-nav a.active .possibilities-nav-count, .possibilities-nav a:hover .possibilities-nav-count { color: #fff; 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: 0; bottom: 0; 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_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { background: 0 0!important; background-image: none!important; opacity: 1 }
.mCSB_scrollTools .mCSB_buttonDown::before, .mCSB_scrollTools .mCSB_buttonUp::before { position: absolute; left: 0; top: 0; 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_buttonDown:hover::before, .mCSB_scrollTools .mCSB_buttonUp:hover::before { color: #f47936 }
.possibilities-info-holder .mCSB_scrollTools { width: 20px!important }
.info-section-right { position: relative }
.scroll_buttonDown, .scroll_buttonUp { position: absolute; right: 0; cursor: pointer }
.scroll_buttonUp { top: 60px }
.scroll_buttonDown { bottom: 20px }
.scroll_buttonDown::before, .scroll_buttonUp::before { position: absolute; left: 0; top: 0; z-index: 0; font-family: "Font Awesome 5 Free"; 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" }
.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: .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: #fff }
.bio-container .fx-img { position: absolute; z-index: -1; bottom: -20px; right: 22% }
 @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: 0 30px; position: relative }
.vblog-section .container { width: 100% }
.vblog-bottom-info { position: static }
}
 @media (max-width:991px) {
.company-culture-intro-img { margin-right: 0 }
.company-culture-intro-info { margin: 0 }
.company-culture-intro-img::before { right: -40px }
.company-culture-list-img, .company-culture-list-info, .supportive-img { margin: 0!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: 0 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: 0 }
.vblog-hero-text { text-align: center; padding: 30px 0 30px }
.vblog-header-info { padding: 0 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 0 }
.mission-box::before { display: none }
.info-section-left-holder, .info-section-right { width: 100%; float: none; margin: 0; position: relative!important }
.info-section-right { padding-top: 40px }
.hide-sm { display: none!important }
.show-sm { display: block }
.possibilities-box { margin: 10px 0 50px }
.possibilities-box, .possibilities-info-holder { height: auto!important }
.scroll_buttonDown, .scroll_buttonUp { display: none }
}
 @media (max-width:567px) {
.mission-vision-info { padding: 30px }
.company-culture-intro-info, .company-culture-list-info, .supportive-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: 0 30px }
.vblog-info-section { padding: 0 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: 0 }
.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 0; 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: -.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: 0 auto; text-align: center }
.company-culture-container { padding: 30px 0 }
#breadcrumb a { margin: 0 5px 0 0;}
#breadcrumb a i { margin-left: 5px;}



}
 @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-header-info, .vblog-info-section { 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 }
.pageTitle.lg { font-size: 35px; }
}
.redesigning-sign li { background-position: 0 12px!important }
/*-JSM*/

.blog-h2 { font-size: 22px; padding-bottom: 20px; line-height: 30px }
.blog-h3, .blog-h4, .blog-h5, .blog-h6, .blog-details-content h2, .blog-details-content h3, .blog-details-content h4, .blog-details-content h5, .blog-details-content h6 { font-weight: 500; padding-bottom: 15px !important; padding-top: 25px; line-height: 30px }
.blog-content-inner-box h2:first-child, .blog-content-inner-box h3:first-child, .blog-content-inner-box h4:first-child, .blog-content-inner-box h5:first-child, .blog-content-inner-box h6:first-child { padding-top: 0px; }
.blog-details-wrapper h2 { padding-top: 25px; }
.blog-details-wrapper h2:first-child { padding-top: 0px; }
.blog-div h2:first-child { padding-top: 15px; }
.blog-details-content h2 { padding-bottom: 20px !important; }
.blog-div { line-height: 24px; margin: 0 0 20px }
.blog-div p { line-height: 24px; margin: 0 0 10px }
.blog-details-content p img, .blog-details-wrapper p img { margin-bottom: 15px; }
.verz-agency { padding: 0 0; margin: 0 0 15px; color: #f37936; font-weight: 600; font-size: 15px; text-transform: uppercase; letter-spacing: 2px }
/*----31-5-2023-----*/

.single-post .blog-hd h2 { font-size: 28px !important; }
.single-post .blog-hd h3 { font-size: 24px; }
.single-post .blog-hd h4 { font-size: 22px; }
.single-post .blog-hd h5 { font-size: 20px; }
.single-post .blog-hd h6 { font-size: 18px }
/*--faq-main-wrap--*/

.single-post h2, .single-post h3, .single-post h4, .single-post h5 { text-transform: capitalize; }
.faq-main-wrap { position: relative; display: block; overflow: hidden; margin-bottom: 30px; }
.faq-question, .faq-answer { font-size: 16px; }
.faq-question { font-weight: 600; margin-bottom: 5px; }
.faq-even { background: #f8f8f8; }
.faq-odd, .faq-even { padding: 20px; border-radius: 5px; }
.faq-odd, .faq-even { margin-bottom: 20px; cursor: pointer; }
.faq-answer { padding-left: 30px; }
.faq-even:hover { background-color: #fff; }
.faq-odd:hover { background-color: #f8f8f8; }
.faq-answer ul li, .faq-answer ol li { padding-bottom: 10px; }
.faq-answer ul, .faq-answer ol { list-style-type: unset; }
.faq-answer ul { list-style-type: disc; list-style-position: outside; padding-left: 30px; }
.faq-answer ol { list-style-type: symbols; list-style-position: outside; padding-left: 30px; }
.faq-question h3 { font-size: 18px; }
.faq-answer a { color: #f37936; }
.faq-answer a:hover { opacity: 0.7; }
.mega-no-menu-link > a.mega-menu-link { cursor: default !important; }
.single-post.postid-14055 .vd--contact--form--container { display: none; }
.quickEnquiryBtn { display: none !important; }
.innerMenu-container>ul>li.selected>a:before, .innerMenu-container>ul>li:hover>a:before { z-index: -1; }
/*----*/

/*----31-5-2023-----*/

.single-post .blog-div h2 { font-size: 28px !important; }
.single-post .blog-div h3 { font-size: 24px; }
.single-post .blog-div h4 { font-size: 22px; }
.single-post .blog-div h5 { font-size: 20px; }
.single-post .blog-div h6 { font-size: 18px }